@visulima/tui 1.0.7 → 2.0.0

package/dist/components/sparkline.d.ts

@@ -1,35 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-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.
-* @returns A `ReactElement` containing the glyph string, or `null` when
-* `data` is empty.
-*/
-declare function Sparkline({
-  color,
-  data,
-  max,
-  min
-}: Props): ReactElement | null;
-export { Props, Sparkline, type Props as SparklineProps, Sparkline as default };

package/dist/components/sparkline.js

@@ -1 +0,0 @@
-import{jsx as f}from"react/jsx-runtime";import{useMemo as s}from"react";import{Text as c}from"./text.js";const e="▁▂▃▄▅▆▇█",I=(m,t,o)=>{if(o===0)return e[0];const r=(m-t)/o,n=Math.max(0,Math.min(e.length-1,Math.floor(r*e.length)));return e[n]},h=(m,t,o)=>{let r=t??Number.POSITIVE_INFINITY,n=o??Number.NEGATIVE_INFINITY;if(t===void 0||o===void 0)for(const i of m)t===void 0&&i<r&&(r=i),o===void 0&&i>n&&(n=i);return{max:n,min:r}};function p({color:m,data:t,max:o,min:r}){const n=s(()=>{if(t.length===0)return"";const{max:i,min:a}=h(t,r,o),l=i-a;return t.map(u=>I(u,a,l)).join("")},[t,r,o]);return n.length===0?null:f(c,{color:m,children:n})}export{p as Sparkline,p as default};

package/dist/components/spinner.d.ts

@@ -1,17 +0,0 @@
-import { SpinnerName } from '@visulima/spinner';
-import { ReactElement } from 'react';
-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.
-*/
-declare function Spinner({
-  type
-}: Props): ReactElement;
-export { Props, Spinner, type Props as SpinnerProps, Spinner as default };

package/dist/components/spinner.js

@@ -1 +0,0 @@
-import{jsx as i}from"react/jsx-runtime";import{getSpinner as e}from"@visulima/spinner";import m from"../ink/hooks/use-animation.js";import{Text as p}from"./text.js";function d({type:n="dots"}){const r=e(n)??e("dots"),t=r?.frames??[" "],{frame:o}=m({interval:r?.interval??80});return i(p,{children:t[o%t.length]})}export{d as Spinner,d as default};

package/dist/components/status-line.d.ts

@@ -1,37 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Background color spanning the whole row.
-  */
-  readonly backgroundColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Content rendered in the center. Optional.
-  */
-  readonly center?: ReactNode;
-  /**
-  * Default foreground for text rendered inside the row.
-  */
-  readonly color?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Content rendered flush-left.
-  */
-  readonly left?: ReactNode;
-  /**
-  * Content rendered flush-right.
-  */
-  readonly right?: ReactNode;
-};
-/**
-* Full-width status bar with left / center / right slots. Typically pinned to
-* the bottom of the UI.
-*/
-declare function StatusLine({
-  backgroundColor,
-  center,
-  color,
-  left,
-  right
-}: Props): ReactElement;
-export { Props, StatusLine, type Props as StatusLineProps, StatusLine as default };

package/dist/components/status-line.js

@@ -1 +0,0 @@
-import{jsxs as l,jsx as t}from"react/jsx-runtime";import{Box as i}from"./box.js";import{Text as c}from"./text.js";const e=(r,o)=>{if(r!==void 0)return typeof r=="string"||typeof r=="number"?t(c,{color:o,children:r}):r};function u({backgroundColor:r,center:o,color:n,left:d,right:f}){return l(i,{backgroundColor:r,paddingX:1,width:"100%",children:[t(i,{flexGrow:1,flexShrink:1,minWidth:0,children:e(d,n)}),o===void 0?void 0:t(i,{flexGrow:0,flexShrink:0,justifyContent:"center",children:e(o,n)}),t(i,{flexGrow:1,flexShrink:1,justifyContent:"flex-end",minWidth:0,children:e(f,n)})]})}export{u as StatusLine,u as default};

package/dist/components/status-message.d.ts

@@ -1,21 +0,0 @@
-import { ReactNode, ReactElement } from 'react';
-import { V as Variant } from "../packem_shared/variant-config.d-D5NnrrQK.js";
-type StatusMessageVariant = Variant;
-type Props = {
-  /**
-  * Message content.
-  */
-  readonly children: ReactNode;
-  /**
-  * Determines the icon and color of the status message.
-  */
-  readonly variant: StatusMessageVariant;
-};
-/**
-* Renders a status notification with a colored icon and message text.
-*/
-declare function StatusMessage({
-  children,
-  variant
-}: Props): ReactElement;
-export { Props, StatusMessage, type Props as StatusMessageProps, StatusMessageVariant, StatusMessage as default };

