@visulima/tui 1.0.8 → 2.0.1

package/dist/components/animate-presence.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode, ReactElement } from 'react';
-type Props = {
-  /**
-  * Keyed children. Any child that accepts a `show: boolean` prop and calls
-  * `onExit` when its exit transition finishes (such as `<Transition />`) is
-  * orchestrated automatically. Other children render as-is.
-  */
-  readonly children: ReactNode;
-};
-/**
-* Orchestrates enter / exit animations for keyed children. Wrap a dynamic
-* list of `<Transition />` (or any component accepting `show` + `onExit`) to
-* keep outgoing children mounted until their exit animation finishes.
-*/
-declare function AnimatePresence({
-  children
-}: Props): ReactElement;
-export { AnimatePresence, type Props as AnimatePresenceProps, Props, AnimatePresence as default };

package/dist/components/animate-presence.js

@@ -1 +0,0 @@
-import{jsx as y}from"react/jsx-runtime";import{useState as k,Children as f,isValidElement as a,useEffect as w,useCallback as d,cloneElement as m}from"react";import{Box as E}from"./box.js";const p=s=>{const{key:r}=s;if(r!==null)return r},x=s=>s.type?.isAnimatable===!0?!0:typeof s.props=="object"&&s.props!==null&&"show"in s.props;function A({children:s}){const[r,c]=k(()=>{const e=[];return f.forEach(s,t=>{if(!a(t))return;const n=p(t);n!==void 0&&e.push({element:t,key:n,show:!0})}),e});w(()=>{const e=new Map;f.forEach(s,t=>{if(!a(t))return;const n=p(t);n!==void 0&&e.set(n,t)}),c(t=>{const n=[],i=new Set;let l=!1;for(const o of t)if(e.has(o.key)){const u=e.get(o.key);(!o.show||o.element!==u)&&(l=!0),n.push({element:u,key:o.key,show:!0}),i.add(o.key)}else o.show&&(l=!0),n.push({...o,show:!1});for(const[o,u]of e)i.has(o)||(l=!0,n.push({element:u,key:o,show:!0}));return l?n:t})},[s]);const h=d(e=>{c(t=>t.filter(n=>n.key!==e))},[]);return y(E,{flexDirection:"column",children:r.map(e=>{if(!x(e.element))return m(e.element,{key:e.key});const t=e.element.props.onExit;return m(e.element,{key:e.key,onExit:()=>{t?.(),h(e.key)},show:e.show})})})}export{A as AnimatePresence,A as default};

package/dist/components/approval-prompt.d.ts

@@ -1,65 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type ApprovalRisk = "high" | "low" | "medium";
-type ApprovalDecision = "allow-always" | "allow-once" | "deny";
-type Props = {
-  /**
-  * Accent color for the highlighted option letters. Overrides the risk color.
-  */
-  readonly accentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Auto-focus the prompt on mount. Set to `false` if a parent already
-  * owns focus and routes input to this component.
-  * @default true
-  */
-  readonly autoFocus?: boolean;
-  /**
-  * Optional body rendered between the header and the prompt line (e.g. a
-  * rendered diff or command preview).
-  */
-  readonly children?: ReactNode;
-  /**
-  * Accessible description of what approving will do.
-  */
-  readonly description?: string;
-  /**
-  * Disable input; use when a parent manages focus and input routing.
-  */
-  readonly isDisabled?: boolean;
-  /**
-  * Resolution callback. Called once the user answers.
-  */
-  readonly onDecision: (decision: ApprovalDecision) => void;
-  /**
-  * Params shown as a compact key=value preview.
-  */
-  readonly params?: Readonly<Record<string, unknown>>;
-  /**
-  * Severity badge; controls the border color.
-  * @default "medium"
-  */
-  readonly risk?: ApprovalRisk;
-  /**
-  * Name of the tool / action under review.
-  */
-  readonly tool: string;
-};
-/**
-* Three-way approval prompt for tool calls. Resolves via `onDecision`:
-* `y` / Enter → allow-once, `a` → allow-always, `n` / Esc → deny.
-* @returns A bordered `ReactElement` containing the risk banner, params
-* preview, optional body, and the prompt line.
-*/
-declare function ApprovalPrompt({
-  accentColor,
-  autoFocus,
-  children,
-  description,
-  isDisabled,
-  onDecision,
-  params,
-  risk,
-  tool
-}: Props): ReactElement;
-export { ApprovalDecision, ApprovalPrompt, type Props as ApprovalPromptProps, ApprovalRisk, Props, ApprovalPrompt as default };

