@kingkoo1985/ink 6.6.6

package/build/components/Box.d.ts

@@ -0,0 +1,171 @@
+import React, { type ReactNode } from 'react';
+import { type Except } from 'type-fest';
+import { type Styles } from '../styles.js';
+import { type DOMElement } from '../dom.js';
+export type Props = Except<Styles, 'textWrap'> & {
+    /**
+    A label for the element for screen readers.
+    */
+    readonly 'aria-label'?: string;
+    /**
+    Hide the element from screen readers.
+    */
+    readonly 'aria-hidden'?: boolean;
+    /**
+    The role of the element.
+    */
+    readonly 'aria-role'?: 'button' | 'checkbox' | 'combobox' | 'list' | 'listbox' | 'listitem' | 'menu' | 'menuitem' | 'option' | 'progressbar' | 'radio' | 'radiogroup' | 'tab' | 'tablist' | 'table' | 'textbox' | 'timer' | 'toolbar';
+    /**
+    The state of the element.
+    */
+    readonly 'aria-state'?: {
+        readonly busy?: boolean;
+        readonly checked?: boolean;
+        readonly disabled?: boolean;
+        readonly expanded?: boolean;
+        readonly multiline?: boolean;
+        readonly multiselectable?: boolean;
+        readonly readonly?: boolean;
+        readonly required?: boolean;
+        readonly selected?: boolean;
+    };
+    /**
+     * Make the element opaque even if no background color is specified.
+     */
+    readonly opaque?: boolean;
+    /**
+     * Make the element sticky.
+     */
+    readonly sticky?: boolean | 'top' | 'bottom';
+    /**
+     * Content to render when the element is sticky.
+     */
+    readonly stickyChildren?: ReactNode;
+    /**
+     * Whether to render scrollbars if the element is scrollable.
+     * @default true
+     */
+    readonly scrollbar?: boolean;
+    /**
+     * Keep the scrollback history stable when content shrinks.
+     * Only applies when `overflowToBackbuffer` is also enabled.
+     * @default false
+     */
+    readonly stableScrollback?: boolean;
+};
+/**
+`<Box>` is an essential Ink component to build your layout. It's like `<div style="display: flex">` in the browser.
+*/
+declare const Box: React.ForwardRefExoticComponent<{
+    readonly position?: "absolute" | "relative" | undefined;
+    readonly columnGap?: number | undefined;
+    readonly rowGap?: number | undefined;
+    readonly gap?: number | undefined;
+    readonly margin?: number | undefined;
+    readonly marginX?: number | undefined;
+    readonly marginY?: number | undefined;
+    readonly marginTop?: number | undefined;
+    readonly marginBottom?: number | undefined;
+    readonly marginLeft?: number | undefined;
+    readonly marginRight?: number | undefined;
+    readonly padding?: number | undefined;
+    readonly paddingX?: number | undefined;
+    readonly paddingY?: number | undefined;
+    readonly paddingTop?: number | undefined;
+    readonly paddingBottom?: number | undefined;
+    readonly paddingLeft?: number | undefined;
+    readonly paddingRight?: number | undefined;
+    readonly flexGrow?: number | undefined;
+    readonly flexShrink?: number | undefined;
+    readonly flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+    readonly flexBasis?: number | string | undefined;
+    readonly flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
+    readonly alignItems?: "flex-start" | "center" | "flex-end" | "stretch" | undefined;
+    readonly alignSelf?: "flex-start" | "center" | "flex-end" | "auto" | undefined;
+    readonly justifyContent?: "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "center" | undefined;
+    readonly width?: number | string | undefined;
+    readonly height?: number | string | undefined;
+    readonly minWidth?: number | string | undefined;
+    readonly minHeight?: number | string | undefined;
+    readonly maxWidth?: number | string | undefined;
+    readonly maxHeight?: number | string | undefined;
+    readonly display?: "flex" | "none" | undefined;
+    readonly borderStyle?: (keyof import("cli-boxes").Boxes | import("cli-boxes").BoxStyle) | undefined;
+    readonly borderTop?: boolean | undefined;
+    readonly borderBottom?: boolean | undefined;
+    readonly borderLeft?: boolean | undefined;
+    readonly borderRight?: boolean | undefined;
+    readonly borderColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderTopColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderBottomColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderLeftColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderRightColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly borderDimColor?: boolean | undefined;
+    readonly borderTopDimColor?: boolean | undefined;
+    readonly borderBottomDimColor?: boolean | undefined;
+    readonly borderLeftDimColor?: boolean | undefined;
+    readonly borderRightDimColor?: boolean | undefined;
+    readonly overflow?: "visible" | "hidden" | "scroll" | undefined;
+    readonly overflowX?: "visible" | "hidden" | "scroll" | undefined;
+    readonly overflowY?: "visible" | "hidden" | "scroll" | undefined;
+    readonly overflowToBackbuffer?: boolean | undefined;
+    readonly stableScrollback?: boolean | undefined;
+    readonly backgroundColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly scrollTop?: number | undefined;
+    readonly scrollLeft?: number | undefined;
+    readonly scrollbarThumbColor?: import("type-fest").LiteralUnion<import("ansi-styles").ForegroundColorName, string> | undefined;
+    readonly userSelect?: "auto" | "none" | "text" | "all" | undefined;
+} & {
+    /**
+    A label for the element for screen readers.
+    */
+    readonly 'aria-label'?: string;
+    /**
+    Hide the element from screen readers.
+    */
+    readonly 'aria-hidden'?: boolean;
+    /**
+    The role of the element.
+    */
+    readonly 'aria-role'?: "button" | "checkbox" | "combobox" | "list" | "listbox" | "listitem" | "menu" | "menuitem" | "option" | "progressbar" | "radio" | "radiogroup" | "tab" | "tablist" | "table" | "textbox" | "timer" | "toolbar";
+    /**
+    The state of the element.
+    */
+    readonly 'aria-state'?: {
+        readonly busy?: boolean;
+        readonly checked?: boolean;
+        readonly disabled?: boolean;
+        readonly expanded?: boolean;
+        readonly multiline?: boolean;
+        readonly multiselectable?: boolean;
+        readonly readonly?: boolean;
+        readonly required?: boolean;
+        readonly selected?: boolean;
+    };
+    /**
+     * Make the element opaque even if no background color is specified.
+     */
+    readonly opaque?: boolean;
+    /**
+     * Make the element sticky.
+     */
+    readonly sticky?: boolean | "top" | "bottom";
+    /**
+     * Content to render when the element is sticky.
+     */
+    readonly stickyChildren?: ReactNode;
+    /**
+     * Whether to render scrollbars if the element is scrollable.
+     * @default true
+     */
+    readonly scrollbar?: boolean;
+    /**
+     * Keep the scrollback history stable when content shrinks.
+     * Only applies when `overflowToBackbuffer` is also enabled.
+     * @default false
+     */
+    readonly stableScrollback?: boolean;
+} & {
+    children?: ReactNode | undefined;
+} & React.RefAttributes<DOMElement>>;
+export default Box;

