@visulima/tui 1.0.7 → 2.0.0

package/dist/components/gradient.d.ts

@@ -1,42 +0,0 @@
-import { multilineGradient } from '@visulima/colorize/gradient';
-import { ReactNode, ReactElement } from 'react';
-/**
-* A color stop for the gradient — hex string, CSS color name, RGB tuple, RGB object, or positioned stop.
-*/
-type GradientStop = Parameters<typeof multilineGradient>[0][number];
-/**
-* Built-in gradient presets.
-*/
-type GradientName = "atlas" | "cristal" | "fruit" | "instagram" | "mind" | "morning" | "pastel" | "passion" | "rainbow" | "retro" | "summer" | "teen" | "vice";
-/**
-* Custom gradient colors — an array of color stops accepted by `@visulima/colorize`'s gradient API.
-*/
-type GradientColors = GradientStop[];
-type Props = {
-  /**
-  * The content to colorize.
-  *
-  * Multiple `&lt;Text>` children are treated as separate nodes, which preserves layout when `&lt;Gradient>` is placed inside a `&lt;Box flexDirection="column">`.
-  *
-  * If you want a continuous gradient across multiple lines, pass a single string or a single `&lt;Text>` with `\n`.
-  */
-  readonly children: ReactNode;
-  /**
-  * [Colors to use to make the gradient.](https://visulima.com/packages/colorize)
-  *
-  * Mutually exclusive with `name`.
-  */
-  readonly colors?: GradientColors;
-  /**
-  * The name of a built-in gradient preset.
-  *
-  * Mutually exclusive with `colors`.
-  */
-  readonly name?: GradientName;
-};
-declare function Gradient({
-  children,
-  colors,
-  name
-}: Props): ReactElement | null;
-export { Gradient, type GradientColors, type GradientName, type Props as GradientProps, Props, Gradient as default };

package/dist/components/gradient.js

@@ -1 +0,0 @@
-import{jsx as c,Fragment as C}from"react/jsx-runtime";import{strip as F}from"@visulima/ansi";import{multilineGradient as k}from"@visulima/colorize/gradient";import{useMemo as M,Children as g,isValidElement as G,cloneElement as b}from"react";import{Box as B}from"./box.js";import{Text as x}from"./text.js";import{Transform as y}from"./transform.js";const S={atlas:{colors:["#feac5e","#c779d0","#4bc0c8"]},cristal:{colors:["#bdfff3","#4ac29a"]},fruit:{colors:["#ff4e50","#f9d423"]},instagram:{colors:["#833ab4","#fd1d1d","#fcb045"]},mind:{colors:["#473b7b","#3584a7","#30d2be"]},morning:{colors:["#ff5f6d","#ffc371"],options:{interpolation:"hsv"}},passion:{colors:["#f43b47","#453a94"]},pastel:{colors:["#74ebd5","#74ecd5"],options:{hsvSpin:"long",interpolation:"hsv"}},rainbow:{colors:["#ff0000","#ff0100"],options:{hsvSpin:"long",interpolation:"hsv"}},retro:{colors:["#3f51b1","#5a55ae","#7b5fac","#8f6aae","#a86aa4","#cc6b8e","#f18271","#f3a469","#f7c978"]},summer:{colors:["#fdbb2d","#22c1c3"]},teen:{colors:["#77a1d3","#79cbca","#e684ae"]},vice:{colors:["#5ee7df","#b490ca"],options:{interpolation:"hsv"}}},O=o=>{let t=!1;const n=u=>{g.forEach(u,s=>{if(t||!G(s))return;if(s.type===B){t=!0;return}const f=s.props;Object.hasOwn(f,"children")&&n(f.children)})};return n(o),t},T=o=>Object.hasOwn(o,"children"),j=o=>typeof o=="string"||typeof o=="number",N=o=>o==null||typeof o=="boolean";function J({children:o,colors:t,name:n}){if(n&&t)throw new Error("The `name` and `colors` props are mutually exclusive");if(!n&&!t)throw new Error("Either `name` or `colors` prop must be provided");const u=M(()=>n?k(S[n].colors,S[n].options):k(t??[]),[n,t]),s=h=>u(F(h)),f=g.count(o);if(j(o))return c(y,{transform:s,children:o});if(f===1&&!O(o))return c(y,{transform:s,children:o});const m=h=>{const i=[];let a="",v=0;const w=()=>{const r=`gradient-node-${String(v)}`;return v+=1,r},l=(r,e)=>{i.push(c(y,{transform:s,children:r},e))},E=()=>{if(a==="")return;const r=a;a="",l(c(x,{children:r}),w())};return g.forEach(h,r=>{if(!N(r)){if(j(r)){a+=String(r);return}if(E(),G(r)){const e=r.key??w(),p=r.props;if(r.type===x){l(r,e);return}if(r.type===B){if(T(p)){const d=p.children;i.push(b(r,{key:e},m(d)));return}i.push(b(r,{key:e}));return}if(T(p)){const d=p.children;if(!O(d)){l(r,e);return}i.push(b(r,{key:e},m(d)));return}l(r,e);return}i.push(r)}}),E(),i};return c(C,{children:m(o)})}export{J as Gradient,J as default};