package/dist/components/approval-prompt.js

@@ -1 +0,0 @@
-import{jsxs as n,jsx as o}from"react/jsx-runtime";import{useCallback as v}from"react";import x from"../ink/hooks/use-focus.js";import S from"../ink/hooks/use-input.js";import{Box as i}from"./box.js";import{Text as e}from"./text.js";const C={high:"red",low:"green",medium:"yellow"},k={high:"HIGH RISK",low:"LOW RISK",medium:"MEDIUM RISK"},A=r=>{if(r===null)return"null";if(typeof r=="string")return r;if(typeof r=="number"||typeof r=="boolean")return String(r);try{return JSON.stringify(r)}catch{return String(r)}};function O({accentColor:r,autoFocus:b=!0,children:u,description:m,isDisabled:h=!1,onDecision:l,params:p,risk:f="medium",tool:y}){const d=C[f],a=r??d,{isFocused:w}=x({autoFocus:b,isActive:!h});S(v((t,c)=>{const s=t.toLowerCase();if(s==="y"||c.return){l("allow-once");return}if(s==="a"){l("allow-always");return}(s==="n"||c.escape)&&l("deny")},[l]),{isActive:!h&&w});const g=p===void 0?[]:Object.entries(p);return n(i,{borderColor:d,borderStyle:"round",flexDirection:"column",paddingX:1,children:[n(i,{children:[n(e,{backgroundColor:d,color:"black",children:[" ",k[f]," "]}),n(e,{children:[" ",o(e,{bold:!0,children:y})]})]}),m===void 0?void 0:o(i,{marginTop:1,children:o(e,{children:m})}),g.length===0?void 0:o(i,{flexDirection:"column",marginTop:1,children:g.map(([t,c])=>n(i,{children:[n(e,{color:"cyan",children:[t,"="]}),o(e,{wrap:"truncate-end",children:A(c)})]},t))}),u===void 0?void 0:o(i,{marginTop:1,children:u}),o(i,{marginTop:1,children:n(e,{children:["Allow? [",o(e,{bold:!0,color:a,children:"y"}),"es /"," ",o(e,{bold:!0,color:a,children:"a"}),"lways /"," ",o(e,{bold:!0,color:a,children:"n"}),"o ]"]})})]})}export{O as ApprovalPrompt,O as default};

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

@@ -1,66 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-import { LineSeries } from "./line-chart.js";
-import "../packem_shared/buffer.d-EJkZr8uH.js";
-type Props = {
-  /**
-  * Axis label color.
-  * @default "gray"
-  */
-  readonly axisColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Density of the shaded fill below each line.
-  * - `light` → `░`
-  * - `medium` → `▒` (default)
-  * - `heavy` → `▓`
-  */
-  readonly fillDensity?: "heavy" | "light" | "medium";
-  /**
-  * Chart body height in character rows.
-  * @default 10
-  */
-  readonly height?: number;
-  /**
-  * Upper bound for the y-axis.
-  */
-  readonly maxY?: number;
-  /**
-  * Lower bound for the y-axis.
-  */
-  readonly minY?: number;
-  /**
-  * Fallback palette.
-  */
-  readonly palette?: ReadonlyArray<LiteralUnion<AnsiColors, string>>;
-  /**
-  * Series to plot.
-  */
-  readonly series: ReadonlyArray<LineSeries>;
-  /**
-  * Render the legend below the plot.
-  * @default true
-  */
-  readonly showLegend?: boolean;
-  /**
-  * Chart body width in character columns.
-  * @default 40
-  */
-  readonly width?: number;
-};
-/**
-* Area chart: line chart with the area between the line and the baseline
-* filled with shaded blocks.
-*/
-declare function AreaChart({
-  axisColor,
-  fillDensity,
-  height,
-  maxY,
-  minY,
-  palette,
-  series,
-  showLegend,
-  width
-}: Props): ReactElement;
-export { AreaChart, type Props as AreaChartProps, Props, AreaChart as default };