package/build/components/Box.js

@@ -0,0 +1,40 @@
+import React, { forwardRef, useContext, } from 'react';
+import { accessibilityContext } from './AccessibilityContext.js';
+import { backgroundContext } from './BackgroundContext.js';
+/**
+`<Box>` is an essential Ink component to build your layout. It's like `<div style="display: flex">` in the browser.
+*/
+const Box = forwardRef(({ children, stickyChildren, backgroundColor, 'aria-label': ariaLabel, 'aria-hidden': ariaHidden, 'aria-role': role, 'aria-state': ariaState, sticky, opaque, scrollbar = true, stableScrollback = false, ...style }, ref) => {
+    const { isScreenReaderEnabled } = useContext(accessibilityContext);
+    const label = ariaLabel ? React.createElement("ink-text", null, ariaLabel) : undefined;
+    if (isScreenReaderEnabled && ariaHidden) {
+        return null;
+    }
+    const boxElement = (React.createElement("ink-box", { ref: ref, style: {
+            flexWrap: 'nowrap',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 1,
+            ...style,
+            backgroundColor,
+            stableScrollback,
+            overflowX: style.overflowX ?? style.overflow ?? 'visible',
+            overflowY: style.overflowY ?? style.overflow ?? 'visible',
+        }, internal_accessibility: {
+            role,
+            state: ariaState,
+        }, sticky: sticky, opaque: opaque, scrollbar: scrollbar, stableScrollback: stableScrollback },
+        isScreenReaderEnabled && label ? label : children,
+        sticky && stickyChildren && !isScreenReaderEnabled && (React.createElement("ink-box", { internalStickyAlternate: true, style: {
+                position: 'absolute',
+                ...style,
+            } }, stickyChildren))));
+    // If this Box has a background color, provide it to children via context
+    if (backgroundColor) {
+        return (React.createElement(backgroundContext.Provider, { value: backgroundColor }, boxElement));
+    }
+    return boxElement;
+});
+Box.displayName = 'Box';
+export default Box;
+//# sourceMappingURL=Box.js.map

