@damiro/stylo 0.16.0 → 0.17.0

package/dist/{useCodeMirror-TAWSJQiZ.js → useCodeMirror-B07wRexo.js}

@@ -2,18 +2,18 @@ import { l as e, o as t, s as n } from "./embed-cache-CcBfVrc9.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 ne } from "@codemirror/commands";
+import { defaultKeymap as te, history as ne, 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 x, findNext as S, findPrevious as C, getSearchQuery as w, openSearchPanel as T, replaceAll as re, replaceNext as ie, search as ae, searchKeymap as oe, searchPanelOpen as se, selectMatches as ce, setSearchQuery as le } from "@codemirror/search";
-import { syntaxTree as ue } from "@codemirror/language";
-import { autocompletion as de } from "@codemirror/autocomplete";
+import { SearchQuery as re, closeSearchPanel as b, findNext as x, findPrevious as S, getSearchQuery as C, openSearchPanel as w, replaceAll as T, replaceNext as E, search as D, searchKeymap as ie, searchPanelOpen as ae, selectMatches as oe, setSearchQuery as se } from "@codemirror/search";
+import { syntaxTree as ce } from "@codemirror/language";
+import { autocompletion as le } from "@codemirror/autocomplete";
 //#region src/editor/canvas-header-panel.ts
