@sigx/terminal-ui 0.5.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025-2026 Andreas Ekdahl
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/Spinner-JpmBtbPo.js

@@ -0,0 +1,25 @@
+import { GLYPHS as e, SPINNERS as t, TICK_MS as n, getTick as r, resolveColor as i, subscribeTicker as a } from "@sigx/terminal-zero";
+import { component as o, onMounted as s, onUnmounted as c } from "@sigx/runtime-core";
+import { jsx as l, jsxs as u } from "@sigx/runtime-core/jsx-runtime";
+//#region src/feedback/Spinner.tsx
+var d = o(({ props: o }) => {
+	let d = null;
+	return s(() => {
+		d = a();
+	}), c(() => {
+		d?.();
+	}), () => {
+		let a = !!o.done, s = !a && !!o.failed, c = t[o.variant || "dots"] ?? t.dots, d = Math.max(1, Math.round((o.interval || n) / n)), f = a ? e.check : s ? e.cross : c[Math.floor(r() / d) % c.length];
+		return /* @__PURE__ */ u("box", { children: [/* @__PURE__ */ l("text", {
+			color: i(a ? "success" : s ? "danger" : o.color || "accent"),
+			children: f
+		}), o.label && /* @__PURE__ */ u("text", {
+			color: i(s ? "danger" : "fg"),
+			children: [" ", o.label]
+		})] });
+	};
+}, { name: "Spinner" });
+//#endregion
+export { d as t };
+
+//# sourceMappingURL=Spinner-JpmBtbPo.js.map

package/dist/Spinner-JpmBtbPo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-JpmBtbPo.js","names":[],"sources":["../src/feedback/Spinner.tsx"],"sourcesContent":["/** @jsxImportSource @sigx/runtime-core */\r\nimport { component, onMounted, onUnmounted, type Define } from '@sigx/runtime-core';\r\nimport { resolveColor, GLYPHS, SPINNERS, getTick, subscribeTicker, TICK_MS, type SpinnerVariant } from '@sigx/terminal-zero';\r\n\r\n/**\r\n * Animated spinner that resolves to a success check when `done` (or a danger\r\n * cross when `failed`; `done` wins). `variant` selects a frame set from\r\n * SPINNERS ('dots' default; note 'moon' glyphs are 2 cells wide). Driven by\r\n * the shared ticker — one interval for every animated component, frozen on\r\n * non-TTY output.\r\n */\r\nexport const Spinner = component<\r\n    Define.Prop<\"label\", string, false> &\r\n    Define.Prop<\"done\", boolean, false> &\r\n    Define.Prop<\"failed\", boolean, false> &\r\n    Define.Prop<\"interval\", number, false> &\r\n    Define.Prop<\"variant\", SpinnerVariant, false> &\r\n    Define.Prop<\"color\", string, false>\r\n>(({ props }) => {\r\n    let unsub: (() => void) | null = null;\r\n\r\n    onMounted(() => { unsub = subscribeTicker(); });\r\n    onUnmounted(() => { unsub?.(); });\r\n\r\n    return () => {\r\n        const done = !!props.done;\r\n        const failed = !done && !!props.failed;\r\n        const frames = SPINNERS[props.variant || 'dots'] ?? SPINNERS.dots;\r\n        // `interval` is honored in multiples of the shared tick (80ms).\r\n        const step = Math.max(1, Math.round((props.interval || TICK_MS) / TICK_MS));\r\n        const glyph = done ? GLYPHS.check\r\n            : failed ? GLYPHS.cross\r\n            : frames[Math.floor(getTick() / step) % frames.length];\r\n        const glyphColor = resolveColor(done ? 'success' : failed ? 'danger' : (props.color || 'accent'));\r\n        return (\r\n            <box>\r\n                <text color={glyphColor}>{glyph}</text>\r\n                {props.label && <text color={resolveColor(failed ? 'danger' : 'fg')}> {props.label}</text>}\r\n            </box>\r\n        );\r\n    };\r\n}, { name: 'Spinner' });\r\n\r\nexport default Spinner;\r\n"],"mappings":";;;;AAWA,IAAa,IAAU,GAOpB,EAAE,eAAY;CACb,IAAI,IAA6B;CAKjC,OAHA,QAAgB;EAAE,IAAQ,GAAiB;GAAI,EAC/C,QAAkB;EAAE,KAAS;GAAI,QAEpB;EACT,IAAM,IAAO,CAAC,CAAC,EAAM,MACf,IAAS,CAAC,KAAQ,CAAC,CAAC,EAAM,QAC1B,IAAS,EAAS,EAAM,WAAW,WAAW,EAAS,MAEvD,IAAO,KAAK,IAAI,GAAG,KAAK,OAAO,EAAM,YAAY,KAAW,EAAQ,CAAC,EACrE,IAAQ,IAAO,EAAO,QACtB,IAAS,EAAO,QAChB,EAAO,KAAK,MAAM,GAAS,GAAG,EAAK,GAAG,EAAO;EAEnD,OACI,kBAAC,OAAD,EAAA,UAAA,CACI,kBAAC,QAAD;GAAM,OAHK,EAAa,IAAO,YAAY,IAAS,WAAY,EAAM,SAAS,SAGlE;aAAa;GAAa,CAAA,EACtC,EAAM,SAAS,kBAAC,QAAD;GAAM,OAAO,EAAa,IAAS,WAAW,KAAK;aAAnD,CAAqD,KAAE,EAAM,MAAa;KACxF,EAAA,CAAA;;GAGf,EAAE,MAAM,WAAW,CAAC"}

package/dist/buttons/Button.d.ts

@@ -0,0 +1,8 @@
+/** @jsxImportSource @sigx/runtime-core */
+import { type Define } from '@sigx/runtime-core';
+export declare const Button: import("@sigx/runtime-core").ComponentFactory<{
+    label?: string | undefined;
+} & {
+    dropShadow?: boolean | undefined;
+} & Define.Event<"click", void>, void, {}>;
+export default Button;

package/dist/buttons/index.d.ts

@@ -0,0 +1 @@
+export { Button } from './Button';

package/dist/buttons/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../buttons-D5iaiJ6G.js";
+export { e as Button };