package/build/components/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/components/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,UAAU,EACV,UAAU,GAGV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAC,iBAAiB,EAAC,MAAM,wBAAwB,CAAC;AAgFzD;;EAEE;AACF,MAAM,GAAG,GAAG,UAAU,CACrB,CACC,EACC,QAAQ,EACR,cAAc,EACd,eAAe,EACf,YAAY,EAAE,SAAS,EACvB,aAAa,EAAE,UAAU,EACzB,WAAW,EAAE,IAAI,EACjB,YAAY,EAAE,SAAS,EACvB,MAAM,EACN,MAAM,EACN,SAAS,GAAG,IAAI,EAChB,gBAAgB,GAAG,KAAK,EACxB,GAAG,KAAK,EACR,EACD,GAAG,EACF,EAAE;IACH,MAAM,EAAC,qBAAqB,EAAC,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACjE,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,sCAAW,SAAS,CAAY,CAAC,CAAC,CAAC,SAAS,CAAC;IACvE,IAAI,qBAAqB,IAAI,UAAU,EAAE,CAAC;QACzC,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,UAAU,GAAG,CAClB,iCACC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACN,QAAQ,EAAE,QAAQ;YAClB,aAAa,EAAE,KAAK;YACpB,QAAQ,EAAE,CAAC;YACX,UAAU,EAAE,CAAC;YACb,GAAG,KAAK;YACR,eAAe;YACf,gBAAgB;YAChB,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,QAAQ,IAAI,SAAS;YACzD,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,QAAQ,IAAI,SAAS;SACzD,EACD,sBAAsB,EAAE;YACvB,IAAI;YACJ,KAAK,EAAE,SAAS;SAChB,EACD,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB;QAEjC,qBAAqB,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;QACjD,MAAM,IAAI,cAAc,IAAI,CAAC,qBAAqB,IAAI,CACtD,iCACC,uBAAuB,QACvB,KAAK,EAAE;gBACN,QAAQ,EAAE,UAAU;gBACpB,GAAG,KAAK;aACR,IAEA,cAAc,CACN,CACV,CACQ,CACV,CAAC;IAEF,yEAAyE;IACzE,IAAI,eAAe,EAAE,CAAC;QACrB,OAAO,CACN,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe,IAChD,UAAU,CACiB,CAC7B,CAAC;IACH,CAAC;IAED,OAAO,UAAU,CAAC;AACnB,CAAC,CACD,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,eAAe,GAAG,CAAC"}

package/build/components/ErrorOverview.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    readonly error: Error;
+};
+export default function ErrorOverview({ error }: Props): React.JSX.Element;
+export {};

package/build/components/ErrorOverview.js

