@cascivo/editor 0.18.0 → 1.0.0

package/dist/index.js

@@ -5,50 +5,50 @@ import { builtin as s, t as c } from "@cascivo/i18n";
 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 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);
+var ee = /* @__PURE__ */ new Map(), te = "\0", ne = 0;
+function m(e, t, n) {
+	let r = `${e.name}${te}${n}${te}${t}`, i = ee.get(r);
 	if (i) return i;
-	te++;
+	ne++;
 	let { tokens: a, state: o } = e.tokenizeLine(t, n), s = {
 		tokens: a,
 		endState: o
 	};
 	return ee.set(r, s), s;
 }
-function g(e, t) {
+function h(e, t) {
 	let n = t.split("\n"), r = [], i = e.initialState;
 	for (let t of n) {
-		let n = h(e, t, i);
+		let n = m(e, t, i);
 		r.push(n.tokens), i = n.endState;
 	}
 	return r;
 }
-function ne(e, t, n, r, i) {
+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.startStateOf(t, a), c = [];
 	for (let n = a; n < o; n++) {
-		let r = h(e, t[n], s);
+		let r = m(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) {
+function ie(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);
+		let r = m(e, t[n], s);
 		c.push(r.tokens), s = r.endState;
 	}
 	return c;
 }
 //#endregion
 //#region src/engine/line-state.ts
-function ie(e) {
+function ae(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 = h(e, n[a], o);
+			let r = m(e, n[a], o);
 			t[a] = r.endState, o = r.endState;
 		}
 	};
@@ -70,7 +70,7 @@ function ie(e) {
 }
 //#endregion
 //#region src/engine/registry.ts
-var _ = /* @__PURE__ */ new Map(), v = {
+var g = /* @__PURE__ */ new Map(), _ = {
 	name: "plaintext",
 	initialState: "default",
 	tokenizeLine: (e) => ({
@@ -81,23 +81,23 @@ var _ = /* @__PURE__ */ new Map(), v = {
 		state: "default"
 	})
 };
-_.set(v.name, v);
-function y(e) {
-	_.set(e.name, e);
+g.set(_.name, _);
+function v(e) {
+	g.set(e.name, e);
 }
-function ae(e) {
+function oe(e) {
 	if (e !== void 0) {
-		let t = _.get(e);
+		let t = g.get(e);
 		if (t) return t;
 	}
-	return _.get("plaintext");
+	return g.get("plaintext");
 }
-function b() {
-	return [..._.keys()];
+function y() {
+	return [...g.keys()];
 }
 //#endregion
 //#region src/grammars/rules.ts
-function x(e) {
+function b(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 = {
@@ -140,7 +140,7 @@ function x(e) {
 }
 //#endregion
 //#region src/grammars/plaintext.ts
-var oe = {
+var se = {
 	name: "plaintext",
 	initialState: "default",
 	tokenizeLine: (e) => ({
@@ -151,10 +151,10 @@ var oe = {
 		state: "default"
 	})
 };
-y(oe);
+v(se);
 //#endregion
 //#region src/grammars/json.ts
-var se = x({
+var ce = b({
 	name: "json",
 	states: { default: [
 		{
@@ -183,14 +183,14 @@ var se = x({
 		}
 	] }
 });
-y(se);
+v(ce);
 //#endregion
 //#region src/grammars/clike.ts
-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) {
+var le = /* @__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 ue(e) {
 	return RegExp(`(?:${e.join("|")})\\b`);
 }
-function S(e, t, n = []) {
+function de(e, t, n = []) {
 	let r = [
 		{
 			match: /\/\/.*/,
@@ -224,10 +224,10 @@ function S(e, t, n = []) {
 		}
 	];
 	return n.length > 0 && r.push({
-		match: le(n),
+		match: ue(n),
 		kind: "type"
 	}), r.push({
-		match: le(t),
+		match: ue(t),
 		kind: "keyword"
 	}, {
 		match: /[A-Za-z_$][\w$]*(?=\s*\()/,
@@ -244,7 +244,7 @@ function S(e, t, n = []) {
 	}, {
 		match: /[{}()[\];,.:]/,
 		kind: "punctuation"
-	}), x({
+	}), b({
 		name: e,
 		states: {
 			default: r,
@@ -291,9 +291,9 @@ function S(e, t, n = []) {
 }
 //#endregion
 //#region src/grammars/javascript.ts
-var ue = S("javascript", ce);
-y(ue);
-var de = S("typescript", ce, [
+var x = de("javascript", le);
+v(x);
+var fe = de("typescript", le, [
 	"interface",
 	"type",
 	"enum",
@@ -319,10 +319,10 @@ var de = S("typescript", ce, [
 	"never",
 	"object"
 ]);
-y(de);
+v(fe);
 //#endregion
 //#region src/grammars/css.ts
-var C = x({
+var pe = b({
 	name: "css",
 	states: {
 		default: [
@@ -389,10 +389,10 @@ var C = x({
 		]
 	}
 });
-y(C);
+v(pe);
 //#endregion
 //#region src/grammars/html.ts
-var fe = x({
+var S = b({
 	name: "html",
 	states: {
 		default: [
@@ -451,10 +451,10 @@ var fe = x({
 		]
 	}
 });
-y(fe);
+v(S);
 //#endregion
 //#region src/grammars/markdown.ts
-var pe = x({
+var me = b({
 	name: "markdown",
 	states: {
 		default: [
@@ -527,10 +527,10 @@ var pe = x({
 		}]
 	}
 });
-y(pe);
+v(me);
 //#endregion
 //#region src/grammars/bash.ts
-var me = x({
+var he = b({
 	name: "bash",
 	states: { default: [
 		{
@@ -567,8 +567,8 @@ var me = x({
 		}
 	] }
 });
-y(me);
-var w = {
+v(he);
+var C = {
 	root: "_root_1m6ns_2",
 	gutter: "_gutter_1m6ns_17",
 	gutterLine: "_gutterLine_1m6ns_28",
@@ -597,55 +597,55 @@ var w = {
 };
 //#endregion
 //#region src/editor/view.tsx
-function he(e, t) {
+function ge(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 ge(t, n, r, i) {
+function _e(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 = he(n, r);
+		let a = ge(n, r);
 		return /* @__PURE__ */ f("span", {
-			className: a ? e(w[t.kind], a) : w[t.kind],
+			className: a ? e(C[t.kind], a) : C[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 = he(a, r);
+		let a = s[i], o = s[i + 1], l = ge(a, r);
 		c.push(/* @__PURE__ */ f("span", {
-			className: l ? e(w[t.kind], l) : w[t.kind],
+			className: l ? e(C[t.kind], l) : C[t.kind],
 			children: t.value.slice(a - n, o - n)
 		}, a));
 	}
 	return /* @__PURE__ */ f("span", { children: c }, i);
 }
-function _e(e, t = 0, n = t + e.length, r) {
+function ve(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__ */ f("span", {
-			className: w.line,
+			className: C.line,
 			children: n.length === 0 ? "​" : o && o.length > 0 ? (() => {
 				let e = 0;
 				return n.map((t, n) => {
-					let r = ge(t, e, o, n);
+					let r = _e(t, e, o, n);
 					return e += t.value.length, r;
 				});
 			})() : n.map((e, t) => /* @__PURE__ */ f("span", {
-				className: w[e.kind],
+				className: C[e.kind],
 				children: e.value
 			}, t))
 		}, a));
 	}
 	return i;
 }
-function ve({ count: e, className: t, gutterRef: n, start: r = 0, end: i = e, topPad: a = 0, bottomPad: o = 0, activeLine: s = !1 }) {
+function ye({ 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__ */ f("span", {
-		className: w.gutterLine,
+		className: C.gutterLine,
 		children: e
 	}, e));
 	return /* @__PURE__ */ p("div", {
@@ -653,21 +653,21 @@ function ve({ count: e, className: t, gutterRef: n, start: r = 0, end: i = e, to
 		className: t,
 		"aria-hidden": "true",
 		children: [
-			s && /* @__PURE__ */ f("div", { className: w.gutterActive }),
+			s && /* @__PURE__ */ f("div", { className: C.gutterActive }),
 			a > 0 && /* @__PURE__ */ f("div", { style: { blockSize: a } }),
 			c,
 			o > 0 && /* @__PURE__ */ f("div", { style: { blockSize: o } })
 		]
 	});
 }
-var T = {
+var w = {
 	root: "_root_18xci_2",
 	textarea: "_textarea_18xci_18",
 	gutter: "_gutter_18xci_23",
 	codeArea: "_codeArea_18xci_36",
 	pre: "_pre_18xci_43",
 	currentLine: "_currentLine_18xci_58"
-}, E = {
+}, T = {
 	panel: "_panel_hawkv_2",
 	row: "_row_hawkv_20",
 	input: "_input_hawkv_26",
@@ -678,29 +678,29 @@ var T = {
 };
 //#endregion
 //#region src/editor/code-editor/find-panel.tsx
-function ye(t) {
+function be(t) {
 	o();
 	let n = t.matchCount === 0 ? c(s.editor.noMatches) : c(s.editor.findCount, {
 		current: t.currentIndex + 1,
 		total: t.matchCount
 	});
 	return /* @__PURE__ */ p("div", {
-		className: E.panel,
+		className: T.panel,
 		role: "search",
 		"aria-label": c(s.editor.find),
 		children: [/* @__PURE__ */ p("div", {
-			className: E.row,
+			className: T.row,
 			children: [
 				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: E.toggle,
+					className: T.toggle,
 					"aria-label": c(s.editor.toggleReplace),
 					"aria-expanded": t.replaceMode,
 					onClick: t.onToggleReplace,
 					children: t.replaceMode ? "▾" : "▸"
 				}),
 				/* @__PURE__ */ f("input", {
-					className: E.input,
+					className: T.input,
 					value: t.query,
 					placeholder: c(s.editor.findPlaceholder),
 					"aria-label": c(s.editor.find),
@@ -713,27 +713,27 @@ function ye(t) {
 					}
 				}),
 				/* @__PURE__ */ f("span", {
-					className: E.count,
+					className: T.count,
 					"aria-live": "polite",
 					children: n
 				}),
 				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: E.button,
+					className: T.button,
 					"aria-label": c(s.editor.previous),
 					onClick: t.onPrev,
 					children: "‹"
 				}),
 				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: E.button,
+					className: T.button,
 					"aria-label": c(s.editor.next),
 					onClick: t.onNext,
 					children: "›"
 				}),
 				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: e(E.button, t.caseSensitive && E.active),
+					className: e(T.button, t.caseSensitive && T.active),
 					"aria-pressed": t.caseSensitive,
 					"aria-label": c(s.editor.matchCase),
 					onClick: t.onToggleCase,
@@ -741,17 +741,17 @@ function ye(t) {
 				}),
 				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: E.button,
+					className: T.button,
 					"aria-label": c(s.editor.close),
 					onClick: t.onClose,
 					children: "×"
 				})
 			]
 		}), t.replaceMode && /* @__PURE__ */ p("div", {
-			className: E.row,
+			className: T.row,
 			children: [
 				/* @__PURE__ */ f("input", {
-					className: E.input,
+					className: T.input,
 					value: t.replaceQuery,
 					placeholder: c(s.editor.replacePlaceholder),
 					"aria-label": c(s.editor.replace),
@@ -764,13 +764,13 @@ function ye(t) {
 				}),
 				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: E.button,
+					className: T.button,
 					onClick: t.onReplace,
 					children: c(s.editor.replaceOne)
 				}),
 				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: E.button,
+					className: T.button,
 					onClick: t.onReplaceAll,
 					children: c(s.editor.replaceAll)
 				})
@@ -780,25 +780,25 @@ function ye(t) {
 }
 //#endregion
 //#region src/editor/code-editor/find.ts
-var D = /\w/;
-function be(e) {
-	return e !== void 0 && D.test(e);
+var xe = /\w/;
+function E(e) {
+	return e !== void 0 && xe.test(e);
 }
-function xe(e, t, n = {}) {
+function Se(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 || !be(e[t - 1]) && !be(e[s])) && a.push({
+		(!n.wholeWord || !E(e[t - 1]) && !E(e[s])) && a.push({
 			start: t,
 			end: s
 		}), o = s > t ? s : t + 1;
 	}
 	return a;
 }
-function Se(e, t) {
+function Ce(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 {
@@ -806,9 +806,9 @@ function Se(e, t) {
 		col: t - r
 	};
 }
-function Ce(e, t, n, r) {
+function we(e, t, n, r) {
 	return t.map((t, i) => {
-		let { line: a, col: o } = Se(e, t.start);
+		let { line: a, col: o } = Ce(e, t.start);
 		return {
 			line: a,
 			start: o,
@@ -817,7 +817,7 @@ function Ce(e, t, n, r) {
 		};
 	});
 }
-function we(e, t, n) {
+function Te(e, t, n) {
 	let r = e;
 	for (let e = t.length - 1; e >= 0; e--) {
 		let i = t[e];
@@ -827,16 +827,16 @@ function we(e, t, n) {
 }
 //#endregion
 //#region src/editor/code-editor/brackets.ts
-var O = {
+var D = {
 	"(": ")",
 	"[": "]",
 	"{": "}"
-}, k = {
+}, O = {
 	")": "(",
 	"]": "[",
 	"}": "}"
 };
-function A(e, t, n, r) {
+function k(e, t, n, r) {
 	let i = 0;
 	for (let a = t; a < e.length; a++) {
 		let t = e[a];
@@ -845,7 +845,7 @@ function A(e, t, n, r) {
 	}
 	return -1;
 }
-function j(e, t, n, r) {
+function A(e, t, n, r) {
 	let i = 0;
 	for (let a = t; a >= 0; a--) {
 		let t = e[a];
@@ -854,41 +854,41 @@ function j(e, t, n, r) {
 	}
 	return -1;
 }
-function Te(e, t) {
+function Ee(e, t) {
 	let n = e[t];
-	if (n && n in O) {
-		let r = A(e, t, n, O[n]);
+	if (n && n in D) {
+		let r = k(e, t, n, D[n]);
 		if (r !== -1) return {
 			open: t,
 			close: r
 		};
 	}
 	let r = e[t - 1];
-	if (r && r in k) {
-		let n = j(e, t - 1, k[r], r);
+	if (r && r in O) {
+		let n = A(e, t - 1, O[r], r);
 		if (n !== -1) return {
 			open: n,
 			close: t - 1
 		};
 	}
-	if (r && r in O) {
-		let n = A(e, t - 1, r, O[r]);
+	if (r && r in D) {
+		let n = k(e, t - 1, r, D[r]);
 		if (n !== -1) return {
 			open: t - 1,
 			close: n
 		};
 	}
-	if (n && n in k) {
-		let r = j(e, t, k[n], n);
+	if (n && n in O) {
+		let r = A(e, t, O[n], n);
 		if (r !== -1) return {
 			open: r,
 			close: t
 		};
 	}
 }
-function Ee(e, t, n) {
+function De(e, t, n) {
 	return [t.open, t.close].map((t) => {
-		let { line: r, col: i } = Se(e, t);
+		let { line: r, col: i } = Ce(e, t);
 		return {
 			line: r,
 			start: i,
@@ -899,7 +899,7 @@ function Ee(e, t, n) {
 }
 //#endregion
 //#region src/editor/code-editor/history.ts
-function De(e = 200) {
+function Oe(e = 200) {
 	let t = [], n = -1, r = !1;
 	return {
 		record(i, a) {
@@ -925,10 +925,10 @@ function De(e = 200) {
 }
 //#endregion
 //#region src/editor/code-editor/keymap.ts
-var Oe = typeof navigator < "u" && /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent || "");
+var j = typeof navigator < "u" && /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent || "");
 function ke(e) {
 	let t = [];
-	(Oe ? e.metaKey : e.ctrlKey) && t.push("Mod"), e.altKey && t.push("Alt"), e.shiftKey && t.push("Shift");
+	(j ? 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("-");
 }
@@ -994,7 +994,7 @@ function N(e, t) {
 	return n;
 }
 function Fe(e, t, n) {
-	let { line: r, col: i } = Se(e, t), a = N(e.slice(t - i, t), n.tabSize);
+	let { line: r, col: i } = Ce(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
@@ -1080,53 +1080,53 @@ var P = {
 			})]
 		}, n.id))
 	});
-}), 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) {
+}), Ve = 2e3, He = l(function({ value: l, defaultValue: ee, onValueChange: te, language: ne = "plaintext", lineNumbers: m = !0, tabSize: h = 2, insertSpaces: g = !0, wrap: _ = !1, virtualize: v, readOnly: y = !1, disabled: b = !1, spellCheck: se = !1, label: ce, ariaLabel: le, onSave: ue, keymap: de, decorations: x, theme: fe, bracketMatching: pe = !1, commands: S, className: me, style: he, onKeyDown: ge, ..._e }, T) {
 	o();
-	let E = d(ce);
-	E.current = ce;
-	let [D, be] = n({
+	let xe = d(ue);
+	xe.current = ue;
+	let [E, D] = n({
 		value: l,
 		defaultValue: ee ?? "",
-		onChange: m
-	}), 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,
+		onChange: te
+	}), O = d(null), k = d(null), A = d(null), j = d(null), ke = d([]), M = d(null);
+	M.current === null && (M.current = Oe(), M.current.reset({
+		text: E.value,
 		selectionStart: 0,
 		selectionEnd: 0
 	}));
-	let M = ke.current, N = d(null), P = d(void 0), F = d(D.value), He = d(void 0), I = d(!1), L = d({
+	let N = M.current, P = d(null), He = d(void 0), F = d(E.value), Ue = d(void 0), I = d(!1), L = d({
 		start: 0,
 		end: 0
 	}), R = (e, t, n) => {
-		He.current = e, F.current = e, M.record({
+		Ue.current = e, F.current = e, N.record({
 			text: e,
 			selectionStart: t.start,
 			selectionEnd: t.end
-		}, { coalesce: n }), be(e);
-	}, Ue = (e) => {
+		}, { coalesce: n }), D(e);
+	}, We = (e) => {
 		let t = j.current;
 		R(e, t ? {
 			start: t.selectionStart,
 			end: t.selectionEnd
 		} : L.current, !1);
-	}, We = (e) => {
+	}, Ge = (e) => {
 		let t = j.current;
 		if (!t) return;
-		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 = {
+		I.current = !0, t.value = e.text, t.setSelectionRange(e.selectionStart, e.selectionEnd), D(e.text), Ue.current = e.text, F.current = e.text, L.current = {
 			start: e.selectionStart,
 			end: e.selectionEnd
 		}, U.value = e.selectionStart;
 		let n = e.text.slice(0, e.selectionStart).split("\n").length - 1;
 		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");
+		let e = N.undo();
+		e && Ge(e);
+	}, qe = () => {
+		let e = N.redo();
+		e && Ge(e);
+	}, z = i(E.value), Je = i(0), Ye = i(0), B = i(0), V = i(!1), Xe = i(""), Ze = i(""), Qe = i(!1), $e = i(!1), H = i(0), U = i(0), et = i(0), W = i(!1), tt = i(0), nt = i(""), G = i(0), rt = i(-1), it = i(0), at = d(null), ot = d(null), st = r("slash-menu");
 	a(() => {
-		let e = D.value;
+		let e = E.value;
 		if (typeof requestAnimationFrame != "function") {
 			z.value = e;
 			return;
@@ -1136,14 +1136,14 @@ var P = {
 		});
 		return () => cancelAnimationFrame(t);
 	}), a(() => {
-		let e = D.value;
+		let e = E.value;
 		if (I.current || e === F.current) return;
-		if (e === He.current) {
+		if (e === Ue.current) {
 			F.current = e;
 			return;
 		}
 		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({
+		t && (I.current = !0, t.value !== e && (t.value = e), t.setSelectionRange(r.start, r.end), I.current = !1), L.current = r, N.reset({
 			text: e,
 			selectionStart: r.start,
 			selectionEnd: r.end
@@ -1153,11 +1153,11 @@ var P = {
 		if (!e) return;
 		let t = () => {
 			let t = Number.parseFloat(getComputedStyle(e).lineHeight);
-			B.value = Number.isFinite(t) && t > 0 ? t : 0, Je.value = e.clientHeight;
+			B.value = Number.isFinite(t) && t > 0 ? t : 0, Ye.value = e.clientHeight;
 			let n = Le(e);
-			n > 0 && (rt.value = n);
+			n > 0 && (it.value = n);
 		}, n = () => {
-			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);
+			Je.value = e.scrollTop, Ye.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;
 			O.current?.style.setProperty("--cascivo-editor-caret-line", String(t)), L.current = {
@@ -1183,72 +1183,72 @@ var P = {
 			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 = U.value, t = D.value;
-		if (!C || C.length === 0 || b || x) {
+		let e = U.value, t = E.value;
+		if (!S || S.length === 0 || y || b) {
 			W.value &&= !1;
 			return;
 		}
 		let n = Re(t, e);
 		if (!n) {
-			nt.value = -1, W.value &&= !1;
+			rt.value = -1, W.value &&= !1;
 			return;
 		}
-		if (n.start === nt.value) {
+		if (n.start === rt.value) {
 			W.value &&= !1;
 			return;
 		}
-		W.value || (G.value = 0), W.value = !0, et.value = n.start, tt.value = n.query;
+		W.value || (G.value = 0), W.value = !0, tt.value = n.start, nt.value = n.query;
 	}), a(() => {
 		if (!W.value) return;
-		let e = it.current, t = j.current;
+		let e = at.current, t = j.current;
 		if (!e || !t) return;
-		let n = et.value, r = e.offsetParent, i, a, o = k.current, s = (v || D.value.includes("	")) && o ? Ie(o, n) : null;
+		let n = tt.value, r = e.offsetParent, i, a, o = k.current, s = (_ || E.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 = Fe(D.value, n, {
-				charWidth: rt.value,
+			let e = getComputedStyle(t), r = Fe(E.value, n, {
+				charWidth: it.value,
 				lineHeight: B.value,
 				scrollTop: t.scrollTop,
 				scrollLeft: t.scrollLeft,
 				padTop: Number.parseFloat(e.paddingTop) || 0,
 				padLeft: Number.parseFloat(e.paddingLeft) || 0,
-				tabSize: g
+				tabSize: h
 			});
 			i = r.top + B.value, a = r.left;
 		}
 		e.style.top = `${i}px`, e.style.left = `${a}px`;
 	});
-	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;
+	let K = oe(ne);
+	(P.current === null || P.current.grammar !== K) && (P.current = ae(K), He.current = void 0);
+	let q = P.current, ct = z.value.split("\n"), J = ct.length;
+	ke.current = ct;
+	let lt = z.value, ut = He.current;
+	if (lt !== ut) {
+		let e = ut === void 0 ? 0 : (() => {
+			let e = Ne(ut, lt);
+			return ut.slice(0, e.from).split("\n").length - 1;
 		})();
-		q.invalidateFrom(e), P.current = ct;
+		q.invalidateFrom(e), He.current = lt;
 	}
-	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);
+	let dt = B.value > 0, Y = dt ? B.value : 20, ft = (v ?? J > 1e3) && !_, X = 0, Z = J;
+	if (ft) if (dt) {
+		X = Math.max(0, Math.floor(Je.value / Y) - 12);
+		let e = Math.ceil(Ye.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;
+	let pt = ft && X > q.length ? X - q.length : 0, mt = !ft || X === 0 || q.length >= X || pt <= 2e3, ht;
+	mt ? ht = re(K, ct, X, Z, q) : (et.value, ht = ie(K, ct, X, Z, K.initialState));
+	let gt = X * Y, _t = (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);
+		z.value, et.value;
+		let e = B.value, t = ke.current, n = t.length;
+		if (!((v ?? n > 1e3) && !_ && e > 0)) return;
+		let r = Math.max(0, Math.floor(Je.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++;
+			q.ensure(t, Math.min(r - 1, q.length + Ve)), et.value++;
 		};
 		if (typeof requestAnimationFrame != "function") {
 			i();
@@ -1257,62 +1257,62 @@ var P = {
 		let a = requestAnimationFrame(i);
 		return () => cancelAnimationFrame(a);
 	});
-	let Q = V.value ? xe(z.value, Ye.value, { caseSensitive: Ze.value }) : [];
+	let Q = V.value ? Se(z.value, Xe.value, { caseSensitive: Qe.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 vt = Q.length > 0 ? we(z.value, Q, H.value, {
+		match: C.match,
+		current: C.matchCurrent
+	}) : [], yt = typeof x == "function" ? x(z.value) : x ?? [], bt = [];
+	if (pe) {
+		let e = Ee(z.value, U.value);
+		e && (bt = De(z.value, e, C.bracketMatch));
 	}
-	let bt = [
-		...vt,
+	let xt = [
 		...yt,
-		..._t
-	], xt = bt.length > 0 ? bt : void 0, St = (e) => {
+		...bt,
+		...vt
+	], St = xt.length > 0 ? xt : void 0, Ct = (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 } = Se(n.value, t.start), r = e * Y;
+			let { line: e } = Ce(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));
 		}
-	}, 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));
+		Q.length !== 0 && (H.value = (H.value + 1) % Q.length, Ct(H.value));
 	}, Tt = () => {
+		Q.length !== 0 && (H.value = (H.value - 1 + Q.length) % Q.length, Ct(H.value));
+	}, Et = () => {
 		let e = Q[H.value], t = j.current;
-		!e || !t || b || x || (t.setRangeText(Xe.value, e.start, e.end, "end"), R(t.value, {
+		!e || !t || y || b || (t.setRangeText(Ze.value, e.start, e.end, "end"), R(t.value, {
 			start: t.selectionStart,
 			end: t.selectionEnd
 		}, !1));
-	}, Et = () => {
-		if (Q.length === 0 || b || x) return;
-		let e = we(z.value, Q, Xe.value), t = j.current;
+	}, Dt = () => {
+		if (Q.length === 0 || y || b) return;
+		let e = Te(z.value, Q, Ze.value), t = j.current;
 		t && (t.value = e), R(e, {
 			start: t?.selectionStart ?? 0,
 			end: t?.selectionEnd ?? 0
 		}, !1);
-	}, Dt = (e) => {
-		Qe.value = e, V.value = !0;
-	}, Ot = () => {
+	}, Ot = (e) => {
+		$e.value = e, V.value = !0;
+	}, kt = () => {
 		V.value = !1, j.current?.focus();
-	}, $ = W.value ? ze(C ?? [], tt.value) : [];
+	}, $ = W.value ? ze(S ?? [], nt.value) : [];
 	G.value >= $.length && (G.value = Math.max(0, $.length - 1));
-	let kt = $.map((e) => ({
+	let At = $.map((e) => ({
 		id: e.id,
 		label: e.label,
 		...e.hint !== void 0 && { hint: e.hint }
-	})), { anchorStyle: At, floatingStyle: jt } = t({
-		anchorRef: it,
-		floatingRef: at,
+	})), { anchorStyle: jt, floatingStyle: Mt } = t({
+		anchorRef: at,
+		floatingRef: ot,
 		placement: "bottom-start",
 		enabled: W
-	}), Mt = {
+	}), Nt = {
 		applyEdit: ({ from: e, to: t }, n) => {
 			let r = j.current;
 			r && (r.setRangeText(n, e, t, "end"), R(r.value, {
@@ -1328,12 +1328,12 @@ var P = {
 			} : { ...L.current };
 		},
 		focus: () => j.current?.focus(),
-		undo: Ge,
-		redo: Ke,
-		openFind: () => Dt(!1),
+		undo: Ke,
+		redo: qe,
+		openFind: () => Ot(!1),
 		openCommandMenu: () => {
 			let e = j.current;
-			!e || !C || C.length === 0 || b || x || (e.focus(), e.setRangeText("/", e.selectionStart, e.selectionEnd, "end"), R(e.value, {
+			!e || !S || S.length === 0 || y || b || (e.focus(), e.setRangeText("/", e.selectionStart, e.selectionEnd, "end"), R(e.value, {
 				start: e.selectionStart,
 				end: e.selectionEnd
 			}, !1), U.value = e.selectionStart, L.current = {
@@ -1342,84 +1342,84 @@ var P = {
 			});
 		}
 	};
-	u(ge, () => Mt);
-	let Nt = (e) => {
+	u(T, () => Nt);
+	let Pt = (e) => {
 		let t = $[e], n = j.current;
-		if (!t || !n || b || x) return;
-		let r = et.value, i = n.selectionStart;
+		if (!t || !n || y || b) return;
+		let r = tt.value, i = n.selectionStart;
 		n.setRangeText(t.insert ?? "", r, i, "end"), R(n.value, {
 			start: n.selectionStart,
 			end: n.selectionEnd
 		}, !1), U.value = n.selectionStart, L.current = {
 			start: n.selectionStart,
 			end: n.selectionEnd
-		}, W.value = !1, G.value = 0, n.focus(), t.run?.(Mt);
-	}, Pt = (e) => {
-		let t = e.currentTarget, n = !b && !x, r = {};
+		}, W.value = !1, G.value = 0, n.focus(), t.run?.(Nt);
+	}, Ft = (e) => {
+		let t = e.currentTarget, n = !y && !b, r = {};
 		if (n) {
 			let { indent: e, dedent: t } = Me({
-				tabSize: g,
-				insertSpaces: _
+				tabSize: h,
+				insertSpaces: g
 			});
-			r.Tab = e, r["Shift-Tab"] = t, r["Mod-z"] = () => (Ge(), !0);
-			let n = () => (Ke(), !0);
+			r.Tab = e, r["Shift-Tab"] = t, r["Mod-z"] = () => (Ke(), !0);
+			let n = () => (qe(), !0);
 			r["Mod-Shift-z"] = n, r["Mod-y"] = n;
 		}
-		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) {
+		if (r["Mod-f"] = () => (Ot(!1), !0), r["Mod-Alt-f"] = () => (Ot(!0), !0), r["Mod-s"] = () => {
+			let e = xe.current;
+			return e ? (e(E.value), !0) : !1;
+		}, V.value && (r.Escape = () => (kt(), !0)), W.value) {
 			let e = (e) => () => {
 				let t = $.length;
 				return t > 0 && (G.value = (G.value + e + t) % t), !0;
 			};
 			r.ArrowDown = e(1), r.ArrowUp = e(-1);
-			let t = () => ($.length > 0 && Nt(G.value), !0);
-			r.Enter = t, r.Tab = t, r.Escape = () => (nt.value = et.value, W.value = !1, !0);
+			let t = () => ($.length > 0 && Pt(G.value), !0);
+			r.Enter = t, r.Tab = t, r.Escape = () => (rt.value = tt.value, W.value = !1, !0);
 		}
-		je(Ae(r, le), {
+		je(Ae(r, de), {
 			textarea: t,
 			event: e,
-			setText: Ue
-		}) && e.preventDefault(), me?.(e);
-	}, Ft = {
-		"--cascivo-editor-tab-size": g,
-		...ue,
-		...pe
+			setText: We
+		}) && e.preventDefault(), ge?.(e);
+	}, It = {
+		"--cascivo-editor-tab-size": h,
+		...fe,
+		...he
 	};
 	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, {
+		className: e(w.root, me),
+		"data-wrap": _,
+		"data-line-numbers": m,
+		style: It,
+		children: [m && /* @__PURE__ */ f(ye, {
 			count: J,
-			className: T.gutter,
+			className: w.gutter,
 			gutterRef: A,
 			start: X,
 			end: Z,
-			topPad: ht,
-			bottomPad: gt,
+			topPad: gt,
+			bottomPad: _t,
 			activeLine: !0
 		}), /* @__PURE__ */ p("div", {
-			className: T.codeArea,
+			className: w.codeArea,
 			children: [
 				/* @__PURE__ */ p("pre", {
 					ref: k,
-					className: T.pre,
+					className: w.pre,
 					"aria-hidden": "true",
 					children: [
-						/* @__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__ */ f("div", { className: w.currentLine }),
+						gt > 0 && /* @__PURE__ */ f("div", { style: { blockSize: gt } }),
+						/* @__PURE__ */ f("code", { children: ve(ht, X, Z, St) }),
+						_t > 0 && /* @__PURE__ */ f("div", { style: { blockSize: _t } })
 					]
 				}),
 				/* @__PURE__ */ f("textarea", {
 					ref: j,
-					className: T.textarea,
-					value: D.value,
+					className: w.textarea,
+					value: E.value,
 					onChange: (e) => {
 						let t = e.currentTarget, n = t.value, r = Math.abs(n.length - F.current.length) === 1;
 						R(n, {
@@ -1427,58 +1427,58 @@ var P = {
 							end: t.selectionEnd
 						}, r);
 					},
-					onKeyDown: Pt,
-					readOnly: b,
-					disabled: x,
-					spellCheck: oe,
+					onKeyDown: Ft,
+					readOnly: y,
+					disabled: b,
+					spellCheck: se,
 					role: "combobox",
-					"aria-label": se ?? c(s.editor.label),
+					"aria-label": le ?? ce ?? 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,
+					"aria-controls": W.value ? st : void 0,
+					"aria-activedescendant": W.value ? `${st}-opt-${G.value}` : void 0,
 					autoCapitalize: "off",
 					autoCorrect: "off",
 					autoComplete: "off",
-					wrap: v ? "soft" : "off",
-					...he
+					wrap: _ ? "soft" : "off",
+					..._e
 				}),
 				/* @__PURE__ */ f("div", {
-					ref: it,
+					ref: at,
 					"aria-hidden": "true",
 					style: {
 						position: "absolute",
 						inlineSize: 0,
 						blockSize: 0,
-						...At
+						...jt
 					}
 				}),
 				W.value && /* @__PURE__ */ f(Be, {
-					ref: at,
-					id: ot,
-					items: kt,
+					ref: ot,
+					id: st,
+					items: At,
 					activeIndex: G.value,
-					onSelect: Nt,
+					onSelect: Pt,
 					onHover: (e) => G.value = e,
-					style: jt
+					style: Mt
 				}),
-				V.value && /* @__PURE__ */ f(ye, {
-					query: Ye.value,
-					replaceQuery: Xe.value,
-					replaceMode: Qe.value,
-					caseSensitive: Ze.value,
+				V.value && /* @__PURE__ */ f(be, {
+					query: Xe.value,
+					replaceQuery: Ze.value,
+					replaceMode: $e.value,
+					caseSensitive: Qe.value,
 					matchCount: Q.length,
 					currentIndex: Q.length > 0 ? H.value : -1,
 					onQueryChange: (e) => {
-						Ye.value = e, H.value = 0;
+						Xe.value = e, H.value = 0;
 					},
-					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
+					onReplaceChange: (e) => Ze.value = e,
+					onNext: wt,
+					onPrev: Tt,
+					onReplace: Et,
+					onReplaceAll: Dt,
+					onToggleCase: () => Qe.value = !Qe.value,
+					onToggleReplace: () => $e.value = !$e.value,
+					onClose: kt
 				})
 			]
 		})]
@@ -1486,32 +1486,32 @@ var P = {
 });
 //#endregion
 //#region src/editor/highlight/highlight.tsx
-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 }) {
+function F({ value: t, language: n = "plaintext", lineNumbers: r = !1, wrap: i = !1, tabSize: a = 2, label: s, ariaLabel: c, className: l, preRef: u, gutterRef: d, style: ee, ...te }) {
 	o();
-	let m = ae(n), te = t.split("\n"), h = ne(m, te, 0, te.length, ie(m)), g = {
+	let ne = oe(n), m = t.split("\n"), h = re(ne, m, 0, m.length, ae(ne)), ie = {
 		"--cascivo-editor-tab-size": a,
-		...d
+		...ee
 	};
 	return /* @__PURE__ */ p("div", {
-		className: e(w.root, c),
+		className: e(C.root, l),
 		"data-wrap": i,
 		"data-line-numbers": r,
-		style: g,
-		"aria-label": s,
-		...ee,
-		children: [r && /* @__PURE__ */ f(ve, {
+		style: ie,
+		"aria-label": c ?? s,
+		...te,
+		children: [r && /* @__PURE__ */ f(ye, {
 			count: h.length,
-			className: w.gutter,
-			gutterRef: u
+			className: C.gutter,
+			gutterRef: d
 		}), /* @__PURE__ */ f("pre", {
-			ref: l,
-			className: w.pre,
+			ref: u,
+			className: C.pre,
 			children: /* @__PURE__ */ f("code", {
-				className: w.code,
-				children: _e(h)
+				className: C.code,
+				children: ve(h)
 			})
 		})]
 	});
 }
 //#endregion
-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 };
+export { He as CodeEditor, F as Highlight, he as bash, ae as createLineStateIndex, b as createRuleGrammar, pe as css, oe as getGrammar, S as html, x as javascript, ce as json, y as listGrammars, me as markdown, se as plaintext, v as registerGrammar, m as tokenize, h as tokenizeDocument, re as tokenizeRange, fe as typescript };