@damiro/stylo 0.11.0 → 0.13.0

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

@@ -1,20 +1,19 @@
-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 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";
+import { a as e, n as t, r as n } from "./highlight-DNGJlCDY.js";
+import { useEffect as r, useRef as i } from "react";
+import { EditorView as a, keymap as o, placeholder as s, runScopeHandlers as c } from "@codemirror/view";
+import { Annotation as l, ChangeSet as u, Compartment as d, EditorSelection as f, EditorState as p, Facet as ee, Prec as m } from "@codemirror/state";
+import { defaultKeymap as te, history as h, historyKeymap as g, redo as _, undo as v } from "@codemirror/commands";
+import { markdown as y, markdownLanguage as b } from "@codemirror/lang-markdown";
+import { SearchQuery as x, closeSearchPanel as ne, findNext as S, findPrevious as C, getSearchQuery as w, 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 { syntaxTree as de } from "@codemirror/language";
+import { autocompletion as fe } from "@codemirror/autocomplete";
 //#region src/editor/canvas-header-panel.ts
-var he = "stylo-canvas-header", ge = class {
+var pe = "stylo-canvas-header", me = class {
 	dom = null;
 	listeners = /* @__PURE__ */ new Set();
 	panel = () => {
 		let e = document.createElement("div");
-		return e.className = he, this.dom = e, this.notify(), {
+		return e.className = pe, this.dom = e, this.notify(), {
 			dom: e,
 			top: !0,
 			destroy: () => {
@@ -42,7 +41,7 @@ function T(e, t) {
 	}
 	return null;
 }
-function _e(e, t) {
+function he(e, t) {
 	let n = /\[([^\]]*)\]\(([^)]*)\)/g;
 	for (let r; r = n.exec(e);) {
 		let e = r.index, n = e + r[0].length;
@@ -60,7 +59,7 @@ function _e(e, t) {
 	}
 	return null;
 }
-function ve(e, t, n) {
+function ge(e, t, n) {
 	let r = T(e, t);
 	if (r) return {
 		text: e.slice(0, r.from) + r.label + e.slice(r.to),
@@ -87,7 +86,7 @@ function E(t, n) {
 	}
 	return null;
 }
-function ye(t, n) {
+function _e(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;
@@ -103,7 +102,7 @@ function ye(t, n) {
 	}
 	return null;
 }
-function be(e, t, n) {
+function ve(e, t, n) {
 	let r = E(e, t);
 	if (r) return {
 		text: e.slice(0, r.from) + r.label + e.slice(r.to),
@@ -119,7 +118,7 @@ function be(e, t, n) {
 }
 //#endregion
 //#region src/toolbar/underline-ops.ts
-function xe(e, t) {
+function ye(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;
@@ -131,8 +130,8 @@ function xe(e, t) {
 	}
 	return null;
 }
-function Se(e, t, n) {
-	let r = xe(e, t);
+function be(e, t, n) {
+	let r = ye(e, t);
 	if (r) return {
 		text: e.slice(0, r.from) + r.inner + e.slice(r.to),
 		from: r.from,
@@ -150,7 +149,7 @@ function Se(e, t, n) {
 function D(e) {
 	return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function Ce(e, t, n) {
+function xe(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++;
@@ -159,7 +158,7 @@ function Ce(e, t, n) {
 		from: r
 	};
 }
-function we(e, t) {
+function Se(e, t) {
 	let n = [];
 	for (let r = 0; r < e.length;) {
 		if (e[r] !== t) {
@@ -175,15 +174,15 @@ function we(e, t) {
 	}
 	return n;
 }
-function Te(e, t, n) {
+function Ce(e, t, n) {
 	return e < n || t < n ? !1 : n > 1 || e % 2 == 1 && t % 2 == 1;
 }
-function Ee(e, t, n, r) {
+function we(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) && Te(s, c, i)) return {
+	if (o.length >= 2 * i && o.startsWith(r) && o.endsWith(r) && Ce(s, c, i)) return {
 		changes: [{
 			from: t,
 			to: t + i,
@@ -196,10 +195,10 @@ function Ee(e, t, n, r) {
 		from: t,
 		to: n - 2 * i
 	};
-	let l = Ce(e, t, -1), u = Ce(e, n, 1), d = we(l.text, a), f = we(u.text, a).reverse();
+	let l = xe(e, t, -1), u = xe(e, n, 1), d = Se(l.text, a), f = Se(u.text, a).reverse();
 	for (let e = 0; e < Math.min(d.length, f.length); e++) {
 		let r = d[e], a = f[e];
-		if (!Te(r.len, a.len, i)) continue;
+		if (!Ce(r.len, a.len, i)) continue;
 		let o = l.from + r.start + r.len, s = n + a.start;
 		return {
 			changes: [{
@@ -229,26 +228,26 @@ function Ee(e, t, n, r) {
 		to: n + i
 	};
 }
-function De(e, t) {
+function Te(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 = Ee(e, t, n, r);
+	let i = we(e, t, n, r);
 	return {
-		text: De(e, i.changes),
+		text: Te(e, i.changes),
 		from: i.from,
 		to: i.to
 	};
 }
-function Oe(e, t) {
+function Ee(e, t) {
 	let n = T(e, t);
 	if (n) return {
 		from: n.from,
 		to: n.to
 	};
-	let r = ye(e, t);
+	let r = _e(e, t);
 	if (r) return {
 		from: r.from,
 		to: r.to
@@ -274,7 +273,7 @@ function Oe(e, t) {
 }
 //#endregion
 //#region src/inplace/table-cell-dom.ts
-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, "|");
+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, "|");
 function k(e, t) {
 	let n = e.ownerDocument.createTreeWalker(e, NodeFilter.SHOW_TEXT), r = 0;
 	for (let e = n.nextNode(); e; e = n.nextNode()) {
@@ -283,11 +282,11 @@ function k(e, t) {
 	}
 	return r;
 }
-function Me(e) {
+function Ae(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 Ne(e) {
+function je(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,
@@ -299,7 +298,7 @@ function Ne(e) {
 		to: Math.max(i, a)
 	};
 }
-function Pe(e, t, n) {
+function Me(e, t, n) {
 	let r = e.ownerDocument, i = null, a = 0;
 	if (r.caretPositionFromPoint) {
 		let e = r.caretPositionFromPoint(t, n);
@@ -310,13 +309,13 @@ function Pe(e, t, n) {
 	}
 	return !i || !e.contains(i) ? 0 : k(e, i) + (i.nodeType === Node.TEXT_NODE ? a : 0);
 }
-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);
+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);
 	if (a) return A(e, a.from, a.to), !0;
 	let o = i, s = i;
-	for (; o > 0 && Fe.test(r[o - 1]);) o--;
-	for (; s < r.length && Fe.test(r[s]);) s++;
+	for (; o > 0 && Ne.test(r[o - 1]);) o--;
+	for (; s < r.length && Ne.test(r[s]);) s++;
 	return s <= o ? !1 : (A(e, o, s), !0);
 }
 function A(e, t, n = t) {
@@ -332,29 +331,29 @@ function A(e, t, n = t) {
 }
 //#endregion
 //#region src/toolbar/cell-inline.ts
-function Le(e) {
+function Fe(e) {
 	let t = e.dom.ownerDocument.activeElement;
 	return !(t instanceof HTMLElement) || !e.dom.contains(t) ? null : t.matches(".cm-inplace-tcell") ? t : null;
 }
-function Re(e, t) {
-	let { from: n, to: r } = Ne(e), i = t(e.textContent ?? "", n, r);
+function Ie(e, t) {
+	let { from: n, to: r } = je(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 = Le(e);
-	return n ? (Re(n, t), !0) : !1;
+	let n = Fe(e);
+	return n ? (Ie(n, t), !0) : !1;
 }
-var ze = {
+var Le = {
 	b: (e, t, n) => O(e, t, n, "**"),
 	i: (e, t, n) => O(e, t, n, "*"),
-	u: Se,
-	k: ve,
-	K: be
+	u: be,
+	k: ge,
+	K: ve
 };
-function Be(e, t) {
+function Re(e, t) {
 	if (!(e.metaKey || e.ctrlKey) || e.altKey) return !1;
-	let n = ze[e.shiftKey ? e.key.toUpperCase() : e.key.toLowerCase()];
-	return n ? (e.preventDefault(), Re(t, n), !0) : !1;
+	let n = Le[e.shiftKey ? e.key.toUpperCase() : e.key.toLowerCase()];
+	return n ? (e.preventDefault(), Ie(t, n), !0) : !1;
 }
 //#endregion
 //#region src/toolbar/block.ts
@@ -362,7 +361,7 @@ function M(e) {
 	let { from: t, to: n } = e.selection.main;
 	return [e.doc.lineAt(t).number, e.doc.lineAt(n).number];
 }
-function Ve(e, t) {
+function ze(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;
@@ -400,13 +399,13 @@ function Ve(e, t) {
 		scrollIntoView: !0
 	}), e.focus(), !0) : !1;
 }
-function He(e, t) {
+function Be(e, t) {
 	return t.test(e.doc.lineAt(e.selection.main.head).text);
 }
 //#endregion
 //#region src/toolbar/fence.ts
 function N(e, t) {
-	for (let n = pe(e).resolveInner(t, 0); n; n = n.parent) {
+	for (let n = de(e).resolveInner(t, 0); n; n = n.parent) {
 		if (n.name === "FencedCode") return {
 			from: n.from,
 			to: n.to
@@ -415,7 +414,7 @@ function N(e, t) {
 	}
 	return null;
 }
-function Ue(e) {
+function Ve(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 = [{
@@ -448,7 +447,7 @@ function Ue(e) {
 function P(e) {
 	return N(e, e.selection.main.head) !== null;
 }
-function We(e) {
+function He(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);
@@ -460,18 +459,18 @@ function We(e) {
 		lang: r[2]
 	};
 }
-var Ge = /^\s*\$\$\s*$/;
-function Ke(e, t) {
+var Ue = /^\s*\$\$\s*$/;
+function We(e, t) {
 	let n = 0, r = 0;
-	for (let i = 1; i <= e.doc.lines; i++) if (Ge.test(e.doc.line(i).text)) {
+	for (let i = 1; i <= e.doc.lines; i++) if (Ue.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 qe(e) {
-	let t = e.state, [n, r] = M(t), i = Ke(t, t.doc.lineAt(t.selection.main.head).number);
+function Ge(e) {
+	let t = e.state, [n, r] = M(t), i = We(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({
@@ -498,11 +497,11 @@ function qe(e) {
 	return e.focus(), !0;
 }
 function F(e) {
-	return Ke(e, e.doc.lineAt(e.selection.main.head).number) !== null;
+	return We(e, e.doc.lineAt(e.selection.main.head).number) !== null;
 }
 //#endregion
 //#region src/toolbar/heading.ts
-function Je(e, t) {
+function Ke(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);
@@ -523,7 +522,7 @@ function Je(e, t) {
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function Ye(e) {
+function qe(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);
@@ -543,10 +542,10 @@ function I(e, t) {
 	let n = e.state.doc.toString();
 	return e.dispatch({
 		...e.state.changeByRange((e) => {
-			let r = Ee(n, e.from, e.to, t);
+			let r = we(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)
+				range: r.from === r.to ? f.cursor(r.from) : f.range(r.from, r.to)
 			};
 		}),
 		scrollIntoView: !0
@@ -561,7 +560,7 @@ function L(e, t) {
 	}
 	return !1;
 }
-function Xe(e) {
+function Je(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,
@@ -569,15 +568,15 @@ function Xe(e) {
 		text: r.label
 	} : null;
 }
-function Ze(e) {
-	let t = Xe(e.state);
+function Ye(e) {
+	let t = Je(e.state);
 	if (t) return e.dispatch({
 		changes: {
 			from: t.from,
 			to: t.to,
 			insert: t.text
 		},
-		selection: d.range(t.from, t.from + t.text.length),
+		selection: f.range(t.from, t.from + t.text.length),
 		scrollIntoView: !0
 	}), e.focus(), !0;
 	let { from: n, to: r } = e.state.selection.main, i = e.state.sliceDoc(n, r) || "text", a = n + i.length + 3;
@@ -587,14 +586,14 @@ function Ze(e) {
 			to: r,
 			insert: `[${i}](url)`
 		},
-		selection: d.range(a, a + 3),
+		selection: f.range(a, a + 3),
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function Qe(e) {
-	return Xe(e) !== null;
+function Xe(e) {
+	return Je(e) !== null;
 }
-function $e(e) {
+function Ze(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,
@@ -602,15 +601,15 @@ function $e(e) {
 		text: r.label
 	} : null;
 }
-function et(e) {
-	let t = $e(e.state);
+function Qe(e) {
+	let t = Ze(e.state);
 	if (t) return e.dispatch({
 		changes: {
 			from: t.from,
 			to: t.to,
 			insert: t.text
 		},
-		selection: d.range(t.from, t.from + t.text.length),
+		selection: f.range(t.from, t.from + t.text.length),
 		scrollIntoView: !0
 	}), e.focus(), !0;
 	let { from: n, to: r } = e.state.selection.main, i = e.state.sliceDoc(n, r) || "target";
@@ -620,30 +619,30 @@ function et(e) {
 			to: r,
 			insert: `[[${i}]]`
 		},
-		selection: d.range(n + 2, n + 2 + i.length),
+		selection: f.range(n + 2, n + 2 + i.length),
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function tt(e) {
-	return $e(e) !== null;
+function $e(e) {
+	return Ze(e) !== null;
 }
-function nt(e) {
-	let { head: t } = e.selection.main, n = e.doc.lineAt(t), r = xe(n.text, t - n.from);
+function et(e) {
+	let { head: t } = e.selection.main, n = e.doc.lineAt(t), r = ye(n.text, t - n.from);
 	return r ? {
 		from: n.from + r.from,
 		to: n.from + r.to,
 		inner: r.inner
 	} : null;
 }
-function rt(e) {
-	let t = nt(e.state);
+function tt(e) {
+	let t = et(e.state);
 	if (t) return e.dispatch({
 		changes: {
 			from: t.from,
 			to: t.to,
 			insert: t.inner
 		},
-		selection: d.range(t.from, t.from + t.inner.length),
+		selection: f.range(t.from, t.from + t.inner.length),
 		scrollIntoView: !0
 	}), e.focus(), !0;
 	let { from: n, to: r } = e.state.selection.main, i = e.state.sliceDoc(n, r) || "text";
@@ -653,33 +652,33 @@ function rt(e) {
 			to: r,
 			insert: `<u>${i}</u>`
 		},
-		selection: d.range(n + 3, n + 3 + i.length),
+		selection: f.range(n + 3, n + 3 + i.length),
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function it(e) {
-	return nt(e) !== null;
+function nt(e) {
+	return et(e) !== null;
 }
 //#endregion
 //#region src/toolbar/table-grid.ts
-function at(e) {
+function rt(e) {
 	let t = e.trim();
 	return t.includes("-") && t.includes("|") && /^[\s|:-]+$/.test(t);
 }
-function ot(e) {
+function it(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 st(e) {
+function at(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 || !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) => {
+	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) => {
 		let t = e.slice(0, r);
 		for (; t.length < r;) t.push("");
 		return t;
@@ -690,11 +689,11 @@ function R(e) {
 		aligns: a
 	};
 }
-function ct(e) {
+function ot(e) {
 	return e.replace(/\\\|/g, "|").length;
 }
-function lt(e, t, n) {
-	let r = t - ct(e);
+function st(e, t, n) {
+	let r = t - ot(e);
 	if (r <= 0) return e;
 	if (n === "right") return " ".repeat(r) + e;
 	if (n === "center") {
@@ -703,23 +702,23 @@ function lt(e, t, n) {
 	}
 	return e + " ".repeat(r);
 }
-function ut(e, t) {
+function ct(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);
 }
-function z(e) {
+function lt(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, ct(n[r] ?? ""));
+		for (let n of e.rows) t = Math.max(t, ot(n[r] ?? ""));
 		n.push(t);
 	}
-	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(" | ") + " |");
+	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(" | ") + " |");
 	for (let t = 1; t < e.rows.length; t++) i.push(r(e.rows[t]));
 	return i.join("\n");
 }
-function dt(e) {
+function ut(e) {
 	let t = [];
 	for (let n = 0; n < e.length; n++) {
 		if (e[n] === "\\") {
@@ -742,7 +741,7 @@ function dt(e) {
 }
 //#endregion
 //#region src/toolbar/table-position.ts
-function B(e, t) {
+function z(e, t) {
 	let n = e.lineAt(t);
 	if (!n.text.includes("|")) return null;
 	let r = n.number;
@@ -766,7 +765,7 @@ function B(e, t) {
 		lines: a
 	} : null;
 }
-function ft(e, t, n) {
+function dt(e, t, n) {
 	let r = t;
 	for (let t = 0; t < e.length; t++) {
 		let i = e[t];
@@ -782,7 +781,7 @@ function ft(e, t, n) {
 					onDelimiter: !0
 				};
 			}
-			let a = dt(i), o = 0;
+			let a = ut(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 {
@@ -796,15 +795,15 @@ function ft(e, t, n) {
 	}
 	return null;
 }
-function V(e, t, n) {
+function B(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 = dt(r[i]), s = o[Math.min(n.col, o.length - 1)];
+	let o = ut(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 pt(e, t, n, r) {
-	let i = B(e, t);
-	return i ? V(i.lines.join("\n"), i.from, {
+function ft(e, t, n, r) {
+	let i = z(e, t);
+	return i ? B(i.lines.join("\n"), i.from, {
 		row: n,
 		col: r,
 		offset: 0,
@@ -813,7 +812,7 @@ function pt(e, t, n, r) {
 }
 //#endregion
 //#region src/toolbar/table.ts
-function mt(e, t) {
+function pt(e, t) {
 	requestAnimationFrame(() => {
 		let n = e.dom.querySelectorAll(".cm-inplace-table-edit");
 		if (n.length === 0) return;
@@ -833,7 +832,7 @@ function mt(e, t) {
 		s?.removeAllRanges(), s?.addRange(o), a.focus();
 	});
 }
-function ht(e) {
+function mt(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: {
@@ -841,32 +840,32 @@ function ht(e) {
 			to: n,
 			insert: i + "| Column 1 | Column 2 |\n| -------- | -------- |\n|          |          |\n"
 		},
-		selection: d.range(a, a + 8),
+		selection: f.range(a, a + 8),
 		scrollIntoView: !0
-	}), e.focus(), mt(e, a), !0;
+	}), e.focus(), pt(e, a), !0;
 }
-function H(e) {
-	return B(e.doc, e.selection.main.head) !== null;
+function V(e) {
+	return z(e.doc, e.selection.main.head) !== null;
 }
-function U(e, t) {
-	let n = B(e.state.doc, e.state.selection.main.head);
+function H(e, t) {
+	let n = z(e.state.doc, e.state.selection.main.head);
 	if (!n) return !1;
-	let r = R(n.lines), i = ft(n.lines, n.from, e.state.selection.main.head);
+	let r = R(n.lines), i = dt(n.lines, n.from, e.state.selection.main.head);
 	if (!r || !i) return !1;
 	let a = t(r, i);
 	if (!a) return !1;
-	let o = z(r);
+	let o = lt(r);
 	return e.dispatch({
 		changes: {
 			from: n.from,
 			to: n.to,
 			insert: o
 		},
-		selection: d.cursor(V(o, n.from, a)),
+		selection: f.cursor(B(o, n.from, a)),
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function gt(e, t, n) {
+function ht(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,
@@ -875,7 +874,7 @@ function gt(e, t, n) {
 		onDelimiter: !1
 	});
 }
-function _t(e, t) {
+function gt(e, t) {
 	let n = t.row + 1;
 	return n >= e.rows.length && e.rows.push(Array(e.aligns.length).fill("")), {
 		row: n,
@@ -884,58 +883,58 @@ function _t(e, t) {
 		onDelimiter: !1
 	};
 }
-var vt = a.of([
+var _t = o.of([
 	{
 		key: "Tab",
-		run: (e) => U(e, (e, t) => gt(e, t, 1))
+		run: (e) => H(e, (e, t) => ht(e, t, 1))
 	},
 	{
 		key: "Shift-Tab",
-		run: (e) => U(e, (e, t) => gt(e, t, -1))
+		run: (e) => H(e, (e, t) => ht(e, t, -1))
 	},
 	{
 		key: "Enter",
-		run: (e) => U(e, _t)
+		run: (e) => H(e, gt)
 	}
-]), yt = f.transactionFilter.of((e) => {
+]), vt = p.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);
+	let t = e.newSelection.main.head, n = z(e.newDoc, t);
 	if (!n) return e;
 	let r = R(n.lines);
 	if (!r) return e;
-	let i = z(r);
+	let i = lt(r);
 	if (i === n.lines.join("\n")) return e;
-	let a = ft(n.lines, n.from, t), o = l.of([{
+	let a = dt(n.lines, n.from, t), o = u.of([{
 		from: n.from,
 		to: n.to,
 		insert: i
 	}], e.newDoc.length);
 	return {
 		changes: e.changes.compose(o),
-		selection: a ? d.cursor(V(i, n.from, a)) : e.newSelection,
+		selection: a ? f.cursor(B(i, n.from, a)) : e.newSelection,
 		effects: e.effects,
 		scrollIntoView: e.scrollIntoView
 	};
-}), 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), 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 = {
+}), U = (e) => /^\s{0,3}#{1,6}(?:\s|$)/.test(e.doc.lineAt(e.selection.main.head).text), W = (e) => {
+	let t = n(e.doc);
+	return t !== null && e.selection.main.head <= t.to;
+}, G = (e) => W(e) || P(e) || F(e), yt = (e) => (t) => e !== "`" && L(t, "`") || e !== "$" && L(t, "$"), bt = (e) => e.selection.main.empty && !e.wordAt(e.selection.main.head), K = (...e) => (t) => e.some((e) => e(t)), q = /^(\s*)(?:[-*+] \[[ xX]\] +|\d+\. +|[-*+] +)/, xt = {
 	match: /^ {0,3}> ?/,
 	insert: "> "
-}, Ct = {
+}, St = {
 	match: /^(\s*)[-*+] +(?!\[[ xX]\])/,
 	insert: "- ",
-	siblings: J
-}, wt = {
+	siblings: q
+}, Ct = {
 	match: /^(\s*)\d+\. +/,
 	insert: (e) => `${e + 1}. `,
-	siblings: J
-}, Tt = {
+	siblings: q
+}, wt = {
 	match: /^(\s*)[-*+] \[[ xX]\] +/,
 	insert: "- [ ] ",
-	siblings: J
+	siblings: q
 };
-function Et(e, t, n) {
+function Tt(e, t, n) {
 	return {
 		id: e,
 		title: t,
@@ -945,77 +944,77 @@ function Et(e, t, n) {
 		}
 	};
 }
-function Y(e, t, n, r) {
+function J(e, t, n, r) {
 	return {
 		id: e,
 		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, bt(n), xt),
+		disabled: K(G, yt(n), bt),
 		keys: r
 	};
 }
-function X(e) {
+function Y(e) {
 	let t = RegExp(`^#{${e}} `);
 	return {
 		id: `h${e}`,
 		title: `Heading ${e}`,
-		run: (t) => Je(t, e),
+		run: (t) => Ke(t, e),
 		isActive: (e) => t.test(e.doc.lineAt(e.selection.main.head).text),
-		disabled: q(H, K),
+		disabled: K(V, G),
 		keys: [`Mod-Alt-${e}`]
 	};
 }
-function Z(e, t, n, ...r) {
+function X(e, t, n, ...r) {
 	return {
 		id: e,
 		title: t,
-		run: (e) => Ve(e, n),
-		isActive: (e) => He(e, n.match),
-		disabled: q(H, K, ...r)
+		run: (e) => ze(e, n),
+		isActive: (e) => Be(e, n.match),
+		disabled: K(V, G, ...r)
 	};
 }
 //#endregion
 //#region src/toolbar/frontmatter-toggle.ts
-function Dt(e) {
-	let n = e.state, r = t(n.doc);
+function Et(e) {
+	let t = e.state, r = n(t.doc);
 	if (r) {
-		let t = n.doc.lineAt(r.from), i = n.doc.lineAt(r.to);
+		let n = t.doc.lineAt(r.from), i = t.doc.lineAt(r.to);
 		e.dispatch({
 			changes: [{
-				from: t.from,
-				to: Math.min(t.to + 1, n.doc.length)
+				from: n.from,
+				to: Math.min(n.to + 1, t.doc.length)
 			}, {
 				from: i.from,
-				to: Math.min(i.to + 1, n.doc.length)
+				to: Math.min(i.to + 1, t.doc.length)
 			}],
 			scrollIntoView: !0
 		});
 	} else {
-		let t = n.doc.lineAt(n.selection.main.to).number;
+		let n = t.doc.lineAt(t.selection.main.to).number;
 		e.dispatch({
 			changes: [{
 				from: 0,
 				insert: "---\n"
 			}, {
-				from: n.doc.line(t).to,
+				from: t.doc.line(n).to,
 				insert: "\n---"
 			}],
-			selection: d.cursor(4),
+			selection: f.cursor(4),
 			scrollIntoView: !0
 		});
 	}
 	return e.focus(), !0;
 }
-function Ot(e) {
-	return t(e.doc) !== null;
+function Dt(e) {
+	return n(e.doc) !== null;
 }
 //#endregion
 //#region src/toolbar/rule.ts
-var kt = /^ {0,3}([-*_])[ \t]*(?:\1[ \t]*){2,}$/;
-function At(e) {
+var Ot = /^ {0,3}([-*_])[ \t]*(?:\1[ \t]*){2,}$/;
+function kt(e) {
 	let t = e.state, n = t.doc.lineAt(t.selection.main.head);
-	return kt.test(n.text) ? e.dispatch({
+	return Ot.test(n.text) ? e.dispatch({
 		changes: {
 			from: n.from,
 			to: Math.min(n.to + 1, t.doc.length)
@@ -1027,57 +1026,57 @@ function At(e) {
 			to: n.to,
 			insert: "---"
 		},
-		selection: d.cursor(n.from + 3),
+		selection: f.cursor(n.from + 3),
 		scrollIntoView: !0
 	}) : e.dispatch({
 		changes: {
 			from: n.to,
 			insert: "\n\n---\n"
 		},
-		selection: d.cursor(n.to + 6),
+		selection: f.cursor(n.to + 6),
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function jt(e) {
-	return kt.test(e.doc.lineAt(e.selection.main.head).text);
+function At(e) {
+	return Ot.test(e.doc.lineAt(e.selection.main.head).text);
 }
 //#endregion
 //#region src/editor/save.ts
-var Q = p.define({ combine: (e) => e[0] ?? null });
-function Mt(e) {
-	let t = e.state.facet(Q);
+var Z = ee.define({ combine: (e) => e[0] ?? null });
+function jt(e) {
+	let t = e.state.facet(Z);
 	return t ? (t(e.state.doc.toString()), !0) : !1;
 }
 //#endregion
 //#region src/editor/search-panel-dom.ts
-var Nt = "stylo-search-panel";
-function Pt(e) {
+var Mt = "stylo-search-panel";
+function Nt(e) {
 	e.setAttribute("form", "");
 }
-function Ft(e, t, n) {
+function Pt(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, Pt(r), r;
+	return r.type = "text", r.name = e, r.placeholder = t, r.setAttribute("aria-label", t), r.className = n, Nt(r), r;
 }
-function $(e, t) {
+function Q(e, t) {
 	let n = document.createElement("button");
 	return n.type = "button", n.name = e, n.className = "stylo-search-button", n.textContent = t, n;
 }
-function It(e, t) {
+function $(e, t) {
 	let n = document.createElement("input");
-	n.type = "checkbox", n.name = e, Pt(n);
+	n.type = "checkbox", n.name = e, Nt(n);
 	let r = document.createElement("label");
 	return r.className = "stylo-search-check", r.append(n, document.createTextNode(t)), {
 		field: n,
 		wrap: r
 	};
 }
-function Lt(e) {
-	let t = (t) => e.state.phrase(t), n = Ft("search", t("Find"), "stylo-search-field");
+function Ft(e) {
+	let t = (t) => e.state.phrase(t), n = Pt("search", t("Find"), "stylo-search-field");
 	n.setAttribute("main-field", "true");
-	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", "×");
+	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 = $("case", t("match case")), u = $("re", t("regexp")), d = $("word", t("by word")), f = Q("close", "×");
 	f.classList.add("stylo-search-close"), f.setAttribute("aria-label", t("close"));
 	let p = document.createElement("div");
-	return p.className = Nt, p.append(n, r, i, a, o, s, c, l.wrap, u.wrap, d.wrap, f), {
+	return p.className = Mt, p.append(n, r, i, a, o, s, c, l.wrap, u.wrap, d.wrap, f), {
 		root: p,
 		find: n,
 		next: r,
@@ -1094,24 +1093,24 @@ function Lt(e) {
 }
 //#endregion
 //#region src/editor/search-panel.ts
-var Rt = "cm-search-closing", zt = 160;
-function Bt(e) {
-	return ce(e.state) ? Vt(e) : re(e);
+var It = "cm-search-closing", Lt = 160;
+function Rt(e) {
+	return ce(e.state) ? zt(e) : re(e);
 }
-function Vt(e) {
-	let t = e.dom.querySelector(`.${Nt}`);
-	return !t || t.classList.contains(Rt) ? !0 : (t.classList.add(Rt), setTimeout(() => {
+function zt(e) {
+	let t = e.dom.querySelector(`.${Mt}`);
+	return !t || t.classList.contains(It) ? !0 : (t.classList.add(It), setTimeout(() => {
 		e.dom.isConnected && ne(e);
-	}, zt), !0);
+	}, Lt), !0);
 }
-function Ht(e) {
-	let t = Lt(e), n = C(e.state);
+function Bt(e) {
+	let t = Ft(e), n = w(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;
 	}
 	function i() {
-		let r = new b({
+		let r = new x({
 			search: t.find.value,
 			caseSensitive: t.caseSensitive.checked,
 			regexp: t.regexp.checked,
@@ -1129,15 +1128,15 @@ function Ht(e) {
 	]) e.addEventListener("input", i), e.addEventListener("change", i);
 	return t.root.addEventListener("keydown", (n) => {
 		if (n.key === "Escape") {
-			n.preventDefault(), Vt(e);
+			n.preventDefault(), zt(e);
 			return;
 		}
-		if (s(e, n, "search-panel")) {
+		if (c(e, n, "search-panel")) {
 			n.preventDefault();
 			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", () => Vt(e)), {
+		n.key === "Enter" && (n.preventDefault(), n.target === t.find ? (n.shiftKey ? C : S)(e) : n.target === t.replace && ae(e));
+	}), t.next.addEventListener("click", () => S(e)), t.prev.addEventListener("click", () => C(e)), t.all.addEventListener("click", () => le(e)), t.replaceBtn.addEventListener("click", () => ae(e)), t.replaceAllBtn.addEventListener("click", () => ie(e)), t.close.addEventListener("click", () => zt(e)), {
 		dom: t.root,
 		top: !0,
 		update(e) {
@@ -1147,192 +1146,153 @@ function Ht(e) {
 }
 //#endregion
 //#region src/toolbar/commands.ts
-var Ut = [
-	Et("undo", "Undo", _),
-	Et("redo", "Redo", g),
+var Vt = [
+	Tt("undo", "Undo", v),
+	Tt("redo", "Redo", _),
 	{
 		id: "save",
 		title: "Save",
 		run: (e) => {
-			let t = Mt(e);
+			let t = jt(e);
 			return e.focus(), t;
 		},
-		disabled: (e) => e.facet(Q) == null
+		disabled: (e) => e.facet(Z) == null
 	},
 	{
 		id: "search",
 		title: "Find / replace",
-		run: (e) => Bt(e),
+		run: (e) => Rt(e),
 		isActive: (e) => ce(e),
 		keys: ["Mod-f"]
 	},
-	X(1),
-	X(2),
-	X(3),
+	Y(1),
+	Y(2),
+	Y(3),
 	{
 		id: "body",
 		title: "Body",
-		run: (e) => (Ye(e) || e.focus(), !0),
+		run: (e) => (qe(e) || e.focus(), !0),
 		isActive: (e) => !/^#{1,6} /.test(e.doc.lineAt(e.selection.main.head).text),
-		disabled: q(H, K)
+		disabled: K(V, G)
 	},
-	Y("bold", "Bold", "**", ["Mod-b"]),
-	Y("italic", "Italic", "*", ["Mod-i"]),
-	Y("strike", "Strikethrough", "~~"),
+	J("bold", "Bold", "**", ["Mod-b"]),
+	J("italic", "Italic", "*", ["Mod-i"]),
+	J("strike", "Strikethrough", "~~"),
 	{
 		id: "underline",
 		title: "Underline",
-		run: (e) => j(e, Se) || rt(e),
-		isActive: it,
-		disabled: q(K, bt("u"), xt),
+		run: (e) => j(e, be) || tt(e),
+		isActive: nt,
+		disabled: K(G, yt("u"), bt),
 		keys: ["Mod-u"]
 	},
-	Y("code", "Inline code", "`"),
+	J("code", "Inline code", "`"),
 	{
 		id: "codeBlock",
 		title: "Code block",
-		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)
+		run: (e) => j(e, (e, t, n) => O(e, t, n, "`")) || (V(e.state) ? I(e, "`") : Ve(e)),
+		isActive: (e) => V(e) ? L(e, "`") : P(e),
+		disabled: K(W, F, U)
 	},
 	{
 		id: "link",
 		title: "Link",
-		run: (e) => j(e, ve) || Ze(e),
-		isActive: Qe,
-		disabled: K,
+		run: (e) => j(e, ge) || Ye(e),
+		isActive: Xe,
+		disabled: G,
 		keys: ["Mod-k"]
 	},
 	{
 		id: "wikilink",
 		title: "Wikilink",
-		run: (e) => j(e, be) || et(e),
-		isActive: tt,
-		disabled: K,
+		run: (e) => j(e, ve) || Qe(e),
+		isActive: $e,
+		disabled: G,
 		keys: ["Mod-Shift-k"]
 	},
-	Z("quote", "Blockquote", St),
-	Z("bulletList", "Bulleted list", Ct, W),
-	Z("orderedList", "Numbered list", wt, W),
-	Z("task", "Task list", Tt, W),
+	X("quote", "Blockquote", xt),
+	X("bulletList", "Bulleted list", St, U),
+	X("orderedList", "Numbered list", Ct, U),
+	X("task", "Task list", wt, U),
 	{
 		id: "hr",
 		title: "Divider",
-		run: At,
-		isActive: jt,
-		disabled: q(H, K)
+		run: kt,
+		isActive: At,
+		disabled: K(V, G)
 	},
 	{
 		id: "frontmatter",
 		title: "Frontmatter",
-		run: Dt,
-		isActive: Ot,
-		disabled: q(H, P, F, W)
+		run: Et,
+		isActive: Dt,
+		disabled: K(V, P, F, U)
 	},
 	{
 		id: "table",
 		title: "Table",
-		run: ht,
-		isActive: H,
-		disabled: q(H, G, P, F, W)
+		run: mt,
+		isActive: V,
+		disabled: K(V, W, P, F, U)
 	},
-	Y("math", "Inline math", "$"),
+	J("math", "Inline math", "$"),
 	{
 		id: "mathBlock",
 		title: "Block math",
-		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)
+		run: (e) => j(e, (e, t, n) => O(e, t, n, "$")) || (V(e.state) ? I(e, "$") : Ge(e)),
+		isActive: (e) => V(e) ? L(e, "$") : F(e),
+		disabled: K(W, P, U)
 	}
-], 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) => ({
+], Ht = Object.fromEntries(Vt.map((e) => [e.id, e])), Ut = m.high(o.of(Vt.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))
-}))))), Kt = de.define([
-	{
-		tag: [
-			w.keyword,
-			w.modifier,
-			w.controlKeyword,
-			w.operatorKeyword,
-			w.definitionKeyword,
-			w.moduleKeyword
-		],
-		color: "var(--stylo-syntax-keyword)"
-	},
-	{
-		tag: [
-			w.string,
-			w.special(w.string),
-			w.regexp,
-			w.attributeValue
-		],
-		color: "var(--stylo-syntax-string)"
-	},
-	{
-		tag: [w.escape, w.character],
-		color: "var(--stylo-syntax-escape)"
-	},
-	{
-		tag: [
-			w.comment,
-			w.lineComment,
-			w.blockComment,
-			w.docComment
-		],
-		color: "var(--stylo-syntax-comment)",
-		fontStyle: "italic"
-	},
-	{
-		tag: [
-			w.number,
-			w.integer,
-			w.float
-		],
-		color: "var(--stylo-syntax-number)"
-	},
-	{
-		tag: [
-			w.bool,
-			w.null,
-			w.atom,
-			w.constant(w.name)
-		],
-		color: "var(--stylo-syntax-constant)"
-	},
-	{
-		tag: [
-			w.function(w.variableName),
-			w.function(w.propertyName),
-			w.macroName
-		],
-		color: "var(--stylo-syntax-function)"
-	},
-	{
-		tag: [
-			w.typeName,
-			w.className,
-			w.namespace
-		],
-		color: "var(--stylo-syntax-type)"
-	},
-	{
-		tag: [w.propertyName, w.attributeName],
-		color: "var(--stylo-syntax-property)"
-	},
-	{
-		tag: [w.tagName],
-		color: "var(--stylo-syntax-tag)"
-	},
-	{
-		tag: [w.meta, w.annotation],
-		color: "var(--stylo-syntax-comment)"
-	},
-	{
-		tag: [w.invalid],
-		color: "var(--stylo-syntax-invalid)"
-	}
-]), qt = fe(Kt), Jt = i.theme({
+}))))), Wt = /(?<=^|\s)#[^\s#]*$/;
+function Gt(e) {
+	return {
+		label: e.tag,
+		apply: (t, n, r, i) => {
+			t.dispatch({
+				changes: {
+					from: r,
+					to: i,
+					insert: e.tag
+				},
+				selection: { anchor: r + e.tag.length },
+				userEvent: "input.complete"
+			});
+		}
+	};
+}
+function Kt(e, t) {
+	return async (n) => {
+		let r = n.matchBefore(Wt);
+		if (!r || r.from + 1 === n.pos && !n.explicit) return null;
+		let i = r.text.slice(1);
+		if (/^\d/.test(i)) return null;
+		let a;
+		try {
+			a = (await e(i)).map(Gt);
+		} catch (e) {
+			return t?.(e, {
+				source: "tagSource",
+				input: i
+			}), null;
+		}
+		return a.length ? {
+			from: r.from + 1,
+			to: n.pos,
+			options: a,
+			filter: !1
+		} : null;
+	};
+}
+function qt(e, t) {
+	return e ? [fe(), b.data.of({ autocomplete: Kt(e, t) })] : [];
+}
+//#endregion
+//#region src/editor/theme.ts
+var Jt = a.theme({
 	"&": {
 		color: "var(--stylo-text)",
 		backgroundColor: "var(--stylo-bg)",
@@ -1475,85 +1435,86 @@ function Zt(e, t) {
 	};
 }
 function Qt(e, t) {
-	return e ? [me(), y.data.of({ autocomplete: Zt(e, t) })] : [];
+	return e ? [fe(), b.data.of({ autocomplete: Zt(e, t) })] : [];
 }
 //#endregion
 //#region src/editor/extensions.ts
-function $t(e, t, n) {
+function $t(e, n, r, i) {
 	return [
-		te(),
-		a.of([...ee, ...h]),
-		m.high(vt),
-		Gt,
-		yt,
+		h(),
+		o.of([...te, ...g]),
+		m.high(_t),
+		Ut,
+		vt,
 		oe({
 			top: !0,
-			createPanel: Ht
+			createPanel: Bt
 		}),
-		a.of(se),
-		v({
-			base: y,
+		o.of(se),
+		y({
+			base: b,
 			codeLanguages: e
 		}),
-		qt,
-		Qt(t, n),
-		i.lineWrapping,
+		t,
+		Qt(n, r),
+		qt(i, r),
+		a.lineWrapping,
 		Jt
 	];
 }
 function en(e) {
 	return [
-		f.readOnly.of(e.readOnly),
-		i.editable.of(!e.readOnly),
-		e.placeholder ? o(e.placeholder) : [],
-		e.save ? Q.of(e.save) : []
+		p.readOnly.of(e.readOnly),
+		a.editable.of(!e.readOnly),
+		e.placeholder ? s(e.placeholder) : [],
+		e.save ? Z.of(e.save) : []
 	];
 }
 //#endregion
 //#region src/editor/useCodeMirror.ts
-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(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 = h.current;
+var tn = l.define();
+function nn({ value: e, onChange: t, readOnly: n = !1, placeholder: s, onSave: c, onViewChange: l, extensions: u, codeLanguages: f, wikiLinkSource: ee, tagSource: te, onResolveError: h }) {
+	let g = i(null), _ = i(null), v = i(t);
+	v.current = t;
+	let y = i(c);
+	y.current = c;
+	let b = i((e) => y.current?.(e)).current, x = i(h);
+	x.current = h;
+	let ne = i((e, t) => {
+		x.current?.(e, t);
+	}).current, S = c != null, C = i(l);
+	C.current = l;
+	let w = i(new d());
+	return r(() => {
+		let t = g.current;
 		if (!t) return;
-		let n = new i({
+		let r = new a({
 			parent: t,
-			state: f.create({
+			state: p.create({
 				doc: e,
 				extensions: [
-					$t(p, ee, ne),
-					C.current.of(en({
-						readOnly: o,
+					$t(f, ee, ne, te),
+					w.current.of(en({
+						readOnly: n,
 						placeholder: s,
-						save: x ? y : void 0
+						save: S ? b : void 0
 					})),
-					m.high(a.of([{
+					m.high(o.of([{
 						key: "Mod-s",
-						run: Mt
+						run: jt
 					}])),
-					...d ?? [],
-					i.updateListener.of((e) => {
-						e.docChanged && (e.transactions.some((e) => !!e.annotation(tn)) || _.current(e.state.doc.toString()));
+					...u ?? [],
+					a.updateListener.of((e) => {
+						e.docChanged && (e.transactions.some((e) => !!e.annotation(tn)) || v.current(e.state.doc.toString()));
 					})
 				]
 			})
 		});
-		return g.current = n, S.current?.(n), () => {
-			S.current?.(null), n.destroy(), g.current = null;
+		return _.current = r, C.current?.(r), () => {
+			C.current?.(null), r.destroy(), _.current = null;
 		};
-	}, []), n(() => {
-		let t = g.current;
+	}, []), r(() => {
+		let t = _.current;
 		if (!t) return;
 		let n = t.state.doc.toString();
 		n !== e && t.dispatch({
@@ -1564,20 +1525,20 @@ function nn({ value: e, onChange: t, readOnly: o = !1, placeholder: s, onSave: c
 			},
 			annotations: tn.of(!0)
 		});
-	}, [e]), n(() => {
-		g.current?.dispatch({ effects: C.current.reconfigure(en({
-			readOnly: o,
+	}, [e]), r(() => {
+		_.current?.dispatch({ effects: w.current.reconfigure(en({
+			readOnly: n,
 			placeholder: s,
-			save: x ? y : void 0
+			save: S ? b : void 0
 		})) });
 	}, [
-		o,
+		n,
 		s,
-		x,
-		y
-	]), h;
+		S,
+		b
+	]), g;
 }
 //#endregion
-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 };
+export { me as S, Oe as _, R as a, _e as b, P as c, De as d, Me as f, je as g, Pe as h, ft as i, Fe as l, Ae as m, Ht as n, lt as o, A as p, kt as r, He as s, nn as t, Re as u, ke as v, he as x, E as y };
 
-//# sourceMappingURL=useCodeMirror-CjG9CwpB.js.map
+//# sourceMappingURL=useCodeMirror-COmcRrUo.js.map