@visulima/tui 1.0.0-alpha.4 → 1.0.0-alpha.5

package/dist/ink/components/scroll/scroll-bar-box.d.ts

@@ -1,15 +0,0 @@
-import type React from "react";
-import type { Props as BoxProps } from "../box.d.ts";
-interface ScrollBarBoxProps extends BoxProps {
-    children?: React.ReactNode;
-    contentHeight: number;
-    scrollBarAutoHide?: boolean;
-    scrollBarPosition?: "left" | "right";
-    scrollOffset: number;
-    thumbChar?: string;
-    viewportHeight: number;
-}
-declare const ScrollBarBox: ({ borderColor, borderDimColor, borderLeftColor, borderLeftDimColor, borderRightColor, borderRightDimColor, borderStyle, children, contentHeight, height, scrollBarAutoHide, scrollBarPosition, scrollOffset, thumbChar, viewportHeight, ...boxProps }: ScrollBarBoxProps) => React.JSX.Element;
-export type { ScrollBarBoxProps };
-export { ScrollBarBox };
-export default ScrollBarBox;

package/dist/ink/components/scroll/scroll-bar.d.ts

@@ -1,20 +0,0 @@
-import React from "react";
-import type { Props as BoxProps } from "../box.d.ts";
-type ScrollBarPlacement = "inset" | "left" | "right";
-type ScrollBarStyle = BoxProps["borderStyle"] | "block" | "line" | "thick" | "dots";
-interface ScrollBarProps {
-    autoHide?: boolean;
-    color?: string;
-    contentHeight: number;
-    dimColor?: boolean;
-    placement?: ScrollBarPlacement;
-    scrollOffset: number;
-    style?: ScrollBarStyle;
-    thumbChar?: string;
-    trackChar?: string;
-    viewportHeight: number;
-}
-declare const ScrollBar: React.FC<ScrollBarProps>;
-export type { ScrollBarPlacement, ScrollBarProps, ScrollBarStyle };
-export { ScrollBar };
-export default ScrollBar;

package/dist/ink/components/scroll/scroll-list.d.ts

@@ -1,12 +0,0 @@
-import type React from "react";
-import type { Ref } from "react";
-import type { ScrollViewProps, ScrollViewRef } from "./scroll-view.d.ts";
-export type ScrollAlignment = "auto" | "bottom" | "center" | "top";
-export interface ScrollListProps extends ScrollViewProps {
-    readonly scrollAlignment?: ScrollAlignment;
-    readonly selectedIndex?: number;
-}
-export type ScrollListRef = ScrollViewRef;
-export declare const ScrollList: (props: ScrollListProps & {
-    ref?: Ref<ScrollListRef>;
-}) => React.JSX.Element;

package/dist/ink/components/scroll/scroll-view.d.ts