package/dist/components/area-chart.js

@@ -1 +0,0 @@
-import{jsxs as b,jsx as m}from"react/jsx-runtime";import{useMemo as A}from"react";import{c as P}from"../packem_shared/braille-ch3O5D7I.js";import{Box as M}from"./box.js";import{Canvas as Y}from"./canvas.js";import{t as _,p as F,c as L,D,a as u}from"../packem_shared/line-chart-C7CUrvVs.js";import{Text as w}from"./text.js";const S=D,V={heavy:"▓",light:"░",medium:"▒"};function H({axisColor:I="gray",fillDensity:y="medium",height:g=10,maxY:p,minY:h,palette:d=S,series:f,showLegend:C=!0,width:N=40}){const s=A(()=>{const o=f.map((r,c)=>({color:F(r,c,d),points:_(r.data),series:r})),t=L(o);return{list:o,xMax:t.xMax===Number.NEGATIVE_INFINITY?1:t.xMax,xMin:t.xMin===Number.POSITIVE_INFINITY?0:t.xMin,yMax:p??(t.yMax===Number.NEGATIVE_INFINITY?1:t.yMax),yMin:h??(t.yMin===Number.POSITIVE_INFINITY?0:t.yMin)}},[f,d,h,p]),T=V[y];return b(M,{flexDirection:"column",children:[m(Y,{draw:o=>{o.clear();const t=o.width*2,r=o.height*4,c={xMax:s.xMax,xMin:s.xMin,yMax:s.yMax,yMin:s.yMin};for(const{color:a,points:n}of s.list)if(n.length!==0)for(let l=0;l<o.width;l+=1){let i;for(const e of n){const{px:x,py:v}=u(e,c,t,r);if(Math.floor(x/2)===l){const E=Math.floor(v/4);(i===void 0||E<i)&&(i=E)}}if(i!==void 0)for(let e=i+1;e<o.height;e+=1)o.setCell(l,e,T,{color:a,dim:!0})}for(let a=0;a<o.width;a+=2)o.setCell(a,o.height-1,"·",{color:I,dim:!0});for(const{color:a,points:n}of s.list){if(n.length===0)continue;const l=P(o.width,o.height);let i=u(n[0],c,t,r);l.plotPoint(i.px,i.py);for(let e=1;e<n.length;e+=1){const x=u(n[e],c,t,r);l.plotLine(i.px,i.py,x.px,x.py),i=x}l.flush(o,{bold:!0,color:a})}},height:g,version:[f,N,g,h,p,y,I,d],width:N}),C?m(M,{gap:2,marginTop:1,children:s.list.map(({color:o,series:t},r)=>b(M,{gap:1,children:[m(w,{color:o,children:T}),m(w,{children:t.label??`Series ${r+1}`})]},`${r}:${t.label??""}`))}):void 0]})}export{H as AreaChart,H as default};

package/dist/components/badge.d.ts

@@ -1,22 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Label content. Strings are automatically uppercased.
-  */
-  readonly children: ReactNode;
-  /**
-  * Background color for the badge.
-  * @default "magenta"
-  */
-  readonly color?: LiteralUnion<AnsiColors, string>;
-};
-/**
-* Renders an uppercase colored label badge, useful for status indicators.
-*/
-declare function Badge({
-  children,
-  color
-}: Props): ReactElement;
-export { Badge, type Props as BadgeProps, Props, Badge as default };

package/dist/components/badge.js

@@ -1 +0,0 @@
-import{jsxs as a,jsx as n}from"react/jsx-runtime";import{Text as o}from"./text.js";function l({children:r,color:t="magenta"}){const e=typeof r=="string"?r.toUpperCase():r;return a(o,{backgroundColor:t,children:[" ",n(o,{color:"black",children:e})," "]})}export{l as Badge,l as default};

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