package/dist/buttons-D5iaiJ6G.js

@@ -0,0 +1,38 @@
+import { GLYPHS as e, PRESS_MS as t, READY_DELAY_MS as n, focusState as r, onKey as i, registerFocusable as a, resolveColor as o, unregisterFocusable as s } from "@sigx/terminal-zero";
+import { component as c, onMounted as l, onUnmounted as u, signal as d } from "@sigx/runtime-core";
+import { jsx as f, jsxs as p } from "@sigx/runtime-core/jsx-runtime";
+//#region src/buttons/Button.tsx
+var m = c(({ props: c, emit: m }) => {
+	let h = Math.random().toString(36).slice(2), g = !1, _ = () => r.activeId === h, v = d({ value: !1 }), y = null, b = null, x = (e) => {
+		!_() || !g || (e === "\r" || e === "\n" || e === " ") && (v.value = !0, y && clearTimeout(y), y = setTimeout(() => {
+			v.value = !1, y = null;
+		}, t), m("click"));
+	};
+	return l(() => {
+		a(h), b = i(x), setTimeout(() => {
+			g = !0;
+		}, n);
+	}), u(() => {
+		b && b(), s(h), y && clearTimeout(y);
+	}), () => {
+		let t = _(), n = c.label || "Button", r = v.value, i = o(t ? "accent" : "line"), a = r ? o("accent") : t ? o("accentSoft") : void 0, s = o(r ? "accentText" : t ? "accent" : "fg");
+		return /* @__PURE__ */ p("box", {
+			border: "rounded",
+			borderColor: i,
+			backgroundColor: a,
+			dropShadow: c.dropShadow,
+			shadowColor: o("shadow"),
+			children: [t && /* @__PURE__ */ p("text", {
+				color: o("accent"),
+				children: [e.focusBar, " "]
+			}), /* @__PURE__ */ f("text", {
+				color: s,
+				children: n
+			})]
+		});
+	};
+}, { name: "Button" });
+//#endregion
+export { m as t };
+
+//# sourceMappingURL=buttons-D5iaiJ6G.js.map

package/dist/buttons-D5iaiJ6G.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons-D5iaiJ6G.js","names":[],"sources":["../src/buttons/Button.tsx"],"sourcesContent":["/** @jsxImportSource @sigx/runtime-core */\r\nimport { component, onMounted, onUnmounted, signal, type Define } from '@sigx/runtime-core';\r\nimport {\r\n    onKey, registerFocusable, unregisterFocusable, focusState,\r\n    resolveColor, GLYPHS, PRESS_MS, READY_DELAY_MS,\r\n} from '@sigx/terminal-zero';\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    let isReady = false; // Prevent immediate click after mount\r\n    const isFocused = () => focusState.activeId === id;\r\n    const pressed = signal({ value: false as boolean });\r\n    let pressTimer: ReturnType<typeof setTimeout> | null = null;\r\n    let keyCleanup: (() => void) | null = null;\r\n\r\n    const handleKey = (key: string) => {\r\n        if (!isFocused() || !isReady) return;\r\n        if (key === '\\r' || key === '\\n' || key === ' ') {\r\n            pressed.value = true;\r\n            if (pressTimer) clearTimeout(pressTimer);\r\n            pressTimer = setTimeout(() => { pressed.value = false; pressTimer = null; }, PRESS_MS);\r\n            emit('click');\r\n        }\r\n    };\r\n\r\n    onMounted(() => {\r\n        registerFocusable(id);\r\n        keyCleanup = onKey(handleKey);\r\n        setTimeout(() => { isReady = true; }, READY_DELAY_MS);\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;\r\n        const border = resolveColor(focused ? 'accent' : 'line');\r\n        const bg = isPressed ? resolveColor('accent') : (focused ? resolveColor('accentSoft') : undefined);\r\n        const textColor = isPressed ? resolveColor('accentText') : resolveColor(focused ? 'accent' : 'fg');\r\n\r\n        return (\r\n            <box\r\n                border=\"rounded\"\r\n                borderColor={border}\r\n                backgroundColor={bg}\r\n                dropShadow={props.dropShadow}\r\n                shadowColor={resolveColor('shadow')}\r\n            >\r\n                {focused && <text color={resolveColor('accent')}>{GLYPHS.focusBar} </text>}\r\n                <text color={textColor}>{label}</text>\r\n            </box>\r\n        );\r\n    };\r\n}, { name: 'Button' });\r\n\r\nexport default Button;\r\n"],"mappings":";;;;AAOA,IAAa,IAAS,GAInB,EAAE,UAAO,cAAW;CACnB,IAAM,IAAK,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE,EAC1C,IAAU,IACR,UAAkB,EAAW,aAAa,GAC1C,IAAU,EAAO,EAAE,OAAO,IAAkB,CAAC,EAC/C,IAAmD,MACnD,IAAkC,MAEhC,KAAa,MAAgB;EAC3B,CAAC,GAAW,IAAI,CAAC,MACjB,MAAQ,QAAQ,MAAQ,QAAQ,MAAQ,SACxC,EAAQ,QAAQ,IACZ,KAAY,aAAa,EAAW,EACxC,IAAa,iBAAiB;GAAyB,AAAvB,EAAQ,QAAQ,IAAO,IAAa;KAAS,EAAS,EACtF,EAAK,QAAQ;;CAgBrB,OAZA,QAAgB;EAGZ,AAFA,EAAkB,EAAG,EACrB,IAAa,EAAM,EAAU,EAC7B,iBAAiB;GAAE,IAAU;KAAS,EAAe;GACvD,EAEF,QAAkB;EAGd,AAFI,KAAY,GAAY,EAC5B,EAAoB,EAAG,EACnB,KAAY,aAAa,EAAW;GAC1C,QAEW;EACT,IAAM,IAAU,GAAW,EACrB,IAAQ,EAAM,SAAS,UACvB,IAAY,EAAQ,OACpB,IAAS,EAAa,IAAU,WAAW,OAAO,EAClD,IAAK,IAAY,EAAa,SAAS,GAAI,IAAU,EAAa,aAAa,GAAG,KAAA,GAClF,IAAwB,EAAZ,IAAyB,eAA6B,IAAU,WAAW,KAAK;EAElG,OACI,kBAAC,OAAD;GACI,QAAO;GACP,aAAa;GACb,iBAAiB;GACjB,YAAY,EAAM;GAClB,aAAa,EAAa,SAAS;aALvC,CAOK,KAAW,kBAAC,QAAD;IAAM,OAAO,EAAa,SAAS;cAAnC,CAAsC,EAAO,UAAS,IAAQ;OAC1E,kBAAC,QAAD;IAAM,OAAO;cAAY;IAAa,CAAA,CACpC;;;GAGf,EAAE,MAAM,UAAU,CAAC"}

