@alchemy.run/sigil 0.0.0-alpha.8 → 0.1.0-alpha.1

package/dist/index.js

@@ -1,14 +1,17 @@
+import { n as __toESM } from "./rolldown-runtime-BPOCksWG.js";
+import { t as require_react } from "./react-CeO3oT_g.js";
+import { _ as squashTextNodes, a as reconciler, b as require_react_reconciler, c as kittyModifiers, d as FocusContext, f as Text, g as transformAnsiLine, h as emitLayoutListeners, i as useStdinContext, l as resolveFlags, m as createNode, n as useInput, o as detectKittySupport, p as addLayoutListener, r as useStdin, s as kittyFlags, t as useFocus, u as StdinContext, v as accessibilityContext, y as require_constants } from "./use-focus-B1WVNBQm.js";
 import { C as bsu, S as ansiEscapes, V as esu, W as link, _ as CSI } from "./sgr-BhwaWAJB.js";
 import { h as tokenizeAnsi, p as graphemes } from "./tokenize-AjqbvtiT.js";
 import { t as stringWidth } from "./string-width-CijQwpIk.js";
 import { n as sliceAnsi, r as wrapAnsi } from "./truncate-D31fhU6i.js";
-import { _ as squashTextNodes, a as reconciler, c as kittyModifiers, d as FocusContext, f as Text, g as transformAnsiLine, h as emitLayoutListeners, i as useStdinContext, l as resolveFlags, m as createNode, n as useInput, o as detectKittySupport, p as addLayoutListener, r as useStdin, s as kittyFlags, t as useFocus, u as StdinContext, v as accessibilityContext } from "./use-focus-BNG0xsb7.js";
 import { a as isTty, i as isSigilDev, o as isWindows, r as isScreenReader, t as isInCi } from "./env-YVw64yZS.js";
 import { a as detectTerminal, i as detectHyperlinkSupport, n as detectCapabilities, o as detectUnicodeSupport, r as detectColorLevel, s as signalExit, t as createSupportsColor } from "./detect-B3dL4Q11.js";
 import { u as cliCursor } from "./osc-BFKKSqpg.js";
-import { a as registerTerminalIntegration, c as ensureTerminalQuery, d as queryTerminal, f as refreshTerminalQuery, i as getCapabilities, l as getTerminalQuery, o as getRawModeStream, r as capabilities, s as applyTerminalQuery, u as getTerminalQueryPromise } from "./color-policy-DlrZXC0f.js";
-import { a as buildCursorSuffix, c as hideCursorEscape, i as buildCursorOnlySequence, o as buildReturnToBottomPrefix, s as cursorPositionChanged, t as TerminalSession } from "./session-Cg6STjFV.js";
+import { a as registerTerminalIntegration, c as ensureTerminalQuery, f as queryTerminal, i as getCapabilities, l as getTerminalQuery, o as getRawModeStream, p as refreshTerminalQuery, r as capabilities, s as applyTerminalQuery, u as getTerminalQueryPromise } from "./color-policy-BAC9-TZX.js";
+import { a as buildCursorSuffix, c as hideCursorEscape, i as buildCursorOnlySequence, o as buildReturnToBottomPrefix, s as cursorPositionChanged, t as TerminalSession } from "./session-DDQ5V300.js";
 import { t as Yoga } from "./yoga-5jKhYCJC.js";
+import { t as require_jsx_runtime } from "./jsx-runtime-BS_OosoY.js";
 import { r as createCell, t as cellAttributes } from "./cell-_ZVhbfl0.js";
 import { i as semanticTextStyleToCellStyle, n as mergeSemanticTextStyles, t as emptySemanticTextStyle } from "./semantic-text-style-DIMzC7xt.js";
 import { a as samplePaint } from "./sample-Cqw1bjUL.js";
@@ -20,16 +23,14 @@ import "./color-CkbalRqK.js";
 import { PassThrough, Stream } from "node:stream";
 import { setImmediate as setImmediate$1 } from "node:timers/promises";
 import { isNativeError } from "node:util/types";