package/dist/components/status-message.js

@@ -1 +0,0 @@
-import{jsxs as n,jsx as o}from"react/jsx-runtime";import{Box as e}from"./box.js";import{Text as r}from"./text.js";import{o as c}from"../packem_shared/variant-config-BJqpNo7H.js";function d({children:s,variant:t}){const{color:a,icon:i}=c[t];return n(e,{gap:1,children:[o(r,{color:a,children:i}),o(r,{children:s})]})}export{d as StatusMessage,d as default};

package/dist/components/stepper.d.ts

@@ -1,48 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type StepStatus = "active" | "completed" | "error" | "pending";
-type StepperStep = {
-  readonly description?: string;
-  readonly key?: string;
-  readonly label: ReactNode;
-  readonly status?: StepStatus;
-};
-type Props = {
-  /**
-  * Color used for active and completed steps.
-  * @default "blue"
-  */
-  readonly accentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Index of the current step (used when steps do not provide a status).
-  * @default 0
-  */
-  readonly activeIndex?: number;
-  /**
-  * Color used for errors.
-  * @default "red"
-  */
-  readonly errorColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Orientation of the stepper.
-  * @default "horizontal"
-  */
-  readonly orientation?: "horizontal" | "vertical";
-  /**
-  * List of steps.
-  */
-  readonly steps: ReadonlyArray<StepperStep>;
-};
-/**
-* Step indicator for multi-stage flows.
-* @returns A `ReactElement` rendering the steps horizontally or vertically.
-*/
-declare function Stepper({
-  accentColor,
-  activeIndex,
-  errorColor,
-  orientation,
-  steps
-}: Props): ReactElement;
-export { Props, StepStatus, Stepper, type Props as StepperProps, StepperStep, Stepper as default };

package/dist/components/stepper.js

@@ -1 +0,0 @@
-import{jsx as i,jsxs as d}from"react/jsx-runtime";import{Fragment as v}from"react";import{Box as n}from"./box.js";import{Text as l}from"./text.js";const h={active:"●",completed:"✔",error:"✖",pending:"○"},u=(t,c,m)=>t.status!==void 0?t.status:c<m?"completed":c===m?"active":"pending";function k({accentColor:t="blue",activeIndex:c=0,errorColor:m="red",orientation:g="horizontal",steps:a}){return g==="vertical"?i(n,{flexDirection:"column",children:a.map((r,o)=>{const e=u(r,o,c),p=o===a.length-1,s=e==="error"?m:e==="pending"?void 0:t;return d(n,{flexDirection:"column",children:[d(n,{children:[d(l,{color:s,dimColor:e==="pending",children:[h[e]," "]}),i(l,{bold:e==="active",color:s,dimColor:e==="pending",children:r.label})]}),r.description===void 0?void 0:i(n,{marginLeft:2,children:i(l,{dimColor:!0,children:r.description})}),p?void 0:i(n,{marginLeft:0,children:i(l,{dimColor:!0,children:"│"})})]},r.key??o)})}):i(n,{children:a.map((r,o)=>{const e=u(r,o,c),p=e==="error"?m:e==="pending"?void 0:t,s=o===a.length-1;return d(v,{children:[d(n,{children:[d(l,{color:p,dimColor:e==="pending",children:[h[e]," "]}),i(l,{bold:e==="active",color:p,dimColor:e==="pending",children:r.label})]}),s?void 0:i(l,{dimColor:!0,children:" ── "})]},r.key??o)})})}export{k as Stepper,k as default};

package/dist/components/stopwatch.d.ts