package/dist/components/heading.d.ts

@@ -1,33 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
-type Props = {
-  /**
-  * Heading content.
-  */
-  readonly children: ReactNode;
-  /**
-  * Explicit color. By default the color is derived from the level.
-  */
-  readonly color?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Heading level controls decoration and color.
-  * @default 1
-  */
-  readonly level?: HeadingLevel;
-  /**
-  * When true, renders an underline on a second line.
-  */
-  readonly underline?: boolean;
-};
-/**
-* Semantic heading with level-based styling.
-*/
-declare function Heading({
-  children,
-  color,
-  level,
-  underline
-}: Props): ReactElement;
-export { Heading, HeadingLevel, type Props as HeadingProps, Props, Heading as default };

package/dist/components/heading.js

@@ -1 +0,0 @@
-import{jsx as l,jsxs as t}from"react/jsx-runtime";import{Box as c}from"./box.js";import{Text as a}from"./text.js";const s={1:"blueBright",2:"cyanBright",3:"magentaBright",4:"yellowBright",5:"green",6:"white"},d={1:"# ",2:"## ",3:"### ",4:"#### ",5:"##### ",6:"###### "};function g({children:e,color:o,level:r=1,underline:n=!1}){const i=o??s[r];return l(c,{flexDirection:"column",children:t(a,{bold:r<=2,color:i,underline:n,children:[d[r],e]})})}export{g as Heading,g as default};

package/dist/components/heatmap.d.ts

@@ -1,62 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type HeatmapProps = {
-  /**
-  * Width of each cell in character columns.
-  * @default 2
-  */
-  readonly cellWidth?: number;
-  /**
-  * Glyph used to paint each heatmap cell. Defaults to `█` so the
-  * background color fills the cell.
-  * @default "█" (full block)
-  */
-  readonly character?: string;
-  /**
-  * Column labels rendered below the grid.
-  */
-  readonly columnLabels?: ReadonlyArray<string>;
-  /**
-  * 2D matrix, rows × cols.
-  */
-  readonly data: ReadonlyArray<ReadonlyArray<number>>;
-  /**
-  * Fixed maximum (for consistent scales across multiple heatmaps).
-  */
-  readonly max?: number;
-  /**
-  * Fixed minimum.
-  */
-  readonly min?: number;
-  /**
-  * Color palette, lowest-to-highest intensity. Values are mapped into the
-  * palette by their position in the [min, max] range.
-  * @default ["#0b1e4f", "#1f3b96", "#3258c8", "#4e84ec", "#78b0ff"]
-  */
-  readonly palette?: ReadonlyArray<string>;
-  /**
-  * Row labels rendered to the left of the grid.
-  */
-  readonly rowLabels?: ReadonlyArray<string>;
-  /**
-  * Foreground color override (rarely needed since the character is a full block).
-  */
-  readonly textColor?: LiteralUnion<AnsiColors, string>;
-};
-/**
-* 2D heatmap. Each cell's background color is derived from its value's
-* position in the [min, max] range mapped into `palette`.
-*/
-declare function Heatmap({
-  cellWidth,
-  character,
-  columnLabels,
-  data,
-  max: maxOverride,
-  min: minOverride,
-  palette,
-  rowLabels,
-  textColor
-}: HeatmapProps): ReactElement;
-export { Heatmap, HeatmapProps, Heatmap as default };

package/dist/components/heatmap.js