package/dist/data/QRCode.d.ts

@@ -0,0 +1,17 @@
+/**
+ * A scannable QR code rendered with half-block characters (two QR rows per
+ * terminal row). A typical URL fits in ~15 rows × ~29 columns.
+ *
+ * Deliberately NOT themed: a QR code needs maximum contrast for camera
+ * scanners, so it always renders in the terminal's default foreground on its
+ * default background. `invert` swaps dark/light for terminals or scanners
+ * that disagree about which is which; modern scanners decode both.
+ */
+export declare const QRCode: import("@sigx/runtime-core").ComponentFactory<{
+    text: string;
+} & {
+    invert?: boolean | undefined;
+} & {
+    quiet?: number | undefined;
+}, void, {}>;
+export default QRCode;

package/dist/data/Table.d.ts

@@ -0,0 +1,11 @@
+/**
+ * A simple text grid. Columns are auto-sized to their widest cell; the header
+ * is accent-colored and separated from the body by a rule. (Cell widths use
+ * `string.length` — adequate for the ASCII data tables usually shown in a TUI.)
+ */
+export declare const Table: import("@sigx/runtime-core").ComponentFactory<{
+    columns: string[];
+} & {
+    rows?: string[][] | undefined;
+}, void, {}>;
+export default Table;

package/dist/data/index.d.ts

@@ -0,0 +1,2 @@
+export { Table } from './Table';
+export { QRCode } from './QRCode';

package/dist/data/index.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../data-DKKLsE5K.js";
+export { t as QRCode, e as Table };

package/dist/data-DKKLsE5K.js

@@ -0,0 +1,43 @@
+import { generateQR as e, resolveColor as t } from "@sigx/terminal-zero";
+import { component as n } from "@sigx/runtime-core";
+import { jsx as r, jsxs as i } from "@sigx/runtime-core/jsx-runtime";
+//#region src/data/Table.tsx
+var a = n(({ props: e }) => () => {
+	let n = e.columns || [], a = e.rows || [], o = n.map((e, t) => Math.max(e.length, ...a.map((e) => (e[t] ?? "").length), 0)), s = (e, t) => e + " ".repeat(Math.max(0, t - e.length)), c = t("line"), l = () => /* @__PURE__ */ r("text", {
+		color: c,
+		children: "│"
+	}), u = [];
+	n.forEach((e, n) => {
+		n > 0 && u.push(l()), u.push(/* @__PURE__ */ r("text", {
+			color: t("accent"),
+			children: ` ${s(e, o[n])} `
+		}));
+	});
+	let d = o.reduce((e, t) => e + t + 2, 0) + Math.max(0, n.length - 1), f = a.map((e) => {
+		let i = [];
+		return n.forEach((n, a) => {
+			a > 0 && i.push(l()), i.push(/* @__PURE__ */ r("text", {
+				color: t("fg"),
+				children: ` ${s(e[a] ?? "", o[a])} `
+			}));
+		}), /* @__PURE__ */ r("box", { children: i });
+	});
+	return /* @__PURE__ */ i("box", { children: [
+		/* @__PURE__ */ r("box", { children: u }),
+		/* @__PURE__ */ r("box", { children: /* @__PURE__ */ r("text", {
+			color: c,
+			children: "─".repeat(d)
+		}) }),
+		f
+	] });
+}, { name: "Table" }), o = n(({ props: t }) => () => /* @__PURE__ */ r("box", { children: e(t.text ?? "", {
+	invert: t.invert ?? !1,
+	quiet: t.quiet
+}).split("\n").flatMap((e, t) => {
+	let n = /* @__PURE__ */ r("text", { children: e });
+	return t > 0 ? [/* @__PURE__ */ r("br", {}), n] : [n];
+}) }), { name: "QRCode" });
+//#endregion
+export { a as n, o as t };
+
+//# sourceMappingURL=data-DKKLsE5K.js.map

