@damiro/stylo 0.10.1 → 0.11.0

package/dist/{useCodeMirror-CpE_Ncfn.js → useCodeMirror-CjG9CwpB.js}

@@ -1,13 +1,34 @@
-import { r as e, t } from "./frontmatter-DGUkb9z-.js";
+import { r as e, t } from "./frontmatter-DTCC0gaa.js";
 import { useEffect as n, useRef as r } from "react";
 import { EditorView as i, keymap as a, placeholder as o, runScopeHandlers as s } from "@codemirror/view";
 import { Annotation as c, ChangeSet as l, Compartment as u, EditorSelection as d, EditorState as f, Facet as p, Prec as m } from "@codemirror/state";
-import { defaultKeymap as ee, history as h, historyKeymap as g, redo as _, undo as te } from "@codemirror/commands";
+import { defaultKeymap as ee, history as te, historyKeymap as h, redo as g, undo as _ } from "@codemirror/commands";
 import { markdown as v, markdownLanguage as y } from "@codemirror/lang-markdown";
 import { SearchQuery as b, closeSearchPanel as ne, findNext as x, findPrevious as S, getSearchQuery as C, openSearchPanel as re, replaceAll as ie, replaceNext as ae, search as oe, searchKeymap as se, searchPanelOpen as ce, selectMatches as le, setSearchQuery as ue } from "@codemirror/search";
 import { HighlightStyle as de, syntaxHighlighting as fe, syntaxTree as pe } from "@codemirror/language";
 import { tags as w } from "@lezer/highlight";
 import { autocompletion as me } from "@codemirror/autocomplete";
+//#region src/editor/canvas-header-panel.ts
+var he = "stylo-canvas-header", ge = class {
+	dom = null;
+	listeners = /* @__PURE__ */ new Set();
+	panel = () => {
+		let e = document.createElement("div");
+		return e.className = he, this.dom = e, this.notify(), {
+			dom: e,
+			top: !0,
+			destroy: () => {
+				this.dom = null, this.notify();
+			}
+		};
+	};
+	subscribe = (e) => (this.listeners.add(e), () => this.listeners.delete(e));
+	getSnapshot = () => this.dom;
+	notify() {
+		for (let e of this.listeners) e();
+	}
+};
+//#endregion
 //#region src/toolbar/link-ops.ts
 function T(e, t) {
 	let n = /\[([^\]]*)\]\([^)]*\)/g;
@@ -21,7 +42,7 @@ function T(e, t) {
 	}
 	return null;
 }
-function he(e, t) {
+function _e(e, t) {
 	let n = /\[([^\]]*)\]\(([^)]*)\)/g;
 	for (let r; r = n.exec(e);) {
 		let e = r.index, n = e + r[0].length;
@@ -39,7 +60,7 @@ function he(e, t) {
 	}
 	return null;
 }
