@damiro/stylo 0.9.1 → 0.11.0

package/dist/{useCodeMirror-DtwupFgc.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 } from "@codemirror/view";
-import { Annotation as s, ChangeSet as c, Compartment as l, EditorSelection as u, EditorState as d, Facet as f, Prec as p } from "@codemirror/state";
-import { defaultKeymap as ee, history as te, historyKeymap as m, redo as h, undo as g } from "@codemirror/commands";
-import { markdown as _, markdownLanguage as v } from "@codemirror/lang-markdown";
-import { openSearchPanel as y, search as b, searchKeymap as ne } from "@codemirror/search";
-import { HighlightStyle as x, syntaxHighlighting as S, syntaxTree as C } from "@codemirror/language";
+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 re } from "@codemirror/autocomplete";
+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 ie(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 ie(e, t) {
 	}
 	return null;
 }
-function ae(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 oe(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 oe(t, n) {
 	}
 	return null;
 }
-function se(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 se(e, t, n) {
 }
 //#endregion
 //#region src/toolbar/underline-ops.ts
-function ce(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 ce(e, t) {
 	}
 	return null;
 }
-function le(e, t, n) {
-	let r = ce(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 le(e, t, n) {
 function D(e) {
 	return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function ue(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 ue(e, t, n) {
 		from: r
 	};
 }
-function de(e, t) {
+function we(e, t) {
 	let n = [];
 	for (let r = 0; r < e.length;) {
 		if (e[r] !== t) {
@@ -154,15 +175,15 @@ function de(e, t) {
 	}
 	return n;
 }
-function fe(e, t, n) {
+function Te(e, t, n) {
 	return e < n || t < n ? !1 : n > 1 || e % 2 == 1 && t % 2 == 1;
 }
-function pe(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) && fe(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 pe(e, t, n, r) {
 		from: t,
 		to: n - 2 * i
 	};
-	let l = ue(e, t, -1), u = ue(e, n, 1), d = de(l.text, a), f = de(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 (!fe(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 pe(e, t, n, r) {
 		to: n + i
 	};
 }
-function me(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 = pe(e, t, n, r);
+	let i = Ee(e, t, n, r);
 	return {
-		text: me(e, i.changes),
+		text: De(e, i.changes),
 		from: i.from,
 		to: i.to
 	};
 }
-function he(e, t) {
+function Oe(e, t) {
 	let n = T(e, t);
 	if (n) return {
 		from: n.from,
 		to: n.to
 	};
-	let r = oe(e, t);
+	let r = ye(e, t);
 	if (r) return {
 		from: r.from,
 		to: r.to
@@ -253,7 +274,7 @@ function he(e, t) {
 }
 //#endregion
 //#region src/inplace/table-cell-dom.ts
-var ge = (e) => [e.head, ...e.body].map((e) => [...e]), _e = (e) => e.map((e) => e.map((e) => e.trim())), ve = (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 ye(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 be(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 be(e) {
 		to: Math.max(i, a)
 	};
 }
-function xe(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 xe(e, t, n) {
 	}
 	return !i || !e.contains(i) ? 0 : k(e, i) + (i.nodeType === Node.TEXT_NODE ? a : 0);
 }
-var Se = /[\p{L}\p{N}_]/u;
-function Ce(e, t, n) {
-	let r = e.textContent ?? "", i = xe(e, t, n), a = he(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 && Se.test(r[o - 1]);) o--;
-	for (; s < r.length && Se.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 we(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 Te(e, t) {
-	let { from: n, to: r } = be(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 = we(e);
-	return n ? (Te(n, t), !0) : !1;
+	let n = Le(e);
+	return n ? (Re(n, t), !0) : !1;
 }
-var Ee = {
+var ze = {
 	b: (e, t, n) => O(e, t, n, "**"),
 	i: (e, t, n) => O(e, t, n, "*"),
-	u: le,
-	k: ae,
-	K: se
+	u: Se,
+	k: ve,
+	K: be
 };
-function De(e, t) {
+function Be(e, t) {
 	if (!(e.metaKey || e.ctrlKey) || e.altKey) return !1;
-	let n = Ee[e.shiftKey ? e.key.toUpperCase() : e.key.toLowerCase()];
-	return n ? (e.preventDefault(), Te(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 Oe(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,13 +400,13 @@ function Oe(e, t) {
 		scrollIntoView: !0
 	}), e.focus(), !0) : !1;
 }
-function ke(e, t) {
+function He(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 = C(e).resolveInner(t, 0); n; n = n.parent) {
+	for (let n = pe(e).resolveInner(t, 0); n; n = n.parent) {
 		if (n.name === "FencedCode") return {
 			from: n.from,
 			to: n.to
@@ -394,7 +415,7 @@ function N(e, t) {
 	}
 	return null;
 }
-function Ae(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 Ae(e) {
 function P(e) {
 	return N(e, e.selection.main.head) !== null;
 }
-function je(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 je(e) {
 		lang: r[2]
 	};
 }
-var Me = /^\s*\$\$\s*$/;
-function Ne(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 (Me.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 Pe(e) {
-	let t = e.state, [n, r] = M(t), i = Ne(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 Pe(e) {
 	return e.focus(), !0;
 }
 function F(e) {
-	return Ne(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 Fe(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 Fe(e, t) {
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function Ie(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,10 +543,10 @@ function I(e, t) {
 	let n = e.state.doc.toString();
 	return e.dispatch({
 		...e.state.changeByRange((e) => {
-			let r = pe(n, e.from, e.to, t);
+			let r = Ee(n, e.from, e.to, t);
 			return {
 				changes: r.changes,
-				range: r.from === r.to ? u.cursor(r.from) : u.range(r.from, r.to)
+				range: r.from === r.to ? d.cursor(r.from) : d.range(r.from, r.to)
 			};
 		}),
 		scrollIntoView: !0
@@ -540,7 +561,7 @@ function L(e, t) {
 	}
 	return !1;
 }
-function Le(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,15 +569,15 @@ function Le(e) {
 		text: r.label
 	} : null;
 }
-function Re(e) {
-	let t = Le(e.state);
+function Ze(e) {
+	let t = Xe(e.state);
 	if (t) return e.dispatch({
 		changes: {
 			from: t.from,
 			to: t.to,
 			insert: t.text
 		},
-		selection: u.range(t.from, t.from + t.text.length),
+		selection: d.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;
@@ -566,14 +587,14 @@ function Re(e) {
 			to: r,
 			insert: `[${i}](url)`
 		},
-		selection: u.range(a, a + 3),
+		selection: d.range(a, a + 3),
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function ze(e) {
-	return Le(e) !== null;
+function Qe(e) {
+	return Xe(e) !== null;
 }
-function Be(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,15 +602,15 @@ function Be(e) {
 		text: r.label
 	} : null;
 }
-function Ve(e) {
-	let t = Be(e.state);
+function et(e) {
+	let t = $e(e.state);
 	if (t) return e.dispatch({
 		changes: {
 			from: t.from,
 			to: t.to,
 			insert: t.text
 		},
-		selection: u.range(t.from, t.from + t.text.length),
+		selection: d.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";
@@ -599,30 +620,30 @@ function Ve(e) {
 			to: r,
 			insert: `[[${i}]]`
 		},
-		selection: u.range(n + 2, n + 2 + i.length),
+		selection: d.range(n + 2, n + 2 + i.length),
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function He(e) {
-	return Be(e) !== null;
+function tt(e) {
+	return $e(e) !== null;
 }
-function Ue(e) {
-	let { head: t } = e.selection.main, n = e.doc.lineAt(t), r = ce(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 We(e) {
-	let t = Ue(e.state);
+function rt(e) {
+	let t = nt(e.state);
 	if (t) return e.dispatch({
 		changes: {
 			from: t.from,
 			to: t.to,
 			insert: t.inner
 		},
-		selection: u.range(t.from, t.from + t.inner.length),
+		selection: d.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";
@@ -632,33 +653,33 @@ function We(e) {
 			to: r,
 			insert: `<u>${i}</u>`
 		},
-		selection: u.range(n + 3, n + 3 + i.length),
+		selection: d.range(n + 3, n + 3 + i.length),
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function Ge(e) {
-	return Ue(e) !== null;
+function it(e) {
+	return nt(e) !== null;
 }
 //#endregion
 //#region src/toolbar/table-grid.ts
-function Ke(e) {
+function at(e) {
 	let t = e.trim();
 	return t.includes("-") && t.includes("|") && /^[\s|:-]+$/.test(t);
 }
-function qe(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 Je(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 || !Ke(e[1])) return null;
-	let t = qe(e[1]).map(Je), n = e.filter((e, t) => t !== 1).map(qe), 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 Ye(e) {
+function ct(e) {
 	return e.replace(/\\\|/g, "|").length;
 }
-function Xe(e, t, n) {
-	let r = t - Ye(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 Xe(e, t, n) {
 	}
 	return e + " ".repeat(r);
 }
-function Ze(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, Ye(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) => Xe(t ?? "", n[r], e.aligns[r])).join(" | ") + " |", i = [r(e.rows[0] ?? [])];
-	i.push("| " + e.aligns.map((e, t) => Ze(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 Qe(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 $e(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 $e(e, t, n) {
 					onDelimiter: !0
 				};
 			}
-			let a = Qe(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 $e(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 = Qe(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 et(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 et(e, t, n, r) {
 }
 //#endregion
 //#region src/toolbar/table.ts
-function tt(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 tt(e, t) {
 		s?.removeAllRanges(), s?.addRange(o), a.focus();
 	});
 }
-function nt(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: {
@@ -820,9 +841,9 @@ function nt(e) {
 			to: n,
 			insert: i + "| Column 1 | Column 2 |\n| -------- | -------- |\n|          |          |\n"
 		},
-		selection: u.range(a, a + 8),
+		selection: d.range(a, a + 8),
 		scrollIntoView: !0
-	}), e.focus(), tt(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 = $e(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;
@@ -841,11 +862,11 @@ function U(e, t) {
 			to: n.to,
 			insert: o
 		},
-		selection: u.cursor(V(o, n.from, a)),
+		selection: d.cursor(V(o, n.from, a)),
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function rt(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 rt(e, t, n) {
 		onDelimiter: !1
 	});
 }
-function it(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 it(e, t) {
 		onDelimiter: !1
 	};
 }
-var at = a.of([
+var vt = a.of([
 	{
 		key: "Tab",
-		run: (e) => U(e, (e, t) => rt(e, t, 1))
+		run: (e) => U(e, (e, t) => gt(e, t, 1))
 	},
 	{
 		key: "Shift-Tab",
-		run: (e) => U(e, (e, t) => rt(e, t, -1))
+		run: (e) => U(e, (e, t) => gt(e, t, -1))
 	},
 	{
 		key: "Enter",
-		run: (e) => U(e, it)
+		run: (e) => U(e, _t)
 	}
-]), ot = d.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,37 +905,37 @@ var at = a.of([
 	if (!r) return e;
 	let i = z(r);
 	if (i === n.lines.join("\n")) return e;
-	let a = $e(n.lines, n.from, t), o = c.of([{
+	let a = ft(n.lines, n.from, t), o = l.of([{
 		from: n.from,
 		to: n.to,
 		insert: i
 	}], e.newDoc.length);
 	return {
 		changes: e.changes.compose(o),
-		selection: a ? u.cursor(V(i, n.from, a)) : e.newSelection,
+		selection: a ? d.cursor(V(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), st = (e) => (t) => e !== "`" && L(t, "`") || e !== "$" && L(t, "$"), ct = (e) => e.selection.main.empty && !e.wordAt(e.selection.main.head), q = (...e) => (t) => e.some((e) => e(t)), J = /^(\s*)(?:[-*+] \[[ xX]\] +|\d+\. +|[-*+] +)/, lt = {
+}, 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: "> "
-}, ut = {
+}, Ct = {
 	match: /^(\s*)[-*+] +(?!\[[ xX]\])/,
 	insert: "- ",
 	siblings: J
-}, dt = {
+}, wt = {
 	match: /^(\s*)\d+\. +/,
 	insert: (e) => `${e + 1}. `,
 	siblings: J
-}, ft = {
+}, Tt = {
 	match: /^(\s*)[-*+] \[[ xX]\] +/,
 	insert: "- [ ] ",
 	siblings: J
 };
-function pt(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, st(n), ct),
+		disabled: q(K, bt(n), xt),
 		keys: r
 	};
 }
@@ -939,7 +960,7 @@ function X(e) {
 	return {
 		id: `h${e}`,
 		title: `Heading ${e}`,
-		run: (t) => Fe(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) => Oe(e, n),
-		isActive: (e) => ke(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 mt(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);
@@ -980,21 +1001,21 @@ function mt(e) {
 				from: n.doc.line(t).to,
 				insert: "\n---"
 			}],
-			selection: u.cursor(4),
+			selection: d.cursor(4),
 			scrollIntoView: !0
 		});
 	}
 	return e.focus(), !0;
 }
-function ht(e) {
+function Ot(e) {
 	return t(e.doc) !== null;
 }
 //#endregion
 //#region src/toolbar/rule.ts
-var gt = /^ {0,3}([-*_])[ \t]*(?:\1[ \t]*){2,}$/;
-function _t(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 gt.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)
@@ -1006,37 +1027,134 @@ function _t(e) {
 			to: n.to,
 			insert: "---"
 		},
-		selection: u.cursor(n.from + 3),
+		selection: d.cursor(n.from + 3),
 		scrollIntoView: !0
 	}) : e.dispatch({
 		changes: {
 			from: n.to,
 			insert: "\n\n---\n"
 		},
-		selection: u.cursor(n.to + 6),
+		selection: d.cursor(n.to + 6),
 		scrollIntoView: !0
 	}), e.focus(), !0;
 }
-function vt(e) {
-	return gt.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 Q = f.define({ combine: (e) => e[0] ?? null });
-function yt(e) {
+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 Nt = "stylo-search-panel";
+function Pt(e) {
+	e.setAttribute("form", "");
+}
+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, Pt(r), r;
+}
+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 It(e, t) {
+	let n = document.createElement("input");
+	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 Lt(e) {
+	let t = (t) => e.state.phrase(t), n = Ft("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", "×");
+	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), {
+		root: p,
+		find: n,
+		next: r,
+		prev: i,
+		all: a,
+		replace: o,
+		replaceBtn: s,
+		replaceAllBtn: c,
+		caseSensitive: l.field,
+		regexp: u.field,
+		wholeWord: d.field,
+		close: f
+	};
+}
+//#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);
+}
+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);
+	}, zt), !0);
+}
+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;
+	}
+	function i() {
+		let r = new b({
+			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: ue.of(n) }));
+	}
+	for (let e of [
+		t.find,
+		t.replace,
+		t.caseSensitive,
+		t.regexp,
+		t.wholeWord
+	]) e.addEventListener("input", i), e.addEventListener("change", i);
+	return t.root.addEventListener("keydown", (n) => {
+		if (n.key === "Escape") {
+			n.preventDefault(), Vt(e);
+			return;
+		}
+		if (s(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)), {
+		dom: t.root,
+		top: !0,
+		update(e) {
+			for (let t of e.transactions) for (let e of t.effects) e.is(ue) && !e.value.eq(n) && (n = e.value, r(n));
+		}
+	};
+}
+//#endregion
 //#region src/toolbar/commands.ts
-var $ = [
-	pt("undo", "Undo", g),
-	pt("redo", "Redo", h),
+var Ut = [
+	Et("undo", "Undo", _),
+	Et("redo", "Redo", g),
 	{
 		id: "save",
 		title: "Save",
 		run: (e) => {
-			let t = yt(e);
+			let t = Mt(e);
 			return e.focus(), t;
 		},
 		disabled: (e) => e.facet(Q) == null
@@ -1044,7 +1162,8 @@ var $ = [
 	{
 		id: "search",
 		title: "Find / replace",
-		run: (e) => y(e),
+		run: (e) => Bt(e),
+		isActive: (e) => ce(e),
 		keys: ["Mod-f"]
 	},
 	X(1),
@@ -1053,7 +1172,7 @@ var $ = [
 	{
 		id: "body",
 		title: "Body",
-		run: (e) => (Ie(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)
 	},
@@ -1063,57 +1182,57 @@ var $ = [
 	{
 		id: "underline",
 		title: "Underline",
-		run: (e) => j(e, le) || We(e),
-		isActive: Ge,
-		disabled: q(K, st("u"), ct),
+		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, "`") : Ae(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, ae) || Re(e),
-		isActive: ze,
+		run: (e) => j(e, ve) || Ze(e),
+		isActive: Qe,
 		disabled: K,
 		keys: ["Mod-k"]
 	},
 	{
 		id: "wikilink",
 		title: "Wikilink",
-		run: (e) => j(e, se) || Ve(e),
-		isActive: He,
+		run: (e) => j(e, be) || et(e),
+		isActive: tt,
 		disabled: K,
 		keys: ["Mod-Shift-k"]
 	},
-	Z("quote", "Blockquote", lt),
-	Z("bulletList", "Bulleted list", ut, W),
-	Z("orderedList", "Numbered list", dt, W),
-	Z("task", "Task list", ft, 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: _t,
-		isActive: vt,
+		run: At,
+		isActive: jt,
 		disabled: q(H, K)
 	},
 	{
 		id: "frontmatter",
 		title: "Frontmatter",
-		run: mt,
-		isActive: ht,
+		run: Dt,
+		isActive: Ot,
 		disabled: q(H, P, F, W)
 	},
 	{
 		id: "table",
 		title: "Table",
-		run: nt,
+		run: ht,
 		isActive: H,
 		disabled: q(H, G, P, F, W)
 	},
@@ -1121,15 +1240,15 @@ var $ = [
 	{
 		id: "mathBlock",
 		title: "Block math",
-		run: (e) => j(e, (e, t, n) => O(e, t, n, "$")) || (H(e.state) ? I(e, "$") : Pe(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)
 	}
-], bt = Object.fromEntries($.map((e) => [e.id, e])), xt = p.high(a.of($.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))
-}))))), St = x.define([
+}))))), Kt = de.define([
 	{
 		tag: [
 			w.keyword,
@@ -1213,7 +1332,7 @@ var $ = [
 		tag: [w.invalid],
 		color: "var(--stylo-syntax-invalid)"
 	}
-]), Ct = S(St), wt = i.theme({
+]), qt = fe(Kt), Jt = i.theme({
 	"&": {
 		color: "var(--stylo-text)",
 		backgroundColor: "var(--stylo-bg)",
@@ -1230,46 +1349,82 @@ var $ = [
 	"&.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-panels": {
-		background: "var(--stylo-surface-floating, #fff)",
-		color: "var(--stylo-text)"
-	},
-	".cm-panels.cm-panels-top": { borderBottom: "1px solid var(--stylo-border)" },
-	".cm-panel.cm-search": {
-		padding: "6px 8px",
+	".cm-panels": { color: "var(--stylo-text)" },
+	".cm-panels.cm-panels-top": { background: "var(--stylo-bg)" },
+	".stylo-search-panel": {
+		"--h": "32px",
+		display: "flex",
+		flexWrap: "nowrap",
+		alignItems: "center",
+		gap: "4px",
+		height: "var(--h)",
+		boxSizing: "border-box",
+		padding: "0 8px",
+		overflowX: "auto",
+		overflowY: "hidden",
 		font: "inherit",
-		fontSize: "0.8125rem"
-	},
-	".cm-panel.cm-search label": {
 		fontSize: "0.75rem",
-		color: "var(--stylo-text-muted)"
+		borderBottom: "1px solid var(--stylo-border)",
+		animation: "stylo-search-slide-in 0.16s ease-out"
+	},
+	".stylo-search-panel.cm-search-closing": { animation: "stylo-search-slide-out 0.16s ease-in forwards" },
+	"@keyframes stylo-search-slide-in": {
+		from: { height: "0px" },
+		to: { height: "var(--h)" }
+	},
+	"@keyframes stylo-search-slide-out": {
+		from: { height: "var(--h)" },
+		to: { height: "0px" }
+	},
+	".stylo-search-check": {
+		display: "inline-flex",
+		alignItems: "center",
+		gap: "3px",
+		whiteSpace: "nowrap",
+		fontSize: "0.6875rem",
+		color: "var(--stylo-text-muted)",
+		flex: "0 0 auto"
 	},
-	".cm-panel.cm-search .cm-textfield": {
-		padding: "0.3em 0.5em",
+	".stylo-search-field": {
+		flex: "1 1 90px",
+		minWidth: "60px",
+		padding: "0.2em 0.4em",
 		border: "1px solid var(--stylo-border)",
 		borderRadius: "calc(var(--stylo-radius) - 3px)",
 		background: "var(--stylo-bg)",
 		color: "var(--stylo-text)",
-		fontSize: "0.8125rem"
+		fontSize: "0.75rem"
 	},
-	".cm-panel.cm-search .cm-textfield:focus-visible": {
+	".stylo-search-field:focus-visible": {
 		outline: "2px solid var(--stylo-ring)",
 		outlineOffset: "-1px"
 	},
-	".cm-panel.cm-search .cm-button": {
-		padding: "0.3em 0.65em",
-		border: "1px solid var(--stylo-border)",
+	".stylo-search-field.stylo-search-replace": {
+		marginLeft: "6px",
+		paddingLeft: "10px",
+		borderLeft: "1px solid var(--stylo-border)",
+		borderRadius: "0"
+	},
+	".stylo-search-button": {
+		flex: "0 0 auto",
+		padding: "0.15em 0.4em",
+		border: "0",
 		borderRadius: "calc(var(--stylo-radius) - 3px)",
-		background: "var(--stylo-bg)",
+		background: "none",
 		backgroundImage: "none",
-		color: "var(--stylo-text)",
-		fontSize: "0.75rem",
+		color: "var(--stylo-text-muted)",
+		fontSize: "0.6875rem",
+		fontWeight: "600",
 		cursor: "pointer"
 	},
-	".cm-panel.cm-search .cm-button:hover": { background: "color-mix(in srgb, var(--stylo-border) 45%, transparent)" },
-	".cm-panel.cm-search [name='close']": {
+	".stylo-search-button:hover": {
+		background: "color-mix(in srgb, var(--stylo-border) 45%, transparent)",
+		color: "var(--stylo-text)"
+	},
+	".stylo-search-close": {
+		marginLeft: "auto",
 		color: "var(--stylo-text-muted)",
-		fontSize: "1.1rem"
+		fontSize: "0.9rem"
 	},
 	".cm-searchMatch": {
 		backgroundColor: "color-mix(in srgb, var(--stylo-ring) 35%, transparent)",
@@ -1279,8 +1434,8 @@ var $ = [
 		backgroundColor: "color-mix(in srgb, var(--stylo-ring) 70%, transparent)",
 		outline: "1px solid var(--stylo-ring)"
 	}
-}), Tt = /\[\[([^[\]\n|]*)$/;
-function Et(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,
@@ -1298,13 +1453,13 @@ function Et(e) {
 		}
 	};
 }
-function Dt(e, t) {
+function Zt(e, t) {
 	return async (n) => {
-		let r = n.matchBefore(Tt);
+		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(Et);
+			a = (await e(i)).map(Xt);
 		} catch (e) {
 			return t?.(e, {
 				source: "wikiLinkSource",
@@ -1319,33 +1474,36 @@ function Dt(e, t) {
 		} : null;
 	};
 }
-function Ot(e, t) {
-	return e ? [re(), v.data.of({ autocomplete: Dt(e, t) })] : [];
+function Qt(e, t) {
+	return e ? [me(), y.data.of({ autocomplete: Zt(e, t) })] : [];
 }
 //#endregion
 //#region src/editor/extensions.ts
-function kt(e, t, n) {
+function $t(e, t, n) {
 	return [
 		te(),
-		a.of([...ee, ...m]),
-		p.high(at),
-		xt,
-		ot,
-		b({ top: !0 }),
-		a.of(ne),
-		_({
-			base: v,
+		a.of([...ee, ...h]),
+		m.high(vt),
+		Gt,
+		yt,
+		oe({
+			top: !0,
+			createPanel: Ht
+		}),
+		a.of(se),
+		v({
+			base: y,
 			codeLanguages: e
 		}),
-		Ct,
-		Ot(t, n),
+		qt,
+		Qt(t, n),
 		i.lineWrapping,
-		wt
+		Jt
 	];
 }
-function At(e) {
+function en(e) {
 	return [
-		d.readOnly.of(e.readOnly),
+		f.readOnly.of(e.readOnly),
 		i.editable.of(!e.readOnly),
 		e.placeholder ? o(e.placeholder) : [],
 		e.save ? Q.of(e.save) : []
@@ -1353,40 +1511,40 @@ function At(e) {
 }
 //#endregion
 //#region src/editor/useCodeMirror.ts
-var jt = s.define();
-function Mt({ value: e, onChange: t, readOnly: o = !1, placeholder: s, onSave: c, onViewChange: u, extensions: f, codeLanguages: ee, wikiLinkSource: te, onResolveError: m }) {
+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(m);
-	b.current = m;
+	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(u);
-	S.current = u;
-	let C = r(new l());
+	}).current, x = c != null, S = r(l);
+	S.current = l;
+	let C = r(new u());
 	return n(() => {
 		let t = h.current;
 		if (!t) return;
 		let n = new i({
 			parent: t,
-			state: d.create({
+			state: f.create({
 				doc: e,
 				extensions: [
-					kt(ee, te, ne),
-					C.current.of(At({
+					$t(p, ee, ne),
+					C.current.of(en({
 						readOnly: o,
 						placeholder: s,
 						save: x ? y : void 0
 					})),
-					p.high(a.of([{
+					m.high(a.of([{
 						key: "Mod-s",
-						run: yt
+						run: Mt
 					}])),
-					...f ?? [],
+					...d ?? [],
 					i.updateListener.of((e) => {
-						e.docChanged && (e.transactions.some((e) => !!e.annotation(jt)) || _.current(e.state.doc.toString()));
+						e.docChanged && (e.transactions.some((e) => !!e.annotation(tn)) || _.current(e.state.doc.toString()));
 					})
 				]
 			})
@@ -1404,10 +1562,10 @@ function Mt({ value: e, onChange: t, readOnly: o = !1, placeholder: s, onSave: c
 				to: n.length,
 				insert: e
 			},
-			annotations: jt.of(!0)
+			annotations: tn.of(!0)
 		});
 	}, [e]), n(() => {
-		g.current?.dispatch({ effects: C.current.reconfigure(At({
+		g.current?.dispatch({ effects: C.current.reconfigure(en({
 			readOnly: o,
 			placeholder: s,
 			save: x ? y : void 0
@@ -1420,6 +1578,6 @@ function Mt({ value: e, onChange: t, readOnly: o = !1, placeholder: s, onSave: c
 	]), h;
 }
 //#endregion
-export { _e as _, R as a, oe as b, P as c, ge as d, xe as f, be as g, Ce as h, et as i, we as l, ye as m, bt as n, z as o, A as p, _t as r, je as s, Mt as t, De as u, ve as v, ie 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-DtwupFgc.js.map
+//# sourceMappingURL=useCodeMirror-CjG9CwpB.js.map