package/dist/data-DKKLsE5K.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-DKKLsE5K.js","names":[],"sources":["../src/data/Table.tsx","../src/data/QRCode.tsx"],"sourcesContent":["/** @jsxImportSource @sigx/runtime-core */\r\nimport { component, type Define } from '@sigx/runtime-core';\r\nimport { resolveColor } from '@sigx/terminal-zero';\r\n\r\n/**\r\n * A simple text grid. Columns are auto-sized to their widest cell; the header\r\n * is accent-colored and separated from the body by a rule. (Cell widths use\r\n * `string.length` — adequate for the ASCII data tables usually shown in a TUI.)\r\n */\r\nexport const Table = component<\r\n    Define.Prop<\"columns\", string[], true> &\r\n    Define.Prop<\"rows\", string[][], false>\r\n>(({ props }) => {\r\n    return () => {\r\n        const cols = props.columns || [];\r\n        const rows = props.rows || [];\r\n\r\n        const widths = cols.map((c, i) =>\r\n            Math.max(c.length, ...rows.map(r => (r[i] ?? '').length), 0)\r\n        );\r\n        const pad = (s: string, w: number) => s + ' '.repeat(Math.max(0, w - s.length));\r\n\r\n        const lineColor = resolveColor('line');\r\n        const sep = () => <text color={lineColor}>│</text>;\r\n\r\n        const headerCells: any[] = [];\r\n        cols.forEach((c, i) => {\r\n            if (i > 0) headerCells.push(sep());\r\n            headerCells.push(<text color={resolveColor('accent')}>{` ${pad(c, widths[i])} `}</text>);\r\n        });\r\n\r\n        const ruleWidth = widths.reduce((a, w) => a + w + 2, 0) + Math.max(0, cols.length - 1);\r\n\r\n        const bodyRows = rows.map((row) => {\r\n            const cells: any[] = [];\r\n            cols.forEach((_, i) => {\r\n                if (i > 0) cells.push(sep());\r\n                cells.push(<text color={resolveColor('fg')}>{` ${pad(row[i] ?? '', widths[i])} `}</text>);\r\n            });\r\n            return <box>{cells}</box>;\r\n        });\r\n\r\n        return (\r\n            <box>\r\n                <box>{headerCells}</box>\r\n                <box><text color={lineColor}>{'─'.repeat(ruleWidth)}</text></box>\r\n                {bodyRows}\r\n            </box>\r\n        );\r\n    };\r\n}, { name: 'Table' });\r\n\r\nexport default Table;\r\n","/** @jsxImportSource @sigx/runtime-core */\r\nimport { component, type Define } from '@sigx/runtime-core';\r\nimport { generateQR } from '@sigx/terminal-zero';\r\n\r\n/**\r\n * A scannable QR code rendered with half-block characters (two QR rows per\r\n * terminal row). A typical URL fits in ~15 rows × ~29 columns.\r\n *\r\n * Deliberately NOT themed: a QR code needs maximum contrast for camera\r\n * scanners, so it always renders in the terminal's default foreground on its\r\n * default background. `invert` swaps dark/light for terminals or scanners\r\n * that disagree about which is which; modern scanners decode both.\r\n */\r\nexport const QRCode = component<\r\n    Define.Prop<'text', string, true> &\r\n    Define.Prop<'invert', boolean, false> &\r\n    Define.Prop<'quiet', number, false>\r\n>(({ props }) => {\r\n    return () => {\r\n        const rows = generateQR(props.text ?? '', {\r\n            invert: props.invert ?? false,\r\n            quiet: props.quiet,\r\n        }).split('\\n');\r\n        return (\r\n            <box>\r\n                {rows.flatMap((line, i) => {\r\n                    const node = <text>{line}</text>;\r\n                    return i > 0 ? [<br />, node] : [node];\r\n                })}\r\n            </box>\r\n        );\r\n    };\r\n}, { name: 'QRCode' });\r\n\r\nexport default QRCode;\r\n"],"mappings":";;;;AASA,IAAa,IAAQ,GAGlB,EAAE,qBACY;CACT,IAAM,IAAO,EAAM,WAAW,EAAE,EAC1B,IAAO,EAAM,QAAQ,EAAE,EAEvB,IAAS,EAAK,KAAK,GAAG,MACxB,KAAK,IAAI,EAAE,QAAQ,GAAG,EAAK,KAAI,OAAM,EAAE,MAAM,IAAI,OAAO,EAAE,EAAE,CAC/D,EACK,KAAO,GAAW,MAAc,IAAI,IAAI,OAAO,KAAK,IAAI,GAAG,IAAI,EAAE,OAAO,CAAC,EAEzE,IAAY,EAAa,OAAO,EAChC,UAAY,kBAAC,QAAD;EAAM,OAAO;YAAW;EAAQ,CAAA,EAE5C,IAAqB,EAAE;CAC7B,EAAK,SAAS,GAAG,MAAM;EAEnB,AADI,IAAI,KAAG,EAAY,KAAK,GAAK,CAAC,EAClC,EAAY,KAAK,kBAAC,QAAD;GAAM,OAAO,EAAa,SAAS;aAAG,IAAI,EAAI,GAAG,EAAO,GAAG,CAAC;GAAU,CAAA,CAAC;GAC1F;CAEF,IAAM,IAAY,EAAO,QAAQ,GAAG,MAAM,IAAI,IAAI,GAAG,EAAE,GAAG,KAAK,IAAI,GAAG,EAAK,SAAS,EAAE,EAEhF,IAAW,EAAK,KAAK,MAAQ;EAC/B,IAAM,IAAe,EAAE;EAKvB,OAJA,EAAK,SAAS,GAAG,MAAM;GAEnB,AADI,IAAI,KAAG,EAAM,KAAK,GAAK,CAAC,EAC5B,EAAM,KAAK,kBAAC,QAAD;IAAM,OAAO,EAAa,KAAK;cAAG,IAAI,EAAI,EAAI,MAAM,IAAI,EAAO,GAAG,CAAC;IAAU,CAAA,CAAC;IAC3F,EACK,kBAAC,OAAD,EAAA,UAAM,GAAY,CAAA;GAC3B;CAEF,OACI,kBAAC,OAAD,EAAA,UAAA;EACI,kBAAC,OAAD,EAAA,UAAM,GAAkB,CAAA;EACxB,kBAAC,OAAD,EAAA,UAAK,kBAAC,QAAD;GAAM,OAAO;aAAY,IAAI,OAAO,EAAU;GAAQ,CAAA,EAAM,CAAA;EAChE;EACC,EAAA,CAAA;GAGf,EAAE,MAAM,SAAS,CAAC,ECrCR,IAAS,GAInB,EAAE,qBAOO,kBAAC,OAAD,EAAA,UALS,EAAW,EAAM,QAAQ,IAAI;CACtC,QAAQ,EAAM,UAAU;CACxB,OAAO,EAAM;CAChB,CAAC,CAAC,MAAM,KAGA,CAAK,SAAS,GAAM,MAAM;CACvB,IAAM,IAAO,kBAAC,QAAD,EAAA,UAAO,GAAY,CAAA;CAChC,OAAO,IAAI,IAAI,CAAC,kBAAC,MAAD,EAAM,CAAA,EAAE,EAAK,GAAG,CAAC,EAAK;EACxC,EACA,CAAA,EAGf,EAAE,MAAM,UAAU,CAAC"}

package/dist/feedback/Badge.d.ts

@@ -0,0 +1,14 @@
+/**
+ * A small label indicator in one of three styles:
+ * - `solid`   — color fill with `accentText` (uses inline background)
+ * - `accent`  — colored text only (default)
+ * - `bracket` — `[ label ]` in color, no fill
+ */
+export declare const Badge: import("@sigx/runtime-core").ComponentFactory<{
+    label: string;
+} & {
+    variant?: "accent" | "bracket" | "solid" | undefined;
+} & {
+    color?: string | undefined;
+}, void, {}>;
+export default Badge;

