@visulima/tui-kit 0.0.0 → 1.0.0

package/dist/help.d.ts

@@ -0,0 +1,52 @@
+import { KeyBinding } from '@visulima/tui/hooks/use-key-bindings';
+import { ReactElement } from 'react';
+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/help.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as m}from"react/jsx-runtime";import u from"@visulima/tui/components/box";import i from"@visulima/tui/components/text";import x from"@visulima/tui/hooks/use-window-size";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}=x();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(u,{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(u,{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 a=[];c&&a.push(e(i,{bold:!0,children:c},"title"));for(const[k,h]of g.entries()){const w=C(h.key);a.push(m(u,{children:[e(i,{color:o.keyColor,children:w}),e(i,{children:" "}),o.descriptionColor?e(i,{color:o.descriptionColor,children:h.description}):e(i,{dimColor:!0,children:h.description})]},`b-${k}`))}p.push(e(u,{flexDirection:"column",width:l,children:a},`col-${d}`))}return e(u,{flexDirection:"row",children:p})}export{B as Help,B as default};

package/dist/histogram.d.ts

@@ -0,0 +1,62 @@
+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/histogram.js

@@ -0,0 +1 @@
+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/image.d.ts

@@ -0,0 +1,26 @@
+import { AnsiColors } from '@visulima/colorize';
+import { ReactElement } from 'react';
+import { LiteralUnion } from 'type-fest';
+type Pixel = LiteralUnion<AnsiColors, string> | undefined;
+type Props = {
+  /**
+  * Character drawn for a transparent (undefined) pixel; defaults to a space.
+  */
+  readonly emptyChar?: string;
+  /**
+  * A row-major grid of colors, one entry per pixel. `undefined` is treated
+  * as transparent. Two vertical pixels share one character cell via the
+  * upper-half-block technique, so the rendered height is `ceil(rows / 2)`.
+  */
+  readonly pixels: ReadonlyArray<ReadonlyArray<Pixel>>;
+};
+/**
+* Render a small pixel grid using the upper-half-block technique: each text
+* cell packs two vertical pixels — the top pixel as the glyph's foreground and
+* the bottom pixel as its background — doubling vertical resolution.
+*/
+declare function Image({
+  emptyChar,
+  pixels
+}: Props): ReactElement;
+export { Image, type Props as ImageProps, Props, Image as default };

package/dist/image.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import f from"@visulima/tui/components/box";import h from"@visulima/tui/components/text";const p="▀",a="▄";function y({emptyChar:u=" ",pixels:e}){let c=0;for(const o of e)c=Math.max(c,o.length);const s=[];for(let o=0;o<e.length;o+=2){const d=e[o]??[],m=e[o+1]??[],i=[];for(let r=0;r<c;r+=1){const n=d[r],l=m[r];if(n===void 0&&l===void 0){i.push(t(h,{children:u},r));continue}if(n===void 0){i.push(t(h,{color:l,children:a},r));continue}i.push(t(h,{backgroundColor:l,color:n,children:p},r))}s.push(t(f,{children:i},o))}return t(f,{flexDirection:"column",children:s})}export{y as Image,y as default};

package/dist/index.d.ts

@@ -0,0 +1,125 @@
+export { Accordion, type AccordionItem, type AccordionProps } from "./accordion.js";
+export { Alert, type AlertProps, type AlertVariant } from "./alert.js";
+export { AnimatePresence, type AnimatePresenceProps } from "./animate-presence.js";
+export { type ApprovalDecision, ApprovalPrompt, type ApprovalPromptProps, type ApprovalRisk } from "./approval-prompt.js";
+export { AreaChart, type AreaChartProps } from "./area-chart.js";
+export { Badge, type BadgeProps } from "./badge.js";
+export { BarChart, type BarChartProps, type BarDatum } from "./bar-chart.js";
+export { BigText, type Align as BigTextAlign, type BackgroundColor as BigTextBackgroundColor, type BigTextFont, type BigTextProps } from "./big-text.js";
+export { BlinkDot, type BlinkDotProps } from "./blink-dot.js";
+export { Breadcrumb, type BreadcrumbItem, type BreadcrumbProps } from "./breadcrumb.js";
+export { Button, type ButtonProps, type ButtonVariant } from "./button.js";
+export { Calendar, type CalendarProps } from "./calendar.js";
+export { Card, type CardProps } from "./card.js";
+export { Checkbox, type CheckboxProps } from "./checkbox.js";
+export { CheckboxGroup, type CheckboxGroupProps, type CheckboxOption } from "./checkbox-group.js";
+export { Code, type CodeProps } from "./code.js";
+export { Collapsible, type CollapsibleProps } from "./collapsible.js";
+export { ColorPicker, type ColorPickerProps } from "./color-picker.js";
+export { CommandBlock, type CommandBlockProps, type CommandStatus } from "./command-block.js";
+export { type CommandEntry, CommandPalette, type CommandPaletteProps } from "./command-palette.js";
+export { ConfirmDialog, type ConfirmDialogProps, type ConfirmTone } from "./confirm-dialog.js";
+export { ConfirmInput, type ConfirmInputProps } from "./confirm-input.js";
+export { ConsoleOverlay, type ConsoleOverlayDock, type ConsoleOverlayProps } from "./console-overlay.js";
+export { ContentSwitcher, type ContentSwitcherOption, type ContentSwitcherProps } from "./content-switcher.js";
+export { DataGrid, type DataGridColumn, type DataGridProps } from "./data-grid.js";
+export { DatePicker, type DatePickerProps } from "./date-picker.js";
+export { type DefinitionItem, DefinitionList, type DefinitionListProps } from "./definition-list.js";
+export { Dialog, type DialogProps } from "./dialog.js";
+export { DiffView, type DiffViewMode, type DiffViewProps, type InlineDiffMode } from "./diff-view.js";
+export { Digits, type DigitsProps } from "./digits.js";
+export { type DirectoryNode, DirectoryTree, type DirectoryTreeProps } from "./directory-tree.js";
+export { Divider, type DividerProps } from "./divider.js";
+export { Drawer, type DrawerProps } from "./drawer.js";
+export { FileChange, type FileChangeProps, type FileChangeStatus } from "./file-change.js";
+export { type F as FileEntry, a as FilePicker, type b as FilePickerFilter, type P as FilePickerProps } from "./packem_shared/file-picker.d-Cie6aAMD.js";
+export { Form, FormField, type FormFieldProps, type FormProps } from "./form.js";
+export { Gauge, type GaugeProps, type GaugeSize, type GaugeThreshold } from "./gauge.js";
+export { Gradient, type GradientColors, type GradientName, type GradientProps } from "./gradient.js";
+export { Grid, type GridProps } from "./grid.js";
+export { Heading, type HeadingLevel, type HeadingProps } from "./heading.js";
+export { Heatmap, type HeatmapProps } from "./heatmap.js";
+export { Help, type HelpProps } from "./help.js";
+export { Histogram, type HistogramProps } from "./histogram.js";
+export { Image, type ImageProps } from "./image.js";
+export { Json, type JsonProps, type JsonTheme } from "./json.js";
+export { Kbd, type KbdProps } from "./kbd.js";
+export { LineChart, type LineChartProps, type LineSeries } from "./line-chart.js";
+export { Link, type LinkProps } from "./link.js";
+export { LoadingIndicator, type LoadingIndicatorProps } from "./loading-indicator.js";
+export { Log, type LogEntry, type LogLevel, type LogProps } from "./log.js";
+export { Markdown, type MarkdownProps } from "./markdown.js";
+export { MaskedInput, type MaskedInputProps } from "./masked-input.js";
+export { Menu, type MenuItem, type MenuProps, type MenuSection } from "./menu.js";
+export { MessageBubble, type MessageBubbleProps, type MessageRole } from "./message-bubble.js";
+export { ModelBadge, type ModelBadgeProps } from "./model-badge.js";
+export { type ModelOption, ModelSelector, type ModelSelectorProps } from "./model-selector.js";
+export { MultiProgress, type MultiProgressProps, type ProgressItem } from "./multi-progress.js";
+export { MultiSelect, type MultiSelectOption, type MultiSelectProps } from "./multi-select.js";
+export { NotificationBadge, type NotificationBadgeProps } from "./notification-badge.js";
+export { NumberInput, type NumberInputProps } from "./number-input.js";
+export { type OperationNode, type OperationStatus, OperationTree, type OperationTreeProps } from "./operation-tree.js";
+export { OptionList, type OptionListEntry, type OptionListProps } from "./option-list.js";
+export { OrderedList, type OrderedListEntry, type OrderedListProps } from "./ordered-list.js";
+export { type PageMeta, Paginator, type PaginatorProps } from "./paginator.js";
+export { Paragraph, type ParagraphProps } from "./paragraph.js";
+export { PathInput, type PathInputProps } from "./path-input.js";
+export { PieChart, type PieChartProps, type PieSlice } from "./pie-chart.js";
+export { Placeholder, type PlaceholderProps } from "./placeholder.js";
+export { Popover, type PopoverProps } from "./popover.js";
+export { ProgressBar, type ProgressBarProps } from "./progress-bar.js";
+export { ProgressCircle, type ProgressCircleProps } from "./progress-circle.js";
+export { QrCode, type Props as QrCodeProps } from "./qr-code.js";
+export { RadioGroup, type Props as RadioGroupProps, type RadioOption } from "./radio-group.js";
+export { ScatterPlot, type Props as ScatterPlotProps } from "./scatter-plot.js";
+export { C as ControlledScrollView, type a as ControlledScrollViewProps, type b as ControlledScrollViewRef } from "./packem_shared/controlled-scroll-view.d-vF4wevEJ.js";
+export { S as ScrollBar, type a as ScrollBarPlacement, type b as ScrollBarProps, type c as ScrollBarStyle } from "./packem_shared/scroll-bar.d-B4sD1hBR.js";
+export { S as ScrollBarBox, type a as ScrollBarBoxProps } from "./packem_shared/scroll-bar-box.d-DSBbBsRc.js";
+export { type S as ScrollAlignment, a as ScrollList, type b as ScrollListProps, type c as ScrollListRef } from "./packem_shared/scroll-list.d-BP0UZSY4.js";
+export { S as ScrollView, type a as ScrollViewProps, type b as ScrollViewRef } from "./packem_shared/scroll-view.d-BqKpI-F-.js";
+export { SearchInput, type Props as SearchInputProps } from "./search-input.js";
+export { SelectInput, type SelectInputEntry, type Item as SelectInputItemType, type Props as SelectInputProps, type SelectInputSeparator } from "./select-input.js";
+export { SelectInputIndicator, type Props as SelectInputIndicatorProps } from "./select-input-indicator.js";
+export { SelectInputItem, type Props as SelectInputItemProps } from "./select-input-item.js";
+export { ShimmerText, type Props as ShimmerTextProps } from "./shimmer-text.js";
+export { Sidebar, type Props as SidebarProps } from "./sidebar.js";
+export { Slider, type Props as SliderProps } from "./slider.js";
+export { Sparkline, type Props as SparklineProps } from "./sparkline.js";
+export { Spinner, type Props as SpinnerProps } from "./spinner.js";
+export { StatusLine, type Props as StatusLineProps } from "./status-line.js";
+export { StatusMessage, type Props as StatusMessageProps, type StatusMessageVariant } from "./status-message.js";
+export { type StepStatus, Stepper, type Props as StepperProps, type StepperStep } from "./stepper.js";
+export { Stopwatch, type Props as StopwatchProps, type StopwatchRef } from "./stopwatch.js";
+export { StreamingText, type Props as StreamingTextProps } from "./streaming-text.js";
+export { Switch, type Props as SwitchProps } from "./switch.js";
+export { Tab, type Props as TabProps } from "./tab.js";
+export { Table, type ColumnConfig as TableColumnConfig, type Props as TableProps, type Scalar as TableScalar, type ScalarDict as TableScalarDict } from "./table.js";
+export { type TabColors, Tabs, type KeyMap as TabsKeyMap, type Props as TabsProps } from "./tabs.js";
+export { Tag, type Props as TagProps, type TagVariant } from "./tag.js";
+export { TagInput, type Props as TagInputProps } from "./tag-input.js";
+export { TextInput, type Props as TextInputProps } from "./text-input.js";
+export { Textarea, type Props as TextareaProps } from "./textarea.js";
+export { ThinkingBlock, type Props as ThinkingBlockProps } from "./thinking-block.js";
+export { TimePicker, type Props as TimePickerProps, type TimeValue } from "./time-picker.js";
+export { Timer, type Props as TimerProps, type TimerRef } from "./timer.js";
+export { Toast, type Props as ToastProps, type ToastVariant } from "./toast.js";
+export { TokenUsage, type Props as TokenUsageProps } from "./token-usage.js";
+export { ToolCall, type Props as ToolCallProps, type ToolCallStatus } from "./tool-call.js";
+export { Tooltip, type TooltipPlacement, type Props as TooltipProps } from "./tooltip.js";
+export { default as Transition, type TransitionPhase, type TransitionPreset, type Props as TransitionProps } from "./transition.js";
+export { TreeSelect, type TreeSelectNode, type Props as TreeSelectProps } from "./tree-select.js";
+export { type A as AsyncChildrenFunction, type F as FlatNode, type S as SelectionMode, type T as TreeNode, a as TreeNodeMap, type b as TreeNodeRendererProps, type c as TreeNodeState, d as TreeView, type P as TreeViewProps, type e as TreeViewState, type f as TreeViewTheme, type U as UseTreeViewProps, type g as UseTreeViewStateProps, t as treeViewTheme, u as useTreeView, h as useTreeViewState } from "./packem_shared/use-tree-view.d-dXTKoDPM.js";
+export { UnorderedList, type UnorderedListEntry, type Props as UnorderedListProps } from "./unordered-list.js";
+import '@visulima/colorize';
+import 'react';
+import 'type-fest';
+import "./packem_shared/variant-config.d-D5NnrrQK.js";
+import '@visulima/tui/hooks/use-console-capture';
+import '@visulima/tui/components/box';
+import '@visulima/colorize/gradient';
+import '@visulima/tui/hooks/use-key-bindings';
+import '@visulima/tui/canvas';
+import '@visulima/spinner';
+import '@visulima/tui/components/text';
+import '@visulima/tui/hooks/use-stopwatch';
+import '@visulima/tui/hooks/use-timer';

package/dist/index.js

@@ -0,0 +1 @@
+import{Accordion as e}from"./accordion.js";import{Alert as p}from"./alert.js";import{AnimatePresence as f}from"./animate-presence.js";import{ApprovalPrompt as a}from"./approval-prompt.js";import{AreaChart as l}from"./area-chart.js";import{Badge as d}from"./badge.js";import{BarChart as c}from"./bar-chart.js";import{BigText as u}from"./big-text.js";import{BlinkDot as T}from"./blink-dot.js";import{Breadcrumb as h}from"./breadcrumb.js";import{Button as k}from"./button.js";import{Calendar as I}from"./calendar.js";import{Card as w}from"./card.js";import{Checkbox as L}from"./checkbox.js";import{CheckboxGroup as V}from"./checkbox-group.js";import{Code as A}from"./code.js";import{Collapsible as v}from"./collapsible.js";import{ColorPicker as O}from"./color-picker.js";import{CommandBlock as y}from"./command-block.js";import{CommandPalette as J}from"./command-palette.js";import{ConfirmDialog as Q}from"./confirm-dialog.js";import{ConfirmInput as j}from"./confirm-input.js";import{ConsoleOverlay as z}from"./console-overlay.js";import{ContentSwitcher as W}from"./content-switcher.js";import{DataGrid as Y}from"./data-grid.js";import{DatePicker as _}from"./date-picker.js";import{DefinitionList as rr}from"./definition-list.js";import{Dialog as er}from"./dialog.js";import{DiffView as pr}from"./diff-view.js";import{Digits as fr}from"./digits.js";import{DirectoryTree as ar}from"./directory-tree.js";import{Divider as lr}from"./divider.js";import{Drawer as dr}from"./drawer.js";import{FileChange as cr}from"./file-change.js";import{Form as ur,FormField as Sr}from"./form.js";import{Gauge as Cr}from"./gauge.js";import{Gradient as Pr}from"./gradient.js";import{Grid as Br}from"./grid.js";import{Heading as br}from"./heading.js";import{Heatmap as Dr}from"./heatmap.js";import{Help as Mr}from"./help.js";import{Histogram as Gr}from"./histogram.js";import{Image as Fr}from"./image.js";import{Json as Hr}from"./json.js";import{Kbd as Nr}from"./kbd.js";import{h as Ur}from"./packem_shared/line-chart-BbhMhcZg.js";import{Link as Kr}from"./link.js";import{LoadingIndicator as Rr}from"./loading-indicator.js";import{Log as qr}from"./log.js";import{Markdown as Er}from"./markdown.js";import{MaskedInput as Xr}from"./masked-input.js";import{Menu as Zr}from"./menu.js";import{MessageBubble as $r}from"./message-bubble.js";import{ModelBadge as oo}from"./model-badge.js";import{ModelSelector as to}from"./model-selector.js";import{MultiProgress as mo}from"./multi-progress.js";import{MultiSelect as xo}from"./multi-select.js";import{NotificationBadge as io}from"./notification-badge.js";import{NumberInput as no}from"./number-input.js";import{OperationTree as co}from"./operation-tree.js";import{OptionList as uo}from"./option-list.js";import{OrderedList as To}from"./ordered-list.js";import{Paginator as ho}from"./paginator.js";import{Paragraph as ko}from"./paragraph.js";import{PathInput as Io}from"./path-input.js";import{PieChart as wo}from"./pie-chart.js";import{Placeholder as Lo}from"./placeholder.js";import{Popover as Vo}from"./popover.js";import{ProgressBar as Ao}from"./progress-bar.js";import{ProgressCircle as vo}from"./progress-circle.js";import{QrCode as Oo}from"./qr-code.js";import{RadioGroup as yo}from"./radio-group.js";import{ScatterPlot as Jo}from"./scatter-plot.js";import{SearchInput as Qo}from"./search-input.js";import{SelectInput as jo}from"./select-input.js";import{SelectInputIndicator as zo}from"./select-input-indicator.js";import{SelectInputItem as Wo}from"./select-input-item.js";import{ShimmerText as Yo}from"./shimmer-text.js";import{Sidebar as _o}from"./sidebar.js";import{Slider as re}from"./slider.js";import{Sparkline as ee}from"./sparkline.js";import{Spinner as pe}from"./spinner.js";import{StatusLine as fe}from"./status-line.js";import{StatusMessage as ae}from"./status-message.js";import{Stepper as le}from"./stepper.js";import{Stopwatch as de}from"./stopwatch.js";import{StreamingText as ce}from"./streaming-text.js";import{Switch as ue}from"./switch.js";import{Tab as Te}from"./tab.js";import{Table as he}from"./table.js";import{Tabs as ke}from"./tabs.js";import{Tag as Ie}from"./tag.js";import{TagInput as we}from"./tag-input.js";import{TextInput as Le}from"./text-input.js";import{Textarea as Ve}from"./textarea.js";import{ThinkingBlock as Ae}from"./thinking-block.js";import{TimePicker as ve}from"./time-picker.js";import{Timer as Oe}from"./timer.js";import{Toast as ye}from"./toast.js";import{TokenUsage as Je}from"./token-usage.js";import{ToolCall as Qe}from"./tool-call.js";import{Tooltip as je}from"./tooltip.js";import{default as ze}from"./transition.js";import{TreeSelect as We}from"./tree-select.js";import{UnorderedList as Ye}from"./unordered-list.js";import{default as _e}from"./packem_shared/FilePicker-V5H2fb-v.js";import{C as rt}from"./packem_shared/controlled-scroll-view-DerVKKv6.js";import{ScrollBar as et}from"./packem_shared/ScrollBar-C9i3z3Ft.js";import{ScrollBarBox as pt}from"./packem_shared/ScrollBarBox-DZEC8YnV.js";import{ScrollList as ft}from"./packem_shared/ScrollList-Djtb2vVy.js";import{ScrollView as at}from"./packem_shared/ScrollView-ESxpl6Hy.js";import{TreeNodeMap as lt}from"./packem_shared/TreeNodeMap-cJlYqckB.js";import{TreeView as dt}from"./packem_shared/TreeView-q0l446NV.js";import{theme as ct}from"./packem_shared/treeViewTheme-Dq3ekRAC.js";import{useTreeView as ut}from"./packem_shared/useTreeView-D0JEqT6W.js";import{useTreeViewState as Tt}from"./packem_shared/useTreeViewState-BiTJakkh.js";export{e as Accordion,p as Alert,f as AnimatePresence,a as ApprovalPrompt,l as AreaChart,d as Badge,c as BarChart,u as BigText,T as BlinkDot,h as Breadcrumb,k as Button,I as Calendar,w as Card,L as Checkbox,V as CheckboxGroup,A as Code,v as Collapsible,O as ColorPicker,y as CommandBlock,J as CommandPalette,Q as ConfirmDialog,j as ConfirmInput,z as ConsoleOverlay,W as ContentSwitcher,rt as ControlledScrollView,Y as DataGrid,_ as DatePicker,rr as DefinitionList,er as Dialog,pr as DiffView,fr as Digits,ar as DirectoryTree,lr as Divider,dr as Drawer,cr as FileChange,_e as FilePicker,ur as Form,Sr as FormField,Cr as Gauge,Pr as Gradient,Br as Grid,br as Heading,Dr as Heatmap,Mr as Help,Gr as Histogram,Fr as Image,Hr as Json,Nr as Kbd,Ur as LineChart,Kr as Link,Rr as LoadingIndicator,qr as Log,Er as Markdown,Xr as MaskedInput,Zr as Menu,$r as MessageBubble,oo as ModelBadge,to as ModelSelector,mo as MultiProgress,xo as MultiSelect,io as NotificationBadge,no as NumberInput,co as OperationTree,uo as OptionList,To as OrderedList,ho as Paginator,ko as Paragraph,Io as PathInput,wo as PieChart,Lo as Placeholder,Vo as Popover,Ao as ProgressBar,vo as ProgressCircle,Oo as QrCode,yo as RadioGroup,Jo as ScatterPlot,et as ScrollBar,pt as ScrollBarBox,ft as ScrollList,at as ScrollView,Qo as SearchInput,jo as SelectInput,zo as SelectInputIndicator,Wo as SelectInputItem,Yo as ShimmerText,_o as Sidebar,re as Slider,ee as Sparkline,pe as Spinner,fe as StatusLine,ae as StatusMessage,le as Stepper,de as Stopwatch,ce as StreamingText,ue as Switch,Te as Tab,he as Table,ke as Tabs,Ie as Tag,we as TagInput,Le as TextInput,Ve as Textarea,Ae as ThinkingBlock,ve as TimePicker,Oe as Timer,ye as Toast,Je as TokenUsage,Qe as ToolCall,je as Tooltip,ze as Transition,lt as TreeNodeMap,We as TreeSelect,dt as TreeView,Ye as UnorderedList,ct as treeViewTheme,ut as useTreeView,Tt as useTreeViewState};

package/dist/json.d.ts

@@ -0,0 +1,58 @@
+import { AnsiColors } from '@visulima/colorize';
+import { ReactElement } from 'react';
+import { LiteralUnion } from 'type-fest';
+type Color = LiteralUnion<AnsiColors, string>;
+type JsonTheme = {
+  readonly boolean: Color;
+  readonly bracket: Color;
+  readonly key: Color;
+  readonly null: Color;
+  readonly number: Color;
+  readonly string: Color;
+};
+type Props = {
+  /**
+  * Accent color for the focused row.
+  * @default "blue"
+  */
+  readonly accentColor?: Color;
+  /**
+  * Auto-focus for keyboard navigation.
+  */
+  readonly autoFocus?: boolean;
+  /**
+  * Depth at which nested containers start collapsed. `0` collapses
+  * everything below the root; `Infinity` expands all.
+  * @default Infinity
+  */
+  readonly collapseDepth?: number;
+  /**
+  * The value to render.
+  */
+  readonly data: unknown;
+  /**
+  * When true, arrow keys move a cursor and Space toggles the focused
+  * container. When false, the tree renders statically fully expanded down to
+  * `collapseDepth`.
+  * @default true
+  */
+  readonly interactive?: boolean;
+  /**
+  * Color theme for the different JSON token kinds.
+  */
+  readonly theme?: Partial<JsonTheme>;
+};
+/**
+* A collapsible JSON viewer. Objects and arrays can be folded; when
+* `interactive`, arrow keys move a cursor and Space toggles the focused
+* container. Values are colored by type.
+*/
+declare function Json({
+  accentColor,
+  autoFocus,
+  collapseDepth,
+  data,
+  interactive,
+  theme
+}: Props): ReactElement;
+export { Json, type Props as JsonProps, JsonTheme, Props, Json as default };

package/dist/json.js

@@ -0,0 +1 @@
+import{jsx as l,jsxs as $}from"react/jsx-runtime";import O from"@visulima/tui/components/box";import a from"@visulima/tui/components/text";import P from"@visulima/tui/hooks/use-focus";import V from"@visulima/tui/hooks/use-input";import{useMemo as I,useState as F,useCallback as N}from"react";const B={boolean:"yellow",bracket:"gray",key:"cyan",null:"gray",number:"green",string:"yellow"},D=e=>{if(e===null)return"null";if(Array.isArray(e))return"array";const o=typeof e;return o==="object"||o==="boolean"||o==="number"||o==="string"||o==="undefined"?o:"string"},C=e=>{const o=D(e);return o==="array"||o==="object"},M=e=>Array.isArray(e)?`[…${e.length}]`:`{…${Object.keys(e).length}}`,w=(e,o,d,c,s,y)=>{const i=C(e)&&(Array.isArray(e)?e.length>0:Object.keys(e).length>0);if(y.push({collapsible:i,depth:d,id:c,key:o,summary:i?M(e):void 0,value:e}),!(!i||s.has(c))){if(Array.isArray(e)){e.forEach((u,f)=>{w(u,String(f),d+1,`${c}.${f}`,s,y)});return}for(const[u,f]of Object.entries(e))w(f,u,d+1,`${c}.${u}`,s,y)}};function x(e,o){return o===0?0:(e%o+o)%o}function H({accentColor:e="blue",autoFocus:o=!1,collapseDepth:d=Number.POSITIVE_INFINITY,data:c,interactive:s=!0,theme:y}){const i={...B,...y},{isFocused:u}=P({autoFocus:o,isActive:s}),f=I(()=>{const r=new Set,n=(t,p,g)=>{if(!C(t))return;p>=d&&r.add(g);const m=Array.isArray(t)?t.map((v,k)=>[String(k),v]):Object.entries(t);for(const[v,k]of m)n(k,p+1,`${g}.${v}`)};return n(c,0,"$"),r},[d,c]),[h,J]=F(f),[A,S]=F(0),b=I(()=>{const r=[];return w(c,void 0,0,"$",h,r),r},[h,c]),j=N(r=>{J(n=>{const t=new Set(n);return t.has(r)?t.delete(r):t.add(r),t})},[]),T=N((r,n)=>{if(n.upArrow){S(m=>x(m-1,b.length));return}if(n.downArrow){S(m=>x(m+1,b.length));return}const t=b[A];if(!t?.collapsible)return;const p=n.rightArrow&&h.has(t.id),g=n.leftArrow&&!h.has(t.id);(r===" "||p||g)&&j(t.id)},[h,A,b,j]);V(T,{isActive:s&&u});const E=r=>{if(r.collapsible){const t=h.has(r.id)?"▸":"▾";return $(a,{color:i.bracket,children:[t," ",r.summary]})}const n=D(r.value);return n==="array"||n==="object"?l(a,{color:i.bracket,children:n==="array"?"[]":"{}"}):n==="string"?l(a,{color:i.string,children:JSON.stringify(r.value)}):n==="number"?l(a,{color:i.number,children:String(r.value)}):n==="boolean"?l(a,{color:i.boolean,children:String(r.value)}):l(a,{color:i.null,children:r.value===void 0?"undefined":"null"})};return l(O,{flexDirection:"column",children:b.map((r,n)=>{const t=s&&u&&n===A;return $(O,{children:[l(a,{color:t?e:void 0,children:t?"❯":" "}),l(a,{children:"  ".repeat(r.depth)}),r.key===void 0?void 0:$(a,{color:i.key,children:[r.key,":"," "]}),E(r)]},r.id)})})}export{H as Json,H as default};

package/dist/kbd.d.ts

@@ -0,0 +1,31 @@
+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/kbd.js

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

package/dist/line-chart.d.ts

@@ -0,0 +1,109 @@
+import { AnsiColors } from '@visulima/colorize';
+import { CanvasContext } from '@visulima/tui/canvas';
+import { ReactElement } from 'react';
+import { LiteralUnion } from 'type-fest';
+/**
+* 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/line-chart.js

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

package/dist/link.d.ts

@@ -0,0 +1,38 @@
+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/link.js

@@ -0,0 +1 @@
+import{jsx as i}from"react/jsx-runtime";import{hyperlink as u}from"@visulima/ansi";import c from"@visulima/tui/components/text";import f from"@visulima/tui/components/transform";import{useCallback as l}from"react";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},a=()=>process.env.FORCE_HYPERLINK?process.env.FORCE_HYPERLINK!=="0":(n!==void 0||(n=m()),n);function T({children:o,fallback:r=!0,url:e}){const s=l(t=>a()?u(t,e):r===!1?t:typeof r=="function"?r(t,e):`${t} ${e}`,[r,e]);return i(f,{transform:s,children:i(c,{children:o})})}export{T as Link,T as default};

package/dist/loading-indicator.d.ts

@@ -0,0 +1,29 @@
+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/loading-indicator.js

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

package/dist/log.d.ts

@@ -0,0 +1,38 @@
+import { ReactElement } from 'react';
+type LogLevel = "debug" | "error" | "info" | "success" | "warn";
+type LogEntry = {
+  readonly level?: LogLevel;
+  readonly message: string;
+  readonly timestamp?: string;
+};
+type Props = {
+  /**
+  * The log entries, oldest first.
+  */
+  readonly entries: ReadonlyArray<LogEntry>;
+  /**
+  * Keep only the last N entries (tail). Omit to render all.
+  */
+  readonly maxLines?: number;
+  /**
+  * Render the `[LEVEL]` badge before each message.
+  * @default true
+  */
+  readonly showLevel?: boolean;
+  /**
+  * Render each entry's timestamp, when present.
+  * @default true
+  */
+  readonly showTimestamp?: boolean;
+};
+/**
+* A leveled log view. Renders entries with a colored level badge and optional
+* timestamp; `maxLines` tails the buffer to the most recent entries.
+*/
+declare function Log({
+  entries,
+  maxLines,
+  showLevel,
+  showTimestamp
+}: Props): ReactElement;
+export { Log, LogEntry, LogLevel, type Props as LogProps, Props, Log as default };

package/dist/log.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as d}from"react/jsx-runtime";import r from"@visulima/tui/components/box";import n from"@visulima/tui/components/text";const h={debug:{color:"gray",label:"DBG"},error:{color:"red",label:"ERR"},info:{color:"blue",label:"INF"},success:{color:"green",label:"OK "},warn:{color:"yellow",label:"WRN"}};function p({entries:l,maxLines:i,showLevel:t=!0,showTimestamp:s=!0}){const a=i!==void 0&&l.length>i?l.slice(l.length-i):l;return e(r,{flexDirection:"column",children:a.map((o,m)=>{const c=h[o.level??"info"];return d(r,{children:[s&&o.timestamp!==void 0?e(r,{marginRight:1,children:e(n,{dimColor:!0,children:o.timestamp})}):void 0,t?e(r,{marginRight:1,children:e(n,{bold:!0,color:c.color,children:c.label})}):void 0,e(n,{children:o.message})]},m)})})}export{p as Log,p as default};