@@ -1,98 +0,0 @@
-import type React from "react";
-import type { ReactNode, Ref } from "react";
-import type { Props as BoxProps } from "../box.d.ts";
-export interface ScrollViewProps extends BoxProps {
-    children?: ReactNode;
-    debug?: boolean;
-    /**
-     * Auto-scroll to bottom when content grows and user is at/near the bottom.
-     * Pauses when user scrolls away from bottom; resumes when they return.
-     * @default false
-     */
-    followOutput?: boolean;
-    /**
-     * Number of lines from bottom that still counts as "at bottom" for followOutput.
-     * @default 3
-     */
-    followThreshold?: number;
-    /**
-     * Enable built-in keyboard navigation (arrows, page up/down, home/end, ctrl+u/d).
-     * When enabled, the component becomes focusable.
-     * @default false
-     */
-    keyboard?: boolean;
-    onContentHeightChange?: (height: number, previousHeight: number) => void;
-    onItemHeightChange?: (index: number, height: number, previousHeight: number) => void;
-    /**
-     * Fires when scrolled within `reachThreshold` lines of the end.
-     * Only fires once per entry into the threshold zone.
-     */
-    onReachEnd?: () => void;
-    /**
-     * Fires when scrolled within `reachThreshold` lines of the start.
-     * Only fires once per entry into the threshold zone.
-     */
-    onReachStart?: () => void;
-    onScroll?: (scrollOffset: number) => void;
-    onViewportSizeChange?: (size: {
-        height: number;
-        width: number;
-    }, previousSize: {
-        height: number;
-        width: number;
-    }) => void;
-    /**
-     * Number of extra items to render above/below the viewport when virtualized.
-     * @default 3
-     */
-    overscan?: number;
-    /**
-     * Distance in lines from the edge to trigger onReachEnd/onReachStart.
-     * @default 5
-     */
-    reachThreshold?: number;
-    /**
-     * Show a scrollbar track when content overflows the viewport.
-     * @default false
-     */
-    scrollbar?: boolean;
-    /**
-     * Color of the scrollbar thumb and track.
-     */
-    scrollbarColor?: string;
-    /**
-     * Scrollbar visual style.
-     * @default "line"
-     */
-    scrollbarStyle?: "arrow" | "block" | "bold" | "classic" | "dots" | "double" | "doubleSingle" | "line" | "round" | "single" | "singleDouble" | "thick";
-    /**
-     * Enable vim-style keybindings (j/k/g/G/u/d). Requires `keyboard` to be true.
-     * @default false
-     */
-    vimBindings?: boolean;
-    /**
-     * Only render items visible in the viewport plus overscan. Requires items to be measured first.
-     * @default false
-     */
-    virtualize?: boolean;
-}
-export interface ScrollViewRef {
-    getBottomOffset: () => number;
-    getContentHeight: () => number;
-    getItemHeight: (index: number) => number;
-    getItemPosition: (index: number) => {
-        height: number;
-        top: number;
-    } | null;
-    getScrollOffset: () => number;
-    getViewportHeight: () => number;
-    remeasure: () => void;
-    remeasureItem: (index: number) => void;
-    scrollBy: (delta: number) => void;
-    scrollTo: (offset: number) => void;
-    scrollToBottom: () => void;
-    scrollToTop: () => void;
-}
-export declare const ScrollView: ({ children, debug, followOutput, followThreshold, keyboard, onContentHeightChange, onItemHeightChange, onReachEnd, onReachStart, onScroll, onViewportSizeChange, overscan, reachThreshold, ref, scrollbar, scrollbarColor, scrollbarStyle: scrollbarStyleProp, vimBindings, virtualize, ...boxProps }: ScrollViewProps & {
-    ref?: Ref<ScrollViewRef>;
-}) => React.JSX.Element;

package/dist/ink/components/scroll/use-state-ref.d.ts

@@ -1,8 +0,0 @@
-import type React from "react";
-/**
- * Hook to manage state with immediate ref synchronization.
- * Useful for values that need to be read synchronously in imperative methods
- * but also trigger re-renders when changed.
- */
-declare const useStateRef: <T>(initialValue: T) => readonly [T, (update: React.SetStateAction<T>) => void, () => T];
-export default useStateRef;

package/dist/ink/components/search-input.d.ts

@@ -1,46 +0,0 @@
-import type { AnsiColors } from "@visulima/colorize";
-import type { ReactElement, ReactNode } from "react";
-import type { LiteralUnion } from "type-fest";
-export type Props = {
-    /**
-     * Color of the accent elements (border, icon).
-     * @default "blue"
-     */
-    readonly accentColor?: LiteralUnion<AnsiColors, string>;
-    /**
-     * Initial value.
-     */
-    readonly defaultValue?: string;
-    /**
-     * Optional icon rendered before the input.
-     * @default "⌕"
-     */
-    readonly icon?: ReactNode;
-    /**
-     * Disable the input.
-     */
-    readonly isDisabled?: boolean;
-    /**
-     * Fired whenever the value changes.
-     */
-    readonly onChange?: (value: string) => void;
-    /**
-     * Fired when the user presses Enter.
-     */
-    readonly onSubmit?: (value: string) => void;
-    /**
-     * Placeholder text shown when the input is empty.
-     * @default "Search..."
-     */
-    readonly placeholder?: string;
-    /**
-     * Autocomplete suggestions.
-     */
-    readonly suggestions?: ReadonlyArray<string>;
-};
-/**
- * Search-styled text input with an icon and bordered container.
- * @param props See {@link Props}.
- * @returns A `ReactElement` wrapping `TextInput` with an icon column.
- */
-export default function SearchInput({ accentColor, defaultValue, icon, isDisabled, onChange, onSubmit, placeholder, suggestions, }: Props): ReactElement;

