@cascivo/editor 0.2.4 → 0.2.6

package/dist/index.js

@@ -1,45 +1,53 @@
 "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 u, useRef as d } from "react";
+import { jsx as f, jsxs as p } 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 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;
-	ee++;
+	te++;
 	let { tokens: a, state: o } = e.tokenizeLine(t, n), s = {
 		tokens: a,
 		endState: o
 	};
-	return f.set(r, s), s;
+	return ee.set(r, s), s;
 }
-function h(e, t) {
+function g(e, t) {
 	let n = t.split("\n"), r = [], i = e.initialState;
 	for (let t of n) {
-		let n = m(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 = m(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 = m(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 g = /* @__PURE__ */ new Map(), _ = {
+var _ = /* @__PURE__ */ new Map(), v = {
 	name: "plaintext",
 	initialState: "default",
 	tokenizeLine: (e) => ({
@@ -72,23 +80,23 @@ var g = /* @__PURE__ */ new Map(), _ = {
 		state: "default"
 	})
 };
-g.set(_.name, _);
-function v(e) {
-	g.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 = g.get(e);
+		let t = _.get(e);
 		if (t) return t;
 	}
-	return g.get("plaintext");
+	return _.get("plaintext");
 }
-function y() {
-	return [...g.keys()];
+function b() {
+	return [..._.keys()];
 }
 //#endregion
 //#region src/grammars/rules.ts
-function b(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 b(e) {
 }
 //#endregion
 //#region src/grammars/plaintext.ts
-var x = {
+var oe = {
 	name: "plaintext",
 	initialState: "default",
 	tokenizeLine: (e) => ({
@@ -142,10 +150,10 @@ var x = {
 		state: "default"
 	})
 };
-v(x);
+y(oe);
 //#endregion
 //#region src/grammars/json.ts
-var S = b({
+var se = x({
 	name: "json",
 	states: { default: [
 		{
@@ -174,14 +182,14 @@ var S = b({
 		}
 	] }
 });
-v(S);
+y(se);
 //#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 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 T(e, t, n = []) {
+function S(e, t, n = []) {
 	let r = [
 		{
 			match: /\/\/.*/,
@@ -215,10 +223,10 @@ function T(e, t, n = []) {
 		}
 	];
 	return n.length > 0 && r.push({
-		match: w(n),
+		match: le(n),
 		kind: "type"
 	}), r.push({
-		match: w(t),
+		match: le(t),
 		kind: "keyword"
 	}, {
 		match: /[A-Za-z_$][\w$]*(?=\s*\()/,
@@ -235,7 +243,7 @@ function T(e, t, n = []) {
 	}, {
 		match: /[{}()[\];,.:]/,
 		kind: "punctuation"
-	}), b({
+	}), x({
 		name: e,
 		states: {
 			default: r,
@@ -282,9 +290,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 ue = S("javascript", ce);
+y(ue);
+var de = S("typescript", ce, [
 	"interface",
 	"type",
 	"enum",
@@ -310,10 +318,10 @@ var ae = T("typescript", C, [
 	"never",
 	"object"
 ]);
-v(ae);
+y(de);
 //#endregion
 //#region src/grammars/css.ts
-var oe = b({
+var C = x({
 	name: "css",
 	states: {
 		default: [
@@ -380,10 +388,10 @@ var oe = b({
 		]
 	}
 });
-v(oe);
+y(C);
 //#endregion
 //#region src/grammars/html.ts
-var se = b({
+var fe = x({
 	name: "html",
 	states: {
 		default: [
@@ -442,10 +450,10 @@ var se = b({
 		]
 	}
 });
-v(se);
+y(fe);
 //#endregion
 //#region src/grammars/markdown.ts
-var ce = b({
+var pe = x({
 	name: "markdown",
 	states: {
 		default: [
@@ -518,10 +526,10 @@ var ce = b({
 		}]
 	}
 });
-v(ce);
+y(pe);
 //#endregion
 //#region src/grammars/bash.ts
-var le = b({
+var me = x({
 	name: "bash",
 	states: { default: [
 		{
@@ -558,8 +566,8 @@ var le = b({
 		}
 	] }
 });
-v(le);
-var E = {
+y(me);
+var w = {
 	root: "_root_1m6ns_2",
 	gutter: "_gutter_1m6ns_17",
 	gutterLine: "_gutterLine_1m6ns_28",
@@ -588,77 +596,77 @@ var E = {
 };
 //#endregion
 //#region src/editor/view.tsx
-function ue(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 de(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 = ue(n, r);
-		return /* @__PURE__ */ u("span", {
-			className: a ? e(E[t.kind], a) : E[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 = 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 = 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__ */ u("span", { children: c }, i);
+	return /* @__PURE__ */ f("span", { children: c }, i);
 }
-function fe(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__ */ u("span", {
-			className: E.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 = de(t, e, o, n);
+					let r = ge(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__ */ f("span", {
+				className: w[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 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__ */ u("span", {
-		className: E.gutterLine,
+	for (let e = r + 1; e <= i; e++) c.push(/* @__PURE__ */ f("span", {
+		className: w.gutterLine,
 		children: e
 	}, e));
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ p("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__ */ f("div", { className: w.gutterActive }),
+			a > 0 && /* @__PURE__ */ f("div", { style: { blockSize: a } }),
 			c,
-			o > 0 && /* @__PURE__ */ u("div", { style: { blockSize: o } })
+			o > 0 && /* @__PURE__ */ f("div", { style: { blockSize: o } })
 		]
 	});
 }
-var D = {
+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"
-}, O = {
+}, E = {
 	panel: "_panel_hawkv_2",
 	row: "_row_hawkv_20",
 	input: "_input_hawkv_26",
@@ -669,32 +677,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 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__ */ d("div", {
-		className: O.panel,
+	return /* @__PURE__ */ p("div", {
+		className: E.panel,
 		role: "search",
-		"aria-label": o(a.editor.find),
-		children: [/* @__PURE__ */ d("div", {
-			className: O.row,
+		"aria-label": c(s.editor.find),
+		children: [/* @__PURE__ */ p("div", {
+			className: E.row,
 			children: [
-				/* @__PURE__ */ u("button", {
+				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: O.toggle,
-					"aria-label": o(a.editor.toggleReplace),
+					className: E.toggle,
+					"aria-label": c(s.editor.toggleReplace),
 					"aria-expanded": t.replaceMode,
 					onClick: t.onToggleReplace,
 					children: t.replaceMode ? "▾" : "▸"
 				}),
-				/* @__PURE__ */ u("input", {
-					className: O.input,
+				/* @__PURE__ */ f("input", {
+					className: E.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 +711,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__ */ f("span", {
+					className: E.count,
 					"aria-live": "polite",
 					children: n
 				}),
-				/* @__PURE__ */ u("button", {
+				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: O.button,
-					"aria-label": o(a.editor.previous),
+					className: E.button,
+					"aria-label": c(s.editor.previous),
 					onClick: t.onPrev,
 					children: "‹"
 				}),
-				/* @__PURE__ */ u("button", {
+				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: O.button,
-					"aria-label": o(a.editor.next),
+					className: E.button,
+					"aria-label": c(s.editor.next),
 					onClick: t.onNext,
 					children: "›"
 				}),
-				/* @__PURE__ */ u("button", {
+				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: e(O.button, t.caseSensitive && O.active),
+					className: e(E.button, t.caseSensitive && E.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__ */ f("button", {
 					type: "button",
-					className: O.button,
-					"aria-label": o(a.editor.close),
+					className: E.button,
+					"aria-label": c(s.editor.close),
 					onClick: t.onClose,
 					children: "×"
 				})
 			]
-		}), t.replaceMode && /* @__PURE__ */ d("div", {
-			className: O.row,
+		}), t.replaceMode && /* @__PURE__ */ p("div", {
+			className: E.row,
 			children: [
-				/* @__PURE__ */ u("input", {
-					className: O.input,
+				/* @__PURE__ */ f("input", {
+					className: E.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 +761,17 @@ function me(t) {
 						e.key === "Escape" ? (e.preventDefault(), t.onClose()) : e.key === "Enter" && (e.preventDefault(), t.onReplace());
 					}
 				}),
-				/* @__PURE__ */ u("button", {
+				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: O.button,
+					className: E.button,
 					onClick: t.onReplace,
-					children: o(a.editor.replaceOne)
+					children: c(s.editor.replaceOne)
 				}),
-				/* @__PURE__ */ u("button", {
+				/* @__PURE__ */ f("button", {
 					type: "button",
-					className: O.button,
+					className: E.button,
 					onClick: t.onReplaceAll,
-					children: o(a.editor.replaceAll)
+					children: c(s.editor.replaceAll)
 				})
 			]
 		})]
@@ -771,25 +779,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 D = /\w/;
+function be(e) {
+	return e !== void 0 && D.test(e);
 }
-function ge(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 || !k(e[t - 1]) && !k(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 _e(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 _e(e, t) {
 		col: t - r
 	};
 }
-function ve(e, t, n, r) {
+function Ce(e, t, n, r) {
 	return t.map((t, i) => {
-		let { line: a, col: o } = _e(e, t.start);
+		let { line: a, col: o } = Se(e, t.start);
 		return {
 			line: a,
 			start: o,
@@ -808,7 +816,7 @@ function ve(e, t, n, r) {
 		};
 	});
 }
-function ye(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 ye(e, t, n) {
 }
 //#endregion
 //#region src/editor/code-editor/brackets.ts
-var A = {
+var O = {
 	"(": ")",
 	"[": "]",
 	"{": "}"
-}, j = {
+}, k = {
 	")": "(",
 	"]": "[",
 	"}": "}"
 };
-function M(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 M(e, t, n, r) {
 	}
 	return -1;
 }
-function N(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 N(e, t, n, r) {
 	}
 	return -1;
 }
-function be(e, t) {
+function Te(e, t) {
 	let n = e[t];
-	if (n && n in A) {
-		let r = M(e, t, n, A[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 j) {
-		let n = N(e, t - 1, j[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 A) {
-		let n = M(e, t - 1, r, A[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 j) {
-		let r = N(e, t, j[n], n);
+	if (n && n in k) {
+		let r = j(e, t, k[n], n);
 		if (r !== -1) return {
 			open: r,
 			close: t
 		};
 	}
 }
-function xe(e, t, n) {
+function Ee(e, t, n) {
 	return [t.open, t.close].map((t) => {
-		let { line: r, col: i } = _e(e, t);
+		let { line: r, col: i } = Se(e, t);
 		return {
 			line: r,
 			start: i,
@@ -890,7 +898,7 @@ function xe(e, t, n) {
 }
 //#endregion
 //#region src/editor/code-editor/history.ts
-function Se(e = 200) {
+function De(e = 200) {
 	let t = [], n = -1, r = !1;
 	return {
 		record(i, a) {
@@ -916,23 +924,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 Oe = typeof navigator < "u" && /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent || "");
+function ke(e) {
 	let t = [];
-	(P ? 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 Ce(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 we(e, t) {
-	let n = e.get(F(t.event));
+function je(e, t) {
+	let n = e.get(ke(t.event));
 	return n ? n(t) : !1;
 }
-function Te(e) {
+function Me(e) {
 	let t = () => e.insertSpaces ? " ".repeat(e.tabSize) : "	";
 	return {
 		indent: ({ textarea: e, setText: n }) => {
@@ -952,7 +960,7 @@ function Te(e) {
 }
 //#endregion
 //#region src/editor/code-editor/sync.ts
-function Ee(e, t) {
+function Ne(e, t) {
 	if (e === t) return {
 		from: e.length,
 		to: e.length,
@@ -968,278 +976,507 @@ function Ee(e, t) {
 		insert: t.slice(r, a)
 	};
 }
-function I(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 De(e, t, n) {
+function Pe(e, t, n) {
 	return {
-		start: I(e, n),
-		end: I(t, n)
+		start: M(e, n),
+		end: M(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({
-		text: O.value,
+//#endregion
+//#region src/editor/code-editor/caret.ts
+function N(e, t) {
+	let n = 0;
+	for (let r of e) r === "	" ? n += t - n % t : n += 1;
+	return n;
+}
+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 Ie(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 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);
+	let r = n.getBoundingClientRect().width / 10;
+	return n.remove(), r;
+}
+//#endregion
+//#region src/editor/code-editor/slash-trigger.ts
+function Re(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 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 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"
+}, 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: P.menu,
+		role: "listbox",
+		"aria-label": c(s.editor.commandMenu),
+		style: l,
+		children: n.length === 0 ? /* @__PURE__ */ f("li", {
+			className: P.empty,
+			role: "presentation",
+			children: c(s.editor.commandMenuEmpty)
+		}) : n.map((n, o) => /* @__PURE__ */ p("li", {
+			id: `${t}-opt-${o}`,
+			role: "option",
+			"aria-selected": o === r,
+			className: e(P.option, o === r && P.active),
+			onMouseEnter: () => a(o),
+			onMouseDown: (e) => {
+				e.preventDefault(), i(o);
+			},
+			children: [/* @__PURE__ */ f("span", {
+				className: P.label,
+				children: n.label
+			}), n.hint !== void 0 && /* @__PURE__ */ f("span", {
+				className: P.hint,
+				children: n.hint
+			})]
+		}, 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) {
+	o();
+	let E = d(ce);
+	E.current = ce;
+	let [D, be] = 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,
 		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 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 }), he(e);
-	}, Oe = (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);
-	}, ke = (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), he(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
-		}, Ie.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;
-	}, Ae = () => {
-		let e = P.undo();
-		e && ke(e);
-	}, je = () => {
-		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(() => {
-		let e = O.value;
+		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 = 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);
-	}), r(() => {
-		let e = O.value;
-		if (z.current || e === L.current) return;
-		if (e === R.current) {
-			L.current = e;
+	}), a(() => {
+		let e = D.value;
+		if (I.current || e === F.current) return;
+		if (e === He.current) {
+			F.current = e;
 			return;
 		}
-		let t = M.current, n = Ee(L.current, e), r = De(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;
-	}), r(() => {
-		let e = M.current;
+		}), F.current = e;
+	}), a(() => {
+		let e = j.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;
+			B.value = Number.isFinite(t) && t > 0 ? t : 0, Je.value = e.clientHeight;
+			let n = Le(e);
+			n > 0 && (rt.value = n);
 		}, 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);
+			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
-			}, Ie.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 = U.value, t = D.value;
+		if (!C || C.length === 0 || b || x) {
+			W.value &&= !1;
+			return;
+		}
+		let n = Re(t, e);
+		if (!n) {
+			nt.value = -1, W.value &&= !1;
+			return;
+		}
+		if (n.start === nt.value) {
+			W.value &&= !1;
+			return;
+		}
+		W.value || (G.value = 0), W.value = !0, et.value = n.start, tt.value = n.query;
+	}), a(() => {
+		if (!W.value) return;
+		let e = it.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;
+		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,
+				lineHeight: B.value,
+				scrollTop: t.scrollTop,
+				scrollLeft: t.scrollLeft,
+				padTop: Number.parseFloat(e.paddingTop) || 0,
+				padLeft: Number.parseFloat(e.paddingLeft) || 0,
+				tabSize: g
+			});
+			i = r.top + B.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 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;
 		})();
-		Re.invalidateFrom(e), I.current = Be;
+		q.invalidateFrom(e), P.current = ct;
 	}
-	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 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 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 Je = [
-		...Ke,
-		...qe,
-		...Ge
-	], Ye = Je.length > 0 ? Je : void 0, Xe = (e) => {
-		let t = $[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
-		}, 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 } = 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));
 		}
-	}, 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, {
+	}, 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));
-	}, et = () => {
-		if ($.length === 0 || y || b) return;
-		let e = ye(H.value, $, W.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);
-	}, tt = (e) => {
-		K.value = e, U.value = !0;
-	}, nt = () => {
-		U.value = !1, M.current?.focus();
-	};
-	c(ue, () => ({
+	}, 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: At, floatingStyle: jt } = t({
+		anchorRef: it,
+		floatingRef: at,
+		placement: "bottom-start",
+		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: Ae,
-		redo: je,
-		openFind: () => tt(!1)
-	}));
-	let rt = (e) => {
-		let t = e.currentTarget, n = !y && !b, r = {};
+		focus: () => j.current?.focus(),
+		undo: Ge,
+		redo: Ke,
+		openFind: () => Dt(!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, {
+				start: e.selectionStart,
+				end: e.selectionEnd
+			}, !1), U.value = e.selectionStart, L.current = {
+				start: e.selectionStart,
+				end: e.selectionEnd
+			});
+		}
+	};
+	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), 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 = {};
 		if (n) {
-			let { indent: e, dedent: t } = Te({
-				tabSize: h,
-				insertSpaces: g
+			let { indent: e, dedent: t } = Me({
+				tabSize: g,
+				insertSpaces: _
 			});
-			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"] = () => (Ge(), !0);
+			let n = () => (Ke(), !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;
-			return e ? (e(O.value), !0) : !1;
-		}, U.value && (r.Escape = () => (nt(), !0)), we(Ce(r, w), {
+		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 && (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);
+		}
+		je(Ae(r, le), {
 			textarea: t,
 			event: e,
-			setText: Oe
-		}) && e.preventDefault(), ce?.(e);
-	}, it = {
-		"--cascivo-editor-tab-size": h,
-		...ie,
-		...se
+			setText: Ue
+		}) && e.preventDefault(), me?.(e);
+	}, Ft = {
+		"--cascivo-editor-tab-size": g,
+		...ue,
+		...pe
 	};
-	return /* @__PURE__ */ d("div", {
-		ref: k,
-		className: e(D.root, oe),
-		"data-wrap": _,
-		"data-line-numbers": m,
-		style: it,
-		children: [m && /* @__PURE__ */ u(pe, {
+	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: D.gutter,
-			gutterRef: j,
-			start: Z,
-			end: Q,
-			topPad: Ue,
-			bottomPad: We,
+			className: T.gutter,
+			gutterRef: A,
+			start: X,
+			end: Z,
+			topPad: ht,
+			bottomPad: gt,
 			activeLine: !0
-		}), /* @__PURE__ */ d("div", {
-			className: D.codeArea,
+		}), /* @__PURE__ */ p("div", {
+			className: T.codeArea,
 			children: [
-				/* @__PURE__ */ d("pre", {
-					ref: A,
-					className: D.pre,
+				/* @__PURE__ */ p("pre", {
+					ref: k,
+					className: T.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__ */ 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__ */ u("textarea", {
-					ref: M,
-					className: D.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: rt,
-					readOnly: y,
-					disabled: b,
-					spellCheck: x,
-					"aria-label": S ?? o(a.editor.label),
+					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: _ ? "soft" : "off",
-					...le
+					wrap: v ? "soft" : "off",
+					...he
+				}),
+				/* @__PURE__ */ f("div", {
+					ref: it,
+					"aria-hidden": "true",
+					style: {
+						position: "absolute",
+						inlineSize: 0,
+						blockSize: 0,
+						...At
+					}
+				}),
+				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__ */ u(me, {
-					query: Fe.value,
-					replaceQuery: W.value,
-					replaceMode: K.value,
-					caseSensitive: G.value,
-					matchCount: $.length,
-					currentIndex: $.length > 0 ? q.value : -1,
+				V.value && /* @__PURE__ */ f(ye, {
+					query: Ye.value,
+					replaceQuery: Xe.value,
+					replaceMode: Qe.value,
+					caseSensitive: Ze.value,
+					matchCount: Q.length,
+					currentIndex: Q.length > 0 ? H.value : -1,
 					onQueryChange: (e) => {
-						Fe.value = e, q.value = 0;
+						Ye.value = e, H.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) => Xe.value = e,
+					onNext: Ct,
+					onPrev: wt,
+					onReplace: Tt,
+					onReplaceAll: Et,
+					onToggleCase: () => Ze.value = !Ze.value,
+					onToggleReplace: () => Qe.value = !Qe.value,
+					onClose: Ot
 				})
 			]
 		})]
@@ -1247,32 +1484,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();
-	let m = re(n), h = t.split("\n"), g = te(m, h, 0, h.length, ne(m)), _ = {
-		"--cascivo-editor-tab-size": o,
-		...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 = ae(n), te = t.split("\n"), h = ne(m, te, 0, te.length, ie(m)), g = {
+		"--cascivo-editor-tab-size": a,
+		...d
 	};
-	return /* @__PURE__ */ d("div", {
-		className: e(E.root, c),
-		"data-wrap": a,
+	return /* @__PURE__ */ p("div", {
+		className: e(w.root, c),
+		"data-wrap": i,
 		"data-line-numbers": r,
-		style: _,
+		style: g,
 		"aria-label": s,
 		...ee,
-		children: [r && /* @__PURE__ */ u(pe, {
-			count: g.length,
-			className: E.gutter,
-			gutterRef: f
-		}), /* @__PURE__ */ u("pre", {
+		children: [r && /* @__PURE__ */ f(ve, {
+			count: h.length,
+			className: w.gutter,
+			gutterRef: u
+		}), /* @__PURE__ */ f("pre", {
 			ref: l,
-			className: E.pre,
-			children: /* @__PURE__ */ u("code", {
-				className: E.code,
-				children: fe(g)
+			className: w.pre,
+			children: /* @__PURE__ */ f("code", {
+				className: w.code,
+				children: _e(h)
 			})
 		})]
 	});
 }
 //#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 { 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 };