@@ -0,0 +1,84 @@
+import * as fs from 'node:fs';
+import { cwd } from 'node:process';
+import React from 'react';
+import StackUtils from 'stack-utils';
+import codeExcerpt from 'code-excerpt';
+import Box from './Box.js';
+import Text from './Text.js';
+// Error's source file is reported as file:///home/user/file.js
+// This function removes the file://[cwd] part
+const cleanupPath = (path) => {
+    return path?.replace(`file://${cwd()}/`, '');
+};
+const stackUtils = new StackUtils({
+    cwd: cwd(),
+    internals: StackUtils.nodeInternals(),
+});
+export default function ErrorOverview({ error }) {
+    const stack = error.stack ? error.stack.split('\n').slice(1) : undefined;
+    const origin = stack ? stackUtils.parseLine(stack[0]) : undefined;
+    const filePath = cleanupPath(origin?.file);
+    let excerpt;
+    let lineWidth = 0;
+    if (filePath && origin?.line && fs.existsSync(filePath)) {
+        const sourceCode = fs.readFileSync(filePath, 'utf8');
+        excerpt = codeExcerpt(sourceCode, origin.line);
+        if (excerpt) {
+            for (const { line } of excerpt) {
+                lineWidth = Math.max(lineWidth, String(line).length);
+            }
+        }
+    }
+    return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+        React.createElement(Box, null,
+            React.createElement(Text, { backgroundColor: "red", color: "white" },
+                ' ',
+                "ERROR",
+                ' '),
+            React.createElement(Text, null,
+                " ",
+                error.message)),
+        origin && filePath && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { dimColor: true },
+                filePath,
+                ":",
+                origin.line,
+                ":",
+                origin.column))),
+        origin && excerpt && (React.createElement(Box, { marginTop: 1, flexDirection: "column" }, excerpt.map(({ line, value }) => (React.createElement(Box, { key: line },
+            React.createElement(Box, { width: lineWidth + 1 },
+                React.createElement(Text, { dimColor: line !== origin.line, backgroundColor: line === origin.line ? 'red' : undefined, color: line === origin.line ? 'white' : undefined, "aria-label": line === origin.line
+                        ? `Line ${line}, error`
+                        : `Line ${line}` },
+                    String(line).padStart(lineWidth, ' '),
+                    ":")),
+            React.createElement(Text, { key: line, backgroundColor: line === origin.line ? 'red' : undefined, color: line === origin.line ? 'white' : undefined }, ' ' + value)))))),
+        error.stack && (React.createElement(Box, { marginTop: 1, flexDirection: "column" }, error.stack
+            .split('\n')
+            .slice(1)
+            .map(line => {
+            const parsedLine = stackUtils.parseLine(line);
+            // If the line from the stack cannot be parsed, we print out the unparsed line.
+            if (!parsedLine) {
+                return (React.createElement(Box, { key: line },
+                    React.createElement(Text, { dimColor: true }, "- "),
+                    React.createElement(Text, { dimColor: true, bold: true },
+                        line,
+                        "\\t",
+                        ' ')));
+            }
+            return (React.createElement(Box, { key: line },
+                React.createElement(Text, { dimColor: true }, "- "),
+                React.createElement(Text, { dimColor: true, bold: true }, parsedLine.function),
+                React.createElement(Text, { dimColor: true, color: "gray", "aria-label": `at ${cleanupPath(parsedLine.file) ?? ''} line ${parsedLine.line} column ${parsedLine.column}` },
+                    ' ',
+                    "(",
+                    cleanupPath(parsedLine.file) ?? '',
+                    ":",
+                    parsedLine.line,
+                    ":",
+                    parsedLine.column,
+                    ")")));
+        })))));
+}
+//# sourceMappingURL=ErrorOverview.js.map

package/build/components/ErrorOverview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorOverview.js","sourceRoot":"","sources":["../../src/components/ErrorOverview.tsx"],"names":[],"mappings":"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"}

package/build/components/FocusContext.d.ts

@@ -0,0 +1,16 @@
+export type Props = {
+    readonly activeId?: string;
+    readonly add: (id: string, options: {
+        autoFocus: boolean;
+    }) => void;
+    readonly remove: (id: string) => void;
+    readonly activate: (id: string) => void;
+    readonly deactivate: (id: string) => void;
+    readonly enableFocus: () => void;
+    readonly disableFocus: () => void;
+    readonly focusNext: () => void;
+    readonly focusPrevious: () => void;
+    readonly focus: (id: string) => void;
+};
+declare const FocusContext: import("react").Context<Props>;
+export default FocusContext;

package/build/components/FocusContext.js

@@ -0,0 +1,16 @@
+import { createContext } from 'react';
+const FocusContext = createContext({
+    activeId: undefined,
+    add() { },
+    remove() { },
+    activate() { },
+    deactivate() { },
+    enableFocus() { },
+    disableFocus() { },
+    focusNext() { },
+    focusPrevious() { },
+    focus() { },
+});
+FocusContext.displayName = 'InternalFocusContext';
+export default FocusContext;
+//# sourceMappingURL=FocusContext.js.map

package/build/components/FocusContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusContext.js","sourceRoot":"","sources":["../../src/components/FocusContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAepC,MAAM,YAAY,GAAG,aAAa,CAAQ;IACzC,QAAQ,EAAE,SAAS;IACnB,GAAG,KAAI,CAAC;IACR,MAAM,KAAI,CAAC;IACX,QAAQ,KAAI,CAAC;IACb,UAAU,KAAI,CAAC;IACf,WAAW,KAAI,CAAC;IAChB,YAAY,KAAI,CAAC;IACjB,SAAS,KAAI,CAAC;IACd,aAAa,KAAI,CAAC;IAClB,KAAK,KAAI,CAAC;CACV,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAElD,eAAe,YAAY,CAAC"}