@@ -1,67 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type BarDatum = {
-  /**
-  * Per-bar color override. Falls back to the chart-level palette.
-  */
-  readonly color?: LiteralUnion<AnsiColors, string>;
-  readonly label?: string;
-  readonly value: number;
-};
-type Props = {
-  /**
-  * Bars to render.
-  */
-  readonly data: ReadonlyArray<BarDatum>;
-  /**
-  * Total height of the plot area in character rows.
-  * @default 10
-  */
-  readonly height?: number;
-  /**
-  * Optional upper bound for the axis. When omitted the chart uses the
-  * largest value in `data`.
-  */
-  readonly max?: number;
-  /**
-  * Orientation of the bars.
-  * @default "vertical"
-  */
-  readonly orientation?: "horizontal" | "vertical";
-  /**
-  * Fallback palette cycled through when a bar does not provide its own color.
-  * @default ["cyan", "magenta", "yellow", "green", "blue", "red"]
-  */
-  readonly palette?: ReadonlyArray<LiteralUnion<AnsiColors, string>>;
-  /**
-  * Render labels underneath vertical bars (or to the left of horizontal bars).
-  * @default true
-  */
-  readonly showLabels?: boolean;
-  /**
-  * Render numeric values next to each bar.
-  * @default false
-  */
-  readonly showValues?: boolean;
-  /**
-  * Total width of the plot area in character columns. Defaults to
-  * `data.length * 3` for vertical charts, or `24` for horizontal.
-  */
-  readonly width?: number;
-};
-/**
-* Bar chart rendered on top of `Canvas`. Uses fractional block glyphs for
-* sub-cell precision (▁▂▃▄▅▆▇█ vertical, ▏▎▍▌▋▊▉█ horizontal).
-*/
-declare function BarChart({
-  data,
-  height,
-  max: maxOverride,
-  orientation,
-  palette,
-  showLabels,
-  showValues,
-  width: widthOverride
-}: Props): ReactElement;
-export { BarChart, type Props as BarChartProps, BarDatum, Props, BarChart as default };

package/dist/components/bar-chart.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as B}from"react/jsx-runtime";import{useMemo as E}from"react";import{Box as o}from"./box.js";import{Canvas as C}from"./canvas.js";import{Text as p}from"./text.js";const j=["cyan","magenta","yellow","green","blue","red"],D=(r,t)=>{if(t!==void 0)return t;if(r.length===0)return 0;let a=r[0].value;for(let u=1;u<r.length;u+=1){const{value:h}=r[u];h>a&&(a=h)}return a},S=(r,t,a)=>a.color??t[r%t.length]??"cyan";function z({data:r,height:t=10,max:a,orientation:u="vertical",palette:h=j,showLabels:w=!0,showValues:g=!1,width:k}){const c=E(()=>D(r,a),[r,a]);if(u==="horizontal"){const i=k??24;return e(o,{flexDirection:"column",children:r.map((l,s)=>{const v=c===0?0:l.value/c,m=S(s,h,l);return B(o,{gap:1,children:[w&&l.label!==void 0?e(o,{flexShrink:0,minWidth:8,children:e(p,{dimColor:!0,wrap:"truncate-end",children:l.label})}):void 0,e(o,{flexGrow:1,flexShrink:1,children:e(C,{draw:f=>{f.clear(),f.drawHBar(0,0,i,v,{color:m})},height:1,version:[l.value,c,m,i],width:i})}),g?e(o,{flexShrink:0,children:e(p,{children:String(l.value)})}):void 0]},s)})})}const n=2,d=1,b=k??Math.max(r.length*(n+d),1);return B(o,{flexDirection:"column",children:[e(C,{draw:i=>{i.clear(),r.forEach((l,s)=>{const v=c===0?0:l.value/c,m=S(s,h,l),f=s*(n+d);for(let x=0;x<n;x+=1)i.drawVBar(f+x,0,t,v,{color:m})})},height:t,version:[r,c,h,n,d,t],width:b}),g?e(o,{children:r.map((i,l)=>e(o,{width:n+d,children:e(p,{dimColor:!0,children:String(i.value).padEnd(n+d," ")})},l))}):void 0,w?e(o,{children:r.map((i,l)=>e(o,{width:n+d,children:e(p,{dimColor:!0,wrap:"truncate-end",children:(i.label??"").padEnd(n+d," ")})},l))}):void 0]})}export{z as BarChart,z as default};

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