-var fe = "stylo-canvas-header", pe = class {
+var ue = "stylo-canvas-header", de = class {
 	dom = null;
 	listeners = /* @__PURE__ */ new Set();
 	panel = () => {
 		let e = document.createElement("div");
-		return e.className = fe, this.dom = e, this.notify(), {
+		return e.className = ue, this.dom = e, this.notify(), {
 			dom: e,
 			top: !0,
 			destroy: () => {
@@ -29,7 +29,7 @@ var fe = "stylo-canvas-header", pe = class {
 };
 //#endregion
 //#region src/toolbar/link-ops.ts
-function E(e, t) {
+function O(e, t) {
 	let n = /\[([^\]]*)\]\([^)]*\)/g;
 	for (let r; r = n.exec(e);) {
 		let e = r.index, n = e + r[0].length;
@@ -41,7 +41,7 @@ function E(e, t) {
 	}
 	return null;
 }
-function me(e, t) {
+function fe(e, t) {
 	let n = /\[([^\]]*)\]\(([^)]*)\)/g;
 	for (let r; r = n.exec(e);) {
 		let e = r.index, n = e + r[0].length;
@@ -59,8 +59,8 @@ function me(e, t) {
 	}
 	return null;
 }
-function he(e, t, n) {
-	let r = E(e, t);
+function pe(e, t, n) {
+	let r = O(e, t);
 	if (r) return {
 		text: e.slice(0, r.from) + r.label + e.slice(r.to),
 		from: r.from,
@@ -75,7 +75,7 @@ function he(e, t, n) {
 }
 //#endregion
 //#region src/toolbar/wikilink-ops.ts
-function D(t, n) {
+function me(t, n) {
 	for (let r of t.matchAll(e)) {
 		let e = r.index ?? 0, t = e + r[0].length;
 		if (n >= e && n <= t) return {
@@ -86,7 +86,7 @@ function D(t, n) {
 	}
 	return null;
 }
-function ge(t, n) {
+function he(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;
@@ -102,8 +102,8 @@ function ge(t, n) {
 	}
 	return null;
 }
-function _e(e, t, n) {
-	let r = D(e, t);
+function ge(e, t, n) {
+	let r = me(e, t);
 	if (r) return {
 		text: e.slice(0, r.from) + r.label + e.slice(r.to),
 		from: r.from,
@@ -118,7 +118,7 @@ function _e(e, t, n) {
 }
 //#endregion
 //#region src/toolbar/underline-ops.ts
-function ve(e, t) {
+function _e(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;
@@ -130,8 +130,8 @@ function ve(e, t) {
 	}
 	return null;
 }
-function ye(e, t, n) {
-	let r = ve(e, t);
+function ve(e, t, n) {
+	let r = _e(e, t);
 	if (r) return {
 		text: e.slice(0, r.from) + r.inner + e.slice(r.to),
 		from: r.from,
@@ -146,10 +146,10 @@ function ye(e, t, n) {
 }
 //#endregion
 //#region src/toolbar/inline-ops.ts
-function O(e) {
+function k(e) {
 	return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function be(e, t, n) {
+function ye(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++;
@@ -158,7 +158,7 @@ function be(e, t, n) {
 		from: r
 	};
 }
-function xe(e, t) {
+function be(e, t) {
 	let n = [];
 	for (let r = 0; r < e.length;) {
 		if (e[r] !== t) {
@@ -174,29 +174,29 @@ function xe(e, t) {
 	}
 	return n;
 }
-function Se(e, t, n) {
+function xe(e, t, n) {
 	return e < n || t < n ? !1 : n > 1 || e % 2 == 1 && t % 2 == 1;
 }
-var Ce = /[\p{L}\p{N}_]/u;
-function we(e, t) {
+var Se = /[\p{L}\p{N}_]/u;
+function Ce(e, t) {
 	let n = t, r = t;
-	for (; n > 0 && Ce.test(e[n - 1]);) n--;
-	for (; r < e.length && Ce.test(e[r]);) r++;
+	for (; n > 0 && Se.test(e[n - 1]);) n--;
+	for (; r < e.length && Se.test(e[r]);) r++;
 	return r > n ? {
 		from: n,
 		to: r
 	} : null;
 }
-function Te(e, t, n, r) {
+function we(e, t, n, r) {
 	if (t === n) {
-		let r = we(e, t);
+		let r = Ce(e, t);
 		r && (t = r.from, n = r.to);
 	}
 	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) && Se(s, c, i)) return {
+	if (o.length >= 2 * i && o.startsWith(r) && o.endsWith(r) && xe(s, c, i)) return {
 		changes: [{
 			from: t,
 			to: t + i,
@@ -209,10 +209,10 @@ function Te(e, t, n, r) {
 		from: t,
 		to: n - 2 * i
 	};
-	let l = be(e, t, -1), u = be(e, n, 1), d = xe(l.text, a), f = xe(u.text, a).reverse();
+	let l = ye(e, t, -1), u = ye(e, n, 1), d = be(l.text, a), f = be(u.text, a).reverse();
 	for (let e = 0; e < Math.min(d.length, f.length); e++) {
 		let r = d[e], a = f[e];
-		if (!Se(r.len, a.len, i)) continue;
+		if (!xe(r.len, a.len, i)) continue;
 		let o = l.from + r.start + r.len, s = n + a.start;
 		return {
 			changes: [{
@@ -242,26 +242,26 @@ function Te(e, t, n, r) {
 		to: n + i
 	};
 }
-function Ee(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 k(e, t, n, r) {
-	let i = Te(e, t, n, r);
+function A(e, t, n, r) {
+	let i = we(e, t, n, r);
 	return {
-		text: Ee(e, i.changes),
+		text: Te(e, i.changes),
 		from: i.from,
 		to: i.to
 	};
 }
-function De(e, t) {
-	let n = E(e, t);
+function Ee(e, t) {
+	let n = O(e, t);
 	if (n) return {
 		from: n.from,
 		to: n.to
 	};
-	let r = ge(e, t);
+	let r = he(e, t);
 	if (r) return {
 		from: r.from,
 		to: r.to
@@ -273,7 +273,7 @@ function De(e, t) {
 		"*",
 		"`"
 	]) {
-		let r = RegExp(O(n) + "(?!\\s)(?:[^]*?\\S)??" + O(n), "g");
+		let r = RegExp(k(n) + "(?!\\s)(?:[^]*?\\S)??" + k(n), "g");
 		for (let a; a = r.exec(e);) {
 			if (a[0].length <= 2 * n.length) continue;
 			let e = a.index + n.length, r = a.index + a[0].length - n.length;
@@ -287,8 +287,8 @@ function De(e, t) {
 }
 //#endregion
 //#region src/inplace/table-cell-dom.ts
-var Oe = (e) => [e.head, ...e.body].map((e) => [...e]), ke = (e) => e.map((e) => e.map((e) => e.trim())), Ae = (e) => e.replace(/\\\|/g, "|");
-function je(e, t) {
+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 j(e, t) {
 	let n = e.ownerDocument.createTreeWalker(e, NodeFilter.SHOW_TEXT), r = 0;
 	for (let e = n.nextNode(); e; e = n.nextNode()) {
 		if (e === t) return r;
@@ -296,12 +296,12 @@ function je(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 ? je(e, n) + (t?.anchorOffset ?? 0) : (t?.anchorOffset ?? 0) > 0 ? (e.textContent ?? "").length : 0;
+	return !n || !e.contains(n) ? 0 : n.nodeType === Node.TEXT_NODE ? j(e, n) + (t?.anchorOffset ?? 0) : (t?.anchorOffset ?? 0) > 0 ? (e.textContent ?? "").length : 0;
 }
-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 ? je(e, t) + r : r > 0 ? n : 0;
+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 ? j(e, t) + r : r > 0 ? n : 0;
 	if (!t || t.rangeCount === 0) return {
 		from: n,
 		to: n
@@ -312,7 +312,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);
@@ -321,18 +321,18 @@ function Pe(e, t, n) {
 		let e = r.caretRangeFromPoint(t, n);
 		e && ([i, a] = [e.startContainer, e.startOffset]);
 	}
-	return !i || !e.contains(i) ? 0 : je(e, i) + (i.nodeType === Node.TEXT_NODE ? a : 0);
+	return !i || !e.contains(i) ? 0 : j(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 = De(r, i);
-	if (a) return A(e, a.from, a.to), !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);
+	if (a) return M(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++;
-	return s <= o ? !1 : (A(e, o, s), !0);
+	for (; o > 0 && Ne.test(r[o - 1]);) o--;
+	for (; s < r.length && Ne.test(r[s]);) s++;
+	return s <= o ? !1 : (M(e, o, s), !0);
 }
-function A(e, t, n = t) {
+function M(e, t, n = t) {
 	e.focus();
 	let r = e.ownerDocument, i = r.createRange(), a = e.firstChild;
 	if (a && a.nodeType === Node.TEXT_NODE) {
@@ -345,38 +345,38 @@ 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);
-	e.textContent = i.text, A(e, i.from, i.to), e.dispatchEvent(new Event("input", { bubbles: !0 }));
+function Ie(e, t) {
+	let { from: n, to: r } = je(e), i = t(e.textContent ?? "", n, r);
+	e.textContent = i.text, M(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;
-}
-var ze = {
-	b: (e, t, n) => k(e, t, n, "**"),
-	i: (e, t, n) => k(e, t, n, "*"),
-	u: ye,
-	k: he,
-	K: _e
+function N(e, t) {
+	let n = Fe(e);
+	return n ? (Ie(n, t), !0) : !1;
+}
+var Le = {
+	b: (e, t, n) => A(e, t, n, "**"),
+	i: (e, t, n) => A(e, t, n, "*"),
+	u: ve,
+	k: pe,
+	K: ge
 };
-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
-function M(e) {
+function P(e) {
 	let { from: t, to: n } = e.selection.main;
 	return [e.doc.lineAt(t).number, e.doc.lineAt(n).number];
 }
-function Ve(e, t) {
-	let n = e.state, [r, i] = M(n), a = r === i && !n.doc.line(r).text.trim(), o = !a;
+function ze(e, t) {
+	let n = e.state, [r, i] = P(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;
 		r.trim() && !t.match.test(r) && (o = !1);
@@ -413,13 +413,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 = ue(e).resolveInner(t, 0); n; n = n.parent) {
+function F(e, t) {
+	for (let n = ce(e).resolveInner(t, 0); n; n = n.parent) {
 		if (n.name === "FencedCode") return {
 			from: n.from,
 			to: n.to
@@ -428,8 +428,8 @@ function N(e, t) {
 	}
 	return null;
 }
-function Ue(e) {
-	let t = e.state, n = N(t, t.selection.main.head);
+function Ve(e) {
+	let t = e.state, n = F(t, t.selection.main.head);
 	if (n) {
 		let r = t.doc.lineAt(n.from), i = t.doc.lineAt(n.to), a = [{
 			from: r.from,
@@ -443,7 +443,7 @@ function Ue(e) {
 			scrollIntoView: !0
 		});
 	} else {
-		let [n, r] = M(t);
+		let [n, r] = P(t);
 		e.dispatch({
 			changes: [{
 				from: t.doc.line(n).from,
@@ -458,11 +458,11 @@ function Ue(e) {
 	}
 	return e.focus(), !0;
 }
-function P(e) {
-	return N(e, e.selection.main.head) !== null;
+function I(e) {
+	return F(e, e.selection.main.head) !== null;
 }
-function We(e) {
-	let t = N(e, e.selection.main.head);
+function He(e) {
+	let t = F(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);
 	if (!r) return null;
@@ -473,18 +473,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] = P(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({
@@ -510,16 +510,16 @@ function qe(e) {
 	});
 	return e.focus(), !0;
 }
-function F(e) {
-	return Ke(e, e.doc.lineAt(e.selection.main.head).number) !== null;
+function L(e) {
+	return We(e, e.doc.lineAt(e.selection.main.head).number) !== null;
 }
 //#endregion
 //#region src/toolbar/heading.ts
-var I = /^(#{1,6}) +/;
-function Je(e, t) {
-	let n = "#".repeat(t) + " ", r = e.state, [i, a] = M(r), o = [];
+var Ke = /^(#{1,6}) +/;
+function qe(e, t) {
+	let n = "#".repeat(t) + " ", r = e.state, [i, a] = P(r), o = [];
 	for (let e = i; e <= a; e++) {
-		let i = r.doc.line(e), a = I.exec(i.text);
+		let i = r.doc.line(e), a = Ke.exec(i.text);
 		a && a[1].length === t ? o.push({
 			from: i.from,
 			to: i.from + a[0].length
@@ -537,10 +537,10 @@ function Je(e, t) {
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function Ye(e) {
-	let t = e.state, [n, r] = M(t), i = [];
+function Je(e) {
+	let t = e.state, [n, r] = P(t), i = [];
 	for (let e = n; e <= r; e++) {
-		let n = t.doc.line(e), r = I.exec(n.text);
+		let n = t.doc.line(e), r = Ke.exec(n.text);
 		r && i.push({
 			from: n.from,
 			to: n.from + r[0].length
@@ -553,11 +553,11 @@ function Ye(e) {
 }
 //#endregion
 //#region src/toolbar/inline.ts
-function L(e, t) {
+function R(e, t) {
 	let n = e.state.doc.toString();
 	return e.dispatch({
 		...e.state.changeByRange((e) => {
-			let r = Te(n, e.from, e.to, t);
+			let r = we(n, e.from, e.to, t);
 			return {
 				changes: r.changes,
 				range: r.from === r.to ? f.cursor(r.from) : f.range(r.from, r.to)
@@ -566,8 +566,8 @@ function L(e, t) {
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function R(e, t) {
-	let n = e.selection.main, r = e.doc.lineAt(n.head), i = RegExp(O(t) + "(?!\\s)(?:[^]*?\\S)??" + O(t), "g");
+function z(e, t) {
+	let n = e.selection.main, r = e.doc.lineAt(n.head), i = RegExp(k(t) + "(?!\\s)(?:[^]*?\\S)??" + k(t), "g");
 	for (let e; e = i.exec(r.text);) {
 		if (e[0].length <= 2 * t.length || t === "$" && (r.text[e.index - 1] === "$" || r.text[e.index + e[0].length] === "$")) continue;
 		let i = r.from + e.index;
@@ -575,16 +575,16 @@ function R(e, t) {
 	}
 	return !1;
 }
-function Xe(e) {
-	let { head: t } = e.selection.main, n = e.doc.lineAt(t), r = E(n.text, t - n.from);
+function Ye(e) {
+	let { head: t } = e.selection.main, n = e.doc.lineAt(t), r = O(n.text, t - n.from);
 	return r ? {
 		from: n.from + r.from,
 		to: n.from + r.to,
 		text: r.label
 	} : null;
 }
-function Ze(e) {
-	let t = Xe(e.state);
+function Xe(e) {
+	let t = Ye(e.state);
 	if (t) return e.dispatch({
 		changes: {
 			from: t.from,
@@ -605,19 +605,19 @@ function Ze(e) {
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function Qe(e) {
-	return Xe(e) !== null;
+function Ze(e) {
+	return Ye(e) !== null;
 }
-function $e(e) {
-	let { head: t } = e.selection.main, n = e.doc.lineAt(t), r = D(n.text, t - n.from);
+function Qe(e) {
+	let { head: t } = e.selection.main, n = e.doc.lineAt(t), r = me(n.text, t - n.from);
 	return r ? {
 		from: n.from + r.from,
 		to: n.from + r.to,
 		text: r.label
 	} : null;
 }
-function et(e) {
-	let t = $e(e.state);
+function $e(e) {
+	let t = Qe(e.state);
 	if (t) return e.dispatch({
 		changes: {
 			from: t.from,
@@ -638,19 +638,19 @@ function et(e) {
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function tt(e) {
-	return $e(e) !== null;
+function et(e) {
+	return Qe(e) !== null;
 }
-function nt(e) {
-	let { head: t } = e.selection.main, n = e.doc.lineAt(t), r = ve(n.text, t - n.from);
+function tt(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,
 		to: n.from + r.to,
 		inner: r.inner
 	} : null;
 }
-function rt(e) {
-	let t = nt(e.state);
+function nt(e) {
+	let t = tt(e.state);
 	if (t) return e.dispatch({
 		changes: {
 			from: t.from,
@@ -671,29 +671,29 @@ function rt(e) {
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function it(e) {
-	return nt(e) !== null;
+function rt(e) {
+	return tt(e) !== null;
 }
 //#endregion
 //#region src/toolbar/table-grid.ts
-function at(e) {
+function it(e) {
 	let t = e.trim();
 	return t.includes("-") && t.includes("|") && /^[\s|:-]+$/.test(t);
 }
-function ot(e) {
+function at(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 ot(e) {
 	let t = e.trim(), n = t.startsWith(":"), r = t.endsWith(":");
 	return n && r ? "center" : r ? "right" : n ? "left" : "";
 }
-function z(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) => {
+function B(e) {
+	if (e.length < 2 || !it(e[1])) return null;
+	let t = at(e[1]).map(ot), n = e.filter((e, t) => t !== 1).map(at), 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;
@@ -704,11 +704,11 @@ function z(e) {
 		aligns: a
 	};
 }
-function ct(e) {
+function st(e) {
 	return e.replace(/\\\|/g, "|").length;
 }
-function lt(e, t, n) {
-	let r = t - ct(e);
+function ct(e, t, n) {
+	let r = t - st(e);
 	if (r <= 0) return e;
 	if (n === "right") return " ".repeat(r) + e;
 	if (n === "center") {
@@ -717,23 +717,23 @@ function lt(e, t, n) {
 	}
 	return e + " ".repeat(r);
 }
-function ut(e, t) {
+function lt(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 B(e) {
+function V(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, st(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) => ct(t ?? "", n[r], e.aligns[r])).join(" | ") + " |", i = [r(e.rows[0] ?? [])];
+	i.push("| " + e.aligns.map((e, t) => lt(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] === "\\") {
@@ -756,7 +756,7 @@ function dt(e) {
 }
 //#endregion
 //#region src/toolbar/table-position.ts
-function V(e, t) {
+function H(e, t) {
 	let n = e.lineAt(t);
 	if (!n.text.includes("|")) return null;
 	let r = n.number;
@@ -774,13 +774,13 @@ function V(e, t) {
 	if (i - r < 1) return null;
 	let a = [];
 	for (let t = r; t <= i; t++) a.push(e.line(t).text);
-	return z(a) ? {
+	return B(a) ? {
 		from: e.line(r).from,
 		to: e.line(i).to,
 		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];
@@ -796,7 +796,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 {
@@ -810,15 +810,15 @@ function ft(e, t, n) {
 	}
 	return null;
 }
-function H(e, t, n) {
+function U(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 = V(e, t);
-	return i ? H(i.lines.join("\n"), i.from, {
+function ft(e, t, n, r) {
+	let i = H(e, t);
+	return i ? U(i.lines.join("\n"), i.from, {
 		row: n,
 		col: r,
 		offset: 0,
@@ -827,7 +827,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;
@@ -847,7 +847,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: {
@@ -857,30 +857,30 @@ function ht(e) {
 		},
 		selection: f.range(a, a + 8),
 		scrollIntoView: !0
-	}), e.focus(), mt(e, a), !0;
+	}), e.focus(), pt(e, a), !0;
 }
-function U(e) {
-	return V(e.doc, e.selection.main.head) !== null;
+function W(e) {
+	return H(e.doc, e.selection.main.head) !== null;
 }
-function W(e, t) {
-	let n = V(e.state.doc, e.state.selection.main.head);
+function G(e, t) {
+	let n = H(e.state.doc, e.state.selection.main.head);
 	if (!n) return !1;
-	let r = z(n.lines), i = ft(n.lines, n.from, e.state.selection.main.head);
+	let r = B(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 = B(r);
+	let o = V(r);
 	return e.dispatch({
 		changes: {
 			from: n.from,
 			to: n.to,
 			insert: o
 		},
-		selection: f.cursor(H(o, n.from, a)),
+		selection: f.cursor(U(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,
@@ -889,7 +889,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,
@@ -898,58 +898,58 @@ function _t(e, t) {
 		onDelimiter: !1
 	};
 }
-var vt = o.of([
+var _t = o.of([
 	{
 		key: "Tab",
-		run: (e) => W(e, (e, t) => gt(e, t, 1))
+		run: (e) => G(e, (e, t) => ht(e, t, 1))
 	},
 	{
 		key: "Shift-Tab",
-		run: (e) => W(e, (e, t) => gt(e, t, -1))
+		run: (e) => G(e, (e, t) => ht(e, t, -1))
 	},
 	{
 		key: "Enter",
-		run: (e) => W(e, _t)
+		run: (e) => G(e, gt)
 	}
-]), yt = p.transactionFilter.of((e) => {
+]), vt = p.transactionFilter.of((e) => {
 	if (!e.docChanged || e.isUserEvent("input.type.compose") || !e.isUserEvent("input") && !e.isUserEvent("delete")) return e;
-	let t = e.newSelection.main.head, n = V(e.newDoc, t);
+	let t = e.newSelection.main.head, n = H(e.newDoc, t);
 	if (!n) return e;
-	let r = z(n.lines);
+	let r = B(n.lines);
 	if (!r) return e;
-	let i = B(r);
+	let i = V(r);
 	if (i === n.lines.join("\n")) return e;
-	let a = ft(n.lines, n.from, t), o = u.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 ? f.cursor(H(i, n.from, a)) : e.newSelection,
+		selection: a ? f.cursor(U(i, n.from, a)) : e.newSelection,
 		effects: e.effects,
 		scrollIntoView: e.scrollIntoView
 	};
-}), G = (e) => /^\s{0,3}#{1,6}(?:\s|$)/.test(e.doc.lineAt(e.selection.main.head).text), K = (e) => {
+}), K = (e) => /^\s{0,3}#{1,6}(?:\s|$)/.test(e.doc.lineAt(e.selection.main.head).text), q = (e) => {
 	let t = n(e.doc);
 	return t !== null && e.selection.main.head <= t.to;
-}, q = (e) => K(e) || P(e) || F(e), bt = (e) => (t) => e !== "`" && R(t, "`") || e !== "$" && R(t, "$"), xt = (e) => e.selection.main.empty && !e.wordAt(e.selection.main.head), J = (...e) => (t) => e.some((e) => e(t)), Y = /^(\s*)(?:[-*+] \[[ xX]\] +|\d+[.)] +|[-*+] +)/, St = {
+}, J = (e) => q(e) || I(e) || L(e), yt = (e) => (t) => e !== "`" && z(t, "`") || e !== "$" && z(t, "$"), bt = (e) => e.selection.main.empty && !e.wordAt(e.selection.main.head), Y = (...e) => (t) => e.some((e) => e(t)), X = /^(\s*)(?:[-*+] \[[ xX]\] +|\d+[.)] +|[-*+] +)/, xt = {
 	match: /^ {0,3}> ?/,
 	insert: "> "
-}, Ct = {
+}, St = {
 	match: /^(\s*)[-*+] +(?!\[[ xX]\])/,
 	insert: "- ",
-	siblings: Y
-}, wt = {
+	siblings: X
+}, Ct = {
 	match: /^(\s*)\d+[.)] +/,
 	insert: (e) => `${e + 1}. `,
-	siblings: Y
-}, Tt = {
+	siblings: X
+}, wt = {
 	match: /^(\s*)[-*+] \[[ xX]\] +/,
 	insert: "- [ ] ",
-	siblings: Y
+	siblings: X
 };
-function Et(e, t, n) {
+function Tt(e, t, n) {
 	return {
 		id: e,
 		title: t,
@@ -959,24 +959,24 @@ function Et(e, t, n) {
 		}
 	};
 }
-function X(e, t, n, r) {
+function Z(e, t, n, r) {
 	return {
 		id: e,
 		title: t,
-		run: (e) => j(e, (e, t, r) => k(e, t, r, n)) || L(e, n),
-		isActive: (e) => R(e, n),
-		disabled: J(q, bt(n), xt),
+		run: (e) => N(e, (e, t, r) => A(e, t, r, n)) || R(e, n),
+		isActive: (e) => z(e, n),
+		disabled: Y(J, yt(n), bt),
 		keys: r
 	};
 }
-function Z(e) {
+function Et(e) {
 	let t = RegExp(`^#{${e}} `);
 	return {
 		id: `h${e}`,
 		title: `Heading ${e}`,
-		run: (t) => Je(t, e),
+		run: (t) => qe(t, e),
 		isActive: (e) => t.test(e.doc.lineAt(e.selection.main.head).text),
-		disabled: J(U, q),
+		disabled: Y(W, J),
 		keys: [`Mod-Alt-${e}`]
 	};
 }
@@ -1008,9 +1008,9 @@ function Q(e, t, n, ...r) {
 	return {
 		id: e,
 		title: t,
-		run: (e) => Ve(e, n),
-		isActive: (e) => He(e, n.match),
-		disabled: J(U, q, ...r)
+		run: (e) => ze(e, n),
+		isActive: (e) => Be(e, n.match),
+		disabled: Y(W, J, ...r)
 	};
 }
 //#endregion
@@ -1134,29 +1134,29 @@ function Bt(e) {
 //#region src/editor/search-panel.ts
 var Vt = "cm-search-closing", Ht = 160;
 function Ut(e) {
-	return se(e.state) ? Wt(e) : T(e);
+	return ae(e.state) ? Wt(e) : w(e);
 }
 function Wt(e) {
 	let t = e.dom.querySelector(`.${It}`);
 	return !t || t.classList.contains(Vt) ? !0 : (t.classList.add(Vt), setTimeout(() => {
-		e.dom.isConnected && x(e);
+		e.dom.isConnected && b(e);
 	}, Ht), !0);
 }
 function Gt(e) {
-	let t = Bt(e), n = w(e.state);
+	let t = Bt(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;
 	}
 	function i() {
-		let r = new b({
+		let r = new re({
 			search: t.find.value,
 			caseSensitive: t.caseSensitive.checked,
 			regexp: t.regexp.checked,
 			wholeWord: t.wholeWord.checked,
 			replace: t.replace.value
 		});
-		r.eq(n) || (n = r, e.dispatch({ effects: le.of(n) }));
+		r.eq(n) || (n = r, e.dispatch({ effects: se.of(n) }));
 	}
 	for (let e of [
 		t.find,
@@ -1174,20 +1174,20 @@ function Gt(e) {
 			n.preventDefault();
 			return;
 		}
-		n.key === "Enter" && (n.preventDefault(), n.target === t.find ? (n.shiftKey ? C : S)(e) : n.target === t.replace && ie(e));
-	}), t.next.addEventListener("click", () => S(e)), t.prev.addEventListener("click", () => C(e)), t.all.addEventListener("click", () => ce(e)), t.replaceBtn.addEventListener("click", () => ie(e)), t.replaceAllBtn.addEventListener("click", () => re(e)), t.close.addEventListener("click", () => Wt(e)), {
+		n.key === "Enter" && (n.preventDefault(), n.target === t.find ? (n.shiftKey ? S : x)(e) : n.target === t.replace && E(e));
+	}), t.next.addEventListener("click", () => x(e)), t.prev.addEventListener("click", () => S(e)), t.all.addEventListener("click", () => oe(e)), t.replaceBtn.addEventListener("click", () => E(e)), t.replaceAllBtn.addEventListener("click", () => T(e)), t.close.addEventListener("click", () => Wt(e)), {
 		dom: t.root,
 		top: !0,
 		update(e) {
-			for (let t of e.transactions) for (let e of t.effects) e.is(le) && !e.value.eq(n) && (n = e.value, r(n));
+			for (let t of e.transactions) for (let e of t.effects) e.is(se) && !e.value.eq(n) && (n = e.value, r(n));
 		}
 	};
 }
 //#endregion
 //#region src/toolbar/commands.ts
 var Kt = [
-	Et("undo", "Undo", ne),
-	Et("redo", "Redo", _),
+	Tt("undo", "Undo", _),
+	Tt("redo", "Redo", g),
 	{
 		id: "save",
 		title: "Save",
@@ -1201,86 +1201,86 @@ var Kt = [
 		id: "search",
 		title: "Find / replace",
 		run: (e) => Ut(e),
-		isActive: (e) => se(e),
+		isActive: (e) => ae(e),
 		keys: ["Mod-f"]
 	},
-	Z(1),
-	Z(2),
-	Z(3),
+	Et(1),
+	Et(2),
+	Et(3),
 	{
 		id: "body",
 		title: "Body",
-		run: (e) => (Ye(e) || e.focus(), !0),
+		run: (e) => (Je(e) || e.focus(), !0),
 		isActive: (e) => !/^#{1,6} /.test(e.doc.lineAt(e.selection.main.head).text),
-		disabled: J(U, q)
+		disabled: Y(W, J)
 	},
-	X("bold", "Bold", "**", ["Mod-b"]),
-	X("italic", "Italic", "*", ["Mod-i"]),
-	X("strike", "Strikethrough", "~~"),
+	Z("bold", "Bold", "**", ["Mod-b"]),
+	Z("italic", "Italic", "*", ["Mod-i"]),
+	Z("strike", "Strikethrough", "~~"),
 	{
 		id: "underline",
 		title: "Underline",
-		run: (e) => j(e, ye) || rt(e),
-		isActive: it,
-		disabled: J(q, bt("u"), xt),
+		run: (e) => N(e, ve) || nt(e),
+		isActive: rt,
+		disabled: Y(J, yt("u"), bt),
 		keys: ["Mod-u"]
 	},
-	X("code", "Inline code", "`"),
+	Z("code", "Inline code", "`"),
 	{
 		id: "codeBlock",
 		title: "Code block",
-		run: (e) => j(e, (e, t, n) => k(e, t, n, "`")) || (U(e.state) ? L(e, "`") : Ue(e)),
-		isActive: (e) => U(e) ? R(e, "`") : P(e),
-		disabled: J(K, F, G)
+		run: (e) => N(e, (e, t, n) => A(e, t, n, "`")) || (W(e.state) ? R(e, "`") : Ve(e)),
+		isActive: (e) => W(e) ? z(e, "`") : I(e),
+		disabled: Y(q, L, K)
 	},
 	{
 		id: "link",
 		title: "Link",
-		run: (e) => j(e, he) || Ze(e),
-		isActive: Qe,
-		disabled: q,
+		run: (e) => N(e, pe) || Xe(e),
+		isActive: Ze,
+		disabled: J,
 		keys: ["Mod-k"]
 	},
 	{
 		id: "wikilink",
 		title: "Wikilink",
-		run: (e) => j(e, _e) || et(e),
-		isActive: tt,
-		disabled: q,
+		run: (e) => N(e, ge) || $e(e),
+		isActive: et,
+		disabled: J,
 		keys: ["Mod-Shift-k"]
 	},
-	Q("quote", "Blockquote", St),
-	Q("bulletList", "Bulleted list", Ct, G),
-	Q("orderedList", "Numbered list", wt, G),
-	Q("task", "Task list", Tt, G),
+	Q("quote", "Blockquote", xt),
+	Q("bulletList", "Bulleted list", St, K),
+	Q("orderedList", "Numbered list", Ct, K),
+	Q("task", "Task list", wt, K),
 	{
 		id: "hr",
 		title: "Divider",
 		run: Mt,
 		isActive: Nt,
-		disabled: J(U, q)
+		disabled: Y(W, J)
 	},
 	{
 		id: "frontmatter",
 		title: "Frontmatter",
 		run: kt,
 		isActive: At,
-		disabled: J(U, P, F, G)
+		disabled: Y(W, I, L, K)
 	},
 	{
 		id: "table",
 		title: "Table",
-		run: ht,
-		isActive: U,
-		disabled: J(U, K, P, F, G)
+		run: mt,
+		isActive: W,
+		disabled: Y(W, q, I, L, K)
 	},
-	X("math", "Inline math", "$"),
+	Z("math", "Inline math", "$"),
 	{
 		id: "mathBlock",
 		title: "Block math",
-		run: (e) => j(e, (e, t, n) => k(e, t, n, "$")) || (U(e.state) ? L(e, "$") : qe(e)),
-		isActive: (e) => U(e) ? R(e, "$") : F(e),
-		disabled: J(K, P, G)
+		run: (e) => N(e, (e, t, n) => A(e, t, n, "$")) || (W(e.state) ? R(e, "$") : Ge(e)),
+		isActive: (e) => W(e) ? z(e, "$") : L(e),
+		disabled: Y(q, I, K)
 	}
 ], qt = Object.fromEntries(Kt.map((e) => [e.id, e])), Jt = m.high(o.of(Kt.filter((e) => e.keys && e.keys.length > 0).flatMap((e) => e.keys.map((t) => ({
 	key: t,
@@ -1327,7 +1327,7 @@ function Zt(e, t) {
 	};
 }
 function Qt(e, t) {
-	return e ? [de(), y.data.of({ autocomplete: Zt(e, t) })] : [];
+	return e ? [le(), y.data.of({ autocomplete: Zt(e, t) })] : [];
 }
 //#endregion
 //#region src/editor/theme.ts
@@ -1347,7 +1347,11 @@ var $t = a.theme({
 	".cm-cursor, .cm-dropCursor": { borderLeftColor: "var(--stylo-text)" },
 	"&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection": { backgroundColor: "color-mix(in srgb, var(--stylo-accent) 15%, transparent)" },
 	".cm-placeholder": { color: "var(--stylo-text-muted)" },
-	".cm-gutters": { display: "none" },
+	".cm-gutters": {
+		backgroundColor: "transparent",
+		color: "var(--stylo-text-muted)",
+		border: "none"
+	},
 	".cm-panels": { color: "var(--stylo-text)" },
 	".cm-panels.cm-panels-top": { background: "var(--stylo-bg)" },
 	".stylo-search-panel": {
@@ -1474,22 +1478,22 @@ function nn(e, t) {
 	};
 }
 function rn(e, t) {
-	return e ? [de(), y.data.of({ autocomplete: nn(e, t) })] : [];
+	return e ? [le(), y.data.of({ autocomplete: nn(e, t) })] : [];
 }
 //#endregion
 //#region src/editor/extensions.ts
 function an(e, n, r, i) {
 	return [
-		h(),
-		o.of([...te, ...g]),
-		m.high(vt),
+		ne(),
+		o.of([...te, ...h]),
+		m.high(_t),
 		Jt,
-		yt,
-		ae({
+		vt,
+		D({
 			top: !0,
 			createPanel: Gt
 		}),
-		o.of(oe),
+		o.of(ie),
 		v({
 			base: y,
 			codeLanguages: e
@@ -1512,18 +1516,18 @@ function on(e) {
 //#endregion
 //#region src/editor/useCodeMirror.ts
 var sn = l.define();
-function cn({ 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), ne = i(t);
-	ne.current = t;
-	let v = i([]), y = i(c);
-	y.current = c;
-	let b = i((e) => y.current?.(e)).current, x = i(h);
+function cn({ value: e, onChange: t, readOnly: n = !1, placeholder: s, onSave: c, onViewChange: l, extensions: u, hostExtensions: f, codeLanguages: ee, wikiLinkSource: te, tagSource: ne, onResolveError: h }) {
+	let g = i(null), _ = i(null), v = i(t);
+	v.current = t;
+	let y = i([]), re = i(c);
+	re.current = c;
+	let b = i((e) => re.current?.(e)).current, x = i(h);
 	x.current = h;
 	let S = i((e, t) => {
 		x.current?.(e, t);
 	}).current, C = c != null, w = i(l);
 	w.current = l;
-	let T = i(new d());
+	let T = i(new d()), E = i(new d()), D = i(f);
 	return r(() => {
 		let t = g.current;
 		if (!t) return;
@@ -1532,7 +1536,7 @@ function cn({ value: e, onChange: t, readOnly: n = !1, placeholder: s, onSave: c
 			state: p.create({
 				doc: e,
 				extensions: [
-					an(f, ee, S, te),
+					an(ee, te, S, ne),
 					T.current.of(on({
 						readOnly: n,
 						placeholder: s,
@@ -1543,10 +1547,11 @@ function cn({ value: e, onChange: t, readOnly: n = !1, placeholder: s, onSave: c
 						run: Ft
 					}])),
 					...u ?? [],
+					E.current.of(f ?? []),
 					a.updateListener.of((e) => {
 						if (!e.docChanged || e.transactions.some((e) => !!e.annotation(sn))) return;
 						let t = e.state.doc.toString();
-						v.current.push(t), v.current.length > 20 && v.current.shift(), ne.current(t);
+						y.current.push(t), y.current.length > 20 && y.current.shift(), v.current(t);
 					})
 				]
 			})
@@ -1558,14 +1563,14 @@ function cn({ value: e, onChange: t, readOnly: n = !1, placeholder: s, onSave: c
 		let t = _.current;
 		if (!t) return;
 		let n = t.state.doc.toString();
-		n !== e && (v.current.includes(e) || (t.dispatch({
+		n !== e && (y.current.includes(e) || (t.dispatch({
 			changes: {
 				from: 0,
 				to: n.length,
 				insert: e
 			},
 			annotations: sn.of(!0)
-		}), v.current = []));
+		}), y.current = []));
 	}, [e]), r(() => {
 		_.current?.dispatch({ effects: T.current.reconfigure(on({
 			readOnly: n,
@@ -1577,9 +1582,12 @@ function cn({ value: e, onChange: t, readOnly: n = !1, placeholder: s, onSave: c
 		s,
 		C,
 		b
-	]), g;
+	]), r(() => {
+		let e = D.current;
+		e !== f && (e && f && e.length === f.length && e.every((e, t) => e === f[t]) || (D.current = f, _.current?.dispatch({ effects: E.current.reconfigure(f ?? []) })));
+	}, [f]), g;
 }
 //#endregion
-export { Ne as C, ge as D, D as E, me as O, Ie as S, Ae as T, Be as _, Y as a, A as b, Tt as c, z as d, B as f, Le as g, P as h, Ct as i, pe as k, Ot as l, We as m, qt as n, wt as o, I as p, Mt as r, St as s, cn as t, pt as u, Oe as v, ke as w, Me as x, Pe as y };
+export { je as C, he as D, me as E, fe as O, Pe as S, ke as T, Re as _, X as a, M as b, wt as c, B as d, V as f, Fe as g, I as h, St as i, de as k, Ot as l, He as m, qt as n, Ct as o, Ke as p, Mt as r, xt as s, cn as t, ft as u, De as v, Oe as w, Ae as x, Me as y };
 
-//# sourceMappingURL=useCodeMirror-TAWSJQiZ.js.map
+//# sourceMappingURL=useCodeMirror-B07wRexo.js.map