package/build/components/Newline.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export type Props = {
+    /**
+    Number of newlines to insert.
+
+    @default 1
+    */
+    readonly count?: number;
+};
+/**
+Adds one or more newline (`\n`) characters. Must be used within `<Text>` components.
+*/
+export default function Newline({ count }: Props): React.JSX.Element;

package/build/components/Newline.js

@@ -0,0 +1,8 @@
+import React from 'react';
+/**
+Adds one or more newline (`\n`) characters. Must be used within `<Text>` components.
+*/
+export default function Newline({ count = 1 }) {
+    return React.createElement("ink-text", null, '\n'.repeat(count));
+}
+//# sourceMappingURL=Newline.js.map

package/build/components/Newline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Newline.js","sourceRoot":"","sources":["../../src/components/Newline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B;;EAEE;AACF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAC,KAAK,GAAG,CAAC,EAAQ;IACjD,OAAO,sCAAW,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAY,CAAC;AAClD,CAAC"}

package/build/components/Spacer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+/**
+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.
+*/
+export default function Spacer(): React.JSX.Element;

package/build/components/Spacer.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import Box from './Box.js';
+/**
+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.
+*/
+export default function Spacer() {
+    return React.createElement(Box, { flexGrow: 1 });
+}
+//# sourceMappingURL=Spacer.js.map

package/build/components/Spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.js","sourceRoot":"","sources":["../../src/components/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,MAAM,UAAU,CAAC;AAE3B;;;;EAIE;AACF,MAAM,CAAC,OAAO,UAAU,MAAM;IAC7B,OAAO,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,GAAI,CAAC;AAC7B,CAAC"}

package/build/components/Static.d.ts

@@ -0,0 +1,24 @@
+import React, { type ReactNode } from 'react';
+import { type Styles } from '../styles.js';
+export type Props<T> = {
+    /**
+    Array of items of any type to render using the function you pass as a component child.
+    */
+    readonly items: T[];
+    /**
+    Styles to apply to a container of child elements. See <Box> for supported properties.
+    */
+    readonly style?: Styles;
+    /**
+    Function that is called to render every item in the `items` array. The first argument is the item itself, and the second argument is the index of that item in the `items` array. Note that a `key` must be assigned to the root component.
+    */
+    readonly children: (item: T, index: number) => ReactNode;
+};
+/**
+`<Static>` component permanently renders its output above everything else. It's useful for displaying activity like completed tasks or logs—things that don't change after they're rendered (hence the name "Static").
+
+It's preferred to use `<Static>` for use cases like these when you can't know or control the number of items that need to be rendered.
+
+For example, [Tap](https://github.com/tapjs/node-tap) uses `<Static>` to display a list of completed tests. [Gatsby](https://github.com/gatsbyjs/gatsby) uses it to display a list of generated pages while still displaying a live progress bar.
+*/
+export default function Static<T>(props: Props<T>): React.JSX.Element;

package/build/components/Static.js

@@ -0,0 +1,29 @@
+import React, { useMemo, useState, useLayoutEffect } from 'react';
+/**
+`<Static>` component permanently renders its output above everything else. It's useful for displaying activity like completed tasks or logs—things that don't change after they're rendered (hence the name "Static").
+
+It's preferred to use `<Static>` for use cases like these when you can't know or control the number of items that need to be rendered.
+
+For example, [Tap](https://github.com/tapjs/node-tap) uses `<Static>` to display a list of completed tests. [Gatsby](https://github.com/gatsbyjs/gatsby) uses it to display a list of generated pages while still displaying a live progress bar.
+*/
+export default function Static(props) {
+    const { items, children: render, style: customStyle } = props;
+    const [index, setIndex] = useState(0);
+    const itemsToRender = useMemo(() => {
+        return items.slice(index);
+    }, [items, index]);
+    useLayoutEffect(() => {
+        setIndex(items.length);
+    }, [items.length]);
+    // eslint-disable-next-line @typescript-eslint/promise-function-async
+    const children = itemsToRender.map((item, itemIndex) => {
+        return render(item, index + itemIndex);
+    });
+    const style = useMemo(() => ({
+        position: 'absolute',
+        flexDirection: 'column',
+        ...customStyle,
+    }), [customStyle]);
+    return (React.createElement("ink-box", { internal_static: true, style: style }, children));
+}
+//# sourceMappingURL=Static.js.map