package/dist/ink/components/select-input-indicator.d.ts

@@ -1,36 +0,0 @@
-/**
- * Default indicator component for SelectInput.
- *
- * Based on ink-select-input by Vadim Demedes.
- * @see https://github.com/vadimdemedes/ink-select-input
- *
- * MIT License
- * Copyright (c) Vadym Demedes (github.com/vadimdemedes)
- */
-import type { AnsiColors } from "@visulima/colorize";
-import type { ReactElement } from "react";
-import type { LiteralUnion } from "type-fest";
-export type Props = {
-    /**
-     * Color of the indicator when selected.
-     * @default "blue"
-     */
-    readonly accentColor?: LiteralUnion<AnsiColors, string>;
-    /**
-     * Whether the parent SelectInput has focus.
-     * When `false`, the indicator is dimmed even if the item is selected.
-     * @default true
-     */
-    readonly isFocused?: boolean;
-    /**
-     * Whether this indicator's item is currently selected.
-     * @default false
-     */
-    readonly isSelected?: boolean;
-};
-/**
- * Renders a pointer indicator next to the selected item, or a blank space otherwise.
- * When unfocused, the indicator is rendered with `dimColor` to visually distinguish
- * the active select input from inactive ones.
- */
-export default function SelectInputIndicator({ accentColor, isFocused, isSelected }: Props): ReactElement;

package/dist/ink/components/select-input-item.d.ts

@@ -1,43 +0,0 @@
-/**
- * Default item component for SelectInput.
- *
- * Based on ink-select-input by Vadim Demedes.
- * @see https://github.com/vadimdemedes/ink-select-input
- *
- * MIT License
- * Copyright (c) Vadym Demedes (github.com/vadimdemedes)
- */
-import type { AnsiColors } from "@visulima/colorize";
-import type { ReactElement } from "react";
-import type { LiteralUnion } from "type-fest";
-export type Props = {
-    /**
-     * Color of the label when selected.
-     * @default "blue"
-     */
-    readonly accentColor?: LiteralUnion<AnsiColors, string>;
-    /**
-     * Color of the label when not selected.
-     */
-    readonly defaultColor?: LiteralUnion<AnsiColors, string>;
-    /**
-     * Whether the parent SelectInput has focus.
-     * When `false`, the selected item is dimmed.
-     * @default true
-     */
-    readonly isFocused?: boolean;
-    /**
-     * Whether this item is currently selected.
-     * @default false
-     */
-    readonly isSelected?: boolean;
-    /**
-     * Text label to display for this item.
-     */
-    readonly label: string;
-};
-/**
- * Renders an item label, using `accentColor` when selected and `defaultColor` otherwise.
- * When unfocused, selected items are rendered with `dimColor`.
- */
-export default function SelectInputItem({ accentColor, defaultColor, isFocused, isSelected, label }: Props): ReactElement;

package/dist/ink/components/select-input.d.ts