@@ -1,81 +0,0 @@
-import { ReactElement } from 'react';
-/**
-* Available CFonts font faces.
-*/
-type Font = "3d" | "block" | "chrome" | "grid" | "huge" | "pallet" | "shade" | "simple" | "simple3d" | "simpleBlock" | "slick" | "tiny";
-/**
-* Horizontal text alignment.
-*/
-type Align = "center" | "left" | "right";
-/**
-* Terminal background color names supported by CFonts.
-*/
-type BackgroundColor = "black" | "blue" | "cyan" | "green" | "magenta" | "red" | "transparent" | "white" | "yellow";
-type Props = {
-  /**
-  * Horizontal alignment of the text.
-  * @default "left"
-  */
-  readonly align?: Align;
-  /**
-  * Background color.
-  * @default "transparent"
-  */
-  readonly backgroundColor?: BackgroundColor;
-  /**
-  * Colors to use for the font. Accepts color names, hex values, or `"system"` for terminal default.
-  * @default ["system"]
-  */
-  readonly colors?: string[];
-  /**
-  * Font face to use.
-  * @default "block"
-  * @see https://github.com/dominikwilkowski/cfonts#supported-fonts
-  */
-  readonly font?: Font;
-  /**
-  * Letter spacing.
-  * @default 1
-  */
-  readonly letterSpacing?: number;
-  /**
-  * Line height.
-  * @default 1
-  */
-  readonly lineHeight?: number;
-  /**
-  * Maximum character length per line. `0` means no limit.
-  * @default 0
-  */
-  readonly maxLength?: number;
-  /**
-  * Whether to add an empty line on top and at the bottom of the output.
-  * @default true
-  */
-  readonly space?: boolean;
-  /**
-  * The text to render in a large font.
-  */
-  readonly text: string;
-};
-/**
-* Render large terminal text using CFonts.
-* @example
-* ```tsx
-* import { BigText } from "@visulima/tui/ink";
-*
-* <BigText text="Hello" font="block" />
-* ```
-*/
-declare function BigText({
-  align,
-  backgroundColor,
-  colors,
-  font,
-  letterSpacing,
-  lineHeight,
-  maxLength,
-  space,
-  text
-}: Props): ReactElement;
-export { type Align, type BackgroundColor, BigText, type Align as BigTextAlign, type BackgroundColor as BigTextBackgroundColor, type Font as BigTextFont, type Props as BigTextProps, type Font, type Props, BigText as default };

package/dist/components/big-text.js

@@ -1 +0,0 @@
-import{jsx as s}from"react/jsx-runtime";import m from"cfonts";import{useMemo as p}from"react";import{Text as f}from"./text.js";const u={align:"left",backgroundColor:"transparent",colors:["system"],font:"block",letterSpacing:1,lineHeight:1,maxLength:0,space:!0};function b({align:t,backgroundColor:e,colors:o,font:r,letterSpacing:n,lineHeight:a,maxLength:i,space:c,text:g}){const l=p(()=>m.render(g,{...u,align:t,backgroundColor:e,colors:o,font:r,letterSpacing:n,lineHeight:a,maxLength:i,space:c}),[g,t,e,o,r,n,a,i,c]);return s(f,{children:l&&l.string})}export{b as BigText,b as default};

package/dist/components/blink-dot.d.ts

@@ -1,36 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Glyph rendered as the blinking dot.
-  * @default "●" (filled bullet)
-  */
-  readonly character?: string;
-  /**
-  * Dot color.
-  * @default "red"
-  */
-  readonly color?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Milliseconds per blink cycle. The dot is visible for half the cycle.
-  * @default 800
-  */
-  readonly interval?: number;
-  /**
-  * When false, the dot stays solid (no animation).
-  * @default true
-  */
-  readonly isActive?: boolean;
-};
-/**
-* Steady or blinking indicator dot. Pair with `StatusLine` or next to a
-* label to show a "live" / "recording" status.
-*/
-declare function BlinkDot({
-  character,
-  color,
-  interval,
-  isActive
-}: Props): ReactElement;
-export { BlinkDot, type Props as BlinkDotProps, Props, BlinkDot as default };

package/dist/components/blink-dot.js

@@ -1 +0,0 @@
-import{jsx as c}from"react/jsx-runtime";import l from"../ink/hooks/use-animation.js";import{Text as m}from"./text.js";function h({character:t="●",color:o="red",interval:e=800,isActive:r=!0}){const{frame:i}=l({interval:Math.max(1,Math.floor(e/2)),isActive:r}),a=!r||i%2===0;return c(m,{color:o,children:a?t:" "})}export{h as BlinkDot,h as default};

