@cascivo/editor 0.2.5 → 0.2.6

package/dist/index.js

@@ -1,45 +1,53 @@
 "use client";
 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";
+import { forwardRef as l, useImperativeHandle as u, useRef as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/engine/tokenize.ts
-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);
+var ee = /* @__PURE__ */ new Map(), m = "\0", te = 0;
+function h(e, t, n) {
+	let r = `${e.name}${m}${n}${m}${t}`, i = ee.get(r);
 	if (i) return i;
-	h++;
+	te++;
 	let { tokens: a, state: o } = e.tokenizeLine(t, n), s = {
 		tokens: a,
 		endState: o
 	};
-	return p.set(r, s), s;
+	return ee.set(r, s), s;
 }
-function _(e, t) {
+function g(e, t) {
 	let n = t.split("\n"), r = [], i = e.initialState;
 	for (let t of n) {
-		let n = g(e, t, i);
+		let n = h(e, t, i);
 		r.push(n.tokens), i = n.endState;
 	}
 	return r;
 }
-function te(e, t, n, r, i) {
+function ne(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 = g(e, t[n], s);
+		let r = h(e, t[n], s);
 		c.push(r.tokens), i.setEndState(n, r.endState), s = r.endState;
 	}
 	return c;
 }
+function re(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, c = [];
+	for (let n = a; n < o; n++) {
+		let r = h(e, t[n], s);
+		c.push(r.tokens), s = r.endState;
+	}
+	return c;
+}
 //#endregion
 //#region src/engine/line-state.ts
-function ne(e) {
+function ie(e) {
 	let t = [], n = (n, r) => {
 		let i = Math.min(r, n.length - 1), a = t.length;
 		if (a > i) return;
 		let o = a === 0 ? e.initialState : t[a - 1];
 		for (; a <= i; a++) {
-			let r = g(e, n[a], o);
+			let r = h(e, n[a], o);
 			t[a] = r.endState, o = r.endState;
 		}
 	};
@@ -61,7 +69,7 @@ function ne(e) {
 }
 //#endregion
 //#region src/engine/registry.ts
-var v = /* @__PURE__ */ new Map(), y = {
+var _ = /* @__PURE__ */ new Map(), v = {
 	name: "plaintext",
 	initialState: "default",
 	tokenizeLine: (e) => ({
@@ -72,23 +80,23 @@ var v = /* @__PURE__ */ new Map(), y = {
 		state: "default"
 	})
 };
-v.set(y.name, y);
-function b(e) {
-	v.set(e.name, e);
+_.set(v.name, v);
+function y(e) {
+	_.set(e.name, e);
 }
-function re(e) {
+function ae(e) {
 	if (e !== void 0) {
-		let t = v.get(e);
+		let t = _.get(e);
 		if (t) return t;
 	}
-	return v.get("plaintext");
+	return _.get("plaintext");
 }
-function x() {
-	return [...v.keys()];
+function b() {
+	return [..._.keys()];
 }
 //#endregion
 //#region src/grammars/rules.ts
-function S(e) {
+function x(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 +139,7 @@ function S(e) {
 }
 //#endregion
 //#region src/grammars/plaintext.ts
-var ie = {
+var oe = {
 	name: "plaintext",
 	initialState: "default",
 	tokenizeLine: (e) => ({
@@ -142,10 +150,10 @@ var ie = {
 		state: "default"
 	})
 };
-b(ie);
+y(oe);
 //#endregion
 //#region src/grammars/json.ts
-var ae = S({
+var se = x({
 	name: "json",
 	states: { default: [
 		{
@@ -174,14 +182,14 @@ var ae = S({
 		}
 	] }
 });
-b(ae);
+y(se);
 //#endregion
 //#region src/grammars/clike.ts
-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) {
+var ce = /* @__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 le(e) {
 	return RegExp(`(?:${e.join("|")})\\b`);
 }
-function C(e, t, n = []) {
+function S(e, t, n = []) {
 	let r = [
 		{
 			match: /\/\/.*/,
@@ -215,10 +223,10 @@ function C(e, t, n = []) {
 		}
 	];
 	return n.length > 0 && r.push({
-		match: se(n),
+		match: le(n),
 		kind: "type"
 	}), r.push({
-		match: se(t),
+		match: le(t),
 		kind: "keyword"
 	}, {
 		match: /[A-Za-z_$][\w$]*(?=\s*\()/,
@@ -235,7 +243,7 @@ function C(e, t, n = []) {
 	}, {
 		match: /[{}()[\];,.:]/,
 		kind: "punctuation"
-	}), S({
+	}), x({
 		name: e,
 		states: {
 			default: r,
@@ -282,9 +290,9 @@ function C(e, t, n = []) {
 }
 //#endregion
 //#region src/grammars/javascript.ts
-var ce = C("javascript", oe);
-b(ce);
-var le = C("typescript", oe, [
+var ue = S("javascript", ce);
+y(ue);
+var de = S("typescript", ce, [
 	"interface",
 	"type",
 	"enum",
@@ -310,10 +318,10 @@ var le = C("typescript", oe, [
 	"never",
 	"object"
 ]);
-b(le);
+y(de);
 //#endregion
 //#region src/grammars/css.ts
-var w = S({
+var C = x({
 	name: "css",
 	states: {
 		default: [
@@ -380,10 +388,10 @@ var w = S({
 		]
 	}
 });
-b(w);
+y(C);
 //#endregion
 //#region src/grammars/html.ts
-var ue = S({
+var fe = x({
 	name: "html",
 	states: {
 		default: [
@@ -442,10 +450,10 @@ var ue = S({
 		]
 	}
 });
-b(ue);
+y(fe);
 //#endregion
 //#region src/grammars/markdown.ts
-var de = S({
+var pe = x({
 	name: "markdown",
 	states: {
 		default: [
@@ -518,10 +526,10 @@ var de = S({
 		}]
 	}
 });
-b(de);
+y(pe);
 //#endregion
 //#region src/grammars/bash.ts
-var fe = S({
+var me = x({
 	name: "bash",
 	states: { default: [
 		{
@@ -558,8 +566,8 @@ var fe = S({
 		}
 	] }
 });
-b(fe);
-var T = {
+y(me);
+var w = {
 	root: "_root_1m6ns_2",
 	gutter: "_gutter_1m6ns_17",
 	gutterLine: "_gutterLine_1m6ns_28",
@@ -588,77 +596,77 @@ var T = {
 };
 //#endregion
 //#region src/editor/view.tsx
-function pe(e, t) {
+function he(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 me(t, n, r, i) {
+function ge(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 = pe(n, r);
-		return /* @__PURE__ */ d("span", {
-			className: a ? e(T[t.kind], a) : T[t.kind],
+		let a = he(n, r);
+		return /* @__PURE__ */ f("span", {
+			className: a ? e(w[t.kind], a) : w[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 = pe(a, r);
-		c.push(/* @__PURE__ */ d("span", {
-			className: l ? e(T[t.kind], l) : T[t.kind],
+		let a = s[i], o = s[i + 1], l = he(a, r);
+		c.push(/* @__PURE__ */ f("span", {
+			className: l ? e(w[t.kind], l) : w[t.kind],
 			children: t.value.slice(a - n, o - n)
 		}, a));
 	}
-	return /* @__PURE__ */ d("span", { children: c }, i);
+	return /* @__PURE__ */ f("span", { children: c }, i);
 }
-function he(e, t = 0, n = t + e.length, r) {
+function _e(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__ */ d("span", {
-			className: T.line,
+		i.push(/* @__PURE__ */ f("span", {
+			className: w.line,
 			children: n.length === 0 ? "​" : o && o.length > 0 ? (() => {
 				let e = 0;
 				return n.map((t, n) => {
-					let r = me(t, e, o, n);
+					let r = ge(t, e, o, n);
 					return e += t.value.length, r;
 				});
-			})() : n.map((e, t) => /* @__PURE__ */ d("span", {
-				className: T[e.kind],
+			})() : n.map((e, t) => /* @__PURE__ */ f("span", {
+				className: w[e.kind],
 				children: e.value
 			}, t))
 		}, a));
 	}
 	return i;
 }
-function ge({ count: e, className: t, gutterRef: n, start: r = 0, end: i = e, topPad: a = 0, bottomPad: o = 0, activeLine: s = !1 }) {
+function ve({ 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__ */ d("span", {
-		className: T.gutterLine,
+	for (let e = r + 1; e <= i; e++) c.push(/* @__PURE__ */ f("span", {
+		className: w.gutterLine,
 		children: e
 	}, e));
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ p("div", {
 		ref: n,
 		className: t,
 		"aria-hidden": "true",
 		children: [
-			s && /* @__PURE__ */ d("div", { className: T.gutterActive }),
-			a > 0 && /* @__PURE__ */ d("div", { style: { blockSize: a } }),
+			s && /* @__PURE__ */ f("div", { className: w.gutterActive }),
+			a > 0 && /* @__PURE__ */ f("div", { style: { blockSize: a } }),
 			c,
-			o > 0 && /* @__PURE__ */ d("div", { style: { blockSize: o } })
+			o > 0 && /* @__PURE__ */ f("div", { style: { blockSize: o } })
 		]
 	});
 }
-var E = {
+var T = {
 	root: "_root_18xci_2",
 	textarea: "_textarea_18xci_18",
 	gutter: "_gutter_18xci_23",
 	codeArea: "_codeArea_18xci_36",
 	pre: "_pre_18xci_43",
 	currentLine: "_currentLine_18xci_58"
-}, D = {
+}, E = {
 	panel: "_panel_hawkv_2",
 	row: "_row_hawkv_20",
 	input: "_input_hawkv_26",
@@ -669,29 +677,29 @@ var E = {
 };
 //#endregion
 //#region src/editor/code-editor/find-panel.tsx
-function _e(t) {
+function ye(t) {
 	o();
 	let n = t.matchCount === 0 ? c(s.editor.noMatches) : c(s.editor.findCount, {
 		current: t.currentIndex + 1,
 		total: t.matchCount
 	});
-	return /* @__PURE__ */ f("div", {
-		className: D.panel,
+	return /* @__PURE__ */ p("div", {
+		className: E.panel,
 		role: "search",
 		"aria-label": c(s.editor.find),
-		children: [/* @__PURE__ */ f("div", {
-			className: D.row,
+		children: [/* @__PURE__ */ p("div", {
+			className: E.row,
 			children: [
-				/* @__PURE__ */ d("button", {
+				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: D.toggle,
+					className: E.toggle,
 					"aria-label": c(s.editor.toggleReplace),
 					"aria-expanded": t.replaceMode,
 					onClick: t.onToggleReplace,
 					children: t.replaceMode ? "▾" : "▸"
 				}),
-				/* @__PURE__ */ d("input", {
-					className: D.input,
+				/* @__PURE__ */ f("input", {
+					className: E.input,
 					value: t.query,
 					placeholder: c(s.editor.findPlaceholder),
 					"aria-label": c(s.editor.find),
@@ -703,46 +711,46 @@ function _e(t) {
 						e.key === "Enter" ? (e.preventDefault(), e.shiftKey ? t.onPrev() : t.onNext()) : e.key === "Escape" && (e.preventDefault(), t.onClose());
 					}
 				}),
-				/* @__PURE__ */ d("span", {
-					className: D.count,
+				/* @__PURE__ */ f("span", {
+					className: E.count,
 					"aria-live": "polite",
 					children: n
 				}),
-				/* @__PURE__ */ d("button", {
+				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: D.button,
+					className: E.button,
 					"aria-label": c(s.editor.previous),
 					onClick: t.onPrev,
 					children: "‹"
 				}),
-				/* @__PURE__ */ d("button", {
+				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: D.button,
+					className: E.button,
 					"aria-label": c(s.editor.next),
 					onClick: t.onNext,
 					children: "›"
 				}),
-				/* @__PURE__ */ d("button", {
+				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: e(D.button, t.caseSensitive && D.active),
+					className: e(E.button, t.caseSensitive && E.active),
 					"aria-pressed": t.caseSensitive,
 					"aria-label": c(s.editor.matchCase),
 					onClick: t.onToggleCase,
 					children: "Aa"
 				}),
-				/* @__PURE__ */ d("button", {
+				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: D.button,
+					className: E.button,
 					"aria-label": c(s.editor.close),
 					onClick: t.onClose,
 					children: "×"
 				})
 			]
-		}), t.replaceMode && /* @__PURE__ */ f("div", {
-			className: D.row,
+		}), t.replaceMode && /* @__PURE__ */ p("div", {
+			className: E.row,
 			children: [
-				/* @__PURE__ */ d("input", {
-					className: D.input,
+				/* @__PURE__ */ f("input", {
+					className: E.input,
 					value: t.replaceQuery,
 					placeholder: c(s.editor.replacePlaceholder),
 					"aria-label": c(s.editor.replace),
@@ -753,15 +761,15 @@ function _e(t) {
 						e.key === "Escape" ? (e.preventDefault(), t.onClose()) : e.key === "Enter" && (e.preventDefault(), t.onReplace());
 					}
 				}),
-				/* @__PURE__ */ d("button", {
+				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: D.button,
+					className: E.button,
 					onClick: t.onReplace,
 					children: c(s.editor.replaceOne)
 				}),
-				/* @__PURE__ */ d("button", {
+				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: D.button,
+					className: E.button,
 					onClick: t.onReplaceAll,
 					children: c(s.editor.replaceAll)
 				})
@@ -771,25 +779,25 @@ function _e(t) {
 }
 //#endregion
 //#region src/editor/code-editor/find.ts
-var O = /\w/;
-function ve(e) {
-	return e !== void 0 && O.test(e);
+var D = /\w/;
+function be(e) {
+	return e !== void 0 && D.test(e);
 }
-function ye(e, t, n = {}) {
+function xe(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 || !ve(e[t - 1]) && !ve(e[s])) && a.push({
+		(!n.wholeWord || !be(e[t - 1]) && !be(e[s])) && a.push({
 			start: t,
 			end: s
 		}), o = s > t ? s : t + 1;
 	}
 	return a;
 }
-function be(e, t) {
+function Se(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 +805,9 @@ function be(e, t) {
 		col: t - r
 	};
 }
-function xe(e, t, n, r) {
+function Ce(e, t, n, r) {
 	return t.map((t, i) => {
-		let { line: a, col: o } = be(e, t.start);
+		let { line: a, col: o } = Se(e, t.start);
 		return {
 			line: a,
 			start: o,
@@ -808,7 +816,7 @@ function xe(e, t, n, r) {
 		};
 	});
 }
-function Se(e, t, n) {
+function we(e, t, n) {
 	let r = e;
 	for (let e = t.length - 1; e >= 0; e--) {
 		let i = t[e];
@@ -818,16 +826,16 @@ function Se(e, t, n) {
 }
 //#endregion
 //#region src/editor/code-editor/brackets.ts
-var k = {
+var O = {
 	"(": ")",
 	"[": "]",
 	"{": "}"
-}, A = {
+}, k = {
 	")": "(",
 	"]": "[",
 	"}": "}"
 };
-function j(e, t, n, r) {
+function A(e, t, n, r) {
 	let i = 0;
 	for (let a = t; a < e.length; a++) {
 		let t = e[a];
@@ -836,7 +844,7 @@ function j(e, t, n, r) {
 	}
 	return -1;
 }
-function M(e, t, n, r) {
+function j(e, t, n, r) {
 	let i = 0;
 	for (let a = t; a >= 0; a--) {
 		let t = e[a];
@@ -845,41 +853,41 @@ function M(e, t, n, r) {
 	}
 	return -1;
 }
-function Ce(e, t) {
+function Te(e, t) {
 	let n = e[t];
-	if (n && n in k) {
-		let r = j(e, t, n, k[n]);
+	if (n && n in O) {
+		let r = A(e, t, n, O[n]);
 		if (r !== -1) return {
 			open: t,
 			close: r
 		};
 	}
 	let r = e[t - 1];
-	if (r && r in A) {
-		let n = M(e, t - 1, A[r], r);
+	if (r && r in k) {
+		let n = j(e, t - 1, k[r], r);
 		if (n !== -1) return {
 			open: n,
 			close: t - 1
 		};
 	}
-	if (r && r in k) {
-		let n = j(e, t - 1, r, k[r]);
+	if (r && r in O) {
+		let n = A(e, t - 1, r, O[r]);
 		if (n !== -1) return {
 			open: t - 1,
 			close: n
 		};
 	}
-	if (n && n in A) {
-		let r = M(e, t, A[n], n);
+	if (n && n in k) {
+		let r = j(e, t, k[n], n);
 		if (r !== -1) return {
 			open: r,
 			close: t
 		};
 	}
 }
-function we(e, t, n) {
+function Ee(e, t, n) {
 	return [t.open, t.close].map((t) => {
-		let { line: r, col: i } = be(e, t);
+		let { line: r, col: i } = Se(e, t);
 		return {
 			line: r,
 			start: i,
@@ -890,7 +898,7 @@ function we(e, t, n) {
 }
 //#endregion
 //#region src/editor/code-editor/history.ts
-function Te(e = 200) {
+function De(e = 200) {
 	let t = [], n = -1, r = !1;
 	return {
 		record(i, a) {
@@ -916,23 +924,23 @@ function Te(e = 200) {
 }
 //#endregion
 //#region src/editor/code-editor/keymap.ts
-var N = typeof navigator < "u" && /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent || "");
-function P(e) {
+var Oe = typeof navigator < "u" && /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent || "");
+function ke(e) {
 	let t = [];
-	(N ? e.metaKey : e.ctrlKey) && t.push("Mod"), e.altKey && t.push("Alt"), e.shiftKey && t.push("Shift");
+	(Oe ? 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 Ee(e, t) {
+function Ae(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 De(e, t) {
-	let n = e.get(P(t.event));
+function je(e, t) {
+	let n = e.get(ke(t.event));
 	return n ? n(t) : !1;
 }
-function Oe(e) {
+function Me(e) {
 	let t = () => e.insertSpaces ? " ".repeat(e.tabSize) : "	";
 	return {
 		indent: ({ textarea: e, setText: n }) => {
@@ -952,7 +960,7 @@ function Oe(e) {
 }
 //#endregion
 //#region src/editor/code-editor/sync.ts
-function ke(e, t) {
+function Ne(e, t) {
 	if (e === t) return {
 		from: e.length,
 		to: e.length,
@@ -968,30 +976,30 @@ function ke(e, t) {
 		insert: t.slice(r, a)
 	};
 }
-function F(e, t) {
+function M(e, t) {
 	return e <= t.from ? e : e >= t.to ? e + (t.insert.length - (t.to - t.from)) : t.from + t.insert.length;
 }
-function Ae(e, t, n) {
+function Pe(e, t, n) {
 	return {
-		start: F(e, n),
-		end: F(t, n)
+		start: M(e, n),
+		end: M(t, n)
 	};
 }
 //#endregion
 //#region src/editor/code-editor/caret.ts
-function I(e, t) {
+function N(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);
+function Fe(e, t, n) {
+	let { line: r, col: i } = Se(e, t), a = N(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) {
+function Ie(e, t) {
 	if (typeof document > "u") return null;
 	let n = document.createTreeWalker(e, NodeFilter.SHOW_TEXT), r = 0, i = n.nextNode();
 	for (; i;) {
@@ -1006,7 +1014,7 @@ function Me(e, t) {
 	}
 	return null;
 }
-function Ne(e) {
+function Le(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);
@@ -1015,7 +1023,7 @@ function Ne(e) {
 }
 //#endregion
 //#region src/editor/code-editor/slash-trigger.ts
-function Pe(e, t) {
+function Re(e, t) {
 	for (let n = t - 1; n >= 0; n--) {
 		let r = e[n];
 		if (r === "/") {
@@ -1029,411 +1037,446 @@ function Pe(e, t) {
 	}
 	return null;
 }
-function Fe(e, t) {
+function ze(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 = {
+var P = {
 	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,
+}, Be = l(function({ id: t, items: n, activeIndex: r, onSelect: i, onHover: a, style: l }, u) {
+	return o(), /* @__PURE__ */ f("ul", {
+		ref: u,
 		id: t,
-		className: L.menu,
+		className: P.menu,
 		role: "listbox",
 		"aria-label": c(s.editor.commandMenu),
 		style: l,
-		children: n.length === 0 ? /* @__PURE__ */ d("li", {
-			className: L.empty,
+		children: n.length === 0 ? /* @__PURE__ */ f("li", {
+			className: P.empty,
 			role: "presentation",
 			children: c(s.editor.commandMenuEmpty)
-		}) : n.map((n, o) => /* @__PURE__ */ f("li", {
+		}) : n.map((n, o) => /* @__PURE__ */ p("li", {
 			id: `${t}-opt-${o}`,
 			role: "option",
 			"aria-selected": o === r,
-			className: e(L.option, o === r && L.active),
+			className: e(P.option, o === r && P.active),
 			onMouseEnter: () => a(o),
 			onMouseDown: (e) => {
 				e.preventDefault(), i(o);
 			},
-			children: [/* @__PURE__ */ d("span", {
-				className: L.label,
+			children: [/* @__PURE__ */ f("span", {
+				className: P.label,
 				children: n.label
-			}), n.hint !== void 0 && /* @__PURE__ */ d("span", {
-				className: L.hint,
+			}), n.hint !== void 0 && /* @__PURE__ */ f("span", {
+				className: P.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) {
+}), Ve = 2e3, F = l(function({ value: l, defaultValue: ee, onValueChange: m, language: te = "plaintext", lineNumbers: h = !0, tabSize: g = 2, insertSpaces: _ = !0, wrap: v = !1, virtualize: y, readOnly: b = !1, disabled: x = !1, spellCheck: oe = !1, label: se, onSave: ce, keymap: le, decorations: S, theme: ue, bracketMatching: de = !1, commands: C, className: fe, style: pe, onKeyDown: me, ...he }, ge) {
 	o();
-	let D = u(oe);
-	D.current = oe;
-	let [O, ve] = n({
+	let E = d(ce);
+	E.current = ce;
+	let [D, be] = n({
 		value: l,
-		defaultValue: p ?? "",
+		defaultValue: ee ?? "",
 		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,
+	}), O = d(null), k = d(null), A = d(null), j = d(null), Oe = d([]), ke = d(null);
+	ke.current === null && (ke.current = De(), ke.current.reset({
+		text: D.value,
 		selectionStart: 0,
 		selectionEnd: 0
 	}));
-	let P = N.current, F = u(null), I = u(void 0), L = u(O.value), R = u(void 0), z = u(!1), B = u({
+	let M = ke.current, N = d(null), P = d(void 0), F = d(D.value), He = d(void 0), I = d(!1), L = d({
 		start: 0,
 		end: 0
-	}), V = (e, t, n) => {
-		R.current = e, L.current = e, P.record({
+	}), R = (e, t, n) => {
+		He.current = e, F.current = e, M.record({
 			text: e,
 			selectionStart: t.start,
 			selectionEnd: t.end
-		}, { coalesce: n }), ve(e);
-	}, Le = (e) => {
-		let t = M.current;
-		V(e, t ? {
+		}, { coalesce: n }), be(e);
+	}, Ue = (e) => {
+		let t = j.current;
+		R(e, t ? {
 			start: t.selectionStart,
 			end: t.selectionEnd
-		} : B.current, !1);
-	}, Re = (e) => {
-		let t = M.current;
+		} : L.current, !1);
+	}, We = (e) => {
+		let t = j.current;
 		if (!t) return;
-		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 = {
+		I.current = !0, t.value = e.text, t.setSelectionRange(e.selectionStart, e.selectionEnd), be(e.text), He.current = e.text, F.current = e.text, L.current = {
 			start: e.selectionStart,
 			end: e.selectionEnd
-		}, G.value = e.selectionStart;
+		}, U.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;
-	}, ze = () => {
-		let e = P.undo();
-		e && Re(e);
-	}, Be = () => {
-		let e = P.redo();
-		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");
+		O.current?.style.setProperty("--cascivo-editor-caret-line", String(n)), I.current = !1;
+	}, Ge = () => {
+		let e = M.undo();
+		e && We(e);
+	}, Ke = () => {
+		let e = M.redo();
+		e && We(e);
+	}, z = i(D.value), qe = i(0), Je = i(0), B = i(0), V = i(!1), Ye = i(""), Xe = i(""), Ze = i(!1), Qe = i(!1), H = i(0), U = i(0), $e = i(0), W = i(!1), et = i(0), tt = i(""), G = i(0), nt = i(-1), rt = i(0), it = d(null), at = d(null), ot = r("slash-menu");
 	a(() => {
-		let e = O.value;
+		let e = D.value;
 		if (typeof requestAnimationFrame != "function") {
-			H.value = e;
+			z.value = e;
 			return;
 		}
 		let t = requestAnimationFrame(() => {
-			H.value = e;
+			z.value = e;
 		});
 		return () => cancelAnimationFrame(t);
 	}), a(() => {
-		let e = O.value;
-		if (z.current || e === L.current) return;
-		if (e === R.current) {
-			L.current = e;
+		let e = D.value;
+		if (I.current || e === F.current) return;
+		if (e === He.current) {
+			F.current = e;
 			return;
 		}
-		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({
+		let t = j.current, n = Ne(F.current, e), r = Pe(L.current.start, L.current.end, n);
+		t && (I.current = !0, t.value !== e && (t.value = e), t.setSelectionRange(r.start, r.end), I.current = !1), L.current = r, M.reset({
 			text: e,
 			selectionStart: r.start,
 			selectionEnd: r.end
-		}), L.current = e;
+		}), F.current = e;
 	}), a(() => {
-		let e = M.current;
+		let e = j.current;
 		if (!e) return;
 		let t = () => {
 			let t = Number.parseFloat(getComputedStyle(e).lineHeight);
-			Ue.value = Number.isFinite(t) && t > 0 ? t : 0, He.value = e.clientHeight, Ze.value === 0 && (Ze.value = Ne(e));
+			B.value = Number.isFinite(t) && t > 0 ? t : 0, Je.value = e.clientHeight;
+			let n = Le(e);
+			n > 0 && (rt.value = n);
 		}, n = () => {
-			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);
+			qe.value = e.scrollTop, Je.value = e.clientHeight, k.current && (k.current.scrollTop = e.scrollTop, k.current.scrollLeft = e.scrollLeft), A.current && (A.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 = {
+			O.current?.style.setProperty("--cascivo-editor-caret-line", String(t)), L.current = {
 				start: e.selectionStart,
 				end: e.selectionEnd
-			}, G.value = e.selectionStart;
+			}, U.value = e.selectionStart;
 		}, i = () => {
 			document.activeElement === e && r();
+		}, a = 0, o = -1, s = () => {
+			n(), e.scrollTop === o ? a = 0 : (o = e.scrollTop, a = requestAnimationFrame(s));
+		}, c = () => {
+			n(), a === 0 && typeof requestAnimationFrame == "function" && (o = -1, a = requestAnimationFrame(s));
 		};
-		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);
+		t(), r(), e.addEventListener("scroll", c), e.addEventListener("keyup", r), e.addEventListener("click", r), e.addEventListener("input", r), document.addEventListener("selectionchange", i);
+		let l;
+		typeof ResizeObserver < "u" && (l = new ResizeObserver(() => {
+			t(), n();
+		}), l.observe(e));
+		let u = !1, d = document.fonts;
+		return d?.ready && d.ready.then(() => {
+			u || t();
+		}).catch(() => {}), () => {
+			u = !0, a !== 0 && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(a), l?.disconnect(), e.removeEventListener("scroll", c), 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;
+		let e = U.value, t = D.value;
+		if (!C || C.length === 0 || b || x) {
+			W.value &&= !1;
 			return;
 		}
-		let n = Pe(t, e);
+		let n = Re(t, e);
 		if (!n) {
-			Xe.value = -1, K.value &&= !1;
+			nt.value = -1, W.value &&= !1;
 			return;
 		}
-		if (n.start === Xe.value) {
-			K.value &&= !1;
+		if (n.start === nt.value) {
+			W.value &&= !1;
 			return;
 		}
-		K.value || (q.value = 0), K.value = !0, Je.value = n.start, Ye.value = n.query;
+		W.value || (G.value = 0), W.value = !0, et.value = n.start, tt.value = n.query;
 	}), a(() => {
-		if (!K.value) return;
-		let e = Qe.current, t = M.current;
+		if (!W.value) return;
+		let e = it.current, t = j.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;
+		let n = et.value, r = e.offsetParent, i, a, o = k.current, s = (v || D.value.includes("	")) && o ? Ie(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,
+			let e = getComputedStyle(t), r = Fe(D.value, n, {
+				charWidth: rt.value,
+				lineHeight: B.value,
 				scrollTop: t.scrollTop,
 				scrollLeft: t.scrollLeft,
 				padTop: Number.parseFloat(e.paddingTop) || 0,
 				padLeft: Number.parseFloat(e.paddingLeft) || 0,
-				tabSize: _
+				tabSize: g
 			});
-			i = r.top + Ue.value, a = r.left;
+			i = r.top + B.value, a = r.left;
 		}
 		e.style.top = `${i}px`, e.style.left = `${a}px`;
 	});
-	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;
+	let K = ae(te);
+	(N.current === null || N.current.grammar !== K) && (N.current = ie(K), P.current = void 0);
+	let q = N.current, st = z.value.split("\n"), J = st.length;
+	Oe.current = st;
+	let ct = z.value, lt = P.current;
+	if (ct !== lt) {
+		let e = lt === void 0 ? 0 : (() => {
+			let e = Ne(lt, ct);
+			return lt.slice(0, e.from).split("\n").length - 1;
 		})();
-		nt.invalidateFrom(e), I.current = it;
+		q.invalidateFrom(e), P.current = ct;
 	}
-	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);
+	let ut = B.value > 0, Y = ut ? B.value : 20, dt = (y ?? J > 1e3) && !v, X = 0, Z = J;
+	if (dt) if (ut) {
+		X = Math.max(0, Math.floor(qe.value / Y) - 12);
+		let e = Math.ceil(Je.value / Y);
 		Z = Math.min(J, X + e + 24);
+	} else Z = Math.min(J, 200);
+	let ft = dt && X > q.length ? X - q.length : 0, pt = !dt || X === 0 || q.length >= X || ft <= 2e3, mt;
+	pt ? mt = ne(K, st, X, Z, q) : ($e.value, mt = re(K, st, X, Z, K.initialState));
+	let ht = X * Y, gt = (J - Z) * Y;
+	a(() => {
+		z.value, $e.value;
+		let e = B.value, t = Oe.current, n = t.length;
+		if (!((y ?? n > 1e3) && !v && e > 0)) return;
+		let r = Math.max(0, Math.floor(qe.value / e) - 12);
+		if (r === 0 || q.length >= r || q.length >= n) return;
+		let i = () => {
+			q.ensure(t, Math.min(r - 1, q.length + Ve)), $e.value++;
+		};
+		if (typeof requestAnimationFrame != "function") {
+			i();
+			return;
+		}
+		let a = requestAnimationFrame(i);
+		return () => cancelAnimationFrame(a);
+	});
+	let Q = V.value ? xe(z.value, Ye.value, { caseSensitive: Ze.value }) : [];
+	H.value >= Q.length && (H.value = Math.max(0, Q.length - 1));
+	let _t = Q.length > 0 ? Ce(z.value, Q, H.value, {
+		match: w.match,
+		current: w.matchCurrent
+	}) : [], vt = typeof S == "function" ? S(z.value) : S ?? [], yt = [];
+	if (de) {
+		let e = Te(z.value, U.value);
+		e && (yt = Ee(z.value, e, w.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 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 = {
+	let bt = [
+		...vt,
+		...yt,
+		..._t
+	], xt = bt.length > 0 ? bt : void 0, St = (e) => {
+		let t = Q[e], n = j.current;
+		if (!(!t || !n) && (n.focus(), n.setSelectionRange(t.start, t.end), L.current = {
 			start: t.start,
 			end: t.end
 		}, Y > 0)) {
-			let { line: e } = be(n.value, t.start), r = e * Y;
+			let { line: e } = Se(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));
 		}
-	}, 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, {
+	}, Ct = () => {
+		Q.length !== 0 && (H.value = (H.value + 1) % Q.length, St(H.value));
+	}, wt = () => {
+		Q.length !== 0 && (H.value = (H.value - 1 + Q.length) % Q.length, St(H.value));
+	}, Tt = () => {
+		let e = Q[H.value], t = j.current;
+		!e || !t || b || x || (t.setRangeText(Xe.value, e.start, e.end, "end"), R(t.value, {
 			start: t.selectionStart,
 			end: t.selectionEnd
 		}, !1));
-	}, 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, {
+	}, Et = () => {
+		if (Q.length === 0 || b || x) return;
+		let e = we(z.value, Q, Xe.value), t = j.current;
+		t && (t.value = e), R(e, {
 			start: t?.selectionStart ?? 0,
 			end: t?.selectionEnd ?? 0
 		}, !1);
-	}, bt = (e) => {
-		qe.value = e, U.value = !0;
-	}, xt = () => {
-		U.value = !1, M.current?.focus();
-	}, $ = K.value ? Fe(w ?? [], Ye.value) : [];
-	q.value >= $.length && (q.value = Math.max(0, $.length - 1));
-	let St = $.map((e) => ({
+	}, Dt = (e) => {
+		Qe.value = e, V.value = !0;
+	}, Ot = () => {
+		V.value = !1, j.current?.focus();
+	}, $ = W.value ? ze(C ?? [], tt.value) : [];
+	G.value >= $.length && (G.value = Math.max(0, $.length - 1));
+	let kt = $.map((e) => ({
 		id: e.id,
 		label: e.label,
 		...e.hint !== void 0 && { hint: e.hint }
-	})), { anchorStyle: Ct, floatingStyle: wt } = t({
-		anchorRef: Qe,
-		floatingRef: $e,
+	})), { anchorStyle: At, floatingStyle: jt } = t({
+		anchorRef: it,
+		floatingRef: at,
 		placement: "bottom-start",
-		enabled: K
-	}), Tt = {
+		enabled: W
+	}), Mt = {
 		applyEdit: ({ from: e, to: t }, n) => {
-			let r = M.current;
-			r && (r.setRangeText(n, e, t, "end"), V(r.value, {
+			let r = j.current;
+			r && (r.setRangeText(n, e, t, "end"), R(r.value, {
 				start: r.selectionStart,
 				end: r.selectionEnd
 			}, !1));
 		},
 		getSelection: () => {
-			let e = M.current;
+			let e = j.current;
 			return e ? {
 				start: e.selectionStart,
 				end: e.selectionEnd
-			} : { ...B.current };
+			} : { ...L.current };
 		},
-		focus: () => M.current?.focus(),
-		undo: ze,
-		redo: Be,
-		openFind: () => bt(!1),
+		focus: () => j.current?.focus(),
+		undo: Ge,
+		redo: Ke,
+		openFind: () => Dt(!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, {
+			let e = j.current;
+			!e || !C || C.length === 0 || b || x || (e.focus(), e.setRangeText("/", e.selectionStart, e.selectionEnd, "end"), R(e.value, {
 				start: e.selectionStart,
 				end: e.selectionEnd
-			}, !1), G.value = e.selectionStart, B.current = {
+			}, !1), U.value = e.selectionStart, L.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, {
+	u(ge, () => Mt);
+	let Nt = (e) => {
+		let t = $[e], n = j.current;
+		if (!t || !n || b || x) return;
+		let r = et.value, i = n.selectionStart;
+		n.setRangeText(t.insert ?? "", r, i, "end"), R(n.value, {
 			start: n.selectionStart,
 			end: n.selectionEnd
-		}, !1), G.value = n.selectionStart, B.current = {
+		}, !1), U.value = n.selectionStart, L.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 = {};
+		}, W.value = !1, G.value = 0, n.focus(), t.run?.(Mt);
+	}, Pt = (e) => {
+		let t = e.currentTarget, n = !b && !x, r = {};
 		if (n) {
-			let { indent: e, dedent: t } = Oe({
-				tabSize: _,
-				insertSpaces: v
+			let { indent: e, dedent: t } = Me({
+				tabSize: g,
+				insertSpaces: _
 			});
-			r.Tab = e, r["Shift-Tab"] = t, r["Mod-z"] = () => (ze(), !0);
-			let n = () => (Be(), !0);
+			r.Tab = e, r["Shift-Tab"] = t, r["Mod-z"] = () => (Ge(), !0);
+			let n = () => (Ke(), !0);
 			r["Mod-Shift-z"] = n, r["Mod-y"] = n;
 		}
-		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 = () => (xt(), !0)), K.value) {
+		if (r["Mod-f"] = () => (Dt(!1), !0), r["Mod-Alt-f"] = () => (Dt(!0), !0), r["Mod-s"] = () => {
+			let e = E.current;
+			return e ? (e(D.value), !0) : !1;
+		}, V.value && (r.Escape = () => (Ot(), !0)), W.value) {
 			let e = (e) => () => {
 				let t = $.length;
-				return t > 0 && (q.value = (q.value + e + t) % t), !0;
+				return t > 0 && (G.value = (G.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);
+			let t = () => ($.length > 0 && Nt(G.value), !0);
+			r.Enter = t, r.Tab = t, r.Escape = () => (nt.value = et.value, W.value = !1, !0);
 		}
-		De(Ee(r, se), {
+		je(Ae(r, le), {
 			textarea: t,
 			event: e,
-			setText: Le
-		}) && e.preventDefault(), fe?.(e);
-	}, Ot = {
-		"--cascivo-editor-tab-size": _,
-		...ce,
-		...de
+			setText: Ue
+		}) && e.preventDefault(), me?.(e);
+	}, Ft = {
+		"--cascivo-editor-tab-size": g,
+		...ue,
+		...pe
 	};
-	return /* @__PURE__ */ f("div", {
-		ref: k,
-		className: e(E.root, ue),
-		"data-wrap": y,
-		"data-line-numbers": g,
-		style: Ot,
-		children: [g && /* @__PURE__ */ d(ge, {
+	return /* @__PURE__ */ p("div", {
+		ref: O,
+		className: e(T.root, fe),
+		"data-wrap": v,
+		"data-line-numbers": h,
+		style: Ft,
+		children: [h && /* @__PURE__ */ f(ve, {
 			count: J,
-			className: E.gutter,
-			gutterRef: j,
+			className: T.gutter,
+			gutterRef: A,
 			start: X,
 			end: Z,
-			topPad: ct,
-			bottomPad: lt,
+			topPad: ht,
+			bottomPad: gt,
 			activeLine: !0
-		}), /* @__PURE__ */ f("div", {
-			className: E.codeArea,
+		}), /* @__PURE__ */ p("div", {
+			className: T.codeArea,
 			children: [
-				/* @__PURE__ */ f("pre", {
-					ref: A,
-					className: E.pre,
+				/* @__PURE__ */ p("pre", {
+					ref: k,
+					className: T.pre,
 					"aria-hidden": "true",
 					children: [
-						/* @__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__ */ f("div", { className: T.currentLine }),
+						ht > 0 && /* @__PURE__ */ f("div", { style: { blockSize: ht } }),
+						/* @__PURE__ */ f("code", { children: _e(mt, X, Z, xt) }),
+						gt > 0 && /* @__PURE__ */ f("div", { style: { blockSize: gt } })
 					]
 				}),
-				/* @__PURE__ */ d("textarea", {
-					ref: M,
-					className: E.textarea,
-					value: O.value,
+				/* @__PURE__ */ f("textarea", {
+					ref: j,
+					className: T.textarea,
+					value: D.value,
 					onChange: (e) => {
-						let t = e.currentTarget, n = t.value, r = Math.abs(n.length - L.current.length) === 1;
-						V(n, {
+						let t = e.currentTarget, n = t.value, r = Math.abs(n.length - F.current.length) === 1;
+						R(n, {
 							start: t.selectionStart,
 							end: t.selectionEnd
 						}, r);
 					},
-					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,
+					onKeyDown: Pt,
+					readOnly: b,
+					disabled: x,
+					spellCheck: oe,
+					"aria-label": se ?? c(s.editor.label),
+					"aria-expanded": W.value,
+					"aria-controls": W.value ? ot : void 0,
+					"aria-activedescendant": W.value ? `${ot}-opt-${G.value}` : void 0,
 					autoCapitalize: "off",
 					autoCorrect: "off",
 					autoComplete: "off",
-					wrap: y ? "soft" : "off",
-					...pe
+					wrap: v ? "soft" : "off",
+					...he
 				}),
-				/* @__PURE__ */ d("div", {
-					ref: Qe,
+				/* @__PURE__ */ f("div", {
+					ref: it,
 					"aria-hidden": "true",
 					style: {
 						position: "absolute",
 						inlineSize: 0,
 						blockSize: 0,
-						...Ct
+						...At
 					}
 				}),
-				K.value && /* @__PURE__ */ d(Ie, {
-					ref: $e,
-					id: et,
-					items: St,
-					activeIndex: q.value,
-					onSelect: Et,
-					onHover: (e) => q.value = e,
-					style: wt
+				W.value && /* @__PURE__ */ f(Be, {
+					ref: at,
+					id: ot,
+					items: kt,
+					activeIndex: G.value,
+					onSelect: Nt,
+					onHover: (e) => G.value = e,
+					style: jt
 				}),
-				U.value && /* @__PURE__ */ d(_e, {
-					query: We.value,
-					replaceQuery: Ge.value,
-					replaceMode: qe.value,
-					caseSensitive: Ke.value,
+				V.value && /* @__PURE__ */ f(ye, {
+					query: Ye.value,
+					replaceQuery: Xe.value,
+					replaceMode: Qe.value,
+					caseSensitive: Ze.value,
 					matchCount: Q.length,
-					currentIndex: Q.length > 0 ? W.value : -1,
+					currentIndex: Q.length > 0 ? H.value : -1,
 					onQueryChange: (e) => {
-						We.value = e, W.value = 0;
+						Ye.value = e, H.value = 0;
 					},
-					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
+					onReplaceChange: (e) => Xe.value = e,
+					onNext: Ct,
+					onPrev: wt,
+					onReplace: Tt,
+					onReplaceAll: Et,
+					onToggleCase: () => Ze.value = !Ze.value,
+					onToggleReplace: () => Qe.value = !Qe.value,
+					onClose: Ot
 				})
 			]
 		})]
@@ -1441,32 +1484,32 @@ var L = {
 });
 //#endregion
 //#region src/editor/highlight/highlight.tsx
-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 }) {
+function He({ value: t, language: n = "plaintext", lineNumbers: r = !1, wrap: i = !1, tabSize: a = 2, label: s, className: c, preRef: l, gutterRef: u, style: d, ...ee }) {
 	o();
-	let m = re(n), h = t.split("\n"), g = te(m, h, 0, h.length, ne(m)), _ = {
+	let m = ae(n), te = t.split("\n"), h = ne(m, te, 0, te.length, ie(m)), g = {
 		"--cascivo-editor-tab-size": a,
-		...u
+		...d
 	};
-	return /* @__PURE__ */ f("div", {
-		className: e(T.root, c),
+	return /* @__PURE__ */ p("div", {
+		className: e(w.root, c),
 		"data-wrap": i,
 		"data-line-numbers": r,
-		style: _,
+		style: g,
 		"aria-label": s,
-		...p,
-		children: [r && /* @__PURE__ */ d(ge, {
-			count: g.length,
-			className: T.gutter,
-			gutterRef: ee
-		}), /* @__PURE__ */ d("pre", {
+		...ee,
+		children: [r && /* @__PURE__ */ f(ve, {
+			count: h.length,
+			className: w.gutter,
+			gutterRef: u
+		}), /* @__PURE__ */ f("pre", {
 			ref: l,
-			className: T.pre,
-			children: /* @__PURE__ */ d("code", {
-				className: T.code,
-				children: he(g)
+			className: w.pre,
+			children: /* @__PURE__ */ f("code", {
+				className: w.code,
+				children: _e(h)
 			})
 		})]
 	});
 }
 //#endregion
-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 };
+export { F as CodeEditor, He as Highlight, me as bash, ie as createLineStateIndex, x as createRuleGrammar, C as css, ae as getGrammar, fe as html, ue as javascript, se as json, b as listGrammars, pe as markdown, oe as plaintext, y as registerGrammar, h as tokenize, g as tokenizeDocument, ne as tokenizeRange, de as typescript };