@@ -1 +0,0 @@
-import{jsxs as C,jsx as a}from"react/jsx-runtime";import{useMemo as R}from"react";import{Box as m}from"./box.js";import{Canvas as A}from"./canvas.js";import{Text as M}from"./text.js";const B=["#0b1e4f","#1f3b96","#3258c8","#4e84ec","#78b0ff"];function G({cellWidth:s=2,character:k="█",columnLabels:p,data:t,max:c,min:l,palette:x=B,rowLabels:w,textColor:L}){const{cols:g,colWidth:f,extent:W,rows:u}=R(()=>{const e=t.length,r=t.reduce((n,o)=>Math.max(n,o.length),0);let i=l??1/0,d=c??-1/0;if(l===void 0||c===void 0)for(const n of t)for(const o of n)l===void 0&&o<i&&(i=o),c===void 0&&o>d&&(d=o);return{cols:r,colWidth:s,extent:{max:d,min:i},rows:e}},[t,l,c,s]),j=g*f,D=u;return C(m,{children:[w===void 0?void 0:a(m,{flexDirection:"column",marginRight:1,children:Array.from({length:u},(e,r)=>a(M,{dimColor:!0,children:w[r]??""},r))}),C(m,{flexDirection:"column",children:[a(A,{draw:e=>{e.clear();const{max:r,min:i}=W,d=r-i||1,n=x.length-1;for(let o=0;o<u;o+=1)for(let h=0;h<g;h+=1){const b=t[o]?.[h],H=b===void 0?void 0:x[Math.max(0,Math.min(n,Math.round((b-i)/d*n)))];for(let v=0;v<f;v+=1)e.setCell(h*f+v,o,k,{background:H,color:L})}},height:D,version:[t,x,s,l,c],width:j}),p===void 0?void 0:a(m,{children:p.map((e,r)=>a(m,{width:f,children:a(M,{dimColor:!0,wrap:"truncate-end",children:e})},r))})]})]})}export{G as Heatmap,G as default};

package/dist/components/help.d.ts

@@ -1,52 +0,0 @@
-import { ReactElement } from 'react';
-import { KeyBinding } from "../ink/hooks/use-key-bindings.js";
-type Props = {
-  /**
-  * Key bindings to display. Typically the `bindings` array returned by `useKeyBindings`.
-  */
-  readonly bindings: ReadonlyArray<KeyBinding>;
-  /**
-  * Color for description text.
-  * @default undefined (uses dimColor)
-  */
-  readonly descriptionColor?: string;
-  /**
-  * Color for key labels.
-  * @default "cyan"
-  */
-  readonly keyColor?: string;
-  /**
-  * Maximum number of columns in full mode.
-  * @default 3
-  */
-  readonly maxColumns?: number;
-  /**
-  * Display mode.
-  * - `"short"`: Single-line horizontal bar, truncated to terminal width.
-  * - `"full"`: Multi-column layout grouped by `group` field.
-  * @default "short"
-  */
-  readonly mode?: "full" | "short";
-  /**
-  * Separator between key-description pairs in short mode.
-  * @default " \u00b7 "
-  */
-  readonly separator?: string;
-};
-/**
-* Renders a keybinding help bar from an array of `KeyBinding` definitions.
-*
-* ```tsx
-* &lt;Help bindings={bindings} />
-* &lt;Help bindings={bindings} mode="full" />
-* ```
-*/
-declare function Help({
-  bindings,
-  descriptionColor,
-  keyColor,
-  maxColumns,
-  mode,
-  separator
-}: Props): ReactElement;
-export { Help, type Props as HelpProps, Props, Help as default };

package/dist/components/help.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as m}from"react/jsx-runtime";import w from"../ink/hooks/use-window-size.js";import{Box as a}from"./box.js";import{Text as i}from"./text.js";const f={backspace:"backspace",delete:"del",downArrow:"↓",end:"end",escape:"esc",home:"home",leftArrow:"←",pageDown:"pgdn",pageUp:"pgup",return:"enter",rightArrow:"→",tab:"tab",upArrow:"↑"};function y(r){const o=r.indexOf("+");if(o!==-1){const n=r.slice(0,o),t=r.slice(o+1);return`${n}+${f[t]??t}`}return f[r]??r}function C(r){return(typeof r=="string"?[r]:r).map(o=>y(o)).join("/")}function B({bindings:r,descriptionColor:o,keyColor:n="cyan",maxColumns:t=3,mode:s="short",separator:l=" · "}){const{columns:p}=w();return s==="full"?$(r,{columns:p,descriptionColor:o,keyColor:n,maxColumns:t}):b(r,{columns:p,descriptionColor:o,keyColor:n,separator:l})}function b(r,o){const n=[];let t=0;for(const[s,l]of r.entries()){const p=C(l.key),d=`${p} ${l.description}`,c=(s>0?o.separator.length:0)+d.length;if(t+c>o.columns&&n.length>0)break;s>0&&n.push(e(i,{dimColor:!0,children:o.separator},`sep-${s}`)),n.push(m(a,{children:[e(i,{color:o.keyColor,children:p}),e(i,{children:" "}),o.descriptionColor?e(i,{color:o.descriptionColor,children:l.description}):e(i,{dimColor:!0,children:l.description})]},`pair-${s}`)),t+=c}return e(a,{flexDirection:"row",children:n})}function $(r,o){const n=new Map;for(const d of r){const c=d.group??"";n.has(c)||n.set(c,[]),n.get(c).push(d)}const t=[...n.entries()],s=Math.min(o.maxColumns,t.length||1),l=Math.floor(o.columns/s),p=[];for(const[d,[c,g]]of t.entries()){const u=[];c&&u.push(e(i,{bold:!0,children:c},"title"));for(const[x,h]of g.entries()){const k=C(h.key);u.push(m(a,{children:[e(i,{color:o.keyColor,children:k}),e(i,{children:" "}),o.descriptionColor?e(i,{color:o.descriptionColor,children:h.description}):e(i,{dimColor:!0,children:h.description})]},`b-${x}`))}p.push(e(a,{flexDirection:"column",width:l,children:u},`col-${d}`))}return e(a,{flexDirection:"row",children:p})}export{B as Help,B as default};