package/dist/feedback/ProgressBar.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Progress bar in three variants:
+ * - `solid`    — single-color fill (default; the classic bar)
+ * - `gradient` — fill sampled per-cell across `colors` stops (default
+ *                accent→info), revealed as the bar grows
+ * - `rainbow`  — gradient with the rainbow preset
+ * `smooth` adds a sub-cell leading edge (eighth blocks). Gradient variants
+ * fall back to solid at ansi16/none depth.
+ */
+export declare const ProgressBar: import("@sigx/runtime-core").ComponentFactory<{
+    value?: number | undefined;
+} & {
+    max?: number | undefined;
+} & {
+    width?: number | undefined;
+} & {
+    char?: string | undefined;
+} & {
+    emptyChar?: string | undefined;
+} & {
+    color?: string | undefined;
+} & {
+    variant?: "gradient" | "rainbow" | "solid" | undefined;
+} & {
+    colors?: string[] | undefined;
+} & {
+    smooth?: boolean | undefined;
+} & {
+    showPercent?: boolean | undefined;
+}, void, {}>;
+export default ProgressBar;

package/dist/feedback/Spinner.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Animated spinner that resolves to a success check when `done` (or a danger
+ * cross when `failed`; `done` wins). `variant` selects a frame set from
+ * SPINNERS ('dots' default; note 'moon' glyphs are 2 cells wide). Driven by
+ * the shared ticker — one interval for every animated component, frozen on
+ * non-TTY output.
+ */
+export declare const Spinner: import("@sigx/runtime-core").ComponentFactory<{
+    label?: string | undefined;
+} & {
+    done?: boolean | undefined;
+} & {
+    failed?: boolean | undefined;
+} & {
+    interval?: number | undefined;
+} & {
+    variant?: "arc" | "bounce" | "circle" | "dots" | "line" | "moon" | undefined;
+} & {
+    color?: string | undefined;
+}, void, {}>;
+export default Spinner;

package/dist/feedback/index.d.ts

@@ -0,0 +1,3 @@
+export { ProgressBar } from './ProgressBar';
+export { Spinner } from './Spinner';
+export { Badge } from './Badge';

package/dist/feedback/index.js

@@ -0,0 +1,3 @@
+import { n as e, t } from "../feedback-1WqdARfx.js";
+import { t as n } from "../Spinner-JpmBtbPo.js";
+export { t as Badge, e as ProgressBar, n as Spinner };

package/dist/feedback-1WqdARfx.js

@@ -0,0 +1,62 @@
+import { t as e } from "./presets-uqseGRqO.js";
+import "./Spinner-JpmBtbPo.js";
+import { GLYPHS as t, getColorDepth as n, gradient as r, hexToSGR as i, resolveColor as a } from "@sigx/terminal-zero";
+import { component as o } from "@sigx/runtime-core";
+import { jsx as s, jsxs as c } from "@sigx/runtime-core/jsx-runtime";
+//#region src/feedback/ProgressBar.tsx
+var l = o(({ props: o }) => () => {
+	let l = o.value || 0, u = o.max || 100, d = o.width || 20, f = o.char || t.barFull, p = o.emptyChar || t.barEmpty, m = o.showPercent !== !1, h = Math.min(Math.max(l / u, 0), 1), g = d * h, _ = o.smooth ? Math.floor(g) : Math.round(g), v = o.smooth ? Math.floor((g - _) * 8) : 0, y = v > 0 ? t.barEighths[v - 1] : "", b = d - _ - +!!y, x = n(), S = o.variant || "solid", C = S !== "solid" && x !== "ansi16" && x !== "none", w = m ? /* @__PURE__ */ s("text", {
+		color: a("dim"),
+		children: ` ${Math.round(h * 100)}%`
+	}) : void 0;
+	if (!C) return /* @__PURE__ */ c("box", { children: [
+		/* @__PURE__ */ s("text", {
+			color: a(o.color || "accent"),
+			children: f.repeat(_) + y
+		}),
+		/* @__PURE__ */ s("text", {
+			color: a("faint"),
+			children: p.repeat(b)
+		}),
+		w
+	] });
+	let T = r((S === "rainbow" ? [...e.rainbow] : o.colors?.length ? o.colors : ["accent", "info"]).map((e) => a(e)), Math.max(d, 2)), E = "", D = null;
+	for (let e = 0; e < _; e++) T[e] !== D && (E += i(T[e]), D = T[e]), E += f;
+	if (y) {
+		let e = T[Math.min(_, T.length - 1)];
+		e !== D && (E += i(e)), E += y, D = e;
+	}
+	return D !== null && (E += "\x1B[39m"), /* @__PURE__ */ c("box", { children: [
+		/* @__PURE__ */ s("text", { children: E }),
+		/* @__PURE__ */ s("text", {
+			color: a("faint"),
+			children: p.repeat(b)
+		}),
+		w
+	] });
+}, { name: "ProgressBar" }), u = o(({ props: e }) => () => {
+	let t = e.label ?? "", n = e.variant || "accent", r = e.color || "accent";
+	return n === "solid" ? /* @__PURE__ */ s("box", { children: /* @__PURE__ */ c("text", {
+		backgroundColor: a(r),
+		color: a("accentText"),
+		children: [
+			" ",
+			t,
+			" "
+		]
+	}) }) : n === "bracket" ? /* @__PURE__ */ s("box", { children: /* @__PURE__ */ c("text", {
+		color: a(r),
+		children: [
+			"[ ",
+			t,
+			" ]"
+		]
+	}) }) : /* @__PURE__ */ s("box", { children: /* @__PURE__ */ s("text", {
+		color: a(r),
+		children: t
+	}) });
+}, { name: "Badge" });
+//#endregion
+export { l as n, u as t };
+
+//# sourceMappingURL=feedback-1WqdARfx.js.map