package/dist/components/breadcrumb.d.ts

@@ -1,33 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type BreadcrumbItem = {
-  readonly icon?: ReactNode;
-  readonly key?: string;
-  readonly label: string;
-};
-type Props = {
-  /**
-  * Color applied to the trailing (current) item.
-  * @default "blue"
-  */
-  readonly currentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Items to display from root to current page.
-  */
-  readonly items: ReadonlyArray<BreadcrumbItem>;
-  /**
-  * Glyph rendered between adjacent items.
-  * @default "›" (right single angle quote)
-  */
-  readonly separator?: string;
-};
-/**
-* Render a breadcrumb trail (last item is highlighted).
-*/
-declare function Breadcrumb({
-  currentColor,
-  items,
-  separator
-}: Props): ReactElement;
-export { Breadcrumb, BreadcrumbItem, type Props as BreadcrumbProps, Props, Breadcrumb as default };

package/dist/components/breadcrumb.js

@@ -1 +0,0 @@
-import{jsx as a,jsxs as o,Fragment as d}from"react/jsx-runtime";import{Fragment as c}from"react";import{Box as s}from"./box.js";import{Text as t}from"./text.js";function b({currentColor:n="blue",items:i,separator:m="›"}){return a(s,{children:i.map((r,l)=>{const e=l===i.length-1;return o(c,{children:[l>0?o(t,{dimColor:!0,children:[" ",m," "]}):void 0,o(t,{bold:e,color:e?n:void 0,dimColor:!e,children:[r.icon===void 0?void 0:o(d,{children:[r.icon," "]}),r.label]})]},r.key??r.label)})})}export{b as Breadcrumb,b as default};

package/dist/components/button.d.ts

@@ -1,45 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type ButtonVariant = "ghost" | "outline" | "primary" | "secondary";
-type Props = {
-  /**
-  * Accent color used when the button is focused.
-  * @default "blue"
-  */
-  readonly accentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Focus this button when mounted if nothing else is focused.
-  */
-  readonly autoFocus?: boolean;
-  /**
-  * Button label.
-  */
-  readonly children: ReactNode;
-  /**
-  * When true, the button ignores input and is rendered dim.
-  */
-  readonly isDisabled?: boolean;
-  /**
-  * Called when the user presses Enter or Space while the button has focus.
-  */
-  readonly onPress?: () => void;
-  /**
-  * Visual style.
-  * @default "primary"
-  */
-  readonly variant?: ButtonVariant;
-};
-/**
-* Focusable button. Triggers `onPress` on Enter / Space.
-* @returns A `ReactElement` rendering the button (bordered or ghost variant).
-*/
-declare function Button({
-  accentColor,
-  autoFocus,
-  children,
-  isDisabled,
-  onPress,
-  variant
-}: Props): ReactElement;
-export { Button, type Props as ButtonProps, ButtonVariant, Props, Button as default };

package/dist/components/button.js

@@ -1 +0,0 @@
-import{jsx as d,jsxs as f}from"react/jsx-runtime";import{useCallback as p}from"react";import b from"../ink/hooks/use-focus.js";import g from"../ink/hooks/use-input.js";import{Box as e}from"./box.js";import{Text as c}from"./text.js";const h="round",y=(i,s,a,r)=>{if(!a){if(i==="primary"&&s)return"black";if(s)return r}};function A({accentColor:i="blue",autoFocus:s=!1,children:a,isDisabled:r=!1,onPress:l,variant:n="primary"}){const{isFocused:o}=b({autoFocus:s,isActive:!r});g(p((m,u)=>{o&&(u.return||m===" ")&&l?.()},[o,l]),{isActive:!r&&o});const t=y(n,o,r,i);return n==="ghost"?d(e,{paddingX:1,children:f(c,{bold:o,color:t,dimColor:r,children:[o?"▸ ":"  ",a]})}):d(e,{backgroundColor:n==="primary"&&o?i:void 0,borderColor:n==="outline"?o?i:"gray":n==="secondary"||o?i:void 0,borderStyle:h,paddingX:1,children:d(c,{bold:o,color:t,dimColor:r,children:a})})}export{A as Button,A as default};

