@damiro/stylo 0.20.1 → 0.22.0

package/dist/{InPlaceView-gei6uiAm.js → InPlaceView-CKPumo8B.js}

@@ -1,10 +1,10 @@
 import { l as e, s as t, u as n } from "./embed-cache-BU9Smn-h.js";
-import { C as r, D as i, E as a, O as o, S as s, T as c, _ as l, a as u, b as d, c as f, d as p, f as m, g as h, h as ee, i as te, k as ne, l as re, m as ie, n as g, o as _, p as ae, r as oe, s as se, t as ce, u as v, v as le, w as y, x as b, y as x } from "./useCodeMirror-DbhMZGZ7.js";
-import { a as ue, i as S } from "./config-DTBxVhtH.js";
+import { C as r, D as i, E as a, O as o, S as s, T as c, _ as l, a as u, b as d, c as f, d as p, f as m, g as h, h as ee, i as te, k as ne, l as re, m as ie, n as g, o as ae, p as _, r as oe, s as se, t as ce, u as v, v as le, w as ue, x as y, y as b } from "./useCodeMirror-O1ProA2R.js";
+import { a as x, i as S } from "./config-DTBxVhtH.js";
 import { a as de, n as fe, o as pe, r as me, t as C } from "./embed-DJAydn-v.js";
 import { t as he } from "./katex-BfiLlqfN.js";
-import { useRef as w, useState as T, useSyncExternalStore as ge } from "react";
-import { Decoration as E, EditorView as D, ViewPlugin as O, WidgetType as k, hoverTooltip as _e, keymap as ve, showPanel as ye } from "@codemirror/view";
+import { useRef as w, useState as ge, useSyncExternalStore as _e } from "react";
+import { Decoration as T, EditorView as E, ViewPlugin as D, WidgetType as O, hoverTooltip as ve, keymap as k, showPanel as ye } from "@codemirror/view";
 import { createPortal as be, flushSync as xe } from "react-dom";
 import { Annotation as Se, EditorSelection as Ce, EditorState as we, Facet as A, Prec as j, StateEffect as Te, StateField as M } from "@codemirror/state";
 import { syntaxTree as N } from "@codemirror/language";
@@ -86,7 +86,7 @@ function Fe(e) {
 		items: e.items ?? []
 	};
 }