package/dist/components/histogram.d.ts

@@ -1,62 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Number of equal-width buckets. Ignored if `thresholds` is set.
-  * @default 10
-  */
-  readonly bins?: number;
-  /**
-  * Bar color.
-  */
-  readonly color?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Raw values to bin.
-  */
-  readonly data: ReadonlyArray<number>;
-  /**
-  * Plot height in character rows.
-  * @default 10
-  */
-  readonly height?: number;
-  /**
-  * Optional fixed maximum.
-  */
-  readonly max?: number;
-  /**
-  * Optional fixed minimum.
-  */
-  readonly min?: number;
-  /**
-  * Render a numeric count above each bucket.
-  * @default false
-  */
-  readonly showValues?: boolean;
-  /**
-  * Explicit bin edges. When provided, `bins`, `min`, and `max` are ignored.
-  * Must be strictly increasing.
-  */
-  readonly thresholds?: ReadonlyArray<number>;
-  /**
-  * Plot width in character columns.
-  */
-  readonly width?: number;
-};
-/**
-* Histogram built on top of BarChart. Bins the raw values (via explicit
-* thresholds or equal-width bins) and hands the counts off to BarChart.
-* @returns A `ReactElement` rendering a BarChart of bucket counts.
-*/
-declare function Histogram({
-  bins,
-  color,
-  data,
-  height,
-  max: maxOverride,
-  min: minOverride,
-  showValues,
-  thresholds,
-  width
-}: Props): ReactElement;
-export { Histogram, type Props as HistogramProps, Props, Histogram as default };

package/dist/components/histogram.js

@@ -1 +0,0 @@
-import{jsx as g}from"react/jsx-runtime";import{useMemo as d}from"react";import{BarChart as b}from"./bar-chart.js";const p=(l,t,o)=>{if(o<=0||l>=t)return[l,t];const s=(t-l)/o;return Array.from({length:o+1},(n,r)=>l+r*s)},c=(l,t)=>{if(t.length<2)return[];const o=Array.from({length:t.length-1}).fill(0),s=t[0],n=t[t.length-1];for(const r of l)if(!(r<s||r>n))for(let e=0;e<t.length-1;e+=1){const a=e===t.length-2,h=t[e+1];if(r<h||a&&r<=h){o[e]=(o[e]??0)+1;break}}return o.map((r,e)=>{const a=t[e],h=t[e+1];return{count:r,label:`${Math.round(a)}-${Math.round(h)}`}})};function x({bins:l=10,color:t,data:o,height:s=10,max:n,min:r,showValues:e=!1,thresholds:a,width:h}){const m=d(()=>{if(a&&a.length>=2)return c(o,a);if(o.length===0)return[];let i=r??1/0,f=n??-1/0;if(r===void 0||n===void 0)for(const u of o)r===void 0&&u<i&&(i=u),n===void 0&&u>f&&(f=u);return i===f?[{count:o.length,label:i.toString()}]:c(o,p(i,f,l))},[o,a,l,r,n]);return g(b,{data:m.map(i=>({color:t,label:i.label,value:i.count})),height:s,orientation:"vertical",showLabels:!0,showValues:e,width:h})}export{x as Histogram,x as default};

package/dist/components/kbd.d.ts

@@ -1,31 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Key cap content.
-  */
-  readonly children: ReactNode;
-  /**
-  * Background color of the key cap.
-  * @default "gray"
-  */
-  readonly color?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Visual style.
-  * - `solid` (default): background filled
-  * - `outline`: border only
-  * - `bare`: no decoration, just dimmed text
-  */
-  readonly variant?: "bare" | "outline" | "solid";
-};
-/**
-* Render a keyboard key (e.g. `&lt;Kbd>Enter&lt;/Kbd>`).
-* @returns A `ReactElement` styled as a key cap (solid / outline / bare).
-*/
-declare function Kbd({
-  children,
-  color,
-  variant
-}: Props): ReactElement;
-export { Kbd, type Props as KbdProps, Props, Kbd as default };

