@cascivo/editor 0.2.0 → 0.2.2

package/dist/index.js

@@ -0,0 +1,1278 @@
+"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";
+//#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);
+	if (i) return i;
+	ee++;
+	let { tokens: a, state: o } = e.tokenizeLine(t, n), s = {
+		tokens: a,
+		endState: o
+	};
+	return f.set(r, s), s;
+}
+function h(e, t) {
+	let n = t.split("\n"), r = [], i = e.initialState;
+	for (let t of n) {
+		let n = m(e, t, i);
+		r.push(n.tokens), i = n.endState;
+	}
+	return r;
+}
+function te(e, t, n, r, i) {
+	let a = Math.max(0, Math.min(n, t.length)), o = Math.max(a, Math.min(r, t.length)), s = i.startStateOf(t, a), c = [];
+	for (let n = a; n < o; n++) {
+		let r = m(e, t[n], s);
+		c.push(r.tokens), i.setEndState(n, r.endState), s = r.endState;
+	}
+	return c;
+}
+//#endregion
+//#region src/engine/line-state.ts
+function ne(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);
+			t[a] = r.endState, o = r.endState;
+		}
+	};
+	return {
+		grammar: e,
+		get length() {
+			return t.length;
+		},
+		ensure: n,
+		startStateOf: (r, i) => i <= 0 ? e.initialState : (n(r, i - 1), t[i - 1]),
+		setEndState: (e, n) => {
+			t[e] = n;
+		},
+		invalidateFrom: (e) => {
+			let n = Math.max(0, e);
+			n < t.length && (t.length = n);
+		}
+	};
+}
+//#endregion
+//#region src/engine/registry.ts
+var g = /* @__PURE__ */ new Map(), _ = {
+	name: "plaintext",
+	initialState: "default",
+	tokenizeLine: (e) => ({
+		tokens: e.length > 0 ? [{
+			kind: "plain",
+			value: e
+		}] : [],
+		state: "default"
+	})
+};
+g.set(_.name, _);
+function v(e) {
+	g.set(e.name, e);
+}
+function re(e) {
+	if (e !== void 0) {
+		let t = g.get(e);
+		if (t) return t;
+	}
+	return g.get("plaintext");
+}
+function y() {
+	return [...g.keys()];
+}
+//#endregion
+//#region src/grammars/rules.ts
+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 = {
+			re: new RegExp(e.match.source, t),
+			kind: e.kind
+		};
+		return e.push !== void 0 && (n.push = e.push), e.pop !== void 0 && (n.pop = e.pop), n;
+	});
+	return {
+		name: e.name,
+		initialState: "default",
+		tokenizeLine(e, n) {
+			let r = t[n] ? n : "default", i = [], a = -1, o = 0, s = (t) => {
+				a >= 0 && (i.push({
+					kind: "plain",
+					value: e.slice(a, t)
+				}), a = -1);
+			};
+			for (; o < e.length;) {
+				let n = t[r], c = !1;
+				for (let a of n) {
+					a.re.lastIndex = o;
+					let n = a.re.exec(e);
+					if (n !== null && n.index === o && n[0].length > 0) {
+						s(o), i.push({
+							kind: a.kind,
+							value: n[0]
+						}), o += n[0].length, a.pop ? r = "default" : a.push && t[a.push] && (r = a.push), c = !0;
+						break;
+					}
+				}
+				c || (a < 0 && (a = o), o++);
+			}
+			return s(e.length), {
+				tokens: i,
+				state: r
+			};
+		}
+	};
+}
+//#endregion
+//#region src/grammars/plaintext.ts
+var x = {
+	name: "plaintext",
+	initialState: "default",
+	tokenizeLine: (e) => ({
+		tokens: e.length > 0 ? [{
+			kind: "plain",
+			value: e
+		}] : [],
+		state: "default"
+	})
+};
+v(x);
+//#endregion
+//#region src/grammars/json.ts
+var S = b({
+	name: "json",
+	states: { default: [
+		{
+			match: /"(?:[^"\\]|\\.)*"(?=\s*:)/,
+			kind: "property"
+		},
+		{
+			match: /"(?:[^"\\]|\\.)*"/,
+			kind: "string"
+		},
+		{
+			match: /\b(?:true|false|null)\b/,
+			kind: "boolean"
+		},
+		{
+			match: /-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/,
+			kind: "number"
+		},
+		{
+			match: /[{}[\],]/,
+			kind: "punctuation"
+		},
+		{
+			match: /:/,
+			kind: "operator"
+		}
+	] }
+});
+v(S);
+//#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) {
+	return RegExp(`(?:${e.join("|")})\\b`);
+}
+function T(e, t, n = []) {
+	let r = [
+		{
+			match: /\/\/.*/,
+			kind: "comment"
+		},
+		{
+			match: /\/\*/,
+			kind: "comment",
+			push: "block"
+		},
+		{
+			match: /`/,
+			kind: "string",
+			push: "template"
+		},
+		{
+			match: /'(?:[^'\\]|\\.)*'/,
+			kind: "string"
+		},
+		{
+			match: /"(?:[^"\\]|\\.)*"/,
+			kind: "string"
+		},
+		{
+			match: /0[xX][0-9a-fA-F]+|0[bB][01]+|0[oO][0-7]+|(?:\d[\d_]*\.?\d*|\.\d+)(?:[eE][+-]?\d+)?n?/,
+			kind: "number"
+		},
+		{
+			match: /\b(?:true|false|null|undefined|NaN|Infinity)\b/,
+			kind: "boolean"
+		}
+	];
+	return n.length > 0 && r.push({
+		match: w(n),
+		kind: "type"
+	}), r.push({
+		match: w(t),
+		kind: "keyword"
+	}, {
+		match: /[A-Za-z_$][\w$]*(?=\s*\()/,
+		kind: "function"
+	}, {
+		match: /[A-Z][\w$]*/,
+		kind: "type"
+	}, {
+		match: /[A-Za-z_$][\w$]*/,
+		kind: "variable"
+	}, {
+		match: /[+\-*/%=<>!&|^~?]+/,
+		kind: "operator"
+	}, {
+		match: /[{}()[\];,.:]/,
+		kind: "punctuation"
+	}), b({
+		name: e,
+		states: {
+			default: r,
+			block: [
+				{
+					match: /\*\//,
+					kind: "comment",
+					pop: !0
+				},
+				{
+					match: /[^*]+/,
+					kind: "comment"
+				},
+				{
+					match: /\*/,
+					kind: "comment"
+				}
+			],
+			template: [
+				{
+					match: /\\./,
+					kind: "string"
+				},
+				{
+					match: /`/,
+					kind: "string",
+					pop: !0
+				},
+				{
+					match: /\$\{/,
+					kind: "punctuation"
+				},
+				{
+					match: /[^`\\$]+/,
+					kind: "string"
+				},
+				{
+					match: /\$/,
+					kind: "string"
+				}
+			]
+		}
+	});
+}
+//#endregion
+//#region src/grammars/javascript.ts
+var ie = T("javascript", C);
+v(ie);
+var ae = T("typescript", C, [
+	"interface",
+	"type",
+	"enum",
+	"implements",
+	"namespace",
+	"declare",
+	"abstract",
+	"readonly",
+	"public",
+	"private",
+	"protected",
+	"keyof",
+	"infer",
+	"satisfies",
+	"is",
+	"asserts",
+	"override",
+	"string",
+	"number",
+	"boolean",
+	"any",
+	"unknown",
+	"never",
+	"object"
+]);
+v(ae);
+//#endregion
+//#region src/grammars/css.ts
+var oe = b({
+	name: "css",
+	states: {
+		default: [
+			{
+				match: /\/\*/,
+				kind: "comment",
+				push: "block"
+			},
+			{
+				match: /@[\w-]+/,
+				kind: "keyword"
+			},
+			{
+				match: /"(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'/,
+				kind: "string"
+			},
+			{
+				match: /#[0-9a-fA-F]{3,8}\b/,
+				kind: "number"
+			},
+			{
+				match: /-?\d+(?:\.\d+)?(?:px|rem|em|%|vh|vw|s|ms|deg|fr|ch|ex)?/,
+				kind: "number"
+			},
+			{
+				match: /--[\w-]+/,
+				kind: "variable"
+			},
+			{
+				match: /[.#][\w-]+/,
+				kind: "tag"
+			},
+			{
+				match: /&|::?[\w-]+/,
+				kind: "tag"
+			},
+			{
+				match: /[\w-]+(?=\s*:)/,
+				kind: "property"
+			},
+			{
+				match: /[\w-]+(?=\s*\()/,
+				kind: "function"
+			},
+			{
+				match: /[{}();,:]/,
+				kind: "punctuation"
+			}
+		],
+		block: [
+			{
+				match: /\*\//,
+				kind: "comment",
+				pop: !0
+			},
+			{
+				match: /[^*]+/,
+				kind: "comment"
+			},
+			{
+				match: /\*/,
+				kind: "comment"
+			}
+		]
+	}
+});
+v(oe);
+//#endregion
+//#region src/grammars/html.ts
+var se = b({
+	name: "html",
+	states: {
+		default: [
+			{
+				match: /<!--/,
+				kind: "comment",
+				push: "comment"
+			},
+			{
+				match: /<!?\/?[A-Za-z][\w-]*/,
+				kind: "tag",
+				push: "tag"
+			},
+			{
+				match: /&[a-zA-Z#0-9]+;/,
+				kind: "boolean"
+			}
+		],
+		comment: [
+			{
+				match: /-->/,
+				kind: "comment",
+				pop: !0
+			},
+			{
+				match: /[^-]+/,
+				kind: "comment"
+			},
+			{
+				match: /-/,
+				kind: "comment"
+			}
+		],
+		tag: [
+			{
+				match: /\/?>/,
+				kind: "tag",
+				pop: !0
+			},
+			{
+				match: /"(?:[^"\\]|\\.)*"|'[^']*'/,
+				kind: "string"
+			},
+			{
+				match: /[\w-]+(?=\s*=)/,
+				kind: "attr"
+			},
+			{
+				match: /=/,
+				kind: "operator"
+			},
+			{
+				match: /[\w-]+/,
+				kind: "attr"
+			}
+		]
+	}
+});
+v(se);
+//#endregion
+//#region src/grammars/markdown.ts
+var ce = b({
+	name: "markdown",
+	states: {
+		default: [
+			{
+				match: /^```.*/,
+				kind: "keyword",
+				push: "fence"
+			},
+			{
+				match: /^~~~.*/,
+				kind: "keyword",
+				push: "fenceTilde"
+			},
+			{
+				match: /^\s*([-*_])(?:[ \t]*\1){2,}[ \t]*$/,
+				kind: "comment"
+			},
+			{
+				match: /^#{1,6}\s.*/,
+				kind: "keyword"
+			},
+			{
+				match: /^\s*[-*+]\s+\[[ xX]\]/,
+				kind: "boolean"
+			},
+			{
+				match: /^\s*(?:[-*+]|\d+\.)\s/,
+				kind: "operator"
+			},
+			{
+				match: /^\s*>\s?.*/,
+				kind: "comment"
+			},
+			{
+				match: /`[^`]+`/,
+				kind: "string"
+			},
+			{
+				match: /~~[^~]+~~/,
+				kind: "comment"
+			},
+			{
+				match: /\*\*[^*]+\*\*|__[^_]+__/,
+				kind: "keyword"
+			},
+			{
+				match: /\*[^*\s][^*]*\*|_[^_\s][^_]*_/,
+				kind: "type"
+			},
+			{
+				match: /!?\[[^\]]*\]\([^)]*\)/,
+				kind: "function"
+			}
+		],
+		fence: [{
+			match: /^```.*/,
+			kind: "keyword",
+			pop: !0
+		}, {
+			match: /.+/,
+			kind: "string"
+		}],
+		fenceTilde: [{
+			match: /^~~~.*/,
+			kind: "keyword",
+			pop: !0
+		}, {
+			match: /.+/,
+			kind: "string"
+		}]
+	}
+});
+v(ce);
+//#endregion
+//#region src/grammars/bash.ts
+var le = b({
+	name: "bash",
+	states: { default: [
+		{
+			match: /#.*/,
+			kind: "comment"
+		},
+		{
+			match: /"(?:[^"\\]|\\.)*"/,
+			kind: "string"
+		},
+		{
+			match: /'[^']*'/,
+			kind: "string"
+		},
+		{
+			match: /\b(?:if|then|else|elif|fi|for|while|until|do|done|case|esac|in|function|select|return|exit|break|continue|local|export|readonly|declare|echo|cd|source|set|unset)\b/,
+			kind: "keyword"
+		},
+		{
+			match: /\$\{[^}]*\}|\$[A-Za-z_]\w*|\$[0-9@*#?$!]/,
+			kind: "variable"
+		},
+		{
+			match: /-?\b\d+\b/,
+			kind: "number"
+		},
+		{
+			match: /[A-Za-z_][\w-]*(?=\s*\(\s*\))/,
+			kind: "function"
+		},
+		{
+			match: /[|&;<>()]+|&&|\|\||=/,
+			kind: "operator"
+		}
+	] }
+});
+v(le);
+var E = {
+	root: "_root_1m6ns_2",
+	gutter: "_gutter_1m6ns_17",
+	gutterLine: "_gutterLine_1m6ns_28",
+	gutterActive: "_gutterActive_1m6ns_35",
+	pre: "_pre_1m6ns_45",
+	code: "_code_1m6ns_57",
+	line: "_line_1m6ns_62",
+	plain: "_plain_1m6ns_77",
+	keyword: "_keyword_1m6ns_80",
+	string: "_string_1m6ns_83",
+	number: "_number_1m6ns_86",
+	comment: "_comment_1m6ns_89",
+	function: "_function_1m6ns_93",
+	type: "_type_1m6ns_96",
+	operator: "_operator_1m6ns_99",
+	punctuation: "_punctuation_1m6ns_102",
+	variable: "_variable_1m6ns_105",
+	tag: "_tag_1m6ns_108",
+	attr: "_attr_1m6ns_111",
+	regexp: "_regexp_1m6ns_114",
+	boolean: "_boolean_1m6ns_117",
+	property: "_property_1m6ns_120",
+	match: "_match_1m6ns_125",
+	matchCurrent: "_matchCurrent_1m6ns_129",
+	bracketMatch: "_bracketMatch_1m6ns_133"
+};
+//#endregion
+//#region src/editor/view.tsx
+function ue(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) {
+	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],
+			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],
+			children: t.value.slice(a - n, o - n)
+		}, a));
+	}
+	return /* @__PURE__ */ u("span", { children: c }, i);
+}
+function fe(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,
+			children: n.length === 0 ? "​" : o && o.length > 0 ? (() => {
+				let e = 0;
+				return n.map((t, n) => {
+					let r = de(t, e, o, n);
+					return e += t.value.length, r;
+				});
+			})() : n.map((e, t) => /* @__PURE__ */ u("span", {
+				className: E[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 }) {
+	let c = [];
+	for (let e = r + 1; e <= i; e++) c.push(/* @__PURE__ */ u("span", {
+		className: E.gutterLine,
+		children: e
+	}, e));
+	return /* @__PURE__ */ d("div", {
+		ref: n,
+		className: t,
+		"aria-hidden": "true",
+		children: [
+			s && /* @__PURE__ */ u("div", { className: E.gutterActive }),
+			a > 0 && /* @__PURE__ */ u("div", { style: { blockSize: a } }),
+			c,
+			o > 0 && /* @__PURE__ */ u("div", { style: { blockSize: o } })
+		]
+	});
+}
+var D = {
+	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 = {
+	panel: "_panel_hawkv_2",
+	row: "_row_hawkv_20",
+	input: "_input_hawkv_26",
+	count: "_count_hawkv_44",
+	button: "_button_hawkv_52",
+	toggle: "_toggle_hawkv_53",
+	active: "_active_hawkv_80"
+};
+//#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, {
+		current: t.currentIndex + 1,
+		total: t.matchCount
+	});
+	return /* @__PURE__ */ d("div", {
+		className: O.panel,
+		role: "search",
+		"aria-label": o(a.editor.find),
+		children: [/* @__PURE__ */ d("div", {
+			className: O.row,
+			children: [
+				/* @__PURE__ */ u("button", {
+					type: "button",
+					className: O.toggle,
+					"aria-label": o(a.editor.toggleReplace),
+					"aria-expanded": t.replaceMode,
+					onClick: t.onToggleReplace,
+					children: t.replaceMode ? "▾" : "▸"
+				}),
+				/* @__PURE__ */ u("input", {
+					className: O.input,
+					value: t.query,
+					placeholder: o(a.editor.findPlaceholder),
+					"aria-label": o(a.editor.find),
+					autoFocus: !0,
+					autoComplete: "off",
+					spellCheck: !1,
+					onChange: (e) => t.onQueryChange(e.currentTarget.value),
+					onKeyDown: (e) => {
+						e.key === "Enter" ? (e.preventDefault(), e.shiftKey ? t.onPrev() : t.onNext()) : e.key === "Escape" && (e.preventDefault(), t.onClose());
+					}
+				}),
+				/* @__PURE__ */ u("span", {
+					className: O.count,
+					"aria-live": "polite",
+					children: n
+				}),
+				/* @__PURE__ */ u("button", {
+					type: "button",
+					className: O.button,
+					"aria-label": o(a.editor.previous),
+					onClick: t.onPrev,
+					children: "‹"
+				}),
+				/* @__PURE__ */ u("button", {
+					type: "button",
+					className: O.button,
+					"aria-label": o(a.editor.next),
+					onClick: t.onNext,
+					children: "›"
+				}),
+				/* @__PURE__ */ u("button", {
+					type: "button",
+					className: e(O.button, t.caseSensitive && O.active),
+					"aria-pressed": t.caseSensitive,
+					"aria-label": o(a.editor.matchCase),
+					onClick: t.onToggleCase,
+					children: "Aa"
+				}),
+				/* @__PURE__ */ u("button", {
+					type: "button",
+					className: O.button,
+					"aria-label": o(a.editor.close),
+					onClick: t.onClose,
+					children: "×"
+				})
+			]
+		}), t.replaceMode && /* @__PURE__ */ d("div", {
+			className: O.row,
+			children: [
+				/* @__PURE__ */ u("input", {
+					className: O.input,
+					value: t.replaceQuery,
+					placeholder: o(a.editor.replacePlaceholder),
+					"aria-label": o(a.editor.replace),
+					autoComplete: "off",
+					spellCheck: !1,
+					onChange: (e) => t.onReplaceChange(e.currentTarget.value),
+					onKeyDown: (e) => {
+						e.key === "Escape" ? (e.preventDefault(), t.onClose()) : e.key === "Enter" && (e.preventDefault(), t.onReplace());
+					}
+				}),
+				/* @__PURE__ */ u("button", {
+					type: "button",
+					className: O.button,
+					onClick: t.onReplace,
+					children: o(a.editor.replaceOne)
+				}),
+				/* @__PURE__ */ u("button", {
+					type: "button",
+					className: O.button,
+					onClick: t.onReplaceAll,
+					children: o(a.editor.replaceAll)
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/editor/code-editor/find.ts
+var he = /\w/;
+function k(e) {
+	return e !== void 0 && he.test(e);
+}
+function ge(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({
+			start: t,
+			end: s
+		}), o = s > t ? s : t + 1;
+	}
+	return a;
+}
+function _e(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 {
+		line: n,
+		col: t - r
+	};
+}
+function ve(e, t, n, r) {
+	return t.map((t, i) => {
+		let { line: a, col: o } = _e(e, t.start);
+		return {
+			line: a,
+			start: o,
+			end: o + (t.end - t.start),
+			className: i === n ? r.current : r.match
+		};
+	});
+}
+function ye(e, t, n) {
+	let r = e;
+	for (let e = t.length - 1; e >= 0; e--) {
+		let i = t[e];
+		r = r.slice(0, i.start) + n + r.slice(i.end);
+	}
+	return r;
+}
+//#endregion
+//#region src/editor/code-editor/brackets.ts
+var A = {
+	"(": ")",
+	"[": "]",
+	"{": "}"
+}, j = {
+	")": "(",
+	"]": "[",
+	"}": "}"
+};
+function M(e, t, n, r) {
+	let i = 0;
+	for (let a = t; a < e.length; a++) {
+		let t = e[a];
+		if (t === n) i++;
+		else if (t === r && --i === 0) return a;
+	}
+	return -1;
+}
+function N(e, t, n, r) {
+	let i = 0;
+	for (let a = t; a >= 0; a--) {
+		let t = e[a];
+		if (t === r) i++;
+		else if (t === n && --i === 0) return a;
+	}
+	return -1;
+}
+function be(e, t) {
+	let n = e[t];
+	if (n && n in A) {
+		let r = M(e, t, n, A[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 (n !== -1) return {
+			open: n,
+			close: t - 1
+		};
+	}
+	if (r && r in A) {
+		let n = M(e, t - 1, r, A[r]);
+		if (n !== -1) return {
+			open: t - 1,
+			close: n
+		};
+	}
+	if (n && n in j) {
+		let r = N(e, t, j[n], n);
+		if (r !== -1) return {
+			open: r,
+			close: t
+		};
+	}
+}
+function xe(e, t, n) {
+	return [t.open, t.close].map((t) => {
+		let { line: r, col: i } = _e(e, t);
+		return {
+			line: r,
+			start: i,
+			end: i + 1,
+			className: n
+		};
+	});
+}
+//#endregion
+//#region src/editor/code-editor/history.ts
+function Se(e = 200) {
+	let t = [], n = -1, r = !1;
+	return {
+		record(i, a) {
+			let o = a?.coalesce ?? !1;
+			n < t.length - 1 && (t = t.slice(0, n + 1)), o && r && n >= 0 ? t[n] = i : (t.push(i), n = t.length - 1, t.length > e && (t.shift(), n--)), r = o;
+		},
+		undo() {
+			if (!(n <= 0)) return n--, r = !1, t[n];
+		},
+		redo() {
+			if (!(n >= t.length - 1)) return n++, r = !1, t[n];
+		},
+		reset(e) {
+			t = [e], n = 0, r = !1;
+		},
+		canUndo() {
+			return n > 0;
+		},
+		canRedo() {
+			return n < t.length - 1;
+		}
+	};
+}
+//#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) {
+	let t = [];
+	(P ? 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) {
+	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));
+	return n ? n(t) : !1;
+}
+function Te(e) {
+	let t = () => e.insertSpaces ? " ".repeat(e.tabSize) : "	";
+	return {
+		indent: ({ textarea: e, setText: n }) => {
+			let { selectionStart: r, selectionEnd: i, value: a } = e, o = a.lastIndexOf("\n", r - 1) + 1;
+			if (r === i) e.setRangeText(t(), r, i, "end");
+			else {
+				let n = a.slice(o, i).replace(/^/gm, t());
+				e.setRangeText(n, o, i, "select");
+			}
+			return n(e.value), !0;
+		},
+		dedent: ({ textarea: t, setText: n }) => {
+			let { selectionStart: r, selectionEnd: i, value: a } = t, o = a.lastIndexOf("\n", r - 1) + 1, s = a.slice(o, i).replace(RegExp(`^(?:\\t| {1,${e.tabSize}})`, "gm"), "");
+			return t.setRangeText(s, o, i, "select"), n(t.value), !0;
+		}
+	};
+}
+//#endregion
+//#region src/editor/code-editor/sync.ts
+function Ee(e, t) {
+	if (e === t) return {
+		from: e.length,
+		to: e.length,
+		insert: ""
+	};
+	let n = Math.min(e.length, t.length), r = 0;
+	for (; r < n && e[r] === t[r];) r++;
+	let i = e.length, a = t.length;
+	for (; i > r && a > r && e[i - 1] === t[a - 1];) i--, a--;
+	return {
+		from: r,
+		to: i,
+		insert: t.slice(r, a)
+	};
+}
+function I(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) {
+	return {
+		start: I(e, n),
+		end: I(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,
+		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({
+		start: 0,
+		end: 0
+	}), V = (e, t, n) => {
+		R.current = e, L.current = e, P.record({
+			text: e,
+			selectionStart: t.start,
+			selectionEnd: t.end
+		}, { coalesce: n }), he(e);
+	}, Oe = (e) => {
+		let t = M.current;
+		V(e, t ? {
+			start: t.selectionStart,
+			end: t.selectionEnd
+		} : B.current, !1);
+	}, ke = (e) => {
+		let t = M.current;
+		if (!t) return;
+		z.current = !0, t.value = e.text, t.setSelectionRange(e.selectionStart, e.selectionEnd), he(e.text), R.current = e.text, L.current = e.text, B.current = {
+			start: e.selectionStart,
+			end: e.selectionEnd
+		}, Ie.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;
+		if (typeof requestAnimationFrame != "function") {
+			H.value = e;
+			return;
+		}
+		let t = requestAnimationFrame(() => {
+			H.value = e;
+		});
+		return () => cancelAnimationFrame(t);
+	}), r(() => {
+		let e = O.value;
+		if (z.current || e === L.current) return;
+		if (e === R.current) {
+			L.current = e;
+			return;
+		}
+		let t = M.current, n = Ee(L.current, e), r = De(B.current.start, B.current.end, n);
+		t && (z.current = !0, t.value !== e && (t.value = e), t.setSelectionRange(r.start, r.end), z.current = !1), B.current = r, P.reset({
+			text: e,
+			selectionStart: r.start,
+			selectionEnd: r.end
+		}), L.current = e;
+	}), r(() => {
+		let e = M.current;
+		if (!e) return;
+		let t = () => {
+			let t = Number.parseFloat(getComputedStyle(e).lineHeight);
+			Pe.value = Number.isFinite(t) && t > 0 ? t : 0, Ne.value = e.clientHeight;
+		}, 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);
+		}, r = () => {
+			let t = e.value.slice(0, e.selectionStart).split("\n").length - 1;
+			k.current?.style.setProperty("--cascivo-editor-caret-line", String(t)), B.current = {
+				start: e.selectionStart,
+				end: e.selectionEnd
+			}, Ie.value = e.selectionStart;
+		}, i = () => {
+			document.activeElement === e && r();
+		};
+		return t(), r(), e.addEventListener("scroll", n), e.addEventListener("keyup", r), e.addEventListener("click", r), e.addEventListener("input", r), document.addEventListener("selectionchange", i), () => {
+			e.removeEventListener("scroll", n), e.removeEventListener("keyup", r), e.removeEventListener("click", r), e.removeEventListener("input", r), document.removeEventListener("selectionchange", i);
+		};
+	});
+	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;
+		})();
+		Re.invalidateFrom(e), I.current = Be;
+	}
+	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 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 = {
+			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));
+		}
+	}, 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, {
+			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, {
+			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, () => ({
+		applyEdit: ({ from: e, to: t }, n) => {
+			let r = M.current;
+			r && (r.setRangeText(n, e, t, "end"), V(r.value, {
+				start: r.selectionStart,
+				end: r.selectionEnd
+			}, !1));
+		},
+		getSelection: () => {
+			let e = M.current;
+			return e ? {
+				start: e.selectionStart,
+				end: e.selectionEnd
+			} : { ...B.current };
+		},
+		focus: () => M.current?.focus(),
+		undo: Ae,
+		redo: je,
+		openFind: () => tt(!1)
+	}));
+	let rt = (e) => {
+		let t = e.currentTarget, n = !y && !b, r = {};
+		if (n) {
+			let { indent: e, dedent: t } = Te({
+				tabSize: h,
+				insertSpaces: g
+			});
+			r.Tab = e, r["Shift-Tab"] = t, r["Mod-z"] = () => (Ae(), !0);
+			let n = () => (je(), !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), {
+			textarea: t,
+			event: e,
+			setText: Oe
+		}) && e.preventDefault(), ce?.(e);
+	}, it = {
+		"--cascivo-editor-tab-size": h,
+		...ie,
+		...se
+	};
+	return /* @__PURE__ */ d("div", {
+		ref: k,
+		className: e(D.root, oe),
+		"data-wrap": _,
+		"data-line-numbers": m,
+		style: it,
+		children: [m && /* @__PURE__ */ u(pe, {
+			count: J,
+			className: D.gutter,
+			gutterRef: j,
+			start: Z,
+			end: Q,
+			topPad: Ue,
+			bottomPad: We,
+			activeLine: !0
+		}), /* @__PURE__ */ d("div", {
+			className: D.codeArea,
+			children: [
+				/* @__PURE__ */ d("pre", {
+					ref: A,
+					className: D.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__ */ u("textarea", {
+					ref: M,
+					className: D.textarea,
+					value: O.value,
+					onChange: (e) => {
+						let t = e.currentTarget, n = t.value, r = Math.abs(n.length - L.current.length) === 1;
+						V(n, {
+							start: t.selectionStart,
+							end: t.selectionEnd
+						}, r);
+					},
+					onKeyDown: rt,
+					readOnly: y,
+					disabled: b,
+					spellCheck: x,
+					"aria-label": S ?? o(a.editor.label),
+					autoCapitalize: "off",
+					autoCorrect: "off",
+					autoComplete: "off",
+					wrap: _ ? "soft" : "off",
+					...le
+				}),
+				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,
+					onQueryChange: (e) => {
+						Fe.value = e, q.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
+				})
+			]
+		})]
+	});
+});
+//#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
+	};
+	return /* @__PURE__ */ d("div", {
+		className: e(E.root, c),
+		"data-wrap": a,
+		"data-line-numbers": r,
+		style: _,
+		"aria-label": s,
+		...ee,
+		children: [r && /* @__PURE__ */ u(pe, {
+			count: g.length,
+			className: E.gutter,
+			gutterRef: f
+		}), /* @__PURE__ */ u("pre", {
+			ref: l,
+			className: E.pre,
+			children: /* @__PURE__ */ u("code", {
+				className: E.code,
+				children: fe(g)
+			})
+		})]
+	});
+}
+//#endregion
+export { L as CodeEditor, R as Highlight, le as bash, ne as createLineStateIndex, b as createRuleGrammar, oe as css, re as getGrammar, se as html, ie as javascript, S as json, y as listGrammars, ce as markdown, x as plaintext, v as registerGrammar, m as tokenize, h as tokenizeDocument, te as tokenizeRange, ae as typescript };