package/build/components/Static.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Static.js","sourceRoot":"","sources":["../../src/components/Static.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAiB,MAAM,OAAO,CAAC;AAoBhF;;;;;;EAME;AACF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAI,KAAe;IAChD,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IAC5D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtC,MAAM,aAAa,GAAQ,OAAO,CAAC,GAAG,EAAE;QACvC,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,eAAe,CAAC,GAAG,EAAE;QACpB,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAEnB,qEAAqE;IACrE,MAAM,QAAQ,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;QACtD,OAAO,MAAM,CAAC,IAAI,EAAE,KAAK,GAAG,SAAS,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAW,OAAO,CAC5B,GAAG,EAAE,CAAC,CAAC;QACN,QAAQ,EAAE,UAAU;QACpB,aAAa,EAAE,QAAQ;QACvB,GAAG,WAAW;KACd,CAAC,EACF,CAAC,WAAW,CAAC,CACb,CAAC;IAEF,OAAO,CACN,iCAAS,eAAe,QAAC,KAAK,EAAE,KAAK,IACnC,QAAQ,CACA,CACV,CAAC;AACH,CAAC"}

package/build/components/StaticRender.d.ts

@@ -0,0 +1,8 @@
+import React, { type ReactNode } from 'react';
+import { type Styles } from '../styles.js';
+export type Props = {
+    readonly children: ReactNode;
+    readonly width: number;
+    readonly style?: Styles;
+};
+export default function StaticRender({ children, width, style }: Props): React.JSX.Element;

package/build/components/StaticRender.js

@@ -0,0 +1,19 @@
+import React, { useRef, useEffect } from 'react';
+import { renderToStatic } from '../render-node-to-output.js';
+export default function StaticRender({ children, width, style }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        const node = ref.current;
+        return () => {
+            if (node) {
+                node.cachedRender = undefined;
+            }
+        };
+    }, []);
+    return (React.createElement("ink-static-render", { ref: ref, style: { ...style, width }, internalOnBeforeRender: (node) => {
+            if (node && !node.cachedRender) {
+                renderToStatic(node);
+            }
+        } }, children));
+}
+//# sourceMappingURL=StaticRender.js.map

package/build/components/StaticRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticRender.js","sourceRoot":"","sources":["../../src/components/StaticRender.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,MAAM,EAAE,SAAS,EAAiB,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAS3D,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAQ;IACnE,MAAM,GAAG,GAAG,MAAM,CAAa,IAAI,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC;QACzB,OAAO,GAAG,EAAE;YACX,IAAI,IAAI,EAAE,CAAC;gBACV,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;YAC/B,CAAC;QACF,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,2CACC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAC,GAAG,KAAK,EAAE,KAAK,EAAC,EACxB,sBAAsB,EAAE,CAAC,IAAgB,EAAE,EAAE;YAC5C,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;gBAChC,cAAc,CAAC,IAAI,CAAC,CAAC;YACtB,CAAC;QACF,CAAC,IAEA,QAAQ,CACU,CACpB,CAAC;AACH,CAAC"}

package/build/components/StderrContext.d.ts

@@ -0,0 +1,15 @@
+export type Props = {
+    /**
+    Stderr stream passed to `render()` in `options.stderr` or `process.stderr` by default.
+    */
+    readonly stderr: NodeJS.WriteStream;
+    /**
+    Write any string to stderr while preserving Ink's output. It's useful when you want to display external information outside of Ink's rendering and ensure there's no conflict between the two. It's similar to `<Static>`, except it can't accept components; it only works with strings.
+    */
+    readonly write: (data: string) => void;
+};
+/**
+`StderrContext` is a React context that exposes the stderr stream.
+*/
+declare const StderrContext: import("react").Context<Props>;
+export default StderrContext;

package/build/components/StderrContext.js

@@ -0,0 +1,12 @@
+import process from 'node:process';
+import { createContext } from 'react';
+/**
+`StderrContext` is a React context that exposes the stderr stream.
+*/
+const StderrContext = createContext({
+    stderr: process.stderr,
+    write() { },
+});
+StderrContext.displayName = 'InternalStderrContext';
+export default StderrContext;
+//# sourceMappingURL=StderrContext.js.map