@@ -1,96 +0,0 @@
-import type { AnsiColors } from "@visulima/colorize";
-import type { FC, ReactElement } from "react";
-import type { LiteralUnion } from "type-fest";
-import type { Props as IndicatorProps } from "./select-input-indicator.d.ts";
-import type { Props as ItemProps } from "./select-input-item.d.ts";
-export type Item<V> = {
-    /**
-     * Called automatically when this item is selected (via Enter or number key).
-     * Fires after `onSelect`. Useful for defining per-item behavior inline.
-     */
-    readonly action?: () => void;
-    readonly key?: string;
-    readonly label: string;
-    readonly value: V;
-};
-export type SeparatorItem = {
-    /**
-     * Marks this entry as a non-focusable separator line.
-     */
-    readonly isSeparator: true;
-    readonly key?: string;
-    /**
-     * Custom separator text. Defaults to `"───"`.
-     */
-    readonly label?: string;
-};
-export type SelectInputEntry<V> = Item<V> | SeparatorItem;
-export type Props<V> = {
-    /**
-     * Color used for the selected item and indicator.
-     * @default "blue"
-     */
-    readonly accentColor?: LiteralUnion<AnsiColors, string>;
-    /**
-     * Color used for unselected items.
-     */
-    readonly defaultColor?: LiteralUnion<AnsiColors, string>;
-    /**
-     * Controlled selected index. When provided, the component becomes controlled
-     * and `initialIndex` is ignored. Update this value in the `onHighlight` callback
-     * to track selection externally. If the index points to a separator, the nearest
-     * selectable item is highlighted instead.
-     */
-    readonly index?: number;
-    /**
-     * Custom component to override the default indicator component.
-     */
-    readonly indicatorComponent?: FC<IndicatorProps>;
-    /**
-     * Index of initially-selected item in `items` array.
-     * Ignored when `index` is provided.
-     * When omitted (`undefined`), no item is highlighted until the user presses a key.
-     * If the index points to a separator, the nearest selectable item is used.
-     */
-    readonly initialIndex?: number;
-    /**
-     * Whether the input is focused. Useful for when there are multiple
-     * inputs on the screen and you need to control which one captures input.
-     * @default true
-     */
-    readonly isFocused?: boolean;
-    /**
-     * Custom component to override the default item component.
-     */
-    readonly itemComponent?: FC<ItemProps>;
-    /** @default [] */
-    readonly items?: ReadonlyArray<SelectInputEntry<V>>;
-    /**
-     * Number of visible items. Useful if the list is long and you want
-     * to limit the display with a scrolling window.
-     */
-    readonly limit?: number;
-    /**
-     * Called when the user highlights a new item via arrow keys or `j`/`k`.
-     * The second argument is the index of the highlighted item in the visible list.
-     */
-    readonly onHighlight?: (item: Item<V>, index: number) => void;
-    /**
-     * Called when the user selects an item via Enter or a number key (1-9).
-     */
-    readonly onSelect?: (item: Item<V>) => void;
-    /**
-     * Whether to reset the selection when items change.
-     * Set to `false` to preserve the current selection across item updates.
-     * @default true
-     */
-    readonly resetOnItemsChange?: boolean;
-};
-/**
- * A select input component for terminal UIs.
- *
- * Renders a list of items with an indicator showing the currently highlighted item.
- * Users can navigate with arrow keys or `j`/`k`, select with Enter, or jump to an
- * item by pressing a number key (1-9).
- */
-export default function SelectInput<V>({ accentColor, defaultColor, index, indicatorComponent, initialIndex, isFocused, itemComponent, items, limit: customLimit, onHighlight, onSelect, resetOnItemsChange, }: Props<V>): ReactElement;

package/dist/ink/components/shimmer-text.d.ts

