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

package/README.md

@@ -164,6 +164,7 @@ _(PRs welcome. Append new entries at the end. Repos must have 100+ stars and sho
   - [`<Spacer>`](#spacer)
   - [`<Static>`](#static)
   - [`<Transform>`](#transform)
+  - [`<VirtualList>`](#virtuallist)
 - [Hooks](#hooks)
   - [`useInput`](#useinputinputhandler-options)
   - [`usePaste`](#usepastehandler-options)
@@ -171,6 +172,7 @@ _(PRs welcome. Append new entries at the end. Repos must have 100+ stars and sho
   - [`useStdin`](#usestdin)
   - [`useStdout`](#usestdout)
   - [`useBoxMetrics`](#useboxmetricsref)
+  - [`useVirtualScroll`](#usevirtualscrolloptions)
   - [`useStderr`](#usestderr)
   - [`useWindowSize`](#usewindowsize)
   - [`useFocus`](#usefocusoptions)
@@ -1655,6 +1657,87 @@ Type: `number`
 
 The zero-indexed line number of the line that's currently being transformed.
 
+### `<VirtualList>`
+
+A vertically windowed list. Only the items that intersect 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.
+
+Give it a fixed `height`, or omit it and bound an ancestor instead: the list then takes the height of its content and shrinks to whatever rows the container leaves over. Siblings that must keep their size need `flexShrink={0}`, because every `<Box>` shrinks by default.
+
+```jsx
+import { useState } from "react";
+import { render, Box, Text, VirtualList, useInput, useWindowSize } from "@alchemy.run/sigil";
+
+const entries = Array.from({ length: 200 }, (_, index) => `entry ${index}`);
+
+const Example = () => {
+  const { rows } = useWindowSize();
+  const [cursor, setCursor] = useState(0);
+
+  useInput((_, key) => {
+    if (key.upArrow) setCursor((index) => Math.max(0, index - 1));
+    if (key.downArrow) setCursor((index) => Math.min(entries.length - 1, index + 1));
+  });
+
+  return (
+    <Box flexDirection="column" maxHeight={rows}>
+      <Box flexShrink={0}>
+        <Text bold>Entries</Text>
+      </Box>
+      <VirtualList
+        items={entries}
+        itemHeight={() => 1}
+        focusedIndex={cursor}
+        renderItem={(entry, index) => <Text inverse={index === cursor}>{entry}</Text>}
+      />
+      <Box flexShrink={0}>
+        <Text dimColor>↑/↓ move</Text>
+      </Box>
+    </Box>
+  );
+};
+
+render(<Example />);
+```
+
+#### items
+
+Type: `ReadonlyArray<Item>`
+
+Items to window over.
+
+#### itemHeight
+
+Type: `(item: Item, index: number) => number`
+
+Height of an item in rows. It must match what `renderItem` produces for it: the window is computed from these numbers, never from the rendered output.
+
+#### renderItem
+
+Type: `(item: Item, index: number) => ReactNode`
+
+Render one item. Only items intersecting the viewport are rendered.
+
+#### getKey
+
+Type: `(item: Item, index: number) => React.Key`
+
+React key for an item. Defaults to its index.
+
+#### focusedIndex
+
+Type: `number`
+
+Item to keep fully visible. When it changes, the list scrolls as little as necessary to show it. An item taller than the viewport is aligned to its top.
+
+#### height
+
+Type: `number`
+
+Viewport height in rows. When omitted the list shrinks to the space its container leaves over, as described above.
+
+> [!NOTE]
+> Until the first layout pass has measured the viewport, every item is rendered inside the clipped box so the first frame already looks right.
+
 ## Hooks
 
 ### useInput(inputHandler, options?)
@@ -2174,6 +2257,99 @@ Whether the currently tracked element has been measured.
 > [!NOTE]
 > The hook returns `{width: 0, height: 0, left: 0, top: 0}` until the first layout pass completes. It also returns zeros when the tracked ref is detached.
 
+### useVirtualScroll(options)
+
+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.
+
+[`<VirtualList>`](#virtuallist) wraps this hook. Use it directly to draw your own chrome around the window, such as overflow markers or a scrollbar.
+
+```jsx
+import { Box, Text, useVirtualScroll } from "@alchemy.run/sigil";
+
+const Example = ({ lines, cursor }) => {
+  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>
+  );
+};
+```
+
+#### options
+
+##### count
+
+Type: `number`
+
+Number of items in the list.
+
+##### itemHeight
+
+Type: `(index: number) => number`
+
+Height of the item at `index` in rows. It must match what the item renders.
+
+##### viewportHeight
+
+Type: `number`
+
+Rows available to show items.
+
+##### focusedIndex
+
+Type: `number`
+
+Item that must stay fully visible. An item taller than the viewport is aligned to the top. Out-of-range values are ignored.
+
+#### Result
+
+##### start, end
+
+Type: `number`
+
+The items intersecting the viewport are `[start, end)`.
+
+##### offset
+
+Type: `number`
+
+Position of the `start` item relative to the top of the viewport. Zero or negative: a negative value means the item is partially scrolled out above. Apply it as `marginTop` on the box holding the rendered items.
+
+##### scrollTop, maxScrollTop, totalHeight
+
+Type: `number`
+
+The effective position, the largest position that still fills the viewport, and the height of every item combined, all in rows.
+
+##### hiddenAbove, hiddenBelow
+
+Type: `number`
+
+Rows scrolled out above the viewport and rows left below it.
+
+##### scrollTo(top), scrollBy(delta)
+
+Type: `(rows: number) => void`
+
+Move the viewport. While `focusedIndex` is set, a position that would hide it is corrected on the next render.
+
 ### useStderr()
 
 A React hook that returns the stderr stream and stderr-related utilities.

package/THIRD_PARTY_NOTICES.md

@@ -179,3 +179,31 @@ Licensed under the MIT License (text above).
 Copyright (c) Sindre Sorhus <sindresorhus@gmail.com> (https://sindresorhus.com)
 
 Licensed under the MIT License (text above).
+
+## React
+
+The published `dist/` bundles [React](https://github.com/facebook/react),
+`react-reconciler`, and `scheduler` so the renderer owns a single React
+instance.
+
+MIT License
+
+Copyright (c) Meta Platforms, Inc. and affiliates.
+
+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/ansi.d.ts

@@ -3,7 +3,7 @@ import { A as exitAlternativeScreen, C as enableBracketedPaste, D as eraseLines,
 import { a as queryClipboard, c as setTerminalProgress, d as tmuxPassthrough, i as notify, l as setWindowTitle, n as TerminalProgressState, o as setClipboard, r as clearClipboard, s as setPointerShape, t as ClipboardSelection, u as setWorkingDirectory } from "./osc-Cn0fw77g.js";
 import { _ as tokenize, a as StyledChar, c as diffAnsiCodes, d as getLinkStartCode, f as isIntensityCode, g as styledCharsToString, h as styledCharsFromTokens, i as ControlToken, l as endCodesSet, m as reduceAnsiCodesIncremental, n as AnsiToken, o as Token, p as reduceAnsiCodes, r as CharToken, s as ansiCodesToString, t as AnsiCode, u as getEndCode, v as undoAnsiCodes } from "./tokenize-Dx1y_l5H.js";
 //#region src/ansi/sgr.d.ts
-type StylePair = {
+export type StylePair = {
   readonly open: string;
   readonly close: string;
 };
@@ -58,39 +58,39 @@ declare const bgColorCodes: {
   readonly bgCyanBright: readonly [106, 49];
   readonly bgWhiteBright: readonly [107, 49];
 };
-type ModifierName = keyof typeof modifierCodes;
-type ForegroundColorName = keyof typeof colorCodes;
-type BackgroundColorName = keyof typeof bgColorCodes;
-type StyleName = ModifierName | ForegroundColorName | BackgroundColorName;
-declare const modifierNames: ModifierName[];
-declare const foregroundColorNames: ForegroundColorName[];
-declare const backgroundColorNames: BackgroundColorName[];
+export type ModifierName = keyof typeof modifierCodes;
+export type ForegroundColorName = keyof typeof colorCodes;
+export type BackgroundColorName = keyof typeof bgColorCodes;
+export type StyleName = ModifierName | ForegroundColorName | BackgroundColorName;
+export declare const modifierNames: ModifierName[];
+export declare const foregroundColorNames: ForegroundColorName[];
+export declare const backgroundColorNames: BackgroundColorName[];
 /**
 Named SGR styles as `{open, close}` escape sequence pairs.
 */
-declare const styles: Record<StyleName, StylePair>;
+export declare const styles: Record<StyleName, StylePair>;
 /**
 Raw SGR code numbers: open code → close code.
 */
-declare const codes: ReadonlyMap<number, number>;
-declare const foreground: {
+export declare const codes: ReadonlyMap<number, number>;
+export declare const foreground: {
   close: string;
   ansi: (code: number) => string;
   ansi256: (code: number) => string;
   ansi16m: (red: number, green: number, blue: number) => string;
 };
-declare const background: {
+export declare const background: {
   close: string;
   ansi: (code: number) => string;
   ansi256: (code: number) => string;
   ansi16m: (red: number, green: number, blue: number) => string;
 };
-declare const rgbToAnsi256: (red: number, green: number, blue: number) => number;
-declare const hexToRgb: (hex: string) => [number, number, number];
-declare const hexToAnsi256: (hex: string) => number;
-declare const ansi256ToAnsi: (code: number) => number;
-declare const rgbToAnsi: (red: number, green: number, blue: number) => number;
-declare const hexToAnsi: (hex: string) => number;
+export declare const rgbToAnsi256: (red: number, green: number, blue: number) => number;
+export declare const hexToRgb: (hex: string) => [number, number, number];
+export declare const hexToAnsi256: (hex: string) => number;
+export declare const ansi256ToAnsi: (code: number) => number;
+export declare const rgbToAnsi: (red: number, green: number, blue: number) => number;
+export declare const hexToAnsi: (hex: string) => number;
 //#endregion
 //#region src/ansi/chalk.d.ts
 type StyleFunction = (text: string) => string;
@@ -104,8 +104,8 @@ type Chalk = NamedStyles & {
   ansi256: (code: number) => StyleFunction;
   bgAnsi256: (code: number) => StyleFunction;
 };
-declare const chalk: Chalk;
-declare const supportsColor: ColorInfo;
+export declare const chalk: Chalk;
+export declare const supportsColor: ColorInfo;
 //#endregion
 //#region src/ansi/hyperlink.d.ts
 type HyperlinkOptions = {
@@ -136,66 +136,66 @@ import { hyperlink } from "@alchemy.run/sigil/ansi";
 console.log(hyperlink("Documentation", "https://example.com"));
 ```
 */
-declare const hyperlink: (text: string, url: string, { fallback, stream }?: HyperlinkOptions) => string;
+export declare const hyperlink: (text: string, url: string, { fallback, stream }?: HyperlinkOptions) => string;
 //#endregion
 //#region src/ansi/cursor.d.ts
 type CursorStream = {
   isTTY?: boolean;
   write: (data: string) => unknown;
 };
-declare const cliCursor: {
+export declare const cliCursor: {
   show(writableStream?: CursorStream): void;
   hide(writableStream?: CursorStream): void;
 };
 //#endregion
 //#region src/ansi/string-width.d.ts
-declare const stringWidth: (input: string) => number;
-declare const widestLine: (text: string) => number;
+export declare const stringWidth: (input: string) => number;
+export declare const widestLine: (text: string) => number;
 //#endregion
 //#region src/ansi/east-asian-width.d.ts
-type EastAsianWidthType = "ambiguous" | "fullwidth" | "halfwidth" | "narrow" | "neutral" | "wide";
-declare const ambiguousMinimalCodePoint = 161;
-declare const ambiguousMaximumCodePoint = 1114109;
-declare const ambiguousRanges: readonly number[];
-declare const fullwidthMinimalCodePoint = 12288;
-declare const fullwidthMaximumCodePoint = 65510;
-declare const fullwidthRanges: readonly number[];
-declare const halfwidthMinimalCodePoint = 8361;
-declare const halfwidthMaximumCodePoint = 65518;
-declare const halfwidthRanges: readonly number[];
-declare const narrowMinimalCodePoint = 32;
-declare const narrowMaximumCodePoint = 10630;
-declare const narrowRanges: readonly number[];
-declare const wideMinimalCodePoint = 4352;
-declare const wideMaximumCodePoint = 262141;
-declare const wideRanges: readonly number[];
-declare const isAmbiguous: (codePoint: number) => boolean;
-declare const isFullWidth: (codePoint: number) => boolean;
-declare const isWide: (codePoint: number) => boolean;
-declare function getCategory(codePoint: number): EastAsianWidthType;
-declare function eastAsianWidthType(codePoint: number): EastAsianWidthType;
-declare function eastAsianWidth(codePoint: number, { ambiguousAsWide }?: {
+export type EastAsianWidthType = "ambiguous" | "fullwidth" | "halfwidth" | "narrow" | "neutral" | "wide";
+export declare const ambiguousMinimalCodePoint = 161;
+export declare const ambiguousMaximumCodePoint = 1114109;
+export declare const ambiguousRanges: readonly number[];
+export declare const fullwidthMinimalCodePoint = 12288;
+export declare const fullwidthMaximumCodePoint = 65510;
+export declare const fullwidthRanges: readonly number[];
+export declare const halfwidthMinimalCodePoint = 8361;
+export declare const halfwidthMaximumCodePoint = 65518;
+export declare const halfwidthRanges: readonly number[];
+export declare const narrowMinimalCodePoint = 32;
+export declare const narrowMaximumCodePoint = 10630;
+export declare const narrowRanges: readonly number[];
+export declare const wideMinimalCodePoint = 4352;
+export declare const wideMaximumCodePoint = 262141;
+export declare const wideRanges: readonly number[];
+export declare const isAmbiguous: (codePoint: number) => boolean;
+export declare const isFullWidth: (codePoint: number) => boolean;
+export declare const isWide: (codePoint: number) => boolean;
+export declare function getCategory(codePoint: number): EastAsianWidthType;
+export declare function eastAsianWidthType(codePoint: number): EastAsianWidthType;
+export declare function eastAsianWidth(codePoint: number, { ambiguousAsWide }?: {
   ambiguousAsWide?: boolean;
 }): 1 | 2;
 /**
 Grapheme-cluster width test shared by the tokenizer (slice/clip path): the
 base code point's East Asian Width, plus emoji presentation rules.
 */
-declare function isFullwidthGrapheme(grapheme: string, baseCodePoint: number): boolean;
+export declare function isFullwidthGrapheme(grapheme: string, baseCodePoint: number): boolean;
 /**
 Wide code points not covered by string-width's CJKT script regex or emoji
 regex — the fallback bucket of its block parser. A disjoint decomposition of
 the `wide` table above, kept alongside it so the width data lives in one
 module.
 */
-declare const isWideNotCJKTNotEmoji: (x: number) => boolean;
-declare function isFullwidthCodePoint(codePoint: number): boolean;
+export declare const isWideNotCJKTNotEmoji: (x: number) => boolean;
+export declare function isFullwidthCodePoint(codePoint: number): boolean;
 //#endregion
 //#region src/ansi/strip.d.ts
-declare const stripAnsi: (input: string) => string;
+export declare const stripAnsi: (input: string) => string;
 //#endregion
 //#region src/ansi/slice.d.ts
-declare function sliceAnsi(string: string, start: number, end?: number): string;
+export declare function sliceAnsi(string: string, start: number, end?: number): string;
 //#endregion
 //#region src/ansi/truncate.d.ts
 type TruncateOptions = {
@@ -212,6 +212,6 @@ type WrapOptions = {
   readonly hard?: boolean;
   readonly wordWrap?: boolean;
 };
-declare function wrapAnsi(string: string, columns: number, options?: WrapOptions): string;
+export declare function wrapAnsi(string: string, columns: number, options?: WrapOptions): string;
 //#endregion
-export { AnsiCode, AnsiToken, BEL, BackgroundColorName, C1_CSI, C1_ST, CSI, CharToken, ClipboardSelection, ControlToken, CursorShape, DEL, ESC, EastAsianWidthType, ForegroundColorName, ModifierName, OSC, ST, StyleName, StylePair, StyledChar, TerminalProgressState, Token, ambiguousMaximumCodePoint, ambiguousMinimalCodePoint, ambiguousRanges, ansi256ToAnsi, ansiCodesToString, ansiEscapes, background, backgroundColorNames, bsu, chalk, clearClipboard, clearTerminal, cliCursor, codes, cursorColor, cursorDown, cursorHide, cursorLeft, cursorNextLine, cursorShape, cursorShow, cursorTo, cursorUp, diffAnsiCodes, disableBracketedPaste, eastAsianWidth, eastAsianWidthType, enableBracketedPaste, endCodesSet, enterAlternativeScreen, eraseEndLine, eraseLine, eraseLines, eraseScreen, esu, exitAlternativeScreen, foreground, foregroundColorNames, fullwidthMaximumCodePoint, fullwidthMinimalCodePoint, fullwidthRanges, getCategory, getEndCode, getLinkStartCode, halfwidthMaximumCodePoint, halfwidthMinimalCodePoint, halfwidthRanges, hexToAnsi, hexToAnsi256, hexToRgb, hyperlink, isAmbiguous, isFullWidth, isFullwidthCodePoint, isFullwidthGrapheme, isIntensityCode, isWide, isWideNotCJKTNotEmoji, kittyQuery, link, modifierNames, narrowMaximumCodePoint, narrowMinimalCodePoint, narrowRanges, notify, pasteEnd, pasteStart, popKittyKeyboard, pushKittyKeyboard, queryClipboard, reduceAnsiCodes, reduceAnsiCodesIncremental, resetCursorColor, rgbToAnsi, rgbToAnsi256, setClipboard, setPointerShape, setTerminalProgress, setWindowTitle, setWorkingDirectory, sliceAnsi, stringWidth, stripAnsi, styledCharsFromTokens, styledCharsToString, styles, supportsColor, tmuxPassthrough, tokenize, cliTruncate as truncateAnsi, undoAnsiCodes, wideMaximumCodePoint, wideMinimalCodePoint, wideRanges, widestLine, wrapAnsi };
+export { AnsiCode, AnsiToken, BEL, C1_CSI, C1_ST, CSI, CharToken, ClipboardSelection, ControlToken, CursorShape, DEL, ESC, OSC, ST, StyledChar, TerminalProgressState, Token, ansiCodesToString, ansiEscapes, bsu, clearClipboard, clearTerminal, cursorColor, cursorDown, cursorHide, cursorLeft, cursorNextLine, cursorShape, cursorShow, cursorTo, cursorUp, diffAnsiCodes, disableBracketedPaste, enableBracketedPaste, endCodesSet, enterAlternativeScreen, eraseEndLine, eraseLine, eraseLines, eraseScreen, esu, exitAlternativeScreen, getEndCode, getLinkStartCode, isIntensityCode, kittyQuery, link, notify, pasteEnd, pasteStart, popKittyKeyboard, pushKittyKeyboard, queryClipboard, reduceAnsiCodes, reduceAnsiCodesIncremental, resetCursorColor, setClipboard, setPointerShape, setTerminalProgress, setWindowTitle, setWorkingDirectory, styledCharsFromTokens, styledCharsToString, tmuxPassthrough, tokenize, cliTruncate as truncateAnsi, undoAnsiCodes };

package/dist/capabilities.js

@@ -1,3 +1,3 @@
 import { a as detectTerminal, i as detectHyperlinkSupport, n as detectCapabilities, o as detectUnicodeSupport, r as detectColorLevel, t as createSupportsColor } from "./detect-B3dL4Q11.js";
-import { d as queryTerminal, f as refreshTerminalQuery, i as getCapabilities, l as getTerminalQuery, n as resolveColorProfile, r as capabilities, s as applyTerminalQuery, t as colorState } from "./color-policy-DlrZXC0f.js";
+import { f as queryTerminal, i as getCapabilities, l as getTerminalQuery, n as resolveColorProfile, p as refreshTerminalQuery, r as capabilities, s as applyTerminalQuery, t as colorState } from "./color-policy-BAC9-TZX.js";
 export { applyTerminalQuery, capabilities, colorState, createSupportsColor, detectCapabilities, detectColorLevel, detectHyperlinkSupport, detectTerminal, detectUnicodeSupport, getCapabilities, getTerminalQuery, queryTerminal, refreshTerminalQuery, resolveColorProfile };

package/dist/{color-policy-DlrZXC0f.js → color-policy-BAC9-TZX.js}

@@ -66,6 +66,18 @@ const kittyGraphicsResponse = new RegExp(`_G([^]*)\\\\`);
 const winopsResponse = new RegExp(`\\[(4|6);(\\d+);(\\d+)t`);
 const colorSchemeResponse = new RegExp(`\\[\\?997;(\\d+)n`);
 const da1Response = new RegExp(`\\[\\?([\\d;]*)c`);
+const terminalResponses = [
+	oscColorResponse,
+	kittyKeyboardResponse,
+	decrqmResponse,
+	xtversionResponse,
+	xtgettcapResponse,
+	kittyGraphicsResponse,
+	winopsResponse,
+	colorSchemeResponse,
+	da1Response
+].map((pattern) => new RegExp(`^(?:${pattern.source})$`));
+const isTerminalQueryResponse = (sequence) => terminalResponses.some((pattern) => pattern.test(sequence));
 const buildQuery = (palette, scope) => {
 	const queries = [
 		`${OSC}10;?`,
@@ -125,6 +137,7 @@ const queryTerminal = async (stdin, stdout, { timeout = 500, palette = true, sco
 		if (done) return;
 		done = true;
 		clearTimeout(timer);
+		stdin.pause();
 		stdin.removeListener("data", onData);
 		if (paletteColors.size === paletteSize) result.palette = Array.from({ length: paletteSize }, (_, index) => paletteColors.get(index));
 		result.systemAppearance = reportedAppearance;
@@ -213,6 +226,7 @@ const queryTerminal = async (stdin, stdout, { timeout = 500, palette = true, sco
 	};
 	stdin.on("data", onData);
 	const timer = setTimeout(finish, timeout);
+	stdin.resume();
 	stdout.write(buildQuery(palette, scope));
 });
 const queryPromises = /* @__PURE__ */ new WeakMap();
@@ -575,4 +589,4 @@ function colorState(capabilities, policy = "auto") {
 	};
 }
 //#endregion
-export { registerTerminalIntegration as a, ensureTerminalQuery as c, queryTerminal as d, refreshTerminalQuery as f, getCapabilities as i, getTerminalQuery as l, resolveColorProfile as n, getRawModeStream as o, capabilities as r, applyTerminalQuery as s, colorState as t, getTerminalQueryPromise as u };
+export { registerTerminalIntegration as a, ensureTerminalQuery as c, isTerminalQueryResponse as d, queryTerminal as f, getCapabilities as i, getTerminalQuery as l, resolveColorProfile as n, getRawModeStream as o, refreshTerminalQuery as p, capabilities as r, applyTerminalQuery as s, colorState as t, getTerminalQueryPromise as u };

package/dist/color.d.ts

@@ -2,20 +2,20 @@ import { c as Color, d as RgbColor } from "./color-profile-CyeHnG1T.js";
 import { _ as perimeterGradient, a as LinearGradient, c as PaintContext, d as adaptive, f as ansi, g as perProfile, h as named, i as InterpolationSpace, l as PerimeterGradient, m as linearGradient, n as ColorInput, o as NamedColor, p as ansi256, r as GradientStop, s as Paint, t as AdaptiveColor, u as ProfileColor, v as rgb } from "./paint-Cx-zC_sX.js";
 import { n as Rect } from "./geometry-BxXOzJgo.js";
 //#region src/color/palette.d.ts
-declare const canonicalAnsiPalette: readonly RgbColor[];
-declare function colorToRgb(color: Color, palette?: readonly {
+export declare const canonicalAnsiPalette: readonly RgbColor[];
+export declare function colorToRgb(color: Color, palette?: readonly {
   r: number;
   g: number;
   b: number;
 }[]): RgbColor;
 //#endregion
 //#region src/color/sample.d.ts
-declare function samplePaint(paint: Paint, x: number, y: number, bounds: Rect, context?: PaintContext): Color | undefined;
-declare function blend(source: Color, destination: Color, palette?: PaintContext["palette"]): Color;
+export declare function samplePaint(paint: Paint, x: number, y: number, bounds: Rect, context?: PaintContext): Color | undefined;
+export declare function blend(source: Color, destination: Color, palette?: PaintContext["palette"]): Color;
 /** Progressively moves a color toward white in perceptual OKLab space. */
-declare function lighten(color: Color, amount: number, palette?: PaintContext["palette"]): RgbColor;
+export declare function lighten(color: Color, amount: number, palette?: PaintContext["palette"]): RgbColor;
 /** Progressively moves a color toward black in perceptual OKLab space. */
-declare function darken(color: Color, amount: number, palette?: PaintContext["palette"]): RgbColor;
-declare function interpolateColor(from: Color, to: Color, amount: number, space?: InterpolationSpace, palette?: PaintContext["palette"]): RgbColor;
+export declare function darken(color: Color, amount: number, palette?: PaintContext["palette"]): RgbColor;
+export declare function interpolateColor(from: Color, to: Color, amount: number, space?: InterpolationSpace, palette?: PaintContext["palette"]): RgbColor;
 //#endregion
-export { AdaptiveColor, ColorInput, GradientStop, InterpolationSpace, LinearGradient, NamedColor, Paint, PaintContext, PerimeterGradient, ProfileColor, adaptive, ansi, ansi256, blend, canonicalAnsiPalette, colorToRgb, darken, interpolateColor, lighten, linearGradient, named, perProfile, perimeterGradient, rgb, samplePaint };
+export { AdaptiveColor, ColorInput, GradientStop, InterpolationSpace, LinearGradient, NamedColor, Paint, PaintContext, PerimeterGradient, ProfileColor, adaptive, ansi, ansi256, linearGradient, named, perProfile, perimeterGradient, rgb };

package/dist/{devtools-DbthxoD1.js → devtools-B_2SDRaO.js}

@@ -50,7 +50,10 @@ Object.defineProperty(globalThis, "__REACT_DEVTOOLS_COMPONENT_FILTERS__", { valu
 ] });
 const isDevToolsReachable = () => new Promise((resolve) => {
 	const socket = new WebSocket("ws://localhost:8097");
+	let settled = false;
 	const settle = (reachable) => {
+		if (settled) return;
+		settled = true;
 		clearTimeout(timeout);
 		socket.close();
 		resolve(reachable);