package/build/components/StderrContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StderrContext.js","sourceRoot":"","sources":["../../src/components/StderrContext.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAcpC;;EAEE;AAEF,MAAM,aAAa,GAAG,aAAa,CAAQ;IAC1C,MAAM,EAAE,OAAO,CAAC,MAAM;IACtB,KAAK,KAAI,CAAC;CACV,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAEpD,eAAe,aAAa,CAAC"}

package/build/components/StdinContext.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from 'node:events';
+export type Props = {
+    /**
+    The stdin stream passed to `render()` in `options.stdin`, or `process.stdin` by default. Useful if your app needs to handle user input.
+    */
+    readonly stdin: NodeJS.ReadStream;
+    /**
+    Ink exposes this function via own `<StdinContext>` to be able to handle Ctrl+C, that's why you should use Ink's `setRawMode` instead of `process.stdin.setRawMode`. If the `stdin` stream passed to Ink does not support setRawMode, this function does nothing.
+    */
+    readonly setRawMode: (value: boolean) => void;
+    /**
+    A boolean flag determining if the current `stdin` supports `setRawMode`. A component using `setRawMode` might want to use `isRawModeSupported` to nicely fall back in environments where raw mode is not supported.
+    */
+    readonly isRawModeSupported: boolean;
+    readonly internal_exitOnCtrlC: boolean;
+    readonly internal_eventEmitter: EventEmitter;
+};
+/**
+`StdinContext` is a React context that exposes the input stream.
+*/
+declare const StdinContext: import("react").Context<Props>;
+export default StdinContext;

package/build/components/StdinContext.js

@@ -0,0 +1,16 @@
+import { EventEmitter } from 'node:events';
+import process from 'node:process';
+import { createContext } from 'react';
+/**
+`StdinContext` is a React context that exposes the input stream.
+*/
+const StdinContext = createContext({
+    stdin: process.stdin,
+    internal_eventEmitter: new EventEmitter(),
+    setRawMode() { },
+    isRawModeSupported: false,
+    internal_exitOnCtrlC: true,
+});
+StdinContext.displayName = 'InternalStdinContext';
+export default StdinContext;
+//# sourceMappingURL=StdinContext.js.map

package/build/components/StdinContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StdinContext.js","sourceRoot":"","sources":["../../src/components/StdinContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AACzC,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAuBpC;;EAEE;AAEF,MAAM,YAAY,GAAG,aAAa,CAAQ;IACzC,KAAK,EAAE,OAAO,CAAC,KAAK;IAEpB,qBAAqB,EAAE,IAAI,YAAY,EAAE;IACzC,UAAU,KAAI,CAAC;IACf,kBAAkB,EAAE,KAAK;IAEzB,oBAAoB,EAAE,IAAI;CAC1B,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAElD,eAAe,YAAY,CAAC"}

package/build/components/StdoutContext.d.ts

@@ -0,0 +1,15 @@
+export type Props = {
+    /**
+    Stdout stream passed to `render()` in `options.stdout` or `process.stdout` by default.
+    */
+    readonly stdout: NodeJS.WriteStream;
+    /**
+    Write any string to stdout while preserving Ink's output. It's useful when you want to display external information outside of Ink's rendering and ensure there's no conflict between the two. It's similar to `<Static>`, except it can't accept components; it only works with strings.
+    */
+    readonly write: (data: string) => void;
+};
+/**
+`StdoutContext` is a React context that exposes the stdout stream where Ink renders your app.
+*/
+declare const StdoutContext: import("react").Context<Props>;
+export default StdoutContext;

package/build/components/StdoutContext.js

@@ -0,0 +1,12 @@
+import process from 'node:process';
+import { createContext } from 'react';
+/**
+`StdoutContext` is a React context that exposes the stdout stream where Ink renders your app.
+*/
+const StdoutContext = createContext({
+    stdout: process.stdout,
+    write() { },
+});
+StdoutContext.displayName = 'InternalStdoutContext';
+export default StdoutContext;
+//# sourceMappingURL=StdoutContext.js.map

package/build/components/StdoutContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StdoutContext.js","sourceRoot":"","sources":["../../src/components/StdoutContext.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAcpC;;EAEE;AAEF,MAAM,aAAa,GAAG,aAAa,CAAQ;IAC1C,MAAM,EAAE,OAAO,CAAC,MAAM;IACtB,KAAK,KAAI,CAAC;CACV,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAEpD,eAAe,aAAa,CAAC"}