@@ -1,49 +0,0 @@
-import { Ref, ReactElement } from 'react';
-import { UseStopwatchResult } from "../ink/hooks/use-stopwatch.js";
-type StopwatchRef = Omit<UseStopwatchResult, "elapsed" | "isRunning" | "laps">;
-type Props = {
-  /**
-  * Whether to start counting immediately.
-  * @default false
-  */
-  readonly autoStart?: boolean;
-  /**
-  * Make the rendered text bold.
-  */
-  readonly bold?: boolean;
-  /**
-  * Text color for the rendered time.
-  */
-  readonly color?: string;
-  /**
-  * Custom formatter for the elapsed time.
-  * Receives elapsed milliseconds, returns a display string.
-  * @default formatDuration (MM:SS or HH:MM:SS)
-  */
-  readonly format?: (elapsed: number) => string;
-  /**
-  * Tick interval in milliseconds.
-  * @default 1000
-  */
-  readonly interval?: number;
-  readonly ref?: Ref<StopwatchRef>;
-};
-/**
-* A count-up stopwatch component.
-*
-* Exposes `start`, `stop`, `toggle`, `reset`, and `lap` methods via ref.
-*
-* ```tsx
-* const ref = useRef&lt;StopwatchRef>(null);
-* &lt;Stopwatch ref={ref} autoStart />
-* ```
-*/
-declare const Stopwatch: ({
-  autoStart,
-  bold,
-  color,
-  format,
-  interval,
-  ref
-}: Props) => ReactElement;
-export { Props, Stopwatch, type Props as StopwatchProps, StopwatchRef, Stopwatch as default };

package/dist/components/stopwatch.js

@@ -1 +0,0 @@
-import{jsx as p}from"react/jsx-runtime";import{useImperativeHandle as m}from"react";import f from"../ink/hooks/use-stopwatch.js";import{f as i}from"../packem_shared/format-time-fjoQHMxD.js";import{Text as n}from"./text.js";const x=({autoStart:o,bold:r,color:a,format:e=i,interval:s,ref:l})=>{const t=f({autoStart:o,interval:s});return m(l,()=>({lap:t.lap,reset:t.reset,start:t.start,stop:t.stop,toggle:t.toggle}),[t.lap,t.reset,t.start,t.stop,t.toggle]),p(n,{bold:r,color:a,children:e(t.elapsed)})};export{x as Stopwatch,x as default};

package/dist/components/streaming-text.d.ts

@@ -1,46 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Color applied to the streamed output.
-  */
-  readonly color?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Glyph rendered at the streaming caret while characters are still being revealed.
-  * @default "▊" (left three quarters block)
-  */
-  readonly cursor?: string;
-  /**
-  * Milliseconds between characters.
-  * @default 20
-  */
-  readonly interval?: number;
-  /**
-  * Called exactly once per `text` value, after the full text has been revealed.
-  */
-  readonly onComplete?: () => void;
-  /**
-  * Whether to display the cursor after streaming completes.
-  * @default false
-  */
-  readonly showCursorWhenDone?: boolean;
-  /**
-  * Full text to stream into the output.
-  */
-  readonly text: string;
-};
-/**
-* Typewriter animation that reveals text one character at a time.
-* Automatically resets and replays when `text` changes. `onComplete`
-* fires exactly once per `text` value once it is fully revealed.
-*/
-declare function StreamingText({
-  color,
-  cursor,
-  interval,
-  onComplete,
-  showCursorWhenDone,
-  text
-}: Props): ReactElement;
-export { Props, StreamingText, type Props as StreamingTextProps, StreamingText as default };

package/dist/components/streaming-text.js

@@ -1 +0,0 @@
-import{jsxs as g}from"react/jsx-runtime";import{useState as T,useRef as c,useEffect as l}from"react";import{Text as d}from"./text.js";function k({color:f,cursor:i="▊",interval:o=20,onComplete:n,showCursorWhenDone:a=!1,text:r}){const[t,s]=T(0),u=c(n),e=c(!1);u.current=n,l(()=>{s(0),e.current=!1},[r]),l(()=>{if(t>=r.length){e.current||(e.current=!0,u.current?.());return}const p=setTimeout(()=>{s(x=>Math.min(r.length,x+1))},o);return()=>{clearTimeout(p)}},[t,r,o]);const m=!(t>=r.length)||a,h=r.slice(0,t);return g(d,{color:f,children:[h,m?i:""]})}export{k as StreamingText,k as default};

package/dist/components/switch.d.ts