package/dist/components/kbd.js

@@ -1 +0,0 @@
-import{jsxs as i,jsx as l}from"react/jsx-runtime";import{Box as n}from"./box.js";import{Text as d}from"./text.js";function s({children:r,color:o="gray",variant:e="solid"}){return e==="solid"?i(d,{backgroundColor:o,color:"black",children:[" ",r," "]}):e==="outline"?l(n,{borderColor:o,borderStyle:"round",paddingX:1,children:l(d,{color:o,children:r})}):l(d,{dimColor:!0,children:r})}export{s as Kbd,s as default};

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

@@ -1,109 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-import { C as CanvasContext } from "../packem_shared/buffer.d-EJkZr8uH.js";
-/**
-* A single 2D data point.
-*/
-type Point = {
-  readonly x: number;
-  readonly y: number;
-};
-type LineSeries = {
-  /**
-  * Per-series color override. Falls back to the chart-level palette.
-  */
-  readonly color?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Numeric samples to plot. Pass either a list of y-values (x is the
-  * index) or {x, y} tuples.
-  */
-  readonly data: ReadonlyArray<number> | ReadonlyArray<{
-    readonly x: number;
-    readonly y: number;
-  }>;
-  /**
-  * Optional label shown in the legend.
-  */
-  readonly label?: string;
-};
-type LineChartProps = {
-  /**
-  * Color for axis ticks / labels.
-  * @default "gray"
-  */
-  readonly axisColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Chart body height in character rows.
-  * @default 10
-  */
-  readonly height?: number;
-  /**
-  * Upper bound for the y-axis. When omitted the chart auto-scales.
-  */
-  readonly maxY?: number;
-  /**
-  * Lower bound for the y-axis. When omitted the chart auto-scales.
-  */
-  readonly minY?: number;
-  /**
-  * Fallback palette cycled through when a series does not set `color`.
-  * @default ["cyan", "magenta", "yellow", "green", "blue", "red"]
-  */
-  readonly palette?: ReadonlyArray<LiteralUnion<AnsiColors, string>>;
-  /**
-  * One or more line series.
-  */
-  readonly series: ReadonlyArray<LineSeries>;
-  /**
-  * Render the legend row under the plot.
-  * @default true
-  */
-  readonly showLegend?: boolean;
-  /**
-  * Chart body width in character columns.
-  * @default 40
-  */
-  readonly width?: number;
-};
-type RenderConfig = {
-  readonly axisColor: LiteralUnion<AnsiColors, string>;
-  readonly palette: ReadonlyArray<LiteralUnion<AnsiColors, string>>;
-  readonly seriesList: ReadonlyArray<{
-    color: LiteralUnion<AnsiColors, string>;
-    points: ReadonlyArray<Point>;
-    series: LineSeries;
-  }>;
-  readonly xMax: number;
-  readonly xMin: number;
-  readonly yMax: number;
-  readonly yMin: number;
-};
-/**
-* Project an (x, y) data point into pixel-grid coordinates for the given
-* canvas size. Used by every chart that paints on top of a braille grid.
-*/
-declare const projectPoint: (point: Point, config: Pick<RenderConfig, "xMax" | "xMin" | "yMax" | "yMin">, pixelWidth: number, pixelHeight: number) => {
-  px: number;
-  py: number;
-};
-/**
-* Shared drawing path used by LineChart and ScatterPlot. AreaChart wraps
-* this with a fill pass.
-*/
-declare const drawSeriesOnCanvas: (context: CanvasContext, mode: "line" | "scatter", config: RenderConfig) => void;
-/**
-* Smooth multi-series line chart rendered at 2x4 sub-cell resolution using
-* Unicode braille patterns. Auto-scales both axes by default.
-*/
-declare function LineChart({
-  axisColor,
-  height,
-  maxY,
-  minY,
-  palette,
-  series,
-  showLegend,
-  width
-}: LineChartProps): ReactElement;
-export { LineChart, LineChartProps, type RenderConfig as LineChartRenderConfig, LineSeries, LineChart as default, drawSeriesOnCanvas, projectPoint };

package/dist/components/line-chart.js

@@ -1 +0,0 @@
-import"react/jsx-runtime";import"react";import"../packem_shared/braille-ch3O5D7I.js";import"./box.js";import"./canvas.js";import{h as s,h as n,d,a as h}from"../packem_shared/line-chart-C7CUrvVs.js";import"./text.js";export{s as LineChart,n as default,d as drawSeriesOnCanvas,h as projectPoint};