package/dist/components/calendar.d.ts

@@ -1,72 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Accent color for today / the focused cell.
-  * @default "blue"
-  */
-  readonly accentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Auto-focus the grid on mount.
-  */
-  readonly autoFocus?: boolean;
-  /**
-  * Initial focused day when uncontrolled. Defaults to `value` or today.
-  */
-  readonly defaultValue?: Date;
-  /**
-  * First day of the week: 0 = Sunday, 1 = Monday.
-  * @default 1
-  */
-  readonly firstDayOfWeek?: 0 | 1;
-  /**
-  * When true, disable input and render the grid dim.
-  */
-  readonly isDisabled?: boolean;
-  /**
-  * Upper bound; days after `maxDate` cannot be selected.
-  */
-  readonly maxDate?: Date;
-  /**
-  * Lower bound; days before `minDate` cannot be selected.
-  */
-  readonly minDate?: Date;
-  /**
-  * Called whenever the user navigates or selects a day.
-  */
-  readonly onChange?: (date: Date) => void;
-  /**
-  * Called when the user presses Enter.
-  */
-  readonly onSubmit?: (date: Date) => void;
-  /**
-  * Color used to mark the currently selected day.
-  * @default "green"
-  */
-  readonly selectedColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Controlled selected date.
-  */
-  readonly value?: Date;
-};
-/**
-* Month-grid date picker. Arrow keys move focus by one day, page up/down move
-* by month. Enter submits; Space or Enter selects.
-* @returns A bordered `ReactElement` containing the month header, weekday
-* labels, and the day grid.
-*/
-declare function Calendar({
-  accentColor,
-  autoFocus,
-  defaultValue,
-  firstDayOfWeek,
-  isDisabled,
-  maxDate,
-  minDate,
-  onChange,
-  onSubmit,
-  selectedColor,
-  value
-}: Props): ReactElement;
-export { Calendar, type Props as CalendarProps, Props, Calendar as default };

package/dist/components/calendar.js

@@ -1 +0,0 @@
-import{jsxs as y,jsx as u}from"react/jsx-runtime";import{useMemo as w,useState as V,useRef as W,useCallback as S}from"react";import I from"../ink/hooks/use-focus.js";import K from"../ink/hooks/use-input.js";import{Box as h}from"./box.js";import{Text as b}from"./text.js";const P=["January","February","March","April","May","June","July","August","September","October","November","December"],k=["Su","Mo","Tu","We","Th","Fr","Sa"],p=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()),x=(e,r)=>{const i=e.getFullYear(),l=e.getMonth()+r,g=new Date(i,l+1,0).getDate(),a=Math.min(e.getDate(),g);return new Date(i,l,a)},T=(e,r)=>e.getFullYear()===r.getFullYear()&&e.getMonth()===r.getMonth()&&e.getDate()===r.getDate(),J=(e,r,i)=>r!==void 0&&e<p(r)||i!==void 0&&e>p(i),X=(e,r,i)=>{const l=(new Date(e,r,1).getDay()-i+7)%7,g=new Date(e,r+1,0).getDate(),a=[];for(let o=0;o<l;o+=1)a.push(void 0);for(let o=1;o<=g;o+=1)a.push(new Date(e,r,o));for(;a.length%7!==0;)a.push(void 0);const D=[];for(let o=0;o<a.length;o+=7)D.push(a.slice(o,o+7));return D};function Z({accentColor:e="blue",autoFocus:r=!1,defaultValue:i,firstDayOfWeek:l=1,isDisabled:g=!1,maxDate:a,minDate:D,onChange:o,onSubmit:F,selectedColor:$="green",value:f}){const{isFocused:m}=I({autoFocus:r,isActive:!g}),M=w(()=>p(new Date),[]),j=p(f??i??M),[O,B]=V(j),c=f?p(f):O,v=W(c);v.current=c;const E=w(()=>[...k.slice(l),...k.slice(0,l)],[l]),N=w(()=>X(c.getFullYear(),c.getMonth(),l),[c,l]),d=S(s=>{const n=p(s);J(n,D,a)||(f===void 0&&B(n),o?.(n))},[f,o,D,a]);K(S((s,n)=>{if(!m)return;const{current:t}=v;n.leftArrow?d(new Date(t.getFullYear(),t.getMonth(),t.getDate()-1)):n.rightArrow?d(new Date(t.getFullYear(),t.getMonth(),t.getDate()+1)):n.upArrow?d(new Date(t.getFullYear(),t.getMonth(),t.getDate()-7)):n.downArrow?d(new Date(t.getFullYear(),t.getMonth(),t.getDate()+7)):n.pageUp?d(x(t,-1)):n.pageDown?d(x(t,1)):n.return&&F?.(t)},[m,d,F]),{isActive:!g&&m});const R=`${P[c.getMonth()]} ${c.getFullYear()}`;return y(h,{borderColor:m?e:void 0,borderStyle:"round",flexDirection:"column",paddingX:1,children:[u(h,{justifyContent:"center",children:u(b,{bold:!0,color:e,children:R})}),u(h,{marginTop:1,children:E.map(s=>u(h,{width:3,children:u(b,{dimColor:!0,children:s.padEnd(2," ")})},s))}),N.map((s,n)=>u(h,{children:s.map((t,C)=>{if(t===void 0)return u(h,{width:3,children:u(b,{children:"   "})},C);const Y=T(t,M),A=T(t,c),U=J(t,D,a);return u(h,{width:3,children:y(b,{backgroundColor:A&&m?e:void 0,bold:Y,color:A&&m?"black":Y?$:void 0,dimColor:U||g,children:[String(t.getDate()).padStart(2," ")," "]})},C)})},n))]})}export{Z as Calendar,Z as default};