@@ -1,55 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Accent color for the on state.
-  * @default "green"
-  */
-  readonly accentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Auto-focus when mounted if nothing else is focused.
-  */
-  readonly autoFocus?: boolean;
-  /**
-  * Optional label rendered after the switch.
-  */
-  readonly children?: ReactNode;
-  /**
-  * Initial value when uncontrolled.
-  */
-  readonly defaultValue?: boolean;
-  /**
-  * Disable input and dim the switch.
-  */
-  readonly isDisabled?: boolean;
-  /**
-  * Labels displayed inside the switch track.
-  * @default ["off", "on"]
-  */
-  readonly labels?: readonly [string, string];
-  /**
-  * Fired when the switch is toggled.
-  */
-  readonly onChange?: (value: boolean) => void;
-  /**
-  * Controlled value. Pair with `onChange` to update the parent.
-  */
-  readonly value?: boolean;
-};
-/**
-* Focusable on/off switch. Toggles with Space or Enter.
-* @returns A `ReactElement` rendering two labeled segments plus an optional
-* trailing label.
-*/
-declare function Switch({
-  accentColor,
-  autoFocus,
-  children,
-  defaultValue,
-  isDisabled,
-  labels,
-  onChange,
-  value
-}: Props): ReactElement;
-export { Props, Switch, type Props as SwitchProps, Switch as default };

package/dist/components/switch.js

@@ -1 +0,0 @@
-import{jsxs as l,jsx as x}from"react/jsx-runtime";import{useState as F,useCallback as $}from"react";import j from"../ink/hooks/use-focus.js";import y from"../ink/hooks/use-input.js";import{Box as u}from"./box.js";import{Text as a}from"./text.js";const A=["off","on"];function V({accentColor:e="green",autoFocus:f=!1,children:n,defaultValue:m=!1,isDisabled:r=!1,labels:s=A,onChange:t,value:c}){const{isFocused:i}=j({autoFocus:f,isActive:!r}),[v,b]=F(m),o=c??v;y($((h,k)=>{if(i&&(k.return||h===" ")){const d=!o;c===void 0&&b(d),t?.(d)}},[i,o,c,t]),{isActive:!r&&i});const p=s[0],C=s[1],g=i?e:void 0;return l(u,{gap:1,children:[l(u,{gap:0,children:[l(a,{backgroundColor:o?void 0:"gray",color:o?void 0:"black",dimColor:r,children:[" ",p," "]}),l(a,{backgroundColor:o?e:void 0,color:o?"black":void 0,dimColor:r,children:[" ",C," "]})]}),n===void 0?void 0:x(a,{color:g,dimColor:r,children:n})]})}export{V as Switch,V as default};

package/dist/components/tab.d.ts

@@ -1,19 +0,0 @@
-import { ReactNode, ReactElement } from 'react';
-type Props = {
-  /**
-  * Tab content to render when the tab is active.
-  */
-  readonly children: ReactNode;
-  /**
-  * Unique name identifying this tab.
-  */
-  readonly name: string;
-};
-/**
-* A single tab within a Tabs container.
-* The `name` prop identifies the tab; `children` is rendered when active.
-*/
-declare function Tab({
-  children
-}: Props): ReactElement;
-export { Props, Tab, type Props as TabProps, Tab as default };

package/dist/components/tab.js

@@ -1 +0,0 @@
-import{jsx as e,Fragment as n}from"react/jsx-runtime";function a({children:r}){return e(n,{children:r})}export{a as Tab,a as default};

package/dist/components/table.d.ts