package/dist/feedback-1WqdARfx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-1WqdARfx.js","names":[],"sources":["../src/feedback/ProgressBar.tsx","../src/feedback/Badge.tsx"],"sourcesContent":["/** @jsxImportSource @sigx/runtime-core */\r\nimport { component, type Define } from '@sigx/runtime-core';\r\nimport { resolveColor, getColorDepth, GLYPHS, gradient, hexToSGR } from '@sigx/terminal-zero';\r\nimport { GRADIENT_PRESETS } from '../fx/presets';\r\n\r\n/**\r\n * Progress bar in three variants:\r\n * - `solid`    — single-color fill (default; the classic bar)\r\n * - `gradient` — fill sampled per-cell across `colors` stops (default\r\n *                accent→info), revealed as the bar grows\r\n * - `rainbow`  — gradient with the rainbow preset\r\n * `smooth` adds a sub-cell leading edge (eighth blocks). Gradient variants\r\n * fall back to solid at ansi16/none depth.\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    Define.Prop<\"variant\", 'solid' | 'gradient' | 'rainbow', false> &\r\n    Define.Prop<\"colors\", string[], false> &\r\n    Define.Prop<\"smooth\", boolean, false> &\r\n    Define.Prop<\"showPercent\", boolean, 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 || GLYPHS.barFull;\r\n        const emptyChar = props.emptyChar || GLYPHS.barEmpty;\r\n        const showPercent = props.showPercent !== false;\r\n\r\n        const percentage = Math.min(Math.max(value / max, 0), 1);\r\n        const exact = width * percentage;\r\n        const filledLen = props.smooth ? Math.floor(exact) : Math.round(exact);\r\n        // Sub-cell leading edge: eighth blocks between filled and empty cells.\r\n        const edgeIdx = props.smooth ? Math.floor((exact - filledLen) * 8) : 0;\r\n        const edge = edgeIdx > 0 ? GLYPHS.barEighths[edgeIdx - 1] : '';\r\n        const emptyLen = width - filledLen - (edge ? 1 : 0);\r\n\r\n        const depth = getColorDepth();\r\n        const variant = props.variant || 'solid';\r\n        const useGradient = variant !== 'solid' && depth !== 'ansi16' && depth !== 'none';\r\n\r\n        const percentText = showPercent\r\n            ? <text color={resolveColor('dim')}>{` ${Math.round(percentage * 100)}%`}</text>\r\n            : undefined;\r\n\r\n        if (!useGradient) {\r\n            const fill = resolveColor(props.color || 'accent');\r\n            return (\r\n                <box>\r\n                    <text color={fill}>{barChar.repeat(filledLen) + edge}</text>\r\n                    <text color={resolveColor('faint')}>{emptyChar.repeat(emptyLen)}</text>\r\n                    {percentText}\r\n                </box>\r\n            );\r\n        }\r\n\r\n        // Sample the gradient across the FULL width so the bar reveals a\r\n        // stable gradient as it fills (not a compressed one per frame).\r\n        const stops = (variant === 'rainbow'\r\n            ? [...GRADIENT_PRESETS.rainbow]\r\n            : (props.colors?.length ? props.colors : ['accent', 'info'])\r\n        ).map((c) => resolveColor(c));\r\n        const cells = gradient(stops, Math.max(width, 2));\r\n\r\n        let painted = '';\r\n        let lastHex: string | null = null;\r\n        for (let i = 0; i < filledLen; i++) {\r\n            if (cells[i] !== lastHex) {\r\n                painted += hexToSGR(cells[i]);\r\n                lastHex = cells[i];\r\n            }\r\n            painted += barChar;\r\n        }\r\n        if (edge) {\r\n            const hex = cells[Math.min(filledLen, cells.length - 1)];\r\n            if (hex !== lastHex) painted += hexToSGR(hex);\r\n            painted += edge;\r\n            lastHex = hex;\r\n        }\r\n        if (lastHex !== null) painted += '\\x1b[39m';\r\n\r\n        return (\r\n            <box>\r\n                <text>{painted}</text>\r\n                <text color={resolveColor('faint')}>{emptyChar.repeat(emptyLen)}</text>\r\n                {percentText}\r\n            </box>\r\n        );\r\n    };\r\n}, { name: 'ProgressBar' });\r\n\r\nexport default ProgressBar;\r\n","/** @jsxImportSource @sigx/runtime-core */\r\nimport { component, type Define } from '@sigx/runtime-core';\r\nimport { resolveColor } from '@sigx/terminal-zero';\r\n\r\n/**\r\n * A small label indicator in one of three styles:\r\n * - `solid`   — color fill with `accentText` (uses inline background)\r\n * - `accent`  — colored text only (default)\r\n * - `bracket` — `[ label ]` in color, no fill\r\n */\r\nexport const Badge = component<\r\n    Define.Prop<\"label\", string, true> &\r\n    Define.Prop<\"variant\", 'solid' | 'accent' | 'bracket', false> &\r\n    Define.Prop<\"color\", string, false>\r\n>(({ props }) => {\r\n    return () => {\r\n        const label = props.label ?? '';\r\n        const variant = props.variant || 'accent';\r\n        const color = props.color || 'accent';\r\n\r\n        if (variant === 'solid') {\r\n            return (\r\n                <box>\r\n                    <text backgroundColor={resolveColor(color)} color={resolveColor('accentText')}> {label} </text>\r\n                </box>\r\n            );\r\n        }\r\n        if (variant === 'bracket') {\r\n            return <box><text color={resolveColor(color)}>[ {label} ]</text></box>;\r\n        }\r\n        return <box><text color={resolveColor(color)}>{label}</text></box>;\r\n    };\r\n}, { name: 'Badge' });\r\n\r\nexport default Badge;\r\n"],"mappings":";;;;;;AAcA,IAAa,IAAc,GAWxB,EAAE,qBACY;CACT,IAAM,IAAQ,EAAM,SAAS,GACvB,IAAM,EAAM,OAAO,KACnB,IAAQ,EAAM,SAAS,IACvB,IAAU,EAAM,QAAQ,EAAO,SAC/B,IAAY,EAAM,aAAa,EAAO,UACtC,IAAc,EAAM,gBAAgB,IAEpC,IAAa,KAAK,IAAI,KAAK,IAAI,IAAQ,GAAK,EAAE,EAAE,EAAE,EAClD,IAAQ,IAAQ,GAChB,IAAY,EAAM,SAAS,KAAK,MAAM,EAAM,GAAG,KAAK,MAAM,EAAM,EAEhE,IAAU,EAAM,SAAS,KAAK,OAAO,IAAQ,KAAa,EAAE,GAAG,GAC/D,IAAO,IAAU,IAAI,EAAO,WAAW,IAAU,KAAK,IACtD,IAAW,IAAQ,IAAa,MAEhC,IAAQ,GAAe,EACvB,IAAU,EAAM,WAAW,SAC3B,IAAc,MAAY,WAAW,MAAU,YAAY,MAAU,QAErE,IAAc,IACd,kBAAC,QAAD;EAAM,OAAO,EAAa,MAAM;YAAG,IAAI,KAAK,MAAM,IAAa,IAAI,CAAC;EAAU,CAAA,GAC9E,KAAA;CAEN,IAAI,CAAC,GAED,OACI,kBAAC,OAAD,EAAA,UAAA;EACI,kBAAC,QAAD;GAAM,OAHD,EAAa,EAAM,SAAS,SAGpB;aAAO,EAAQ,OAAO,EAAU,GAAG;GAAY,CAAA;EAC5D,kBAAC,QAAD;GAAM,OAAO,EAAa,QAAQ;aAAG,EAAU,OAAO,EAAS;GAAQ,CAAA;EACtE;EACC,EAAA,CAAA;CAUd,IAAM,IAAQ,GAJC,MAAY,YACrB,CAAC,GAAG,EAAiB,QAAQ,GAC5B,EAAM,QAAQ,SAAS,EAAM,SAAS,CAAC,UAAU,OAAO,EAC7D,KAAK,MAAM,EAAa,EAAE,CACL,EAAO,KAAK,IAAI,GAAO,EAAE,CAAC,EAE7C,IAAU,IACV,IAAyB;CAC7B,KAAK,IAAI,IAAI,GAAG,IAAI,GAAW,KAK3B,AAJI,EAAM,OAAO,MACb,KAAW,EAAS,EAAM,GAAG,EAC7B,IAAU,EAAM,KAEpB,KAAW;CAEf,IAAI,GAAM;EACN,IAAM,IAAM,EAAM,KAAK,IAAI,GAAW,EAAM,SAAS,EAAE;EAGvD,AAFI,MAAQ,MAAS,KAAW,EAAS,EAAI,GAC7C,KAAW,GACX,IAAU;;CAId,OAFI,MAAY,SAAM,KAAW,aAG7B,kBAAC,OAAD,EAAA,UAAA;EACI,kBAAC,QAAD,EAAA,UAAO,GAAe,CAAA;EACtB,kBAAC,QAAD;GAAM,OAAO,EAAa,QAAQ;aAAG,EAAU,OAAO,EAAS;GAAQ,CAAA;EACtE;EACC,EAAA,CAAA;GAGf,EAAE,MAAM,eAAe,CAAC,ECpFd,IAAQ,GAIlB,EAAE,qBACY;CACT,IAAM,IAAQ,EAAM,SAAS,IACvB,IAAU,EAAM,WAAW,UAC3B,IAAQ,EAAM,SAAS;CAY7B,OAVI,MAAY,UAER,kBAAC,OAAD,EAAA,UACI,kBAAC,QAAD;EAAM,iBAAiB,EAAa,EAAM;EAAE,OAAO,EAAa,aAAa;YAA7E;GAA+E;GAAE;GAAM;GAAQ;KAC7F,CAAA,GAGV,MAAY,YACL,kBAAC,OAAD,EAAA,UAAK,kBAAC,QAAD;EAAM,OAAO,EAAa,EAAM;YAAhC;GAAkC;GAAG;GAAM;GAAS;KAAM,CAAA,GAEnE,kBAAC,OAAD,EAAA,UAAK,kBAAC,QAAD;EAAM,OAAO,EAAa,EAAM;YAAG;EAAa,CAAA,EAAM,CAAA;GAEvE,EAAE,MAAM,SAAS,CAAC"}