-var Ie = A.define({ combine: (e) => e[0] ?? (() => []) }), Le = A.define({ combine: (e) => e[0] ?? (() => []) }), Re = A.define({ combine: (e) => e[0] ?? Pe });
+var Ie = A.define({ combine: (e) => e[0] ?? (() => []) }), Le = A.define({ combine: (e) => e[0] ?? (() => []) }), Re = A.define({ combine: (e) => e[0] ?? (() => []) }), z = A.define({ combine: (e) => e[0] ?? Pe });
 function ze(e) {
 	if (!e?.length) return R;
 	let t = e.filter((e) => R.includes(e));
@@ -96,23 +96,23 @@ var Be = A.define({ combine: (e) => e[0] ?? R }), Ve = A.define({ combine: (e) =
 //#endregion
 //#region src/inplace/frontmatter.ts
 function He(e) {
-	if (!e.facet(P).frontmatter) return E.none;
+	if (!e.facet(P).frontmatter) return T.none;
 	let n = t(e.doc);
-	if (!n) return E.none;
+	if (!n) return T.none;
 	let r = e.doc.lineAt(n.from).number, i = e.doc.lineAt(n.to).number, a = e.selection.ranges.some((t) => {
 		let n = e.doc.lineAt(t.from).number;
 		return n >= r && n <= i;
 	}), o = [];
 	for (let t = r; t <= i; t++) {
 		let n = e.doc.line(t), s = t === r ? "cm-inplace-fm cm-inplace-fm-first" : "cm-inplace-fm";
-		o.push(E.line({ class: s }).range(n.from)), (t === r || t === i) && !a && n.to > n.from && o.push(E.replace({}).range(n.from, n.to));
+		o.push(T.line({ class: s }).range(n.from)), (t === r || t === i) && !a && n.to > n.from && o.push(T.replace({}).range(n.from, n.to));
 	}
-	return E.set(o, !0);
+	return T.set(o, !0);
 }
 var Ue = M.define({
 	create: He,
 	update: (e, t) => t.docChanged || t.selection ? He(t.state) : e,
-	provide: (e) => D.decorations.from(e)
+	provide: (e) => E.decorations.from(e)
 });
 //#endregion
 //#region src/inplace/list-guides.ts
@@ -130,16 +130,16 @@ function Ge(e, t, n, r, i, a) {
 		enter: (e) => {
 			if (e.name !== "ListItem") return;
 			let t = We(e), n = t - 1, i = r.lineAt(e.from).number, s = r.lineAt(Math.min(e.to, r.length)).number, c = e.node.getChild("BulletList") ?? e.node.getChild("OrderedList"), l = c ? r.lineAt(c.from).number : -1, u = c ? r.lineAt(Math.max(c.from, c.to - 1)).number : -1, d = e.node.prevSibling ? "cm-inplace-item-gap" : t > 1 ? "cm-inplace-item-gap-nested" : null;
-			for (let e = i; e <= s; e++) c && e >= l && e <= u || (n >= 1 && !o.has(e) && (o.add(e), a.push(E.line({
+			for (let e = i; e <= s; e++) c && e >= l && e <= u || (n >= 1 && !o.has(e) && (o.add(e), a.push(T.line({
 				class: "cm-inplace-li",
 				attributes: { style: `--sl-li-depth:${n}` }
-			}).range(r.line(e).from))), e === i && d && a.push(E.line({ class: d }).range(r.line(e).from)));
+			}).range(r.line(e).from))), e === i && d && a.push(T.line({ class: d }).range(r.line(e).from)));
 		}
 	});
 }
 //#endregion
 //#region src/inplace/reveal.ts
-function z(e) {
+function B(e) {
 	let t = /* @__PURE__ */ new Set();
 	for (let n of e.selection.ranges) {
 		let r = e.doc.lineAt(n.from).number, i = e.doc.lineAt(n.to).number;
@@ -155,7 +155,7 @@ var Ke = /* @__PURE__ */ new Set([
 	"CodeBlock",
 	"CodeText"
 ]);
-function B(e, t) {
+function V(e, t) {
 	let n = e.resolveInner(t, 1);
 	for (;;) {
 		if (Ke.has(n.name)) return !0;
@@ -202,7 +202,7 @@ function Qe(e, t) {
 	}
 	return null;
 }
-var $e = class extends k {
+var $e = class extends O {
 	src;
 	block;
 	constructor(e, t) {
@@ -233,11 +233,11 @@ function et(e, t, n, r, i, a, o) {
 	let { doc: s } = e.state, c = [];
 	for (let e of r.matchAll(Xe)) {
 		let n = (e[1] ?? "").trim(), r = t + (e.index ?? 0), l = r + (e[0] ?? "").length;
-		!n || B(a, r + 2) || (c.push([r, l]), !Je(i, s, r, l) && o.push(E.replace({ widget: new $e(n, !0) }).range(r, l)));
+		!n || V(a, r + 2) || (c.push([r, l]), !Je(i, s, r, l) && o.push(T.replace({ widget: new $e(n, !0) }).range(r, l)));
 	}
 	for (let e of r.matchAll(Ye)) {
 		let n = (e[1] ?? "").trim(), r = t + (e.index ?? 0), l = r + (e[0] ?? "").length;
-		!n || B(a, r + 1) || c.some(([e, t]) => r >= e && l <= t) || Je(i, s, r, l) || o.push(E.replace({ widget: new $e(n, !1) }).range(r, l));
+		!n || V(a, r + 1) || c.some(([e, t]) => r >= e && l <= t) || Je(i, s, r, l) || o.push(T.replace({ widget: new $e(n, !1) }).range(r, l));
 	}
 }
 function tt(e, t, n) {
@@ -256,33 +256,33 @@ var nt = M.define({
 	update(e, t) {
 		return t.docChanged || t.selection && (tt(t.state, t.startState.selection, e.ranges) || tt(t.state, t.state.selection, e.ranges)) ? rt(t.state) : e;
 	},
-	provide: (e) => [D.decorations.from(e, (e) => e.decorations), D.atomicRanges.of((t) => t.state.field(e).decorations)]
+	provide: (e) => [E.decorations.from(e, (e) => e.decorations), E.atomicRanges.of((t) => t.state.field(e).decorations)]
 });
 function rt(e) {
 	if (!e.facet(P).math) return {
-		decorations: E.none,
+		decorations: T.none,
 		ranges: []
 	};
 	let t = e.doc.toString();
 	if (!t.includes("$$")) return {
-		decorations: E.none,
+		decorations: T.none,
 		ranges: []
 	};
-	let n = [], r = [], i = z(e), a = N(e);
+	let n = [], r = [], i = B(e), a = N(e);
 	for (let o of t.matchAll(Ze)) {
 		let t = o[0] ?? "", s = (o[1] ?? "").trim();
 		if (!s || !t.includes("\n")) continue;
 		let c = o.index ?? 0, l = c + t.length, u = e.doc.lineAt(c), d = e.doc.lineAt(l), f = e.doc.sliceString(u.from, c).trim(), p = e.doc.sliceString(l, d.to).trim();
-		f === "" && p === "" && (B(a, c + 2) || (r.push({
+		f === "" && p === "" && (V(a, c + 2) || (r.push({
 			from: c,
 			to: l
-		}), !Je(i, e.doc, c, l) && n.push(E.replace({
+		}), !Je(i, e.doc, c, l) && n.push(T.replace({
 			widget: new $e(s, !0),
 			block: !0
 		}).range(c, l))));
 	}
 	return {
-		decorations: E.set(n, !0),
+		decorations: T.set(n, !0),
 		ranges: r
 	};
 }
@@ -314,7 +314,7 @@ function at(e, t, n) {
 	let { doc: r, revealed: i, out: a, toggles: o } = t;
 	if (!o[n.toggle]) return;
 	let s = e.node.getChildren(n.mark), c = s[0], l = s[s.length - 1], u = c && l && c !== l, d = u ? c.to : e.from, f = u ? l.from : e.to;
-	f > d && a.push(E.mark({ class: n.className }).range(d, f)), u && !i.has(r.lineAt(e.from).number) && (a.push(E.replace({}).range(c.from, c.to)), a.push(E.replace({}).range(l.from, l.to)));
+	f > d && a.push(T.mark({ class: n.className }).range(d, f)), u && !i.has(r.lineAt(e.from).number) && (a.push(T.replace({}).range(c.from, c.to)), a.push(T.replace({}).range(l.from, l.to)));
 }
 function ot(e, t) {
 	let { doc: n, revealed: r, out: i, toggles: a } = t, o = n.sliceString(Math.max(0, e.from - 1), e.from), s = n.sliceString(e.to, e.to + 1);
@@ -324,12 +324,12 @@ function ot(e, t) {
 	let u = e.node.getChildren("LinkMark");
 	if (u.length >= 2) {
 		let t = u[0], a = u[1];
-		a.from > t.to && i.push(E.mark({ class: "cm-inplace-link" }).range(t.to, a.from)), r.has(n.lineAt(e.from).number) || (i.push(E.replace({}).range(e.from, t.to)), i.push(E.replace({}).range(a.from, e.to)));
+		a.from > t.to && i.push(T.mark({ class: "cm-inplace-link" }).range(t.to, a.from)), r.has(n.lineAt(e.from).number) || (i.push(T.replace({}).range(e.from, t.to)), i.push(T.replace({}).range(a.from, e.to)));
 	}
 }
 //#endregion
 //#region src/inplace/widgets.ts
-var st = class extends k {
+var st = class extends O {
 	eq() {
 		return !0;
 	}
@@ -340,7 +340,7 @@ var st = class extends k {
 	ignoreEvent() {
 		return !1;
 	}
-}, ct = class extends k {
+}, ct = class extends O {
 	eq() {
 		return !0;
 	}
@@ -351,7 +351,7 @@ var st = class extends k {
 	ignoreEvent() {
 		return !1;
 	}
-}, lt = class extends k {
+}, lt = class extends O {
 	checked;
 	constructor(e) {
 		super(), this.checked = e;
@@ -378,7 +378,7 @@ function dt(e, t) {
 	let { doc: n, revealed: r, out: i, toggles: a } = t;
 	if (!a.horizontalRule) return !1;
 	let o = n.lineAt(e.from);
-	return r.has(o.number) || (i.push(E.line({ class: "cm-inplace-hr-line" }).range(o.from)), i.push(E.replace({ widget: new st() }).range(o.from, o.to))), !1;
+	return r.has(o.number) || (i.push(T.line({ class: "cm-inplace-hr-line" }).range(o.from)), i.push(T.replace({ widget: new st() }).range(o.from, o.to))), !1;
 }
 function ft(e, t) {
 	let { doc: n, revealed: r, caretRevealed: i, out: a, toggles: o, quoteRevealed: s } = t;
@@ -390,14 +390,14 @@ function ft(e, t) {
 			let r = u ? `cm-inplace-callout cm-inplace-callout-${u}` : "cm-inplace-quote";
 			u && e === t && (r += " cm-inplace-callout-head"), u && e === o && (r += " cm-inplace-callout-foot");
 			let i = {};
-			u && (i["data-callout"] = l[3].toLowerCase()), u && d && (i["data-revealed"] = ""), a.push(E.line({
+			u && (i["data-callout"] = l[3].toLowerCase()), u && d && (i["data-revealed"] = ""), a.push(T.line({
 				class: r,
 				attributes: i
 			}).range(n.line(e).from));
 		}
 		if (u && !d && !r.has(t)) {
 			let e = c.from + l[1].length;
-			a.push(E.replace({}).range(e, e + l[2].length));
+			a.push(T.replace({}).range(e, e + l[2].length));
 		}
 	}
 }
@@ -407,20 +407,20 @@ function pt(e, t) {
 	let s = n.lineAt(e.from);
 	if (!r.has(s.number) && !o.has(s.number)) {
 		let t = Math.min(e.to + 1, s.to), n = me.exec(s.text), r = n ? s.text.slice(n[1].length + n[2].length) : s.text.slice(t - s.from);
-		i.push(E.replace({}).range(e.from, r.trim() === "" ? e.to : t));
+		i.push(T.replace({}).range(e.from, r.trim() === "" ? e.to : t));
 	}
 	return !1;
 }
 function mt(e, t) {
 	let { doc: n, revealed: r, out: i, toggles: a } = t, o = n.sliceString(e.from, e.to), s = n.lineAt(e.from), c = e.node.parent, l = !!(c?.getChild("Task") ?? c?.getChild("TaskMarker"));
-	return r.has(s.number) || (l ? a.tasks && i.push(E.replace({}).range(e.from, Math.min(e.to + 1, s.to))) : a.lists && ut.test(o) && i.push(E.replace({ widget: new ct() }).range(e.from, e.to))), !1;
+	return r.has(s.number) || (l ? a.tasks && i.push(T.replace({}).range(e.from, Math.min(e.to + 1, s.to))) : a.lists && ut.test(o) && i.push(T.replace({ widget: new ct() }).range(e.from, e.to))), !1;
 }
 function ht(e, t) {
 	let { doc: n, revealed: r, out: i, toggles: a } = t;
 	if (!a.tasks) return !1;
 	if (!r.has(n.lineAt(e.from).number)) {
 		let t = n.sliceString(e.from + 1, e.to - 1).toLowerCase() === "x";
-		i.push(E.replace({ widget: new lt(t) }).range(e.from, e.to));
+		i.push(T.replace({ widget: new lt(t) }).range(e.from, e.to));
 	}
 	return !1;
 }
@@ -434,7 +434,7 @@ function gt(e, t) {
 		let t = s && (e === c || e === l), r = "cm-inplace-mono";
 		e === c && (r += " cm-inplace-code-top"), e === l && (r += " cm-inplace-code-bottom"), t && (r += f ? " cm-inplace-code-pad" : " cm-inplace-fence");
 		let i = n.line(e);
-		a.push(E.line({ class: r }).range(i.from)), t && f && i.to > i.from && a.push(E.replace({}).range(i.from, i.to));
+		a.push(T.line({ class: r }).range(i.from)), t && f && i.to > i.from && a.push(T.replace({}).range(i.from, i.to));
 	}
 	return !1;
 }
@@ -445,7 +445,7 @@ function yt(e, t, n) {
 	let { doc: r, revealed: i, out: a, toggles: o } = t;
 	if (o.headings) {
 		let t = r.lineAt(e.from);
-		if (a.push(E.line({
+		if (a.push(T.line({
 			class: `cm-inplace-heading cm-inplace-h${n}`,
 			attributes: {
 				role: "heading",
@@ -453,7 +453,7 @@ function yt(e, t, n) {
 			}
 		}).range(t.from)), !i.has(t.number)) {
 			let n = e.node.firstChild;
-			n?.name === "HeaderMark" && a.push(E.replace({}).range(n.from, Math.min(n.to + 1, t.to)));
+			n?.name === "HeaderMark" && a.push(T.replace({}).range(n.from, Math.min(n.to + 1, t.to)));
 		}
 	}
 }
@@ -461,7 +461,7 @@ function bt(e, t, n) {
 	let { doc: r, caretRevealed: i, out: a, toggles: o } = t;
 	if (o.headings) {
 		let t = r.lineAt(e.from);
-		a.push(E.line({
+		a.push(T.line({
 			class: `cm-inplace-heading cm-inplace-h${n}`,
 			attributes: {
 				role: "heading",
@@ -471,7 +471,7 @@ function bt(e, t, n) {
 		let o = e.node.getChild("HeaderMark");
 		if (o) {
 			let e = r.lineAt(o.from);
-			!i.has(t.number) && !i.has(e.number) && (a.push(E.line({ class: "cm-inplace-setext-rule" }).range(e.from)), a.push(E.replace({}).range(o.from, o.to)));
+			!i.has(t.number) && !i.has(e.number) && (a.push(T.line({ class: "cm-inplace-setext-rule" }).range(e.from)), a.push(T.replace({}).range(o.from, o.to)));
 		}
 	}
 }
@@ -498,19 +498,19 @@ function St(t, n, r, i, a, o, s) {
 	let c = t.state.facet(F) != null;
 	for (let r of i.matchAll(e)) {
 		let [e = "", i = "", l] = r, u = i.trim(), d = n + (r.index ?? 0);
-		if (!u || B(o, d + 1) || c && d > 0 && t.state.doc.sliceString(d - 1, d) === "!") continue;
+		if (!u || V(o, d + 1) || c && d > 0 && t.state.doc.sliceString(d - 1, d) === "!") continue;
 		let f = d + e.length, p = l == null ? d + 2 : d + 2 + i.length + 1, m = f - 2;
-		s.push(E.mark({
+		s.push(T.mark({
 			class: "cm-inplace-link cm-inplace-wikilink",
 			attributes: { "data-stylo-wikilink": u }
-		}).range(p, m)), a.has(t.state.doc.lineAt(d).number) || (s.push(E.replace({}).range(d, p)), s.push(E.replace({}).range(m, f)));
+		}).range(p, m)), a.has(t.state.doc.lineAt(d).number) || (s.push(T.replace({}).range(d, p)), s.push(T.replace({}).range(m, f)));
 	}
 }
 //#endregion
 //#region src/inplace/decorate.ts
-var Ct = /* @__PURE__ */ new Set(), wt = E.replace({});
+var Ct = /* @__PURE__ */ new Set(), wt = T.replace({});
 function Tt(e) {
-	let n = [], r = z(e.state), i = e.state.facet(L) === "never" ? Ct : r, a = N(e.state), { doc: o } = e.state, s = e.state.facet(P), c = {
+	let n = [], r = B(e.state), i = e.state.facet(L) === "never" ? Ct : r, a = N(e.state), { doc: o } = e.state, s = e.state.facet(P), c = {
 		doc: o,
 		revealed: i,
 		caretRevealed: r,
@@ -538,13 +538,13 @@ function Tt(e) {
 		t && e.from <= t.to ? e.to > t.to && (u[u.length - 1] = wt.range(t.from, e.to)) : u.push(wt.range(e.from, e.to));
 	}
 	return {
-		decorations: E.set(n, !0),
-		atomic: E.set(u, !0)
+		decorations: T.set(n, !0),
+		atomic: T.set(u, !0)
 	};
 }
 //#endregion
 //#region src/inplace/plugin.ts
-var Et = O.fromClass(class {
+var Et = D.fromClass(class {
 	decorations;
 	atomic;
 	constructor(e) {
@@ -559,7 +559,7 @@ var Et = O.fromClass(class {
 	}
 }, {
 	decorations: (e) => e.decorations,
-	provide: (e) => D.atomicRanges.of((t) => t.plugin(e)?.atomic ?? E.none)
+	provide: (e) => E.atomicRanges.of((t) => t.plugin(e)?.atomic ?? T.none)
 });
 function Dt() {
 	return Et;
@@ -584,12 +584,12 @@ var Ot = {
 		toggle: "code"
 	}
 };
-function V(e, t) {
-	return e.facet(L) === "never" || !z(e).has(t);
+function H(e, t) {
+	return e.facet(L) === "never" || !B(e).has(t);
 }
-function H(t, n, r = !1, i = !1) {
+function U(t, n, r = !1, i = !1) {
 	let a = t.doc.lineAt(n);
-	if (!i && !V(t, a.number)) return null;
+	if (!i && !H(t, a.number)) return null;
 	let o = t.facet(P), s = N(t);
 	for (let e of [-1, 1]) for (let i = s.resolveInner(n, e); i; i = i.parent) {
 		let e = Ot[i.name];
@@ -648,13 +648,13 @@ var At = (e) => (t) => {
 	let n = t.state.selection.main;
 	if (!n.empty) return !1;
 	let { state: r } = t;
-	if (!V(r, r.doc.lineAt(n.head).number)) return !1;
+	if (!H(r, r.doc.lineAt(n.head).number)) return !1;
 	let i = kt(t, n.head, e);
 	if (i === n.head) return !1;
 	let a = r.doc;
 	if (e < 0 ? i <= 0 : i >= a.length) return !0;
 	let o = e < 0 ? i - 1 : i, s = e < 0 ? i : i + 1;
-	for (let e = H(r, o); e && o <= e.contentFrom && s >= e.contentTo && e.contentTo > e.contentFrom && !(e.from >= o && e.to <= s); e = H(r, o)) o = Math.min(o, e.from), s = Math.max(s, e.to);
+	for (let e = U(r, o); e && o <= e.contentFrom && s >= e.contentTo && e.contentTo > e.contentFrom && !(e.from >= o && e.to <= s); e = U(r, o)) o = Math.min(o, e.from), s = Math.max(s, e.to);
 	return t.dispatch({
 		changes: {
 			from: o,
@@ -675,10 +675,10 @@ function Nt(e, t, n) {
 		n.spec.widget || n.spec.class || t <= e || e <= i && (i = Math.max(i, t));
 	}), i >= n;
 }
-var U = (e, t) => (n) => {
+var W = (e, t) => (n) => {
 	if (h(n)) return !1;
 	let r = n.state.selection.main;
-	if (!t && !r.empty || !V(n.state, n.state.doc.lineAt(r.head).number)) return !1;
+	if (!t && !r.empty || !H(n.state, n.state.doc.lineAt(r.head).number)) return !1;
 	let i = n.moveByChar(r, e);
 	if (Nt(n, Math.min(r.head, i.head), Math.max(r.head, i.head)) && (i = n.moveByChar(i, e)), i.head === r.head) return !1;
 	let a = t ? Ce.range(r.anchor, i.head) : Ce.cursor(i.head);
@@ -686,7 +686,7 @@ var U = (e, t) => (n) => {
 		selection: a,
 		userEvent: "select"
 	}), !0;
-}, Pt = U(!1, !1), Ft = U(!0, !1), It = U(!1, !0), Lt = U(!0, !0), Rt = j.high(ve.of([
+}, Pt = W(!1, !1), Ft = W(!0, !1), It = W(!1, !0), Lt = W(!0, !0), Rt = j.high(k.of([
 	{
 		key: "Backspace",
 		run: jt
@@ -713,45 +713,8 @@ var U = (e, t) => (n) => {
 	}
 ]));
 //#endregion
-//#region src/inplace/table-cell-marks.ts
-function zt(e, t, n, r) {
-	let i = {
-		marks: [],
-		cellClass: []
-	};
-	for (let a of e) if (!(a.to <= t || a.from >= t + r || a.to <= a.from)) {
-		i.marks.push({
-			from: Math.max(a.from - t, 0) + n,
-			to: Math.min(a.to - t, r) + n,
-			class: a.class,
-			attributes: a.attributes
-		});
-		for (let e of a.cellClass?.split(/\s+/) ?? []) e && !i.cellClass.includes(e) && i.cellClass.push(e);
-	}
-	return i.marks.length || i.cellClass.length ? i : null;
-}
-function Bt(e, t) {
-	let n = document.createElement("span");
-	n.className = e.class, n.dataset.styloCellMark = "";
-	for (let [t, r] of Object.entries(e.attributes ?? {})) try {
-		n.setAttribute(t, r);
-	} catch {}
-	return n.append(t), n;
-}
-function Vt(e, t) {
-	let n = e.node.data, r = e.start + n.length, i = t.filter((t) => t.from < r && t.to > e.start);
-	if (!i.length) return !1;
-	let a = /* @__PURE__ */ new Set([e.start, r]);
-	for (let t of i) a.add(Math.max(t.from, e.start)), a.add(Math.min(t.to, r));
-	let o = [...a].sort((e, t) => e - t), s = document.createDocumentFragment();
-	for (let t = 0; t < o.length - 1; t++) {
-		let [r, a] = [o[t], o[t + 1]], c = document.createTextNode(n.slice(r - e.start, a - e.start));
-		for (let e of i) e.from <= r && e.to >= a && (c = Bt(e, c));
-		s.append(c);
-	}
-	return e.node.replaceWith(s), !0;
-}
-function Ht(e, t) {
+//#region src/inplace/table-cell-align.ts
+function zt(e, t) {
 	let n = [], r = 0, i = (e) => {
 		for (let a of e.childNodes) if (a instanceof Text) {
 			let e = t.indexOf(a.data, r);
@@ -776,90 +739,192 @@ function Ht(e, t) {
 	};
 	return i(e) ? n : null;
 }
+//#endregion
+//#region src/inplace/table-cell-widgets.ts
+function Bt(e, t, n, r, i) {
+	return e.filter((e) => e.pos >= n && e.pos <= n + i).map((e) => ({
+		at: e.pos - n + r,
+		key: e.key,
+		cellClass: e.cellClass,
+		build: () => e.toDOM(t)
+	}));
+}
+function Vt(e) {
+	let t = e.build();
+	return t.setAttribute("contenteditable", "false"), t.dataset.styloCellWidget = "", t;
+}
+function Ht(e, t) {
+	let n = null, r = Infinity;
+	for (let i of e) {
+		let e = i.start + i.node.data.length;
+		if (t > i.start && t <= e) return {
+			piece: i,
+			at: t
+		};
+		for (let a of [i.start, e]) Math.abs(t - a) < r && ([n, r] = [{
+			piece: i,
+			at: a
+		}, Math.abs(t - a)]);
+	}
+	return n;
+}
 function Ut(e, t) {
+	let n = /* @__PURE__ */ new Map(), r = [];
+	for (let i of t) {
+		let t = e && Ht(e, i.at);
+		t ? n.set(t.piece, [...n.get(t.piece) ?? [], {
+			...i,
+			at: t.at
+		}]) : r.push(i);
+	}
+	return {
+		placed: n,
+		loose: r
+	};
+}
+//#endregion
+//#region src/inplace/table-cell-marks.ts
+function Wt(e, t, n, r) {
+	let i = {
+		marks: [],
+		widgets: [],
+		cellClass: []
+	};
+	for (let a of e) a.to <= t || a.from >= t + r || a.to <= a.from || (i.marks.push({
+		from: Math.max(a.from - t, 0) + n,
+		to: Math.min(a.to - t, r) + n,
+		class: a.class,
+		attributes: a.attributes
+	}), Gt(i, a.cellClass));
+	return i.marks.length || i.cellClass.length ? i : null;
+}
+var Gt = (e, t) => {
+	for (let n of t?.split(/\s+/) ?? []) n && !e.cellClass.includes(n) && e.cellClass.push(n);
+};
+function Kt(e, t) {
+	let n = document.createElement("span");
+	n.className = e.class, n.dataset.styloCellMark = "";
+	for (let [t, r] of Object.entries(e.attributes ?? {})) try {
+		n.setAttribute(t, r);
+	} catch {}
+	return n.append(t), n;
+}
+function qt(e, t, n) {
+	let r = e.node.data, i = e.start + r.length, a = t.filter((t) => t.from < i && t.to > e.start);
+	if (!a.length && !n.length) return !1;
+	let o = /* @__PURE__ */ new Set([e.start, i]);
+	for (let e of n) o.add(e.at);
+	for (let t of a) o.add(Math.max(t.from, e.start)), o.add(Math.min(t.to, i));
+	let s = [...o].sort((e, t) => e - t), c = document.createDocumentFragment(), l = (e) => {
+		for (let t of n) t.at === e && c.append(Vt(t));
+	};
+	l(e.start);
+	for (let t = 0; t < s.length - 1; t++) {
+		let [n, i] = [s[t], s[t + 1]], o = document.createTextNode(r.slice(n - e.start, i - e.start));
+		for (let e of a) e.from <= n && e.to >= i && (o = Kt(e, o));
+		c.append(o), l(i);
+	}
+	return e.node.replaceWith(c), !0;
+}
+function Jt(e, t) {
 	for (let n of t) {
-		let t = Bt(n, e.ownerDocument.createDocumentFragment());
+		let t = Kt(n, e.ownerDocument.createDocumentFragment());
 		t.append(...e.childNodes), e.append(t);
 	}
 }
-function Wt(e, t, n, r) {
-	let i = n.marks, a = [], o;
-	if (r) o = e.firstChild instanceof Text ? [{
+function Yt(e, t, n, r) {
+	let i = n.marks, a = [], o = [], s;
+	if (r) s = e.firstChild instanceof Text ? [{
 		node: e.firstChild,
 		start: 0
 	}] : null;
 	else {
-		let n = [...t.matchAll(/\\\|/g)].map((e) => e.index), r = (e) => e - n.filter((t) => t < e).length;
-		o = Ht(e, t.replace(/\\\|/g, "|")), i = i.map((e) => ({
+		let r = [...t.matchAll(/\\\|/g)].map((e) => e.index), o = (e) => e - r.filter((t) => t < e).length;
+		s = zt(e, t.replace(/\\\|/g, "|")), i = i.map((e) => ({
+			...e,
+			from: o(e.from),
+			to: o(e.to)
+		})), a = n.widgets.map((e) => ({
 			...e,
-			from: r(e.from),
-			to: r(e.to)
+			at: o(e.at)
 		}));
 	}
-	if (!o) return Ut(e, i);
-	let s = /* @__PURE__ */ new Set();
-	for (let e of o) for (let t of i) t.from < e.start + e.node.data.length && t.to > e.start && s.add(t);
-	for (let e of i) s.has(e) || a.push(e);
-	for (let e of o) Vt(e, i);
-	Ut(e, a);
+	let { placed: c, loose: l } = Ut(s, a), u = () => e.append(...l.map(Vt));
+	if (!s) return Jt(e, i), u();
+	let d = /* @__PURE__ */ new Set();
+	for (let e of s) for (let t of i) t.from < e.start + e.node.data.length && t.to > e.start && d.add(t);
+	for (let e of i) d.has(e) || o.push(e);
+	for (let e of s) qt(e, i, c.get(e) ?? []);
+	Jt(e, o), u();
 }
-function Gt(e) {
+function Xt(e) {
 	let t = null;
 	return (n, r) => {
 		let i = e.view();
 		if (!i || !e.mounted()) return null;
 		if (t?.state !== i.state) {
-			let n = i.state.facet(Le)(i.state);
+			let n = i.state.facet(Le)(i.state), r = i.state.facet(Re)(i.state);
 			t = {
 				state: i.state,
 				marks: n,
-				from: n.length ? e.from(i) : 0
+				widgets: r,
+				from: n.length || r.length ? e.from(i) : 0
 			};
 		}
-		if (!t.marks.length) return null;
+		if (!t.marks.length && !t.widgets.length) return null;
 		let a = v(i.state.doc, t.from, n, r), o = e.raw(n, r);
-		return a == null ? null : zt(t.marks, a, o.length - o.trimStart().length, o.trim().length);
+		if (a == null) return null;
+		let s = o.length - o.trimStart().length, c = o.trim().length, l = Wt(t.marks, a, s, c), u = Bt(t.widgets, i, a, s, c);
+		if (!u.length) return l;
+		let d = l ?? {
+			marks: [],
+			widgets: [],
+			cellClass: []
+		};
+		d.widgets = u;
+		for (let e of u) Gt(d, e.cellClass);
+		return d;
 	};
 }
 //#endregion
 //#region src/inplace/context-menu-helpers.ts
-var Kt = (e) => e === "h1" || e === "h2" || e === "h3" ? S.heading : S[e], qt = [
+var Zt = (e) => e === "h1" || e === "h2" || e === "h3" ? S.heading : S[e], Qt = [
 	"bold",
 	"italic",
 	"strike"
-], Jt = ["code", "math"], Yt = [
+], $t = ["code", "math"], en = [
 	"bulletList",
 	"orderedList",
 	"task"
-], Xt = [
+], tn = [
 	"h1",
 	"h2",
 	"h3"
-], Zt = ["table", "hr"], Qt = [
+], nn = ["table", "hr"], rn = [
 	"codeBlock",
 	"mathBlock",
 	"frontmatter"
-], $t = (e, t, n = !1) => {
+], an = (e, t, n = !1) => {
 	let r = g[t];
 	if (!r) return null;
 	let { disabled: i, active: a } = re(e.state, r, n);
 	return {
 		label: r.title,
-		icon: Kt(t),
+		icon: Zt(t),
 		active: a,
 		disabled: i,
 		onSelect: () => {
 			r.run(e), e.focus();
 		}
 	};
-}, W = (e, t, n = !1, r = !1) => {
+}, G = (e, t, n = !1, r = !1) => {
 	let i = [];
 	for (let a of t) {
-		let t = $t(e, a, r);
+		let t = an(e, a, r);
 		t && !(n && t.disabled) && i.push(t);
 	}
 	return i;
-}, G = (e) => {
+}, K = (e) => {
 	let t = e.contentDOM.ownerDocument, n = (n) => () => {
 		e.focus();
 		try {
@@ -894,36 +959,36 @@ var Kt = (e) => e === "h1" || e === "h2" || e === "h3" ? S.heading : S[e], qt =
 			onSelect: () => {}
 		}
 	];
-}, K = (e, t, n, r = !1) => ({
+}, q = (e, t, n, r = !1) => ({
 	label: e,
 	icon: t,
 	rows: n,
 	disabled: r
 });
-function q(e, t) {
+function J(e, t) {
 	t.length && (e.length && e.push("separator"), e.push(...t));
 }
 //#endregion
 //#region src/inplace/edit-divider.ts
-function en(e) {
+function on(e) {
 	let t = e.selection.main;
 	if (!t.empty) return !1;
 	let n = e.doc.lineAt(t.head);
-	if (!V(e, n.number)) return !1;
+	if (!H(e, n.number)) return !1;
 	for (let t = N(e).resolveInner(n.from, 1); t; t = t.parent) {
 		if (t.name === "HorizontalRule") return !0;
 		if (!t.parent) break;
 	}
 	return !1;
 }
-var tn = (e) => h(e) || !en(e.state) ? !1 : oe(e), nn = j.high(ve.of([{
+var sn = (e) => h(e) || !on(e.state) ? !1 : oe(e), cn = j.high(k.of([{
 	key: "Backspace",
-	run: tn
+	run: sn
 }, {
 	key: "Delete",
-	run: tn
+	run: sn
 }]));
-function rn(e) {
+function ln(e) {
 	return {
 		label: "Remove divider",
 		icon: S.hr,
@@ -934,66 +999,66 @@ function rn(e) {
 }
 //#endregion
 //#region src/inplace/inline-md.ts
-function an(e, t = !1) {
+function un(e, t = !1) {
 	let n = document.createDocumentFragment();
-	return cn(n, e, t), n;
+	return pn(n, e, t), n;
 }
-var on = /!\[\[[^\]\n]+?\]\]/, sn = [
+var dn = /!\[\[[^\]\n]+?\]\]/, fn = [
 	{
 		re: /`([^`\n]+)`/,
-		build: (e) => J("code", "cm-inplace-code", document.createTextNode(e[1]))
+		build: (e) => Y("code", "cm-inplace-code", document.createTextNode(e[1]))
 	},
 	{
 		re: new RegExp(Ye.source),
 		build: (e) => {
-			let t = J("span", "cm-inplace-math");
+			let t = Y("span", "cm-inplace-math");
 			return he.render(e[1], t, { throwOnError: !1 }), t;
 		}
 	},
 	{
 		re: new RegExp(e.source),
 		build: (e) => {
-			let t = J("span", "cm-inplace-wikilink", document.createTextNode(e[2] || e[1] || ""));
+			let t = Y("span", "cm-inplace-wikilink", document.createTextNode(e[2] || e[1] || ""));
 			return t.dataset.styloWikilink = e[1] ?? "", t;
 		}
 	},
 	{
 		re: /\[([^\]\n]*)\]\(([^)\n]*)\)/,
 		build: (e, t) => {
-			let n = J("a", "cm-inplace-link");
-			return n.href = e[2] ?? "", n.append(Y(e[1] ?? "", t)), n;
+			let n = Y("a", "cm-inplace-link");
+			return n.href = e[2] ?? "", n.append(X(e[1] ?? "", t)), n;
 		}
 	},
 	{
 		re: /\*\*\*([^*\n]+?)\*\*\*/,
-		build: (e, t) => J("strong", "cm-inplace-strong", J("em", "cm-inplace-em", Y(e[1], t)))
+		build: (e, t) => Y("strong", "cm-inplace-strong", Y("em", "cm-inplace-em", X(e[1], t)))
 	},
 	{
 		re: /\*\*([^\n]+?)\*\*/,
-		build: (e, t) => J("strong", "cm-inplace-strong", Y(e[1], t))
+		build: (e, t) => Y("strong", "cm-inplace-strong", X(e[1], t))
 	},
 	{
 		re: /~~([^\n]+?)~~/,
-		build: (e, t) => J("span", "cm-inplace-strike", Y(e[1], t))
+		build: (e, t) => Y("span", "cm-inplace-strike", X(e[1], t))
 	},
 	{
 		re: /(?<!\*)\*(?!\*|\s)([^\n]+?)(?<!\s)\*(?!\*)/,
-		build: (e, t) => J("em", "cm-inplace-em", Y(e[1], t))
+		build: (e, t) => Y("em", "cm-inplace-em", X(e[1], t))
 	}
 ];
-function J(e, t, ...n) {
+function Y(e, t, ...n) {
 	let r = document.createElement(e);
 	return r.className = t, r.append(...n), r;
 }
-function Y(e, t) {
+function X(e, t) {
 	let n = document.createDocumentFragment();
-	return cn(n, e, t), n;
+	return pn(n, e, t), n;
 }
-function cn(e, t, n) {
+function pn(e, t, n) {
 	for (; t;) {
-		let r = -1, i = null, a = n ? on.exec(t) : null;
+		let r = -1, i = null, a = n ? dn.exec(t) : null;
 		a && (r = a.index, i = { literal: a[0] });
-		for (let e of sn) {
+		for (let e of fn) {
 			let n = e.re.exec(t);
 			n && (r < 0 || n.index < r) && (r = n.index, i = {
 				rule: e,
@@ -1008,8 +1073,69 @@ function cn(e, t, n) {
 	}
 }
 //#endregion
+//#region src/inplace/table-widget-render.ts
+var mn = /* @__PURE__ */ new WeakMap(), hn = (e) => JSON.stringify(e), gn = (e, t) => (mn.get(e)?.sig ?? "null") === hn(t);
+function _n(e, t, n) {
+	let r = Number(e.dataset.r ?? e.dataset.styloRow), i = Number(e.dataset.c ?? e.dataset.styloCol), a = t.rows[r]?.[i] ?? "";
+	e.replaceChildren(n ? e.ownerDocument.createTextNode(a) : un(c(a), t.embeds));
+	let o = mn.get(e);
+	o && e.classList.remove(...o.cellClass);
+	let s = t.paintOf?.(r, i) ?? null;
+	s && (Yt(e, a, s, n), e.classList.add(...s.cellClass)), mn.set(e, {
+		sig: hn(s),
+		cellClass: s?.cellClass ?? []
+	});
+}
+function vn(e, t, n, r) {
+	let i = document.createElement(r ? "th" : "td");
+	i.className = "cm-inplace-tcell", i.setAttribute("contenteditable", "true"), i.dataset.r = String(t), i.dataset.c = String(n);
+	let a = e.aligns[n];
+	return a && (i.style.textAlign = a), _n(i, e, !1), i;
+}
+function yn(e, t) {
+	e.replaceChildren();
+	let n = t.aligns.length, r = e.createTHead().insertRow();
+	for (let e = 0; e < n; e++) r.appendChild(vn(t, 0, e, !0));
+	let i = e.createTBody();
+	for (let e = 1; e < t.rows.length; e++) {
+		let r = i.insertRow();
+		for (let i = 0; i < n; i++) r.appendChild(vn(t, e, i, !1));
+	}
+}
+//#endregion
+//#region src/inplace/table-static-paint.ts
+var bn = /* @__PURE__ */ new WeakMap(), xn = "[data-stylo-cell-widget], [data-stylo-cell-mark]";
+function Sn(e, t, n, r, i) {
+	let a = Xt({
+		view: () => t,
+		mounted: () => e.isConnected,
+		from: (t) => {
+			let n = t.posAtDOM(e), r = n;
+			return t.state.field(i).between(n, n, (e) => (r = e, !1)), r;
+		},
+		raw: (e, t) => n[e]?.[t] ?? ""
+	}), o = {
+		rows: n,
+		aligns: [],
+		embeds: r,
+		paintOf: a
+	}, s = () => {
+		for (let t of e.querySelectorAll("td, th")) {
+			let [e, n] = [Number(t.dataset.styloRow), Number(t.dataset.styloCol)];
+			gn(t, a(e, n)) || _n(t, o, !1);
+		}
+	};
+	bn.set(e, s), t.requestMeasure({
+		read: () => null,
+		write: s,
+		key: e
+	}), e.addEventListener("mousedown", (e) => {
+		e.target.closest(xn) && (e.preventDefault(), e.stopPropagation());
+	});
+}
+//#endregion
 //#region src/inplace/tables.ts
-var ln = class extends k {
+var Cn = class extends O {
 	table;
 	embeds;
 	constructor(e, t) {
@@ -1018,31 +1144,31 @@ var ln = class extends k {
 	eq(e) {
 		return JSON.stringify(this.table) === JSON.stringify(e.table);
 	}
-	toDOM() {
-		let { head: e, body: t, aligns: n } = this.table, r = document.createElement("table");
-		r.className = "cm-inplace-table";
-		let i = (e) => an(e.replace(/\\\|/g, "|"), this.embeds), a = r.createTHead().insertRow();
-		e.forEach((e, t) => {
-			let r = document.createElement("th");
-			r.appendChild(i(e)), r.dataset.styloRow = "0", r.dataset.styloCol = String(t), un(r, n[t]), a.appendChild(r);
+	toDOM(e) {
+		let { head: t, body: n, aligns: r } = this.table, i = document.createElement("table");
+		i.className = "cm-inplace-table";
+		let a = (e) => un(e.replace(/\\\|/g, "|"), this.embeds), o = i.createTHead().insertRow();
+		t.forEach((e, t) => {
+			let n = document.createElement("th");
+			n.appendChild(a(e)), n.dataset.styloRow = "0", n.dataset.styloCol = String(t), wn(n, r[t]), o.appendChild(n);
 		});
-		let o = r.createTBody();
-		return t.forEach((t, r) => {
-			let a = o.insertRow();
-			for (let o = 0; o < e.length; o++) {
-				let e = a.insertCell();
-				e.appendChild(i(t[o] ?? "")), e.dataset.styloRow = String(r + 1), e.dataset.styloCol = String(o), un(e, n[o]);
+		let s = i.createTBody();
+		return n.forEach((e, n) => {
+			let i = s.insertRow();
+			for (let o = 0; o < t.length; o++) {
+				let t = i.insertCell();
+				t.appendChild(a(e[o] ?? "")), t.dataset.styloRow = String(n + 1), t.dataset.styloCol = String(o), wn(t, r[o]);
 			}
-		}), r;
+		}), Sn(i, e, [t, ...n], this.embeds, Z), i;
 	}
 	ignoreEvent() {
 		return !1;
 	}
 };
-function un(e, t) {
+function wn(e, t) {
 	t && (e.style.textAlign = t);
 }
-function dn(e, t) {
+function Tn(e, t) {
 	let n = t.lineAt(e.from).number, r = t.lineAt(e.to).number, i = [];
 	for (let e = n; e <= r; e++) i.push(t.line(e).text);
 	let a = p(i);
@@ -1052,17 +1178,17 @@ function dn(e, t) {
 		aligns: a.aligns
 	};
 }
-function fn(e, t) {
+function En(e, t) {
 	let n = N(e);
 	for (let e of [-1, 1]) for (let r = n.resolveInner(t, e); r; r = r.parent) if (r.name === "Table") return !0;
 	return !1;
 }
-function pn(e, t) {
-	return t.ranges.some((t) => fn(e, t.from) || fn(e, t.to));
+function Dn(e, t) {
+	return t.ranges.some((t) => En(e, t.from) || En(e, t.to));
 }
-function mn(e) {
-	if (!e.facet(P).tables) return E.none;
-	let n = e.facet(I) === "cells" && !e.readOnly, r = e.facet(F) != null && e.facet(P).embeds, i = N(e), a = t(e.doc), o = n ? null : z(e), s = [];
+function On(e) {
+	if (!e.facet(P).tables) return T.none;
+	let n = e.facet(I) === "cells" && !e.readOnly, r = e.facet(F) != null && e.facet(P).embeds, i = N(e), a = t(e.doc), o = n ? null : B(e), s = [];
 	return i.iterate({ enter: (t) => {
 		if (t.name !== "Table") return;
 		if (a && t.from < a.to) return !1;
@@ -1070,33 +1196,33 @@ function mn(e) {
 			let n = e.doc.lineAt(t.from).number, r = e.doc.lineAt(t.to).number;
 			for (let e = n; e <= r; e++) if (o.has(e)) return !1;
 		}
-		let i = dn(t.node, e.doc);
+		let i = Tn(t.node, e.doc);
 		if (i) {
-			let e = n ? new ur(i, r) : new ln(i, r);
-			s.push(E.replace({
+			let e = n ? new vr(i, r) : new Cn(i, r);
+			s.push(T.replace({
 				widget: e,
 				block: !0
 			}).range(t.from, t.to));
 		}
 		return !1;
-	} }), E.set(s, !0);
+	} }), T.set(s, !0);
 }
-var X = M.define({
-	create: mn,
+var Z = M.define({
+	create: On,
 	update: (e, t) => {
-		if (t.annotation(cr)) return e.map(t.changes);
+		if (t.annotation(gr)) return e.map(t.changes);
 		let n = t.startState.readOnly !== t.state.readOnly;
-		return t.state.facet(I) === "cells" ? t.docChanged || n ? mn(t.state) : e.map(t.changes) : t.docChanged || n || t.selection && (pn(t.state, t.startState.selection) || pn(t.state, t.state.selection)) ? mn(t.state) : e;
+		return t.state.facet(I) === "cells" ? t.docChanged || n ? On(t.state) : e.map(t.changes) : t.docChanged || n || t.selection && (Dn(t.state, t.startState.selection) || Dn(t.state, t.state.selection)) ? On(t.state) : e;
 	},
-	provide: (e) => [D.decorations.from(e), D.atomicRanges.of((t) => t.state.field(e))]
+	provide: (e) => [E.decorations.from(e), E.atomicRanges.of((t) => t.state.field(e))]
 });
 //#endregion
 //#region src/inplace/host-cell.ts
-function hn(e, t, n) {
+function kn(e, t, n) {
 	let i = t.closest("table");
 	if (!i) return;
 	let a = e.posAtDOM(i), o = a;
-	e.state.field(X).between(a, a, (e) => (o = e, !1));
+	e.state.field(Z).between(a, a, (e) => (o = e, !1));
 	let s = v(e.state.doc, o, Number(t.dataset.r), Number(t.dataset.c));
 	if (s == null) return;
 	let { from: c, to: l } = n ? r(t) : {
@@ -1110,7 +1236,7 @@ function hn(e, t, n) {
 }
 //#endregion
 //#region src/inplace/selection-rect.ts
-var gn = (e, t, n, r) => {
+var An = (e, t, n, r) => {
 	let i = {
 		x: e,
 		y: t,
@@ -1126,39 +1252,39 @@ var gn = (e, t, n, r) => {
 		toJSON: () => i
 	};
 };
-function _n(e) {
+function jn(e) {
 	let { from: t, to: n } = e.state.selection.main, r = e.coordsAtPos(t), i = t === n ? r : e.coordsAtPos(n, -1);
-	return !r || !i ? e.dom.getBoundingClientRect() : gn(Math.min(r.left, i.left), Math.min(r.top, i.top), Math.max(r.right, i.right), Math.max(r.bottom, i.bottom));
+	return !r || !i ? e.dom.getBoundingClientRect() : An(Math.min(r.left, i.left), Math.min(r.top, i.top), Math.max(r.right, i.right), Math.max(r.bottom, i.bottom));
 }
-function vn(e, t) {
+function Mn(e, t) {
 	let n = e?.ownerDocument.getSelection();
 	if (e && t && n && n.rangeCount > 0) {
 		let e = n.getRangeAt(0).getBoundingClientRect?.();
 		if (e && (e.width > 0 || e.height > 0)) return e;
 	}
-	return e?.getBoundingClientRect() ?? gn(0, 0, 0, 0);
+	return e?.getBoundingClientRect() ?? An(0, 0, 0, 0);
 }
 //#endregion
 //#region src/inplace/host-items.ts
-var yn = /* @__PURE__ */ new WeakMap();
-function bn(e, t) {
+var Nn = /* @__PURE__ */ new WeakMap();
+function Pn(e, t) {
 	if (e == null || typeof e == "string") return null;
-	if (yn.has(t)) return yn.get(t) ?? null;
+	if (Nn.has(t)) return Nn.get(t) ?? null;
 	let n = document.createElement("span"), r = Oe(n), i = null;
 	try {
 		xe(() => r.render(e)), i = n.firstElementChild;
 	} catch {}
-	return r.unmount(), yn.set(t, i), i;
+	return r.unmount(), Nn.set(t, i), i;
 }
-var xn = (e) => e.state.facet(Re).includes("host"), Sn = (e) => xn(e) && e.state.facet(Ie)().some((e) => e.readOnlySafe);
-function Cn(e, t) {
-	if (!xn(e)) return [];
+var Fn = (e) => e.state.facet(z).includes("host"), In = (e) => Fn(e) && e.state.facet(Ie)().some((e) => e.readOnlySafe);
+function Ln(e, t) {
+	if (!Fn(e)) return [];
 	let n = e.state.readOnly, r = [], i;
 	for (let a of e.state.facet(Ie)()) {
 		if (n && !a.readOnlySafe) continue;
 		let o = a.when ?? "always";
 		if (o === "selection" && !t.selected || o === "no-selection" && t.selected) continue;
-		let s = bn(a.icon, a);
+		let s = Pn(a.icon, a);
 		r.push({
 			id: a.id,
 			label: a.title,
@@ -1170,15 +1296,15 @@ function Cn(e, t) {
 			}
 		});
 	}
-	return r.length && (i = t.rect?.() ?? _n(e)), r;
+	return r.length && (i = t.rect?.() ?? jn(e)), r;
 }
 //#endregion
 //#region src/inplace/link-row.ts
-var wn = (e) => {
+var Rn = (e) => {
 	let t = e.trim().replace(/^<([^]*)>$/, "$1");
 	return /[\s()]/.test(t) ? `<${t.replace(/[<>]/g, "")}>` : t;
-}, Tn = (e) => e.replace(/^<([^]*)>$/, "$1");
-function En(e, t) {
+}, zn = (e) => e.replace(/^<([^]*)>$/, "$1");
+function Bn(e, t) {
 	let n = e.doc.lineAt(t.from);
 	if (e.doc.lineAt(t.to).number !== n.number) return null;
 	let r = t.from - n.from, i = t.to - n.from, s = o(n.text, r) ?? o(n.text, i);
@@ -1194,7 +1320,7 @@ function En(e, t) {
 		text: c.label
 	} : null;
 }
-function Dn(e, t) {
+function Vn(e, t) {
 	let { state: n } = e, r = n.selection.main, i = n.doc.lineAt(r.head), a = t.partsIn(i.text, r.head - i.from);
 	if (a) {
 		let n = i.from + a.from, r = i.from + a.to, o = t.editActions?.(e, a) ?? [];
@@ -1223,7 +1349,7 @@ function Dn(e, t) {
 			actions: o
 		};
 	}
-	let o = En(n, r), s = o ? o.from : r.from, c = o ? o.to : r.to, l = o ? o.text : n.sliceDoc(r.from, r.to);
+	let o = Bn(n, r), s = o ? o.from : r.from, c = o ? o.to : r.to, l = o ? o.text : n.sliceDoc(r.from, r.to);
 	return {
 		field: !0,
 		label: t.addLabel,
@@ -1233,13 +1359,13 @@ function Dn(e, t) {
 		onSubmit: (n) => t.onAdd(e, s, c, l, n)
 	};
 }
-var On = {
+var Hn = {
 	icon: S.link,
 	placeholder: "https://…",
 	editLabel: "Edit external link",
 	addLabel: "Add external link",
 	partsIn: o,
-	editValue: (e) => Tn(e.url),
+	editValue: (e) => zn(e.url),
 	editActions: (e, t) => {
 		let n = e.state.facet(Me);
 		return !n || !t.url ? [] : [{
@@ -1252,7 +1378,7 @@ var On = {
 		e.dispatch({ changes: {
 			from: t.urlFrom,
 			to: t.urlTo,
-			insert: wn(n)
+			insert: Rn(n)
 		} }), e.focus();
 	},
 	onAdd: (e, t, n, r, i) => {
@@ -1261,7 +1387,7 @@ var On = {
 			changes: {
 				from: t,
 				to: n,
-				insert: `[${a}](${wn(i)})`
+				insert: `[${a}](${Rn(i)})`
 			},
 			selection: {
 				anchor: t + 1,
@@ -1269,7 +1395,7 @@ var On = {
 			}
 		}), e.focus();
 	}
-}, kn = {
+}, Un = {
 	icon: S.wikilink,
 	placeholder: "note or path",
 	editLabel: "Edit link",
@@ -1298,27 +1424,27 @@ var On = {
 		}), e.focus();
 	}
 };
-function An(e) {
-	return Dn(e, On);
+function Wn(e) {
+	return Vn(e, Hn);
 }
-function jn(e) {
-	return Dn(e, kn);
+function Gn(e) {
+	return Vn(e, Un);
 }
 //#endregion
 //#region src/inplace/context-menu-shell.ts
-function Mn(e, t, n, r) {
+function Kn(e, t, n, r) {
 	let i = r?.innerWidth ?? 0, a = r?.innerHeight ?? 0;
 	e.style.left = "0", e.style.top = "0";
 	let { width: o, height: s } = e.getBoundingClientRect();
 	e.style.left = `${Math.max(4, Math.min(t, i - o - 4))}px`, e.style.top = `${Math.max(4, Math.min(n, a - s - 4))}px`;
 }
-function Nn(e, t, n) {
+function qn(e, t, n) {
 	let r = n?.innerWidth ?? 0, i = n?.innerHeight ?? 0;
 	e.style.left = "0", e.style.top = "0";
 	let { width: a, height: o } = e.getBoundingClientRect(), s = t.right - 4, c = s + a > r - 4 ? t.left - a + 4 : s;
 	e.style.left = `${Math.max(4, c)}px`, e.style.top = `${Math.max(4, Math.min(t.top - 4, i - o - 4))}px`;
 }
-function Pn(e, t, n, r = 350) {
+function Jn(e, t, n, r = 350) {
 	let i = Date.now(), a = (e) => !t.contains(e.target), o = (e) => {
 		a(e) && n();
 	}, s = (e) => {
@@ -1332,10 +1458,10 @@ function Pn(e, t, n, r = 350) {
 }
 //#endregion
 //#region src/inplace/context-menu-types.ts
-var Fn = (e) => typeof e != "string" && "rows" in e, In = (e) => typeof e != "string" && "field" in e;
+var Yn = (e) => typeof e != "string" && "rows" in e, Xn = (e) => typeof e != "string" && "field" in e;
 //#endregion
 //#region src/inplace/context-menu.ts
-function Z(e, t = "cm-inplace-menu", n) {
+function Q(e, t = "cm-inplace-menu", n) {
 	let r = e.defaultView, i = e.createElement("div");
 	i.className = t, i.setAttribute("contenteditable", "false"), i.hidden = !0;
 	let a = null, o = null, s = () => {
@@ -1345,7 +1471,7 @@ function Z(e, t = "cm-inplace-menu", n) {
 	}, l = (e) => e.addEventListener("mousedown", (e) => {
 		e.preventDefault(), e.stopPropagation();
 	}), u = (t, n, r, i) => {
-		i ? t.appendChild(i.cloneNode(!0)) : r && t.appendChild(ue(e, r));
+		i ? t.appendChild(i.cloneNode(!0)) : r && t.appendChild(x(e, r));
 		let a = e.createElement("span");
 		a.textContent = n, t.appendChild(a);
 	}, d = (n) => {
@@ -1363,7 +1489,7 @@ function Z(e, t = "cm-inplace-menu", n) {
 			if (a?.dataset.for === n) return;
 			s();
 			let e = c();
-			e.dataset.for = n, i.appendChild(e), Nn(e, f.getBoundingClientRect(), r), a = e, e.querySelector("input")?.focus({ preventScroll: !0 });
+			e.dataset.for = n, i.appendChild(e), qn(e, f.getBoundingClientRect(), r), a = e, e.querySelector("input")?.focus({ preventScroll: !0 });
 		};
 		return f.addEventListener("pointerenter", p), f.addEventListener("click", (e) => {
 			e.stopPropagation(), p();
@@ -1386,7 +1512,7 @@ function Z(e, t = "cm-inplace-menu", n) {
 		for (let i of n) if (i === "separator") {
 			let n = e.createElement("div");
 			n.className = `${t}-sep`, r.appendChild(n);
-		} else Fn(i) ? r.appendChild(f(i.label, i.icon, () => m(i.rows), i.disabled)) : In(i) ? r.appendChild(f(i.label, i.icon, () => p(i))) : r.appendChild(d(i));
+		} else Yn(i) ? r.appendChild(f(i.label, i.icon, () => m(i.rows), i.disabled)) : Xn(i) ? r.appendChild(f(i.label, i.icon, () => p(i))) : r.appendChild(d(i));
 		return r;
 	};
 	return {
@@ -1397,12 +1523,12 @@ function Z(e, t = "cm-inplace-menu", n) {
 		show: (t, a, s) => {
 			c();
 			let l = m(t);
-			i.appendChild(l), i.hidden = !1, Mn(l, a, s, r), o = Pn(e, i, c), n?.(!0);
+			i.appendChild(l), i.hidden = !1, Kn(l, a, s, r), o = Jn(e, i, c), n?.(!0);
 		},
 		showField: (t, a, s) => {
 			c();
 			let l = p(t);
-			i.appendChild(l), i.hidden = !1, Mn(l, a, s, r), l.querySelector("input")?.focus({ preventScroll: !0 }), o = Pn(e, i, c), n?.(!0);
+			i.appendChild(l), i.hidden = !1, Kn(l, a, s, r), l.querySelector("input")?.focus({ preventScroll: !0 }), o = Jn(e, i, c), n?.(!0);
 		},
 		hide: c,
 		destroy: () => {
@@ -1412,7 +1538,7 @@ function Z(e, t = "cm-inplace-menu", n) {
 }
 //#endregion
 //#region src/inplace/math-edit.ts
-function Ln(e) {
+function Zn(e) {
 	let { state: t } = e, n = t.selection.main, r = t.doc.lineAt(n.head), i = Qe(r.text, n.head - r.from);
 	if (i) {
 		let t = r.from + i.from, n = r.from + i.to, a = i.block ? "$$" : "$";
@@ -1471,25 +1597,25 @@ function Ln(e) {
 		}
 	};
 }
-var Rn = class {
+var Qn = class {
 	menu;
 	contentDOM;
 	onClick;
 	constructor(e) {
-		this.menu = Z(e.dom.ownerDocument), e.dom.appendChild(this.menu.el), this.contentDOM = e.contentDOM, this.onClick = (t) => {
+		this.menu = Q(e.dom.ownerDocument), e.dom.appendChild(this.menu.el), this.contentDOM = e.contentDOM, this.onClick = (t) => {
 			if (!e.state.facet(P).math) return;
 			let n = t.target?.closest(".cm-inplace-math");
 			if (!n) return;
 			let r = e.posAtDOM(n);
 			if (r < 0) return;
 			let i = e.state.doc.lineAt(r);
-			Qe(i.text, r - i.from) && (e.dispatch({ selection: { anchor: r } }), this.menu.showField(Ln(e), t.clientX, t.clientY));
+			Qe(i.text, r - i.from) && (e.dispatch({ selection: { anchor: r } }), this.menu.showField(Zn(e), t.clientX, t.clientY));
 		}, this.contentDOM.addEventListener("click", this.onClick);
 	}
 	destroy() {
 		this.contentDOM.removeEventListener("click", this.onClick), this.menu.destroy();
 	}
-}, zn = O.fromClass(Rn), Bn = _e((e, t) => {
+}, $n = D.fromClass(Qn), er = ve((e, t) => {
 	if (!e.state.facet(P).math) return null;
 	let n = e.state.doc.lineAt(t), r = Qe(n.text, t - n.from);
 	return r ? {
@@ -1504,13 +1630,13 @@ var Rn = class {
 });
 //#endregion
 //#region src/inplace/context-menu-actions.ts
-function Vn(e) {
+function tr(e) {
 	let t = h(e);
 	if (!t) return !1;
 	let { from: n, to: i } = r(t);
 	return i > n;
 }
-function Hn(e) {
+function nr(e) {
 	let t = ie(e.state);
 	return {
 		field: !0,
@@ -1533,49 +1659,49 @@ function Hn(e) {
 		}]
 	};
 }
-var Un = (e, t = !1) => [
-	...W(e, qt, !1, t),
+var rr = (e, t = !1) => [
+	...G(e, Qt, !1, t),
 	"separator",
-	...t ? W(e, Jt, !1, !0) : [$t(e, "code", !1), Ln(e)]
+	...t ? G(e, $t, !1, !0) : [an(e, "code", !1), Zn(e)]
 ];
-function Wn(e, t) {
-	let n = e.state.facet(Re), r = t ?? h(e), i = Vn(e) && r === h(e), a = [];
-	return q(a, Cn(e, {
+function ir(e, t) {
+	let n = e.state.facet(z), r = t ?? h(e), i = tr(e) && r === h(e), a = [];
+	return J(a, Ln(e, {
 		selected: i,
-		prepare: () => r && hn(e, r, i),
-		rect: () => vn(r, i)
-	})), i ? (n.includes("format") && q(a, [K("Format", S.format, Un(e, !0))]), n.includes("clipboard") && q(a, G(e)), a) : a;
+		prepare: () => r && kn(e, r, i),
+		rect: () => Mn(r, i)
+	})), i ? (n.includes("format") && J(a, [q("Format", S.format, rr(e, !0))]), n.includes("clipboard") && J(a, K(e)), a) : a;
 }
-var Gn = (e) => [
-	...W(e, Yt),
+var ar = (e) => [
+	...G(e, en),
 	"separator",
-	...W(e, [...Xt, "body"]),
+	...G(e, [...tn, "body"]),
 	"separator",
-	...W(e, ["quote"])
-], Kn = (e) => [
-	...W(e, Zt),
+	...G(e, ["quote"])
+], or = (e) => [
+	...G(e, nn),
 	"separator",
-	...W(e, Qt)
+	...G(e, rn)
 ];
-function qn(e) {
-	let { state: t } = e, n = t.facet(Re), r = (e) => n.includes(e);
-	if (Vn(e)) return Wn(e);
-	let i = Cn(e, { selected: !t.selection.main.empty });
+function sr(e) {
+	let { state: t } = e, n = t.facet(z), r = (e) => n.includes(e);
+	if (tr(e)) return ir(e);
+	let i = Ln(e, { selected: !t.selection.main.empty });
 	if (ee(t)) {
 		let t = [];
-		return q(t, i), q(t, [Hn(e)]), r("clipboard") && q(t, G(e)), t;
+		return J(t, i), J(t, [nr(e)]), r("clipboard") && J(t, K(e)), t;
 	}
-	if (en(t)) {
+	if (on(t)) {
 		let t = [];
-		return q(t, i), q(t, [rn(e)]), r("clipboard") && q(t, G(e)), t;
+		return J(t, i), J(t, [ln(e)]), r("clipboard") && J(t, K(e)), t;
 	}
 	let a = t.selection.main, o = t.doc.lineAt(a.head).text.trim() === "", s = !a.empty || !!t.wordAt(a.head), c = t.facet(Ve) === "menu", l = [];
-	for (let t of n) t === "host" ? q(l, i) : t === "link" && c ? q(l, [jn(e), An(e)]) : t === "format" && c ? q(l, [K("Format", S.format, Un(e), !s)]) : t === "paragraph" ? q(l, [K("Paragraph", S.paragraph, Gn(e))]) : t === "insert" ? q(l, [K("Insert", S.insert, Kn(e), !o)]) : t === "clipboard" && q(l, G(e));
+	for (let t of n) t === "host" ? J(l, i) : t === "link" && c ? J(l, [Gn(e), Wn(e)]) : t === "format" && c ? J(l, [q("Format", S.format, rr(e), !s)]) : t === "paragraph" ? J(l, [q("Paragraph", S.paragraph, ar(e))]) : t === "insert" ? J(l, [q("Insert", S.insert, or(e), !o)]) : t === "clipboard" && J(l, K(e));
 	return l;
 }
 //#endregion
 //#region src/inplace/long-press.ts
-function Jn(e, t) {
+function cr(e, t) {
 	let n = t.delay ?? 450, r = t.slop ?? 20, i = null, a = 0, o = 0, s = () => {
 		i != null && (clearTimeout(i), i = null);
 	}, c = (e) => {
@@ -1597,10 +1723,10 @@ function Jn(e, t) {
 }
 //#endregion
 //#region src/inplace/table-gizmos.ts
-function Yn(e, t) {
+function lr(e, t) {
 	let n = e.createElement("div");
 	n.className = "cm-inplace-table-gizmos", n.setAttribute("contenteditable", "false");
-	let r = Z(e), i = (t, n, r) => {
+	let r = Q(e), i = (t, n, r) => {
 		let i = e.createElement("button");
 		return i.type = "button", i.className = t, i.setAttribute("aria-label", n), i.addEventListener("mousedown", (e) => {
 			e.preventDefault(), e.stopPropagation();
@@ -1683,7 +1809,7 @@ function Yn(e, t) {
 }
 //#endregion
 //#region src/inplace/table-widget-keys.ts
-function Xn(e, t, n) {
+function ur(e, t, n) {
 	let r = e.target.closest("td, th");
 	if (!r) return;
 	if (l(e, r)) {
@@ -1751,62 +1877,32 @@ function Xn(e, t, n) {
 	}
 }
 //#endregion
-//#region src/inplace/table-widget-render.ts
-var Zn = /* @__PURE__ */ new WeakMap(), Qn = (e) => JSON.stringify(e), $n = (e, t) => (Zn.get(e)?.sig ?? "null") === Qn(t);
-function er(e, t, n) {
-	let r = Number(e.dataset.r), i = Number(e.dataset.c), a = t.rows[r]?.[i] ?? "";
-	e.replaceChildren(n ? e.ownerDocument.createTextNode(a) : an(c(a), t.embeds));
-	let o = Zn.get(e);
-	o && e.classList.remove(...o.cellClass);
-	let s = t.paintOf?.(r, i) ?? null;
-	s && (Wt(e, a, s, n), e.classList.add(...s.cellClass)), Zn.set(e, {
-		sig: Qn(s),
-		cellClass: s?.cellClass ?? []
-	});
-}
-function tr(e, t, n, r) {
-	let i = document.createElement(r ? "th" : "td");
-	i.className = "cm-inplace-tcell", i.setAttribute("contenteditable", "true"), i.dataset.r = String(t), i.dataset.c = String(n);
-	let a = e.aligns[n];
-	return a && (i.style.textAlign = a), er(i, e, !1), i;
-}
-function nr(e, t) {
-	e.replaceChildren();
-	let n = t.aligns.length, r = e.createTHead().insertRow();
-	for (let e = 0; e < n; e++) r.appendChild(tr(t, 0, e, !0));
-	let i = e.createTBody();
-	for (let e = 1; e < t.rows.length; e++) {
-		let r = i.insertRow();
-		for (let i = 0; i < n; i++) r.appendChild(tr(t, e, i, !1));
-	}
-}
-//#endregion
 //#region src/inplace/table-structure.ts
-var Q = (e) => e.aligns.length;
-function rr(e, t) {
-	let n = Math.max(0, Math.min(t, Q(e)));
+var $ = (e) => e.aligns.length;
+function dr(e, t) {
+	let n = Math.max(0, Math.min(t, $(e)));
 	for (let t of e.rows) t.splice(n, 0, "");
 	e.aligns.splice(n, 0, "");
 }
-function ir(e, t) {
-	if (!(Q(e) <= 1 || t < 0 || t >= Q(e))) {
+function fr(e, t) {
+	if (!($(e) <= 1 || t < 0 || t >= $(e))) {
 		for (let n of e.rows) n.splice(t, 1);
 		e.aligns.splice(t, 1);
 	}
 }
-function ar(e, t) {
+function pr(e, t) {
 	let n = Math.max(1, Math.min(t, e.rows.length));
-	e.rows.splice(n, 0, Array(Q(e)).fill(""));
+	e.rows.splice(n, 0, Array($(e)).fill(""));
 }
-function or(e, t) {
+function mr(e, t) {
 	t <= 0 || t >= e.rows.length || e.rows.length <= 2 || e.rows.splice(t, 1);
 }
-function sr(e, t, n) {
-	t >= 0 && t < Q(e) && (e.aligns[t] = n);
+function hr(e, t, n) {
+	t >= 0 && t < $(e) && (e.aligns[t] = n);
 }
 //#endregion
 //#region src/inplace/table-widget.ts
-var cr = Se.define(), lr = /* @__PURE__ */ new WeakMap(), ur = class extends k {
+var gr = Se.define(), _r = /* @__PURE__ */ new WeakMap(), vr = class extends O {
 	data;
 	embeds;
 	table = null;
@@ -1823,7 +1919,7 @@ var cr = Se.define(), lr = /* @__PURE__ */ new WeakMap(), ur = class extends k {
 		super(), this.data = e, this.embeds = t, this.rows = le(e);
 	}
 	eq(e) {
-		return !this.table && JSON.stringify(y(this.rows)) === JSON.stringify(y(e.rows));
+		return !this.table && JSON.stringify(ue(this.rows)) === JSON.stringify(ue(e.rows));
 	}
 	ignoreEvent() {
 		return !0;
@@ -1833,7 +1929,7 @@ var cr = Se.define(), lr = /* @__PURE__ */ new WeakMap(), ur = class extends k {
 	}
 	bounds(e) {
 		let t = e.posAtDOM(this.table), n = null;
-		return e.state.field(X).between(t, t, (e, t) => (n = {
+		return e.state.field(Z).between(t, t, (e, t) => (n = {
 			from: e,
 			to: t
 		}, !1)), n ?? e.state.doc.lineAt(t);
@@ -1847,7 +1943,7 @@ var cr = Se.define(), lr = /* @__PURE__ */ new WeakMap(), ur = class extends k {
 			c: Number(e.dataset.c)
 		};
 	}
-	paintOf = Gt({
+	paintOf = Xt({
 		view: () => this.view,
 		mounted: () => !!this.table?.isConnected,
 		from: (e) => this.bounds(e).from,
@@ -1862,19 +1958,19 @@ var cr = Se.define(), lr = /* @__PURE__ */ new WeakMap(), ur = class extends k {
 		};
 	}
 	paint(e, t) {
-		er(e, this.grid(), t);
+		_n(e, this.grid(), t);
 	}
 	repaintMarks() {
 		for (let e of this.table?.querySelectorAll("td, th") ?? []) {
 			let { r: t, c: n } = this.coords(e);
-			e !== this.editing && !$n(e, this.paintOf(t, n)) && this.paint(e, !1);
+			e !== this.editing && !gn(e, this.paintOf(t, n)) && this.paint(e, !1);
 		}
 	}
 	renderCells() {
-		nr(this.table, this.grid());
+		yn(this.table, this.grid());
 	}
 	appendRow() {
-		ar(this.model(), this.rows.length), this.renderCells(), this.gizmos?.layout(this.table);
+		pr(this.model(), this.rows.length), this.renderCells(), this.gizmos?.layout(this.table);
 	}
 	model() {
 		return {
@@ -1885,7 +1981,7 @@ var cr = Se.define(), lr = /* @__PURE__ */ new WeakMap(), ur = class extends k {
 	runOp(e, t) {
 		if (!this.table) return;
 		let n = this.model();
-		if (t.kind === "insertColumn" ? rr(n, t.at) : t.kind === "deleteColumn" ? ir(n, t.at) : t.kind === "insertRow" ? ar(n, t.at) : t.kind === "deleteRow" ? or(n, t.at) : sr(n, t.at, n.aligns[t.at] === t.value ? "" : t.value), this.editing = null, this.sync(e), this.renderCells(), this.gizmos?.layout(this.table), t.kind !== "align") {
+		if (t.kind === "insertColumn" ? dr(n, t.at) : t.kind === "deleteColumn" ? fr(n, t.at) : t.kind === "insertRow" ? pr(n, t.at) : t.kind === "deleteRow" ? mr(n, t.at) : hr(n, t.at, n.aligns[t.at] === t.value ? "" : t.value), this.editing = null, this.sync(e), this.renderCells(), this.gizmos?.layout(this.table), t.kind !== "align") {
 			let e = Math.max(0, Math.min(t.focus[0], this.rows.length - 1)), n = Math.max(0, Math.min(t.focus[1], this.cols() - 1));
 			this.cellAt(e, n)?.focus();
 		}
@@ -1895,18 +1991,20 @@ var cr = Se.define(), lr = /* @__PURE__ */ new WeakMap(), ur = class extends k {
 		this.rows[n] && (this.rows[n][r] = (e.textContent ?? "").replace(/\r?\n/g, " ")), t || this.paint(e, !1);
 	}
 	onFocusIn(e) {
-		let t = e.target.closest("td, th");
-		if (!(!t || t === this.editing)) {
+		let t = e.target;
+		if (t.closest("[data-stylo-cell-widget]")) return;
+		let n = t.closest("td, th");
+		if (!(!n || n === this.editing)) {
 			if (this.pressOnMark) {
-				this.pressOnMark = !1, document.addEventListener("mouseup", () => setTimeout(() => this.enterCell(t)), { once: !0 });
+				this.pressOnMark = !1, document.addEventListener("mouseup", () => setTimeout(() => this.enterCell(n)), { once: !0 });
 				return;
 			}
-			this.enterCell(t);
+			this.enterCell(n);
 		}
 	}
 	enterCell(e) {
 		if (!this.table?.contains(e) || e === this.editing) return;
-		let t = this.pendingOffset ?? b(e);
+		let t = this.pendingOffset ?? y(e);
 		this.pendingOffset = null, this.editing && this.finish(this.editing, !1), this.editing = e, this.paint(e, !0), d(e, t);
 	}
 	onFocusOut(e) {
@@ -1940,14 +2038,14 @@ var cr = Se.define(), lr = /* @__PURE__ */ new WeakMap(), ur = class extends k {
 				to: i,
 				insert: n
 			},
-			annotations: cr.of(!0),
+			annotations: gr.of(!0),
 			userEvent: "input"
 		}), this.syncing = !1, t && (this.writeCaret(t), requestAnimationFrame(() => {
 			this.table && t && this.writeCaret(t);
 		})));
 	}
 	onKey(e, t) {
-		this.table && Xn(e, t, {
+		this.table && ur(e, t, {
 			coords: (e) => this.coords(e),
 			rows: () => this.rows.length,
 			cols: () => this.cols(),
@@ -1970,22 +2068,25 @@ var cr = Se.define(), lr = /* @__PURE__ */ new WeakMap(), ur = class extends k {
 	openCellMenuAt(e, t, n, r) {
 		let i = r?.closest("td, th");
 		if (!i) return;
-		this.editing === i && !Vn(e) && s(i, t, n);
-		let a = Wn(e, i);
+		this.editing === i && !tr(e) && s(i, t, n);
+		let a = ir(e, i);
 		this.gizmos?.openFor(i, t, n, a);
 	}
 	toDOM(e) {
 		let t = document.createElement("div");
 		t.className = "cm-inplace-table-wrap";
 		let n = document.createElement("table");
-		this.table = n, this.view = e, this.editing = null, lr.set(n, this), n.className = "cm-inplace-table cm-inplace-table-edit", this.renderCells(), e.requestMeasure({
+		this.table = n, this.view = e, this.editing = null, _r.set(n, this), n.className = "cm-inplace-table cm-inplace-table-edit", this.renderCells(), e.requestMeasure({
 			read: () => null,
 			write: () => this.repaintMarks(),
 			key: this
 		}), n.addEventListener("mousedown", (e) => {
-			e.stopPropagation();
+			if (e.stopPropagation(), e.target.closest("[data-stylo-cell-widget]")) {
+				e.preventDefault();
+				return;
+			}
 			let t = e.target.closest("td, th");
-			this.pendingOffset = t && t !== this.editing ? x(t, e.clientX, e.clientY) : null, this.pressOnMark = !!e.target.closest("[data-stylo-cell-mark]");
+			this.pendingOffset = t && t !== this.editing ? b(t, e.clientX, e.clientY) : null, this.pressOnMark = !!e.target.closest("[data-stylo-cell-mark]");
 		}), n.addEventListener("focusin", (e) => this.onFocusIn(e)), n.addEventListener("focusout", (e) => this.onFocusOut(e));
 		let r = (t) => {
 			t && (this.editing = t, this.finish(t, !0), this.sync(e));
@@ -1998,9 +2099,9 @@ var cr = Se.define(), lr = /* @__PURE__ */ new WeakMap(), ur = class extends k {
 			document.execCommand("insertText", !1, t);
 		}), n.addEventListener("contextmenu", (t) => {
 			t.target.closest("td, th") && (t.preventDefault(), t.stopPropagation(), this.longPress?.cancel(), !(Date.now() - this.longPressAt < 700) && this.openCellMenuAt(e, t.clientX, t.clientY, t.target));
-		}), this.longPress = Jn(n, { onLongPress: (t, n, r) => {
+		}), this.longPress = cr(n, { onLongPress: (t, n, r) => {
 			this.longPressAt = Date.now(), this.openCellMenuAt(e, t, n, r);
-		} }), this.gizmos = Yn(document, {
+		} }), this.gizmos = lr(document, {
 			dims: () => ({
 				cols: this.cols(),
 				rows: this.rows.length,
@@ -2012,12 +2113,12 @@ var cr = Se.define(), lr = /* @__PURE__ */ new WeakMap(), ur = class extends k {
 	destroy() {
 		this.longPress?.dispose(), this.longPress = null, this.gizmos?.destroy(), this.gizmos = null, this.table = null, this.view = null, this.editing = null;
 	}
-}, dr = /* @__PURE__ */ new Set([
+}, yr = /* @__PURE__ */ new Set([
 	"-",
 	"*",
 	"_"
-]), fr = we.transactionFilter.of((e) => {
-	if (!e.docChanged || e.isUserEvent("undo") || e.isUserEvent("redo") || e.annotation(cr) || !e.startState.selection.main.empty) return e;
+]), br = we.transactionFilter.of((e) => {
+	if (!e.docChanged || e.isUserEvent("undo") || e.isUserEvent("redo") || e.annotation(gr) || !e.startState.selection.main.empty) return e;
 	let t = e.startState.selection.main.head, n = "", r = 0;
 	if (e.changes.iterChanges((e, i, a, o, s) => {
 		r += 1, e === i && e === t && (n = s.toString());
@@ -2047,7 +2148,7 @@ var cr = Se.define(), lr = /* @__PURE__ */ new WeakMap(), ur = class extends k {
 		},
 		anchor: a + 1
 	};
-	else if (dr.has(n) && RegExp(`^\\${n}{3,}$`).test(s)) {
+	else if (yr.has(n) && RegExp(`^\\${n}{3,}$`).test(s)) {
 		let e = o.number === 1 || i.line(o.number - 1).text.trim() === "", t = n === "-" && !e, r = o.number === i.lines;
 		if (t || r) {
 			let e = [];
@@ -2070,38 +2171,38 @@ var cr = Se.define(), lr = /* @__PURE__ */ new WeakMap(), ur = class extends k {
 		scrollIntoView: !0,
 		userEvent: "input.autoformat"
 	}] : e;
-}), pr = /* @__PURE__ */ new Set([
+}), xr = /* @__PURE__ */ new Set([
 	"EmphasisMark",
 	"CodeMark",
 	"StrikethroughMark"
 ]);
-function mr(e, t, n) {
+function Sr(e, t, n) {
 	let r = t;
 	for (;;) {
 		let t = e.resolveInner(r, n);
-		if (!pr.has(t.name) || t.from >= t.to) return r;
+		if (!xr.has(t.name) || t.from >= t.to) return r;
 		let i = n < 0 ? t.from : t.to;
 		if (i === r) return r;
 		r = i;
 	}
 }
-function hr(e, t) {
-	let n = H(e, t, !0);
+function Cr(e, t) {
+	let n = U(e, t, !0);
 	if (!n) return t;
 	let r = N(e);
-	return t === n.contentTo ? mr(r, t, 1) : t === n.contentFrom ? mr(r, t, -1) : t;
+	return t === n.contentTo ? Sr(r, t, 1) : t === n.contentFrom ? Sr(r, t, -1) : t;
 }
-var gr = we.transactionFilter.of((e) => {
-	if (!e.docChanged || e.isUserEvent("undo") || e.isUserEvent("redo") || e.annotation(cr)) return e;
+var wr = we.transactionFilter.of((e) => {
+	if (!e.docChanged || e.isUserEvent("undo") || e.isUserEvent("redo") || e.annotation(gr)) return e;
 	let t = e.startState, n = t.selection.main;
-	if (!n.empty || !V(t, t.doc.lineAt(n.head).number)) return e;
+	if (!n.empty || !H(t, t.doc.lineAt(n.head).number)) return e;
 	let r = [], i = 0;
 	e.changes.iterChanges((e, t, a, o, s) => {
 		i++, e === t && e === n.head && s.length > 0 && r.push(s.toString());
 	});
 	let a = r[0];
 	if (i !== 1 || a === void 0) return e;
-	let o = hr(t, n.head);
+	let o = Cr(t, n.head);
 	return o === n.head ? e : {
 		changes: {
 			from: o,
@@ -2111,8 +2212,8 @@ var gr = we.transactionFilter.of((e) => {
 		scrollIntoView: !0,
 		userEvent: "input.type"
 	};
-}), _r = RegExp(`^(?:${se.match.source.replace(/^\^/, "")})+`);
-function vr(e, t) {
+}), Tr = RegExp(`^(?:${se.match.source.replace(/^\^/, "")})+`);
+function Er(e, t) {
 	let n = e.doc.lineAt(t).number;
 	for (let r = N(e).resolveInner(t, 1); r; r = r.parent) {
 		if (r.name !== "ListItem" || e.doc.lineAt(r.from).number === n) continue;
@@ -2121,13 +2222,13 @@ function vr(e, t) {
 	}
 	return null;
 }
-function yr(e, t) {
-	let n = t.text, r = ae.exec(n);
+function Dr(e, t) {
+	let n = t.text, r = _.exec(n);
 	if (r) return {
 		prefixLen: r[0].length,
 		drop: [0, r[0].length]
 	};
-	let i = _r.exec(n);
+	let i = Tr.exec(n);
 	if (i) {
 		let e = se.match.exec(n)[0].length;
 		return {
@@ -2140,11 +2241,11 @@ function yr(e, t) {
 		prefixLen: a[0].length,
 		drop: [0, a[0].length]
 	};
-	let o = te.match.exec(n) ?? _.match.exec(n);
+	let o = te.match.exec(n) ?? ae.match.exec(n);
 	if (o) {
 		let n = o[1] ?? "", r = o[0].length - n.length;
 		if (n) {
-			let r = vr(e, t.from) ?? 2, i = n.startsWith("	") ? 1 : Math.min(r, n.length);
+			let r = Er(e, t.from) ?? 2, i = n.startsWith("	") ? 1 : Math.min(r, n.length);
 			return {
 				prefixLen: o[0].length,
 				drop: [0, i]
@@ -2157,15 +2258,15 @@ function yr(e, t) {
 	}
 	return null;
 }
-var br = j.high(ve.of([{
+var Or = j.high(k.of([{
 	key: "Backspace",
 	run: (e) => {
 		if (h(e)) return !1;
 		let { state: t } = e, n = t.selection.main;
 		if (!n.empty) return !1;
 		let r = t.doc.lineAt(n.head);
-		if (!V(t, r.number)) return !1;
-		let i = yr(t, r);
+		if (!H(t, r.number)) return !1;
+		let i = Dr(t, r);
 		if (!i || n.head < r.from || n.head > r.from + i.prefixLen) return !1;
 		let [a, o] = i.drop;
 		return e.dispatch({
@@ -2179,12 +2280,12 @@ var br = j.high(ve.of([{
 			scrollIntoView: !0
 		}), !0;
 	}
-}])), xr = class {
+}])), kr = class {
 	menu;
 	contentDOM;
 	onClick;
 	constructor(e) {
-		this.menu = Z(e.dom.ownerDocument), e.dom.appendChild(this.menu.el), this.contentDOM = e.contentDOM, this.onClick = (t) => {
+		this.menu = Q(e.dom.ownerDocument), e.dom.appendChild(this.menu.el), this.contentDOM = e.contentDOM, this.onClick = (t) => {
 			if (e.state.facet(L) !== "never" || !e.state.facet(P).links) return;
 			let n = t.target?.closest(".cm-inplace-link");
 			if (!n || n.classList.contains("cm-inplace-wikilink")) return;
@@ -2197,13 +2298,13 @@ var br = j.high(ve.of([{
 				if (n == null) return;
 				r = n;
 			}
-			e.dispatch({ selection: { anchor: r } }), this.menu.showField(An(e), t.clientX, t.clientY);
+			e.dispatch({ selection: { anchor: r } }), this.menu.showField(Wn(e), t.clientX, t.clientY);
 		}, this.contentDOM.addEventListener("click", this.onClick);
 	}
 	destroy() {
 		this.contentDOM.removeEventListener("click", this.onClick), this.menu.destroy();
 	}
-}, Sr = O.fromClass(xr), Cr = (e) => e.replace(/^<([^]*)>$/, "$1").trim(), wr = (e, t, n) => n ? {
+}, Ar = D.fromClass(kr), jr = (e) => e.replace(/^<([^]*)>$/, "$1").trim(), Mr = (e, t, n) => n ? {
 	pos: e,
 	end: t,
 	above: !0,
@@ -2212,27 +2313,27 @@ var br = j.high(ve.of([{
 		return e.className = "cm-inplace-href-tip", e.textContent = n, { dom: e };
 	}
 } : null;
-function Tr(e, t) {
+function Nr(e, t) {
 	for (let n = N(e.state).resolveInner(t, -1); n; n = n.parent) {
 		if (n.name !== "Link") continue;
 		if (e.state.doc.sliceString(Math.max(0, n.from - 1), n.from) === "[") break;
 		let t = n.getChild("URL"), r = t ? e.state.sliceDoc(t.from, t.to) : e.state.sliceDoc(n.from, n.to);
-		return wr(n.from, n.to, Cr(r));
+		return Mr(n.from, n.to, jr(r));
 	}
 	return null;
 }
-function Er(t, n) {
+function Pr(t, n) {
 	let r = t.state.doc.lineAt(n);
 	for (let t of r.text.matchAll(e)) {
 		let e = r.from + (t.index ?? 0), i = e + t[0].length;
-		if (!(n < e || n > i)) return wr(e, i, (t[1] ?? "").trim());
+		if (!(n < e || n > i)) return Mr(e, i, (t[1] ?? "").trim());
 	}
 	return null;
 }
-var Dr = _e((e, t) => {
+var Fr = ve((e, t) => {
 	let n = e.state.facet(P);
-	return (n.links ? Tr(e, t) : null) ?? (n.wikilinks ? Er(e, t) : null);
-}), Or = class extends k {
+	return (n.links ? Nr(e, t) : null) ?? (n.wikilinks ? Pr(e, t) : null);
+}), Ir = class extends O {
 	ref;
 	inline;
 	registry;
@@ -2259,19 +2360,19 @@ var Dr = _e((e, t) => {
 		return !1;
 	}
 };
-function kr(e) {
+function Lr(e) {
 	let t = e.facet(F);
-	if (!t || !e.facet(P).embeds || !e.doc.toString().includes("![[")) return E.none;
-	let n = z(e), r = N(e), i = [];
+	if (!t || !e.facet(P).embeds || !e.doc.toString().includes("![[")) return T.none;
+	let n = B(e), r = N(e), i = [];
 	for (let a = 1; a <= e.doc.lines; a++) {
 		let o = e.doc.line(a);
 		if (!(!o.text.includes("![[") || n.has(a))) {
 			if (fe(o.text)) {
 				C.lastIndex = 0;
 				let e = (C.exec(o.text.trim())?.[1] ?? "").trim();
-				if (!e || B(r, o.from + o.text.indexOf("!["))) continue;
-				i.push(E.replace({
-					widget: new Or(e, !1, t),
+				if (!e || V(r, o.from + o.text.indexOf("!["))) continue;
+				i.push(T.replace({
+					widget: new Ir(e, !1, t),
 					block: !0
 				}).range(o.from, o.to));
 				continue;
@@ -2281,30 +2382,30 @@ function kr(e) {
 				let n = (e[1] ?? "").trim();
 				if (!n) continue;
 				let a = o.from + (e.index ?? 0);
-				B(r, a + 2) || qe(r, a + 2) || i.push(E.replace({ widget: new Or(n, !0, t) }).range(a, a + e[0].length));
+				V(r, a + 2) || qe(r, a + 2) || i.push(T.replace({ widget: new Ir(n, !0, t) }).range(a, a + e[0].length));
 			}
 		}
 	}
-	return E.set(i, !0);
+	return T.set(i, !0);
 }
-function Ar(e, t) {
+function Rr(e, t) {
 	for (let n of t.ranges) {
 		let t = e.doc.lineAt(n.from).number, r = e.doc.lineAt(n.to).number;
 		for (let n = t; n <= r; n++) if (e.doc.line(n).text.includes("![[")) return !0;
 	}
 	return !1;
 }
-var jr = M.define({
-	create: kr,
-	update: (e, t) => t.docChanged || t.selection && (Ar(t.state, t.startState.selection) || Ar(t.state, t.state.selection)) ? kr(t.state) : e,
-	provide: (e) => [D.decorations.from(e), D.atomicRanges.of((t) => t.state.field(e))]
-}), Mr = Te.define(), $ = M.define({
+var zr = M.define({
+	create: Lr,
+	update: (e, t) => t.docChanged || t.selection && (Rr(t.state, t.startState.selection) || Rr(t.state, t.state.selection)) ? Lr(t.state) : e,
+	provide: (e) => [E.decorations.from(e), E.atomicRanges.of((t) => t.state.field(e))]
+}), Br = Te.define(), Vr = M.define({
 	create: () => !1,
 	update(e, t) {
-		for (let n of t.effects) n.is(Mr) && (e = n.value);
+		for (let n of t.effects) n.is(Br) && (e = n.value);
 		return e;
 	}
-}), Nr = class {
+}), Hr = class {
 	view;
 	menu;
 	onContextMenu;
@@ -2315,8 +2416,8 @@ var jr = M.define({
 	longPressAt = 0;
 	destroyed = !1;
 	constructor(e) {
-		this.view = e, this.menu = Z(e.dom.ownerDocument, "cm-inplace-menu", (t) => {
-			this.destroyed || e.dispatch({ effects: Mr.of(t) });
+		this.view = e, this.menu = Q(e.dom.ownerDocument, "cm-inplace-menu", (t) => {
+			this.destroyed || e.dispatch({ effects: Br.of(t) });
 		}), e.dom.appendChild(this.menu.el), this.contentDOM = e.contentDOM, this.onPointerDown = () => {
 			let t = e.state.selection.main;
 			this.stashed = t.empty ? null : {
@@ -2326,17 +2427,17 @@ var jr = M.define({
 		}, this.contentDOM.addEventListener("pointerdown", this.onPointerDown, !0), this.onContextMenu = (e) => {
 			let t = e.target;
 			this.canOpen() && (t?.closest(".cm-inplace-table-edit") || (this.longPress.cancel(), (Date.now() - this.longPressAt < 700 || this.openMenuAt(e.clientX, e.clientY, t)) && e.preventDefault()));
-		}, this.contentDOM.addEventListener("contextmenu", this.onContextMenu), this.longPress = Jn(this.contentDOM, { onLongPress: (e, t, n) => {
+		}, this.contentDOM.addEventListener("contextmenu", this.onContextMenu), this.longPress = cr(this.contentDOM, { onLongPress: (e, t, n) => {
 			this.longPressAt = Date.now(), this.openMenuAt(e, t, n);
 		} });
 	}
 	canOpen() {
 		let { state: e } = this.view;
-		return e.facet(Ne) && (!e.readOnly || Sn(this.view));
+		return e.facet(Ne) && (!e.readOnly || In(this.view));
 	}
 	rows() {
 		let e = this.view;
-		return e.state.readOnly ? Cn(e, { selected: !e.state.selection.main.empty }) : qn(e);
+		return e.state.readOnly ? Ln(e, { selected: !e.state.selection.main.empty }) : sr(e);
 	}
 	openMenuAt(e, t, n) {
 		let r = this.view;
@@ -2353,7 +2454,7 @@ var jr = M.define({
 				y: t
 			});
 			if (n != null) {
-				let e = H(r.state, n, !1, !0), t = r.state.wordAt(n) ?? { anchor: n };
+				let e = U(r.state, n, !1, !0), t = r.state.wordAt(n) ?? { anchor: n };
 				e?.kind === "link" ? t = {
 					anchor: e.from,
 					head: e.to
@@ -2372,10 +2473,10 @@ var jr = M.define({
 	destroy() {
 		this.destroyed = !0, this.contentDOM.removeEventListener("pointerdown", this.onPointerDown, !0), this.contentDOM.removeEventListener("contextmenu", this.onContextMenu), this.longPress.dispose(), this.menu.destroy();
 	}
-}, Pr = O.fromClass(Nr);
+}, Ur = D.fromClass(Hr);
 //#endregion
 //#region src/inplace/selection-bar-position.ts
-function Fr(e) {
+function Wr(e) {
 	let t = e.state.selection.main;
 	if (!t.empty) {
 		let n = e.coordsAtPos(t.from), r = e.coordsAtPos(t.to);
@@ -2389,7 +2490,7 @@ function Fr(e) {
 			}
 		};
 	}
-	if (!Vn(e)) return null;
+	if (!tr(e)) return null;
 	let n = e.dom.ownerDocument.getSelection();
 	if (!n || n.rangeCount === 0) return null;
 	let r = n.getRangeAt(0).getBoundingClientRect();
@@ -2403,9 +2504,9 @@ function Fr(e) {
 		}
 	};
 }
-function Ir(e, t, n) {
-	if (e.state.facet(Ve) !== "bar" || e.state.readOnly || e.state.field($, !1)) return null;
-	let r = Fr(e);
+function Gr(e, t, n) {
+	if (e.state.facet(Ve) !== "bar" || e.state.readOnly || e.state.field(Vr, !1)) return null;
+	let r = Wr(e);
 	if (!r) return null;
 	let { box: i, inCell: a } = r;
 	if (!a && !e.hasFocus) return null;
@@ -2423,7 +2524,7 @@ function Ir(e, t, n) {
 }
 //#endregion
 //#region src/inplace/selection-bar.ts
-var Lr = class {
+var Kr = class {
 	view;
 	bar;
 	ids;
@@ -2438,12 +2539,12 @@ var Lr = class {
 	constructor(e) {
 		this.view = e;
 		let t = e.dom.ownerDocument;
-		this.ids = e.state.facet(Be), this.linkMenu = Z(t), e.dom.appendChild(this.linkMenu.el), this.bar = t.createElement("div"), this.bar.className = "cm-inplace-selbar", this.bar.setAttribute("contenteditable", "false"), this.bar.hidden = !0;
+		this.ids = e.state.facet(Be), this.linkMenu = Q(t), e.dom.appendChild(this.linkMenu.el), this.bar = t.createElement("div"), this.bar.className = "cm-inplace-selbar", this.bar.setAttribute("contenteditable", "false"), this.bar.hidden = !0;
 		for (let n of this.ids) {
 			let r = g[n], i = t.createElement("button");
-			i.type = "button", i.className = "cm-inplace-selbar-btn", i.title = r.title, i.setAttribute("aria-label", r.title), i.appendChild(ue(t, S[n] ?? "")), i.addEventListener("mousedown", (e) => e.preventDefault()), i.addEventListener("click", (t) => {
+			i.type = "button", i.className = "cm-inplace-selbar-btn", i.title = r.title, i.setAttribute("aria-label", r.title), i.appendChild(x(t, S[n] ?? "")), i.addEventListener("mousedown", (e) => e.preventDefault()), i.addEventListener("click", (t) => {
 				t.preventDefault();
-				let a = !!h(e), o = !a && n === "link" ? An(e) : !a && n === "wikilink" ? jn(e) : null;
+				let a = !!h(e), o = !a && n === "link" ? Wn(e) : !a && n === "wikilink" ? Gn(e) : null;
 				if (o) {
 					let e = i.getBoundingClientRect();
 					this.linkMenu.showField(o, e.left, e.bottom + 6);
@@ -2455,7 +2556,7 @@ var Lr = class {
 		e.dom.appendChild(this.bar), t.addEventListener("scroll", this.onScroll, !0), t.addEventListener("selectionchange", this.onSelectionChange);
 	}
 	update(e) {
-		let t = e.startState.field($, !1) !== e.state.field($, !1), n = e.startState.readOnly !== e.state.readOnly;
+		let t = e.startState.field(Vr, !1) !== e.state.field(Vr, !1), n = e.startState.readOnly !== e.state.readOnly;
 		(e.selectionSet || e.docChanged || e.focusChanged || t || n) && this.schedule();
 	}
 	schedule() {
@@ -2466,7 +2567,7 @@ var Lr = class {
 		});
 	}
 	measure() {
-		return Ir(this.view, this.bar, this.ids);
+		return Gr(this.view, this.bar, this.ids);
 	}
 	apply(e) {
 		if (!e) {
@@ -2480,42 +2581,46 @@ var Lr = class {
 		let e = this.view.dom.ownerDocument;
 		e.removeEventListener("scroll", this.onScroll, !0), e.removeEventListener("selectionchange", this.onSelectionChange), this.linkMenu.destroy(), this.bar.remove();
 	}
-}, Rr = O.fromClass(Lr), zr = (e) => (t) => {
+}, qr = D.fromClass(Kr), Jr = (e) => (t) => {
 	if (h(t)) return !1;
 	let n = t.state.selection.main;
 	if (!n.empty) return !1;
 	let { doc: r } = t.state, i = r.lineAt(n.head), a = e ? i.number + 1 : i.number - 1;
 	if (a < 1 || a > r.lines) return !1;
 	let o = r.line(a), s = -1, c = -1, l;
-	if (t.state.field(X).between(o.from, o.to, (t, n, r) => {
+	if (t.state.field(Z).between(o.from, o.to, (t, n, r) => {
 		if (e ? t === o.from : n === o.to) return s = t, c = n, l = r.spec.widget, !1;
 	}), s < 0) return !1;
-	if (t.state.facet(I) === "cells") return l instanceof ur && l.focusEdge(e ? "first" : "last");
+	if (t.state.facet(I) === "cells") return l instanceof vr && l.focusEdge(e ? "first" : "last");
 	let u = e ? r.lineAt(s).from : r.lineAt(c).to;
 	return t.dispatch({
 		selection: { anchor: u },
 		userEvent: "select",
 		scrollIntoView: !0
 	}), !0;
-}, Br = zr(!0), Vr = zr(!1), Hr = j.high(ve.of([{
+}, Yr = Jr(!0), Xr = Jr(!1), Zr = j.high(k.of([{
 	key: "ArrowDown",
-	run: Br
+	run: Yr
 }, {
 	key: "ArrowUp",
-	run: Vr
-}])), Ur = O.fromClass(class {
-	last = "[]";
+	run: Xr
+}])), Qr = "[[],[]]", $r = D.fromClass(class {
+	last = Qr;
 	update(e) {
-		let t = JSON.stringify(e.state.facet(Le)(e.state));
-		t === this.last && !e.docChanged || (t !== "[]" || this.last !== "[]") && (this.last = t, e.view.requestMeasure({
+		let { state: t } = e, n = JSON.stringify([t.facet(Le)(t), t.facet(Re)(t).map((e) => [
+			e.pos,
+			e.key,
+			e.cellClass
+		])]);
+		n === this.last && !e.docChanged || (n !== Qr || this.last !== Qr) && (this.last = n, e.view.requestMeasure({
 			read: () => null,
 			write: (e, t) => {
-				for (let e of t.dom.querySelectorAll(".cm-inplace-table-edit")) lr.get(e)?.repaintMarks();
+				for (let e of t.dom.querySelectorAll(".cm-inplace-table")) _r.get(e)?.repaintMarks(), bn.get(e)?.();
 			},
 			key: this
 		}));
 	}
-}), Wr = {
+}), ei = {
 	".cm-inplace-callout": {
 		borderLeft: "0.25rem solid var(--stylo-callout-accent, var(--stylo-border))",
 		padding: "0 var(--stylo-rhythm-callout-padding-x, 1rem)",
@@ -2549,9 +2654,9 @@ var Lr = class {
 		content: "\"\"",
 		display: "none"
 	}
-}, Gr = "var(--stylo-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace)", Kr = "var(--stylo-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif)", qr = {
+}, ti = "var(--stylo-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace)", ni = "var(--stylo-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif)", ri = {
 	"& .cm-content": {
-		fontFamily: Kr,
+		fontFamily: ni,
 		lineHeight: "1.75",
 		padding: "0.75rem",
 		WebkitTouchCallout: "none"
@@ -2594,14 +2699,14 @@ var Lr = class {
 	".cm-inplace-em": { fontStyle: "italic" },
 	".cm-inplace-strike": { textDecoration: "line-through" },
 	".cm-inplace-code": {
-		fontFamily: Gr,
+		fontFamily: ti,
 		fontSize: "0.9em",
 		padding: "0.1em 0.35em",
 		borderRadius: "3px",
 		background: "color-mix(in srgb, var(--stylo-border) 45%, transparent)"
 	},
 	".cm-inplace-mono": {
-		fontFamily: Gr,
+		fontFamily: ti,
 		fontSize: "0.9em",
 		background: "color-mix(in srgb, var(--stylo-border) 35%, transparent)",
 		padding: "0 0.9rem"
@@ -2679,21 +2784,21 @@ var Lr = class {
 		cursor: "pointer"
 	},
 	".cm-inplace-fm": {
-		fontFamily: Gr,
+		fontFamily: ti,
 		fontSize: "0.85em",
 		color: "var(--stylo-text-muted)"
 	},
 	".cm-inplace-fm-first::before": {
 		content: "\"Frontmatter\"",
 		marginRight: "0.6em",
-		fontFamily: Kr,
+		fontFamily: ni,
 		fontSize: "0.8rem",
 		fontWeight: "600",
 		textTransform: "uppercase",
 		letterSpacing: "0.04em",
 		color: "var(--stylo-text-muted)"
 	}
-}, Jr = {
+}, ii = {
 	".cm-inplace-menu": {
 		position: "fixed",
 		inset: "0",
@@ -2767,7 +2872,7 @@ var Lr = class {
 		outline: "none"
 	},
 	".cm-inplace-menu-input:focus": { borderColor: "var(--stylo-ring)" }
-}, Yr = {
+}, ai = {
 	".cm-inplace-selbar": {
 		position: "fixed",
 		zIndex: "20",
@@ -2852,7 +2957,7 @@ var Lr = class {
 		lineHeight: "1.4",
 		wordBreak: "break-all"
 	}
-}, Xr = {
+}, oi = {
 	".cm-inplace-table": {
 		borderCollapse: "collapse",
 		padding: "1em 0 1.4em",
@@ -2875,7 +2980,7 @@ var Lr = class {
 		outline: "none"
 	},
 	".cm-inplace-table-edit .cm-inplace-tcell:focus": { boxShadow: "inset 0 0 0 2px var(--stylo-ring)" }
-}, Zr = {
+}, si = {
 	".cm-inplace-table-wrap": {
 		position: "relative",
 		display: "inline-block",
@@ -2917,15 +3022,15 @@ var Lr = class {
 	},
 	".cm-inplace-tg-edge:hover .cm-inplace-tg-plus": { color: "var(--stylo-text)" },
 	"@media (hover: none)": { ".cm-inplace-tg-edge": { opacity: "0.5" } }
-}, Qr = D.theme({
-	...qr,
-	...Wr,
-	...Xr,
-	...Zr,
-	...Jr,
-	...Yr
-}), $r = ".cm-inplace-math, .cm-inplace-hr, .cm-inplace-table, .cm-inplace-embed, .cm-inplace-embed-inline";
-function ei(e = {}) {
+}, ci = E.theme({
+	...ri,
+	...ei,
+	...oi,
+	...si,
+	...ii,
+	...ai
+}), li = ".cm-inplace-math, .cm-inplace-hr, .cm-inplace-table, .cm-inplace-embed, .cm-inplace-embed-inline";
+function ui(e = {}) {
 	let t = Fe(e.inPlace?.contextMenu);
 	return [
 		P.of(je(e.inPlace)),
@@ -2934,43 +3039,44 @@ function ei(e = {}) {
 		L.of(e.inPlace?.reveal ?? "caret"),
 		Me.of(e.onLinkClick ?? null),
 		Ne.of(t.enabled),
-		Re.of(t.groups),
+		z.of(t.groups),
 		Ie.of(e.hostItems ?? (() => t.items)),
 		Le.of(e.cellMarks ?? e.inPlace?.cellMarks ?? (() => [])),
+		Re.of(e.cellWidgets ?? e.inPlace?.cellWidgets ?? (() => [])),
 		Ve.of(e.inPlace?.selectionUI ?? "menu"),
 		Be.of(ze(e.inPlace?.selectionBarItems)),
 		Dt(),
-		br,
-		nn,
+		Or,
+		cn,
 		Rt,
-		Hr,
-		gr,
-		fr,
+		Zr,
+		wr,
+		br,
 		nt,
-		jr,
+		zr,
 		Ue,
-		X,
+		Z,
+		$r,
+		Vr,
 		Ur,
-		$,
-		Pr,
-		Rr,
-		Sr,
-		Dr,
-		zn,
-		Bn,
-		j.high(Qr),
-		D.domEventHandlers({
+		qr,
+		Ar,
+		Fr,
+		$n,
+		er,
+		j.high(ci),
+		E.domEventHandlers({
 			mousedown(e, t) {
 				let n = e.target;
 				if (n?.closest(".cm-inplace-table-edit") || n?.closest(".stylo-embed-content")) return !1;
-				let r = n?.closest($r);
+				let r = n?.closest(li);
 				if (!r) return !1;
 				let i = t.posAtDOM(r);
 				if (i < 0) return !1;
 				let a = n?.closest("[data-stylo-row]");
 				if (a && r.contains(a)) {
 					let n = v(t.state.doc, i, Number(a.dataset.styloRow), Number(a.dataset.styloCol));
-					n != null && (i = n + x(a, e.clientX, e.clientY));
+					n != null && (i = n + b(a, e.clientX, e.clientY));
 				}
 				return t.focus(), t.dispatch({ selection: { anchor: i } }), !0;
 			},
@@ -2984,8 +3090,8 @@ function ei(e = {}) {
 }
 //#endregion
 //#region src/inplace/InPlaceView.tsx
-var ti = () => () => {}, ni = () => null;
-function ri({ value: e, onChange: t, readOnly: r, placeholder: i, onWikiLinkClick: a, onLinkClick: o, inPlace: s, codeLanguages: c, wikiLinkSource: l, tagSource: u, embedSource: d, onResolveError: f, onSave: p, onViewChange: m, canvasHeader: h, hostExtensions: ee }) {
+var di = () => () => {}, fi = () => null;
+function pi({ value: e, onChange: t, readOnly: r, placeholder: i, onWikiLinkClick: a, onLinkClick: o, inPlace: s, codeLanguages: c, wikiLinkSource: l, tagSource: u, embedSource: d, onResolveError: f, onSave: p, onViewChange: m, canvasHeader: h, hostExtensions: ee }) {
 	let te = w(a);
 	te.current = a;
 	let re = w(o);
@@ -2994,13 +3100,15 @@ function ri({ value: e, onChange: t, readOnly: r, placeholder: i, onWikiLinkClic
 	ie.current = s?.contextMenu;
 	let g = w(s?.cellMarks);
 	g.current = s?.cellMarks;
-	let [_] = T(() => new ke()), ae = ge(_.subscribe, _.getSnapshot, _.getSnapshot), [oe, se] = T(null), v = w(m);
-	v.current = m;
-	let le = w((e) => {
-		se(e), v.current?.(e);
+	let ae = w(s?.cellWidgets);
+	ae.current = s?.cellWidgets;
+	let [_] = ge(() => new ke()), oe = _e(_.subscribe, _.getSnapshot, _.getSnapshot), [se, v] = ge(null), le = w(m);
+	le.current = m;
+	let ue = w((e) => {
+		v(e), le.current?.(e);
 	}).current, y = w(h);
 	y.current = h;
-	let [b] = T(() => h ? new ne() : null), x = ge(b?.subscribe ?? ti, b?.getSnapshot ?? ni), [ue] = T(() => [ei({
+	let [b] = ge(() => h ? new ne() : null), x = _e(b?.subscribe ?? di, b?.getSnapshot ?? fi), [S] = ge(() => [ui({
 		onWikiLinkClick: (e) => te.current?.(e),
 		onLinkClick: (e) => re.current?.(e),
 		inPlace: s,
@@ -3009,33 +3117,34 @@ function ri({ value: e, onChange: t, readOnly: r, placeholder: i, onWikiLinkClic
 			return typeof e == "object" ? e.items ?? [] : [];
 		},
 		cellMarks: (e) => g.current?.(e) ?? [],
+		cellWidgets: (e) => ae.current?.(e) ?? [],
 		embedRegistry: d ? _ : void 0
-	}), ...b ? [ye.of(b.panel)] : []]), S = ce({
+	}), ...b ? [ye.of(b.panel)] : []]), de = ce({
 		value: e,
 		onChange: t,
 		readOnly: r,
 		placeholder: i,
-		extensions: ue,
+		extensions: S,
 		codeLanguages: c,
 		wikiLinkSource: l,
 		tagSource: u,
 		onResolveError: f,
 		onSave: p,
-		onViewChange: le,
+		onViewChange: ue,
 		hostExtensions: ee
 	});
 	return /* @__PURE__ */ De("div", {
 		className: n.inplace,
-		ref: S,
-		children: [d && ae.map((e) => be(/* @__PURE__ */ Ee(pe, {
+		ref: de,
+		children: [d && oe.map((e) => be(/* @__PURE__ */ Ee(pe, {
 			reference: e.ref,
 			source: d,
 			onError: f,
 			inline: e.inline
-		}), e.el, String(e.id))), x && y.current && be(y.current({ view: oe }), x)]
+		}), e.el, String(e.id))), x && y.current && be(y.current({ view: se }), x)]
 	});
 }
 //#endregion
-export { ri as InPlaceView };
+export { pi as InPlaceView };
 
-//# sourceMappingURL=InPlaceView-gei6uiAm.js.map
+//# sourceMappingURL=InPlaceView-CKPumo8B.js.map