@@ -1,39 +0,0 @@
-import type { AnsiColors } from "@visulima/colorize";
-import type { ReactElement } from "react";
-import type { LiteralUnion } from "type-fest";
-export type Props = {
-    /**
-     * Width of the highlighted band in characters.
-     * @default 3
-     */
-    readonly bandWidth?: number;
-    /**
-     * Base color of the non-highlighted text.
-     */
-    readonly color?: LiteralUnion<AnsiColors, string>;
-    /**
-     * Highlight color of the sweeping band.
-     * @default "white"
-     */
-    readonly highlightColor?: LiteralUnion<AnsiColors, string>;
-    /**
-     * Milliseconds between frames of the shimmer.
-     * @default 60
-     */
-    readonly interval?: number;
-    /**
-     * Text to render with a shimmer sweep.
-     */
-    readonly text: string;
-};
-/**
- * Text with an animated highlight band that sweeps across the characters.
- * Perfect for "generating…" states.
- * @param props.bandWidth Number of characters in the bright band.
- * @param props.color Color applied to characters outside the band.
- * @param props.highlightColor Color applied to characters inside the band.
- * @param props.interval Milliseconds between frames.
- * @param props.text Content to shimmer.
- * @returns A single `Text` element composed of per-character `Text` children.
- */
-export default function ShimmerText({ bandWidth, color, highlightColor, interval, text }: Props): ReactElement;

package/dist/ink/components/slider.d.ts

@@ -1,92 +0,0 @@
-/**
- * Slider component for Ink.
- *
- * A keyboard-driven range input for terminal UIs, supporting
- * horizontal and vertical orientations.
- */
-import type { AnsiColors } from "@visulima/colorize";
-import type { ReactElement } from "react";
-import type { LiteralUnion } from "type-fest";
-export type Props = {
-    /**
-     * Accent color for the filled portion of the track and thumb.
-     * @default "green"
-     */
-    readonly accentColor?: LiteralUnion<AnsiColors, string>;
-    /**
-     * Color for the empty portion of the track.
-     * @default "gray"
-     */
-    readonly defaultColor?: LiteralUnion<AnsiColors, string>;
-    /**
-     * Initial value when uncontrolled.
-     * @default 0
-     */
-    readonly defaultValue?: number;
-    /**
-     * Character used for the empty portion of the track.
-     * @default "░"
-     */
-    readonly emptyCharacter?: string;
-    /**
-     * Character used for the filled portion of the track.
-     * @default "█"
-     */
-    readonly filledCharacter?: string;
-    /**
-     * When true, all input is ignored and the slider is dimmed.
-     * @default false
-     */
-    readonly isDisabled?: boolean;
-    /**
-     * When true, the component responds to keyboard input.
-     * @default true
-     */
-    readonly isFocused?: boolean;
-    /**
-     * Maximum value.
-     * @default 100
-     */
-    readonly max?: number;
-    /**
-     * Minimum value.
-     * @default 0
-     */
-    readonly min?: number;
-    /**
-     * Fires whenever the value changes.
-     */
-    readonly onChange?: (value: number) => void;
-    /**
-     * Layout direction of the slider.
-     * @default "horizontal"
-     */
-    readonly orientation?: "horizontal" | "vertical";
-    /**
-     * Increment size for arrow key presses.
-     * @default 1
-     */
-    readonly step?: number;
-    /**
-     * Character used to indicate the current position.
-     * @default "●"
-     */
-    readonly thumbCharacter?: string;
-    /**
-     * Controlled value. When provided, `defaultValue` is ignored.
-     */
-    readonly value?: number;
-    /**
-     * Width of the slider track in columns (horizontal) or rows (vertical).
-     * @default 20
-     */
-    readonly width?: number;
-};
-/**
- * A keyboard-driven slider / range input.
- *
- * ```tsx
- * &lt;Slider defaultValue={50} min={0} max={100} onChange={setValue} />
- * ```
- */
-export default function Slider({ accentColor, defaultColor, defaultValue, emptyCharacter, filledCharacter, isDisabled, isFocused, max, min, onChange, orientation, step, thumbCharacter, value: controlledValue, width, }: Props): ReactElement;

package/dist/ink/components/spacer.d.ts

@@ -1,7 +0,0 @@
-import type { ReactElement } 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(): ReactElement;

package/dist/ink/components/sparkline.d.ts