package/dist/components/link.d.ts

@@ -1,38 +0,0 @@
-import { ReactNode, ReactElement } from 'react';
-type Props = {
-  readonly children: ReactNode;
-  /**
-  * Determines whether the URL should be printed for unsupported terminals.
-  *
-  * - `true` (default): appends the URL after the text, e.g. `"My website https://example.com"`
-  * - `false`: renders just the text with no URL
-  * - `function`: custom fallback formatting, e.g. `(text, url) => \`[\${text}](\${url})\``
-  * @default true
-  */
-  readonly fallback?: ((text: string, url: string) => string) | boolean;
-  /**
-  * The URL to link to.
-  */
-  readonly url: string;
-};
-/**
-* An Ink component that creates clickable links in the terminal using OSC 8 hyperlink sequences.
-*
-* [Supported terminals.](https://gist.github.com/egmontkob/eb114294efbcd5adb1944c9f3cb5feda)
-*
-* For unsupported terminals, the link will be printed after the text: `My website https://example.com`.
-*
-* ```tsx
-* import { Link, Text } from "@visulima/tui/ink";
-*
-* <Link url="https://example.com">
-*     <Text color="cyan">My Website</Text>
-* </Link>
-* ```
-*/
-declare function Link({
-  children,
-  fallback,
-  url
-}: Props): ReactElement;
-export { Link, type Props as LinkProps, type Props, Link as default };

package/dist/components/link.js

@@ -1 +0,0 @@
-import{jsx as i}from"react/jsx-runtime";import{hyperlink as u}from"@visulima/ansi";import{useCallback as c}from"react";import{Text as f}from"./text.js";import{Transform as a}from"./transform.js";let n;const m=()=>{if(!process.stdout.isTTY)return!1;const o=process.env.TERM_PROGRAM??"",r=process.env.TERM_PROGRAM_VERSION??"";if(o==="iTerm.app")return Number.parseInt(r.split(".")[0]??"0",10)>=3;if(o==="WezTerm"||o==="ghostty")return!0;if(o==="vscode"){const s=r.split("."),t=Number.parseInt(s[0]??"0",10),p=Number.parseInt(s[1]??"0",10);return t>1||t===1&&p>=72}if(process.env.WT_SESSION)return!0;const e=process.env.VTE_VERSION;if(e){const s=Number.parseInt(e,10);return s>=5e3&&s!==5e3}return!1},l=()=>process.env.FORCE_HYPERLINK?process.env.FORCE_HYPERLINK!=="0":(n!==void 0||(n=m()),n);function v({children:o,fallback:r=!0,url:e}){const s=c(t=>l()?u(t,e):r===!1?t:typeof r=="function"?r(t,e):`${t} ${e}`,[r,e]);return i(a,{transform:s,children:i(f,{children:o})})}export{v as Link,v as default};

package/dist/components/loading-indicator.d.ts

@@ -1,29 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { SpinnerName } from '@visulima/spinner';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Optional message rendered after the spinner.
-  */
-  readonly children?: ReactNode;
-  /**
-  * Color used for the spinner and label.
-  * @default "cyan"
-  */
-  readonly color?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Spinner preset.
-  * @default "dots"
-  */
-  readonly type?: SpinnerName;
-};
-/**
-* Compact spinner + label for loading states.
-*/
-declare function LoadingIndicator({
-  children,
-  color,
-  type
-}: Props): ReactElement;
-export { LoadingIndicator, type Props as LoadingIndicatorProps, Props, LoadingIndicator as default };

package/dist/components/loading-indicator.js

@@ -1 +0,0 @@
-import{jsxs as a,jsx as o}from"react/jsx-runtime";import{Box as c}from"./box.js";import{Spinner as d}from"./spinner.js";import{Text as i}from"./text.js";function m({children:r,color:n="cyan",type:t="dots"}){return a(c,{gap:1,children:[o(i,{color:n,children:o(d,{type:t})}),r===void 0?void 0:o(i,{color:n,children:r})]})}export{m as LoadingIndicator,m as default};

package/dist/components/markdown.d.ts