@@ -1,119 +0,0 @@
-import { ReactElement } from 'react';
-interface BorderComponent {
-  char: string;
-  width: number;
-}
-/**
-* Represents the style of the border for a table or grid.
-*/
-interface BorderStyle {
-  /** Box vertical character. */
-  bodyJoin: BorderComponent;
-  /** Box vertical character. */
-  bodyLeft: BorderComponent;
-  /** Box vertical character. */
-  bodyRight: BorderComponent;
-  /** Box horizontal character. */
-  bottomBody: BorderComponent;
-  /** Box bottom join character. */
-  bottomJoin: BorderComponent;
-  /** Box bottom left character. */
-  bottomLeft: BorderComponent;
-  /** Box bottom right character. */
-  bottomRight: BorderComponent;
-  /** Box horizontal character. */
-  joinBody: BorderComponent;
-  /** Box horizontal join character. */
-  joinJoin: BorderComponent;
-  /** Box left join character. */
-  joinLeft: BorderComponent;
-  /** Box right join character. */
-  joinRight: BorderComponent;
-  /** Box horizontal character. */
-  topBody: BorderComponent;
-  /** Box top join character. */
-  topJoin: BorderComponent;
-  /** Box top left character. */
-  topLeft: BorderComponent;
-  /** Box top right character. */
-  topRight: BorderComponent;
-}
-/** Base style properties applicable globally */
-type HorizontalAlignment = "center" | "left" | "right";
-/**
-* Scalar value that can be displayed in a table cell.
-*/
-type Scalar = bigint | boolean | number | string | null | undefined;
-/**
-* Dictionary with scalar values, representing a single row of data.
-*/
-type ScalarDict = Record<string, Scalar>;
-/**
-* Configuration for a single table column.
-*/
-type ColumnConfig<T extends ScalarDict> = {
-  /**
-  * Horizontal alignment of cell content.
-  */
-  readonly align?: HorizontalAlignment;
-  /**
-  * Custom header label. Defaults to the key name.
-  */
-  readonly header?: string;
-  /**
-  * Key from the data object to display in this column.
-  */
-  readonly key: keyof T & string;
-  /**
-  * Fixed width for this column in characters.
-  */
-  readonly width?: number;
-};
-type Props<T extends ScalarDict> = {
-  /**
-  * Border style preset name or a custom `BorderStyle` object from `@visulima/tabular`.
-  * @default "default"
-  */
-  readonly borderStyle?: "ascii" | "block" | "default" | "dots" | "double" | "markdown" | "minimal" | "none" | "rounded" | "thick" | BorderStyle;
-  /**
-  * Columns to display and their order.
-  * Accepts simple key strings or `ColumnConfig` objects for advanced control.
-  * If omitted, all keys from the first data item are used.
-  */
-  readonly columns?: ((keyof T & string) | ColumnConfig<T>)[];
-  /**
-  * Array of objects to display as rows.
-  */
-  readonly data: T[];
-  /**
-  * Format a cell value before rendering. Return a string to display in the cell.
-  */
-  readonly formatCell?: (value: Scalar, column: keyof T & string, rowIndex: number) => string;
-  /**
-  * Format a header label before rendering. Return a string to display as the column header.
-  */
-  readonly formatHeader?: (column: keyof T & string) => string;
-  /**
-  * Maximum width of the table in characters. Columns will be truncated or wrapped to fit.
-  */
-  readonly maxWidth?: number;
-  /**
-  * Cell padding (left and right) in characters.
-  * @default 1
-  */
-  readonly padding?: number;
-  /**
-  * Whether to show the header row.
-  * @default true
-  */
-  readonly showHeader?: boolean;
-  /** Placeholder shown in place of `null` or `undefined` cell values. Defaults to an empty string. */
-  readonly skeleton?: string;
-  /**
-  * Enable word wrap instead of truncation when cells exceed their width.
-  * @default false
-  */
-  readonly wordWrap?: boolean;
-};
-declare const Table: <T extends ScalarDict>(props: Props<T>) => ReactElement;
-export { type ColumnConfig, type Props, type Scalar, type ScalarDict, Table, type ColumnConfig as TableColumnConfig, type Props as TableProps, type Scalar as TableScalar, type ScalarDict as TableScalarDict, Table as default };

package/dist/components/table.js

@@ -1 +0,0 @@
-import{jsx as y}from"react/jsx-runtime";import{Table as _}from"@visulima/tabular";import{THICK_BORDER as g,ROUNDED_BORDER as b,NO_BORDER as w,MINIMAL_BORDER as S,MARKDOWN_BORDER as W,DOUBLE_BORDER as x,DOTS_BORDER as C,DEFAULT_BORDER as E,BLOCK_BORDER as H,ASCII_BORDER as I}from"@visulima/tabular/style";import{useMemo as L}from"react";import{Text as M}from"./text.js";const N={ascii:I,block:H,default:E,dots:C,double:x,markdown:W,minimal:S,none:w,rounded:b,thick:g},T=t=>typeof t=="string"?{key:t}:t,A=({borderStyle:t="default",columns:d,data:a,formatCell:n,formatHeader:m,maxWidth:f,padding:i=1,showHeader:s=!0,skeleton:u="",wordWrap:D=!1})=>{const h=L(()=>{if(a.length===0)return"";let r;if(d?r=d.map(e=>T(e)):r=Object.keys(a[0]).map(e=>({key:e})),r.length===0)return"";const k=typeof t=="string"?N[t]??E:t,O=r.map(e=>e.width),B=O.some(e=>e!==void 0),R=new _({columnWidths:B?O:void 0,maxWidth:f,showHeader:s,style:{border:k,paddingLeft:i,paddingRight:i},wordWrap:D});if(s){const e=r.map(o=>{const l=o.header??o.key;return m?m(o.key):l});R.setHeaders(e)}for(const[e,o]of a.entries()){const l=r.map(c=>{const p=o[c.key];return n?n(p,c.key,e):p==null?u:String(p)});R.addRow(l)}return R.toString()},[t,d,a,n,m,f,i,s,u,D]);return y(M,{children:h})},q=A;export{q as Table,q as default};

