@visulima/tui 2.0.0 → 2.0.1

package/CHANGELOG.md

@@ -1,3 +1,5 @@
+## @visulima/tui [2.0.1](https://github.com/visulima/visulima/compare/%40visulima%2Ftui%402.0.0...%40visulima%2Ftui%402.0.1) (2026-07-27)
+
 ## @visulima/tui [2.0.0](https://github.com/visulima/visulima/compare/%40visulima%2Ftui%401.0.8...%40visulima%2Ftui%402.0.0) (2026-07-27)
 
 ## @visulima/tui [1.0.8](https://github.com/visulima/visulima/compare/%40visulima%2Ftui%401.0.7...%40visulima%2Ftui%401.0.8) (2026-07-27)

package/dist/components/box.d.ts

@@ -1,26 +1,26 @@
 import { ReactNode, PropsWithChildren, RefAttributes, ForwardRefExoticComponent } from 'react';
 import { Except } from 'type-fest';
-import { D as DOMElement } from "../packem_shared/dom.d-g-nsYquD.js";
-import { S as Styles } from "../packem_shared/styles.d-D7iZuNC-.js";
+import { D as DOMElement } from "../packem_shared/dom.d-CLGlidfI.js";
+import { S as Styles } from "../packem_shared/styles.d-CKGQFfm4.js";
 import 'yoga-layout';
 import "../ink/public/cursor.js";
 import '@visulima/colorize';
 type Props = Except<Styles, "textWrap"> & {
   /**
-  * Hide the element from screen readers.
-  */
+   * Hide the element from screen readers.
+   */
   readonly "aria-hidden"?: boolean;
   /**
-  * A label for the element for screen readers.
-  */
+   * A label for the element for screen readers.
+   */
   readonly "aria-label"?: string;
   /**
-  * The role of the element.
-  */
+   * 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.
-  */
+   * The state of the element.
+   */
   readonly "aria-state"?: {
     readonly busy?: boolean;
     readonly checked?: boolean;
@@ -33,29 +33,29 @@ type Props = Except<Styles, "textWrap"> & {
     readonly selected?: boolean;
   };
   /**
-  * Whether this element is opaque (prevents rendering of covered content beneath it).
-  * Useful for performance optimization with layered content.
-  */
+   * Whether this element is opaque (prevents rendering of covered content beneath it).
+   * Useful for performance optimization with layered content.
+   */
   readonly opaque?: boolean;
   /**
-  * Whether to render a scrollbar for this scrollable element.
-  * Only applies when `overflow` is `'scroll'`. Defaults to `true`.
-  */
+   * Whether to render a scrollbar for this scrollable element.
+   * Only applies when `overflow` is `'scroll'`. Defaults to `true`.
+   */
   readonly scrollbar?: boolean;
   /**
-  * Makes this element sticky within its scroll container.
-  * - `true` or `'top'`: pinned to the top during scroll
-  * - `'bottom'`: pinned to the bottom during scroll
-  */
+   * Makes this element sticky within its scroll container.
+   * - `true` or `'top'`: pinned to the top during scroll
+   * - `'bottom'`: pinned to the bottom during scroll
+   */
   readonly sticky?: boolean | "top" | "bottom";
   /**
-  * Alternate content to render when this element is in its sticky (pinned) state.
-  * Only applies when `sticky` is set. When omitted, the normal children are used.
-  */
+   * Alternate content to render when this element is in its sticky (pinned) state.
+   * Only applies when `sticky` is set. When omitted, the normal children are used.
+   */
   readonly stickyChildren?: ReactNode;
 };
 /**
-* `&lt;Box>` is an essential Ink component to build your layout. It's like `&lt;div style="display: flex">` in the browser.
-*/
+ * `&lt;Box>` is an essential Ink component to build your layout. It's like `&lt;div style="display: flex">` in the browser.
+ */
 declare const Box: ForwardRefExoticComponent<PropsWithChildren<Props> & RefAttributes<DOMElement>>;
 export { Box, type Props as BoxProps, Props, Box as default };

package/dist/components/canvas.d.ts

@@ -1,44 +1,39 @@
 import { ReactElement } from 'react';
-import { C as CanvasContext } from "../packem_shared/buffer.d-j_dP5JyC.js";
-export type { a as CanvasColor, b as CellStyle } from "../packem_shared/buffer.d-j_dP5JyC.js";
+import { C as CanvasContext } from "../packem_shared/buffer.d-CttIC480.js";
+export type { a as CanvasColor, b as CellStyle } from "../packem_shared/buffer.d-CttIC480.js";
 type Props = {
   /**
-  * Imperative draw callback. Mutates the underlying typed-array buffer via
-  * the provided `CanvasContext`. Runs in a `useMemo` keyed by `version` —
-  * pass a stable reference (or hash) so the canvas only re-renders when
-  * the input data truly changes.
-  */
+   * Imperative draw callback. Mutates the underlying typed-array buffer via
+   * the provided `CanvasContext`. Runs in a `useMemo` keyed by `version` —
+   * pass a stable reference (or hash) so the canvas only re-renders when
+   * the input data truly changes.
+   */
   readonly draw: (context: CanvasContext) => void;
   /**
-  * Number of rows (character cells vertically).
-  */
+   * Number of rows (character cells vertically).
+   */
   readonly height: number;
   /**
-  * Invalidation key — required so the memoization contract is explicit.
-  * Re-runs `draw` and re-serializes only the rows the draw callback
-  * dirtied. Pass the data you render (or a hash of it). Use a stable
-  * value (e.g. a counter) when you intentionally want to redraw on
-  * every render.
-  */
+   * Invalidation key — required so the memoization contract is explicit.
+   * Re-runs `draw` and re-serializes only the rows the draw callback
+   * dirtied. Pass the data you render (or a hash of it). Use a stable
+   * value (e.g. a counter) when you intentionally want to redraw on
+   * every render.
+   */
   readonly version: unknown;
   /**
-  * Number of columns (character cells horizontally).
-  */
+   * Number of columns (character cells horizontally).
+   */
   readonly width: number;
 };
 /**
-* A fixed-size cell grid backed by typed arrays. Use the imperative `draw`
-* callback to paint. The canvas emits one `Text` child per row (not per cell)
-* and caches the ANSI output of each row: only rows marked dirty by the last
-* draw pass are re-serialized, and only when `version` changes.
-*
-* This is the foundation for chart/grid components that need more layout
-* control than `Text` alone.
-*/
-declare function Canvas({
-  draw,
-  height,
-  version,
-  width
-}: Props): ReactElement;
+ * A fixed-size cell grid backed by typed arrays. Use the imperative `draw`
+ * callback to paint. The canvas emits one `Text` child per row (not per cell)
+ * and caches the ANSI output of each row: only rows marked dirty by the last
+ * draw pass are re-serialized, and only when `version` changes.
+ *
+ * This is the foundation for chart/grid components that need more layout
+ * control than `Text` alone.
+ */
+declare function Canvas({ draw, height, version, width }: Props): ReactElement;
 export { Canvas, type CanvasContext, type Props as CanvasProps, Props, Canvas as default };

package/dist/components/cursor.d.ts

@@ -1,61 +1,56 @@
 import React, { RefObject } from 'react';
 import { CursorShape } from "../ink/public/cursor.js";
-import { D as DOMElement } from "../packem_shared/dom.d-g-nsYquD.js";
+import { D as DOMElement } from "../packem_shared/dom.d-CLGlidfI.js";
 import 'yoga-layout';
 import '@visulima/colorize';
-import "../packem_shared/styles.d-D7iZuNC-.js";
+import "../packem_shared/styles.d-CKGQFfm4.js";
 import 'type-fest';
 type Props = {
   /**
-  * Optional reference to anchor cursor coordinates to a different element.
-  * If omitted, `<Cursor>` uses the parent container as anchor.
-  * If `anchorRef` is set but currently unresolved, Ink hides the cursor for that frame.
-  * If multiple `<Cursor>` components are rendered in one frame, the last rendered one controls the terminal cursor position.
-  */
+   * Optional reference to anchor cursor coordinates to a different element.
+   * If omitted, `<Cursor>` uses the parent container as anchor.
+   * If `anchorRef` is set but currently unresolved, Ink hides the cursor for that frame.
+   * If multiple `<Cursor>` components are rendered in one frame, the last rendered one controls the terminal cursor position.
+   */
   readonly anchorRef?: RefObject<DOMElement | null>;
   /**
-  * Optional cursor shape (DECSCUSR). The shape is restored to the terminal
-  * default on unmount, SIGINT, and unhandled React tree throws, so the
-  * parent shell never inherits a leaked shape.
-  *
-  * Steady variants are non-blinking; `blinking-*` variants opt into blink.
-  */
+   * Optional cursor shape (DECSCUSR). The shape is restored to the terminal
+   * default on unmount, SIGINT, and unhandled React tree throws, so the
+   * parent shell never inherits a leaked shape.
+   *
+   * Steady variants are non-blinking; `blinking-*` variants opt into blink.
+   */
   readonly shape?: CursorShape;
   /**
-  * Horizontal offset from anchor content origin.
-  */
+   * Horizontal offset from anchor content origin.
+   */
   readonly x?: number;
   /**
-  * Vertical offset from anchor content origin.
-  */
+   * Vertical offset from anchor content origin.
+   */
   readonly y?: number;
 };
 /**
-* Declaratively position the terminal cursor.
-* `&lt;Cursor>` must not be rendered inside `&lt;Text>`.
-*
-* **Inline mode** (no props): place `&lt;Cursor />` after a `&lt;Text>` node and the
-* cursor appears where that text ended — even when text wraps across lines.
-*
-* **Anchor mode**: pass `anchorRef` and/or `x`/`y` to position relative to
-* another element's content origin.
-* @example Inline mode — cursor follows text naturally
-* ```jsx
-* <Box>
-*     <Text>{prompt + value}</Text>
-*     <Cursor />
-* </Box>
-* ```
-* @example Anchor mode — offset from a referenced element
-* ```jsx
-* <Box ref={ref} />
-* <Cursor anchorRef={ref} x={5} />
-* ```
-*/
-declare function Cursor({
-  anchorRef,
-  shape,
-  x,
-  y
-}: Props): React.JSX.Element;
+ * Declaratively position the terminal cursor.
+ * `&lt;Cursor>` must not be rendered inside `&lt;Text>`.
+ *
+ * **Inline mode** (no props): place `&lt;Cursor />` after a `&lt;Text>` node and the
+ * cursor appears where that text ended — even when text wraps across lines.
+ *
+ * **Anchor mode**: pass `anchorRef` and/or `x`/`y` to position relative to
+ * another element's content origin.
+ * @example Inline mode — cursor follows text naturally
+ * ```jsx
+ * <Box>
+ *     <Text>{prompt + value}</Text>
+ *     <Cursor />
+ * </Box>
+ * ```
+ * @example Anchor mode — offset from a referenced element
+ * ```jsx
+ * <Box ref={ref} />
+ * <Cursor anchorRef={ref} x={5} />
+ * ```
+ */
+declare function Cursor({ anchorRef, shape, x, y }: Props): React.JSX.Element;
 export { Cursor, type Props as CursorProps, Props, Cursor as default };

package/dist/components/error-overview.d.ts

@@ -2,7 +2,5 @@ import { ReactElement } from 'react';
 type Props = {
   readonly error: Error;
 };
-declare function ErrorOverview({
-  error
-}: Props): ReactElement;
+declare function ErrorOverview({ error }: Props): ReactElement;
 export { type Props as ErrorOverviewProps, ErrorOverview as default };

package/dist/components/error-overview.js

@@ -1 +1 @@
-import{createRequire as $}from"node:module";import{jsxs as c,jsx as s}from"react/jsx-runtime";import{parseStacktrace as _}from"@visulima/error/stacktrace";import{Box as a}from"./box.js";import{Text as d}from"./text.js";const w=$(import.meta.url),m=typeof globalThis<"u"&&typeof globalThis.process<"u"?globalThis.process:process,b=o=>{if(typeof m<"u"&&m.versions&&m.versions.node){const[e,t]=m.versions.node.split(".").map(Number);if(e>22||e===22&&t>=3||e===20&&t>=16)return m.getBuiltinModule(o)}return w(o)},{existsSync:v,readFileSync:x}=b("node:fs"),{cwd:y}=m,C=(o,e=2)=>o.replace(/^\t+/gm,t=>" ".repeat(t.length*e)),T=(o,e)=>{const t=[],u=o-e,n=o+e;for(let l=u;l<=n;l++)t.push(l);return t},j=(o,e,t={})=>{var u;if(typeof o!="string")throw new TypeError("Source code is missing.");if(!e||e<1)throw new TypeError("Line number must start from `1`.");const n=C(o).split(/\r?\n/);if(!(e>n.length))return T(e,(u=t.around)!==null&&u!==void 0?u:3).filter(l=>n[l-1]!==void 0).map(l=>({line:l,value:n[l-1]}))},g=o=>{if(!o)return o;const e=y();return o.replace(`file://${e}/`,"").replace(`${e}/`,"")};function q({error:o}){const e=_(o),t=new Map,u=e.map(r=>{const i=!r.methodName&&!r.file?`raw:${r.raw}`:`${g(r.file)??""}:${r.line}:${r.column}:${r.methodName??""}`,h=t.get(i)??0;return t.set(i,h+1),{key:`${i}#${h}`,trace:r}}),n=e[0],l=g(n?.file);let f,p=0;if(l&&n?.line&&v(l)){const r=x(l,"utf8");if(f=j(r,n.line),f)for(const{line:i}of f)p=Math.max(p,String(i).length)}return c(a,{flexDirection:"column",padding:1,children:[c(a,{children:[c(d,{backgroundColor:"red",color:"white",children:[" ","ERROR"," "]}),c(d,{children:[" ",o.message]})]}),n&&l?s(a,{marginTop:1,children:c(d,{dimColor:!0,children:[l,":",n.line,":",n.column]})}):null,n&&f?s(a,{flexDirection:"column",marginTop:1,children:f.map(({line:r,value:i})=>c(a,{children:[s(a,{width:p+1,children:c(d,{"aria-label":r===n.line?`Line ${r}, error`:`Line ${r}`,backgroundColor:r===n.line?"red":void 0,color:r===n.line?"white":void 0,dimColor:r!==n.line,children:[String(r).padStart(p," "),":"]})}),s(d,{backgroundColor:r===n.line?"red":void 0,color:r===n.line?"white":void 0,children:` ${i}`})]},`excerpt-${r}`))}):null,e.length>0?s(a,{flexDirection:"column",marginTop:1,children:u.map(({key:r,trace:i})=>{const h=g(i.file)??"";return!i.methodName&&!i.file?c(a,{children:[s(d,{dimColor:!0,children:"- "}),s(d,{bold:!0,dimColor:!0,children:i.raw})]},r):c(a,{children:[s(d,{dimColor:!0,children:"- "}),s(d,{bold:!0,dimColor:!0,children:i.methodName??"<anonymous>"}),c(d,{"aria-label":`at ${h} line ${i.line} column ${i.column}`,color:"gray",dimColor:!0,children:[" ","(",h,":",i.line,":",i.column,")"]})]},r)})}):null]})}export{q as default};
+import{createRequire as $}from"node:module";import{jsxs as c,jsx as s}from"react/jsx-runtime";import{parseStacktrace as C}from"@visulima/error/stacktrace";import{Box as a}from"./box.js";import{Text as d}from"./text.js";let _;const w=n=>(_??=$(import.meta.url))(n),m=typeof globalThis<"u"&&typeof globalThis.process<"u"?globalThis.process:process,b=n=>{if(typeof m<"u"&&m.versions&&m.versions.node){const[r,t]=m.versions.node.split(".").map(Number);if(r>22||r===22&&t>=3||r===20&&t>=16)return m.getBuiltinModule(n)}return w(n)},{existsSync:v,readFileSync:x}=b("node:fs"),{cwd:y}=m,T=(n,r=2)=>n.replace(/^\t+/gm,t=>" ".repeat(t.length*r)),j=(n,r)=>{const t=[],u=n-r,o=n+r;for(let l=u;l<=o;l++)t.push(l);return t},k=(n,r,t={})=>{var u;if(typeof n!="string")throw new TypeError("Source code is missing.");if(!r||r<1)throw new TypeError("Line number must start from `1`.");const o=T(n).split(/\r?\n/);if(!(r>o.length))return j(r,(u=t.around)!==null&&u!==void 0?u:3).filter(l=>o[l-1]!==void 0).map(l=>({line:l,value:o[l-1]}))},g=n=>{if(!n)return n;const r=y();return n.replace(`file://${r}/`,"").replace(`${r}/`,"")};function B({error:n}){const r=C(n),t=new Map,u=r.map(e=>{const i=!e.methodName&&!e.file?`raw:${e.raw}`:`${g(e.file)??""}:${e.line}:${e.column}:${e.methodName??""}`,f=t.get(i)??0;return t.set(i,f+1),{key:`${i}#${f}`,trace:e}}),o=r[0],l=g(o?.file);let h,p=0;if(l&&o?.line&&v(l)){const e=x(l,"utf8");if(h=k(e,o.line),h)for(const{line:i}of h)p=Math.max(p,String(i).length)}return c(a,{flexDirection:"column",padding:1,children:[c(a,{children:[c(d,{backgroundColor:"red",color:"white",children:[" ","ERROR"," "]}),c(d,{children:[" ",n.message]})]}),o&&l?s(a,{marginTop:1,children:c(d,{dimColor:!0,children:[l,":",o.line,":",o.column]})}):null,o&&h?s(a,{flexDirection:"column",marginTop:1,children:h.map(({line:e,value:i})=>c(a,{children:[s(a,{width:p+1,children:c(d,{"aria-label":e===o.line?`Line ${e}, error`:`Line ${e}`,backgroundColor:e===o.line?"red":void 0,color:e===o.line?"white":void 0,dimColor:e!==o.line,children:[String(e).padStart(p," "),":"]})}),s(d,{backgroundColor:e===o.line?"red":void 0,color:e===o.line?"white":void 0,children:` ${i}`})]},`excerpt-${e}`))}):null,r.length>0?s(a,{flexDirection:"column",marginTop:1,children:u.map(({key:e,trace:i})=>{const f=g(i.file)??"";return!i.methodName&&!i.file?c(a,{children:[s(d,{dimColor:!0,children:"- "}),s(d,{bold:!0,dimColor:!0,children:i.raw})]},e):c(a,{children:[s(d,{dimColor:!0,children:"- "}),s(d,{bold:!0,dimColor:!0,children:i.methodName??"<anonymous>"}),c(d,{"aria-label":`at ${f} line ${i.line} column ${i.column}`,color:"gray",dimColor:!0,children:[" ","(",f,":",i.line,":",i.column,")"]})]},e)})}):null]})}export{B as default};

package/dist/components/newline.d.ts

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

package/dist/components/spacer.d.ts

@@ -1,8 +1,8 @@
 import { 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.
-*/
+ * 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.
+ */
 declare function Spacer(): ReactElement;
 export { Spacer, Spacer as default };

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

@@ -1,42 +1,17 @@
 import React, { ReactNode, DependencyList } from 'react';
-import { D as DOMElement } from "../packem_shared/dom.d-g-nsYquD.js";
-import { S as Styles } from "../packem_shared/styles.d-D7iZuNC-.js";
+import { D as DOMElement } from "../packem_shared/dom.d-CLGlidfI.js";
+import { S as Styles } from "../packem_shared/styles.d-CKGQFfm4.js";
 import 'yoga-layout';
 import "../ink/public/cursor.js";
 import '@visulima/colorize';
 import 'type-fest';
-
 /**
-* 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
-*/
-
-/**
-* @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 onRender Callback fired after the static content has been rendered and cached. The node's cachedRender holds the measured width/height — useful for reacting to the cached block's size without setting up a full ResizeObserver.
-* @property style Optional style applied to the static-render container.
-* @property width Optional fixed width for the cached region.
-*/
+ * @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 onRender Callback fired after the static content has been rendered and cached. The node's cachedRender holds the measured width/height — useful for reacting to the cached block's size without setting up a full ResizeObserver.
+ * @property style Optional style applied to the static-render container.
+ * @property width Optional fixed width for the cached region.
+ */
 type Props = {
   readonly children: () => ReactNode;
   readonly deps?: DependencyList;
@@ -44,11 +19,5 @@ type Props = {
   readonly style?: Styles;
   readonly width?: number;
 };
-declare const StaticRender: ({
-  children,
-  deps,
-  onRender,
-  style,
-  width
-}: Props) => React.ReactNode;
+declare const StaticRender: ({ children, deps, onRender, style, width }: Props) => React.ReactNode;
 export { Props, StaticRender, type Props as StaticRenderProps, StaticRender as default };

package/dist/components/static.d.ts

@@ -1,28 +1,28 @@
 import { ReactNode, ReactElement } from 'react';
-import { S as Styles } from "../packem_shared/styles.d-D7iZuNC-.js";
+import { S as Styles } from "../packem_shared/styles.d-CKGQFfm4.js";
 import '@visulima/colorize';
 import 'type-fest';
 import 'yoga-layout';
 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.
-  */
+   * 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.
-  */
+   * 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.
-  */
+   * 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.
-*/
+ * `&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.
+ */
 declare function Static<T>(props: Props<T>): ReactElement;
 export { Props, Static, type Props as StaticProps, Static as default };

package/dist/components/text.d.ts

@@ -1,78 +1,65 @@
 import { AnsiColors } from '@visulima/colorize';
 import { ReactNode, ReactElement } from 'react';
 import { LiteralUnion } from 'type-fest';
-import { S as Styles } from "../packem_shared/styles.d-D7iZuNC-.js";
+import { S as Styles } from "../packem_shared/styles.d-CKGQFfm4.js";
 import 'yoga-layout';
 type Props = {
   /**
-  * Hide the element from screen readers.
-  */
+   * Hide the element from screen readers.
+   */
   readonly "aria-hidden"?: boolean;
   /**
-  * A label for the element for screen readers.
-  */
+   * A label for the element for screen readers.
+   */
   readonly "aria-label"?: string;
   /**
-  * Same as `color`, but for the background.
-  */
+   * Same as `color`, but for the background.
+   */
   readonly backgroundColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Make the text bold.
-  */
+   * Make the text bold.
+   */
   readonly bold?: boolean;
   readonly children?: ReactNode;
   /**
-  * Change text color. Ink uses @visulima/colorize under the hood, so all its functionality is supported.
-  */
+   * Change text color. Ink uses @visulima/colorize under the hood, so all its functionality is supported.
+   */
   readonly color?: LiteralUnion<AnsiColors, string>;
   /**
-  * Dim the color (make it less bright).
-  */
+   * Dim the color (make it less bright).
+   */
   readonly dimColor?: boolean;
   /**
-  * Inverse background and foreground colors.
-  */
+   * Inverse background and foreground colors.
+   */
   readonly inverse?: boolean;
   /**
-  * Make the text italic.
-  */
+   * Make the text italic.
+   */
   readonly italic?: boolean;
   /**
-  * Make the text crossed out with a line.
-  */
+   * Make the text crossed out with a line.
+   */
   readonly strikethrough?: boolean;
   /**
-  * Make the text underlined.
-  */
+   * Make the text underlined.
+   */
   readonly underline?: boolean;
   /**
-  * Controls how text wraps when it exceeds the container width.
-  *
-  * - `wrap` (default) — Wrap at word boundaries; break inside words only when a single word exceeds the width.
-  * - `wrap-anywhere` — Break at any character boundary, even when a whitespace break exists earlier.
-  * - `wrap-preserve-words` — Wrap at word boundaries; never break inside words (long words may overflow).
-  * - `wrap-strict` — Enforce exact width; always break at the column limit.
-  * - `truncate` / `truncate-end` — Truncate at the end with an ellipsis.
-  * - `truncate-start` — Truncate at the start with an ellipsis.
-  * - `truncate-middle` — Truncate in the middle with an ellipsis.
-  */
+   * Controls how text wraps when it exceeds the container width.
+   *
+   * - `wrap` (default) — Wrap at word boundaries; break inside words only when a single word exceeds the width.
+   * - `wrap-anywhere` — Break at any character boundary, even when a whitespace break exists earlier.
+   * - `wrap-preserve-words` — Wrap at word boundaries; never break inside words (long words may overflow).
+   * - `wrap-strict` — Enforce exact width; always break at the column limit.
+   * - `truncate` / `truncate-end` — Truncate at the end with an ellipsis.
+   * - `truncate-start` — Truncate at the start with an ellipsis.
+   * - `truncate-middle` — Truncate in the middle with an ellipsis.
+   */
   readonly wrap?: Styles["textWrap"];
 };
 /**
-* This component can display text and change its style to make it bold, underlined, italic, or strikethrough.
-*/
-declare function Text({
-  "aria-hidden": ariaHidden,
-  "aria-label": ariaLabel,
-  backgroundColor,
-  bold,
-  children,
-  color,
-  dimColor,
-  inverse,
-  italic,
-  strikethrough,
-  underline,
-  wrap
-}: Props): ReactElement | null;
+ * This component can display text and change its style to make it bold, underlined, italic, or strikethrough.
+ */
+declare function Text({ "aria-hidden": ariaHidden, "aria-label": ariaLabel, backgroundColor, bold, children, color, dimColor, inverse, italic, strikethrough, underline, wrap }: Props): ReactElement | null;
 export { Props, Text, type Props as TextProps, Text as default };

package/dist/components/transform.d.ts

@@ -1,21 +1,17 @@
 import { ReactNode, ReactElement } from 'react';
 type Props = {
   /**
-  * Screen-reader-specific text to output. If this is set, all children will be ignored.
-  */
+   * Screen-reader-specific text to output. If this is set, all children will be ignored.
+   */
   readonly accessibilityLabel?: string;
   readonly children?: ReactNode;
   /**
-  * Function that transforms children output. It accepts children and must return transformed children as well. Note that when children use `<Text>` styling props (e.g. `color`, `bold`), the string will contain ANSI escape codes.
-  */
+   * Function that transforms children output. It accepts children and must return transformed children as well. Note that when children use `<Text>` styling props (e.g. `color`, `bold`), the string will contain ANSI escape codes.
+   */
   readonly transform: (children: string, index: number) => string;
 };
 /**
-* 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.
-*/
-declare function Transform({
-  accessibilityLabel,
-  children,
-  transform
-}: Props): ReactElement | null;
+ * 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.
+ */
+declare function Transform({ accessibilityLabel, children, transform }: Props): ReactElement | null;
 export { Props, Transform, type Props as TransformProps, Transform as default };

package/dist/core/index.d.ts

@@ -1,9 +1,9 @@
-export { I as InlineLoop, a as InlineOptions, b as InlinePaintFn, c as InputParser, M as MouseEvent, T as TuiApp, d as createInlineLoop } from "../packem_shared/input.d-D-Yxqha8.js";
+export { I as InlineLoop, a as InlineOptions, b as InlinePaintFn, c as InputParser, M as MouseEvent, T as TuiApp, d as createInlineLoop } from "../packem_shared/input.d-Bb8pWHvp.js";
 /**
-* 2×u32 per-cell back-buffer layout:
-*   buffer[idx * 2]     = charCode  (Unicode codepoint, u32)
-*   buffer[idx * 2 + 1] = attrCode  = (styles &lt;< 16) | (bg &lt;< 8) | fg
-*/
+ * 2×u32 per-cell back-buffer layout:
+ *   buffer[idx * 2]     = charCode  (Unicode codepoint, u32)
+ *   buffer[idx * 2 + 1] = attrCode  = (styles &lt;< 16) | (bg &lt;< 8) | fg
+ */
 declare const Cell: {
   /** Read bg color from an attr slot value (buffer[idx*2+1]) — bits 15:8 */
   getBg(attributeSlot: number): number;
@@ -14,12 +14,12 @@ declare const Cell: {
   /** Read styles bitmask from an attr slot value (buffer[idx*2+1]) — bits 23:16 */
   getStyles(attributeSlot: number): number;
   /**
-  * Pack a cell into a [charCode, attrCode] tuple.
-  * charCode = char.codePointAt(0)
-  * attrCode = (styles & 0xFF) &lt;< 16 | (bg & 0xFF) &lt;< 8 | (fg & 0xFF)
-  *
-  * Write to buffer as: buffer[idx*2] = charCode; buffer[idx*2+1] = attrCode
-  */
+   * Pack a cell into a [charCode, attrCode] tuple.
+   * charCode = char.codePointAt(0)
+   * attrCode = (styles & 0xFF) &lt;< 16 | (bg & 0xFF) &lt;< 8 | (fg & 0xFF)
+   *
+   * Write to buffer as: buffer[idx*2] = charCode; buffer[idx*2+1] = attrCode
+   */
   pack(char: string, fg?: number, bg?: number, styles?: number): [number, number];
 };
 declare const StyleMasks: {

package/dist/core/index.js

@@ -1 +1 @@
-import{TuiApp as o}from"../packem_shared/TuiApp-DjIgv5Sk.js";import{Cell as t,StyleMasks as m}from"../packem_shared/Cell-BrXn3jxY.js";import{createInlineLoop as l}from"../packem_shared/createInlineLoop-BT40Wpmx.js";import{InputParser as f}from"../packem_shared/InputParser-CiBitCva.js";import{Renderer as x,TerminalGuard as s,terminalSize as u}from"../packem_shared/Renderer-DsskdkUd.js";export{t as Cell,f as InputParser,x as Renderer,m as StyleMasks,s as TerminalGuard,o as TuiApp,l as createInlineLoop,u as terminalSize};
+import{TuiApp as o}from"../packem_shared/TuiApp-CCVaiKbf.js";import{Cell as t,StyleMasks as m}from"../packem_shared/Cell-BrXn3jxY.js";import{createInlineLoop as l}from"../packem_shared/createInlineLoop-DnEvE2eM.js";import{InputParser as f}from"../packem_shared/InputParser-CiBitCva.js";import{Renderer as x,TerminalGuard as s,terminalSize as u}from"../packem_shared/Renderer-BeS49FNq.js";export{t as Cell,f as InputParser,x as Renderer,m as StyleMasks,s as TerminalGuard,o as TuiApp,l as createInlineLoop,u as terminalSize};