@@ -1,30 +0,0 @@
-import type { AnsiColors } from "@visulima/colorize";
-import type { ReactElement } from "react";
-import type { LiteralUnion } from "type-fest";
-export type Props = {
-    /**
-     * Color applied to the chart glyphs.
-     */
-    readonly color?: LiteralUnion<AnsiColors, string>;
-    /**
-     * Data points to plot. Values may be any real numbers.
-     */
-    readonly data: ReadonlyArray<number>;
-    /**
-     * Optional fixed maximum for the vertical scale.
-     * When omitted the maximum data value is used.
-     */
-    readonly max?: number;
-    /**
-     * Optional fixed minimum for the vertical scale.
-     * When omitted the minimum data value is used.
-     */
-    readonly min?: number;
-};
-/**
- * Inline bar chart using Unicode block glyphs.
- * @param props See {@link Props}.
- * @returns A `ReactElement` containing the glyph string, or `null` when
- * `data` is empty.
- */
-export default function Sparkline({ color, data, max, min }: Props): ReactElement | null;

package/dist/ink/components/spinner.d.ts

@@ -1,40 +0,0 @@
-/**
- * Spinner component for Ink.
- *
- * Based on ink-spinner by Vadim Demedes.
- * @see https://github.com/vadimdemedes/ink-spinner
- *
- * MIT License
- * Copyright (c) Vadym Demedes (github.com/vadimdemedes)
- *
- * 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.
- */
-import type { SpinnerName } from "@visulima/spinner";
-import type { ReactElement } from "react";
-export type Props = {
-    /**
-     * Type of a spinner.
-     * Accepts any preset from `@visulima/spinner` (cli-spinners + custom frame sets).
-     * @default "dots"
-     */
-    readonly type?: SpinnerName;
-};
-/**
- * Spinner component that renders an animated loading indicator.
- */
-export default function Spinner({ type }: Props): ReactElement;

package/dist/ink/components/static-render.d.ts

@@ -1,40 +0,0 @@
-/**
- * StaticRender component — pre-renders children once and caches the result.
- *
- * When mounted, StaticRender renders its children into a Region via
- * prepareYogaTree() in the Ink layout phase, then caches the result on the
- * DOM node. On subsequent renders, the cached Region is composited directly
- * via addRegionTree(), skipping the entire subtree traversal.
- *
- * Children are passed as a render function `() => ReactNode`. Once the cache
- * is ready, the component stops calling the function so React does not
- * re-reconcile the subtree on subsequent renders.
- *
- * Re-rendering the cached content is controlled via the `deps` prop (similar
- * to React's hook deps). When `deps` changes, the cache is invalidated and
- * `children()` is invoked again. If `deps` is omitted, the cache is
- * invalidated whenever the `children` function reference changes.
- *
- * Use this for content that renders once and doesn't change (e.g., completed
- * task output, logged messages, static headers).
- *
- * Ported from jacob314/ink (Google LLC, Apache-2.0).
- * @license Apache-2.0
- */
-import type { DependencyList, ReactNode } from "react";
-import React from "react";
-import type { Styles } from "../styles.d.ts";
-/**
- * @property children Render function invoked once to produce the cached content.
- * @property deps Dependencies that control when the static content is re-rendered. When any dependency changes (shallow, Object.is comparison), the cache is invalidated and children() is invoked again. If omitted, the cache is invalidated whenever the children function reference changes.
- * @property style Optional style applied to the static-render container.
- * @property width Optional fixed width for the cached region.
- */
-export type Props = {
-    readonly children: () => ReactNode;
-    readonly deps?: DependencyList;
-    readonly style?: Styles;
-    readonly width?: number;
-};
-declare const StaticRender: ({ children, deps, style, width }: Props) => React.ReactNode;
-export default StaticRender;

package/dist/ink/components/static.d.ts

@@ -1,24 +0,0 @@
-import type { ReactElement, ReactNode } from "react";
-import type { Styles } from "../styles.d.ts";
-export type Props<T> = {
-    /**
-     * 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;
-    /**
-     * 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 &lt;Box> for supported properties.
-     */
-    readonly style?: Styles;
-};
-/**
- * `&lt;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 `&lt;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 `&lt;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>): ReactElement;