package/dist/components/tabs.d.ts

@@ -1,107 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-import { Props as Props$1 } from "./tab.js";
-/**
-* Keyboard navigation configuration for Tabs.
-*/
-type KeyMap = {
-  /**
-  * Key names that move to the next tab.
-  * Defaults to `["rightArrow"]` for row layouts and `["downArrow"]` for column layouts.
-  */
-  readonly next?: ReadonlyArray<string>;
-  /**
-  * Key names that move to the previous tab.
-  * Defaults to `["leftArrow"]` for row layouts and `["upArrow"]` for column layouts.
-  */
-  readonly previous?: ReadonlyArray<string>;
-  /**
-  * Whether Meta/Cmd + 1–9 jumps to a specific tab.
-  * @default true
-  */
-  readonly useNumbers?: boolean;
-  /**
-  * Whether the Tab key cycles through tabs (only when `isFocused` is not managed by Ink).
-  * @default true
-  */
-  readonly useTab?: boolean;
-};
-/**
-* Color customization for active tab styling.
-*/
-type TabColors = {
-  readonly activeTab?: {
-    readonly backgroundColor?: LiteralUnion<AnsiColors, string>;
-    readonly color?: LiteralUnion<AnsiColors, string>;
-  };
-};
-type Props = {
-  /**
-  * Tab elements to render.
-  */
-  readonly children: ReactNode;
-  /**
-  * Active tab colors. When `isFocused` is `false`, the active tab uses gray.
-  */
-  readonly colors?: TabColors;
-  /**
-  * Name of the tab to select initially (uncontrolled mode).
-  * Ignored when `value` is provided.
-  */
-  readonly defaultValue?: string;
-  /**
-  * Layout direction for the tab bar.
-  * @default "row"
-  */
-  readonly flexDirection?: "column" | "column-reverse" | "row" | "row-reverse";
-  /**
-  * Whether the tabs are focused and respond to keyboard input.
-  * - `true`: focused, uses active colors.
-  * - `false`: unfocused, uses gray active color, ignores input.
-  * - `undefined`/`null`: always active (focus not managed by Ink).
-  * @default undefined
-  */
-  readonly isFocused?: boolean | null;
-  /**
-  * Custom keyboard mappings.
-  */
-  readonly keyMap?: KeyMap;
-  /**
-  * Called when the active tab changes.
-  */
-  readonly onChange: (name: string, activeTab: ReactElement<Props$1>) => void;
-  /**
-  * Whether to display 1-based index numbers before each tab name.
-  * @default true
-  */
-  readonly showIndex?: boolean;
-  /**
-  * Controlled active tab name. When provided, the component is controlled —
-  * the parent owns the active tab state and must update it via `onChange`.
-  * When omitted, the component manages its own state (uncontrolled mode).
-  */
-  readonly value?: string;
-  /**
-  * Width of the container Box. Also determines the separator width in column layouts.
-  */
-  readonly width?: number | string;
-};
-/**
-* Tabbed navigation component. Renders a row or column of tabs with keyboard
-* navigation (arrow keys, Tab, number keys) and calls `onChange` when the
-* active tab changes.
-*/
-declare function Tabs({
-  children,
-  colors: colorsProp,
-  defaultValue,
-  flexDirection,
-  isFocused,
-  keyMap: keyMapProp,
-  onChange,
-  showIndex,
-  value,
-  width
-}: Props): ReactElement;
-export { KeyMap, Props, TabColors, Tabs, type KeyMap as TabsKeyMap, type Props as TabsProps, Tabs as default };

package/dist/components/tabs.js

