@sigx/runtime-terminal 0.2.1 → 0.2.2

package/dist/index.js

@@ -1,38 +1,32 @@
-import { createRenderer, setDefaultMount } from "@sigx/runtime-core/internals";
-import { signal } from "@sigx/reactivity";
-import { component, onMounted, onUnmounted, signal as signal$1 } from "@sigx/runtime-core";
-import { jsx, jsxs } from "@sigx/runtime-core/jsx-runtime";
+import { createRenderer as e, setDefaultMount as t } from "@sigx/runtime-core/internals";
+import { signal as n } from "@sigx/reactivity";
+import { component as r, onMounted as i, onUnmounted as a, signal as o } from "@sigx/runtime-core";
+import { jsx as s, jsxs as c } from "@sigx/runtime-core/jsx-runtime";
 //#region src/focus.ts
-var focusableIds = /* @__PURE__ */ new Set();
-var focusState = signal({ activeId: null });
-function registerFocusable(id) {
-	focusableIds.add(id);
-	if (focusState.activeId === null) focusState.activeId = id;
+var l = /* @__PURE__ */ new Set(), u = n({ activeId: null });
+function d(e) {
+	l.add(e), u.activeId === null && (u.activeId = e);
 }
-function unregisterFocusable(id) {
-	focusableIds.delete(id);
-	if (focusState.activeId === id) {
-		focusState.activeId = null;
-		if (focusableIds.size > 0) focusState.activeId = focusableIds.values().next().value || null;
-	}
+function f(e) {
+	l.delete(e), u.activeId === e && (u.activeId = null, l.size > 0 && (u.activeId = l.values().next().value || null));
 }
-function focus(id) {
-	if (focusableIds.has(id)) focusState.activeId = id;
+function p(e) {
+	l.has(e) && (u.activeId = e);
 }
-function focusNext() {
-	if (focusableIds.size === 0) return;
-	const ids = Array.from(focusableIds);
-	focusState.activeId = ids[((focusState.activeId ? ids.indexOf(focusState.activeId) : -1) + 1) % ids.length];
+function m() {
+	if (l.size === 0) return;
+	let e = Array.from(l);
+	u.activeId = e[((u.activeId ? e.indexOf(u.activeId) : -1) + 1) % e.length];
 }
-function focusPrev() {
-	if (focusableIds.size === 0) return;
-	const ids = Array.from(focusableIds);
-	focusState.activeId = ids[((focusState.activeId ? ids.indexOf(focusState.activeId) : -1) - 1 + ids.length) % ids.length];
+function h() {
+	if (l.size === 0) return;
+	let e = Array.from(l);
+	u.activeId = e[((u.activeId ? e.indexOf(u.activeId) : -1) - 1 + e.length) % e.length];
 }
 //#endregion
 //#region src/utils.ts
-function getColorCode(color) {
-	switch (color) {
+function g(e) {
+	switch (e) {
 		case "red": return "\x1B[31m";
 		case "green": return "\x1B[32m";
 		case "blue": return "\x1B[34m";
@@ -43,8 +37,8 @@ function getColorCode(color) {
 		default: return "";
 	}
 }
-function getBackgroundColorCode(color) {
-	switch (color) {
+function _(e) {
+	switch (e) {
 		case "red": return "\x1B[41m";
 		case "green": return "\x1B[42m";
 		case "blue": return "\x1B[44m";
@@ -55,431 +49,284 @@ function getBackgroundColorCode(color) {
 		default: return "";
 	}
 }
-function stripAnsi(str) {
-	return str.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "");
+function v(e) {
+	return e.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "");
 }
 //#endregion
 //#region src/components/Input.tsx
-/** @jsxImportSource @sigx/runtime-core */
-var Input = component(({ props, emit }) => {
-	const id = Math.random().toString(36).slice(2);
-	let isReady = false;
-	const isFocused = () => focusState.activeId === id;
-	const getValue = () => props.model?.value || "";
-	const handleKey = (key) => {
-		if (!isFocused()) return;
-		if (!isReady) return;
-		if (key === "\r") {
-			emit("submit", getValue());
+var y = r(({ props: e, emit: t }) => {
+	let n = Math.random().toString(36).slice(2), r = !1, o = () => u.activeId === n, l = () => e.model?.value || "", m = (n) => {
+		if (!o() || !r) return;
+		if (n === "\r") {
+			t("submit", l());
 			return;
 		}
-		if (key === "\n") return;
-		if (key === "" || key === "\b") {
-			const val = getValue();
-			if (val.length > 0) {
-				const newValue = val.slice(0, -1);
-				if (props.model) props.model.value = newValue;
-				emit("input", newValue);
+		if (n === "\n") return;
+		if (n === "" || n === "\b") {
+			let n = l();
+			if (n.length > 0) {
+				let r = n.slice(0, -1);
+				e.model && (e.model.value = r), t("input", r);
 			}
 			return;
 		}
-		if (key.length > 1) return;
-		const newValue = getValue() + key;
-		if (props.model) props.model.value = newValue;
-		emit("input", newValue);
-	};
-	let keyCleanup = null;
-	onMounted(() => {
-		registerFocusable(id);
-		if (props.autofocus) focus(id);
-		keyCleanup = onKey(handleKey);
-		setTimeout(() => {
-			isReady = true;
+		if (n.length > 1) return;
+		let i = l() + n;
+		e.model && (e.model.value = i), t("input", i);
+	}, h = null;
+	return i(() => {
+		d(n), e.autofocus && p(n), h = P(m), setTimeout(() => {
+			r = !0;
 		}, 50);
-	});
-	onUnmounted(() => {
-		if (keyCleanup) keyCleanup();
-		unregisterFocusable(id);
-	});
-	return () => {
-		const val = getValue().replace(/[\r\n]+/g, " ");
-		const placeholder = (props.placeholder || "").replace(/[\r\n]+/g, " ");
-		const showCursor = isFocused();
-		return /* @__PURE__ */ jsxs("box", {
+	}), a(() => {
+		h && h(), f(n);
+	}), () => {
+		let t = l().replace(/[\r\n]+/g, " "), n = (e.placeholder || "").replace(/[\r\n]+/g, " "), r = o();
+		return /* @__PURE__ */ c("box", {
 			border: "single",
-			borderColor: showCursor ? "green" : "white",
-			label: props.label,
-			children: [/* @__PURE__ */ jsx("text", { children: val || placeholder }), showCursor && /* @__PURE__ */ jsx("text", {
+			borderColor: r ? "green" : "white",
+			label: e.label,
+			children: [/* @__PURE__ */ s("text", { children: t || n }), r && /* @__PURE__ */ s("text", {
 				color: "cyan",
 				children: "_"
 			})]
 		});
 	};
-}, { name: "Input" });
-//#endregion
-//#region src/components/ProgressBar.tsx
-/** @jsxImportSource @sigx/runtime-core */
-var ProgressBar = component(({ props }) => {
-	return () => {
-		const value = props.value || 0;
-		const max = props.max || 100;
-		const width = props.width || 20;
-		const barChar = props.char || "█";
-		const emptyChar = props.emptyChar || "░";
-		const color = props.color;
-		const colorCode = color ? getColorCode(color) : "";
-		const reset = color ? "\x1B[0m" : "";
-		const percentage = Math.min(Math.max(value / max, 0), 1);
-		const filledLen = Math.round(width * percentage);
-		const emptyLen = width - filledLen;
-		return /* @__PURE__ */ jsx("box", { children: /* @__PURE__ */ jsx("text", { children: colorCode + barChar.repeat(filledLen) + emptyChar.repeat(emptyLen) + reset + ` ${Math.round(percentage * 100)}%` }) });
-	};
-}, { name: "ProgressBar" });
-//#endregion
-//#region src/components/Button.tsx
-/** @jsxImportSource @sigx/runtime-core */
-var Button = component(({ props, emit }) => {
-	const id = Math.random().toString(36).slice(2);
-	const isFocused = () => focusState.activeId === id;
-	const pressed = signal$1({ value: false });
-	const handleKey = (key) => {
-		if (!isFocused()) return;
-		if (key === "\r" || key === " ") {
-			pressed.value = true;
-			if (pressTimer) clearTimeout(pressTimer);
-			pressTimer = setTimeout(() => {
-				pressed.value = false;
-				pressTimer = null;
-			}, 120);
-			emit("click");
-		}
-	};
-	let keyCleanup = null;
-	let pressTimer = null;
-	onMounted(() => {
-		registerFocusable(id);
-		keyCleanup = onKey(handleKey);
-	});
-	onUnmounted(() => {
-		if (keyCleanup) keyCleanup();
-		unregisterFocusable(id);
-		if (pressTimer) clearTimeout(pressTimer);
-	});
-	return () => {
-		const focused = isFocused();
-		const label = props.label || "Button";
-		const isPressed = pressed.value;
-		return /* @__PURE__ */ jsx("box", {
+}, { name: "Input" }), b = r(({ props: e }) => () => {
+	let t = e.value || 0, n = e.max || 100, r = e.width || 20, i = e.char || "█", a = e.emptyChar || "░", o = e.color, c = o ? g(o) : "", l = o ? "\x1B[0m" : "", u = Math.min(Math.max(t / n, 0), 1), d = Math.round(r * u), f = r - d;
+	return /* @__PURE__ */ s("box", { children: /* @__PURE__ */ s("text", { children: c + i.repeat(d) + a.repeat(f) + l + ` ${Math.round(u * 100)}%` }) });
+}, { name: "ProgressBar" }), x = r(({ props: e, emit: t }) => {
+	let n = Math.random().toString(36).slice(2), r = () => u.activeId === n, c = o({ value: !1 }), l = (e) => {
+		r() && (e === "\r" || e === " ") && (c.value = !0, m && clearTimeout(m), m = setTimeout(() => {
+			c.value = !1, m = null;
+		}, 120), t("click"));
+	}, p = null, m = null;
+	return i(() => {
+		d(n), p = P(l);
+	}), a(() => {
+		p && p(), f(n), m && clearTimeout(m);
+	}), () => {
+		let t = r(), n = e.label || "Button", i = c.value;
+		return /* @__PURE__ */ s("box", {
 			border: "single",
-			borderColor: isPressed ? "yellow" : focused ? "green" : "white",
-			backgroundColor: isPressed ? "red" : focused ? "blue" : void 0,
-			dropShadow: props.dropShadow,
-			children: /* @__PURE__ */ jsx("text", {
-				color: focused ? "white" : void 0,
-				children: label
+			borderColor: i ? "yellow" : t ? "green" : "white",
+			backgroundColor: i ? "red" : t ? "blue" : void 0,
+			dropShadow: e.dropShadow,
+			children: /* @__PURE__ */ s("text", {
+				color: t ? "white" : void 0,
+				children: n
 			})
 		});
 	};
-}, { name: "Button" });
-//#endregion
-//#region src/components/Checkbox.tsx
-/** @jsxImportSource @sigx/runtime-core */
-var Checkbox = component(({ props, emit }) => {
-	const id = Math.random().toString(36).slice(2);
-	const isFocused = () => focusState.activeId === id;
-	const checked = () => !!props.model?.value;
-	const handleKey = (key) => {
-		if (!isFocused()) return;
-		if (props.disabled) return;
-		if (key === "\r" || key === " ") {
-			const next = !checked();
-			if (props.model) props.model.value = next;
-			emit("change", next);
+}, { name: "Button" }), S = r(({ props: e, emit: t }) => {
+	let n = Math.random().toString(36).slice(2), r = () => u.activeId === n, o = () => !!e.model?.value, l = (n) => {
+		if (r() && !e.disabled && (n === "\r" || n === " ")) {
+			let n = !o();
+			e.model && (e.model.value = n), t("change", n);
 		}
-	};
-	let keyCleanup = null;
-	onMounted(() => {
-		registerFocusable(id);
-		if (props.autofocus) focus(id);
-		keyCleanup = onKey(handleKey);
-	});
-	onUnmounted(() => {
-		if (keyCleanup) keyCleanup();
-		unregisterFocusable(id);
-	});
-	return () => {
-		const label = props.label || "";
-		const focused = isFocused();
-		const isChecked = checked();
-		const disabled = !!props.disabled;
-		return /* @__PURE__ */ jsxs("box", { children: [
-			/* @__PURE__ */ jsx("text", {
-				color: focused ? "cyan" : "white",
-				children: focused ? ">" : " "
+	}, m = null;
+	return i(() => {
+		d(n), e.autofocus && p(n), m = P(l);
+	}), a(() => {
+		m && m(), f(n);
+	}), () => {
+		let t = e.label || "", n = r(), i = o(), a = !!e.disabled;
+		return /* @__PURE__ */ c("box", { children: [
+			/* @__PURE__ */ s("text", {
+				color: n ? "cyan" : "white",
+				children: n ? ">" : " "
 			}),
-			/* @__PURE__ */ jsxs("text", {
-				color: disabled ? "white" : isChecked ? "green" : focused ? "cyan" : "white",
+			/* @__PURE__ */ c("text", {
+				color: a ? "white" : i ? "green" : n ? "cyan" : "white",
 				children: [
 					"[",
-					isChecked ? "x" : " ",
+					i ? "x" : " ",
 					"]"
 				]
 			}),
-			label && /* @__PURE__ */ jsxs("text", {
-				color: disabled ? "white" : focused ? "cyan" : void 0,
-				children: [" ", label]
+			t && /* @__PURE__ */ c("text", {
+				color: a ? "white" : n ? "cyan" : void 0,
+				children: [" ", t]
 			})
 		] });
 	};
-}, { name: "Checkbox" });
-//#endregion
-//#region src/components/Select.tsx
-/** @jsxImportSource @sigx/runtime-core */
-var Select = component(({ props, emit }) => {
-	const id = Math.random().toString(36).slice(2);
-	let isReady = false;
-	const isFocused = () => focusState.activeId === id;
-	const getCurrentIndex = () => {
-		const idx = (props.options || []).findIndex((o) => o.value === props.model?.value);
-		return idx >= 0 ? idx : 0;
-	};
-	const handleKey = (key) => {
-		if (!isFocused()) return;
-		if (!isReady) return;
-		const options = props.options || [];
-		if (options.length === 0) return;
-		const currentIndex = getCurrentIndex();
-		if (key === "\x1B[A" || key === "k") {
-			const newValue = options[currentIndex > 0 ? currentIndex - 1 : options.length - 1].value;
-			if (props.model) props.model.value = newValue;
-			emit("change", newValue);
+}, { name: "Checkbox" }), C = r(({ props: e, emit: t }) => {
+	let n = Math.random().toString(36).slice(2), r = !1, o = () => u.activeId === n, l = () => {
+		let t = (e.options || []).findIndex((t) => t.value === e.model?.value);
+		return t >= 0 ? t : 0;
+	}, m = (n) => {
+		if (!o() || !r) return;
+		let i = e.options || [];
+		if (i.length === 0) return;
+		let a = l();
+		if (n === "\x1B[A" || n === "k") {
+			let n = i[a > 0 ? a - 1 : i.length - 1].value;
+			e.model && (e.model.value = n), t("change", n);
 			return;
 		}
-		if (key === "\x1B[B" || key === "j") {
-			const newValue = options[currentIndex < options.length - 1 ? currentIndex + 1 : 0].value;
-			if (props.model) props.model.value = newValue;
-			emit("change", newValue);
+		if (n === "\x1B[B" || n === "j") {
+			let n = i[a < i.length - 1 ? a + 1 : 0].value;
+			e.model && (e.model.value = n), t("change", n);
 			return;
 		}
-		if (key === "\r") {
-			emit("submit", props.model?.value || options[0]?.value || "");
+		if (n === "\r") {
+			t("submit", e.model?.value || i[0]?.value || "");
 			return;
 		}
-	};
-	let keyCleanup = null;
-	onMounted(() => {
-		registerFocusable(id);
-		if (props.autofocus) focus(id);
-		keyCleanup = onKey(handleKey);
-		setTimeout(() => {
-			isReady = true;
+	}, h = null;
+	return i(() => {
+		d(n), e.autofocus && p(n), h = P(m), setTimeout(() => {
+			r = !0;
 		}, 50);
-	});
-	onUnmounted(() => {
-		if (keyCleanup) keyCleanup();
-		unregisterFocusable(id);
-	});
-	return () => {
-		const options = props.options || [];
-		const focused = isFocused();
-		const currentValue = props.model?.value || options[0]?.value || "";
-		const label = props.label;
-		const selectedOption = options.find((o) => o.value === currentValue);
-		const optionElements = options.map((option) => {
-			const isSelected = option.value === currentValue;
-			return /* @__PURE__ */ jsx("box", { children: /* @__PURE__ */ jsxs("text", {
-				color: isSelected ? "cyan" : "white",
+	}), a(() => {
+		h && h(), f(n);
+	}), () => {
+		let t = e.options || [], n = o(), r = e.model?.value || t[0]?.value || "", i = e.label, a = t.find((e) => e.value === r), l = t.map((e) => {
+			let t = e.value === r;
+			return /* @__PURE__ */ s("box", { children: /* @__PURE__ */ c("text", {
+				color: t ? "cyan" : "white",
 				children: [
-					isSelected ? "❯" : " ",
+					t ? "❯" : " ",
 					" ",
-					option.label
+					e.label
 				]
 			}) });
-		});
-		const descriptionElement = props.showDescription && selectedOption?.description ? /* @__PURE__ */ jsx("box", { children: /* @__PURE__ */ jsxs("text", {
+		}), u = e.showDescription && a?.description ? /* @__PURE__ */ s("box", { children: /* @__PURE__ */ c("text", {
 			color: "#666666",
-			children: ["  ↳ ", selectedOption.description]
+			children: ["  ↳ ", a.description]
 		}) }) : null;
-		return /* @__PURE__ */ jsxs("box", { children: [/* @__PURE__ */ jsx("box", {
+		return /* @__PURE__ */ c("box", { children: [/* @__PURE__ */ s("box", {
 			border: "single",
-			borderColor: focused ? "green" : "white",
-			label,
-			children: optionElements
-		}), descriptionElement] });
+			borderColor: n ? "green" : "white",
+			label: i,
+			children: l
+		}), u] });
 	};
-}, { name: "Select" });
-var { render } = createRenderer({
-	patchProp: (el, key, prev, next) => {
-		el.props[key] = next;
-		scheduleRender();
+}, { name: "Select" }), { render: w } = e({
+	patchProp: (e, t, n, r) => {
+		e.props[t] = r, D();
 	},
-	insert: (child, parent, anchor) => {
-		child.parentNode = parent;
-		const index = anchor ? parent.children.indexOf(anchor) : -1;
-		if (index > -1) parent.children.splice(index, 0, child);
-		else parent.children.push(child);
-		scheduleRender();
+	insert: (e, t, n) => {
+		e.parentNode = t;
+		let r = n ? t.children.indexOf(n) : -1;
+		r > -1 ? t.children.splice(r, 0, e) : t.children.push(e), D();
 	},
-	remove: (child) => {
-		if (child.parentNode) {
-			const index = child.parentNode.children.indexOf(child);
-			if (index > -1) child.parentNode.children.splice(index, 1);
-			child.parentNode = null;
+	remove: (e) => {
+		if (e.parentNode) {
+			let t = e.parentNode.children.indexOf(e);
+			t > -1 && e.parentNode.children.splice(t, 1), e.parentNode = null;
 		}
-		scheduleRender();
-	},
-	createElement: (tag) => {
-		return {
-			type: "element",
-			tag,
-			props: {},
-			children: []
-		};
+		D();
 	},
-	createText: (text) => {
-		return {
-			type: "text",
-			text,
-			props: {},
-			children: []
-		};
-	},
-	createComment: (text) => {
-		return {
-			type: "comment",
-			text,
-			props: {},
-			children: []
-		};
-	},
-	setText: (node, text) => {
-		node.text = text;
-		scheduleRender();
+	createElement: (e) => ({
+		type: "element",
+		tag: e,
+		props: {},
+		children: []
+	}),
+	createText: (e) => ({
+		type: "text",
+		text: e,
+		props: {},
+		children: []
+	}),
+	createComment: (e) => ({
+		type: "comment",
+		text: e,
+		props: {},
+		children: []
+	}),
+	setText: (e, t) => {
+		e.text = t, D();
 	},
-	setElementText: (node, text) => {
-		node.children = [{
+	setElementText: (e, t) => {
+		e.children = [{
 			type: "text",
-			text,
+			text: t,
 			props: {},
 			children: [],
-			parentNode: node
-		}];
-		scheduleRender();
+			parentNode: e
+		}], D();
 	},
-	parentNode: (node) => node.parentNode || null,
-	nextSibling: (node) => {
-		if (!node.parentNode) return null;
-		const idx = node.parentNode.children.indexOf(node);
-		return node.parentNode.children[idx + 1] || null;
+	parentNode: (e) => e.parentNode || null,
+	nextSibling: (e) => {
+		if (!e.parentNode) return null;
+		let t = e.parentNode.children.indexOf(e);
+		return e.parentNode.children[t + 1] || null;
 	},
-	cloneNode: (node) => {
-		return {
-			...node,
-			children: []
-		};
-	}
-});
-var rootNode = null;
-var isRendering = false;
-function scheduleRender() {
-	if (isRendering) return;
-	isRendering = true;
-	setTimeout(() => {
-		flushRender();
-		isRendering = false;
-	}, 10);
+	cloneNode: (e) => ({
+		...e,
+		children: []
+	})
+}), T = null, E = !1;
+function D() {
+	E || (E = !0, setTimeout(() => {
+		O(), E = !1;
+	}, 10));
 }
-function flushRender() {
-	if (!rootNode) return;
+function O() {
+	if (!T) return;
 	process.stdout.write("\x1B[H");
-	const lines = renderNodeToLines(rootNode);
-	process.stdout.write(lines.join("\x1B[K\n") + "\x1B[K");
-	process.stdout.write("\x1B[J");
+	let e = A(T);
+	process.stdout.write(e.join("\x1B[K\n") + "\x1B[K"), process.stdout.write("\x1B[J");
 }
-/**
-* Check if a node has a box element as an immediate child.
-* This is used to determine if a component wrapper should be treated as a block element.
-*/
-function hasBoxChild(node) {
-	for (const child of node.children) if (child.tag === "box") return true;
-	return false;
+function k(e) {
+	for (let t of e.children) if (t.tag === "box") return !0;
+	return !1;
 }
-function renderNodeToLines(node) {
-	if (node.type === "text") return [node.text || ""];
-	if (node.type === "comment") return [];
-	let lines = [""];
-	const color = node.props.color;
-	const reset = color ? "\x1B[0m" : "";
-	const colorCode = getColorCode(color);
-	for (const child of node.children) if (child.type === "text") lines[lines.length - 1] += colorCode + (child.text || "") + reset;
-	else if (child.tag === "br") lines.push("");
+function A(e) {
+	if (e.type === "text") return [e.text || ""];
+	if (e.type === "comment") return [];
+	let t = [""], n = e.props.color, r = n ? "\x1B[0m" : "", i = g(n);
+	for (let n of e.children) if (n.type === "text") t[t.length - 1] += i + (n.text || "") + r;
+	else if (n.tag === "br") t.push("");
 	else {
-		const childLines = renderNodeToLines(child);
-		if (child.tag === "box" || hasBoxChild(child)) if (lines.length === 1 && lines[0] === "") lines = childLines;
-		else lines.push(...childLines);
-		else if (childLines.length > 0) if (childLines.length > 1) if (lines.length === 1 && lines[0] === "") lines = childLines;
-		else lines.push(...childLines);
+		let e = A(n);
+		if (n.tag === "box" || k(n)) t.length === 1 && t[0] === "" ? t = e : t.push(...e);
+		else if (e.length > 0) if (e.length > 1) t.length === 1 && t[0] === "" ? t = e : t.push(...e);
 		else {
-			lines[lines.length - 1] += childLines[0];
-			for (let i = 1; i < childLines.length; i++) lines.push(childLines[i]);
+			t[t.length - 1] += e[0];
+			for (let n = 1; n < e.length; n++) t.push(e[n]);
 		}
 	}
-	if (node.tag === "box" && node.props.border) return drawBox(lines, node.props.border, node.props.borderColor, node.props.backgroundColor, node.props.dropShadow, node.props.label);
-	return lines;
+	return e.tag === "box" && e.props.border ? j(t, e.props.border, e.props.borderColor, e.props.backgroundColor, e.props.dropShadow, e.props.label) : t;
 }
-function drawBox(contentLines, style, color, backgroundColor, dropShadow, label) {
-	const borderChars = getBorderChars(style);
-	const colorCode = color ? getColorCode(color) : "";
-	const bgCode = backgroundColor ? getBackgroundColorCode(backgroundColor) : "";
-	const reset = color || backgroundColor ? "\x1B[0m" : "";
-	const width = contentLines.reduce((max, line) => Math.max(max, stripAnsi(line).length), 0);
-	const labelText = label || "";
-	const labelLength = stripAnsi(labelText).length;
-	const boxInnerWidth = Math.max(width, labelLength + 2);
-	let topInner = "";
-	if (labelText) {
-		const spaceForLabel = boxInnerWidth - labelLength - 2;
-		const leftH = Math.floor(spaceForLabel / 2);
-		const rightH = spaceForLabel - leftH;
-		topInner = borderChars.h.repeat(leftH) + " " + labelText + " " + borderChars.h.repeat(rightH);
-	} else topInner = borderChars.h.repeat(boxInnerWidth);
-	const top = bgCode + colorCode + borderChars.tl + topInner + borderChars.tr + reset;
-	const bottom = bgCode + colorCode + borderChars.bl + borderChars.h.repeat(boxInnerWidth) + borderChars.br + reset;
-	const result = [];
-	result.push(top);
-	for (const line of contentLines) {
-		const visibleLength = stripAnsi(line).length;
-		const padding = " ".repeat(boxInnerWidth - visibleLength);
-		const lineWithBg = bgCode + line.replace(/\x1b\[0m/g, `\x1b[0m${bgCode}`);
-		result.push(bgCode + colorCode + borderChars.v + reset + lineWithBg + bgCode + padding + colorCode + borderChars.v + reset);
+function j(e, t, n, r, i, a) {
+	let o = M(t), s = n ? g(n) : "", c = r ? _(r) : "", l = n || r ? "\x1B[0m" : "", u = e.reduce((e, t) => Math.max(e, v(t).length), 0), d = a || "", f = v(d).length, p = Math.max(u, f + 2), m = "";
+	if (d) {
+		let e = p - f - 2, t = Math.floor(e / 2), n = e - t;
+		m = o.h.repeat(t) + " " + d + " " + o.h.repeat(n);
+	} else m = o.h.repeat(p);
+	let h = c + s + o.tl + m + o.tr + l, y = c + s + o.bl + o.h.repeat(p) + o.br + l, b = [];
+	b.push(h);
+	for (let t of e) {
+		let e = v(t).length, n = " ".repeat(p - e), r = c + t.replace(/\x1b\[0m/g, `\x1b[0m${c}`);
+		b.push(c + s + o.v + l + r + c + n + s + o.v + l);
 	}
-	result.push(bottom);
-	if (dropShadow) {
-		const shadowBlock = "\x1B[90m▒\x1B[0m";
-		for (let i = 1; i < result.length; i++) result[i] += shadowBlock;
-		const bottomShadow = " " + shadowBlock.repeat(width + 2);
-		result.push(bottomShadow);
+	if (b.push(y), i) {
+		let e = "\x1B[90m▒\x1B[0m";
+		for (let t = 1; t < b.length; t++) b[t] += e;
+		let t = " " + e.repeat(u + 2);
+		b.push(t);
 	}
-	return result;
+	return b;
 }
-function getBorderChars(style) {
-	if (style === "double") return {
+function M(e) {
+	return e === "double" ? {
 		tl: "╔",
 		tr: "╗",
 		bl: "╚",
 		br: "╝",
 		h: "═",
 		v: "║"
-	};
-	if (style === "rounded") return {
+	} : e === "rounded" ? {
 		tl: "╭",
 		tr: "╮",
 		bl: "╰",
 		br: "╯",
 		h: "─",
 		v: "│"
-	};
-	return {
+	} : {
 		tl: "┌",
 		tr: "┐",
 		bl: "└",
@@ -488,126 +335,58 @@ function getBorderChars(style) {
 		v: "│"
 	};
 }
-var keyHandlers = /* @__PURE__ */ new Set();
-function onKey(handler) {
-	keyHandlers.add(handler);
-	return () => keyHandlers.delete(handler);
+var N = /* @__PURE__ */ new Set();
+function P(e) {
+	return N.add(e), () => N.delete(e);
 }
-function handleInput(key) {
-	if (key === "") {
-		process.stdout.write("\x1B[?25h");
-		process.exit();
-	}
-	if (key === "	") {
-		focusNext();
+function F(e) {
+	if (e === "" && (process.stdout.write("\x1B[?25h"), process.exit()), e === "	") {
+		m();
 		return;
 	}
-	if (key === "\x1B[Z") {
-		focusPrev();
+	if (e === "\x1B[Z") {
+		h();
 		return;
 	}
-	for (const handler of keyHandlers) handler(key);
+	for (let t of N) t(e);
 }
-function renderTerminal(app, options = {}) {
-	rootNode = {
+function I(e, t = {}) {
+	T = {
 		type: "root",
 		props: {},
 		children: []
 	};
-	const container = rootNode;
-	if (process.stdin.isTTY) {
-		process.stdin.setRawMode(true);
-		process.stdin.resume();
-		process.stdin.setEncoding("utf8");
-		process.stdin.on("data", handleInput);
-	}
-	if (options.clearConsole) process.stdout.write("\x1B[2J\x1B[3J\x1B[H");
-	process.stdout.write("\x1B[?25l");
-	render(app, container);
-	flushRender();
-	return { unmount: () => {
-		render(null, container);
-		process.stdout.write("\x1B[?25h");
-		if (process.stdin.isTTY) {
-			process.stdin.setRawMode(false);
-			process.stdin.pause();
-			process.stdin.off("data", handleInput);
-		}
+	let n = T;
+	return process.stdin.isTTY && (process.stdin.setRawMode(!0), process.stdin.resume(), process.stdin.setEncoding("utf8"), process.stdin.on("data", F)), t.clearConsole && process.stdout.write("\x1B[2J\x1B[3J\x1B[H"), process.stdout.write("\x1B[?25l"), w(e, n), O(), { unmount: () => {
+		w(null, n), process.stdout.write("\x1B[?25h"), process.stdin.isTTY && (process.stdin.setRawMode(!1), process.stdin.pause(), process.stdin.off("data", F));
 	} };
 }
-var unmountFn = null;
-/**
-* Helper function to mount the terminal for CLI apps.
-* Returns a mount target that can be passed to defineApp().mount().
-* 
-* @example
-* ```tsx
-* defineApp(MyApp).mount(mountTerminal());
-* ```
-*/
-function mountTerminal(options = { clearConsole: true }) {
+var L = null;
+function R(e = { clearConsole: !0 }) {
 	return {
-		mount: terminalMount,
-		options,
-		onMount: (unmount) => {
-			unmountFn = unmount;
+		mount: B,
+		options: e,
+		onMount: (e) => {
+			L = e;
 		}
 	};
 }
-/**
-* Exit the terminal app cleanly, restoring terminal state.
-*/
-function exitTerminal() {
-	if (unmountFn) {
-		unmountFn();
-		unmountFn = null;
-	}
-	process.stdout.write("\x1B[?25h");
-	process.stdout.write("\x1B[2J\x1B[H");
+function z() {
+	L &&= (L(), null), process.stdout.write("\x1B[?25h"), process.stdout.write("\x1B[2J\x1B[H");
 }
-/**
-* Mount function for Terminal environments.
-* Use this with defineApp().mount() to render to the terminal.
-* 
-* @example
-* ```tsx
-* import { defineApp } from '@sigx/runtime-core';
-* import { terminalMount } from '@sigx/runtime-terminal';
-* 
-* const app = defineApp(<Counter />);
-* app.use(loggingPlugin)
-*    .mount({ clearConsole: true }, terminalMount);
-* ```
-*/
-var terminalMount = (component, options, appContext) => {
-	rootNode = {
+var B = (e, t, n) => {
+	T = {
 		type: "root",
 		props: {},
 		children: []
 	};
-	const container = rootNode;
-	if (process.stdin.isTTY) {
-		process.stdin.setRawMode(true);
-		process.stdin.resume();
-		process.stdin.setEncoding("utf8");
-		process.stdin.on("data", handleInput);
-	}
-	if (options?.clearConsole) process.stdout.write("\x1B[2J\x1B[3J\x1B[H");
-	process.stdout.write("\x1B[?25l");
-	render(component, container, appContext);
-	flushRender();
-	return () => {
-		render(null, container);
-		process.stdout.write("\x1B[?25h");
-		if (process.stdin.isTTY) {
-			process.stdin.setRawMode(false);
-			process.stdin.pause();
-			process.stdin.off("data", handleInput);
-		}
+	let r = T;
+	return process.stdin.isTTY && (process.stdin.setRawMode(!0), process.stdin.resume(), process.stdin.setEncoding("utf8"), process.stdin.on("data", F)), t?.clearConsole && process.stdout.write("\x1B[2J\x1B[3J\x1B[H"), process.stdout.write("\x1B[?25l"), w(e, r, n), O(), () => {
+		w(null, r), process.stdout.write("\x1B[?25h"), process.stdin.isTTY && (process.stdin.setRawMode(!1), process.stdin.pause(), process.stdin.off("data", F));
 	};
 };
-setDefaultMount(terminalMount);
+t(B);
 //#endregion
-export { Button, Checkbox, Input, ProgressBar, Select, exitTerminal, focus, focusNext, focusPrev, focusState, mountTerminal, onKey, registerFocusable, render, renderNodeToLines, renderTerminal, terminalMount, unregisterFocusable };
+export { x as Button, S as Checkbox, y as Input, b as ProgressBar, C as Select, z as exitTerminal, p as focus, m as focusNext, h as focusPrev, u as focusState, R as mountTerminal, P as onKey, d as registerFocusable, w as render, A as renderNodeToLines, I as renderTerminal, B as terminalMount, f as unregisterFocusable };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/focus.ts","../src/utils.ts","../src/components/Input.tsx","../src/components/ProgressBar.tsx","../src/components/Button.tsx","../src/components/Checkbox.tsx","../src/components/Select.tsx","../src/index.ts"],"sourcesContent":["import { signal } from '@sigx/reactivity';\r\n\r\nconst focusableIds = new Set<string>();\r\nexport const focusState = signal({ activeId: null as string | null });\r\n\r\nexport function registerFocusable(id: string) {\r\n    focusableIds.add(id);\r\n    if (focusState.activeId === null) {\r\n        focusState.activeId = id;\r\n    }\r\n}\r\n\r\nexport function unregisterFocusable(id: string) {\r\n    focusableIds.delete(id);\r\n    if (focusState.activeId === id) {\r\n        focusState.activeId = null;\r\n        // Try to focus another one\r\n        if (focusableIds.size > 0) {\r\n            focusState.activeId = focusableIds.values().next().value || null;\r\n        }\r\n    }\r\n}\r\n\r\nexport function focus(id: string) {\r\n    if (focusableIds.has(id)) {\r\n        focusState.activeId = id;\r\n    }\r\n}\r\n\r\nexport function focusNext() {\r\n    if (focusableIds.size === 0) return;\r\n    const ids = Array.from(focusableIds);\r\n    const currentIndex = focusState.activeId ? ids.indexOf(focusState.activeId) : -1;\r\n    const nextIndex = (currentIndex + 1) % ids.length;\r\n    focusState.activeId = ids[nextIndex];\r\n}\r\n\r\nexport function focusPrev() {\r\n    if (focusableIds.size === 0) return;\r\n    const ids = Array.from(focusableIds);\r\n    const currentIndex = focusState.activeId ? ids.indexOf(focusState.activeId) : -1;\r\n    const prevIndex = (currentIndex - 1 + ids.length) % ids.length;\r\n    focusState.activeId = ids[prevIndex];\r\n}\r\n","\r\nexport function getColorCode(color: string): string {\r\n    switch (color) {\r\n        case 'red': return '\\x1b[31m';\r\n        case 'green': return '\\x1b[32m';\r\n        case 'blue': return '\\x1b[34m';\r\n        case 'yellow': return '\\x1b[33m';\r\n        case 'cyan': return '\\x1b[36m';\r\n        case 'white': return '\\x1b[37m';\r\n        case 'black': return '\\x1b[30m';\r\n        default: return '';\r\n    }\r\n}\r\n\r\nexport function getBackgroundColorCode(color: string): string {\r\n    switch (color) {\r\n        case 'red': return '\\x1b[41m';\r\n        case 'green': return '\\x1b[42m';\r\n        case 'blue': return '\\x1b[44m';\r\n        case 'yellow': return '\\x1b[43m';\r\n        case 'cyan': return '\\x1b[46m';\r\n        case 'white': return '\\x1b[47m';\r\n        case 'black': return '\\x1b[40m';\r\n        default: return '';\r\n    }\r\n}\r\n\r\nexport function stripAnsi(str: string): string {\r\n    return str.replace(/\\x1B\\[[0-9;]*[a-zA-Z]/g, '');\r\n}\r\n","/** @jsxImportSource @sigx/runtime-core */\r\nimport { component, onMounted, onUnmounted, type Define } from '@sigx/runtime-core';\r\nimport { onKey } from '../index';\r\nimport { registerFocusable, unregisterFocusable, focusState, focus } from '../focus';\r\n\r\nexport const Input = component<\r\n    Define.Model<string> &\r\n    Define.Prop<\"placeholder\", string, false> &\r\n    Define.Prop<\"autofocus\", boolean, false> &\r\n    Define.Prop<\"label\", string, false> &\r\n    Define.Event<\"input\", string> &\r\n    Define.Event<\"submit\", string>\r\n>(({ props, emit }) => {\r\n    const id = Math.random().toString(36).slice(2);\r\n    let isReady = false; // Prevent immediate submit after mount\r\n\r\n    const isFocused = () => focusState.activeId === id;\r\n\r\n    const getValue = () => props.model?.value || '';\r\n\r\n    const handleKey = (key: string) => {\r\n        if (!isFocused()) return;\r\n        if (!isReady) return; // Ignore keys until component is ready\r\n\r\n        if (key === '\\r') { // Enter\r\n            emit('submit', getValue());\r\n            return;\r\n        }\r\n\r\n        if (key === '\\n') return;\r\n\r\n        if (key === '\\u007F' || key === '\\b') { // Backspace\r\n            const val = getValue();\r\n            if (val.length > 0) {\r\n                const newValue = val.slice(0, -1);\r\n                if (props.model) props.model.value = newValue;\r\n                emit('input', newValue);\r\n            }\r\n            return;\r\n        }\r\n\r\n        // Ignore control characters\r\n        if (key.length > 1) return;\r\n\r\n        const newValue = getValue() + key;\r\n        if (props.model) props.model.value = newValue;\r\n        emit('input', newValue);\r\n    };\r\n\r\n    let keyCleanup: (() => void) | null = null;\r\n\r\n    onMounted(() => {\r\n        registerFocusable(id);\r\n        if (props.autofocus) {\r\n            focus(id);\r\n        }\r\n        keyCleanup = onKey(handleKey);\r\n        // Small delay to prevent immediate submit from previous Enter key\r\n        setTimeout(() => { isReady = true; }, 50);\r\n    });\r\n\r\n    onUnmounted(() => {\r\n        if (keyCleanup) keyCleanup();\r\n        unregisterFocusable(id);\r\n    });\r\n\r\n    return () => {\r\n        const val = getValue().replace(/[\\r\\n]+/g, ' ');\r\n        const placeholder = (props.placeholder || '').replace(/[\\r\\n]+/g, ' ');\r\n        const showCursor = isFocused();\r\n        // console.log('Input render', { val, placeholder, showCursor });\r\n\r\n        return (\r\n            <box border=\"single\" borderColor={showCursor ? 'green' : 'white'} label={props.label}>\r\n                <text>{val || placeholder}</text>\r\n                {showCursor && <text color=\"cyan\">_</text>}\r\n            </box>\r\n        );\r\n    };\r\n}, { name: 'Input' });\r\n","/** @jsxImportSource @sigx/runtime-core */\r\nimport { component, type Define } from '@sigx/runtime-core';\r\nimport { getColorCode } from '../utils';\r\n\r\nexport const ProgressBar = component<\r\n    Define.Prop<\"value\", number, false> &\r\n    Define.Prop<\"max\", number, false> &\r\n    Define.Prop<\"width\", number, false> &\r\n    Define.Prop<\"char\", string, false> &\r\n    Define.Prop<\"emptyChar\", string, false> &\r\n    Define.Prop<\"color\", string, false>\r\n>(({ props }) => {\r\n    return () => {\r\n        const value = props.value || 0;\r\n        const max = props.max || 100;\r\n        const width = props.width || 20;\r\n        const barChar = props.char || '█';\r\n        const emptyChar = props.emptyChar || '░';\r\n        const color = props.color;\r\n        const colorCode = color ? getColorCode(color) : '';\r\n        const reset = color ? '\\x1b[0m' : '';\r\n\r\n        const percentage = Math.min(Math.max(value / max, 0), 1);\r\n        const filledLen = Math.round(width * percentage);\r\n        const emptyLen = width - filledLen;\r\n\r\n        const bar = colorCode + barChar.repeat(filledLen) + emptyChar.repeat(emptyLen) + reset;\r\n        const label = ` ${Math.round(percentage * 100)}%`;\r\n\r\n        return (\r\n            <box>\r\n                <text>{bar + label}</text>\r\n            </box>\r\n        );\r\n    };\r\n}, { name: 'ProgressBar' });\r\n","/** @jsxImportSource @sigx/runtime-core */\r\nimport { component, onMounted, onUnmounted, signal, type Define } from '@sigx/runtime-core';\r\nimport { onKey } from '../index';\r\nimport { registerFocusable, unregisterFocusable, focusState } from '../focus';\r\n\r\nexport const Button = component<\r\n    Define.Prop<\"label\", string, false> &\r\n    Define.Prop<\"dropShadow\", boolean, false> &\r\n    Define.Event<\"click\">\r\n>(({ props, emit }) => {\r\n    const id = Math.random().toString(36).slice(2);\r\n\r\n    const isFocused = () => focusState.activeId === id;\r\n    const pressed = signal({ value: false });\r\n\r\n    const handleKey = (key: string) => {\r\n        if (!isFocused()) return;\r\n\r\n        if (key === '\\r' || key === ' ') { // Enter or Space\r\n            // Visual press effect + emit click\r\n            pressed.value = true as any;\r\n            if (pressTimer) clearTimeout(pressTimer);\r\n            pressTimer = setTimeout(() => {\r\n                pressed.value = false as any;\r\n                pressTimer = null;\r\n            }, 120);\r\n            emit('click');\r\n        }\r\n    };\r\n\r\n    let keyCleanup: (() => void) | null = null;\r\n    let pressTimer: ReturnType<typeof setTimeout> | null = null;\r\n\r\n    onMounted(() => {\r\n        registerFocusable(id);\r\n        keyCleanup = onKey(handleKey);\r\n    });\r\n\r\n    onUnmounted(() => {\r\n        if (keyCleanup) keyCleanup();\r\n        unregisterFocusable(id);\r\n        if (pressTimer) clearTimeout(pressTimer);\r\n    });\r\n\r\n    return () => {\r\n        const focused = isFocused();\r\n        const label = props.label || 'Button';\r\n        const isPressed = pressed.value as boolean;\r\n\r\n        return (\r\n            <box\r\n                border=\"single\"\r\n                borderColor={isPressed ? 'yellow' : (focused ? 'green' : 'white')}\r\n                backgroundColor={isPressed ? 'red' : (focused ? 'blue' : undefined)}\r\n                dropShadow={props.dropShadow}\r\n            >\r\n                <text color={focused ? 'white' : undefined}>{label}</text>\r\n            </box>\r\n        );\r\n    };\r\n}, { name: 'Button' });","/** @jsxImportSource @sigx/runtime-core */\r\nimport { component, onMounted, onUnmounted, signal, type Define } from '@sigx/runtime-core';\r\nimport { onKey } from '../index';\r\nimport { registerFocusable, unregisterFocusable, focusState, focus } from '../focus';\r\n\r\nexport const Checkbox = component<\r\n    Define.Model<boolean> &\r\n    Define.Prop<\"label\", string, false> &\r\n    Define.Prop<\"autofocus\", boolean, false> &\r\n    Define.Prop<\"disabled\", boolean, false> &\r\n    Define.Event<\"change\", boolean>\r\n>(({ props, emit }) => {\r\n    const id = Math.random().toString(36).slice(2);\r\n\r\n    const isFocused = () => focusState.activeId === id;\r\n    const checked = () => !!props.model?.value;\r\n\r\n    const handleKey = (key: string) => {\r\n        if (!isFocused()) return;\r\n        if (props.disabled) return;\r\n\r\n        if (key === '\\r' || key === ' ') { // Enter or Space toggles\r\n            const next = !checked();\r\n            if (props.model) props.model.value = next;\r\n            emit('change', next);\r\n        }\r\n    };\r\n\r\n    let keyCleanup: (() => void) | null = null;\r\n\r\n    onMounted(() => {\r\n        registerFocusable(id);\r\n        if (props.autofocus) focus(id);\r\n        keyCleanup = onKey(handleKey);\r\n    });\r\n\r\n    onUnmounted(() => {\r\n        if (keyCleanup) keyCleanup();\r\n        unregisterFocusable(id);\r\n    });\r\n\r\n    return () => {\r\n        const label = props.label || '';\r\n        const focused = isFocused();\r\n        const isChecked = checked();\r\n        const disabled = !!props.disabled;\r\n\r\n        // Visual: [x] Label  or [ ] Label\r\n        // When focused, show a cursor indicator and highlight the label\r\n        const boxColor = disabled ? 'white' : (isChecked ? 'green' : (focused ? 'cyan' : 'white'));\r\n        const labelColor = disabled ? 'white' : (focused ? 'cyan' : undefined);\r\n        const checkMark = isChecked ? 'x' : ' ';\r\n        const focusIndicator = focused ? '>' : ' ';\r\n\r\n        return (\r\n            <box>\r\n                <text color={focused ? 'cyan' : 'white'}>{focusIndicator}</text>\r\n                <text color={boxColor}>[{checkMark}]</text>\r\n                {label && <text color={labelColor}> {label}</text>}\r\n            </box>\r\n        );\r\n    };\r\n}, { name: 'Checkbox' });\r\n\r\nexport default Checkbox;\r\n","/** @jsxImportSource @sigx/runtime-core */\r\nimport { component, onMounted, onUnmounted, type Define } from '@sigx/runtime-core';\r\nimport { onKey } from '../index';\r\nimport { registerFocusable, unregisterFocusable, focusState, focus } from '../focus';\r\n\r\nexport interface SelectOption<T = string> {\r\n    label: string;\r\n    value: T;\r\n    description?: string;\r\n}\r\n\r\nexport const Select = component<\r\n    Define.Model<string> &\r\n    Define.Prop<\"options\", SelectOption[], true> &\r\n    Define.Prop<\"label\", string, false> &\r\n    Define.Prop<\"autofocus\", boolean, false> &\r\n    Define.Prop<\"showDescription\", boolean, false> &\r\n    Define.Event<\"change\", string> &\r\n    Define.Event<\"submit\", string>\r\n>(({ props, emit }) => {\r\n    const id = Math.random().toString(36).slice(2);\r\n    let isReady = false; // Prevent immediate submit after mount\r\n\r\n    const isFocused = () => focusState.activeId === id;\r\n\r\n    const getCurrentIndex = () => {\r\n        const options = props.options || [];\r\n        const idx = options.findIndex(o => o.value === props.model?.value);\r\n        return idx >= 0 ? idx : 0;\r\n    };\r\n\r\n    const handleKey = (key: string) => {\r\n        if (!isFocused()) return;\r\n        if (!isReady) return; // Ignore keys until component is ready\r\n\r\n        const options = props.options || [];\r\n        if (options.length === 0) return;\r\n\r\n        const currentIndex = getCurrentIndex();\r\n\r\n        // Arrow up or 'k'\r\n        if (key === '\\x1B[A' || key === 'k') {\r\n            const newIndex = currentIndex > 0 ? currentIndex - 1 : options.length - 1;\r\n            const newValue = options[newIndex].value;\r\n            if (props.model) props.model.value = newValue;\r\n            emit('change', newValue);\r\n            return;\r\n        }\r\n\r\n        // Arrow down or 'j'\r\n        if (key === '\\x1B[B' || key === 'j') {\r\n            const newIndex = currentIndex < options.length - 1 ? currentIndex + 1 : 0;\r\n            const newValue = options[newIndex].value;\r\n            if (props.model) props.model.value = newValue;\r\n            emit('change', newValue);\r\n            return;\r\n        }\r\n\r\n        // Enter to submit\r\n        if (key === '\\r') {\r\n            emit('submit', props.model?.value || options[0]?.value || '');\r\n            return;\r\n        }\r\n    };\r\n\r\n    let keyCleanup: (() => void) | null = null;\r\n\r\n    onMounted(() => {\r\n        registerFocusable(id);\r\n        if (props.autofocus) {\r\n            focus(id);\r\n        }\r\n        keyCleanup = onKey(handleKey);\r\n        // Small delay to prevent immediate submit from previous Enter key\r\n        setTimeout(() => { isReady = true; }, 50);\r\n    });\r\n\r\n    onUnmounted(() => {\r\n        if (keyCleanup) keyCleanup();\r\n        unregisterFocusable(id);\r\n    });\r\n\r\n    return () => {\r\n        const options = props.options || [];\r\n        const focused = isFocused();\r\n        const currentValue = props.model?.value || options[0]?.value || '';\r\n        const label = props.label;\r\n        const selectedOption = options.find(o => o.value === currentValue);\r\n\r\n        // Render options\r\n        const optionElements = options.map((option) => {\r\n            const isSelected = option.value === currentValue;\r\n            const indicator = isSelected ? '❯' : ' ';\r\n            const color = isSelected ? 'cyan' : 'white';\r\n\r\n            return (\r\n                <box>\r\n                    <text color={color}>{indicator} {option.label}</text>\r\n                </box>\r\n            );\r\n        });\r\n\r\n        // Description shown below the box (common pattern in CLI tools)\r\n        const descriptionElement = props.showDescription && selectedOption?.description ? (\r\n            <box>\r\n                <text color=\"#666666\">  ↳ {selectedOption.description}</text>\r\n            </box>\r\n        ) : null;\r\n\r\n        return (\r\n            <box>\r\n                <box border=\"single\" borderColor={focused ? 'green' : 'white'} label={label}>\r\n                    {optionElements}\r\n                </box>\r\n                {descriptionElement}\r\n            </box>\r\n        );\r\n    };\r\n}, { name: 'Select' });\r\n\r\nexport default Select;\r\n","import { createRenderer, RendererOptions, setDefaultMount } from '@sigx/runtime-core/internals';\r\nimport { VNode } from '@sigx/runtime-core';\r\nimport { focusNext, focusPrev } from './focus';\r\nimport { getColorCode, getBackgroundColorCode, stripAnsi } from './utils';\r\n\r\n// Import type augmentation\r\nimport './types.js';\r\n\r\nexport * from './focus';\r\nexport * from './components/Input';\r\nexport * from './components/ProgressBar';\r\nexport * from './components/Button';\r\nexport * from './components/Checkbox';\r\nexport * from './components/Select';\r\n\r\n// --- Terminal Node Types ---\r\n\r\nexport interface TerminalNode {\r\n    type: 'root' | 'element' | 'text' | 'comment';\r\n    tag?: string;\r\n    text?: string;\r\n    props: Record<string, any>;\r\n    children: TerminalNode[];\r\n    parentNode?: TerminalNode | null;\r\n}\r\n\r\n// --- Node Operations ---\r\n\r\nconst nodeOps: RendererOptions<TerminalNode, TerminalNode> = {\r\n    patchProp: (el, key, prev, next) => {\r\n        el.props[key] = next;\r\n        scheduleRender();\r\n    },\r\n    insert: (child, parent, anchor) => {\r\n        child.parentNode = parent;\r\n        const index = anchor ? parent.children.indexOf(anchor) : -1;\r\n        if (index > -1) {\r\n            parent.children.splice(index, 0, child);\r\n        } else {\r\n            parent.children.push(child);\r\n        }\r\n        scheduleRender();\r\n    },\r\n    remove: (child) => {\r\n        if (child.parentNode) {\r\n            const index = child.parentNode.children.indexOf(child);\r\n            if (index > -1) {\r\n                child.parentNode.children.splice(index, 1);\r\n            }\r\n            child.parentNode = null;\r\n        }\r\n        scheduleRender();\r\n    },\r\n    createElement: (tag) => {\r\n        return { type: 'element', tag, props: {}, children: [] };\r\n    },\r\n    createText: (text) => {\r\n        return { type: 'text', text, props: {}, children: [] };\r\n    },\r\n    createComment: (text) => {\r\n        return { type: 'comment', text, props: {}, children: [] };\r\n    },\r\n    setText: (node, text) => {\r\n        node.text = text;\r\n        scheduleRender();\r\n    },\r\n    setElementText: (node, text) => {\r\n        node.children = [{ type: 'text', text, props: {}, children: [], parentNode: node }];\r\n        scheduleRender();\r\n    },\r\n    parentNode: (node) => node.parentNode || null,\r\n    nextSibling: (node) => {\r\n        if (!node.parentNode) return null;\r\n        const idx = node.parentNode.children.indexOf(node);\r\n        return node.parentNode.children[idx + 1] || null;\r\n    },\r\n    cloneNode: (node) => {\r\n        // Shallow clone for simplicity in this demo\r\n        return { ...node, children: [] };\r\n    }\r\n};\r\n\r\n// --- Renderer Creation ---\r\n\r\nconst renderer = createRenderer(nodeOps);\r\nexport const { render } = renderer;\r\n\r\n// --- Terminal Rendering Logic ---\r\n\r\nlet rootNode: TerminalNode | null = null;\r\nlet isRendering = false;\r\n\r\nfunction scheduleRender() {\r\n    if (isRendering) return;\r\n    isRendering = true;\r\n    // Use setImmediate or setTimeout to batch updates\r\n    setTimeout(() => {\r\n        flushRender();\r\n        isRendering = false;\r\n    }, 10);\r\n}\r\n\r\nfunction flushRender() {\r\n    if (!rootNode) return;\r\n\r\n    // Move cursor to top-left\r\n    process.stdout.write('\\x1B[H');\r\n\r\n    // Render tree\r\n    const lines = renderNodeToLines(rootNode);\r\n    process.stdout.write(lines.join('\\x1B[K\\n') + '\\x1B[K');\r\n\r\n    // Clear rest of screen\r\n    process.stdout.write('\\x1B[J');\r\n}\r\n\r\n\r\n/**\r\n * Check if a node has a box element as an immediate child.\r\n * This is used to determine if a component wrapper should be treated as a block element.\r\n */\r\nfunction hasBoxChild(node: TerminalNode): boolean {\r\n    for (const child of node.children) {\r\n        if (child.tag === 'box') {\r\n            return true;\r\n        }\r\n    }\r\n    return false;\r\n}\r\n\r\nexport function renderNodeToLines(node: TerminalNode): string[] {\r\n    // if (node.tag === 'box') console.log('Rendering box', node.props);\r\n    if (node.type === 'text') {\r\n        return [node.text || ''];\r\n    }\r\n    if (node.type === 'comment') {\r\n        return [];\r\n    }\r\n\r\n    let lines: string[] = [''];\r\n\r\n    // Simple styling based on props (e.g., color)\r\n    const color = node.props.color;\r\n    const reset = color ? '\\x1b[0m' : '';\r\n    const colorCode = getColorCode(color);\r\n\r\n    // Render children\r\n    for (const child of node.children) {\r\n        if (child.type === 'text') {\r\n            // Append text to the last line\r\n            lines[lines.length - 1] += colorCode + (child.text || '') + reset;\r\n        } else if (child.tag === 'br') {\r\n            // Start a new line\r\n            lines.push('');\r\n        } else {\r\n            // Recursively render child\r\n            const childLines = renderNodeToLines(child);\r\n\r\n            // Check if this child contains a box element (making it a block)\r\n            // A box is always a block element, and component wrappers that contain\r\n            // a box should also be treated as blocks\r\n            const isBlockElement = child.tag === 'box' || hasBoxChild(child);\r\n\r\n            if (isBlockElement) {\r\n                // Block element - start on a new line\r\n                if (lines.length === 1 && lines[0] === '') {\r\n                    lines = childLines;\r\n                } else {\r\n                    lines.push(...childLines);\r\n                }\r\n            } else {\r\n                // Inline element (like text wrapper)\r\n                // This is tricky. If child returns multiple lines, it breaks the flow.\r\n                // For now, assume non-box elements are inline-ish or just append.\r\n                if (childLines.length > 0) {\r\n                    // If the child has multiple lines, treat it as a block to avoid\r\n                    // appending a box top border to the end of a text line.\r\n                    if (childLines.length > 1) {\r\n                        if (lines.length === 1 && lines[0] === '') {\r\n                            lines = childLines;\r\n                        } else {\r\n                            lines.push(...childLines);\r\n                        }\r\n                    } else {\r\n                        lines[lines.length - 1] += childLines[0];\r\n                        for (let i = 1; i < childLines.length; i++) {\r\n                            lines.push(childLines[i]);\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    // Apply box borders if needed\r\n    if (node.tag === 'box' && node.props.border) {\r\n        return drawBox(lines, node.props.border, node.props.borderColor, node.props.backgroundColor, node.props.dropShadow, node.props.label);\r\n    }\r\n\r\n    return lines;\r\n}\r\n\r\nfunction drawBox(contentLines: string[], style: string, color?: string, backgroundColor?: string, dropShadow?: boolean, label?: string): string[] {\r\n    const borderChars = getBorderChars(style);\r\n    const colorCode = color ? getColorCode(color) : '';\r\n    const bgCode = backgroundColor ? getBackgroundColorCode(backgroundColor) : '';\r\n    const reset = (color || backgroundColor) ? '\\x1b[0m' : '';\r\n\r\n    // Calculate width\r\n    const width = contentLines.reduce((max, line) => Math.max(max, stripAnsi(line).length), 0);\r\n\r\n    // If there's a label, ensure box is wide enough to accommodate it\r\n    const labelText = label || '';\r\n    const labelLength = stripAnsi(labelText).length;\r\n    const boxInnerWidth = Math.max(width, labelLength + 2);\r\n\r\n    // Build top border. If label exists, center it in the top border like a fieldset legend\r\n    let topInner = '';\r\n    if (labelText) {\r\n        const spaceForLabel = boxInnerWidth - labelLength - 2; // remaining space for horiz lines\r\n        const leftH = Math.floor(spaceForLabel / 2);\r\n        const rightH = spaceForLabel - leftH;\r\n        topInner = borderChars.h.repeat(leftH) + ' ' + labelText + ' ' + borderChars.h.repeat(rightH);\r\n    } else {\r\n        topInner = borderChars.h.repeat(boxInnerWidth);\r\n    }\r\n\r\n    const top = bgCode + colorCode + borderChars.tl + topInner + borderChars.tr + reset;\r\n    const bottom = bgCode + colorCode + borderChars.bl + borderChars.h.repeat(boxInnerWidth) + borderChars.br + reset;\r\n\r\n    const result: string[] = [];\r\n    result.push(top);\r\n\r\n    for (const line of contentLines) {\r\n        const visibleLength = stripAnsi(line).length;\r\n        const padding = ' '.repeat(boxInnerWidth - visibleLength);\r\n        // We need to apply background to the content line as well, but be careful not to double apply if it already has it?\r\n        // Actually, the content might have its own colors.\r\n        // But the padding needs the background color.\r\n        // And the border needs the background color.\r\n\r\n        // If we wrap the whole line in bgCode, it should work, provided we reset at the end.\r\n        // But `line` might have resets in it.\r\n        // A simple approach: apply bgCode to the border chars and the padding.\r\n        // For the content, if it doesn't have bg, we might want to apply it.\r\n        // But `line` is already a string with ANSI codes.\r\n\r\n        // Let's try wrapping the whole thing.\r\n        // Note: `line` comes from `renderNodeToLines`, which might have resets.\r\n        // If `line` has `\\x1b[0m`, it will reset the background too.\r\n        // So we might need to replace `\\x1b[0m` with `\\x1b[0m` + bgCode + colorCode?\r\n        // That's getting complicated.\r\n\r\n        // For now, let's just apply bg to borders and padding.\r\n        // And maybe prepend bgCode to the line?\r\n\r\n        // If we just prepend bgCode to `line`, and `line` has a reset, the rest of the line will lose the bg.\r\n        // So we should replace resets in `line` with `reset + bgCode + colorCode` (if we want to maintain the box style).\r\n        // But `colorCode` is for the border. The content might have its own text color.\r\n\r\n        // Let's assume content handles its own text color, but we want to enforce background.\r\n        // We can replace `\\x1b[0m` with `\\x1b[0m${bgCode}`.\r\n\r\n        const lineWithBg = bgCode + line.replace(/\\x1b\\[0m/g, `\\x1b[0m${bgCode}`);\r\n\r\n        result.push(bgCode + colorCode + borderChars.v + reset + lineWithBg + bgCode + padding + colorCode + borderChars.v + reset);\r\n    }\r\n\r\n    result.push(bottom);\r\n\r\n    if (dropShadow) {\r\n        const shadowColor = '\\x1b[90m'; // Bright black (gray)\r\n        const resetShadow = '\\x1b[0m';\r\n        const shadowChar = '▒';\r\n        const shadowBlock = shadowColor + shadowChar + resetShadow;\r\n\r\n        // Apply to lines 1 to end (skipping top line 0)\r\n        for (let i = 1; i < result.length; i++) {\r\n            result[i] += shadowBlock;\r\n        }\r\n\r\n        // Add bottom shadow line\r\n        // Width is boxWidth (width + 2)\r\n        const bottomShadow = ' ' + shadowBlock.repeat(width + 2);\r\n        result.push(bottomShadow);\r\n    }\r\n\r\n    return result;\r\n}\r\n\r\nfunction getBorderChars(style: string) {\r\n    if (style === 'double') {\r\n        return { tl: '╔', tr: '╗', bl: '╚', br: '╝', h: '═', v: '║' };\r\n    }\r\n    if (style === 'rounded') {\r\n        return { tl: '╭', tr: '╮', bl: '╰', br: '╯', h: '─', v: '│' };\r\n    }\r\n    // Default single\r\n    return { tl: '┌', tr: '┐', bl: '└', br: '┘', h: '─', v: '│' };\r\n}\r\n\r\nfunction renderNodeToString(node: TerminalNode, depth = 0): string {\r\n    // Deprecated, but kept for compatibility if needed, or just redirect\r\n    return renderNodeToLines(node).join('\\n');\r\n}\r\n\r\n\r\n// --- Public API for mounting ---\r\n\r\ntype KeyHandler = (key: string) => void;\r\nconst keyHandlers = new Set<KeyHandler>();\r\n\r\nexport function onKey(handler: KeyHandler) {\r\n    keyHandlers.add(handler);\r\n    return () => keyHandlers.delete(handler);\r\n}\r\n\r\nfunction handleInput(key: string) {\r\n    // Ctrl+C to exit\r\n    if (key === '\\u0003') {\r\n        process.stdout.write('\\x1B[?25h'); // Show cursor\r\n        process.exit();\r\n    }\r\n\r\n    // Tab navigation\r\n    if (key === '\\t') {\r\n        focusNext();\r\n        return;\r\n    }\r\n    // Shift+Tab (often \\x1b[Z)\r\n    if (key === '\\x1b[Z') {\r\n        focusPrev();\r\n        return;\r\n    }\r\n\r\n    for (const handler of keyHandlers) {\r\n        handler(key);\r\n    }\r\n}\r\n\r\nexport interface RenderTerminalOptions {\r\n    clearConsole?: boolean;\r\n}\r\n\r\nexport function renderTerminal(app: any, options: RenderTerminalOptions = {}) {\r\n    rootNode = { type: 'root', props: {}, children: [] };\r\n\r\n    // Create a proxy container that looks like a HostElement\r\n    const container = rootNode;\r\n\r\n    // Setup input\r\n    if (process.stdin.isTTY) {\r\n        process.stdin.setRawMode(true);\r\n        process.stdin.resume();\r\n        process.stdin.setEncoding('utf8');\r\n        process.stdin.on('data', handleInput);\r\n    }\r\n\r\n    // Clear console if requested\r\n    if (options.clearConsole) {\r\n        process.stdout.write('\\x1B[2J\\x1B[3J\\x1B[H');\r\n    }\r\n\r\n    // Hide cursor\r\n    process.stdout.write('\\x1B[?25l');\r\n\r\n    render(app, container);\r\n\r\n    // Initial render\r\n    flushRender();\r\n\r\n    return {\r\n        unmount: () => {\r\n            render(null, container);\r\n            // Show cursor\r\n            process.stdout.write('\\x1B[?25h');\r\n\r\n            if (process.stdin.isTTY) {\r\n                process.stdin.setRawMode(false);\r\n                process.stdin.pause();\r\n                process.stdin.off('data', handleInput);\r\n            }\r\n        }\r\n    };\r\n}\r\n\r\nlet unmountFn: (() => void) | null = null;\r\n\r\n/**\r\n * Helper function to mount the terminal for CLI apps.\r\n * Returns a mount target that can be passed to defineApp().mount().\r\n * \r\n * @example\r\n * ```tsx\r\n * defineApp(MyApp).mount(mountTerminal());\r\n * ```\r\n */\r\nexport function mountTerminal(options: RenderTerminalOptions = { clearConsole: true }) {\r\n    return {\r\n        mount: terminalMount,\r\n        options,\r\n        onMount: (unmount: () => void) => {\r\n            unmountFn = unmount;\r\n        }\r\n    };\r\n}\r\n\r\n/**\r\n * Exit the terminal app cleanly, restoring terminal state.\r\n */\r\nexport function exitTerminal() {\r\n    if (unmountFn) {\r\n        unmountFn();\r\n        unmountFn = null;\r\n    }\r\n    // Show cursor\r\n    process.stdout.write('\\x1B[?25h');\r\n    // Clear screen\r\n    process.stdout.write('\\x1B[2J\\x1B[H');\r\n}\r\n\r\n/**\r\n * Mount function for Terminal environments.\r\n * Use this with defineApp().mount() to render to the terminal.\r\n * \r\n * @example\r\n * ```tsx\r\n * import { defineApp } from '@sigx/runtime-core';\r\n * import { terminalMount } from '@sigx/runtime-terminal';\r\n * \r\n * const app = defineApp(<Counter />);\r\n * app.use(loggingPlugin)\r\n *    .mount({ clearConsole: true }, terminalMount);\r\n * ```\r\n */\r\nexport const terminalMount = (component: any, options: RenderTerminalOptions, appContext?: any): (() => void) => {\r\n    rootNode = { type: 'root', props: {}, children: [] };\r\n\r\n    const container = rootNode;\r\n\r\n    // Setup input\r\n    if (process.stdin.isTTY) {\r\n        process.stdin.setRawMode(true);\r\n        process.stdin.resume();\r\n        process.stdin.setEncoding('utf8');\r\n        process.stdin.on('data', handleInput);\r\n    }\r\n\r\n    // Clear console if requested\r\n    if (options?.clearConsole) {\r\n        process.stdout.write('\\x1B[2J\\x1B[3J\\x1B[H');\r\n    }\r\n\r\n    // Hide cursor\r\n    process.stdout.write('\\x1B[?25l');\r\n\r\n    // Render with app context support\r\n    render(component, container, appContext);\r\n\r\n    // Initial render\r\n    flushRender();\r\n\r\n    // Return unmount function\r\n    return () => {\r\n        render(null, container);\r\n        // Show cursor\r\n        process.stdout.write('\\x1B[?25h');\r\n\r\n        if (process.stdin.isTTY) {\r\n            process.stdin.setRawMode(false);\r\n            process.stdin.pause();\r\n            process.stdin.off('data', handleInput);\r\n        }\r\n    };\r\n};\r\n\r\n// Set terminalMount as the default mount function for this platform\r\nsetDefaultMount(terminalMount);\r\n\r\ndeclare global {\r\n    namespace JSX {\r\n        interface IntrinsicElements {\r\n            box: TerminalAttributes;\r\n            text: TerminalAttributes;\r\n            br: TerminalAttributes;\r\n        }\r\n\r\n        interface TerminalAttributes {\r\n            color?: 'red' | 'green' | 'blue' | 'yellow' | 'cyan' | 'white' | 'black' | string;\r\n            backgroundColor?: 'red' | 'green' | 'blue' | 'yellow' | 'cyan' | 'white' | 'black' | string;\r\n            border?: 'single' | 'double' | 'rounded' | 'none';\r\n            borderColor?: 'red' | 'green' | 'blue' | 'yellow' | 'cyan' | 'white' | 'black' | string;\r\n            dropShadow?: boolean;\r\n            label?: string;\r\n            children?: any;\r\n        }\r\n\r\n    }\r\n}\r\n\r\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/focus.ts","../src/utils.ts","../src/components/Input.tsx","../src/components/ProgressBar.tsx","../src/components/Button.tsx","../src/components/Checkbox.tsx","../src/components/Select.tsx","../src/index.ts"],"sourcesContent":["import { signal } from '@sigx/reactivity';\r\n\r\nconst focusableIds = new Set<string>();\r\nexport const focusState = signal({ activeId: null as string | null });\r\n\r\nexport function registerFocusable(id: string) {\r\n    focusableIds.add(id);\r\n    if (focusState.activeId === null) {\r\n        focusState.activeId = id;\r\n    }\r\n}\r\n\r\nexport function unregisterFocusable(id: string) {\r\n    focusableIds.delete(id);\r\n    if (focusState.activeId === id) {\r\n        focusState.activeId = null;\r\n        // Try to focus another one\r\n        if (focusableIds.size > 0) {\r\n            focusState.activeId = focusableIds.values().next().value || null;\r\n        }\r\n    }\r\n}\r\n\r\nexport function focus(id: string) {\r\n    if (focusableIds.has(id)) {\r\n        focusState.activeId = id;\r\n    }\r\n}\r\n\r\nexport function focusNext() {\r\n    if (focusableIds.size === 0) return;\r\n    const ids = Array.from(focusableIds);\r\n    const currentIndex = focusState.activeId ? ids.indexOf(focusState.activeId) : -1;\r\n    const nextIndex = (currentIndex + 1) % ids.length;\r\n    focusState.activeId = ids[nextIndex];\r\n}\r\n\r\nexport function focusPrev() {\r\n    if (focusableIds.size === 0) return;\r\n    const ids = Array.from(focusableIds);\r\n    const currentIndex = focusState.activeId ? ids.indexOf(focusState.activeId) : -1;\r\n    const prevIndex = (currentIndex - 1 + ids.length) % ids.length;\r\n    focusState.activeId = ids[prevIndex];\r\n}\r\n","\r\nexport function getColorCode(color: string): string {\r\n    switch (color) {\r\n        case 'red': return '\\x1b[31m';\r\n        case 'green': return '\\x1b[32m';\r\n        case 'blue': return '\\x1b[34m';\r\n        case 'yellow': return '\\x1b[33m';\r\n        case 'cyan': return '\\x1b[36m';\r\n        case 'white': return '\\x1b[37m';\r\n        case 'black': return '\\x1b[30m';\r\n        default: return '';\r\n    }\r\n}\r\n\r\nexport function getBackgroundColorCode(color: string): string {\r\n    switch (color) {\r\n        case 'red': return '\\x1b[41m';\r\n        case 'green': return '\\x1b[42m';\r\n        case 'blue': return '\\x1b[44m';\r\n        case 'yellow': return '\\x1b[43m';\r\n        case 'cyan': return '\\x1b[46m';\r\n        case 'white': return '\\x1b[47m';\r\n        case 'black': return '\\x1b[40m';\r\n        default: return '';\r\n    }\r\n}\r\n\r\nexport function stripAnsi(str: string): string {\r\n    return str.replace(/\\x1B\\[[0-9;]*[a-zA-Z]/g, '');\r\n}\r\n","/** @jsxImportSource @sigx/runtime-core */\r\nimport { component, onMounted, onUnmounted, type Define } from '@sigx/runtime-core';\r\nimport { onKey } from '../index';\r\nimport { registerFocusable, unregisterFocusable, focusState, focus } from '../focus';\r\n\r\nexport const Input = component<\r\n    Define.Model<string> &\r\n    Define.Prop<\"placeholder\", string, false> &\r\n    Define.Prop<\"autofocus\", boolean, false> &\r\n    Define.Prop<\"label\", string, false> &\r\n    Define.Event<\"input\", string> &\r\n    Define.Event<\"submit\", string>\r\n>(({ props, emit }) => {\r\n    const id = Math.random().toString(36).slice(2);\r\n    let isReady = false; // Prevent immediate submit after mount\r\n\r\n    const isFocused = () => focusState.activeId === id;\r\n\r\n    const getValue = () => props.model?.value || '';\r\n\r\n    const handleKey = (key: string) => {\r\n        if (!isFocused()) return;\r\n        if (!isReady) return; // Ignore keys until component is ready\r\n\r\n        if (key === '\\r') { // Enter\r\n            emit('submit', getValue());\r\n            return;\r\n        }\r\n\r\n        if (key === '\\n') return;\r\n\r\n        if (key === '\\u007F' || key === '\\b') { // Backspace\r\n            const val = getValue();\r\n            if (val.length > 0) {\r\n                const newValue = val.slice(0, -1);\r\n                if (props.model) props.model.value = newValue;\r\n                emit('input', newValue);\r\n            }\r\n            return;\r\n        }\r\n\r\n        // Ignore control characters\r\n        if (key.length > 1) return;\r\n\r\n        const newValue = getValue() + key;\r\n        if (props.model) props.model.value = newValue;\r\n        emit('input', newValue);\r\n    };\r\n\r\n    let keyCleanup: (() => void) | null = null;\r\n\r\n    onMounted(() => {\r\n        registerFocusable(id);\r\n        if (props.autofocus) {\r\n            focus(id);\r\n        }\r\n        keyCleanup = onKey(handleKey);\r\n        // Small delay to prevent immediate submit from previous Enter key\r\n        setTimeout(() => { isReady = true; }, 50);\r\n    });\r\n\r\n    onUnmounted(() => {\r\n        if (keyCleanup) keyCleanup();\r\n        unregisterFocusable(id);\r\n    });\r\n\r\n    return () => {\r\n        const val = getValue().replace(/[\\r\\n]+/g, ' ');\r\n        const placeholder = (props.placeholder || '').replace(/[\\r\\n]+/g, ' ');\r\n        const showCursor = isFocused();\r\n        // console.log('Input render', { val, placeholder, showCursor });\r\n\r\n        return (\r\n            <box border=\"single\" borderColor={showCursor ? 'green' : 'white'} label={props.label}>\r\n                <text>{val || placeholder}</text>\r\n                {showCursor && <text color=\"cyan\">_</text>}\r\n            </box>\r\n        );\r\n    };\r\n}, { name: 'Input' });\r\n","/** @jsxImportSource @sigx/runtime-core */\r\nimport { component, type Define } from '@sigx/runtime-core';\r\nimport { getColorCode } from '../utils';\r\n\r\nexport const ProgressBar = component<\r\n    Define.Prop<\"value\", number, false> &\r\n    Define.Prop<\"max\", number, false> &\r\n    Define.Prop<\"width\", number, false> &\r\n    Define.Prop<\"char\", string, false> &\r\n    Define.Prop<\"emptyChar\", string, false> &\r\n    Define.Prop<\"color\", string, false>\r\n>(({ props }) => {\r\n    return () => {\r\n        const value = props.value || 0;\r\n        const max = props.max || 100;\r\n        const width = props.width || 20;\r\n        const barChar = props.char || '█';\r\n        const emptyChar = props.emptyChar || '░';\r\n        const color = props.color;\r\n        const colorCode = color ? getColorCode(color) : '';\r\n        const reset = color ? '\\x1b[0m' : '';\r\n\r\n        const percentage = Math.min(Math.max(value / max, 0), 1);\r\n        const filledLen = Math.round(width * percentage);\r\n        const emptyLen = width - filledLen;\r\n\r\n        const bar = colorCode + barChar.repeat(filledLen) + emptyChar.repeat(emptyLen) + reset;\r\n        const label = ` ${Math.round(percentage * 100)}%`;\r\n\r\n        return (\r\n            <box>\r\n                <text>{bar + label}</text>\r\n            </box>\r\n        );\r\n    };\r\n}, { name: 'ProgressBar' });\r\n","/** @jsxImportSource @sigx/runtime-core */\r\nimport { component, onMounted, onUnmounted, signal, type Define } from '@sigx/runtime-core';\r\nimport { onKey } from '../index';\r\nimport { registerFocusable, unregisterFocusable, focusState } from '../focus';\r\n\r\nexport const Button = component<\r\n    Define.Prop<\"label\", string, false> &\r\n    Define.Prop<\"dropShadow\", boolean, false> &\r\n    Define.Event<\"click\">\r\n>(({ props, emit }) => {\r\n    const id = Math.random().toString(36).slice(2);\r\n\r\n    const isFocused = () => focusState.activeId === id;\r\n    const pressed = signal({ value: false });\r\n\r\n    const handleKey = (key: string) => {\r\n        if (!isFocused()) return;\r\n\r\n        if (key === '\\r' || key === ' ') { // Enter or Space\r\n            // Visual press effect + emit click\r\n            pressed.value = true as any;\r\n            if (pressTimer) clearTimeout(pressTimer);\r\n            pressTimer = setTimeout(() => {\r\n                pressed.value = false as any;\r\n                pressTimer = null;\r\n            }, 120);\r\n            emit('click');\r\n        }\r\n    };\r\n\r\n    let keyCleanup: (() => void) | null = null;\r\n    let pressTimer: ReturnType<typeof setTimeout> | null = null;\r\n\r\n    onMounted(() => {\r\n        registerFocusable(id);\r\n        keyCleanup = onKey(handleKey);\r\n    });\r\n\r\n    onUnmounted(() => {\r\n        if (keyCleanup) keyCleanup();\r\n        unregisterFocusable(id);\r\n        if (pressTimer) clearTimeout(pressTimer);\r\n    });\r\n\r\n    return () => {\r\n        const focused = isFocused();\r\n        const label = props.label || 'Button';\r\n        const isPressed = pressed.value as boolean;\r\n\r\n        return (\r\n            <box\r\n                border=\"single\"\r\n                borderColor={isPressed ? 'yellow' : (focused ? 'green' : 'white')}\r\n                backgroundColor={isPressed ? 'red' : (focused ? 'blue' : undefined)}\r\n                dropShadow={props.dropShadow}\r\n            >\r\n                <text color={focused ? 'white' : undefined}>{label}</text>\r\n            </box>\r\n        );\r\n    };\r\n}, { name: 'Button' });","/** @jsxImportSource @sigx/runtime-core */\r\nimport { component, onMounted, onUnmounted, signal, type Define } from '@sigx/runtime-core';\r\nimport { onKey } from '../index';\r\nimport { registerFocusable, unregisterFocusable, focusState, focus } from '../focus';\r\n\r\nexport const Checkbox = component<\r\n    Define.Model<boolean> &\r\n    Define.Prop<\"label\", string, false> &\r\n    Define.Prop<\"autofocus\", boolean, false> &\r\n    Define.Prop<\"disabled\", boolean, false> &\r\n    Define.Event<\"change\", boolean>\r\n>(({ props, emit }) => {\r\n    const id = Math.random().toString(36).slice(2);\r\n\r\n    const isFocused = () => focusState.activeId === id;\r\n    const checked = () => !!props.model?.value;\r\n\r\n    const handleKey = (key: string) => {\r\n        if (!isFocused()) return;\r\n        if (props.disabled) return;\r\n\r\n        if (key === '\\r' || key === ' ') { // Enter or Space toggles\r\n            const next = !checked();\r\n            if (props.model) props.model.value = next;\r\n            emit('change', next);\r\n        }\r\n    };\r\n\r\n    let keyCleanup: (() => void) | null = null;\r\n\r\n    onMounted(() => {\r\n        registerFocusable(id);\r\n        if (props.autofocus) focus(id);\r\n        keyCleanup = onKey(handleKey);\r\n    });\r\n\r\n    onUnmounted(() => {\r\n        if (keyCleanup) keyCleanup();\r\n        unregisterFocusable(id);\r\n    });\r\n\r\n    return () => {\r\n        const label = props.label || '';\r\n        const focused = isFocused();\r\n        const isChecked = checked();\r\n        const disabled = !!props.disabled;\r\n\r\n        // Visual: [x] Label  or [ ] Label\r\n        // When focused, show a cursor indicator and highlight the label\r\n        const boxColor = disabled ? 'white' : (isChecked ? 'green' : (focused ? 'cyan' : 'white'));\r\n        const labelColor = disabled ? 'white' : (focused ? 'cyan' : undefined);\r\n        const checkMark = isChecked ? 'x' : ' ';\r\n        const focusIndicator = focused ? '>' : ' ';\r\n\r\n        return (\r\n            <box>\r\n                <text color={focused ? 'cyan' : 'white'}>{focusIndicator}</text>\r\n                <text color={boxColor}>[{checkMark}]</text>\r\n                {label && <text color={labelColor}> {label}</text>}\r\n            </box>\r\n        );\r\n    };\r\n}, { name: 'Checkbox' });\r\n\r\nexport default Checkbox;\r\n","/** @jsxImportSource @sigx/runtime-core */\r\nimport { component, onMounted, onUnmounted, type Define } from '@sigx/runtime-core';\r\nimport { onKey } from '../index';\r\nimport { registerFocusable, unregisterFocusable, focusState, focus } from '../focus';\r\n\r\nexport interface SelectOption<T = string> {\r\n    label: string;\r\n    value: T;\r\n    description?: string;\r\n}\r\n\r\nexport const Select = component<\r\n    Define.Model<string> &\r\n    Define.Prop<\"options\", SelectOption[], true> &\r\n    Define.Prop<\"label\", string, false> &\r\n    Define.Prop<\"autofocus\", boolean, false> &\r\n    Define.Prop<\"showDescription\", boolean, false> &\r\n    Define.Event<\"change\", string> &\r\n    Define.Event<\"submit\", string>\r\n>(({ props, emit }) => {\r\n    const id = Math.random().toString(36).slice(2);\r\n    let isReady = false; // Prevent immediate submit after mount\r\n\r\n    const isFocused = () => focusState.activeId === id;\r\n\r\n    const getCurrentIndex = () => {\r\n        const options = props.options || [];\r\n        const idx = options.findIndex(o => o.value === props.model?.value);\r\n        return idx >= 0 ? idx : 0;\r\n    };\r\n\r\n    const handleKey = (key: string) => {\r\n        if (!isFocused()) return;\r\n        if (!isReady) return; // Ignore keys until component is ready\r\n\r\n        const options = props.options || [];\r\n        if (options.length === 0) return;\r\n\r\n        const currentIndex = getCurrentIndex();\r\n\r\n        // Arrow up or 'k'\r\n        if (key === '\\x1B[A' || key === 'k') {\r\n            const newIndex = currentIndex > 0 ? currentIndex - 1 : options.length - 1;\r\n            const newValue = options[newIndex].value;\r\n            if (props.model) props.model.value = newValue;\r\n            emit('change', newValue);\r\n            return;\r\n        }\r\n\r\n        // Arrow down or 'j'\r\n        if (key === '\\x1B[B' || key === 'j') {\r\n            const newIndex = currentIndex < options.length - 1 ? currentIndex + 1 : 0;\r\n            const newValue = options[newIndex].value;\r\n            if (props.model) props.model.value = newValue;\r\n            emit('change', newValue);\r\n            return;\r\n        }\r\n\r\n        // Enter to submit\r\n        if (key === '\\r') {\r\n            emit('submit', props.model?.value || options[0]?.value || '');\r\n            return;\r\n        }\r\n    };\r\n\r\n    let keyCleanup: (() => void) | null = null;\r\n\r\n    onMounted(() => {\r\n        registerFocusable(id);\r\n        if (props.autofocus) {\r\n            focus(id);\r\n        }\r\n        keyCleanup = onKey(handleKey);\r\n        // Small delay to prevent immediate submit from previous Enter key\r\n        setTimeout(() => { isReady = true; }, 50);\r\n    });\r\n\r\n    onUnmounted(() => {\r\n        if (keyCleanup) keyCleanup();\r\n        unregisterFocusable(id);\r\n    });\r\n\r\n    return () => {\r\n        const options = props.options || [];\r\n        const focused = isFocused();\r\n        const currentValue = props.model?.value || options[0]?.value || '';\r\n        const label = props.label;\r\n        const selectedOption = options.find(o => o.value === currentValue);\r\n\r\n        // Render options\r\n        const optionElements = options.map((option) => {\r\n            const isSelected = option.value === currentValue;\r\n            const indicator = isSelected ? '❯' : ' ';\r\n            const color = isSelected ? 'cyan' : 'white';\r\n\r\n            return (\r\n                <box>\r\n                    <text color={color}>{indicator} {option.label}</text>\r\n                </box>\r\n            );\r\n        });\r\n\r\n        // Description shown below the box (common pattern in CLI tools)\r\n        const descriptionElement = props.showDescription && selectedOption?.description ? (\r\n            <box>\r\n                <text color=\"#666666\">  ↳ {selectedOption.description}</text>\r\n            </box>\r\n        ) : null;\r\n\r\n        return (\r\n            <box>\r\n                <box border=\"single\" borderColor={focused ? 'green' : 'white'} label={label}>\r\n                    {optionElements}\r\n                </box>\r\n                {descriptionElement}\r\n            </box>\r\n        );\r\n    };\r\n}, { name: 'Select' });\r\n\r\nexport default Select;\r\n","import { createRenderer, RendererOptions, setDefaultMount } from '@sigx/runtime-core/internals';\r\nimport { VNode } from '@sigx/runtime-core';\r\nimport { focusNext, focusPrev } from './focus';\r\nimport { getColorCode, getBackgroundColorCode, stripAnsi } from './utils';\r\n\r\n// Import type augmentation\r\nimport './types.js';\r\n\r\nexport * from './focus';\r\nexport * from './components/Input';\r\nexport * from './components/ProgressBar';\r\nexport * from './components/Button';\r\nexport * from './components/Checkbox';\r\nexport * from './components/Select';\r\n\r\n// --- Terminal Node Types ---\r\n\r\nexport interface TerminalNode {\r\n    type: 'root' | 'element' | 'text' | 'comment';\r\n    tag?: string;\r\n    text?: string;\r\n    props: Record<string, any>;\r\n    children: TerminalNode[];\r\n    parentNode?: TerminalNode | null;\r\n}\r\n\r\n// --- Node Operations ---\r\n\r\nconst nodeOps: RendererOptions<TerminalNode, TerminalNode> = {\r\n    patchProp: (el, key, prev, next) => {\r\n        el.props[key] = next;\r\n        scheduleRender();\r\n    },\r\n    insert: (child, parent, anchor) => {\r\n        child.parentNode = parent;\r\n        const index = anchor ? parent.children.indexOf(anchor) : -1;\r\n        if (index > -1) {\r\n            parent.children.splice(index, 0, child);\r\n        } else {\r\n            parent.children.push(child);\r\n        }\r\n        scheduleRender();\r\n    },\r\n    remove: (child) => {\r\n        if (child.parentNode) {\r\n            const index = child.parentNode.children.indexOf(child);\r\n            if (index > -1) {\r\n                child.parentNode.children.splice(index, 1);\r\n            }\r\n            child.parentNode = null;\r\n        }\r\n        scheduleRender();\r\n    },\r\n    createElement: (tag) => {\r\n        return { type: 'element', tag, props: {}, children: [] };\r\n    },\r\n    createText: (text) => {\r\n        return { type: 'text', text, props: {}, children: [] };\r\n    },\r\n    createComment: (text) => {\r\n        return { type: 'comment', text, props: {}, children: [] };\r\n    },\r\n    setText: (node, text) => {\r\n        node.text = text;\r\n        scheduleRender();\r\n    },\r\n    setElementText: (node, text) => {\r\n        node.children = [{ type: 'text', text, props: {}, children: [], parentNode: node }];\r\n        scheduleRender();\r\n    },\r\n    parentNode: (node) => node.parentNode || null,\r\n    nextSibling: (node) => {\r\n        if (!node.parentNode) return null;\r\n        const idx = node.parentNode.children.indexOf(node);\r\n        return node.parentNode.children[idx + 1] || null;\r\n    },\r\n    cloneNode: (node) => {\r\n        // Shallow clone for simplicity in this demo\r\n        return { ...node, children: [] };\r\n    }\r\n};\r\n\r\n// --- Renderer Creation ---\r\n\r\nconst renderer = createRenderer(nodeOps);\r\nexport const { render } = renderer;\r\n\r\n// --- Terminal Rendering Logic ---\r\n\r\nlet rootNode: TerminalNode | null = null;\r\nlet isRendering = false;\r\n\r\nfunction scheduleRender() {\r\n    if (isRendering) return;\r\n    isRendering = true;\r\n    // Use setImmediate or setTimeout to batch updates\r\n    setTimeout(() => {\r\n        flushRender();\r\n        isRendering = false;\r\n    }, 10);\r\n}\r\n\r\nfunction flushRender() {\r\n    if (!rootNode) return;\r\n\r\n    // Move cursor to top-left\r\n    process.stdout.write('\\x1B[H');\r\n\r\n    // Render tree\r\n    const lines = renderNodeToLines(rootNode);\r\n    process.stdout.write(lines.join('\\x1B[K\\n') + '\\x1B[K');\r\n\r\n    // Clear rest of screen\r\n    process.stdout.write('\\x1B[J');\r\n}\r\n\r\n\r\n/**\r\n * Check if a node has a box element as an immediate child.\r\n * This is used to determine if a component wrapper should be treated as a block element.\r\n */\r\nfunction hasBoxChild(node: TerminalNode): boolean {\r\n    for (const child of node.children) {\r\n        if (child.tag === 'box') {\r\n            return true;\r\n        }\r\n    }\r\n    return false;\r\n}\r\n\r\nexport function renderNodeToLines(node: TerminalNode): string[] {\r\n    // if (node.tag === 'box') console.log('Rendering box', node.props);\r\n    if (node.type === 'text') {\r\n        return [node.text || ''];\r\n    }\r\n    if (node.type === 'comment') {\r\n        return [];\r\n    }\r\n\r\n    let lines: string[] = [''];\r\n\r\n    // Simple styling based on props (e.g., color)\r\n    const color = node.props.color;\r\n    const reset = color ? '\\x1b[0m' : '';\r\n    const colorCode = getColorCode(color);\r\n\r\n    // Render children\r\n    for (const child of node.children) {\r\n        if (child.type === 'text') {\r\n            // Append text to the last line\r\n            lines[lines.length - 1] += colorCode + (child.text || '') + reset;\r\n        } else if (child.tag === 'br') {\r\n            // Start a new line\r\n            lines.push('');\r\n        } else {\r\n            // Recursively render child\r\n            const childLines = renderNodeToLines(child);\r\n\r\n            // Check if this child contains a box element (making it a block)\r\n            // A box is always a block element, and component wrappers that contain\r\n            // a box should also be treated as blocks\r\n            const isBlockElement = child.tag === 'box' || hasBoxChild(child);\r\n\r\n            if (isBlockElement) {\r\n                // Block element - start on a new line\r\n                if (lines.length === 1 && lines[0] === '') {\r\n                    lines = childLines;\r\n                } else {\r\n                    lines.push(...childLines);\r\n                }\r\n            } else {\r\n                // Inline element (like text wrapper)\r\n                // This is tricky. If child returns multiple lines, it breaks the flow.\r\n                // For now, assume non-box elements are inline-ish or just append.\r\n                if (childLines.length > 0) {\r\n                    // If the child has multiple lines, treat it as a block to avoid\r\n                    // appending a box top border to the end of a text line.\r\n                    if (childLines.length > 1) {\r\n                        if (lines.length === 1 && lines[0] === '') {\r\n                            lines = childLines;\r\n                        } else {\r\n                            lines.push(...childLines);\r\n                        }\r\n                    } else {\r\n                        lines[lines.length - 1] += childLines[0];\r\n                        for (let i = 1; i < childLines.length; i++) {\r\n                            lines.push(childLines[i]);\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    // Apply box borders if needed\r\n    if (node.tag === 'box' && node.props.border) {\r\n        return drawBox(lines, node.props.border, node.props.borderColor, node.props.backgroundColor, node.props.dropShadow, node.props.label);\r\n    }\r\n\r\n    return lines;\r\n}\r\n\r\nfunction drawBox(contentLines: string[], style: string, color?: string, backgroundColor?: string, dropShadow?: boolean, label?: string): string[] {\r\n    const borderChars = getBorderChars(style);\r\n    const colorCode = color ? getColorCode(color) : '';\r\n    const bgCode = backgroundColor ? getBackgroundColorCode(backgroundColor) : '';\r\n    const reset = (color || backgroundColor) ? '\\x1b[0m' : '';\r\n\r\n    // Calculate width\r\n    const width = contentLines.reduce((max, line) => Math.max(max, stripAnsi(line).length), 0);\r\n\r\n    // If there's a label, ensure box is wide enough to accommodate it\r\n    const labelText = label || '';\r\n    const labelLength = stripAnsi(labelText).length;\r\n    const boxInnerWidth = Math.max(width, labelLength + 2);\r\n\r\n    // Build top border. If label exists, center it in the top border like a fieldset legend\r\n    let topInner = '';\r\n    if (labelText) {\r\n        const spaceForLabel = boxInnerWidth - labelLength - 2; // remaining space for horiz lines\r\n        const leftH = Math.floor(spaceForLabel / 2);\r\n        const rightH = spaceForLabel - leftH;\r\n        topInner = borderChars.h.repeat(leftH) + ' ' + labelText + ' ' + borderChars.h.repeat(rightH);\r\n    } else {\r\n        topInner = borderChars.h.repeat(boxInnerWidth);\r\n    }\r\n\r\n    const top = bgCode + colorCode + borderChars.tl + topInner + borderChars.tr + reset;\r\n    const bottom = bgCode + colorCode + borderChars.bl + borderChars.h.repeat(boxInnerWidth) + borderChars.br + reset;\r\n\r\n    const result: string[] = [];\r\n    result.push(top);\r\n\r\n    for (const line of contentLines) {\r\n        const visibleLength = stripAnsi(line).length;\r\n        const padding = ' '.repeat(boxInnerWidth - visibleLength);\r\n        // We need to apply background to the content line as well, but be careful not to double apply if it already has it?\r\n        // Actually, the content might have its own colors.\r\n        // But the padding needs the background color.\r\n        // And the border needs the background color.\r\n\r\n        // If we wrap the whole line in bgCode, it should work, provided we reset at the end.\r\n        // But `line` might have resets in it.\r\n        // A simple approach: apply bgCode to the border chars and the padding.\r\n        // For the content, if it doesn't have bg, we might want to apply it.\r\n        // But `line` is already a string with ANSI codes.\r\n\r\n        // Let's try wrapping the whole thing.\r\n        // Note: `line` comes from `renderNodeToLines`, which might have resets.\r\n        // If `line` has `\\x1b[0m`, it will reset the background too.\r\n        // So we might need to replace `\\x1b[0m` with `\\x1b[0m` + bgCode + colorCode?\r\n        // That's getting complicated.\r\n\r\n        // For now, let's just apply bg to borders and padding.\r\n        // And maybe prepend bgCode to the line?\r\n\r\n        // If we just prepend bgCode to `line`, and `line` has a reset, the rest of the line will lose the bg.\r\n        // So we should replace resets in `line` with `reset + bgCode + colorCode` (if we want to maintain the box style).\r\n        // But `colorCode` is for the border. The content might have its own text color.\r\n\r\n        // Let's assume content handles its own text color, but we want to enforce background.\r\n        // We can replace `\\x1b[0m` with `\\x1b[0m${bgCode}`.\r\n\r\n        const lineWithBg = bgCode + line.replace(/\\x1b\\[0m/g, `\\x1b[0m${bgCode}`);\r\n\r\n        result.push(bgCode + colorCode + borderChars.v + reset + lineWithBg + bgCode + padding + colorCode + borderChars.v + reset);\r\n    }\r\n\r\n    result.push(bottom);\r\n\r\n    if (dropShadow) {\r\n        const shadowColor = '\\x1b[90m'; // Bright black (gray)\r\n        const resetShadow = '\\x1b[0m';\r\n        const shadowChar = '▒';\r\n        const shadowBlock = shadowColor + shadowChar + resetShadow;\r\n\r\n        // Apply to lines 1 to end (skipping top line 0)\r\n        for (let i = 1; i < result.length; i++) {\r\n            result[i] += shadowBlock;\r\n        }\r\n\r\n        // Add bottom shadow line\r\n        // Width is boxWidth (width + 2)\r\n        const bottomShadow = ' ' + shadowBlock.repeat(width + 2);\r\n        result.push(bottomShadow);\r\n    }\r\n\r\n    return result;\r\n}\r\n\r\nfunction getBorderChars(style: string) {\r\n    if (style === 'double') {\r\n        return { tl: '╔', tr: '╗', bl: '╚', br: '╝', h: '═', v: '║' };\r\n    }\r\n    if (style === 'rounded') {\r\n        return { tl: '╭', tr: '╮', bl: '╰', br: '╯', h: '─', v: '│' };\r\n    }\r\n    // Default single\r\n    return { tl: '┌', tr: '┐', bl: '└', br: '┘', h: '─', v: '│' };\r\n}\r\n\r\nfunction renderNodeToString(node: TerminalNode, depth = 0): string {\r\n    // Deprecated, but kept for compatibility if needed, or just redirect\r\n    return renderNodeToLines(node).join('\\n');\r\n}\r\n\r\n\r\n// --- Public API for mounting ---\r\n\r\ntype KeyHandler = (key: string) => void;\r\nconst keyHandlers = new Set<KeyHandler>();\r\n\r\nexport function onKey(handler: KeyHandler) {\r\n    keyHandlers.add(handler);\r\n    return () => keyHandlers.delete(handler);\r\n}\r\n\r\nfunction handleInput(key: string) {\r\n    // Ctrl+C to exit\r\n    if (key === '\\u0003') {\r\n        process.stdout.write('\\x1B[?25h'); // Show cursor\r\n        process.exit();\r\n    }\r\n\r\n    // Tab navigation\r\n    if (key === '\\t') {\r\n        focusNext();\r\n        return;\r\n    }\r\n    // Shift+Tab (often \\x1b[Z)\r\n    if (key === '\\x1b[Z') {\r\n        focusPrev();\r\n        return;\r\n    }\r\n\r\n    for (const handler of keyHandlers) {\r\n        handler(key);\r\n    }\r\n}\r\n\r\nexport interface RenderTerminalOptions {\r\n    clearConsole?: boolean;\r\n}\r\n\r\nexport function renderTerminal(app: any, options: RenderTerminalOptions = {}) {\r\n    rootNode = { type: 'root', props: {}, children: [] };\r\n\r\n    // Create a proxy container that looks like a HostElement\r\n    const container = rootNode;\r\n\r\n    // Setup input\r\n    if (process.stdin.isTTY) {\r\n        process.stdin.setRawMode(true);\r\n        process.stdin.resume();\r\n        process.stdin.setEncoding('utf8');\r\n        process.stdin.on('data', handleInput);\r\n    }\r\n\r\n    // Clear console if requested\r\n    if (options.clearConsole) {\r\n        process.stdout.write('\\x1B[2J\\x1B[3J\\x1B[H');\r\n    }\r\n\r\n    // Hide cursor\r\n    process.stdout.write('\\x1B[?25l');\r\n\r\n    render(app, container);\r\n\r\n    // Initial render\r\n    flushRender();\r\n\r\n    return {\r\n        unmount: () => {\r\n            render(null, container);\r\n            // Show cursor\r\n            process.stdout.write('\\x1B[?25h');\r\n\r\n            if (process.stdin.isTTY) {\r\n                process.stdin.setRawMode(false);\r\n                process.stdin.pause();\r\n                process.stdin.off('data', handleInput);\r\n            }\r\n        }\r\n    };\r\n}\r\n\r\nlet unmountFn: (() => void) | null = null;\r\n\r\n/**\r\n * Helper function to mount the terminal for CLI apps.\r\n * Returns a mount target that can be passed to defineApp().mount().\r\n * \r\n * @example\r\n * ```tsx\r\n * defineApp(MyApp).mount(mountTerminal());\r\n * ```\r\n */\r\nexport function mountTerminal(options: RenderTerminalOptions = { clearConsole: true }) {\r\n    return {\r\n        mount: terminalMount,\r\n        options,\r\n        onMount: (unmount: () => void) => {\r\n            unmountFn = unmount;\r\n        }\r\n    };\r\n}\r\n\r\n/**\r\n * Exit the terminal app cleanly, restoring terminal state.\r\n */\r\nexport function exitTerminal() {\r\n    if (unmountFn) {\r\n        unmountFn();\r\n        unmountFn = null;\r\n    }\r\n    // Show cursor\r\n    process.stdout.write('\\x1B[?25h');\r\n    // Clear screen\r\n    process.stdout.write('\\x1B[2J\\x1B[H');\r\n}\r\n\r\n/**\r\n * Mount function for Terminal environments.\r\n * Use this with defineApp().mount() to render to the terminal.\r\n * \r\n * @example\r\n * ```tsx\r\n * import { defineApp } from '@sigx/runtime-core';\r\n * import { terminalMount } from '@sigx/runtime-terminal';\r\n * \r\n * const app = defineApp(<Counter />);\r\n * app.use(loggingPlugin)\r\n *    .mount({ clearConsole: true }, terminalMount);\r\n * ```\r\n */\r\nexport const terminalMount = (component: any, options: RenderTerminalOptions, appContext?: any): (() => void) => {\r\n    rootNode = { type: 'root', props: {}, children: [] };\r\n\r\n    const container = rootNode;\r\n\r\n    // Setup input\r\n    if (process.stdin.isTTY) {\r\n        process.stdin.setRawMode(true);\r\n        process.stdin.resume();\r\n        process.stdin.setEncoding('utf8');\r\n        process.stdin.on('data', handleInput);\r\n    }\r\n\r\n    // Clear console if requested\r\n    if (options?.clearConsole) {\r\n        process.stdout.write('\\x1B[2J\\x1B[3J\\x1B[H');\r\n    }\r\n\r\n    // Hide cursor\r\n    process.stdout.write('\\x1B[?25l');\r\n\r\n    // Render with app context support\r\n    render(component, container, appContext);\r\n\r\n    // Initial render\r\n    flushRender();\r\n\r\n    // Return unmount function\r\n    return () => {\r\n        render(null, container);\r\n        // Show cursor\r\n        process.stdout.write('\\x1B[?25h');\r\n\r\n        if (process.stdin.isTTY) {\r\n            process.stdin.setRawMode(false);\r\n            process.stdin.pause();\r\n            process.stdin.off('data', handleInput);\r\n        }\r\n    };\r\n};\r\n\r\n// Set terminalMount as the default mount function for this platform\r\nsetDefaultMount(terminalMount);\r\n\r\ndeclare global {\r\n    namespace JSX {\r\n        interface IntrinsicElements {\r\n            box: TerminalAttributes;\r\n            text: TerminalAttributes;\r\n            br: TerminalAttributes;\r\n        }\r\n\r\n        interface TerminalAttributes {\r\n            color?: 'red' | 'green' | 'blue' | 'yellow' | 'cyan' | 'white' | 'black' | string;\r\n            backgroundColor?: 'red' | 'green' | 'blue' | 'yellow' | 'cyan' | 'white' | 'black' | string;\r\n            border?: 'single' | 'double' | 'rounded' | 'none';\r\n            borderColor?: 'red' | 'green' | 'blue' | 'yellow' | 'cyan' | 'white' | 'black' | string;\r\n            dropShadow?: boolean;\r\n            label?: string;\r\n            children?: any;\r\n        }\r\n\r\n    }\r\n}\r\n\r\n"],"mappings":";;;;;AAEA,IAAM,oBAAe,IAAI,KAAa,EACzB,IAAa,EAAO,EAAE,UAAU,MAAuB,CAAC;AAErE,SAAgB,EAAkB,GAAY;AAE1C,CADA,EAAa,IAAI,EAAG,EAChB,EAAW,aAAa,SACxB,EAAW,WAAW;;AAI9B,SAAgB,EAAoB,GAAY;AAE5C,CADA,EAAa,OAAO,EAAG,EACnB,EAAW,aAAa,MACxB,EAAW,WAAW,MAElB,EAAa,OAAO,MACpB,EAAW,WAAW,EAAa,QAAQ,CAAC,MAAM,CAAC,SAAS;;AAKxE,SAAgB,EAAM,GAAY;AAC9B,CAAI,EAAa,IAAI,EAAG,KACpB,EAAW,WAAW;;AAI9B,SAAgB,IAAY;AACxB,KAAI,EAAa,SAAS,EAAG;CAC7B,IAAM,IAAM,MAAM,KAAK,EAAa;AAGpC,GAAW,WAAW,IAFD,EAAW,WAAW,EAAI,QAAQ,EAAW,SAAS,GAAG,MAC5C,KAAK,EAAI;;AAI/C,SAAgB,IAAY;AACxB,KAAI,EAAa,SAAS,EAAG;CAC7B,IAAM,IAAM,MAAM,KAAK,EAAa;AAGpC,GAAW,WAAW,IAFD,EAAW,WAAW,EAAI,QAAQ,EAAW,SAAS,GAAG,MAC5C,IAAI,EAAI,UAAU,EAAI;;;;ACxC5D,SAAgB,EAAa,GAAuB;AAChD,SAAQ,GAAR;EACI,KAAK,MAAO,QAAO;EACnB,KAAK,QAAS,QAAO;EACrB,KAAK,OAAQ,QAAO;EACpB,KAAK,SAAU,QAAO;EACtB,KAAK,OAAQ,QAAO;EACpB,KAAK,QAAS,QAAO;EACrB,KAAK,QAAS,QAAO;EACrB,QAAS,QAAO;;;AAIxB,SAAgB,EAAuB,GAAuB;AAC1D,SAAQ,GAAR;EACI,KAAK,MAAO,QAAO;EACnB,KAAK,QAAS,QAAO;EACrB,KAAK,OAAQ,QAAO;EACpB,KAAK,SAAU,QAAO;EACtB,KAAK,OAAQ,QAAO;EACpB,KAAK,QAAS,QAAO;EACrB,KAAK,QAAS,QAAO;EACrB,QAAS,QAAO;;;AAIxB,SAAgB,EAAU,GAAqB;AAC3C,QAAO,EAAI,QAAQ,0BAA0B,GAAG;;;;ACvBpD,IAAa,IAAQ,GAOlB,EAAE,UAAO,cAAW;CACnB,IAAM,IAAK,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE,EAC1C,IAAU,IAER,UAAkB,EAAW,aAAa,GAE1C,UAAiB,EAAM,OAAO,SAAS,IAEvC,KAAa,MAAgB;AAE/B,MADI,CAAC,GAAW,IACZ,CAAC,EAAS;AAEd,MAAI,MAAQ,MAAM;AACd,KAAK,UAAU,GAAU,CAAC;AAC1B;;AAGJ,MAAI,MAAQ,KAAM;AAElB,MAAI,MAAQ,OAAY,MAAQ,MAAM;GAClC,IAAM,IAAM,GAAU;AACtB,OAAI,EAAI,SAAS,GAAG;IAChB,IAAM,IAAW,EAAI,MAAM,GAAG,GAAG;AAEjC,IADI,EAAM,UAAO,EAAM,MAAM,QAAQ,IACrC,EAAK,SAAS,EAAS;;AAE3B;;AAIJ,MAAI,EAAI,SAAS,EAAG;EAEpB,IAAM,IAAW,GAAU,GAAG;AAE9B,EADI,EAAM,UAAO,EAAM,MAAM,QAAQ,IACrC,EAAK,SAAS,EAAS;IAGvB,IAAkC;AAiBtC,QAfA,QAAgB;AAOZ,EANA,EAAkB,EAAG,EACjB,EAAM,aACN,EAAM,EAAG,EAEb,IAAa,EAAM,EAAU,EAE7B,iBAAiB;AAAE,OAAU;KAAS,GAAG;GAC3C,EAEF,QAAkB;AAEd,EADI,KAAY,GAAY,EAC5B,EAAoB,EAAG;GACzB,QAEW;EACT,IAAM,IAAM,GAAU,CAAC,QAAQ,YAAY,IAAI,EACzC,KAAe,EAAM,eAAe,IAAI,QAAQ,YAAY,IAAI,EAChE,IAAa,GAAW;AAG9B,SACI,kBAAC,OAAD;GAAK,QAAO;GAAS,aAAa,IAAa,UAAU;GAAS,OAAO,EAAM;aAA/E,CACI,kBAAC,QAAD,EAAA,UAAO,KAAO,GAAmB,CAAA,EAChC,KAAc,kBAAC,QAAD;IAAM,OAAM;cAAO;IAAQ,CAAA,CACxC;;;GAGf,EAAE,MAAM,SAAS,CAAC,EC3ER,IAAc,GAOxB,EAAE,qBACY;CACT,IAAM,IAAQ,EAAM,SAAS,GACvB,IAAM,EAAM,OAAO,KACnB,IAAQ,EAAM,SAAS,IACvB,IAAU,EAAM,QAAQ,KACxB,IAAY,EAAM,aAAa,KAC/B,IAAQ,EAAM,OACd,IAAY,IAAQ,EAAa,EAAM,GAAG,IAC1C,IAAQ,IAAQ,YAAY,IAE5B,IAAa,KAAK,IAAI,KAAK,IAAI,IAAQ,GAAK,EAAE,EAAE,EAAE,EAClD,IAAY,KAAK,MAAM,IAAQ,EAAW,EAC1C,IAAW,IAAQ;AAKzB,QACI,kBAAC,OAAD,EAAA,UACI,kBAAC,QAAD,EAAA,UALI,IAAY,EAAQ,OAAO,EAAU,GAAG,EAAU,OAAO,EAAS,GAAG,IACnE,IAAI,KAAK,MAAM,IAAa,IAAI,CAAC,IAIb,CAAA,EACxB,CAAA;GAGf,EAAE,MAAM,eAAe,CAAC,EC9Bd,IAAS,GAInB,EAAE,UAAO,cAAW;CACnB,IAAM,IAAK,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE,EAExC,UAAkB,EAAW,aAAa,GAC1C,IAAU,EAAO,EAAE,OAAO,IAAO,CAAC,EAElC,KAAa,MAAgB;AAC1B,KAAW,KAEZ,MAAQ,QAAQ,MAAQ,SAExB,EAAQ,QAAQ,IACZ,KAAY,aAAa,EAAW,EACxC,IAAa,iBAAiB;AAE1B,GADA,EAAQ,QAAQ,IAChB,IAAa;KACd,IAAI,EACP,EAAK,QAAQ;IAIjB,IAAkC,MAClC,IAAmD;AAavD,QAXA,QAAgB;AAEZ,EADA,EAAkB,EAAG,EACrB,IAAa,EAAM,EAAU;GAC/B,EAEF,QAAkB;AAGd,EAFI,KAAY,GAAY,EAC5B,EAAoB,EAAG,EACnB,KAAY,aAAa,EAAW;GAC1C,QAEW;EACT,IAAM,IAAU,GAAW,EACrB,IAAQ,EAAM,SAAS,UACvB,IAAY,EAAQ;AAE1B,SACI,kBAAC,OAAD;GACI,QAAO;GACP,aAAa,IAAY,WAAY,IAAU,UAAU;GACzD,iBAAiB,IAAY,QAAS,IAAU,SAAS,KAAA;GACzD,YAAY,EAAM;aAElB,kBAAC,QAAD;IAAM,OAAO,IAAU,UAAU,KAAA;cAAY;IAAa,CAAA;GACxD,CAAA;;GAGf,EAAE,MAAM,UAAU,CAAC,ECvDT,IAAW,GAMrB,EAAE,UAAO,cAAW;CACnB,IAAM,IAAK,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE,EAExC,UAAkB,EAAW,aAAa,GAC1C,UAAgB,CAAC,CAAC,EAAM,OAAO,OAE/B,KAAa,MAAgB;AAC1B,SAAW,IACZ,GAAM,aAEN,MAAQ,QAAQ,MAAQ,MAAK;GAC7B,IAAM,IAAO,CAAC,GAAS;AAEvB,GADI,EAAM,UAAO,EAAM,MAAM,QAAQ,IACrC,EAAK,UAAU,EAAK;;IAIxB,IAAkC;AAatC,QAXA,QAAgB;AAGZ,EAFA,EAAkB,EAAG,EACjB,EAAM,aAAW,EAAM,EAAG,EAC9B,IAAa,EAAM,EAAU;GAC/B,EAEF,QAAkB;AAEd,EADI,KAAY,GAAY,EAC5B,EAAoB,EAAG;GACzB,QAEW;EACT,IAAM,IAAQ,EAAM,SAAS,IACvB,IAAU,GAAW,EACrB,IAAY,GAAS,EACrB,IAAW,CAAC,CAAC,EAAM;AASzB,SACI,kBAAC,OAAD,EAAA,UAAA;GACI,kBAAC,QAAD;IAAM,OAAO,IAAU,SAAS;cAJjB,IAAU,MAAM;IAIiC,CAAA;GAChE,kBAAC,QAAD;IAAM,OARG,IAAW,UAAW,IAAY,UAAW,IAAU,SAAS;cAQzE;KAAuB;KANb,IAAY,MAAM;KAMO;KAAQ;;GAC1C,KAAS,kBAAC,QAAD;IAAM,OARL,IAAW,UAAW,IAAU,SAAS,KAAA;cAQ1C,CAAyB,KAAE,EAAa;;GAChD,EAAA,CAAA;;GAGf,EAAE,MAAM,YAAY,CAAC,ECnDX,IAAS,GAQnB,EAAE,UAAO,cAAW;CACnB,IAAM,IAAK,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE,EAC1C,IAAU,IAER,UAAkB,EAAW,aAAa,GAE1C,UAAwB;EAE1B,IAAM,KADU,EAAM,WAAW,EAAE,EACf,WAAU,MAAK,EAAE,UAAU,EAAM,OAAO,MAAM;AAClE,SAAO,KAAO,IAAI,IAAM;IAGtB,KAAa,MAAgB;AAE/B,MADI,CAAC,GAAW,IACZ,CAAC,EAAS;EAEd,IAAM,IAAU,EAAM,WAAW,EAAE;AACnC,MAAI,EAAQ,WAAW,EAAG;EAE1B,IAAM,IAAe,GAAiB;AAGtC,MAAI,MAAQ,YAAY,MAAQ,KAAK;GAEjC,IAAM,IAAW,EADA,IAAe,IAAI,IAAe,IAAI,EAAQ,SAAS,GACrC;AAEnC,GADI,EAAM,UAAO,EAAM,MAAM,QAAQ,IACrC,EAAK,UAAU,EAAS;AACxB;;AAIJ,MAAI,MAAQ,YAAY,MAAQ,KAAK;GAEjC,IAAM,IAAW,EADA,IAAe,EAAQ,SAAS,IAAI,IAAe,IAAI,GACrC;AAEnC,GADI,EAAM,UAAO,EAAM,MAAM,QAAQ,IACrC,EAAK,UAAU,EAAS;AACxB;;AAIJ,MAAI,MAAQ,MAAM;AACd,KAAK,UAAU,EAAM,OAAO,SAAS,EAAQ,IAAI,SAAS,GAAG;AAC7D;;IAIJ,IAAkC;AAiBtC,QAfA,QAAgB;AAOZ,EANA,EAAkB,EAAG,EACjB,EAAM,aACN,EAAM,EAAG,EAEb,IAAa,EAAM,EAAU,EAE7B,iBAAiB;AAAE,OAAU;KAAS,GAAG;GAC3C,EAEF,QAAkB;AAEd,EADI,KAAY,GAAY,EAC5B,EAAoB,EAAG;GACzB,QAEW;EACT,IAAM,IAAU,EAAM,WAAW,EAAE,EAC7B,IAAU,GAAW,EACrB,IAAe,EAAM,OAAO,SAAS,EAAQ,IAAI,SAAS,IAC1D,IAAQ,EAAM,OACd,IAAiB,EAAQ,MAAK,MAAK,EAAE,UAAU,EAAa,EAG5D,IAAiB,EAAQ,KAAK,MAAW;GAC3C,IAAM,IAAa,EAAO,UAAU;AAIpC,UACI,kBAAC,OAAD,EAAA,UACI,kBAAC,QAAD;IAAa,OAJP,IAAa,SAAS;cAI5B;KALU,IAAa,MAAM;KAKE;KAAE,EAAO;KAAa;OACnD,CAAA;IAEZ,EAGI,IAAqB,EAAM,mBAAmB,GAAgB,cAChE,kBAAC,OAAD,EAAA,UACI,kBAAC,QAAD;GAAM,OAAM;aAAZ,CAAsB,QAAK,EAAe,YAAmB;MAC3D,CAAA,GACN;AAEJ,SACI,kBAAC,OAAD,EAAA,UAAA,CACI,kBAAC,OAAD;GAAK,QAAO;GAAS,aAAa,IAAU,UAAU;GAAgB;aACjE;GACC,CAAA,EACL,EACC,EAAA,CAAA;;GAGf,EAAE,MAAM,UAAU,CAAC,ECjCT,EAAE,cADE,EAxD4C;CACzD,YAAY,GAAI,GAAK,GAAM,MAAS;AAEhC,EADA,EAAG,MAAM,KAAO,GAChB,GAAgB;;CAEpB,SAAS,GAAO,GAAQ,MAAW;AAC/B,IAAM,aAAa;EACnB,IAAM,IAAQ,IAAS,EAAO,SAAS,QAAQ,EAAO,GAAG;AAMzD,EALI,IAAQ,KACR,EAAO,SAAS,OAAO,GAAO,GAAG,EAAM,GAEvC,EAAO,SAAS,KAAK,EAAM,EAE/B,GAAgB;;CAEpB,SAAS,MAAU;AACf,MAAI,EAAM,YAAY;GAClB,IAAM,IAAQ,EAAM,WAAW,SAAS,QAAQ,EAAM;AAItD,GAHI,IAAQ,MACR,EAAM,WAAW,SAAS,OAAO,GAAO,EAAE,EAE9C,EAAM,aAAa;;AAEvB,KAAgB;;CAEpB,gBAAgB,OACL;EAAE,MAAM;EAAW;EAAK,OAAO,EAAE;EAAE,UAAU,EAAE;EAAE;CAE5D,aAAa,OACF;EAAE,MAAM;EAAQ;EAAM,OAAO,EAAE;EAAE,UAAU,EAAE;EAAE;CAE1D,gBAAgB,OACL;EAAE,MAAM;EAAW;EAAM,OAAO,EAAE;EAAE,UAAU,EAAE;EAAE;CAE7D,UAAU,GAAM,MAAS;AAErB,EADA,EAAK,OAAO,GACZ,GAAgB;;CAEpB,iBAAiB,GAAM,MAAS;AAE5B,EADA,EAAK,WAAW,CAAC;GAAE,MAAM;GAAQ;GAAM,OAAO,EAAE;GAAE,UAAU,EAAE;GAAE,YAAY;GAAM,CAAC,EACnF,GAAgB;;CAEpB,aAAa,MAAS,EAAK,cAAc;CACzC,cAAc,MAAS;AACnB,MAAI,CAAC,EAAK,WAAY,QAAO;EAC7B,IAAM,IAAM,EAAK,WAAW,SAAS,QAAQ,EAAK;AAClD,SAAO,EAAK,WAAW,SAAS,IAAM,MAAM;;CAEhD,YAAY,OAED;EAAE,GAAG;EAAM,UAAU,EAAE;EAAE;CAEvC,CAIuC,EAKpC,IAAgC,MAChC,IAAc;AAElB,SAAS,IAAiB;AAClB,OACJ,IAAc,IAEd,iBAAiB;AAEb,EADA,GAAa,EACb,IAAc;IACf,GAAG;;AAGV,SAAS,IAAc;AACnB,KAAI,CAAC,EAAU;AAGf,SAAQ,OAAO,MAAM,SAAS;CAG9B,IAAM,IAAQ,EAAkB,EAAS;AAIzC,CAHA,QAAQ,OAAO,MAAM,EAAM,KAAK,WAAW,GAAG,SAAS,EAGvD,QAAQ,OAAO,MAAM,SAAS;;AAQlC,SAAS,EAAY,GAA6B;AAC9C,MAAK,IAAM,KAAS,EAAK,SACrB,KAAI,EAAM,QAAQ,MACd,QAAO;AAGf,QAAO;;AAGX,SAAgB,EAAkB,GAA8B;AAE5D,KAAI,EAAK,SAAS,OACd,QAAO,CAAC,EAAK,QAAQ,GAAG;AAE5B,KAAI,EAAK,SAAS,UACd,QAAO,EAAE;CAGb,IAAI,IAAkB,CAAC,GAAG,EAGpB,IAAQ,EAAK,MAAM,OACnB,IAAQ,IAAQ,YAAY,IAC5B,IAAY,EAAa,EAAM;AAGrC,MAAK,IAAM,KAAS,EAAK,SACrB,KAAI,EAAM,SAAS,OAEf,GAAM,EAAM,SAAS,MAAM,KAAa,EAAM,QAAQ,MAAM;UACrD,EAAM,QAAQ,KAErB,GAAM,KAAK,GAAG;MACX;EAEH,IAAM,IAAa,EAAkB,EAAM;AAO3C,MAFuB,EAAM,QAAQ,SAAS,EAAY,EAAM,CAI5D,CAAI,EAAM,WAAW,KAAK,EAAM,OAAO,KACnC,IAAQ,IAER,EAAM,KAAK,GAAG,EAAW;WAMzB,EAAW,SAAS,EAGpB,KAAI,EAAW,SAAS,EACpB,CAAI,EAAM,WAAW,KAAK,EAAM,OAAO,KACnC,IAAQ,IAER,EAAM,KAAK,GAAG,EAAW;OAE1B;AACH,KAAM,EAAM,SAAS,MAAM,EAAW;AACtC,QAAK,IAAI,IAAI,GAAG,IAAI,EAAW,QAAQ,IACnC,GAAM,KAAK,EAAW,GAAG;;;AAajD,QAJI,EAAK,QAAQ,SAAS,EAAK,MAAM,SAC1B,EAAQ,GAAO,EAAK,MAAM,QAAQ,EAAK,MAAM,aAAa,EAAK,MAAM,iBAAiB,EAAK,MAAM,YAAY,EAAK,MAAM,MAAM,GAGlI;;AAGX,SAAS,EAAQ,GAAwB,GAAe,GAAgB,GAA0B,GAAsB,GAA0B;CAC9I,IAAM,IAAc,EAAe,EAAM,EACnC,IAAY,IAAQ,EAAa,EAAM,GAAG,IAC1C,IAAS,IAAkB,EAAuB,EAAgB,GAAG,IACrE,IAAS,KAAS,IAAmB,YAAY,IAGjD,IAAQ,EAAa,QAAQ,GAAK,MAAS,KAAK,IAAI,GAAK,EAAU,EAAK,CAAC,OAAO,EAAE,EAAE,EAGpF,IAAY,KAAS,IACrB,IAAc,EAAU,EAAU,CAAC,QACnC,IAAgB,KAAK,IAAI,GAAO,IAAc,EAAE,EAGlD,IAAW;AACf,KAAI,GAAW;EACX,IAAM,IAAgB,IAAgB,IAAc,GAC9C,IAAQ,KAAK,MAAM,IAAgB,EAAE,EACrC,IAAS,IAAgB;AAC/B,MAAW,EAAY,EAAE,OAAO,EAAM,GAAG,MAAM,IAAY,MAAM,EAAY,EAAE,OAAO,EAAO;OAE7F,KAAW,EAAY,EAAE,OAAO,EAAc;CAGlD,IAAM,IAAM,IAAS,IAAY,EAAY,KAAK,IAAW,EAAY,KAAK,GACxE,IAAS,IAAS,IAAY,EAAY,KAAK,EAAY,EAAE,OAAO,EAAc,GAAG,EAAY,KAAK,GAEtG,IAAmB,EAAE;AAC3B,GAAO,KAAK,EAAI;AAEhB,MAAK,IAAM,KAAQ,GAAc;EAC7B,IAAM,IAAgB,EAAU,EAAK,CAAC,QAChC,IAAU,IAAI,OAAO,IAAgB,EAAc,EA4BnD,IAAa,IAAS,EAAK,QAAQ,aAAa,UAAU,IAAS;AAEzE,IAAO,KAAK,IAAS,IAAY,EAAY,IAAI,IAAQ,IAAa,IAAS,IAAU,IAAY,EAAY,IAAI,EAAM;;AAK/H,KAFA,EAAO,KAAK,EAAO,EAEf,GAAY;EAIZ,IAAM,IAAc;AAGpB,OAAK,IAAI,IAAI,GAAG,IAAI,EAAO,QAAQ,IAC/B,GAAO,MAAM;EAKjB,IAAM,IAAe,MAAM,EAAY,OAAO,IAAQ,EAAE;AACxD,IAAO,KAAK,EAAa;;AAG7B,QAAO;;AAGX,SAAS,EAAe,GAAe;AAQnC,QAPI,MAAU,WACH;EAAE,IAAI;EAAK,IAAI;EAAK,IAAI;EAAK,IAAI;EAAK,GAAG;EAAK,GAAG;EAAK,GAE7D,MAAU,YACH;EAAE,IAAI;EAAK,IAAI;EAAK,IAAI;EAAK,IAAI;EAAK,GAAG;EAAK,GAAG;EAAK,GAG1D;EAAE,IAAI;EAAK,IAAI;EAAK,IAAI;EAAK,IAAI;EAAK,GAAG;EAAK,GAAG;EAAK;;AAYjE,IAAM,oBAAc,IAAI,KAAiB;AAEzC,SAAgB,EAAM,GAAqB;AAEvC,QADA,EAAY,IAAI,EAAQ,QACX,EAAY,OAAO,EAAQ;;AAG5C,SAAS,EAAY,GAAa;AAQ9B,KANI,MAAQ,QACR,QAAQ,OAAO,MAAM,YAAY,EACjC,QAAQ,MAAM,GAId,MAAQ,KAAM;AACd,KAAW;AACX;;AAGJ,KAAI,MAAQ,UAAU;AAClB,KAAW;AACX;;AAGJ,MAAK,IAAM,KAAW,EAClB,GAAQ,EAAI;;AAQpB,SAAgB,EAAe,GAAU,IAAiC,EAAE,EAAE;AAC1E,KAAW;EAAE,MAAM;EAAQ,OAAO,EAAE;EAAE,UAAU,EAAE;EAAE;CAGpD,IAAM,IAAY;AAuBlB,QApBI,QAAQ,MAAM,UACd,QAAQ,MAAM,WAAW,GAAK,EAC9B,QAAQ,MAAM,QAAQ,EACtB,QAAQ,MAAM,YAAY,OAAO,EACjC,QAAQ,MAAM,GAAG,QAAQ,EAAY,GAIrC,EAAQ,gBACR,QAAQ,OAAO,MAAM,uBAAuB,EAIhD,QAAQ,OAAO,MAAM,YAAY,EAEjC,EAAO,GAAK,EAAU,EAGtB,GAAa,EAEN,EACH,eAAe;AAKX,EAJA,EAAO,MAAM,EAAU,EAEvB,QAAQ,OAAO,MAAM,YAAY,EAE7B,QAAQ,MAAM,UACd,QAAQ,MAAM,WAAW,GAAM,EAC/B,QAAQ,MAAM,OAAO,EACrB,QAAQ,MAAM,IAAI,QAAQ,EAAY;IAGjD;;AAGL,IAAI,IAAiC;AAWrC,SAAgB,EAAc,IAAiC,EAAE,cAAc,IAAM,EAAE;AACnF,QAAO;EACH,OAAO;EACP;EACA,UAAU,MAAwB;AAC9B,OAAY;;EAEnB;;AAML,SAAgB,IAAe;AAQ3B,CAPA,AAEI,OADA,GAAW,EACC,OAGhB,QAAQ,OAAO,MAAM,YAAY,EAEjC,QAAQ,OAAO,MAAM,gBAAgB;;AAiBzC,IAAa,KAAiB,GAAgB,GAAgC,MAAmC;AAC7G,KAAW;EAAE,MAAM;EAAQ,OAAO,EAAE;EAAE,UAAU,EAAE;EAAE;CAEpD,IAAM,IAAY;AAyBlB,QAtBI,QAAQ,MAAM,UACd,QAAQ,MAAM,WAAW,GAAK,EAC9B,QAAQ,MAAM,QAAQ,EACtB,QAAQ,MAAM,YAAY,OAAO,EACjC,QAAQ,MAAM,GAAG,QAAQ,EAAY,GAIrC,GAAS,gBACT,QAAQ,OAAO,MAAM,uBAAuB,EAIhD,QAAQ,OAAO,MAAM,YAAY,EAGjC,EAAO,GAAW,GAAW,EAAW,EAGxC,GAAa,QAGA;AAKT,EAJA,EAAO,MAAM,EAAU,EAEvB,QAAQ,OAAO,MAAM,YAAY,EAE7B,QAAQ,MAAM,UACd,QAAQ,MAAM,WAAW,GAAM,EAC/B,QAAQ,MAAM,OAAO,EACrB,QAAQ,MAAM,IAAI,QAAQ,EAAY;;;AAMlD,EAAgB,EAAc"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sigx/runtime-terminal",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Terminal renderer for SignalX",
   "type": "module",
   "main": "./dist/index.js",
@@ -33,14 +33,14 @@
     "url": "https://github.com/signalxjs/core/issues"
   },
   "dependencies": {
-    "@sigx/runtime-core": "^0.2.1",
-    "@sigx/reactivity": "^0.2.1"
+    "@sigx/reactivity": "^0.2.2",
+    "@sigx/runtime-core": "^0.2.2"
   },
   "devDependencies": {
     "typescript": "^5.9.3",
     "@types/node": "^20.0.0",
     "vite": "^8.0.3",
-    "@sigx/vite": "^0.2.1"
+    "@sigx/vite": "^0.2.2"
   },
   "scripts": {
     "build": "vite build && tsgo --emitDeclarationOnly",