package/dist/components/card.d.ts

@@ -1,57 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Border color.
-  */
-  readonly borderColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Border style name, passed through to `Box`.
-  * @default "round"
-  */
-  readonly borderStyle?: "arrow" | "bold" | "classic" | "double" | "doubleSingle" | "round" | "single" | "singleDouble";
-  /**
-  * Card body.
-  */
-  readonly children: ReactNode;
-  /**
-  * Optional footer rendered below body with a dim divider.
-  */
-  readonly footer?: ReactNode;
-  /**
-  * Optional content rendered after the title on the same row.
-  */
-  readonly headerRight?: ReactNode;
-  /**
-  * Optional subtitle rendered below the title.
-  */
-  readonly subtitle?: string;
-  /**
-  * Optional title rendered in the header area.
-  */
-  readonly title?: string;
-  /**
-  * Color applied to the title.
-  */
-  readonly titleColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Fix the card width. When omitted the card grows to fill its parent.
-  */
-  readonly width?: number | string;
-};
-/**
-* Bordered container with optional title, subtitle, and footer.
-*/
-declare function Card({
-  borderColor,
-  borderStyle,
-  children,
-  footer,
-  headerRight,
-  subtitle,
-  title,
-  titleColor,
-  width
-}: Props): ReactElement;
-export { Card, type Props as CardProps, Props, Card as default };

package/dist/components/card.js

@@ -1 +0,0 @@
-import{jsxs as r,jsx as i}from"react/jsx-runtime";import{Box as o}from"./box.js";import{Divider as u}from"./divider.js";import{Text as c}from"./text.js";function b({borderColor:m,borderStyle:h="round",children:a,footer:l,headerRight:e,subtitle:d,title:t,titleColor:f,width:n}){return r(o,{borderColor:m,borderStyle:h,flexDirection:"column",paddingX:1,width:n,children:[t!==void 0||d!==void 0||e!==void 0?r(o,{flexDirection:"column",marginBottom:1,children:[r(o,{justifyContent:"space-between",children:[i(o,{children:t===void 0?void 0:i(c,{bold:!0,color:f,children:t})}),e===void 0?void 0:i(o,{children:e})]}),d===void 0?void 0:i(c,{dimColor:!0,children:d})]}):void 0,i(o,{flexDirection:"column",children:a}),l===void 0?void 0:r(o,{flexDirection:"column",marginTop:1,children:[i(u,{dimColor:!0,length:typeof n=="number"?Math.max(1,n-4):void 0}),i(o,{marginTop:1,children:l})]})]})}export{b as Card,b as default};