@@ -1,40 +0,0 @@
-import { ReactElement } from 'react';
-type Props = {
-  /**
-  * The Markdown source string.
-  */
-  readonly children: string;
-  /**
-  * Shiki theme for code block syntax highlighting.
-  * @default "github-dark-default"
-  */
-  readonly codeTheme?: string;
-  /**
-  * Maximum width for text wrapping. Defaults to terminal width.
-  */
-  readonly maxWidth?: number;
-  /**
-  * Enable streaming mode for progressive rendering.
-  * When true, the component re-renders on every prop change and handles
-  * incomplete Markdown gracefully (e.g., unclosed code fences, partial lists).
-  * Useful for rendering AI-generated text arriving token-by-token.
-  * @default false
-  */
-  readonly streaming?: boolean;
-};
-/**
-* Render Markdown content as Ink terminal UI elements.
-*
-* ```tsx
-* <Markdown>{"# Hello\n\nThis is **bold** and *italic*."}</Markdown>
-* <Markdown codeTheme="github-dark-default">{"```js\nconst x = 1;\n```"}</Markdown>
-* <Markdown streaming>{"# Streaming\n\nText arriving..."}</Markdown>
-* ```
-*/
-declare function Markdown({
-  children,
-  codeTheme,
-  maxWidth: maxWidthProp,
-  streaming
-}: Props): ReactElement;
-export { Markdown, type Props as MarkdownProps, Props, Markdown as default };

package/dist/components/markdown.js

@@ -1 +0,0 @@
-import{jsx as r,jsxs as x}from"react/jsx-runtime";import{Lexer as C}from"marked";import k,{useMemo as b}from"react";import D from"../ink/hooks/use-window-size.js";import{Box as l}from"./box.js";import{Code as F}from"./code.js";import{Link as M}from"./link.js";import{Newline as w}from"./newline.js";import{OrderedList as j}from"./ordered-list.js";import{Table as v}from"./table.js";import{Text as m}from"./text.js";import{UnorderedList as B}from"./unordered-list.js";const q={1:"cyan",2:"green",3:"yellow",4:"blue",5:"magenta",6:"gray"};function p(c){return!c||c.length===0?null:c.map((a,t)=>{switch(a.type){case"br":return r(w,{},t);case"codespan":return x(m,{inverse:!0,children:[" ",a.text," "]},t);case"del":return r(m,{strikethrough:!0,children:p(a.tokens)},t);case"em":return r(m,{italic:!0,children:p(a.tokens)},t);case"escape":return r(k.Fragment,{children:a.text},t);case"image":{const e=a;return x(m,{dimColor:!0,children:["[image:"," ",e.text||e.href,"]"]},t)}case"link":{const e=a;return r(M,{url:e.href,children:p(e.tokens)??e.text},t)}case"strong":return r(m,{bold:!0,children:p(a.tokens)},t);case"text":return r(k.Fragment,{children:a.text},t);default:{const e="raw"in a?a.raw:"";return r(k.Fragment,{children:e},t)}}})}function T(c){return c.map(a=>{const t=a.tokens??[],e=t.find(i=>i.type==="text"),n=p(e?.tokens??t),h=t.find(i=>i.type==="list");return{children:h?T(h.items):void 0,label:n}})}function $(c,a,t){const e=[];for(const[n,h]of c.entries()){const i=h,s=n>0?1:0;switch(i.type){case"blockquote":{const o=i;e.push(r(l,{borderLeft:!0,borderLeftColor:"gray",marginTop:s,paddingLeft:1,children:r(l,{flexDirection:"column",children:$(o.tokens,a,t-3)})},n));break}case"code":{const o=i;e.push(r(l,{marginTop:s,children:r(F,{code:o.text,language:o.lang,theme:a})},n));break}case"heading":{const o=i,d=q[o.depth]??"white",g=`${"#".repeat(o.depth)} `;e.push(r(l,{marginTop:s,children:x(m,{bold:!0,color:d,children:[g,p(o.tokens)]})},n));break}case"hr":{e.push(r(l,{marginTop:s,children:r(m,{dimColor:!0,children:"─".repeat(Math.min(t,40))})},n));break}case"html":{const o=i.text.replaceAll(/<[^>]*>/g,"");o.trim()&&e.push(r(l,{marginTop:s,children:r(m,{dimColor:!0,children:o})},n));break}case"list":{const o=i,d=T(o.items);o.ordered?e.push(r(l,{marginTop:s,children:r(j,{items:d})},n)):e.push(r(l,{marginTop:s,children:r(B,{items:d})},n));break}case"paragraph":{const o=i;e.push(r(l,{marginTop:s,children:r(m,{wrap:"wrap",children:p(o.tokens)})},n));break}case"space":{e.push(r(w,{},n));break}case"table":{const o=i,d=(o.header??[]).map(u=>u.text),g=(o.rows??[]).map(u=>u.map(f=>f.text)).map(u=>{const f={};return d.forEach((y,L)=>{f[y]=u[L]??""}),f});e.push(r(l,{marginTop:s,children:r(v,{data:g})},n));break}default:{const o="raw"in i?i.raw:"",d="text"in i?i.text:o;d&&e.push(r(l,{marginTop:s,children:r(m,{children:d})},n));break}}}return e}function A(c,a){const t=C.lex(c);if(!a||c.length===0)return t;let e=0;for(const n of t)e+=n.raw?.length??0;if(e<c.length){const n=c.slice(e);n.trim().length>0&&t.push({raw:n,text:n,tokens:[{raw:n,text:n,type:"text"}],type:"paragraph"})}return t}function P({children:c,codeTheme:a="github-dark-default",maxWidth:t,streaming:e=!1}){const{columns:n}=D(),h=t??n??80,i=b(()=>A(c,e),[c,e]),s=b(()=>$(i,a,h),[i,a,h]);return r(l,{flexDirection:"column",children:s})}export{P as Markdown,P as default};