-import { PureComponent, createContext, useCallback, useContext, useEffect, useEffectEvent, useInsertionEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
-import "react-reconciler";
-import { ConcurrentRoot, LegacyRoot } from "react-reconciler/constants.js";
 import { EventEmitter } from "node:events";
 import { existsSync, readFileSync } from "node:fs";
 import { cwd } from "node:process";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { Console } from "node:console";
-//#region src/components/AnimationContext.ts
-const animationContext = createContext({
+require_react_reconciler();
+var import_constants = require_constants();
+var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
+const animationContext = (0, import_react.createContext)({
 	renderThrottleMs: 0,
 	subscribe() {
 		return {
@@ -48,7 +49,7 @@ const noopSuspension = {
 	async resume() {},
 	async [Symbol.asyncDispose]() {}
 };
-const AppContext = createContext({
+const AppContext = (0, import_react.createContext)({
 	exit(_errorOrResult) {},
 	async waitUntilRenderFlush() {},
 	suspendTerminal: (async (callback) => {
@@ -62,7 +63,7 @@ const AppContext = createContext({
 AppContext.displayName = "InternalAppContext";
 //#endregion
 //#region src/components/CursorContext.ts
-const CursorContext = createContext({ setCursorPosition() {} });
+const CursorContext = (0, import_react.createContext)({ setCursorPosition() {} });
 CursorContext.displayName = "InternalCursorContext";
 //#endregion
 //#region src/code-excerpt.ts
@@ -168,14 +169,15 @@ const BOXES = {
 //#endregion
 //#region src/components/Box.tsx
 /** @jsxImportSource react */
+var import_jsx_runtime = require_jsx_runtime();
 /**
 `<Box>` is an essential Ink component to build your layout. It's like `<div style="display: flex">` in the browser.
 */
 function Box({ children, ref, backgroundColor, "aria-label": ariaLabel, "aria-hidden": ariaHidden, "aria-role": role, "aria-state": ariaState, ...style }) {
-	const { isScreenReaderEnabled } = useContext(accessibilityContext);
-	const label = ariaLabel ? /* @__PURE__ */ jsx("ink-text", { children: ariaLabel }) : void 0;
+	const { isScreenReaderEnabled } = (0, import_react.useContext)(accessibilityContext);
+	const label = ariaLabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ink-text", { children: ariaLabel }) : void 0;
 	if (isScreenReaderEnabled && ariaHidden) return null;
-	return /* @__PURE__ */ jsx("ink-box", {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ink-box", {
 		ref,
 		style: {
 			flexWrap: "nowrap",
@@ -273,11 +275,11 @@ function ErrorOverview({ error }) {
 		excerpt = codeExcerpt(sourceCode, origin.line);
 		if (excerpt) for (const { line } of excerpt) lineWidth = Math.max(lineWidth, String(line).length);
 	}
-	return /* @__PURE__ */ jsxs(Box, {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 		flexDirection: "column",
 		padding: 1,
 		children: [
-			/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsxs(Text, {
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
 				backgroundColor: "red",
 				color: "white",
 				children: [
@@ -285,10 +287,10 @@ function ErrorOverview({ error }) {
 					"ERROR",
 					" "
 				]
-			}), /* @__PURE__ */ jsxs(Text, { children: [" ", error.message] })] }),
-			origin && filePath ? /* @__PURE__ */ jsx(Box, {
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [" ", error.message] })] }),
+			origin && filePath ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 				marginTop: 1,
-				children: /* @__PURE__ */ jsxs(Text, {
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
 					dimColor: true,
 					children: [
 						filePath,
@@ -299,25 +301,25 @@ function ErrorOverview({ error }) {
 					]
 				})
 			}) : null,
-			origin && excerpt ? /* @__PURE__ */ jsx(Box, {
+			origin && excerpt ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 				marginTop: 1,
 				flexDirection: "column",
-				children: excerpt.map(({ line, value }) => /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Box, {
+				children: excerpt.map(({ line, value }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 					width: lineWidth + 1,
-					children: /* @__PURE__ */ jsxs(Text, {
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
 						dimColor: line !== origin.line,
 						backgroundColor: line === origin.line ? "red" : void 0,
 						color: line === origin.line ? "white" : void 0,
 						"aria-label": line === origin.line ? `Line ${line}, error` : `Line ${line}`,
 						children: [String(line).padStart(lineWidth, " "), ":"]
 					})
-				}), /* @__PURE__ */ jsx(Text, {
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 					backgroundColor: line === origin.line ? "red" : void 0,
 					color: line === origin.line ? "white" : void 0,
 					children: " " + value
 				}, line)] }, line))
 			}) : null,
-			error.stack ? /* @__PURE__ */ jsx(Box, {
+			error.stack ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 				marginTop: 1,
 				flexDirection: "column",
 				children: error.stack.split("\n").slice(1).map((line) => {
@@ -325,10 +327,10 @@ function ErrorOverview({ error }) {
 					const lineCount = stackLineCounts.get(line) ?? 0;
 					stackLineCounts.set(line, lineCount + 1);
 					const key = `${line}-${lineCount}`;
-					if (!parsedLine?.file || !parsedLine.line || !parsedLine.column) return /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
+					if (!parsedLine?.file || !parsedLine.line || !parsedLine.column) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 						dimColor: true,
 						children: "- "
-					}), /* @__PURE__ */ jsxs(Text, {
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
 						dimColor: true,
 						bold: true,
 						children: [
@@ -337,17 +339,17 @@ function ErrorOverview({ error }) {
 							" "
 						]
 					})] }, key);
-					return /* @__PURE__ */ jsxs(Box, { children: [
-						/* @__PURE__ */ jsx(Text, {
+					return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, { children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 							dimColor: true,
 							children: "- "
 						}),
-						/* @__PURE__ */ jsx(Text, {
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 							dimColor: true,
 							bold: true,
 							children: parsedLine.function
 						}),
-						/* @__PURE__ */ jsxs(Text, {
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
 							dimColor: true,
 							color: "gray",
 							"aria-label": `at ${cleanupPath(parsedLine.file) ?? ""} line ${parsedLine.line} column ${parsedLine.column}`,
@@ -371,7 +373,7 @@ function ErrorOverview({ error }) {
 //#endregion
 //#region src/components/ErrorBoundary.tsx
 /** @jsxImportSource react */
-var ErrorBoundary = class extends PureComponent {
+var ErrorBoundary = class extends import_react.PureComponent {
 	static displayName = "InternalErrorBoundary";
 	static getDerivedStateFromError(error) {
 		return { error };
@@ -381,7 +383,7 @@ var ErrorBoundary = class extends PureComponent {
 		this.props.onError(error);
 	}
 	render() {
-		if (this.state.error) return /* @__PURE__ */ jsx(ErrorOverview, { error: this.state.error });
+		if (this.state.error) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorOverview, { error: this.state.error });
 		return this.props.children;
 	}
 };
@@ -390,7 +392,7 @@ var ErrorBoundary = class extends PureComponent {
 /**
 `StderrContext` is a React context that exposes the stderr stream.
 */
-const StderrContext = createContext({
+const StderrContext = (0, import_react.createContext)({
 	stderr: process.stderr,
 	write() {}
 });
@@ -400,7 +402,7 @@ StderrContext.displayName = "InternalStderrContext";
 /**
 `StdoutContext` is a React context that exposes the stdout stream where Ink renders your app.
 */
-const StdoutContext = createContext({
+const StdoutContext = (0, import_react.createContext)({
 	stdout: process.stdout,
 	write() {}
 });
@@ -412,32 +414,32 @@ const tab = "	";
 const shiftTab = `${CSI}Z`;
 const escape = "\x1B";
 function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, exitOnCtrlC, onExit, onWaitUntilRenderFlush, onSuspendTerminal, onRegisterInputControl, setCursorPosition, interactive, renderThrottleMs, terminalInput }) {
-	const [isFocusEnabled, setIsFocusEnabled] = useState(true);
-	const [activeFocusId, setActiveFocusId] = useState(void 0);
-	const [, setFocusables] = useState([]);
-	const focusablesCountRef = useRef(0);
-	const animationSubscribersRef = useRef(/* @__PURE__ */ new Map());
-	const animationTimerRef = useRef(void 0);
-	const rawModeEnabledCount = useRef(0);
-	const pendingDisableRawModeRef = useRef(false);
-	const bracketedPasteModeEnabledCount = useRef(0);
-	const internal_eventEmitter = useRef(new EventEmitter());
+	const [isFocusEnabled, setIsFocusEnabled] = (0, import_react.useState)(true);
+	const [activeFocusId, setActiveFocusId] = (0, import_react.useState)(void 0);
+	const [, setFocusables] = (0, import_react.useState)([]);
+	const focusablesCountRef = (0, import_react.useRef)(0);
+	const animationSubscribersRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+	const animationTimerRef = (0, import_react.useRef)(void 0);
+	const rawModeEnabledCount = (0, import_react.useRef)(0);
+	const pendingDisableRawModeRef = (0, import_react.useRef)(false);
+	const bracketedPasteModeEnabledCount = (0, import_react.useRef)(0);
+	const internal_eventEmitter = (0, import_react.useRef)(new EventEmitter());
 	internal_eventEmitter.current.setMaxListeners(Infinity);
-	const readableListenerRef = useRef(void 0);
-	const isMountedRef = useRef(true);
-	const pendingInputFlushRef = useRef(void 0);
+	const readableListenerRef = (0, import_react.useRef)(void 0);
+	const isMountedRef = (0, import_react.useRef)(true);
+	const pendingInputFlushRef = (0, import_react.useRef)(void 0);
 	const pendingInputFlushDelayMilliseconds = 20;
-	const clearPendingInputFlush = useCallback(() => {
+	const clearPendingInputFlush = (0, import_react.useCallback)(() => {
 		if (!pendingInputFlushRef.current) return;
 		clearTimeout(pendingInputFlushRef.current);
 		pendingInputFlushRef.current = void 0;
 	}, []);
-	const clearAnimationTimer = useCallback(() => {
+	const clearAnimationTimer = (0, import_react.useCallback)(() => {
 		if (!animationTimerRef.current) return;
 		clearTimeout(animationTimerRef.current);
 		animationTimerRef.current = void 0;
 	}, []);
-	const scheduleAnimationTick = useCallback(() => {
+	const scheduleAnimationTick = (0, import_react.useCallback)(() => {
 		clearAnimationTimer();
 		if (animationSubscribersRef.current.size === 0) return;
 		let nextDueTime = Number.POSITIVE_INFINITY;
@@ -456,7 +458,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 			scheduleAnimationTick();
 		}, delay);
 	}, [clearAnimationTimer]);
-	const animationSubscribe = useCallback((callback, interval) => {
+	const animationSubscribe = (0, import_react.useCallback)((callback, interval) => {
 		const startTime = performance.now();
 		animationSubscribersRef.current.set(callback, {
 			callback,
@@ -477,19 +479,19 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 			}
 		};
 	}, [clearAnimationTimer, scheduleAnimationTick]);
-	useEffect(() => {
+	(0, import_react.useEffect)(() => {
 		return () => {
 			clearAnimationTimer();
 		};
 	}, [clearAnimationTimer]);
 	const rawModeStdin = getRawModeStream(stdin);
 	const isRawModeSupported = rawModeStdin !== void 0;
-	const detachReadableListener = useCallback(() => {
+	const detachReadableListener = (0, import_react.useCallback)(() => {
 		if (!readableListenerRef.current) return;
 		stdin.removeListener("readable", readableListenerRef.current);
 		readableListenerRef.current = void 0;
 	}, [stdin]);
-	const clearInputState = useCallback(() => {
+	const clearInputState = (0, import_react.useCallback)(() => {
 		terminalInput.reset();
 		clearPendingInputFlush();
 		detachReadableListener();
@@ -498,7 +500,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 		detachReadableListener,
 		terminalInput
 	]);
-	const disableRawMode = useCallback(() => {
+	const disableRawMode = (0, import_react.useCallback)(() => {
 		if (!rawModeStdin) return;
 		pendingDisableRawModeRef.current = false;
 		rawModeStdin.setRawMode(false);
@@ -506,7 +508,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 		rawModeEnabledCount.current = 0;
 		clearInputState();
 	}, [rawModeStdin, clearInputState]);
-	const handleExit = useCallback((errorOrResult) => {
+	const handleExit = (0, import_react.useCallback)((errorOrResult) => {
 		if (isRawModeSupported && (rawModeEnabledCount.current > 0 || pendingDisableRawModeRef.current)) disableRawMode();
 		onExit(errorOrResult);
 	}, [
@@ -514,7 +516,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 		disableRawMode,
 		onExit
 	]);
-	const handleInput = useCallback((input) => {
+	const handleInput = (0, import_react.useCallback)((input) => {
 		if (input === "" && exitOnCtrlC) {
 			handleExit();
 			return;
@@ -525,11 +527,11 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 		handleExit,
 		isFocusEnabled
 	]);
-	const emitInput = useCallback((input) => {
+	const emitInput = (0, import_react.useCallback)((input) => {
 		handleInput(input);
 		internal_eventEmitter.current.emit("input", input);
 	}, [handleInput]);
-	const schedulePendingInputFlush = useCallback(() => {
+	const schedulePendingInputFlush = (0, import_react.useCallback)(() => {
 		clearPendingInputFlush();
 		pendingInputFlushRef.current = setTimeout(() => {
 			pendingInputFlushRef.current = void 0;
@@ -542,7 +544,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 		emitInput,
 		terminalInput
 	]);
-	const handleReadable = useCallback(() => {
+	const handleReadable = (0, import_react.useCallback)(() => {
 		clearPendingInputFlush();
 		let chunk;
 		while ((chunk = stdin.read()) !== null) {
@@ -564,12 +566,12 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 		schedulePendingInputFlush,
 		terminalInput
 	]);
-	const attachReadableListener = useCallback(() => {
+	const attachReadableListener = (0, import_react.useCallback)(() => {
 		if (readableListenerRef.current) return;
 		readableListenerRef.current = handleReadable;
 		stdin.addListener("readable", handleReadable);
 	}, [stdin, handleReadable]);
-	const handleSetRawMode = useCallback((isEnabled) => {
+	const handleSetRawMode = (0, import_react.useCallback)((isEnabled) => {
 		if (!rawModeStdin) {
 			if (stdin === process.stdin) throw new Error("Raw mode is not supported on the current process.stdin, which Ink uses as input stream by default.\nRead about how to prevent this error on https://github.com/vadimdemedes/ink/#israwmodesupported");
 			else throw new Error("Raw mode is not supported on the stdin provided to Ink.\nRead about how to prevent this error on https://github.com/vadimdemedes/ink/#israwmodesupported");
@@ -604,7 +606,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 		clearInputState,
 		disableRawMode
 	]);
-	const handleQueryTerminal = useCallback(async ({ refresh = false } = {}) => {
+	const handleQueryTerminal = (0, import_react.useCallback)(async ({ refresh = false } = {}) => {
 		if (!interactive || !isRawModeSupported || !stdout.isTTY) return;
 		if (!refresh) {
 			const existing = getTerminalQueryPromise(stdout);
@@ -627,13 +629,13 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 		detachReadableListener,
 		attachReadableListener
 	]);
-	const reportFeedActiveRef = useRef(false);
-	const handleSetReportFeed = useCallback((active) => {
+	const reportFeedActiveRef = (0, import_react.useRef)(false);
+	const handleSetReportFeed = (0, import_react.useCallback)((active) => {
 		if (active === reportFeedActiveRef.current || !isRawModeSupported) return;
 		reportFeedActiveRef.current = active;
 		handleSetRawMode(active);
 	}, [isRawModeSupported, handleSetRawMode]);
-	useInsertionEffect(() => {
+	(0, import_react.useInsertionEffect)(() => {
 		const unregister = registerTerminalIntegration(stdout, {
 			runQuery: handleQueryTerminal,
 			setReportFeed: handleSetReportFeed
@@ -647,7 +649,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 		handleQueryTerminal,
 		handleSetReportFeed
 	]);
-	const handleSetBracketedPasteMode = useCallback((isEnabled) => {
+	const handleSetBracketedPasteMode = (0, import_react.useCallback)((isEnabled) => {
 		if (!stdout.isTTY) return;
 		if (isEnabled) {
 			if (bracketedPasteModeEnabledCount.current === 0) stdout.write(ansiEscapes.enableBracketedPaste);
@@ -657,11 +659,11 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 		if (bracketedPasteModeEnabledCount.current === 0) return;
 		if (--bracketedPasteModeEnabledCount.current === 0) stdout.write(ansiEscapes.disableBracketedPaste);
 	}, [stdout]);
-	const suspendedInputStateRef = useRef({
+	const suspendedInputStateRef = (0, import_react.useRef)({
 		rawMode: false,
 		bracketedPaste: false
 	});
-	const pauseInput = useCallback(() => {
+	const pauseInput = (0, import_react.useCallback)(() => {
 		const wasRawMode = isRawModeSupported && rawModeEnabledCount.current > 0;
 		const wasBracketedPaste = bracketedPasteModeEnabledCount.current > 0;
 		suspendedInputStateRef.current = {
@@ -682,7 +684,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 		stdout,
 		clearInputState
 	]);
-	const resumeInput = useCallback(() => {
+	const resumeInput = (0, import_react.useCallback)(() => {
 		const { rawMode, bracketedPaste } = suspendedInputStateRef.current;
 		if (rawMode) {
 			rawModeStdin?.setEncoding("utf8");
@@ -698,14 +700,14 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 		stdout,
 		attachReadableListener
 	]);
-	useInsertionEffect(() => {
+	(0, import_react.useInsertionEffect)(() => {
 		onRegisterInputControl(pauseInput, resumeInput);
 	}, [
 		onRegisterInputControl,
 		pauseInput,
 		resumeInput
 	]);
-	const findNextFocusable = useCallback((currentFocusables, currentActiveFocusId) => {
+	const findNextFocusable = (0, import_react.useCallback)((currentFocusables, currentActiveFocusId) => {
 		const activeIndex = currentFocusables.findIndex((focusable) => {
 			return focusable.id === currentActiveFocusId;
 		});
@@ -714,7 +716,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 			if (focusable?.isActive) return focusable.id;
 		}
 	}, []);
-	const findPreviousFocusable = useCallback((currentFocusables, currentActiveFocusId) => {
+	const findPreviousFocusable = (0, import_react.useCallback)((currentFocusables, currentActiveFocusId) => {
 		const activeIndex = currentFocusables.findIndex((focusable) => {
 			return focusable.id === currentActiveFocusId;
 		});
@@ -723,7 +725,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 			if (focusable?.isActive) return focusable.id;
 		}
 	}, []);
-	const focusNext = useCallback(() => {
+	const focusNext = (0, import_react.useCallback)(() => {
 		setFocusables((currentFocusables) => {
 			setActiveFocusId((currentActiveFocusId) => {
 				const firstFocusableId = currentFocusables.find((focusable) => focusable.isActive)?.id;
@@ -732,7 +734,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 			return currentFocusables;
 		});
 	}, [findNextFocusable]);
-	const focusPrevious = useCallback(() => {
+	const focusPrevious = (0, import_react.useCallback)(() => {
 		setFocusables((currentFocusables) => {
 			setActiveFocusId((currentActiveFocusId) => {
 				const lastFocusableId = currentFocusables.findLast((focusable) => focusable.isActive)?.id;
@@ -741,7 +743,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 			return currentFocusables;
 		});
 	}, [findPreviousFocusable]);
-	useEffect(() => {
+	(0, import_react.useEffect)(() => {
 		const handleTabNavigation = (input) => {
 			if (!isFocusEnabled || focusablesCountRef.current === 0) return;
 			if (input === tab) focusNext();
@@ -757,19 +759,19 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 		focusNext,
 		focusPrevious
 	]);
-	const enableFocus = useCallback(() => {
+	const enableFocus = (0, import_react.useCallback)(() => {
 		setIsFocusEnabled(true);
 	}, []);
-	const disableFocus = useCallback(() => {
+	const disableFocus = (0, import_react.useCallback)(() => {
 		setIsFocusEnabled(false);
 	}, []);
-	const focus = useCallback((id) => {
+	const focus = (0, import_react.useCallback)((id) => {
 		setFocusables((currentFocusables) => {
 			if (currentFocusables.some((focusable) => focusable?.id === id)) setActiveFocusId(id);
 			return currentFocusables;
 		});
 	}, []);
-	const addFocusable = useCallback((id, { autoFocus }) => {
+	const addFocusable = (0, import_react.useCallback)((id, { autoFocus }) => {
 		setFocusables((currentFocusables) => {
 			focusablesCountRef.current = currentFocusables.length + 1;
 			return [...currentFocusables, {
@@ -782,7 +784,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 			return currentActiveFocusId;
 		});
 	}, []);
-	const removeFocusable = useCallback((id) => {
+	const removeFocusable = (0, import_react.useCallback)((id) => {
 		setActiveFocusId((currentActiveFocusId) => {
 			if (currentActiveFocusId === id) return;
 			return currentActiveFocusId;
@@ -795,7 +797,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 			return filtered;
 		});
 	}, []);
-	const activateFocusable = useCallback((id) => {
+	const activateFocusable = (0, import_react.useCallback)((id) => {
 		setFocusables((currentFocusables) => currentFocusables.map((focusable) => {
 			if (focusable.id !== id) return focusable;
 			return {
@@ -804,7 +806,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 			};
 		}));
 	}, []);
-	const deactivateFocusable = useCallback((id) => {
+	const deactivateFocusable = (0, import_react.useCallback)((id) => {
 		setActiveFocusId((currentActiveFocusId) => {
 			if (currentActiveFocusId === id) return;
 			return currentActiveFocusId;
@@ -817,7 +819,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 			};
 		}));
 	}, []);
-	useEffect(() => {
+	(0, import_react.useEffect)(() => {
 		isMountedRef.current = true;
 		return () => {
 			isMountedRef.current = false;
@@ -835,7 +837,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 		disableRawMode,
 		interactive
 	]);
-	const appContextValue = useMemo(() => ({
+	const appContextValue = (0, import_react.useMemo)(() => ({
 		exit: handleExit,
 		waitUntilRenderFlush: onWaitUntilRenderFlush,
 		suspendTerminal: onSuspendTerminal
@@ -844,7 +846,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 		onWaitUntilRenderFlush,
 		onSuspendTerminal
 	]);
-	const stdinContextValue = useMemo(() => ({
+	const stdinContextValue = (0, import_react.useMemo)(() => ({
 		stdin,
 		setRawMode: handleSetRawMode,
 		setBracketedPasteMode: handleSetBracketedPasteMode,
@@ -858,16 +860,16 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 		isRawModeSupported,
 		exitOnCtrlC
 	]);
-	const stdoutContextValue = useMemo(() => ({
+	const stdoutContextValue = (0, import_react.useMemo)(() => ({
 		stdout,
 		write: writeToStdout
 	}), [stdout, writeToStdout]);
-	const stderrContextValue = useMemo(() => ({
+	const stderrContextValue = (0, import_react.useMemo)(() => ({
 		stderr,
 		write: writeToStderr
 	}), [stderr, writeToStderr]);
-	const cursorContextValue = useMemo(() => ({ setCursorPosition }), [setCursorPosition]);
-	const focusContextValue = useMemo(() => ({
+	const cursorContextValue = (0, import_react.useMemo)(() => ({ setCursorPosition }), [setCursorPosition]);
+	const focusContextValue = (0, import_react.useMemo)(() => ({
 		activeId: activeFocusId,
 		add: addFocusable,
 		remove: removeFocusable,
@@ -890,25 +892,25 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 		focusPrevious,
 		focus
 	]);
-	const animationContextValue = useMemo(() => ({
+	const animationContextValue = (0, import_react.useMemo)(() => ({
 		renderThrottleMs,
 		subscribe: animationSubscribe
 	}), [animationSubscribe, renderThrottleMs]);
-	return /* @__PURE__ */ jsx(AppContext.Provider, {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppContext.Provider, {
 		value: appContextValue,
-		children: /* @__PURE__ */ jsx(StdinContext.Provider, {
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StdinContext.Provider, {
 			value: stdinContextValue,
-			children: /* @__PURE__ */ jsx(StdoutContext.Provider, {
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StdoutContext.Provider, {
 				value: stdoutContextValue,
-				children: /* @__PURE__ */ jsx(StderrContext.Provider, {
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StderrContext.Provider, {
 					value: stderrContextValue,
-					children: /* @__PURE__ */ jsx(FocusContext.Provider, {
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FocusContext.Provider, {
 						value: focusContextValue,
-						children: /* @__PURE__ */ jsx(animationContext.Provider, {
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(animationContext.Provider, {
 							value: animationContextValue,
-							children: /* @__PURE__ */ jsx(CursorContext.Provider, {
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CursorContext.Provider, {
 								value: cursorContextValue,
-								children: /* @__PURE__ */ jsx(ErrorBoundary, {
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBoundary, {
 									onError: handleExit,
 									children
 								})
@@ -924,7 +926,7 @@ App.displayName = "InternalApp";
 //#endregion
 //#region src/components/TerminalOscContext.ts
 const noop$1 = () => {};
-const TerminalOscContext = createContext({
+const TerminalOscContext = (0, import_react.createContext)({
 	publishProgress: noop$1,
 	copyToClipboard: noop$1,
 	publishTitle: noop$1,
@@ -1799,7 +1801,7 @@ const createInk = (options) => {
 	let nextRenderCommit;
 	let pauseInput;
 	let resumeInput;
-	const rootTag = isConcurrent ? ConcurrentRoot : LegacyRoot;
+	const rootTag = isConcurrent ? import_constants.ConcurrentRoot : import_constants.LegacyRoot;
 	const container = reconciler.createContainer(rootNode, rootTag, null, false, null, "id", () => {}, () => {}, () => {}, () => {});
 	const unsubscribeExit = signalExit(unmount, { alwaysLast: false });
 	setAlternateScreen(Boolean(options.alternateScreen));
@@ -1975,11 +1977,11 @@ const createInk = (options) => {
 		renderInteractiveFrame(output, outputHeight, hasStaticOutput ? staticOutput : "", screen, false);
 	}
 	function render(node) {
-		const tree = /* @__PURE__ */ jsx(accessibilityContext.Provider, {
+		const tree = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(accessibilityContext.Provider, {
 			value: { isScreenReaderEnabled },
-			children: /* @__PURE__ */ jsx(TerminalOscContext.Provider, {
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TerminalOscContext.Provider, {
 				value: terminalOsc,
-				children: /* @__PURE__ */ jsx(App, {
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {
 					stdin: options.stdin,
 					stdout: options.stdout,
 					stderr: options.stderr,
@@ -2451,7 +2453,7 @@ const renderToString = (node, options) => {
 		if (staticOutput && staticOutput !== "\n") capturedStaticOutput += staticOutput;
 	};
 	let uncaughtError;
-	const container = reconciler.createContainer(rootNode, LegacyRoot, null, false, null, "render-to-string", (error) => {
+	const container = reconciler.createContainer(rootNode, import_constants.LegacyRoot, null, false, null, "render-to-string", (error) => {
 		uncaughtError ??= error;
 	}, () => {}, () => {}, () => {});
 	reconciler.updateContainerSync(node, container, null, () => {});
@@ -2476,12 +2478,12 @@ const renderToString = (node, options) => {
 * Ordinary `Text` continues to strip terminal control sequences.
 */
 function AnsiText({ children, wrap = "wrap", "aria-label": ariaLabel, "aria-hidden": ariaHidden = false }) {
-	const { isScreenReaderEnabled } = useContext(accessibilityContext);
+	const { isScreenReaderEnabled } = (0, import_react.useContext)(accessibilityContext);
 	if (isScreenReaderEnabled) {
 		if (ariaHidden) return null;
-		return /* @__PURE__ */ jsx(Text, { children: ariaLabel ?? stripAnsi(children) });
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: ariaLabel ?? stripAnsi(children) });
 	}
-	return /* @__PURE__ */ jsx("ink-text", {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ink-text", {
 		style: {
 			flexGrow: 0,
 			flexShrink: 1,
@@ -2504,22 +2506,22 @@ For example, [Tap](https://github.com/tapjs/node-tap) uses `<Static>` to display
 */
 function Static(props) {
 	const { items, children: render, style: customStyle } = props;
-	const [index, setIndex] = useState(0);
-	const itemsToRender = useMemo(() => {
+	const [index, setIndex] = (0, import_react.useState)(0);
+	const itemsToRender = (0, import_react.useMemo)(() => {
 		return items.slice(index);
 	}, [items, index]);
-	useLayoutEffect(() => {
+	(0, import_react.useLayoutEffect)(() => {
 		setIndex(items.length);
 	}, [items.length]);
 	const children = itemsToRender.map((item, itemIndex) => {
 		return render(item, index + itemIndex);
 	});
-	const style = useMemo(() => ({
+	const style = (0, import_react.useMemo)(() => ({
 		position: "absolute",
 		flexDirection: "column",
 		...customStyle
 	}), [customStyle]);
-	return /* @__PURE__ */ jsx("ink-box", {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ink-box", {
 		internal_static: true,
 		style,
 		children
@@ -2532,9 +2534,9 @@ function Static(props) {
 Transform a string representation of React components before they're written to output. For example, you might want to apply a gradient to text, add a clickable link, or create some text effects. These use cases can't accept React nodes as input; they expect a string. That's what the <Transform> component does: it gives you an output string of its child components and lets you transform it in any way.
 */
 function Transform({ children, transform, accessibilityLabel }) {
-	const { isScreenReaderEnabled } = useContext(accessibilityContext);
+	const { isScreenReaderEnabled } = (0, import_react.useContext)(accessibilityContext);
 	if (children === void 0 || children === null) return null;
-	return /* @__PURE__ */ jsx("ink-text", {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ink-text", {
 		style: {
 			flexGrow: 0,
 			flexShrink: 1,
@@ -2549,9 +2551,10 @@ function Transform({ children, transform, accessibilityLabel }) {
 /**
 A React hook that returns the stdout stream where Ink renders your app.
 */
-const useStdout = () => useContext(StdoutContext);
+const useStdout = () => (0, import_react.useContext)(StdoutContext);
 //#endregion
 //#region src/components/Hyperlink.tsx
+/** @jsxImportSource react */
 /**
 A clickable OSC 8 hyperlink — the counterpart to the router's `<Link>`, which
 navigates between screens. On terminals without hyperlink support it falls
@@ -2563,9 +2566,9 @@ back to `text (url)`.
 */
 function Hyperlink({ url, fallback = true, children, ...textProps }) {
 	const { stdout } = useStdout();
-	if (!detectHyperlinkSupport(stdout)) return /* @__PURE__ */ jsxs(Text, {
+	if (!detectHyperlinkSupport(stdout)) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
 		...textProps,
-		children: [children, fallback ? /* @__PURE__ */ jsxs(Text, {
+		children: [children, fallback ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
 			dimColor: true,
 			children: [
 				" (",
@@ -2574,9 +2577,9 @@ function Hyperlink({ url, fallback = true, children, ...textProps }) {
 			]
 		}) : null]
 	});
-	return /* @__PURE__ */ jsx(Transform, {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Transform, {
 		transform: (text) => link(text, url),
-		children: /* @__PURE__ */ jsx(Text, {
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 			...textProps,
 			children
 		})
@@ -2588,7 +2591,7 @@ function Hyperlink({ url, fallback = true, children, ...textProps }) {
 Adds one or more newline (`\n`) characters. Must be used within `<Text>` components.
 */
 function Newline({ count = 1 }) {
-	return /* @__PURE__ */ jsx("ink-text", { children: "\n".repeat(count) });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ink-text", { children: "\n".repeat(count) });
 }
 //#endregion
 //#region src/components/Spacer.tsx
@@ -2599,7 +2602,182 @@ A flexible space that expands along the major axis of its containing layout.
 It's useful as a shortcut for filling all the available space between elements.
 */
 function Spacer() {
-	return /* @__PURE__ */ jsx(Box, { flexGrow: 1 });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, { flexGrow: 1 });
+}
+//#endregion
+//#region src/virtual-scroll.ts
+const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+const wholeRows = (value) => Math.max(0, Math.floor(value)) || 0;
+/**
+Compute which items intersect a viewport over a vertical stack of items.
+*/
+const virtualScrollWindow = (options) => {
+	const count = wholeRows(options.count);
+	const viewportHeight = wholeRows(options.viewportHeight);
+	const tops = [];
+	let totalHeight = 0;
+	for (let index = 0; index < count; index++) {
+		tops.push(totalHeight);
+		totalHeight += wholeRows(options.itemHeight(index));
+	}
+	const bottomOf = (index) => index + 1 < count ? tops[index + 1] : totalHeight;
+	const maxScrollTop = Math.max(0, totalHeight - viewportHeight);
+	let scrollTop = clamp(Math.floor(options.scrollTop) || 0, 0, maxScrollTop);
+	const focused = options.focusedIndex;
+	if (focused !== void 0 && Number.isInteger(focused) && focused >= 0 && focused < count) {
+		const top = tops[focused];
+		const bottom = bottomOf(focused);
+		if (top < scrollTop) scrollTop = top;
+		else if (bottom > scrollTop + viewportHeight) scrollTop = Math.min(top, bottom - viewportHeight);
+		scrollTop = clamp(scrollTop, 0, maxScrollTop);
+	}
+	const viewportBottom = scrollTop + viewportHeight;
+	let start = 0;
+	while (start < count && bottomOf(start) <= scrollTop) start++;
+	let end = start;
+	while (end < count && tops[end] < viewportBottom) end++;
+	return {
+		start,
+		end,
+		scrollTop,
+		maxScrollTop,
+		totalHeight,
+		offset: start < end ? tops[start] - scrollTop : 0,
+		hiddenAbove: scrollTop,
+		hiddenBelow: Math.max(0, totalHeight - viewportBottom)
+	};
+};
+//#endregion
+//#region src/hooks/use-virtual-scroll.ts
+/**
+A React hook that owns the scroll position of a windowed list and returns which
+items to render for it. The position is clamped to the scrollable range and,
+while `focusedIndex` is set, moved as little as necessary to keep that item
+fully visible. Render the items in `[start, end)` inside an `overflowY="hidden"`
+box of `viewportHeight` rows, shifted up by `offset` rows.
+
+`<VirtualList>` wraps this hook; use it directly to draw your own chrome such
+as overflow markers or a scrollbar around the window.
+
+@example
+```tsx
+import { Box, Text, useVirtualScroll } from "@alchemy.run/sigil";
+
+const Example = ({ lines, cursor }: { lines: string[]; cursor: number }) => {
+const { start, end, offset, hiddenAbove, hiddenBelow } = useVirtualScroll({
+count: lines.length,
+itemHeight: () => 1,
+viewportHeight: 10,
+focusedIndex: cursor,
+});
+
+return (
+<Box flexDirection="column">
+<Text dimColor>{hiddenAbove > 0 ? `↑ ${hiddenAbove} more` : ""}</Text>
+<Box flexDirection="column" height={10} overflowY="hidden">
+<Box flexDirection="column" flexShrink={0} marginTop={offset}>
+{lines.slice(start, end).map((line, index) => (
+<Text key={start + index} inverse={start + index === cursor}>
+{line}
+</Text>
+))}
+</Box>
+</Box>
+<Text dimColor>{hiddenBelow > 0 ? `↓ ${hiddenBelow} more` : ""}</Text>
+</Box>
+);
+};
+```
+*/
+const useVirtualScroll = (options) => {
+	const [position, setPosition] = (0, import_react.useState)(0);
+	const window = virtualScrollWindow({
+		...options,
+		scrollTop: position
+	});
+	(0, import_react.useEffect)(() => {
+		if (window.scrollTop !== position) setPosition(window.scrollTop);
+	}, [window.scrollTop, position]);
+	const scrollTo = (0, import_react.useCallback)((top) => {
+		setPosition(top);
+	}, []);
+	const scrollBy = (0, import_react.useCallback)((delta) => {
+		setPosition((current) => current + delta);
+	}, []);
+	return {
+		...window,
+		scrollTo,
+		scrollBy
+	};
+};
+//#endregion
+//#region src/components/VirtualList.tsx
+/** @jsxImportSource react */
+const rootOf = (node) => {
+	let current = node;
+	while (current?.parentNode) current = current.parentNode;
+	return current?.nodeName === "ink-root" ? current : void 0;
+};
+/**
+A vertically windowed list: only the items intersecting the viewport are
+rendered, inside a clipped box that scrolls by whole rows. Items may have
+different heights, and the item at the top edge may be partially visible.
+
+Until the first layout pass has measured the viewport, every item is rendered
+inside the clipped box so the first frame already looks right.
+*/
+function VirtualList({ items, itemHeight, renderItem, getKey, focusedIndex, height }) {
+	const ref = (0, import_react.useRef)(null);
+	const [measured, setMeasured] = (0, import_react.useState)();
+	const measure = () => {
+		const next = ref.current?.yogaNode?.getComputedHeight();
+		if (next !== void 0) setMeasured((previous) => previous === next ? previous : next);
+	};
+	(0, import_react.useLayoutEffect)(() => {
+		if (height === void 0) measure();
+	});
+	(0, import_react.useEffect)(() => {
+		if (height !== void 0) return;
+		const root = rootOf(ref.current);
+		return root ? addLayoutListener(root, measure) : void 0;
+	});
+	const viewportHeight = height ?? measured;
+	const windowed = viewportHeight !== void 0;
+	const window = useVirtualScroll({
+		count: items.length,
+		itemHeight: (index) => itemHeight(items[index], index),
+		viewportHeight: viewportHeight ?? 0,
+		focusedIndex: windowed ? focusedIndex : void 0
+	});
+	const start = windowed ? window.start : 0;
+	const end = windowed ? window.end : items.length;
+	const offset = windowed ? window.offset : 0;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+		ref,
+		flexDirection: "column",
+		overflowY: "hidden",
+		...height === void 0 ? {
+			height: window.totalHeight,
+			minHeight: 0,
+			flexShrink: 1
+		} : {
+			height,
+			flexShrink: 0
+		},
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			flexDirection: "column",
+			flexShrink: 0,
+			marginTop: offset,
+			children: items.slice(start, end).map((item, sliceIndex) => {
+				const index = start + sliceIndex;
+				return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+					flexDirection: "column",
+					flexShrink: 0,
+					children: renderItem(item, index)
+				}, getKey ? getKey(item, index) : index);
+			})
+		})
+	});
 }
 //#endregion
 //#region src/hooks/use-capabilities.ts
@@ -2617,8 +2795,8 @@ const useCapabilities = () => {
 	const { stdout } = useStdout();
 	const { stdin } = useStdinContext();
 	const store = getCapabilities(stdin, stdout);
-	const capabilities = useSyncExternalStore(store.subscribe, () => store.current);
-	useEffect(() => {
+	const capabilities = (0, import_react.useSyncExternalStore)(store.subscribe, () => store.current);
+	(0, import_react.useEffect)(() => {
 		store.query();
 	}, [store]);
 	return capabilities;
@@ -2645,8 +2823,8 @@ const useCapabilitiesChange = (onChange) => {
 	const { stdout } = useStdout();
 	const { stdin } = useStdinContext();
 	const store = getCapabilities(stdin, stdout);
-	const handleChange = useEffectEvent(onChange);
-	useEffect(() => {
+	const handleChange = (0, import_react.useEffectEvent)(onChange);
+	(0, import_react.useEffect)(() => {
 		let previous = store.current;
 		const unsubscribe = store.subscribe((next) => {
 			const before = previous;
@@ -2686,7 +2864,7 @@ return …
 */
 const usePaste = (handler, options = {}) => {
 	const { setRawMode, setBracketedPasteMode, internal_eventEmitter } = useStdinContext();
-	useEffect(() => {
+	(0, import_react.useEffect)(() => {
 		if (options.isActive === false) return;
 		setRawMode(true);
 		setBracketedPasteMode(true);
@@ -2699,12 +2877,12 @@ const usePaste = (handler, options = {}) => {
 		setRawMode,
 		setBracketedPasteMode
 	]);
-	const handlePaste = useEffectEvent((text) => {
+	const handlePaste = (0, import_react.useEffectEvent)((text) => {
 		reconciler.discreteUpdates(() => {
 			handler(text);
 		});
 	});
-	useEffect(() => {
+	(0, import_react.useEffect)(() => {
 		if (options.isActive === false) return;
 		internal_eventEmitter.on("paste", handlePaste);
 		return () => {
@@ -2717,20 +2895,20 @@ const usePaste = (handler, options = {}) => {
 /**
 A React hook that returns app lifecycle methods like `exit()` and `waitUntilRenderFlush()`.
 */
-const useApp = () => useContext(AppContext);
+const useApp = () => (0, import_react.useContext)(AppContext);
 //#endregion
 //#region src/hooks/use-stderr.ts
 /**
 A React hook that returns the stderr stream.
 */
-const useStderr = () => useContext(StderrContext);
+const useStderr = () => (0, import_react.useContext)(StderrContext);
 //#endregion
 //#region src/hooks/use-focus-manager.ts
 /**
 A React hook that returns methods to enable or disable focus management for all components or manually switch focus to the next or previous components.
 */
 const useFocusManager = () => {
-	const focusContext = useContext(FocusContext);
+	const focusContext = (0, import_react.useContext)(FocusContext);
 	return {
 		enableFocus: focusContext.enableFocus,
 		disableFocus: focusContext.disableFocus,
@@ -2747,7 +2925,7 @@ A React hook that returns whether a screen reader is enabled.
 This is useful when you want to render different output for screen readers.
 */
 const useIsScreenReaderEnabled = () => {
-	const { isScreenReaderEnabled } = useContext(accessibilityContext);
+	const { isScreenReaderEnabled } = (0, import_react.useContext)(accessibilityContext);
 	return isScreenReaderEnabled;
 };
 //#endregion
@@ -2760,12 +2938,12 @@ Setting a cursor position makes the cursor visible at the specified coordinates
 Pass `undefined` to hide the cursor.
 */
 const useCursor = () => {
-	const context = useContext(CursorContext);
-	const positionRef = useRef(void 0);
-	const setCursorPosition = useCallback((position) => {
+	const context = (0, import_react.useContext)(CursorContext);
+	const positionRef = (0, import_react.useRef)(void 0);
+	const setCursorPosition = (0, import_react.useCallback)((position) => {
 		positionRef.current = position;
 	}, []);
-	useInsertionEffect(() => {
+	(0, import_react.useInsertionEffect)(() => {
 		context.setCursorPosition(positionRef.current);
 		return () => {
 			context.setCursorPosition(void 0);
@@ -2800,22 +2978,22 @@ return <Text>{characters[frame % characters.length]}</Text>;
 function useAnimation(options) {
 	const { interval = defaultAnimationInterval, isActive = true } = options ?? {};
 	const safeInterval = normalizeAnimationInterval(interval);
-	const { subscribe, renderThrottleMs } = useContext(animationContext);
-	const [resetKey, setResetKey] = useState(0);
-	const [animState, setAnimState] = useState(zeroAnimState);
-	const nextRenderTimeRef = useRef(0);
-	const lastRenderTimeRef = useRef(0);
-	const previousOptionsRef = useRef({
+	const { subscribe, renderThrottleMs } = (0, import_react.useContext)(animationContext);
+	const [resetKey, setResetKey] = (0, import_react.useState)(0);
+	const [animState, setAnimState] = (0, import_react.useState)(zeroAnimState);
+	const nextRenderTimeRef = (0, import_react.useRef)(0);
+	const lastRenderTimeRef = (0, import_react.useRef)(0);
+	const previousOptionsRef = (0, import_react.useRef)({
 		isActive,
 		safeInterval,
 		resetKey
 	});
 	const previousOptions = previousOptionsRef.current;
 	const shouldReset = isActive && (safeInterval !== previousOptions.safeInterval || !previousOptions.isActive || resetKey !== previousOptions.resetKey);
-	const reset = useCallback(() => {
+	const reset = (0, import_react.useCallback)(() => {
 		setResetKey((k) => k + 1);
 	}, []);
-	useLayoutEffect(() => {
+	(0, import_react.useLayoutEffect)(() => {
 		if (!isActive) return;
 		setAnimState(zeroAnimState);
 		let startTime = 0;
@@ -2842,7 +3020,7 @@ function useAnimation(options) {
 		renderThrottleMs,
 		resetKey
 	]);
-	useLayoutEffect(() => {
+	(0, import_react.useLayoutEffect)(() => {
 		previousOptionsRef.current = {
 			isActive,
 			safeInterval,
@@ -2869,48 +3047,48 @@ function normalizeAnimationInterval(interval) {
 //#endregion
 //#region src/hooks/use-terminal-osc.ts
 const useProgress = ({ state, value }) => {
-	const terminal = useContext(TerminalOscContext);
-	const owner = useRef(void 0);
+	const terminal = (0, import_react.useContext)(TerminalOscContext);
+	const owner = (0, import_react.useRef)(void 0);
 	owner.current ??= Symbol("terminal-progress");
-	useEffect(() => {
+	(0, import_react.useEffect)(() => {
 		terminal.publishProgress(owner.current, state, value);
 	}, [
 		state,
 		terminal,
 		value
 	]);
-	useEffect(() => {
+	(0, import_react.useEffect)(() => {
 		return () => {
 			terminal.publishProgress(owner.current, "inactive");
 		};
 	}, [terminal]);
 };
 const useClipboard = () => {
-	const terminal = useContext(TerminalOscContext);
-	return useCallback((text, selection) => terminal.copyToClipboard(text, selection), [terminal]);
+	const terminal = (0, import_react.useContext)(TerminalOscContext);
+	return (0, import_react.useCallback)((text, selection) => terminal.copyToClipboard(text, selection), [terminal]);
 };
 const useTitle = (title) => {
-	const terminal = useContext(TerminalOscContext);
-	const owner = useRef(void 0);
+	const terminal = (0, import_react.useContext)(TerminalOscContext);
+	const owner = (0, import_react.useRef)(void 0);
 	owner.current ??= Symbol("terminal-title");
-	useEffect(() => {
+	(0, import_react.useEffect)(() => {
 		terminal.publishTitle(owner.current, title);
 	}, [terminal, title]);
-	useEffect(() => () => terminal.publishTitle(owner.current, void 0), [terminal]);
+	(0, import_react.useEffect)(() => () => terminal.publishTitle(owner.current, void 0), [terminal]);
 };
 const useWorkingDirectory = (directory) => {
-	const terminal = useContext(TerminalOscContext);
-	useEffect(() => {
+	const terminal = (0, import_react.useContext)(TerminalOscContext);
+	(0, import_react.useEffect)(() => {
 		terminal.setWorkingDirectory(directory);
 	}, [directory, terminal]);
 };
 const useNotification = () => {
-	const terminal = useContext(TerminalOscContext);
-	return useCallback((title) => terminal.notify(title), [terminal]);
+	const terminal = (0, import_react.useContext)(TerminalOscContext);
+	return (0, import_react.useCallback)((title) => terminal.notify(title), [terminal]);
 };
 const usePointerShape = (shape) => {
-	const terminal = useContext(TerminalOscContext);
-	useEffect(() => {
+	const terminal = (0, import_react.useContext)(TerminalOscContext);
+	(0, import_react.useEffect)(() => {
 		terminal.setPointerShape(shape);
 	}, [shape, terminal]);
 };
@@ -2922,10 +3100,15 @@ A React hook that returns the current terminal window dimensions and re-renders
 Reads the capabilities store, so on terminals that send in-band size reports
 (mode 2048) the dimensions are the emulator's own, arriving after it has
 rewrapped its screen; elsewhere they are the stream's `columns`/`rows`.
+Subscribing to dimensions does not initiate capability queries. In-band reports
+are used when another consumer has explicitly enabled capability discovery.
 */
 const useWindowSize = () => {
-	const { size } = useCapabilities();
-	return useMemo(() => ({
+	const { stdin } = useStdinContext();
+	const { stdout } = useStdout();
+	const store = getCapabilities(stdin, stdout);
+	const { size } = (0, import_react.useSyncExternalStore)(store.subscribe, () => store.current);
+	return (0, import_react.useMemo)(() => ({
 		columns: size.columns,
 		rows: size.rows
 	}), [size.columns, size.rows]);
@@ -2970,22 +3153,22 @@ return (
 ```
 */
 const useBoxMetrics = (ref) => {
-	const [metrics, setMetrics] = useState(emptyMetrics);
-	const [hasMeasured, setHasMeasured] = useState(false);
-	const updateMetrics = useCallback(() => {
+	const [metrics, setMetrics] = (0, import_react.useState)(emptyMetrics);
+	const [hasMeasured, setHasMeasured] = (0, import_react.useState)(false);
+	const updateMetrics = (0, import_react.useCallback)(() => {
 		const layout = ref.current?.yogaNode?.getComputedLayout() ?? emptyMetrics;
 		setMetrics((previousMetrics) => {
 			return previousMetrics.width !== layout.width || previousMetrics.height !== layout.height || previousMetrics.left !== layout.left || previousMetrics.top !== layout.top ? layout : previousMetrics;
 		});
 		setHasMeasured(Boolean(ref.current));
 	}, [ref]);
-	useEffect(updateMetrics);
-	useEffect(() => {
+	(0, import_react.useEffect)(updateMetrics);
+	(0, import_react.useEffect)(() => {
 		const rootNode = findRootNode(ref.current);
 		if (!rootNode) return;
 		return addLayoutListener(rootNode, updateMetrics);
 	});
-	return useMemo(() => ({
+	return (0, import_react.useMemo)(() => ({
 		...metrics,
 		hasMeasured
 	}), [metrics, hasMeasured]);
@@ -3026,4 +3209,4 @@ const measureElement = (node) => {
 	};
 };
 //#endregion
-export { AnsiText, Box, Hyperlink, Newline, Spacer, Static, Text, Transform, applyTerminalQuery, capabilities, createSupportsColor, detectCapabilities, detectColorLevel, detectHyperlinkSupport, detectTerminal, detectUnicodeSupport, getCapabilities, getTerminalQuery, kittyFlags, kittyModifiers, measureElement, queryTerminal, refreshTerminalQuery, render, renderToString, useAnimation, useApp, useBoxMetrics, useCapabilities, useCapabilitiesChange, useClipboard, useCursor, useFocus, useFocusManager, useInput, useIsScreenReaderEnabled, useNotification, usePaste, usePointerShape, useProgress, useStderr, useStdin, useStdout, useTitle, useWindowSize, useWorkingDirectory };
+export { AnsiText, Box, Hyperlink, Newline, Spacer, Static, Text, Transform, VirtualList, applyTerminalQuery, capabilities, createSupportsColor, detectCapabilities, detectColorLevel, detectHyperlinkSupport, detectTerminal, detectUnicodeSupport, getCapabilities, getTerminalQuery, kittyFlags, kittyModifiers, measureElement, queryTerminal, refreshTerminalQuery, render, renderToString, useAnimation, useApp, useBoxMetrics, useCapabilities, useCapabilitiesChange, useClipboard, useCursor, useFocus, useFocusManager, useInput, useIsScreenReaderEnabled, useNotification, usePaste, usePointerShape, useProgress, useStderr, useStdin, useStdout, useTitle, useVirtualScroll, useWindowSize, useWorkingDirectory };