package/dist/forms/Checkbox.d.ts

@@ -0,0 +1,15 @@
+/** @jsxImportSource @sigx/runtime-core */
+import { type Define } from '@sigx/runtime-core';
+export declare const Checkbox: import("@sigx/runtime-core").ComponentFactory<{
+    model?: import("@sigx/runtime-core").Model<boolean> | undefined;
+    __modelBindings?: {
+        model: boolean;
+    } | undefined;
+} & Define.Event<"update:modelValue", boolean> & {
+    label?: string | undefined;
+} & {
+    autofocus?: boolean | undefined;
+} & {
+    disabled?: boolean | undefined;
+} & Define.Event<"change", boolean>, void, {}>;
+export default Checkbox;

package/dist/forms/Confirm.d.ts

@@ -0,0 +1,21 @@
+/** @jsxImportSource @sigx/runtime-core */
+import { type Define } from '@sigx/runtime-core';
+/**
+ * Yes/No toggle. Keys (while focused): y/Y and n/N answer immediately,
+ * ←/→ (or h/l) flip the selection, Enter submits the current value.
+ */
+export declare const Confirm: import("@sigx/runtime-core").ComponentFactory<{
+    model?: import("@sigx/runtime-core").Model<boolean> | undefined;
+    __modelBindings?: {
+        model: boolean;
+    } | undefined;
+} & Define.Event<"update:modelValue", boolean> & {
+    label?: string | undefined;
+} & {
+    activeLabel?: string | undefined;
+} & {
+    inactiveLabel?: string | undefined;
+} & {
+    autofocus?: boolean | undefined;
+} & Define.Event<"change", boolean> & Define.Event<"submit", boolean>, void, {}>;
+export default Confirm;

package/dist/forms/Input.d.ts

