@cascivo/editor 0.2.4 → 0.2.5

package/dist/index.js

@@ -1,24 +1,24 @@
 "use client";
-import { cn as e, useControllableSignal as t, useSignal as n, useSignalEffect as r, useSignals as i } from "@cascivo/core";
-import { builtin as a, t as o } from "@cascivo/i18n";
-import { forwardRef as s, useImperativeHandle as c, useRef as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { cn as e, useAnchorPosition as t, useControllableSignal as n, useId as r, useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
+import { builtin as s, t as c } from "@cascivo/i18n";
+import { forwardRef as l, useImperativeHandle as ee, useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/engine/tokenize.ts
-var f = /* @__PURE__ */ new Map(), p = "\0", ee = 0;
-function m(e, t, n) {
-	let r = `${e.name}${p}${n}${p}${t}`, i = f.get(r);
+var p = /* @__PURE__ */ new Map(), m = "\0", h = 0;
+function g(e, t, n) {
+	let r = `${e.name}${m}${n}${m}${t}`, i = p.get(r);
 	if (i) return i;
-	ee++;
+	h++;
 	let { tokens: a, state: o } = e.tokenizeLine(t, n), s = {
 		tokens: a,
 		endState: o
 	};
-	return f.set(r, s), s;
+	return p.set(r, s), s;
 }
-function h(e, t) {
+function _(e, t) {
 	let n = t.split("\n"), r = [], i = e.initialState;
 	for (let t of n) {
-		let n = m(e, t, i);
+		let n = g(e, t, i);
 		r.push(n.tokens), i = n.endState;
 	}
 	return r;
@@ -26,7 +26,7 @@ function h(e, t) {
 function te(e, t, n, r, i) {
 	let a = Math.max(0, Math.min(n, t.length)), o = Math.max(a, Math.min(r, t.length)), s = i.startStateOf(t, a), c = [];
 	for (let n = a; n < o; n++) {
-		let r = m(e, t[n], s);
+		let r = g(e, t[n], s);
 		c.push(r.tokens), i.setEndState(n, r.endState), s = r.endState;
 	}
 	return c;
@@ -39,7 +39,7 @@ function ne(e) {
 		if (a > i) return;
 		let o = a === 0 ? e.initialState : t[a - 1];
 		for (; a <= i; a++) {
-			let r = m(e, n[a], o);
+			let r = g(e, n[a], o);
 			t[a] = r.endState, o = r.endState;
 		}
 	};
@@ -61,7 +61,7 @@ function ne(e) {
 }
 //#endregion
 //#region src/engine/registry.ts
-var g = /* @__PURE__ */ new Map(), _ = {
+var v = /* @__PURE__ */ new Map(), y = {
 	name: "plaintext",
 	initialState: "default",
 	tokenizeLine: (e) => ({
@@ -72,23 +72,23 @@ var g = /* @__PURE__ */ new Map(), _ = {
 		state: "default"
 	})
 };
-g.set(_.name, _);
-function v(e) {
-	g.set(e.name, e);
+v.set(y.name, y);
+function b(e) {
+	v.set(e.name, e);
 }
 function re(e) {
 	if (e !== void 0) {
-		let t = g.get(e);
+		let t = v.get(e);
 		if (t) return t;
 	}
-	return g.get("plaintext");
+	return v.get("plaintext");
 }
-function y() {
-	return [...g.keys()];
+function x() {
+	return [...v.keys()];
 }
 //#endregion
 //#region src/grammars/rules.ts
-function b(e) {
+function S(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e.states)) t[n] = r.map((e) => {
 		let t = `${e.match.flags.replace(/[gy]/g, "")}y`, n = {
@@ -131,7 +131,7 @@ function b(e) {
 }
 //#endregion
 //#region src/grammars/plaintext.ts
-var x = {
+var ie = {
 	name: "plaintext",
 	initialState: "default",
 	tokenizeLine: (e) => ({
@@ -142,10 +142,10 @@ var x = {
 		state: "default"
 	})
 };
-v(x);
+b(ie);
 //#endregion
 //#region src/grammars/json.ts
-var S = b({
+var ae = S({
 	name: "json",
 	states: { default: [
 		{
@@ -174,14 +174,14 @@ var S = b({
 		}
 	] }
 });
-v(S);
+b(ae);
 //#endregion
 //#region src/grammars/clike.ts
-var C = /* @__PURE__ */ "async.await.break.case.catch.class.const.continue.debugger.default.delete.do.else.export.extends.finally.for.function.if.import.in.instanceof.let.new.of.return.static.super.switch.this.throw.try.typeof.var.void.while.with.yield.as.from.get.set".split(".");
-function w(e) {
+var oe = /* @__PURE__ */ "async.await.break.case.catch.class.const.continue.debugger.default.delete.do.else.export.extends.finally.for.function.if.import.in.instanceof.let.new.of.return.static.super.switch.this.throw.try.typeof.var.void.while.with.yield.as.from.get.set".split(".");
+function se(e) {
 	return RegExp(`(?:${e.join("|")})\\b`);
 }
-function T(e, t, n = []) {
+function C(e, t, n = []) {
 	let r = [
 		{
 			match: /\/\/.*/,
@@ -215,10 +215,10 @@ function T(e, t, n = []) {
 		}
 	];
 	return n.length > 0 && r.push({
-		match: w(n),
+		match: se(n),
 		kind: "type"
 	}), r.push({
-		match: w(t),
+		match: se(t),
 		kind: "keyword"
 	}, {
 		match: /[A-Za-z_$][\w$]*(?=\s*\()/,
@@ -235,7 +235,7 @@ function T(e, t, n = []) {
 	}, {
 		match: /[{}()[\];,.:]/,
 		kind: "punctuation"
-	}), b({
+	}), S({
 		name: e,
 		states: {
 			default: r,
@@ -282,9 +282,9 @@ function T(e, t, n = []) {
 }
 //#endregion
 //#region src/grammars/javascript.ts
-var ie = T("javascript", C);
-v(ie);
-var ae = T("typescript", C, [
+var ce = C("javascript", oe);
+b(ce);
+var le = C("typescript", oe, [
 	"interface",
 	"type",
 	"enum",
@@ -310,10 +310,10 @@ var ae = T("typescript", C, [
 	"never",
 	"object"
 ]);
-v(ae);
+b(le);
 //#endregion
 //#region src/grammars/css.ts
-var oe = b({
+var w = S({
 	name: "css",
 	states: {
 		default: [
@@ -380,10 +380,10 @@ var oe = b({
 		]
 	}
 });
-v(oe);
+b(w);
 //#endregion
 //#region src/grammars/html.ts
-var se = b({
+var ue = S({
 	name: "html",
 	states: {
 		default: [
@@ -442,10 +442,10 @@ var se = b({
 		]
 	}
 });
-v(se);
+b(ue);
 //#endregion
 //#region src/grammars/markdown.ts
-var ce = b({
+var de = S({
 	name: "markdown",
 	states: {
 		default: [
@@ -518,10 +518,10 @@ var ce = b({
 		}]
 	}
 });
-v(ce);
+b(de);
 //#endregion
 //#region src/grammars/bash.ts
-var le = b({
+var fe = S({
 	name: "bash",
 	states: { default: [
 		{
@@ -558,8 +558,8 @@ var le = b({
 		}
 	] }
 });
-v(le);
-var E = {
+b(fe);
+var T = {
 	root: "_root_1m6ns_2",
 	gutter: "_gutter_1m6ns_17",
 	gutterLine: "_gutterLine_1m6ns_28",
@@ -588,77 +588,77 @@ var E = {
 };
 //#endregion
 //#region src/editor/view.tsx
-function ue(e, t) {
+function pe(e, t) {
 	let n = "";
 	for (let r of t) e >= r.start && e < r.end && (n = n ? `${n} ${r.className}` : r.className);
 	return n;
 }
-function de(t, n, r, i) {
+function me(t, n, r, i) {
 	let a = n + t.value.length, o = new Set([n, a]);
 	for (let e of r) e.start > n && e.start < a && o.add(e.start), e.end > n && e.end < a && o.add(e.end);
 	if (o.size === 2) {
-		let a = ue(n, r);
-		return /* @__PURE__ */ u("span", {
-			className: a ? e(E[t.kind], a) : E[t.kind],
+		let a = pe(n, r);
+		return /* @__PURE__ */ d("span", {
+			className: a ? e(T[t.kind], a) : T[t.kind],
 			children: t.value
 		}, i);
 	}
 	let s = [...o].sort((e, t) => e - t), c = [];
 	for (let i = 0; i < s.length - 1; i++) {
-		let a = s[i], o = s[i + 1], l = ue(a, r);
-		c.push(/* @__PURE__ */ u("span", {
-			className: l ? e(E[t.kind], l) : E[t.kind],
+		let a = s[i], o = s[i + 1], l = pe(a, r);
+		c.push(/* @__PURE__ */ d("span", {
+			className: l ? e(T[t.kind], l) : T[t.kind],
 			children: t.value.slice(a - n, o - n)
 		}, a));
 	}
-	return /* @__PURE__ */ u("span", { children: c }, i);
+	return /* @__PURE__ */ d("span", { children: c }, i);
 }
-function fe(e, t = 0, n = t + e.length, r) {
+function he(e, t = 0, n = t + e.length, r) {
 	let i = [];
 	for (let a = t; a < n; a++) {
 		let n = e[a - t], o = r?.filter((e) => e.line === a);
-		i.push(/* @__PURE__ */ u("span", {
-			className: E.line,
+		i.push(/* @__PURE__ */ d("span", {
+			className: T.line,
 			children: n.length === 0 ? "​" : o && o.length > 0 ? (() => {
 				let e = 0;
 				return n.map((t, n) => {
-					let r = de(t, e, o, n);
+					let r = me(t, e, o, n);
 					return e += t.value.length, r;
 				});
-			})() : n.map((e, t) => /* @__PURE__ */ u("span", {
-				className: E[e.kind],
+			})() : n.map((e, t) => /* @__PURE__ */ d("span", {
+				className: T[e.kind],
 				children: e.value
 			}, t))
 		}, a));
 	}
 	return i;
 }
-function pe({ count: e, className: t, gutterRef: n, start: r = 0, end: i = e, topPad: a = 0, bottomPad: o = 0, activeLine: s = !1 }) {
+function ge({ count: e, className: t, gutterRef: n, start: r = 0, end: i = e, topPad: a = 0, bottomPad: o = 0, activeLine: s = !1 }) {
 	let c = [];
-	for (let e = r + 1; e <= i; e++) c.push(/* @__PURE__ */ u("span", {
-		className: E.gutterLine,
+	for (let e = r + 1; e <= i; e++) c.push(/* @__PURE__ */ d("span", {
+		className: T.gutterLine,
 		children: e
 	}, e));
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ f("div", {
 		ref: n,
 		className: t,
 		"aria-hidden": "true",
 		children: [
-			s && /* @__PURE__ */ u("div", { className: E.gutterActive }),
-			a > 0 && /* @__PURE__ */ u("div", { style: { blockSize: a } }),
+			s && /* @__PURE__ */ d("div", { className: T.gutterActive }),
+			a > 0 && /* @__PURE__ */ d("div", { style: { blockSize: a } }),
 			c,
-			o > 0 && /* @__PURE__ */ u("div", { style: { blockSize: o } })
+			o > 0 && /* @__PURE__ */ d("div", { style: { blockSize: o } })
 		]
 	});
 }
-var D = {
+var E = {
 	root: "_root_18xci_2",
 	textarea: "_textarea_18xci_18",
 	gutter: "_gutter_18xci_23",
 	codeArea: "_codeArea_18xci_36",
 	pre: "_pre_18xci_43",
 	currentLine: "_currentLine_18xci_58"
-}, O = {
+}, D = {
 	panel: "_panel_hawkv_2",
 	row: "_row_hawkv_20",
 	input: "_input_hawkv_26",
@@ -669,32 +669,32 @@ var D = {
 };
 //#endregion
 //#region src/editor/code-editor/find-panel.tsx
-function me(t) {
-	i();
-	let n = t.matchCount === 0 ? o(a.editor.noMatches) : o(a.editor.findCount, {
+function _e(t) {
+	o();
+	let n = t.matchCount === 0 ? c(s.editor.noMatches) : c(s.editor.findCount, {
 		current: t.currentIndex + 1,
 		total: t.matchCount
 	});
-	return /* @__PURE__ */ d("div", {
-		className: O.panel,
+	return /* @__PURE__ */ f("div", {
+		className: D.panel,
 		role: "search",
-		"aria-label": o(a.editor.find),
-		children: [/* @__PURE__ */ d("div", {
-			className: O.row,
+		"aria-label": c(s.editor.find),
+		children: [/* @__PURE__ */ f("div", {
+			className: D.row,
 			children: [
-				/* @__PURE__ */ u("button", {
+				/* @__PURE__ */ d("button", {
 					type: "button",
-					className: O.toggle,
-					"aria-label": o(a.editor.toggleReplace),
+					className: D.toggle,
+					"aria-label": c(s.editor.toggleReplace),
 					"aria-expanded": t.replaceMode,
 					onClick: t.onToggleReplace,
 					children: t.replaceMode ? "▾" : "▸"
 				}),
-				/* @__PURE__ */ u("input", {
-					className: O.input,
+				/* @__PURE__ */ d("input", {
+					className: D.input,
 					value: t.query,
-					placeholder: o(a.editor.findPlaceholder),
-					"aria-label": o(a.editor.find),
+					placeholder: c(s.editor.findPlaceholder),
+					"aria-label": c(s.editor.find),
 					autoFocus: !0,
 					autoComplete: "off",
 					spellCheck: !1,
@@ -703,49 +703,49 @@ function me(t) {
 						e.key === "Enter" ? (e.preventDefault(), e.shiftKey ? t.onPrev() : t.onNext()) : e.key === "Escape" && (e.preventDefault(), t.onClose());
 					}
 				}),
-				/* @__PURE__ */ u("span", {
-					className: O.count,
+				/* @__PURE__ */ d("span", {
+					className: D.count,
 					"aria-live": "polite",
 					children: n
 				}),
-				/* @__PURE__ */ u("button", {
+				/* @__PURE__ */ d("button", {
 					type: "button",
-					className: O.button,
-					"aria-label": o(a.editor.previous),
+					className: D.button,
+					"aria-label": c(s.editor.previous),
 					onClick: t.onPrev,
 					children: "‹"
 				}),
-				/* @__PURE__ */ u("button", {
+				/* @__PURE__ */ d("button", {
 					type: "button",
-					className: O.button,
-					"aria-label": o(a.editor.next),
+					className: D.button,
+					"aria-label": c(s.editor.next),
 					onClick: t.onNext,
 					children: "›"
 				}),
-				/* @__PURE__ */ u("button", {
+				/* @__PURE__ */ d("button", {
 					type: "button",
-					className: e(O.button, t.caseSensitive && O.active),
+					className: e(D.button, t.caseSensitive && D.active),
 					"aria-pressed": t.caseSensitive,
-					"aria-label": o(a.editor.matchCase),
+					"aria-label": c(s.editor.matchCase),
 					onClick: t.onToggleCase,
 					children: "Aa"
 				}),
-				/* @__PURE__ */ u("button", {
+				/* @__PURE__ */ d("button", {
 					type: "button",
-					className: O.button,
-					"aria-label": o(a.editor.close),
+					className: D.button,
+					"aria-label": c(s.editor.close),
 					onClick: t.onClose,
 					children: "×"
 				})
 			]
-		}), t.replaceMode && /* @__PURE__ */ d("div", {
-			className: O.row,
+		}), t.replaceMode && /* @__PURE__ */ f("div", {
+			className: D.row,
 			children: [
-				/* @__PURE__ */ u("input", {
-					className: O.input,
+				/* @__PURE__ */ d("input", {
+					className: D.input,
 					value: t.replaceQuery,
-					placeholder: o(a.editor.replacePlaceholder),
-					"aria-label": o(a.editor.replace),
+					placeholder: c(s.editor.replacePlaceholder),
+					"aria-label": c(s.editor.replace),
 					autoComplete: "off",
 					spellCheck: !1,
 					onChange: (e) => t.onReplaceChange(e.currentTarget.value),
@@ -753,17 +753,17 @@ function me(t) {
 						e.key === "Escape" ? (e.preventDefault(), t.onClose()) : e.key === "Enter" && (e.preventDefault(), t.onReplace());
 					}
 				}),
-				/* @__PURE__ */ u("button", {
+				/* @__PURE__ */ d("button", {
 					type: "button",
-					className: O.button,
+					className: D.button,
 					onClick: t.onReplace,
-					children: o(a.editor.replaceOne)
+					children: c(s.editor.replaceOne)
 				}),
-				/* @__PURE__ */ u("button", {
+				/* @__PURE__ */ d("button", {
 					type: "button",
-					className: O.button,
+					className: D.button,
 					onClick: t.onReplaceAll,
-					children: o(a.editor.replaceAll)
+					children: c(s.editor.replaceAll)
 				})
 			]
 		})]
@@ -771,25 +771,25 @@ function me(t) {
 }
 //#endregion
 //#region src/editor/code-editor/find.ts
-var he = /\w/;
-function k(e) {
-	return e !== void 0 && he.test(e);
+var O = /\w/;
+function ve(e) {
+	return e !== void 0 && O.test(e);
 }
-function ge(e, t, n = {}) {
+function ye(e, t, n = {}) {
 	if (t.length === 0) return [];
 	let r = n.caseSensitive ? e : e.toLowerCase(), i = n.caseSensitive ? t : t.toLowerCase(), a = [], o = 0;
 	for (;;) {
 		let t = r.indexOf(i, o);
 		if (t === -1) break;
 		let s = t + i.length;
-		(!n.wholeWord || !k(e[t - 1]) && !k(e[s])) && a.push({
+		(!n.wholeWord || !ve(e[t - 1]) && !ve(e[s])) && a.push({
 			start: t,
 			end: s
 		}), o = s > t ? s : t + 1;
 	}
 	return a;
 }
-function _e(e, t) {
+function be(e, t) {
 	let n = 0, r = 0;
 	for (let i = 0; i < t && i < e.length; i++) e[i] === "\n" && (n++, r = i + 1);
 	return {
@@ -797,9 +797,9 @@ function _e(e, t) {
 		col: t - r
 	};
 }
-function ve(e, t, n, r) {
+function xe(e, t, n, r) {
 	return t.map((t, i) => {
-		let { line: a, col: o } = _e(e, t.start);
+		let { line: a, col: o } = be(e, t.start);
 		return {
 			line: a,
 			start: o,
@@ -808,7 +808,7 @@ function ve(e, t, n, r) {
 		};
 	});
 }
-function ye(e, t, n) {
+function Se(e, t, n) {
 	let r = e;
 	for (let e = t.length - 1; e >= 0; e--) {
 		let i = t[e];
@@ -818,16 +818,16 @@ function ye(e, t, n) {
 }
 //#endregion
 //#region src/editor/code-editor/brackets.ts
-var A = {
+var k = {
 	"(": ")",
 	"[": "]",
 	"{": "}"
-}, j = {
+}, A = {
 	")": "(",
 	"]": "[",
 	"}": "}"
 };
-function M(e, t, n, r) {
+function j(e, t, n, r) {
 	let i = 0;
 	for (let a = t; a < e.length; a++) {
 		let t = e[a];
@@ -836,7 +836,7 @@ function M(e, t, n, r) {
 	}
 	return -1;
 }
-function N(e, t, n, r) {
+function M(e, t, n, r) {
 	let i = 0;
 	for (let a = t; a >= 0; a--) {
 		let t = e[a];
@@ -845,41 +845,41 @@ function N(e, t, n, r) {
 	}
 	return -1;
 }
-function be(e, t) {
+function Ce(e, t) {
 	let n = e[t];
-	if (n && n in A) {
-		let r = M(e, t, n, A[n]);
+	if (n && n in k) {
+		let r = j(e, t, n, k[n]);
 		if (r !== -1) return {
 			open: t,
 			close: r
 		};
 	}
 	let r = e[t - 1];
-	if (r && r in j) {
-		let n = N(e, t - 1, j[r], r);
+	if (r && r in A) {
+		let n = M(e, t - 1, A[r], r);
 		if (n !== -1) return {
 			open: n,
 			close: t - 1
 		};
 	}
-	if (r && r in A) {
-		let n = M(e, t - 1, r, A[r]);
+	if (r && r in k) {
+		let n = j(e, t - 1, r, k[r]);
 		if (n !== -1) return {
 			open: t - 1,
 			close: n
 		};
 	}
-	if (n && n in j) {
-		let r = N(e, t, j[n], n);
+	if (n && n in A) {
+		let r = M(e, t, A[n], n);
 		if (r !== -1) return {
 			open: r,
 			close: t
 		};
 	}
 }
-function xe(e, t, n) {
+function we(e, t, n) {
 	return [t.open, t.close].map((t) => {
-		let { line: r, col: i } = _e(e, t);
+		let { line: r, col: i } = be(e, t);
 		return {
 			line: r,
 			start: i,
@@ -890,7 +890,7 @@ function xe(e, t, n) {
 }
 //#endregion
 //#region src/editor/code-editor/history.ts
-function Se(e = 200) {
+function Te(e = 200) {
 	let t = [], n = -1, r = !1;
 	return {
 		record(i, a) {
@@ -916,23 +916,23 @@ function Se(e = 200) {
 }
 //#endregion
 //#region src/editor/code-editor/keymap.ts
-var P = typeof navigator < "u" && /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent || "");
-function F(e) {
+var N = typeof navigator < "u" && /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent || "");
+function P(e) {
 	let t = [];
-	(P ? e.metaKey : e.ctrlKey) && t.push("Mod"), e.altKey && t.push("Alt"), e.shiftKey && t.push("Shift");
+	(N ? e.metaKey : e.ctrlKey) && t.push("Mod"), e.altKey && t.push("Alt"), e.shiftKey && t.push("Shift");
 	let n = e.key;
 	return n.length === 1 && (n = n.toLowerCase()), t.push(n), t.join("-");
 }
-function Ce(e, t) {
+function Ee(e, t) {
 	let n = new Map(Object.entries(e));
 	if (t) for (let [e, r] of Object.entries(t)) n.set(e, r);
 	return n;
 }
-function we(e, t) {
-	let n = e.get(F(t.event));
+function De(e, t) {
+	let n = e.get(P(t.event));
 	return n ? n(t) : !1;
 }
-function Te(e) {
+function Oe(e) {
 	let t = () => e.insertSpaces ? " ".repeat(e.tabSize) : "	";
 	return {
 		indent: ({ textarea: e, setText: n }) => {
@@ -952,7 +952,7 @@ function Te(e) {
 }
 //#endregion
 //#region src/editor/code-editor/sync.ts
-function Ee(e, t) {
+function ke(e, t) {
 	if (e === t) return {
 		from: e.length,
 		to: e.length,
@@ -968,30 +968,124 @@ function Ee(e, t) {
 		insert: t.slice(r, a)
 	};
 }
-function I(e, t) {
+function F(e, t) {
 	return e <= t.from ? e : e >= t.to ? e + (t.insert.length - (t.to - t.from)) : t.from + t.insert.length;
 }
-function De(e, t, n) {
+function Ae(e, t, n) {
 	return {
-		start: I(e, n),
-		end: I(t, n)
+		start: F(e, n),
+		end: F(t, n)
 	};
 }
-var L = s(function({ value: s, defaultValue: f, onValueChange: p, language: ee = "plaintext", lineNumbers: m = !0, tabSize: h = 2, insertSpaces: g = !0, wrap: _ = !1, virtualize: v, readOnly: y = !1, disabled: b = !1, spellCheck: x = !1, label: S, onSave: C, keymap: w, decorations: T, theme: ie, bracketMatching: ae = !1, className: oe, style: se, onKeyDown: ce, ...le }, ue) {
-	i();
-	let de = l(C);
-	de.current = C;
-	let [O, he] = t({
-		value: s,
-		defaultValue: f ?? "",
-		onChange: p
-	}), k = l(null), A = l(null), j = l(null), M = l(null), N = l(null);
-	N.current === null && (N.current = Se(), N.current.reset({
+//#endregion
+//#region src/editor/code-editor/caret.ts
+function I(e, t) {
+	let n = 0;
+	for (let r of e) r === "	" ? n += t - n % t : n += 1;
+	return n;
+}
+function je(e, t, n) {
+	let { line: r, col: i } = be(e, t), a = I(e.slice(t - i, t), n.tabSize);
+	return {
+		top: r * n.lineHeight - n.scrollTop + n.padTop,
+		left: a * n.charWidth - n.scrollLeft + n.padLeft
+	};
+}
+function Me(e, t) {
+	if (typeof document > "u") return null;
+	let n = document.createTreeWalker(e, NodeFilter.SHOW_TEXT), r = 0, i = n.nextNode();
+	for (; i;) {
+		let e = i.textContent?.length ?? 0;
+		if (t <= r + e) {
+			let e = document.createRange();
+			e.setStart(i, Math.max(0, t - r)), e.collapse(!0);
+			let n = e.getClientRects();
+			return n.length > 0 ? n[0] : e.getBoundingClientRect();
+		}
+		r += e, i = n.nextNode();
+	}
+	return null;
+}
+function Ne(e) {
+	if (typeof document > "u") return 0;
+	let t = getComputedStyle(e), n = document.createElement("span");
+	n.style.position = "absolute", n.style.visibility = "hidden", n.style.whiteSpace = "pre", n.style.font = t.font, n.style.letterSpacing = t.letterSpacing, n.style.tabSize = t.tabSize, n.textContent = "0".repeat(10), document.body.appendChild(n);
+	let r = n.getBoundingClientRect().width / 10;
+	return n.remove(), r;
+}
+//#endregion
+//#region src/editor/code-editor/slash-trigger.ts
+function Pe(e, t) {
+	for (let n = t - 1; n >= 0; n--) {
+		let r = e[n];
+		if (r === "/") {
+			let r = e[n - 1];
+			return r === void 0 || /\s/.test(r) ? {
+				start: n,
+				query: e.slice(n + 1, t)
+			} : null;
+		}
+		if (r === void 0 || /\s/.test(r)) return null;
+	}
+	return null;
+}
+function Fe(e, t) {
+	if (t === "") return [...e];
+	let n = t.toLowerCase();
+	return e.filter((e) => e.label.toLowerCase().includes(n) || (e.keywords?.some((e) => e.toLowerCase().includes(n)) ?? !1));
+}
+var L = {
+	menu: "_menu_zkolh_2",
+	option: "_option_zkolh_24",
+	active: "_active_zkolh_35",
+	label: "_label_zkolh_39",
+	hint: "_hint_zkolh_44",
+	empty: "_empty_zkolh_50"
+}, Ie = l(function({ id: t, items: n, activeIndex: r, onSelect: i, onHover: a, style: l }, ee) {
+	return o(), /* @__PURE__ */ d("ul", {
+		ref: ee,
+		id: t,
+		className: L.menu,
+		role: "listbox",
+		"aria-label": c(s.editor.commandMenu),
+		style: l,
+		children: n.length === 0 ? /* @__PURE__ */ d("li", {
+			className: L.empty,
+			role: "presentation",
+			children: c(s.editor.commandMenuEmpty)
+		}) : n.map((n, o) => /* @__PURE__ */ f("li", {
+			id: `${t}-opt-${o}`,
+			role: "option",
+			"aria-selected": o === r,
+			className: e(L.option, o === r && L.active),
+			onMouseEnter: () => a(o),
+			onMouseDown: (e) => {
+				e.preventDefault(), i(o);
+			},
+			children: [/* @__PURE__ */ d("span", {
+				className: L.label,
+				children: n.label
+			}), n.hint !== void 0 && /* @__PURE__ */ d("span", {
+				className: L.hint,
+				children: n.hint
+			})]
+		}, n.id))
+	});
+}), R = l(function({ value: l, defaultValue: p, onValueChange: m, language: h = "plaintext", lineNumbers: g = !0, tabSize: _ = 2, insertSpaces: v = !0, wrap: y = !1, virtualize: b, readOnly: x = !1, disabled: S = !1, spellCheck: ie = !1, label: ae, onSave: oe, keymap: se, decorations: C, theme: ce, bracketMatching: le = !1, commands: w, className: ue, style: de, onKeyDown: fe, ...pe }, me) {
+	o();
+	let D = u(oe);
+	D.current = oe;
+	let [O, ve] = n({
+		value: l,
+		defaultValue: p ?? "",
+		onChange: m
+	}), k = u(null), A = u(null), j = u(null), M = u(null), N = u(null);
+	N.current === null && (N.current = Te(), N.current.reset({
 		text: O.value,
 		selectionStart: 0,
 		selectionEnd: 0
 	}));
-	let P = N.current, F = l(null), I = l(void 0), L = l(O.value), R = l(void 0), z = l(!1), B = l({
+	let P = N.current, F = u(null), I = u(void 0), L = u(O.value), R = u(void 0), z = u(!1), B = u({
 		start: 0,
 		end: 0
 	}), V = (e, t, n) => {
@@ -999,30 +1093,30 @@ var L = s(function({ value: s, defaultValue: f, onValueChange: p, language: ee =
 			text: e,
 			selectionStart: t.start,
 			selectionEnd: t.end
-		}, { coalesce: n }), he(e);
-	}, Oe = (e) => {
+		}, { coalesce: n }), ve(e);
+	}, Le = (e) => {
 		let t = M.current;
 		V(e, t ? {
 			start: t.selectionStart,
 			end: t.selectionEnd
 		} : B.current, !1);
-	}, ke = (e) => {
+	}, Re = (e) => {
 		let t = M.current;
 		if (!t) return;
-		z.current = !0, t.value = e.text, t.setSelectionRange(e.selectionStart, e.selectionEnd), he(e.text), R.current = e.text, L.current = e.text, B.current = {
+		z.current = !0, t.value = e.text, t.setSelectionRange(e.selectionStart, e.selectionEnd), ve(e.text), R.current = e.text, L.current = e.text, B.current = {
 			start: e.selectionStart,
 			end: e.selectionEnd
-		}, Ie.value = e.selectionStart;
+		}, G.value = e.selectionStart;
 		let n = e.text.slice(0, e.selectionStart).split("\n").length - 1;
 		k.current?.style.setProperty("--cascivo-editor-caret-line", String(n)), z.current = !1;
-	}, Ae = () => {
+	}, ze = () => {
 		let e = P.undo();
-		e && ke(e);
-	}, je = () => {
+		e && Re(e);
+	}, Be = () => {
 		let e = P.redo();
-		e && ke(e);
-	}, H = n(O.value), Me = n(0), Ne = n(0), Pe = n(0), U = n(!1), Fe = n(""), W = n(""), G = n(!1), K = n(!1), q = n(0), Ie = n(0);
-	r(() => {
+		e && Re(e);
+	}, H = i(O.value), Ve = i(0), He = i(0), Ue = i(0), U = i(!1), We = i(""), Ge = i(""), Ke = i(!1), qe = i(!1), W = i(0), G = i(0), K = i(!1), Je = i(0), Ye = i(""), q = i(0), Xe = i(-1), Ze = i(0), Qe = u(null), $e = u(null), et = r("slash-menu");
+	a(() => {
 		let e = O.value;
 		if (typeof requestAnimationFrame != "function") {
 			H.value = e;
@@ -1032,102 +1126,149 @@ var L = s(function({ value: s, defaultValue: f, onValueChange: p, language: ee =
 			H.value = e;
 		});
 		return () => cancelAnimationFrame(t);
-	}), r(() => {
+	}), a(() => {
 		let e = O.value;
 		if (z.current || e === L.current) return;
 		if (e === R.current) {
 			L.current = e;
 			return;
 		}
-		let t = M.current, n = Ee(L.current, e), r = De(B.current.start, B.current.end, n);
+		let t = M.current, n = ke(L.current, e), r = Ae(B.current.start, B.current.end, n);
 		t && (z.current = !0, t.value !== e && (t.value = e), t.setSelectionRange(r.start, r.end), z.current = !1), B.current = r, P.reset({
 			text: e,
 			selectionStart: r.start,
 			selectionEnd: r.end
 		}), L.current = e;
-	}), r(() => {
+	}), a(() => {
 		let e = M.current;
 		if (!e) return;
 		let t = () => {
 			let t = Number.parseFloat(getComputedStyle(e).lineHeight);
-			Pe.value = Number.isFinite(t) && t > 0 ? t : 0, Ne.value = e.clientHeight;
+			Ue.value = Number.isFinite(t) && t > 0 ? t : 0, He.value = e.clientHeight, Ze.value === 0 && (Ze.value = Ne(e));
 		}, n = () => {
-			Me.value = e.scrollTop, Ne.value = e.clientHeight, A.current && (A.current.scrollTop = e.scrollTop, A.current.scrollLeft = e.scrollLeft), j.current && (j.current.scrollTop = e.scrollTop);
+			Ve.value = e.scrollTop, He.value = e.clientHeight, A.current && (A.current.scrollTop = e.scrollTop, A.current.scrollLeft = e.scrollLeft), j.current && (j.current.scrollTop = e.scrollTop);
 		}, r = () => {
 			let t = e.value.slice(0, e.selectionStart).split("\n").length - 1;
 			k.current?.style.setProperty("--cascivo-editor-caret-line", String(t)), B.current = {
 				start: e.selectionStart,
 				end: e.selectionEnd
-			}, Ie.value = e.selectionStart;
+			}, G.value = e.selectionStart;
 		}, i = () => {
 			document.activeElement === e && r();
 		};
 		return t(), r(), e.addEventListener("scroll", n), e.addEventListener("keyup", r), e.addEventListener("click", r), e.addEventListener("input", r), document.addEventListener("selectionchange", i), () => {
 			e.removeEventListener("scroll", n), e.removeEventListener("keyup", r), e.removeEventListener("click", r), e.removeEventListener("input", r), document.removeEventListener("selectionchange", i);
 		};
+	}), a(() => {
+		let e = G.value, t = O.value;
+		if (!w || w.length === 0 || x || S) {
+			K.value &&= !1;
+			return;
+		}
+		let n = Pe(t, e);
+		if (!n) {
+			Xe.value = -1, K.value &&= !1;
+			return;
+		}
+		if (n.start === Xe.value) {
+			K.value &&= !1;
+			return;
+		}
+		K.value || (q.value = 0), K.value = !0, Je.value = n.start, Ye.value = n.query;
+	}), a(() => {
+		if (!K.value) return;
+		let e = Qe.current, t = M.current;
+		if (!e || !t) return;
+		let n = Je.value, r = e.offsetParent, i, a, o = A.current, s = (y || O.value.includes("	")) && o ? Me(o, n) : null;
+		if (s && r) {
+			let e = r.getBoundingClientRect();
+			i = s.bottom - e.top, a = s.left - e.left;
+		} else {
+			let e = getComputedStyle(t), r = je(O.value, n, {
+				charWidth: Ze.value,
+				lineHeight: Ue.value,
+				scrollTop: t.scrollTop,
+				scrollLeft: t.scrollLeft,
+				padTop: Number.parseFloat(e.paddingTop) || 0,
+				padLeft: Number.parseFloat(e.paddingLeft) || 0,
+				tabSize: _
+			});
+			i = r.top + Ue.value, a = r.left;
+		}
+		e.style.top = `${i}px`, e.style.left = `${a}px`;
 	});
-	let Le = re(ee);
-	(F.current === null || F.current.grammar !== Le) && (F.current = ne(Le), I.current = void 0);
-	let Re = F.current, ze = H.value.split("\n"), J = ze.length, Be = H.value, Y = I.current;
-	if (Be !== Y) {
-		let e = Y === void 0 ? 0 : (() => {
-			let e = Ee(Y, Be);
-			return Y.slice(0, e.from).split("\n").length - 1;
+	let tt = re(h);
+	(F.current === null || F.current.grammar !== tt) && (F.current = ne(tt), I.current = void 0);
+	let nt = F.current, rt = H.value.split("\n"), J = rt.length, it = H.value, at = I.current;
+	if (it !== at) {
+		let e = at === void 0 ? 0 : (() => {
+			let e = ke(at, it);
+			return at.slice(0, e.from).split("\n").length - 1;
 		})();
-		Re.invalidateFrom(e), I.current = Be;
+		nt.invalidateFrom(e), I.current = it;
 	}
-	let X = Pe.value, Ve = (v ?? J > 1e3) && !_ && X > 0, Z = 0, Q = J;
-	if (Ve) {
-		Z = Math.max(0, Math.floor(Me.value / X) - 12);
-		let e = Math.ceil(Ne.value / X);
-		Q = Math.min(J, Z + e + 24);
+	let Y = Ue.value, ot = (b ?? J > 1e3) && !y && Y > 0, X = 0, Z = J;
+	if (ot) {
+		X = Math.max(0, Math.floor(Ve.value / Y) - 12);
+		let e = Math.ceil(He.value / Y);
+		Z = Math.min(J, X + e + 24);
 	}
-	let He = te(Le, ze, Z, Q, Re), Ue = Z * X, We = (J - Q) * X, $ = U.value ? ge(H.value, Fe.value, { caseSensitive: G.value }) : [];
-	q.value >= $.length && (q.value = Math.max(0, $.length - 1));
-	let Ge = $.length > 0 ? ve(H.value, $, q.value, {
-		match: E.match,
-		current: E.matchCurrent
-	}) : [], Ke = typeof T == "function" ? T(H.value) : T ?? [], qe = [];
-	if (ae) {
-		let e = be(H.value, Ie.value);
-		e && (qe = xe(H.value, e, E.bracketMatch));
+	let st = te(tt, rt, X, Z, nt), ct = X * Y, lt = (J - Z) * Y, Q = U.value ? ye(H.value, We.value, { caseSensitive: Ke.value }) : [];
+	W.value >= Q.length && (W.value = Math.max(0, Q.length - 1));
+	let ut = Q.length > 0 ? xe(H.value, Q, W.value, {
+		match: T.match,
+		current: T.matchCurrent
+	}) : [], dt = typeof C == "function" ? C(H.value) : C ?? [], ft = [];
+	if (le) {
+		let e = Ce(H.value, G.value);
+		e && (ft = we(H.value, e, T.bracketMatch));
 	}
-	let Je = [
-		...Ke,
-		...qe,
-		...Ge
-	], Ye = Je.length > 0 ? Je : void 0, Xe = (e) => {
-		let t = $[e], n = M.current;
+	let pt = [
+		...dt,
+		...ft,
+		...ut
+	], mt = pt.length > 0 ? pt : void 0, ht = (e) => {
+		let t = Q[e], n = M.current;
 		if (!(!t || !n) && (n.focus(), n.setSelectionRange(t.start, t.end), B.current = {
 			start: t.start,
 			end: t.end
-		}, X > 0)) {
-			let { line: e } = _e(n.value, t.start), r = e * X;
-			(r < n.scrollTop || r > n.scrollTop + n.clientHeight - X) && (n.scrollTop = Math.max(0, r - n.clientHeight / 2));
+		}, Y > 0)) {
+			let { line: e } = be(n.value, t.start), r = e * Y;
+			(r < n.scrollTop || r > n.scrollTop + n.clientHeight - Y) && (n.scrollTop = Math.max(0, r - n.clientHeight / 2));
 		}
-	}, Ze = () => {
-		$.length !== 0 && (q.value = (q.value + 1) % $.length, Xe(q.value));
-	}, Qe = () => {
-		$.length !== 0 && (q.value = (q.value - 1 + $.length) % $.length, Xe(q.value));
-	}, $e = () => {
-		let e = $[q.value], t = M.current;
-		!e || !t || y || b || (t.setRangeText(W.value, e.start, e.end, "end"), V(t.value, {
+	}, gt = () => {
+		Q.length !== 0 && (W.value = (W.value + 1) % Q.length, ht(W.value));
+	}, _t = () => {
+		Q.length !== 0 && (W.value = (W.value - 1 + Q.length) % Q.length, ht(W.value));
+	}, vt = () => {
+		let e = Q[W.value], t = M.current;
+		!e || !t || x || S || (t.setRangeText(Ge.value, e.start, e.end, "end"), V(t.value, {
 			start: t.selectionStart,
 			end: t.selectionEnd
 		}, !1));
-	}, et = () => {
-		if ($.length === 0 || y || b) return;
-		let e = ye(H.value, $, W.value), t = M.current;
+	}, yt = () => {
+		if (Q.length === 0 || x || S) return;
+		let e = Se(H.value, Q, Ge.value), t = M.current;
 		t && (t.value = e), V(e, {
 			start: t?.selectionStart ?? 0,
 			end: t?.selectionEnd ?? 0
 		}, !1);
-	}, tt = (e) => {
-		K.value = e, U.value = !0;
-	}, nt = () => {
+	}, bt = (e) => {
+		qe.value = e, U.value = !0;
+	}, xt = () => {
 		U.value = !1, M.current?.focus();
-	};
-	c(ue, () => ({
+	}, $ = K.value ? Fe(w ?? [], Ye.value) : [];
+	q.value >= $.length && (q.value = Math.max(0, $.length - 1));
+	let St = $.map((e) => ({
+		id: e.id,
+		label: e.label,
+		...e.hint !== void 0 && { hint: e.hint }
+	})), { anchorStyle: Ct, floatingStyle: wt } = t({
+		anchorRef: Qe,
+		floatingRef: $e,
+		placement: "bottom-start",
+		enabled: K
+	}), Tt = {
 		applyEdit: ({ from: e, to: t }, n) => {
 			let r = M.current;
 			r && (r.setRangeText(n, e, t, "end"), V(r.value, {
@@ -1143,66 +1284,97 @@ var L = s(function({ value: s, defaultValue: f, onValueChange: p, language: ee =
 			} : { ...B.current };
 		},
 		focus: () => M.current?.focus(),
-		undo: Ae,
-		redo: je,
-		openFind: () => tt(!1)
-	}));
-	let rt = (e) => {
-		let t = e.currentTarget, n = !y && !b, r = {};
+		undo: ze,
+		redo: Be,
+		openFind: () => bt(!1),
+		openCommandMenu: () => {
+			let e = M.current;
+			!e || !w || w.length === 0 || x || S || (e.focus(), e.setRangeText("/", e.selectionStart, e.selectionEnd, "end"), V(e.value, {
+				start: e.selectionStart,
+				end: e.selectionEnd
+			}, !1), G.value = e.selectionStart, B.current = {
+				start: e.selectionStart,
+				end: e.selectionEnd
+			});
+		}
+	};
+	ee(me, () => Tt);
+	let Et = (e) => {
+		let t = $[e], n = M.current;
+		if (!t || !n || x || S) return;
+		let r = Je.value, i = n.selectionStart;
+		n.setRangeText(t.insert ?? "", r, i, "end"), V(n.value, {
+			start: n.selectionStart,
+			end: n.selectionEnd
+		}, !1), G.value = n.selectionStart, B.current = {
+			start: n.selectionStart,
+			end: n.selectionEnd
+		}, K.value = !1, q.value = 0, n.focus(), t.run?.(Tt);
+	}, Dt = (e) => {
+		let t = e.currentTarget, n = !x && !S, r = {};
 		if (n) {
-			let { indent: e, dedent: t } = Te({
-				tabSize: h,
-				insertSpaces: g
+			let { indent: e, dedent: t } = Oe({
+				tabSize: _,
+				insertSpaces: v
 			});
-			r.Tab = e, r["Shift-Tab"] = t, r["Mod-z"] = () => (Ae(), !0);
-			let n = () => (je(), !0);
+			r.Tab = e, r["Shift-Tab"] = t, r["Mod-z"] = () => (ze(), !0);
+			let n = () => (Be(), !0);
 			r["Mod-Shift-z"] = n, r["Mod-y"] = n;
 		}
-		r["Mod-f"] = () => (tt(!1), !0), r["Mod-Alt-f"] = () => (tt(!0), !0), r["Mod-s"] = () => {
-			let e = de.current;
+		if (r["Mod-f"] = () => (bt(!1), !0), r["Mod-Alt-f"] = () => (bt(!0), !0), r["Mod-s"] = () => {
+			let e = D.current;
 			return e ? (e(O.value), !0) : !1;
-		}, U.value && (r.Escape = () => (nt(), !0)), we(Ce(r, w), {
+		}, U.value && (r.Escape = () => (xt(), !0)), K.value) {
+			let e = (e) => () => {
+				let t = $.length;
+				return t > 0 && (q.value = (q.value + e + t) % t), !0;
+			};
+			r.ArrowDown = e(1), r.ArrowUp = e(-1);
+			let t = () => ($.length > 0 && Et(q.value), !0);
+			r.Enter = t, r.Tab = t, r.Escape = () => (Xe.value = Je.value, K.value = !1, !0);
+		}
+		De(Ee(r, se), {
 			textarea: t,
 			event: e,
-			setText: Oe
-		}) && e.preventDefault(), ce?.(e);
-	}, it = {
-		"--cascivo-editor-tab-size": h,
-		...ie,
-		...se
+			setText: Le
+		}) && e.preventDefault(), fe?.(e);
+	}, Ot = {
+		"--cascivo-editor-tab-size": _,
+		...ce,
+		...de
 	};
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ f("div", {
 		ref: k,
-		className: e(D.root, oe),
-		"data-wrap": _,
-		"data-line-numbers": m,
-		style: it,
-		children: [m && /* @__PURE__ */ u(pe, {
+		className: e(E.root, ue),
+		"data-wrap": y,
+		"data-line-numbers": g,
+		style: Ot,
+		children: [g && /* @__PURE__ */ d(ge, {
 			count: J,
-			className: D.gutter,
+			className: E.gutter,
 			gutterRef: j,
-			start: Z,
-			end: Q,
-			topPad: Ue,
-			bottomPad: We,
+			start: X,
+			end: Z,
+			topPad: ct,
+			bottomPad: lt,
 			activeLine: !0
-		}), /* @__PURE__ */ d("div", {
-			className: D.codeArea,
+		}), /* @__PURE__ */ f("div", {
+			className: E.codeArea,
 			children: [
-				/* @__PURE__ */ d("pre", {
+				/* @__PURE__ */ f("pre", {
 					ref: A,
-					className: D.pre,
+					className: E.pre,
 					"aria-hidden": "true",
 					children: [
-						/* @__PURE__ */ u("div", { className: D.currentLine }),
-						Ue > 0 && /* @__PURE__ */ u("div", { style: { blockSize: Ue } }),
-						/* @__PURE__ */ u("code", { children: fe(He, Z, Q, Ye) }),
-						We > 0 && /* @__PURE__ */ u("div", { style: { blockSize: We } })
+						/* @__PURE__ */ d("div", { className: E.currentLine }),
+						ct > 0 && /* @__PURE__ */ d("div", { style: { blockSize: ct } }),
+						/* @__PURE__ */ d("code", { children: he(st, X, Z, mt) }),
+						lt > 0 && /* @__PURE__ */ d("div", { style: { blockSize: lt } })
 					]
 				}),
-				/* @__PURE__ */ u("textarea", {
+				/* @__PURE__ */ d("textarea", {
 					ref: M,
-					className: D.textarea,
+					className: E.textarea,
 					value: O.value,
 					onChange: (e) => {
 						let t = e.currentTarget, n = t.value, r = Math.abs(n.length - L.current.length) === 1;
@@ -1211,35 +1383,57 @@ var L = s(function({ value: s, defaultValue: f, onValueChange: p, language: ee =
 							end: t.selectionEnd
 						}, r);
 					},
-					onKeyDown: rt,
-					readOnly: y,
-					disabled: b,
-					spellCheck: x,
-					"aria-label": S ?? o(a.editor.label),
+					onKeyDown: Dt,
+					readOnly: x,
+					disabled: S,
+					spellCheck: ie,
+					"aria-label": ae ?? c(s.editor.label),
+					"aria-expanded": K.value,
+					"aria-controls": K.value ? et : void 0,
+					"aria-activedescendant": K.value ? `${et}-opt-${q.value}` : void 0,
 					autoCapitalize: "off",
 					autoCorrect: "off",
 					autoComplete: "off",
-					wrap: _ ? "soft" : "off",
-					...le
+					wrap: y ? "soft" : "off",
+					...pe
+				}),
+				/* @__PURE__ */ d("div", {
+					ref: Qe,
+					"aria-hidden": "true",
+					style: {
+						position: "absolute",
+						inlineSize: 0,
+						blockSize: 0,
+						...Ct
+					}
 				}),
-				U.value && /* @__PURE__ */ u(me, {
-					query: Fe.value,
-					replaceQuery: W.value,
-					replaceMode: K.value,
-					caseSensitive: G.value,
-					matchCount: $.length,
-					currentIndex: $.length > 0 ? q.value : -1,
+				K.value && /* @__PURE__ */ d(Ie, {
+					ref: $e,
+					id: et,
+					items: St,
+					activeIndex: q.value,
+					onSelect: Et,
+					onHover: (e) => q.value = e,
+					style: wt
+				}),
+				U.value && /* @__PURE__ */ d(_e, {
+					query: We.value,
+					replaceQuery: Ge.value,
+					replaceMode: qe.value,
+					caseSensitive: Ke.value,
+					matchCount: Q.length,
+					currentIndex: Q.length > 0 ? W.value : -1,
 					onQueryChange: (e) => {
-						Fe.value = e, q.value = 0;
+						We.value = e, W.value = 0;
 					},
-					onReplaceChange: (e) => W.value = e,
-					onNext: Ze,
-					onPrev: Qe,
-					onReplace: $e,
-					onReplaceAll: et,
-					onToggleCase: () => G.value = !G.value,
-					onToggleReplace: () => K.value = !K.value,
-					onClose: nt
+					onReplaceChange: (e) => Ge.value = e,
+					onNext: gt,
+					onPrev: _t,
+					onReplace: vt,
+					onReplaceAll: yt,
+					onToggleCase: () => Ke.value = !Ke.value,
+					onToggleReplace: () => qe.value = !qe.value,
+					onClose: xt
 				})
 			]
 		})]
@@ -1247,32 +1441,32 @@ var L = s(function({ value: s, defaultValue: f, onValueChange: p, language: ee =
 });
 //#endregion
 //#region src/editor/highlight/highlight.tsx
-function R({ value: t, language: n = "plaintext", lineNumbers: r = !1, wrap: a = !1, tabSize: o = 2, label: s, className: c, preRef: l, gutterRef: f, style: p, ...ee }) {
-	i();
+function z({ value: t, language: n = "plaintext", lineNumbers: r = !1, wrap: i = !1, tabSize: a = 2, label: s, className: c, preRef: l, gutterRef: ee, style: u, ...p }) {
+	o();
 	let m = re(n), h = t.split("\n"), g = te(m, h, 0, h.length, ne(m)), _ = {
-		"--cascivo-editor-tab-size": o,
-		...p
+		"--cascivo-editor-tab-size": a,
+		...u
 	};
-	return /* @__PURE__ */ d("div", {
-		className: e(E.root, c),
-		"data-wrap": a,
+	return /* @__PURE__ */ f("div", {
+		className: e(T.root, c),
+		"data-wrap": i,
 		"data-line-numbers": r,
 		style: _,
 		"aria-label": s,
-		...ee,
-		children: [r && /* @__PURE__ */ u(pe, {
+		...p,
+		children: [r && /* @__PURE__ */ d(ge, {
 			count: g.length,
-			className: E.gutter,
-			gutterRef: f
-		}), /* @__PURE__ */ u("pre", {
+			className: T.gutter,
+			gutterRef: ee
+		}), /* @__PURE__ */ d("pre", {
 			ref: l,
-			className: E.pre,
-			children: /* @__PURE__ */ u("code", {
-				className: E.code,
-				children: fe(g)
+			className: T.pre,
+			children: /* @__PURE__ */ d("code", {
+				className: T.code,
+				children: he(g)
 			})
 		})]
 	});
 }
 //#endregion
-export { L as CodeEditor, R as Highlight, le as bash, ne as createLineStateIndex, b as createRuleGrammar, oe as css, re as getGrammar, se as html, ie as javascript, S as json, y as listGrammars, ce as markdown, x as plaintext, v as registerGrammar, m as tokenize, h as tokenizeDocument, te as tokenizeRange, ae as typescript };
+export { R as CodeEditor, z as Highlight, fe as bash, ne as createLineStateIndex, S as createRuleGrammar, w as css, re as getGrammar, ue as html, ce as javascript, ae as json, x as listGrammars, de as markdown, ie as plaintext, b as registerGrammar, g as tokenize, _ as tokenizeDocument, te as tokenizeRange, le as typescript };