@@ -1 +0,0 @@
-import{jsx as y,jsxs as A}from"react/jsx-runtime";import{useRef as I,useState as U,useCallback as d,useEffect as X,useMemo as j,Children as Y}from"react";import Z from"../ink/hooks/use-input.js";import{Box as M}from"./box.js";import{Text as D}from"./text.js";const _=/^\d$/u,G=e=>e!=null&&typeof e=="object"&&"props"in e&&"name"in e.props,H=e=>{const t=[];for(const n of Y.toArray(e))G(n)&&t.push(n);return t},E=(e,t)=>e.some(n=>t[n]),J=(e,t,n)=>e?t?{backgroundColor:n?.activeTab?.backgroundColor??"green",color:n?.activeTab?.color??"black"}:{backgroundColor:"gray",color:"black"}:{backgroundColor:void 0,color:void 0};function nr({children:e,colors:t,defaultValue:n,flexDirection:f="row",isFocused:b,keyMap:u,onChange:T,showIndex:F=!0,value:x,width:v}){const s=H(e),c=s.length,p=I(s);p.current=s;const l=f==="column"||f==="column-reverse",g=x!==void 0,[L,O]=U(()=>{const r=x??n;if(r==null||c===0)return 0;const o=s.findIndex(i=>i.props.name===r);return o===-1?0:o}),h=g?Math.max(0,s.findIndex(r=>r.props.name===x)):L,P=d(()=>{},[]),a=g?P:O,m=I(T);m.current=T,X(()=>{if(g)return;const r=p.current[h];r&&m.current(r.props.name,r)},[]);const B=j(()=>u?.previous??[l?"upArrow":"leftArrow"],[u?.previous,l]),N=j(()=>u?.next??[l?"downArrow":"rightArrow"],[u?.next,l]),R=u?.useNumbers??!0,S=u?.useTab??!0,k=I(h);k.current=h;const V=d(r=>{a(r);const o=p.current[r];o&&m.current(o.props.name,o)},[a]),C=d(()=>{const r=(k.current+1)%c;a(r);const o=p.current[r];o&&m.current(o.props.name,o)},[c,a]),w=d(()=>{const r=(k.current-1+c)%c;a(r);const o=p.current[r];o&&m.current(o.props.name,o)},[c,a]);Z(d((r,o)=>{if(E(B,o)){w();return}if(E(N,o)){C();return}if(o.tab&&S&&b==null){o.shift?w():C();return}if(R&&o.meta&&_.test(r)){const i=r==="0"?9:Number.parseInt(r,10)-1;i<c&&V(i)}},[B,N,S,R,b,w,C,c,V]),{isActive:b!==!1});const $=typeof v=="number"?v:6,Q=j(()=>l?"─".repeat($):" | ",[l,$]);return y(M,{flexDirection:f,width:v,children:s.map((r,o)=>{const{name:i}=r.props,q=J(h===o,b!==!1,t);let z=null;return F&&(z=A(D,{color:"grey",children:[o+1,"."," "]})),A(M,{flexDirection:f,children:[o!==0&&y(D,{color:"dim",children:Q}),A(M,{children:[z,y(D,{backgroundColor:q.backgroundColor,color:q.color,children:r})]})]},i)})})}export{nr as Tabs,nr as default};

package/dist/components/tag.d.ts

@@ -1,35 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type TagVariant = "outline" | "solid" | "subtle";
-type Props = {
-  /**
-  * Tag content.
-  */
-  readonly children: ReactNode;
-  /**
-  * Base color.
-  * @default "blue"
-  */
-  readonly color?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Optional symbol rendered before the label (e.g. `●`, `✔`, `★`).
-  */
-  readonly icon?: ReactNode;
-  /**
-  * Visual style.
-  * @default "subtle"
-  */
-  readonly variant?: TagVariant;
-};
-/**
-* Render a short pill-shaped label.
-* @returns A `ReactElement` rendering the tag in the requested variant.
-*/
-declare function Tag({
-  children,
-  color,
-  icon,
-  variant
-}: Props): ReactElement;
-export { Props, Tag, type Props as TagProps, TagVariant, Tag as default };

package/dist/components/tag.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as r,Fragment as l}from"react/jsx-runtime";import{Box as a}from"./box.js";import{Text as n}from"./text.js";function u({children:d,color:i="blue",icon:o,variant:c="subtle"}){return c==="outline"?e(a,{borderColor:i,borderStyle:"round",paddingX:1,children:r(n,{color:i,children:[o===void 0?void 0:r(l,{children:[o," "]}),d]})}):c==="solid"?r(n,{backgroundColor:i,color:"black",children:[" ",o===void 0?void 0:r(l,{children:[o," "]}),d," "]}):r(n,{color:i,children:[o===void 0?void 0:r(l,{children:[o," "]}),d]})}export{u as Tag,u as default};