@@ -0,0 +1,15 @@
+/** @jsxImportSource @sigx/runtime-core */
+import { type Define } from '@sigx/runtime-core';
+export declare const Input: import("@sigx/runtime-core").ComponentFactory<{
+    model?: import("@sigx/runtime-core").Model<string> | undefined;
+    __modelBindings?: {
+        model: string;
+    } | undefined;
+} & Define.Event<"update:modelValue", string> & {
+    placeholder?: string | undefined;
+} & {
+    autofocus?: boolean | undefined;
+} & {
+    label?: string | undefined;
+} & Define.Event<"input", string> & Define.Event<"submit", string>, void, {}>;
+export default Input;

package/dist/forms/MultiSelect.d.ts

@@ -0,0 +1,36 @@
+/** @jsxImportSource @sigx/runtime-core */
+import { type Define } from '@sigx/runtime-core';
+export interface MultiSelectOption<T = string> {
+    label: string;
+    value: T;
+    description?: string;
+    /**
+     * Section header rendered above this option when it differs from the
+     * previous option's group (e.g. "connected devices" / "available to
+     * boot"). Purely visual — the cursor skips headers and indexes stay
+     * option-based. Pre-sort options by group.
+     */
+    group?: string;
+}
+/**
+ * Checkbox list with a movable cursor. Model holds the checked values.
+ * Keys (while focused): ↑/k ↓/j move, Space toggles, `a` toggles all,
+ * Enter submits (blocked with a hint when `required` and nothing is checked).
+ */
+export declare const MultiSelect: import("@sigx/runtime-core").ComponentFactory<{
+    model?: import("@sigx/runtime-core").Model<string[]> | undefined;
+    __modelBindings?: {
+        model: string[];
+    } | undefined;
+} & Define.Event<"update:modelValue", string[]> & {
+    options: MultiSelectOption<string>[];
+} & {
+    label?: string | undefined;
+} & {
+    autofocus?: boolean | undefined;
+} & {
+    required?: boolean | undefined;
+} & {
+    showHint?: boolean | undefined;
+} & Define.Event<"change", string[]> & Define.Event<"submit", string[]>, void, {}>;
+export default MultiSelect;

package/dist/forms/Radio.d.ts

@@ -0,0 +1,23 @@
+/** @jsxImportSource @sigx/runtime-core */
+import { type Define } from '@sigx/runtime-core';
+export interface RadioOption<T = string> {
+    label: string;
+    value: T;
+}
+/**
+ * Single-choice group. Like Select, but every option is always visible with a
+ * ● / ○ marker. Arrow keys (or j/k) move the selection.
+ */
+export declare const Radio: import("@sigx/runtime-core").ComponentFactory<{
+    model?: import("@sigx/runtime-core").Model<string> | undefined;
+    __modelBindings?: {
+        model: string;
+    } | undefined;
+} & Define.Event<"update:modelValue", string> & {
+    options: RadioOption<string>[];
+} & {
+    label?: string | undefined;
+} & {
+    autofocus?: boolean | undefined;
+} & Define.Event<"change", string>, void, {}>;
+export default Radio;

package/dist/forms/Select.d.ts

@@ -0,0 +1,22 @@
+/** @jsxImportSource @sigx/runtime-core */
+import { type Define } from '@sigx/runtime-core';
+export interface SelectOption<T = string> {
+    label: string;
+    value: T;
+    description?: string;
+}
+export declare const Select: import("@sigx/runtime-core").ComponentFactory<{
+    model?: import("@sigx/runtime-core").Model<string> | undefined;
+    __modelBindings?: {
+        model: string;
+    } | undefined;
+} & Define.Event<"update:modelValue", string> & {
+    options: SelectOption<string>[];
+} & {
+    label?: string | undefined;
+} & {
+    autofocus?: boolean | undefined;
+} & {
+    showDescription?: boolean | undefined;
+} & Define.Event<"change", string> & Define.Event<"submit", string>, void, {}>;
+export default Select;

package/dist/forms/TextArea.d.ts

@@ -0,0 +1,37 @@
+/** @jsxImportSource @sigx/runtime-core */
+import { type Define } from '@sigx/runtime-core';
+/**
+ * Growing multi-line text input — the Claude-style prompt box. Soft-wraps to
+ * `width`, grows from one row up to `maxRows` (then scrolls internally,
+ * keeping the cursor visible), with a movable block cursor.
+ *
+ * Keys (while focused): printable characters and paste chunks insert at the
+ * cursor; ←/→/↑/↓ move (↑/↓ keep a sticky goal column); Home/End jump within
+ * the visual row; Backspace/Delete edit around the cursor. Enter (`\r`)
+ * submits — unless the text ends with `\`, which is stripped and replaced by
+ * a newline (continuation). Newlines: Ctrl+J always; ESC+`\r` and the CSI-u
+ * Shift/Ctrl+Enter encodings for terminals configured to send them (plain
+ * Shift+Enter is indistinguishable from Enter on unconfigured terminals).
+ * NOTE: this deliberately diverges from the prompt engine's `isEnter` (which
+ * treats `\r` and `\n` alike) — an editor needs the distinction.
+ *
+ * Paste chunks containing escape sequences keep only the printable prefix
+ * (bracketed-paste mode is not implemented).
+ */
+export declare const TextArea: import("@sigx/runtime-core").ComponentFactory<{
+    model?: import("@sigx/runtime-core").Model<string> | undefined;
+    __modelBindings?: {
+        model: string;
+    } | undefined;
+} & Define.Event<"update:modelValue", string> & {
+    placeholder?: string | undefined;
+} & {
+    promptGlyph?: string | undefined;
+} & {
+    width?: number | undefined;
+} & {
+    maxRows?: number | undefined;
+} & {
+    autofocus?: boolean | undefined;
+} & Define.Event<"input", string> & Define.Event<"submit", string>, void, {}>;
+export default TextArea;

package/dist/forms/index.d.ts

@@ -0,0 +1,7 @@
+export { Input } from './Input';
+export { Checkbox } from './Checkbox';
+export { Select, type SelectOption } from './Select';
+export { Radio, type RadioOption } from './Radio';
+export { MultiSelect, type MultiSelectOption } from './MultiSelect';
+export { Confirm } from './Confirm';
+export { TextArea } from './TextArea';

package/dist/forms/index.js

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../forms-MgpyoQI5.js";
+export { r as Checkbox, n as Confirm, a as Input, i as MultiSelect, t as Radio, e as Select, o as TextArea };