-function ge(e, t, n) {
+function ve(e, t, n) {
 	let r = T(e, t);
 	if (r) return {
 		text: e.slice(0, r.from) + r.label + e.slice(r.to),
@@ -66,7 +87,7 @@ function E(t, n) {
 	}
 	return null;
 }
-function _e(t, n) {
+function ye(t, n) {
 	for (let r of t.matchAll(e)) {
 		let e = r.index ?? 0, t = e + r[0].length;
 		if (n < e || n > t) continue;
@@ -82,7 +103,7 @@ function _e(t, n) {
 	}
 	return null;
 }
-function ve(e, t, n) {
+function be(e, t, n) {
 	let r = E(e, t);
 	if (r) return {
 		text: e.slice(0, r.from) + r.label + e.slice(r.to),
@@ -98,7 +119,7 @@ function ve(e, t, n) {
 }
 //#endregion
 //#region src/toolbar/underline-ops.ts
-function ye(e, t) {
+function xe(e, t) {
 	let n = /<u>([\s\S]*?)<\/u>/gi;
 	for (let r; r = n.exec(e);) {
 		let e = r.index, n = e + r[0].length;
@@ -110,8 +131,8 @@ function ye(e, t) {
 	}
 	return null;
 }
-function be(e, t, n) {
-	let r = ye(e, t);
+function Se(e, t, n) {
+	let r = xe(e, t);
 	if (r) return {
 		text: e.slice(0, r.from) + r.inner + e.slice(r.to),
 		from: r.from,
@@ -129,7 +150,7 @@ function be(e, t, n) {
 function D(e) {
 	return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function xe(e, t, n) {
+function Ce(e, t, n) {
 	let r = t, i = t;
 	if (n < 0) for (; r > 0 && "*~`$".includes(e[r - 1]);) r--;
 	else for (; i < e.length && "*~`$".includes(e[i]);) i++;
@@ -138,7 +159,7 @@ function xe(e, t, n) {
 		from: r
 	};
 }
-function Se(e, t) {
+function we(e, t) {
 	let n = [];
 	for (let r = 0; r < e.length;) {
 		if (e[r] !== t) {
@@ -154,15 +175,15 @@ function Se(e, t) {
 	}
 	return n;
 }
-function Ce(e, t, n) {
+function Te(e, t, n) {
 	return e < n || t < n ? !1 : n > 1 || e % 2 == 1 && t % 2 == 1;
 }
-function we(e, t, n, r) {
+function Ee(e, t, n, r) {
 	let i = r.length, a = r[0], o = e.slice(t, n), s = 0;
 	for (; o[s] === a;) s++;
 	let c = 0;
 	for (; o[o.length - 1 - c] === a;) c++;
-	if (o.length >= 2 * i && o.startsWith(r) && o.endsWith(r) && Ce(s, c, i)) return {
+	if (o.length >= 2 * i && o.startsWith(r) && o.endsWith(r) && Te(s, c, i)) return {
 		changes: [{
 			from: t,
 			to: t + i,
@@ -175,10 +196,10 @@ function we(e, t, n, r) {
 		from: t,
 		to: n - 2 * i
 	};
-	let l = xe(e, t, -1), u = xe(e, n, 1), d = Se(l.text, a), f = Se(u.text, a).reverse();
+	let l = Ce(e, t, -1), u = Ce(e, n, 1), d = we(l.text, a), f = we(u.text, a).reverse();
 	for (let e = 0; e < Math.min(d.length, f.length); e++) {
 		let r = d[e], a = f[e];
-		if (!Ce(r.len, a.len, i)) continue;
+		if (!Te(r.len, a.len, i)) continue;
 		let o = l.from + r.start + r.len, s = n + a.start;
 		return {
 			changes: [{
@@ -208,26 +229,26 @@ function we(e, t, n, r) {
 		to: n + i
 	};
 }
-function Te(e, t) {
+function De(e, t) {
 	let n = e;
 	for (let e of [...t].sort((e, t) => t.from - e.from)) n = n.slice(0, e.from) + e.insert + n.slice(e.to);
 	return n;
 }
 function O(e, t, n, r) {
-	let i = we(e, t, n, r);
+	let i = Ee(e, t, n, r);
 	return {
-		text: Te(e, i.changes),
+		text: De(e, i.changes),
 		from: i.from,
 		to: i.to
 	};
 }
-function Ee(e, t) {
+function Oe(e, t) {
 	let n = T(e, t);
 	if (n) return {
 		from: n.from,
 		to: n.to
 	};
-	let r = _e(e, t);
+	let r = ye(e, t);
 	if (r) return {
 		from: r.from,
 		to: r.to
@@ -253,7 +274,7 @@ function Ee(e, t) {
 }
 //#endregion
 //#region src/inplace/table-cell-dom.ts
-var De = (e) => [e.head, ...e.body].map((e) => [...e]), Oe = (e) => e.map((e) => e.map((e) => e.trim())), ke = (e) => e.replace(/\\\|/g, "|");
+var ke = (e) => [e.head, ...e.body].map((e) => [...e]), Ae = (e) => e.map((e) => e.map((e) => e.trim())), je = (e) => e.replace(/\\\|/g, "|");
 function k(e, t) {
 	let n = e.ownerDocument.createTreeWalker(e, NodeFilter.SHOW_TEXT), r = 0;
 	for (let e = n.nextNode(); e; e = n.nextNode()) {
@@ -262,11 +283,11 @@ function k(e, t) {
 	}
 	return r;
 }
-function Ae(e) {
+function Me(e) {
 	let t = e.ownerDocument.getSelection(), n = t?.anchorNode;
 	return !n || !e.contains(n) ? 0 : n.nodeType === Node.TEXT_NODE ? k(e, n) + (t?.anchorOffset ?? 0) : (t?.anchorOffset ?? 0) > 0 ? (e.textContent ?? "").length : 0;
 }
-function je(e) {
+function Ne(e) {
 	let t = e.ownerDocument.getSelection(), n = (e.textContent ?? "").length, r = (t, r) => !t || !e.contains(t) ? n : t.nodeType === Node.TEXT_NODE ? k(e, t) + r : r > 0 ? n : 0;
 	if (!t || t.rangeCount === 0) return {
 		from: n,
@@ -278,7 +299,7 @@ function je(e) {
 		to: Math.max(i, a)
 	};
 }
-function Me(e, t, n) {
+function Pe(e, t, n) {
 	let r = e.ownerDocument, i = null, a = 0;
 	if (r.caretPositionFromPoint) {
 		let e = r.caretPositionFromPoint(t, n);
@@ -289,13 +310,13 @@ function Me(e, t, n) {
 	}
 	return !i || !e.contains(i) ? 0 : k(e, i) + (i.nodeType === Node.TEXT_NODE ? a : 0);
 }
-var Ne = /[\p{L}\p{N}_]/u;
-function Pe(e, t, n) {
-	let r = e.textContent ?? "", i = Me(e, t, n), a = Ee(r, i);
+var Fe = /[\p{L}\p{N}_]/u;
+function Ie(e, t, n) {
+	let r = e.textContent ?? "", i = Pe(e, t, n), a = Oe(r, i);
 	if (a) return A(e, a.from, a.to), !0;
 	let o = i, s = i;
-	for (; o > 0 && Ne.test(r[o - 1]);) o--;
-	for (; s < r.length && Ne.test(r[s]);) s++;
+	for (; o > 0 && Fe.test(r[o - 1]);) o--;
+	for (; s < r.length && Fe.test(r[s]);) s++;
 	return s <= o ? !1 : (A(e, o, s), !0);
 }
 function A(e, t, n = t) {
@@ -311,29 +332,29 @@ function A(e, t, n = t) {
 }
 //#endregion
 //#region src/toolbar/cell-inline.ts
-function Fe(e) {
+function Le(e) {
 	let t = e.dom.ownerDocument.activeElement;
 	return !(t instanceof HTMLElement) || !e.dom.contains(t) ? null : t.matches(".cm-inplace-tcell") ? t : null;
 }
-function Ie(e, t) {
-	let { from: n, to: r } = je(e), i = t(e.textContent ?? "", n, r);
+function Re(e, t) {
+	let { from: n, to: r } = Ne(e), i = t(e.textContent ?? "", n, r);
 	e.textContent = i.text, A(e, i.from, i.to), e.dispatchEvent(new Event("input", { bubbles: !0 }));
 }
 function j(e, t) {
-	let n = Fe(e);
-	return n ? (Ie(n, t), !0) : !1;
+	let n = Le(e);
+	return n ? (Re(n, t), !0) : !1;
 }
-var Le = {
+var ze = {
 	b: (e, t, n) => O(e, t, n, "**"),
 	i: (e, t, n) => O(e, t, n, "*"),
-	u: be,
-	k: ge,
-	K: ve
+	u: Se,
+	k: ve,
+	K: be
 };
-function Re(e, t) {
+function Be(e, t) {
 	if (!(e.metaKey || e.ctrlKey) || e.altKey) return !1;
-	let n = Le[e.shiftKey ? e.key.toUpperCase() : e.key.toLowerCase()];
-	return n ? (e.preventDefault(), Ie(t, n), !0) : !1;
+	let n = ze[e.shiftKey ? e.key.toUpperCase() : e.key.toLowerCase()];
+	return n ? (e.preventDefault(), Re(t, n), !0) : !1;
 }
 //#endregion
 //#region src/toolbar/block.ts
@@ -341,7 +362,7 @@ function M(e) {
 	let { from: t, to: n } = e.selection.main;
 	return [e.doc.lineAt(t).number, e.doc.lineAt(n).number];
 }
-function ze(e, t) {
+function Ve(e, t) {
 	let n = e.state, [r, i] = M(n), a = r === i && !n.doc.line(r).text.trim(), o = !a;
 	for (let e = r; e <= i && o; e++) {
 		let r = n.doc.line(e).text;
@@ -379,7 +400,7 @@ function ze(e, t) {
 		scrollIntoView: !0
 	}), e.focus(), !0) : !1;
 }
-function Be(e, t) {
+function He(e, t) {
 	return t.test(e.doc.lineAt(e.selection.main.head).text);
 }
 //#endregion
@@ -394,7 +415,7 @@ function N(e, t) {
 	}
 	return null;
 }
-function Ve(e) {
+function Ue(e) {
 	let t = e.state, n = N(t, t.selection.main.head);
 	if (n) {
 		let r = t.doc.lineAt(n.from), i = t.doc.lineAt(n.to), a = [{
@@ -427,7 +448,7 @@ function Ve(e) {
 function P(e) {
 	return N(e, e.selection.main.head) !== null;
 }
-function He(e) {
+function We(e) {
 	let t = N(e, e.selection.main.head);
 	if (!t) return null;
 	let n = e.doc.lineAt(t.from), r = /^(\s*(?:`{3,}|~{3,})[ \t]*)(.*?)[ \t]*$/.exec(n.text);
@@ -439,18 +460,18 @@ function He(e) {
 		lang: r[2]
 	};
 }
-var Ue = /^\s*\$\$\s*$/;
-function We(e, t) {
+var Ge = /^\s*\$\$\s*$/;
+function Ke(e, t) {
 	let n = 0, r = 0;
-	for (let i = 1; i <= e.doc.lines; i++) if (Ue.test(e.doc.line(i).text)) {
+	for (let i = 1; i <= e.doc.lines; i++) if (Ge.test(e.doc.line(i).text)) {
 		if (r++, r % 2 == 1) {
 			if (n = i, i > t) return null;
 		} else if (i >= t) return [n, i];
 	}
 	return null;
 }
-function Ge(e) {
-	let t = e.state, [n, r] = M(t), i = We(t, t.doc.lineAt(t.selection.main.head).number);
+function qe(e) {
+	let t = e.state, [n, r] = M(t), i = Ke(t, t.doc.lineAt(t.selection.main.head).number);
 	if (i) {
 		let n = t.doc.line(i[0]), r = t.doc.line(i[1]);
 		e.dispatch({
@@ -477,11 +498,11 @@ function Ge(e) {
 	return e.focus(), !0;
 }
 function F(e) {
-	return We(e, e.doc.lineAt(e.selection.main.head).number) !== null;
+	return Ke(e, e.doc.lineAt(e.selection.main.head).number) !== null;
 }
 //#endregion
 //#region src/toolbar/heading.ts
-function Ke(e, t) {
+function Je(e, t) {
 	let n = "#".repeat(t) + " ", r = e.state, [i, a] = M(r), o = [];
 	for (let e = i; e <= a; e++) {
 		let i = r.doc.line(e), a = /^(#{1,6}) +/.exec(i.text);
@@ -502,7 +523,7 @@ function Ke(e, t) {
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function qe(e) {
+function Ye(e) {
 	let t = e.state, [n, r] = M(t), i = [];
 	for (let e = n; e <= r; e++) {
 		let n = t.doc.line(e), r = /^#{1,6} +/.exec(n.text);
@@ -522,7 +543,7 @@ function I(e, t) {
 	let n = e.state.doc.toString();
 	return e.dispatch({
 		...e.state.changeByRange((e) => {
-			let r = we(n, e.from, e.to, t);
+			let r = Ee(n, e.from, e.to, t);
 			return {
 				changes: r.changes,
 				range: r.from === r.to ? d.cursor(r.from) : d.range(r.from, r.to)
@@ -540,7 +561,7 @@ function L(e, t) {
 	}
 	return !1;
 }
-function Je(e) {
+function Xe(e) {
 	let { head: t } = e.selection.main, n = e.doc.lineAt(t), r = T(n.text, t - n.from);
 	return r ? {
 		from: n.from + r.from,
@@ -548,8 +569,8 @@ function Je(e) {
 		text: r.label
 	} : null;
 }
-function Ye(e) {
-	let t = Je(e.state);
+function Ze(e) {
+	let t = Xe(e.state);
 	if (t) return e.dispatch({
 		changes: {
 			from: t.from,
@@ -570,10 +591,10 @@ function Ye(e) {
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function Xe(e) {
-	return Je(e) !== null;
+function Qe(e) {
+	return Xe(e) !== null;
 }
-function Ze(e) {
+function $e(e) {
 	let { head: t } = e.selection.main, n = e.doc.lineAt(t), r = E(n.text, t - n.from);
 	return r ? {
 		from: n.from + r.from,
@@ -581,8 +602,8 @@ function Ze(e) {
 		text: r.label
 	} : null;
 }
-function Qe(e) {
-	let t = Ze(e.state);
+function et(e) {
+	let t = $e(e.state);
 	if (t) return e.dispatch({
 		changes: {
 			from: t.from,
@@ -603,19 +624,19 @@ function Qe(e) {
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function $e(e) {
-	return Ze(e) !== null;
+function tt(e) {
+	return $e(e) !== null;
 }
-function et(e) {
-	let { head: t } = e.selection.main, n = e.doc.lineAt(t), r = ye(n.text, t - n.from);
+function nt(e) {
+	let { head: t } = e.selection.main, n = e.doc.lineAt(t), r = xe(n.text, t - n.from);
 	return r ? {
 		from: n.from + r.from,
 		to: n.from + r.to,
 		inner: r.inner
 	} : null;
 }
-function tt(e) {
-	let t = et(e.state);
+function rt(e) {
+	let t = nt(e.state);
 	if (t) return e.dispatch({
 		changes: {
 			from: t.from,
@@ -636,29 +657,29 @@ function tt(e) {
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function nt(e) {
-	return et(e) !== null;
+function it(e) {
+	return nt(e) !== null;
 }
 //#endregion
 //#region src/toolbar/table-grid.ts
-function rt(e) {
+function at(e) {
 	let t = e.trim();
 	return t.includes("-") && t.includes("|") && /^[\s|:-]+$/.test(t);
 }
-function it(e) {
+function ot(e) {
 	let t = e.trim();
 	t.startsWith("|") && (t = t.slice(1)), t.endsWith("|") && !t.endsWith("\\|") && (t = t.slice(0, -1));
 	let n = [], r = "";
 	for (let e = 0; e < t.length; e++) t[e] === "\\" && t[e + 1] === "|" ? (r += "\\|", e++) : t[e] === "|" ? (n.push(r.trim()), r = "") : r += t[e];
 	return n.push(r.trim()), n;
 }
-function at(e) {
+function st(e) {
 	let t = e.trim(), n = t.startsWith(":"), r = t.endsWith(":");
 	return n && r ? "center" : r ? "right" : n ? "left" : "";
 }
 function R(e) {
-	if (e.length < 2 || !rt(e[1])) return null;
-	let t = it(e[1]).map(at), n = e.filter((e, t) => t !== 1).map(it), r = Math.max(t.length, ...n.map((e) => e.length)), i = n.map((e) => {
+	if (e.length < 2 || !at(e[1])) return null;
+	let t = ot(e[1]).map(st), n = e.filter((e, t) => t !== 1).map(ot), r = Math.max(t.length, ...n.map((e) => e.length)), i = n.map((e) => {
 		let t = e.slice(0, r);
 		for (; t.length < r;) t.push("");
 		return t;
@@ -669,11 +690,11 @@ function R(e) {
 		aligns: a
 	};
 }
-function ot(e) {
+function ct(e) {
 	return e.replace(/\\\|/g, "|").length;
 }
-function st(e, t, n) {
-	let r = t - ot(e);
+function lt(e, t, n) {
+	let r = t - ct(e);
 	if (r <= 0) return e;
 	if (n === "right") return " ".repeat(r) + e;
 	if (n === "center") {
@@ -682,7 +703,7 @@ function st(e, t, n) {
 	}
 	return e + " ".repeat(r);
 }
-function ct(e, t) {
+function ut(e, t) {
 	let n = Math.max(3, e);
 	return t === "left" ? ":" + "-".repeat(n - 1) : t === "right" ? "-".repeat(n - 1) + ":" : t === "center" ? ":" + "-".repeat(n - 2) + ":" : "-".repeat(n);
 }
@@ -690,15 +711,15 @@ function z(e) {
 	let t = e.aligns.length, n = [];
 	for (let r = 0; r < t; r++) {
 		let t = 3;
-		for (let n of e.rows) t = Math.max(t, ot(n[r] ?? ""));
+		for (let n of e.rows) t = Math.max(t, ct(n[r] ?? ""));
 		n.push(t);
 	}
-	let r = (t) => "| " + t.map((t, r) => st(t ?? "", n[r], e.aligns[r])).join(" | ") + " |", i = [r(e.rows[0] ?? [])];
-	i.push("| " + e.aligns.map((e, t) => ct(n[t], e)).join(" | ") + " |");
+	let r = (t) => "| " + t.map((t, r) => lt(t ?? "", n[r], e.aligns[r])).join(" | ") + " |", i = [r(e.rows[0] ?? [])];
+	i.push("| " + e.aligns.map((e, t) => ut(n[t], e)).join(" | ") + " |");
 	for (let t = 1; t < e.rows.length; t++) i.push(r(e.rows[t]));
 	return i.join("\n");
 }
-function lt(e) {
+function dt(e) {
 	let t = [];
 	for (let n = 0; n < e.length; n++) {
 		if (e[n] === "\\") {
@@ -745,7 +766,7 @@ function B(e, t) {
 		lines: a
 	} : null;
 }
-function ut(e, t, n) {
+function ft(e, t, n) {
 	let r = t;
 	for (let t = 0; t < e.length; t++) {
 		let i = e[t];
@@ -761,7 +782,7 @@ function ut(e, t, n) {
 					onDelimiter: !0
 				};
 			}
-			let a = lt(i), o = 0;
+			let a = dt(i), o = 0;
 			for (let t = 0; t < a.length && (o = t, !(e <= a[t].end)); t++);
 			let s = a[o], c = s ? Math.max(0, Math.min(e, s.contentEnd) - s.contentStart) : 0;
 			return {
@@ -778,10 +799,10 @@ function ut(e, t, n) {
 function V(e, t, n) {
 	let r = e.split("\n"), i = n.onDelimiter ? 1 : n.row === 0 ? 0 : n.row + 1, a = t;
 	for (let e = 0; e < i; e++) a += r[e].length + 1;
-	let o = lt(r[i]), s = o[Math.min(n.col, o.length - 1)];
+	let o = dt(r[i]), s = o[Math.min(n.col, o.length - 1)];
 	return s ? a + s.contentStart + Math.min(n.offset, s.contentEnd - s.contentStart) : a;
 }
-function dt(e, t, n, r) {
+function pt(e, t, n, r) {
 	let i = B(e, t);
 	return i ? V(i.lines.join("\n"), i.from, {
 		row: n,
@@ -792,7 +813,7 @@ function dt(e, t, n, r) {
 }
 //#endregion
 //#region src/toolbar/table.ts
-function ft(e, t) {
+function mt(e, t) {
 	requestAnimationFrame(() => {
 		let n = e.dom.querySelectorAll(".cm-inplace-table-edit");
 		if (n.length === 0) return;
@@ -812,7 +833,7 @@ function ft(e, t) {
 		s?.removeAllRanges(), s?.addRange(o), a.focus();
 	});
 }
-function pt(e) {
+function ht(e) {
 	let { from: t, to: n } = e.state.selection.main, r = e.state.doc.lineAt(t), i = r.text.slice(0, t - r.from).trim() ? "\n\n" : "", a = t + i.length + 2;
 	return e.dispatch({
 		changes: {
@@ -822,7 +843,7 @@ function pt(e) {
 		},
 		selection: d.range(a, a + 8),
 		scrollIntoView: !0
-	}), e.focus(), ft(e, a), !0;
+	}), e.focus(), mt(e, a), !0;
 }
 function H(e) {
 	return B(e.doc, e.selection.main.head) !== null;
@@ -830,7 +851,7 @@ function H(e) {
 function U(e, t) {
 	let n = B(e.state.doc, e.state.selection.main.head);
 	if (!n) return !1;
-	let r = R(n.lines), i = ut(n.lines, n.from, e.state.selection.main.head);
+	let r = R(n.lines), i = ft(n.lines, n.from, e.state.selection.main.head);
 	if (!r || !i) return !1;
 	let a = t(r, i);
 	if (!a) return !1;
@@ -845,7 +866,7 @@ function U(e, t) {
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function mt(e, t, n) {
+function gt(e, t, n) {
 	let r = e.aligns.length, { row: i, col: a } = t;
 	return a += n, a >= r ? (i++, a = 0) : a < 0 && (i--, a = r - 1), i < 0 ? null : (i >= e.rows.length && e.rows.push(Array(r).fill("")), {
 		row: i,
@@ -854,7 +875,7 @@ function mt(e, t, n) {
 		onDelimiter: !1
 	});
 }
-function ht(e, t) {
+function _t(e, t) {
 	let n = t.row + 1;
 	return n >= e.rows.length && e.rows.push(Array(e.aligns.length).fill("")), {
 		row: n,
@@ -863,20 +884,20 @@ function ht(e, t) {
 		onDelimiter: !1
 	};
 }
-var gt = a.of([
+var vt = a.of([
 	{
 		key: "Tab",
-		run: (e) => U(e, (e, t) => mt(e, t, 1))
+		run: (e) => U(e, (e, t) => gt(e, t, 1))
 	},
 	{
 		key: "Shift-Tab",
-		run: (e) => U(e, (e, t) => mt(e, t, -1))
+		run: (e) => U(e, (e, t) => gt(e, t, -1))
 	},
 	{
 		key: "Enter",
-		run: (e) => U(e, ht)
+		run: (e) => U(e, _t)
 	}
-]), _t = f.transactionFilter.of((e) => {
+]), yt = f.transactionFilter.of((e) => {
 	if (!e.docChanged || !e.isUserEvent("input") && !e.isUserEvent("delete")) return e;
 	let t = e.newSelection.main.head, n = B(e.newDoc, t);
 	if (!n) return e;
@@ -884,7 +905,7 @@ var gt = a.of([
 	if (!r) return e;
 	let i = z(r);
 	if (i === n.lines.join("\n")) return e;
-	let a = ut(n.lines, n.from, t), o = l.of([{
+	let a = ft(n.lines, n.from, t), o = l.of([{
 		from: n.from,
 		to: n.to,
 		insert: i
@@ -898,23 +919,23 @@ var gt = a.of([
 }), W = (e) => /^\s{0,3}#{1,6}(?:\s|$)/.test(e.doc.lineAt(e.selection.main.head).text), G = (e) => {
 	let n = t(e.doc);
 	return n !== null && e.selection.main.head <= n.to;
-}, K = (e) => G(e) || P(e) || F(e), vt = (e) => (t) => e !== "`" && L(t, "`") || e !== "$" && L(t, "$"), yt = (e) => e.selection.main.empty && !e.wordAt(e.selection.main.head), q = (...e) => (t) => e.some((e) => e(t)), J = /^(\s*)(?:[-*+] \[[ xX]\] +|\d+\. +|[-*+] +)/, bt = {
+}, K = (e) => G(e) || P(e) || F(e), bt = (e) => (t) => e !== "`" && L(t, "`") || e !== "$" && L(t, "$"), xt = (e) => e.selection.main.empty && !e.wordAt(e.selection.main.head), q = (...e) => (t) => e.some((e) => e(t)), J = /^(\s*)(?:[-*+] \[[ xX]\] +|\d+\. +|[-*+] +)/, St = {
 	match: /^ {0,3}> ?/,
 	insert: "> "
-}, xt = {
+}, Ct = {
 	match: /^(\s*)[-*+] +(?!\[[ xX]\])/,
 	insert: "- ",
 	siblings: J
-}, St = {
+}, wt = {
 	match: /^(\s*)\d+\. +/,
 	insert: (e) => `${e + 1}. `,
 	siblings: J
-}, Ct = {
+}, Tt = {
 	match: /^(\s*)[-*+] \[[ xX]\] +/,
 	insert: "- [ ] ",
 	siblings: J
 };
-function wt(e, t, n) {
+function Et(e, t, n) {
 	return {
 		id: e,
 		title: t,
@@ -930,7 +951,7 @@ function Y(e, t, n, r) {
 		title: t,
 		run: (e) => j(e, (e, t, r) => O(e, t, r, n)) || I(e, n),
 		isActive: (e) => L(e, n),
-		disabled: q(K, vt(n), yt),
+		disabled: q(K, bt(n), xt),
 		keys: r
 	};
 }
@@ -939,7 +960,7 @@ function X(e) {
 	return {
 		id: `h${e}`,
 		title: `Heading ${e}`,
-		run: (t) => Ke(t, e),
+		run: (t) => Je(t, e),
 		isActive: (e) => t.test(e.doc.lineAt(e.selection.main.head).text),
 		disabled: q(H, K),
 		keys: [`Mod-Alt-${e}`]
@@ -949,14 +970,14 @@ function Z(e, t, n, ...r) {
 	return {
 		id: e,
 		title: t,
-		run: (e) => ze(e, n),
-		isActive: (e) => Be(e, n.match),
+		run: (e) => Ve(e, n),
+		isActive: (e) => He(e, n.match),
 		disabled: q(H, K, ...r)
 	};
 }
 //#endregion
 //#region src/toolbar/frontmatter-toggle.ts
-function Tt(e) {
+function Dt(e) {
 	let n = e.state, r = t(n.doc);
 	if (r) {
 		let t = n.doc.lineAt(r.from), i = n.doc.lineAt(r.to);
@@ -986,15 +1007,15 @@ function Tt(e) {
 	}
 	return e.focus(), !0;
 }
-function Et(e) {
+function Ot(e) {
 	return t(e.doc) !== null;
 }
 //#endregion
 //#region src/toolbar/rule.ts
-var Dt = /^ {0,3}([-*_])[ \t]*(?:\1[ \t]*){2,}$/;
-function Ot(e) {
+var kt = /^ {0,3}([-*_])[ \t]*(?:\1[ \t]*){2,}$/;
+function At(e) {
 	let t = e.state, n = t.doc.lineAt(t.selection.main.head);
-	return Dt.test(n.text) ? e.dispatch({
+	return kt.test(n.text) ? e.dispatch({
 		changes: {
 			from: n.from,
 			to: Math.min(n.to + 1, t.doc.length)
@@ -1017,46 +1038,46 @@ function Ot(e) {
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function kt(e) {
-	return Dt.test(e.doc.lineAt(e.selection.main.head).text);
+function jt(e) {
+	return kt.test(e.doc.lineAt(e.selection.main.head).text);
 }
 //#endregion
 //#region src/editor/save.ts
-var At = p.define({ combine: (e) => e[0] ?? null });
-function jt(e) {
-	let t = e.state.facet(At);
+var Q = p.define({ combine: (e) => e[0] ?? null });
+function Mt(e) {
+	let t = e.state.facet(Q);
 	return t ? (t(e.state.doc.toString()), !0) : !1;
 }
 //#endregion
 //#region src/editor/search-panel-dom.ts
-var Mt = "stylo-search-panel";
-function Nt(e) {
+var Nt = "stylo-search-panel";
+function Pt(e) {
 	e.setAttribute("form", "");
 }
-function Pt(e, t, n) {
+function Ft(e, t, n) {
 	let r = document.createElement("input");
-	return r.type = "text", r.name = e, r.placeholder = t, r.setAttribute("aria-label", t), r.className = n, Nt(r), r;
+	return r.type = "text", r.name = e, r.placeholder = t, r.setAttribute("aria-label", t), r.className = n, Pt(r), r;
 }
-function Q(e, t) {
+function $(e, t) {
 	let n = document.createElement("button");
 	return n.type = "button", n.name = e, n.className = "stylo-search-button", n.textContent = t, n;
 }
-function Ft(e, t) {
+function It(e, t) {
 	let n = document.createElement("input");
-	n.type = "checkbox", n.name = e, Nt(n);
+	n.type = "checkbox", n.name = e, Pt(n);
 	let r = document.createElement("label");
 	return r.className = "stylo-search-check", r.append(n, document.createTextNode(t)), {
 		field: n,
 		wrap: r
 	};
 }
-function It(e) {
-	let t = (t) => e.state.phrase(t), n = Pt("search", t("Find"), "stylo-search-field");
+function Lt(e) {
+	let t = (t) => e.state.phrase(t), n = Ft("search", t("Find"), "stylo-search-field");
 	n.setAttribute("main-field", "true");
-	let r = Q("next", t("next")), i = Q("prev", t("previous")), a = Q("select", t("all")), o = Pt("replace", t("Replace"), "stylo-search-field stylo-search-replace"), s = Q("replace", t("replace")), c = Q("replaceAll", t("replace all")), l = Ft("case", t("match case")), u = Ft("re", t("regexp")), d = Ft("word", t("by word")), f = Q("close", "×");
+	let r = $("next", t("next")), i = $("prev", t("previous")), a = $("select", t("all")), o = Ft("replace", t("Replace"), "stylo-search-field stylo-search-replace"), s = $("replace", t("replace")), c = $("replaceAll", t("replace all")), l = It("case", t("match case")), u = It("re", t("regexp")), d = It("word", t("by word")), f = $("close", "×");
 	f.classList.add("stylo-search-close"), f.setAttribute("aria-label", t("close"));
 	let p = document.createElement("div");
-	return p.className = Mt, p.append(n, r, i, a, o, s, c, l.wrap, u.wrap, d.wrap, f), {
+	return p.className = Nt, p.append(n, r, i, a, o, s, c, l.wrap, u.wrap, d.wrap, f), {
 		root: p,
 		find: n,
 		next: r,
@@ -1073,18 +1094,18 @@ function It(e) {
 }
 //#endregion
 //#region src/editor/search-panel.ts
-var Lt = "cm-search-closing", Rt = 160;
-function zt(e) {
-	return ce(e.state) ? $(e) : re(e);
+var Rt = "cm-search-closing", zt = 160;
+function Bt(e) {
+	return ce(e.state) ? Vt(e) : re(e);
 }
-function $(e) {
-	let t = e.dom.querySelector(`.${Mt}`);
-	return !t || t.classList.contains(Lt) ? !0 : (t.classList.add(Lt), setTimeout(() => {
+function Vt(e) {
+	let t = e.dom.querySelector(`.${Nt}`);
+	return !t || t.classList.contains(Rt) ? !0 : (t.classList.add(Rt), setTimeout(() => {
 		e.dom.isConnected && ne(e);
-	}, Rt), !0);
+	}, zt), !0);
 }
-function Bt(e) {
-	let t = It(e), n = C(e.state);
+function Ht(e) {
+	let t = Lt(e), n = C(e.state);
 	r(n);
 	function r(e) {
 		t.find.value = e.search, t.replace.value = e.replace, t.caseSensitive.checked = e.caseSensitive, t.regexp.checked = e.regexp, t.wholeWord.checked = e.wholeWord;
@@ -1108,7 +1129,7 @@ function Bt(e) {
 	]) e.addEventListener("input", i), e.addEventListener("change", i);
 	return t.root.addEventListener("keydown", (n) => {
 		if (n.key === "Escape") {
-			n.preventDefault(), $(e);
+			n.preventDefault(), Vt(e);
 			return;
 		}
 		if (s(e, n, "search-panel")) {
@@ -1116,7 +1137,7 @@ function Bt(e) {
 			return;
 		}
 		n.key === "Enter" && (n.preventDefault(), n.target === t.find ? (n.shiftKey ? S : x)(e) : n.target === t.replace && ae(e));
-	}), t.next.addEventListener("click", () => x(e)), t.prev.addEventListener("click", () => S(e)), t.all.addEventListener("click", () => le(e)), t.replaceBtn.addEventListener("click", () => ae(e)), t.replaceAllBtn.addEventListener("click", () => ie(e)), t.close.addEventListener("click", () => $(e)), {
+	}), t.next.addEventListener("click", () => x(e)), t.prev.addEventListener("click", () => S(e)), t.all.addEventListener("click", () => le(e)), t.replaceBtn.addEventListener("click", () => ae(e)), t.replaceAllBtn.addEventListener("click", () => ie(e)), t.close.addEventListener("click", () => Vt(e)), {
 		dom: t.root,
 		top: !0,
 		update(e) {
@@ -1126,22 +1147,23 @@ function Bt(e) {
 }
 //#endregion
 //#region src/toolbar/commands.ts
-var Vt = [
-	wt("undo", "Undo", te),
-	wt("redo", "Redo", _),
+var Ut = [
+	Et("undo", "Undo", _),
+	Et("redo", "Redo", g),
 	{
 		id: "save",
 		title: "Save",
 		run: (e) => {
-			let t = jt(e);
+			let t = Mt(e);
 			return e.focus(), t;
 		},
-		disabled: (e) => e.facet(At) == null
+		disabled: (e) => e.facet(Q) == null
 	},
 	{
 		id: "search",
 		title: "Find / replace",
-		run: (e) => zt(e),
+		run: (e) => Bt(e),
+		isActive: (e) => ce(e),
 		keys: ["Mod-f"]
 	},
 	X(1),
@@ -1150,7 +1172,7 @@ var Vt = [
 	{
 		id: "body",
 		title: "Body",
-		run: (e) => (qe(e) || e.focus(), !0),
+		run: (e) => (Ye(e) || e.focus(), !0),
 		isActive: (e) => !/^#{1,6} /.test(e.doc.lineAt(e.selection.main.head).text),
 		disabled: q(H, K)
 	},
@@ -1160,57 +1182,57 @@ var Vt = [
 	{
 		id: "underline",
 		title: "Underline",
-		run: (e) => j(e, be) || tt(e),
-		isActive: nt,
-		disabled: q(K, vt("u"), yt),
+		run: (e) => j(e, Se) || rt(e),
+		isActive: it,
+		disabled: q(K, bt("u"), xt),
 		keys: ["Mod-u"]
 	},
 	Y("code", "Inline code", "`"),
 	{
 		id: "codeBlock",
 		title: "Code block",
-		run: (e) => j(e, (e, t, n) => O(e, t, n, "`")) || (H(e.state) ? I(e, "`") : Ve(e)),
+		run: (e) => j(e, (e, t, n) => O(e, t, n, "`")) || (H(e.state) ? I(e, "`") : Ue(e)),
 		isActive: (e) => H(e) ? L(e, "`") : P(e),
 		disabled: q(G, F, W)
 	},
 	{
 		id: "link",
 		title: "Link",
-		run: (e) => j(e, ge) || Ye(e),
-		isActive: Xe,
+		run: (e) => j(e, ve) || Ze(e),
+		isActive: Qe,
 		disabled: K,
 		keys: ["Mod-k"]
 	},
 	{
 		id: "wikilink",
 		title: "Wikilink",
-		run: (e) => j(e, ve) || Qe(e),
-		isActive: $e,
+		run: (e) => j(e, be) || et(e),
+		isActive: tt,
 		disabled: K,
 		keys: ["Mod-Shift-k"]
 	},
-	Z("quote", "Blockquote", bt),
-	Z("bulletList", "Bulleted list", xt, W),
-	Z("orderedList", "Numbered list", St, W),
-	Z("task", "Task list", Ct, W),
+	Z("quote", "Blockquote", St),
+	Z("bulletList", "Bulleted list", Ct, W),
+	Z("orderedList", "Numbered list", wt, W),
+	Z("task", "Task list", Tt, W),
 	{
 		id: "hr",
 		title: "Divider",
-		run: Ot,
-		isActive: kt,
+		run: At,
+		isActive: jt,
 		disabled: q(H, K)
 	},
 	{
 		id: "frontmatter",
 		title: "Frontmatter",
-		run: Tt,
-		isActive: Et,
+		run: Dt,
+		isActive: Ot,
 		disabled: q(H, P, F, W)
 	},
 	{
 		id: "table",
 		title: "Table",
-		run: pt,
+		run: ht,
 		isActive: H,
 		disabled: q(H, G, P, F, W)
 	},
@@ -1218,15 +1240,15 @@ var Vt = [
 	{
 		id: "mathBlock",
 		title: "Block math",
-		run: (e) => j(e, (e, t, n) => O(e, t, n, "$")) || (H(e.state) ? I(e, "$") : Ge(e)),
+		run: (e) => j(e, (e, t, n) => O(e, t, n, "$")) || (H(e.state) ? I(e, "$") : qe(e)),
 		isActive: (e) => H(e) ? L(e, "$") : F(e),
 		disabled: q(G, P, W)
 	}
-], Ht = Object.fromEntries(Vt.map((e) => [e.id, e])), Ut = m.high(a.of(Vt.filter((e) => e.keys && e.keys.length > 0).flatMap((e) => e.keys.map((t) => ({
+], Wt = Object.fromEntries(Ut.map((e) => [e.id, e])), Gt = m.high(a.of(Ut.filter((e) => e.keys && e.keys.length > 0).flatMap((e) => e.keys.map((t) => ({
 	key: t,
 	preventDefault: !0,
 	run: ((t) => !e.disabled?.(t.state) && e.run(t))
-}))))), Wt = de.define([
+}))))), Kt = de.define([
 	{
 		tag: [
 			w.keyword,
@@ -1310,7 +1332,7 @@ var Vt = [
 		tag: [w.invalid],
 		color: "var(--stylo-syntax-invalid)"
 	}
-]), Gt = fe(Wt), Kt = i.theme({
+]), qt = fe(Kt), Jt = i.theme({
 	"&": {
 		color: "var(--stylo-text)",
 		backgroundColor: "var(--stylo-bg)",
@@ -1412,8 +1434,8 @@ var Vt = [
 		backgroundColor: "color-mix(in srgb, var(--stylo-ring) 70%, transparent)",
 		outline: "1px solid var(--stylo-ring)"
 	}
-}), qt = /\[\[([^[\]\n|]*)$/;
-function Jt(e) {
+}), Yt = /\[\[([^[\]\n|]*)$/;
+function Xt(e) {
 	let t = e.label && e.label !== e.target ? e.label : void 0, n = t ? `${e.target}|${t}` : e.target;
 	return {
 		label: e.label ?? e.target,
@@ -1431,13 +1453,13 @@ function Jt(e) {
 		}
 	};
 }
-function Yt(e, t) {
+function Zt(e, t) {
 	return async (n) => {
-		let r = n.matchBefore(qt);
+		let r = n.matchBefore(Yt);
 		if (!r || r.from + 2 === n.pos && !n.explicit) return null;
 		let i = r.text.slice(2), a;
 		try {
-			a = (await e(i)).map(Jt);
+			a = (await e(i)).map(Xt);
 		} catch (e) {
 			return t?.(e, {
 				source: "wikiLinkSource",
@@ -1452,86 +1474,86 @@ function Yt(e, t) {
 		} : null;
 	};
 }
-function Xt(e, t) {
-	return e ? [me(), y.data.of({ autocomplete: Yt(e, t) })] : [];
+function Qt(e, t) {
+	return e ? [me(), y.data.of({ autocomplete: Zt(e, t) })] : [];
 }
 //#endregion
 //#region src/editor/extensions.ts
-function Zt(e, t, n) {
+function $t(e, t, n) {
 	return [
-		h(),
-		a.of([...ee, ...g]),
-		m.high(gt),
-		Ut,
-		_t,
+		te(),
+		a.of([...ee, ...h]),
+		m.high(vt),
+		Gt,
+		yt,
 		oe({
 			top: !0,
-			createPanel: Bt
+			createPanel: Ht
 		}),
 		a.of(se),
 		v({
 			base: y,
 			codeLanguages: e
 		}),
-		Gt,
-		Xt(t, n),
+		qt,
+		Qt(t, n),
 		i.lineWrapping,
-		Kt
+		Jt
 	];
 }
-function Qt(e) {
+function en(e) {
 	return [
 		f.readOnly.of(e.readOnly),
 		i.editable.of(!e.readOnly),
 		e.placeholder ? o(e.placeholder) : [],
-		e.save ? At.of(e.save) : []
+		e.save ? Q.of(e.save) : []
 	];
 }
 //#endregion
 //#region src/editor/useCodeMirror.ts
-var $t = c.define();
-function en({ value: e, onChange: t, readOnly: o = !1, placeholder: s, onSave: c, onViewChange: l, extensions: d, codeLanguages: p, wikiLinkSource: ee, onResolveError: h }) {
-	let g = r(null), _ = r(null), te = r(t);
-	te.current = t;
+var tn = c.define();
+function nn({ value: e, onChange: t, readOnly: o = !1, placeholder: s, onSave: c, onViewChange: l, extensions: d, codeLanguages: p, wikiLinkSource: ee, onResolveError: te }) {
+	let h = r(null), g = r(null), _ = r(t);
+	_.current = t;
 	let v = r(c);
 	v.current = c;
-	let y = r((e) => v.current?.(e)).current, b = r(h);
-	b.current = h;
+	let y = r((e) => v.current?.(e)).current, b = r(te);
+	b.current = te;
 	let ne = r((e, t) => {
 		b.current?.(e, t);
 	}).current, x = c != null, S = r(l);
 	S.current = l;
 	let C = r(new u());
 	return n(() => {
-		let t = g.current;
+		let t = h.current;
 		if (!t) return;
 		let n = new i({
 			parent: t,
 			state: f.create({
 				doc: e,
 				extensions: [
-					Zt(p, ee, ne),
-					C.current.of(Qt({
+					$t(p, ee, ne),
+					C.current.of(en({
 						readOnly: o,
 						placeholder: s,
 						save: x ? y : void 0
 					})),
 					m.high(a.of([{
 						key: "Mod-s",
-						run: jt
+						run: Mt
 					}])),
 					...d ?? [],
 					i.updateListener.of((e) => {
-						e.docChanged && (e.transactions.some((e) => !!e.annotation($t)) || te.current(e.state.doc.toString()));
+						e.docChanged && (e.transactions.some((e) => !!e.annotation(tn)) || _.current(e.state.doc.toString()));
 					})
 				]
 			})
 		});
-		return _.current = n, S.current?.(n), () => {
-			S.current?.(null), n.destroy(), _.current = null;
+		return g.current = n, S.current?.(n), () => {
+			S.current?.(null), n.destroy(), g.current = null;
 		};
 	}, []), n(() => {
-		let t = _.current;
+		let t = g.current;
 		if (!t) return;
 		let n = t.state.doc.toString();
 		n !== e && t.dispatch({
@@ -1540,10 +1562,10 @@ function en({ value: e, onChange: t, readOnly: o = !1, placeholder: s, onSave: c
 				to: n.length,
 				insert: e
 			},
-			annotations: $t.of(!0)
+			annotations: tn.of(!0)
 		});
 	}, [e]), n(() => {
-		_.current?.dispatch({ effects: C.current.reconfigure(Qt({
+		g.current?.dispatch({ effects: C.current.reconfigure(en({
 			readOnly: o,
 			placeholder: s,
 			save: x ? y : void 0
@@ -1553,9 +1575,9 @@ function en({ value: e, onChange: t, readOnly: o = !1, placeholder: s, onSave: c
 		s,
 		x,
 		y
-	]), g;
+	]), h;
 }
 //#endregion
-export { Oe as _, R as a, _e as b, P as c, De as d, Me as f, je as g, Pe as h, dt as i, Fe as l, Ae as m, Ht as n, z as o, A as p, Ot as r, He as s, en as t, Re as u, ke as v, he as x, E as y };
+export { ge as S, Ae as _, R as a, ye as b, P as c, ke as d, Pe as f, Ne as g, Ie as h, pt as i, Le as l, Me as m, Wt as n, z as o, A as p, At as r, We as s, nn as t, Be as u, je as v, _e as x, E as y };
 
-//# sourceMappingURL=useCodeMirror-CpE_Ncfn.js.map
+//# sourceMappingURL=useCodeMirror-CjG9CwpB.js.map