package/dist/components/masked-input.d.ts

@@ -1,50 +0,0 @@
-import { ReactElement } from 'react';
-type Props = {
-  /**
-  * Initial raw value (digits/characters only, without mask symbols).
-  */
-  readonly defaultValue?: string;
-  /**
-  * Disable input and dim the display.
-  */
-  readonly isDisabled?: boolean;
-  /**
-  * Mask definition. Each `#` is replaced with a user character; any other
-  * character is rendered literally. Example: `(###) ###-####`.
-  */
-  readonly mask: string;
-  /**
-  * Called whenever the underlying raw value changes.
-  */
-  readonly onChange?: (value: string) => void;
-  /**
-  * Called when the user presses Enter with the current raw value.
-  */
-  readonly onSubmit?: (value: string) => void;
-  /**
-  * Placeholder character used in the mask for empty positions.
-  * @default "_"
-  */
-  readonly placeholderChar?: string;
-  /**
-  * Sentinel character in the mask string used to mark editable positions.
-  * @default "#" (hash)
-  */
-  readonly token?: string;
-};
-/**
-* Input with a fixed-width mask. The mask token (`#` by default) marks
-* positions where the user can type; every other character is preserved.
-* Supports ←/→ to move within the mask, Home/End to jump, and
-* Backspace/Delete to clear characters.
-*/
-declare function MaskedInput({
-  defaultValue,
-  isDisabled,
-  mask,
-  onChange,
-  onSubmit,
-  placeholderChar,
-  token
-}: Props): ReactElement;
-export { MaskedInput, type Props as MaskedInputProps, Props, MaskedInput as default };

package/dist/components/masked-input.js

@@ -1 +0,0 @@
-import{jsxs as T,jsx as x}from"react/jsx-runtime";import{useMemo as V,useState as M,useCallback as A}from"react";import B from"../ink/hooks/use-input.js";import{Box as D}from"./box.js";import{Text as C}from"./text.js";const I=(m,n)=>{const s=[];let i=0;for(const[l,o]of[...m].entries())o===n&&(s.push({maskColumn:l,rawPosition:i}),i+=1);return s},L=(m,n,s,i)=>{let l=0,o="";for(const f of n)if(f===s){const u=m[l];u===void 0?o+=i:(o+=u,l+=1)}else o+=f;return o};function F({defaultValue:m="",isDisabled:n=!1,mask:s,onChange:i,onSubmit:l,placeholderChar:o="_",token:f="#"}){const u=V(()=>I(s,f),[s,f]),h=u.length,b=m.slice(0,h),[e,v]=M(b),[t,d]=M(b.length),g=A((c,r)=>{v(c),d(Math.max(0,Math.min(h,r))),i?.(c)},[h,i]);B(A((c,r)=>{if(r.return){l?.(e);return}if(r.leftArrow){d(a=>Math.max(0,a-1));return}if(r.rightArrow){d(a=>Math.min(e.length,a+1));return}if(r.home||r.ctrl&&c==="a"){d(0);return}if(r.end||r.ctrl&&c==="e"){d(e.length);return}if(r.backspace){if(t===0)return;const a=e.slice(0,t-1)+e.slice(t);g(a,t-1);return}if(r.delete){if(t>=e.length)return;const a=e.slice(0,t)+e.slice(t+1);g(a,t);return}if(c.length!==1||e.length>=h)return;const S=e.slice(0,t)+c+e.slice(t);g(S,t+1)},[e,t,h,g,l]),{isActive:!n});const p=L(e,s,f,o),k=u[t]?.maskColumn??s.length,w=p.slice(0,k),j=p.charAt(k)||" ",P=p.slice(k+1);return T(D,{children:[x(C,{dimColor:n,children:w}),x(C,{dimColor:n,inverse:!n,children:j}),x(C,{dimColor:n,children:P})]})}export{F as MaskedInput,F as default};