@visulima/tui 1.0.8 → 2.0.0

package/dist/components/radio-group.d.ts

@@ -1,74 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type RadioOption = {
-  readonly description?: string;
-  readonly key?: string;
-  readonly label: string;
-  readonly value: string;
-};
-type Props = {
-  /**
-  * Accent color for the focused and selected indicator.
-  * @default "blue"
-  */
-  readonly accentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Auto-focus when mounted.
-  */
-  readonly autoFocus?: boolean;
-  /**
-  * When true, moving focus with arrow keys immediately updates the selected
-  * value (and fires `onChange`). When false, focus moves independently and
-  * selection commits only on Space or Enter.
-  * @default true
-  */
-  readonly commitOnNavigate?: boolean;
-  /**
-  * Initial selected value when uncontrolled.
-  */
-  readonly defaultValue?: string;
-  /**
-  * Disable input and dim labels.
-  */
-  readonly isDisabled?: boolean;
-  /**
-  * Called when selection changes.
-  */
-  readonly onChange?: (value: string) => void;
-  /**
-  * Called when the user submits by pressing Enter.
-  */
-  readonly onSubmit?: (value: string) => void;
-  /**
-  * Available options.
-  */
-  readonly options: ReadonlyArray<RadioOption>;
-  /**
-  * Orientation of options.
-  * @default "vertical"
-  */
-  readonly orientation?: "horizontal" | "vertical";
-  /**
-  * Controlled selected value.
-  */
-  readonly value?: string;
-};
-/**
-* Single-choice radio group with keyboard navigation. By default, navigation
-* commits selection; set `commitOnNavigate={false}` to require an explicit
-* Space/Enter commit.
-*/
-declare function RadioGroup({
-  accentColor,
-  autoFocus,
-  commitOnNavigate,
-  defaultValue,
-  isDisabled,
-  onChange,
-  onSubmit,
-  options,
-  orientation,
-  value
-}: Props): ReactElement;
-export { Props, RadioGroup, type Props as RadioGroupProps, RadioOption, RadioGroup as default };

package/dist/components/radio-group.js

@@ -1 +0,0 @@
-import{jsx as h,jsxs as D}from"react/jsx-runtime";import{useState as z,useRef as G,useCallback as F}from"react";import S from"../ink/hooks/use-focus.js";import T from"../ink/hooks/use-input.js";import{Box as M}from"./box.js";import{Text as w}from"./text.js";const $=(x,s)=>{if(s===void 0)return 0;const l=x.findIndex(b=>b.value===s);return Math.max(l,0)};function E({accentColor:x="blue",autoFocus:s=!1,commitOnNavigate:l=!0,defaultValue:b,isDisabled:d=!1,onChange:A,onSubmit:k,options:t,orientation:i="vertical",value:m}){const{isFocused:a}=S({autoFocus:s,isActive:!d}),[C,R]=z(b??t[0]?.value),v=m??C,[g,j]=z(()=>$(t,v)),u=G(g);u.current=g;const c=F(r=>{const o=t[r];if(!o)return;const n=m??C;o.value!==n&&(m===void 0&&R(o.value),A?.(o.value))},[t,m,C,A]);return T(F((r,o)=>{if(!a)return;const n=t.length;if(n===0)return;const f=o.downArrow&&i==="vertical"||o.rightArrow&&i==="horizontal"||r==="j",p=o.upArrow&&i==="vertical"||o.leftArrow&&i==="horizontal"||r==="k";if(f){const e=Math.min(n-1,u.current+1);j(e),l&&c(e);return}if(p){const e=Math.max(0,u.current-1);j(e),l&&c(e);return}if(r===" "){c(u.current);return}if(o.return){l||c(u.current);const e=t[u.current]?.value??v;e!==void 0&&k?.(e)}},[a,t,i,c,l,v,k]),{isActive:!d&&a}),h(M,{flexDirection:i==="vertical"?"column":"row",gap:i==="vertical"?0:2,children:t.map((r,o)=>{const n=r.value===v,f=a&&o===g,p=(n||f)&&a?x:void 0;return D(M,{gap:1,children:[h(w,{color:p,dimColor:d,children:n?"●":"○"}),h(w,{bold:f,color:p,dimColor:d,children:r.label}),r.description===void 0?void 0:h(w,{dimColor:!0,children:r.description})]},r.key??r.value)})})}export{E as RadioGroup,E as default};

package/dist/components/scatter-plot.d.ts

@@ -1,35 +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 = {
-  readonly axisColor?: LiteralUnion<AnsiColors, string>;
-  readonly height?: number;
-  readonly maxX?: number;
-  readonly maxY?: number;
-  readonly minX?: number;
-  readonly minY?: number;
-  readonly palette?: ReadonlyArray<LiteralUnion<AnsiColors, string>>;
-  readonly series: ReadonlyArray<LineSeries>;
-  readonly showLegend?: boolean;
-  readonly width?: number;
-};
-/**
-* Scatter plot rendered on a braille pixel grid. Each sample lights one
-* sub-cell pixel; overlapping points merge into denser braille glyphs.
-* @returns A `ReactElement` containing the plot and an optional legend.
-*/
-declare function ScatterPlot({
-  axisColor,
-  height,
-  maxX,
-  maxY,
-  minX,
-  minY,
-  palette,
-  series,
-  showLegend,
-  width
-}: Props): ReactElement;
-export { Props, ScatterPlot, type Props as ScatterPlotProps, ScatterPlot as default };

package/dist/components/scatter-plot.js

@@ -1 +0,0 @@
-import{jsxs as T,jsx as t}from"react/jsx-runtime";import{useMemo as h}from"react";import{Box as c}from"./box.js";import{Canvas as E}from"./canvas.js";import{t as f,p as g,c as y,D as b,d as C}from"../packem_shared/line-chart-C7CUrvVs.js";import{Text as N}from"./text.js";const S=b;function P({axisColor:a="gray",height:I=10,maxX:o,maxY:n,minX:m,minY:x,palette:s=S,series:l,showLegend:u=!0,width:p=40}){const d=h(()=>{const r=l.map((i,M)=>({color:g(i,M,s),points:f(i.data),series:i})),e=y(r);return{axisColor:a,palette:s,seriesList:r,xMax:o??(e.xMax===Number.NEGATIVE_INFINITY?1:e.xMax),xMin:m??(e.xMin===Number.POSITIVE_INFINITY?0:e.xMin),yMax:n??(e.yMax===Number.NEGATIVE_INFINITY?1:e.yMax),yMin:x??(e.yMin===Number.POSITIVE_INFINITY?0:e.yMin)}},[l,a,s,m,o,x,n]);return T(c,{flexDirection:"column",children:[t(E,{draw:r=>{C(r,"scatter",d)},height:I,version:[l,p,I,m,o,x,n,a,s],width:p}),u?t(c,{gap:2,marginTop:1,children:d.seriesList.map(({color:r,series:e},i)=>T(c,{gap:1,children:[t(N,{color:r,children:"●"}),t(N,{children:e.label??`Series ${i+1}`})]},`${i}:${e.label??""}`))}):void 0]})}export{P as ScatterPlot,P as default};

package/dist/components/scroll-bar-box.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import { BoxProps as Props } from "./box.js";
-import 'type-fest';
-import "../packem_shared/dom.d-B4kXbaVY.js";
-import 'yoga-layout';
-import "../packem_shared/cursor-helpers.d-BONB9tky.js";
-import '@visulima/colorize';
-import 'cli-boxes';
-import "../packem_shared/styles.d-cMo36xQz.js";
-interface ScrollBarBoxProps extends Props {
-  children?: React.ReactNode;
-  contentHeight: number;
-  scrollBarAutoHide?: boolean;
-  scrollBarPosition?: "left" | "right";
-  scrollOffset: number;
-  thumbChar?: string;
-  viewportHeight: number;
-}
-declare const ScrollBarBox: ({
-  borderColor,
-  borderDimColor,
-  borderLeftColor,
-  borderLeftDimColor,
-  borderRightColor,
-  borderRightDimColor,
-  borderStyle,
-  children,
-  contentHeight,
-  height,
-  scrollBarAutoHide,
-  scrollBarPosition,
-  scrollOffset,
-  thumbChar,
-  viewportHeight,
-  ...boxProps
-}: ScrollBarBoxProps) => React.JSX.Element;
-export { ScrollBarBox, type ScrollBarBoxProps };

package/dist/components/scroll-bar-box.js

@@ -1 +0,0 @@
-import{ScrollBarBox as l}from"../packem_shared/ScrollBarBox-DchESZWv.js";export{l as ScrollBarBox};

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

@@ -1,25 +0,0 @@
-import React from 'react';
-import { BoxProps as Props } from "./box.js";
-import 'type-fest';
-import "../packem_shared/dom.d-B4kXbaVY.js";
-import 'yoga-layout';
-import "../packem_shared/cursor-helpers.d-BONB9tky.js";
-import '@visulima/colorize';
-import 'cli-boxes';
-import "../packem_shared/styles.d-cMo36xQz.js";
-type ScrollBarPlacement = "inset" | "left" | "right";
-type ScrollBarStyle = Props["borderStyle"] | "block" | "line" | "thick" | "dots";
-interface ScrollBarProps {
-  autoHide?: boolean;
-  color?: string;
-  contentHeight: number;
-  dimColor?: boolean;
-  placement?: ScrollBarPlacement;
-  scrollOffset: number;
-  style?: ScrollBarStyle;
-  thumbChar?: string;
-  trackChar?: string;
-  viewportHeight: number;
-}
-declare const ScrollBar: React.FC<ScrollBarProps>;
-export { ScrollBar, type ScrollBarPlacement, type ScrollBarProps, type ScrollBarStyle };

package/dist/components/scroll-bar.js

@@ -1 +0,0 @@
-import{ScrollBar as l}from"../packem_shared/ScrollBar-qa1IzDDv.js";export{l as ScrollBar};

package/dist/components/scroll-list.d.ts

@@ -1,20 +0,0 @@
-import React, { Ref } from 'react';
-import { a as ScrollViewProps, b as ScrollViewRef } from "../packem_shared/scroll-view.d-DtpsgHLg.js";
-import "./box.js";
-import 'type-fest';
-import "../packem_shared/dom.d-B4kXbaVY.js";
-import 'yoga-layout';
-import "../packem_shared/cursor-helpers.d-BONB9tky.js";
-import '@visulima/colorize';
-import 'cli-boxes';
-import "../packem_shared/styles.d-cMo36xQz.js";
-type ScrollAlignment = "auto" | "bottom" | "center" | "top";
-interface ScrollListProps extends ScrollViewProps {
-  readonly scrollAlignment?: ScrollAlignment;
-  readonly selectedIndex?: number;
-}
-type ScrollListRef = ScrollViewRef;
-declare const ScrollList: (props: ScrollListProps & {
-  ref?: Ref<ScrollListRef>;
-}) => React.JSX.Element;
-export { type ScrollAlignment, ScrollList, type ScrollListProps, type ScrollListRef };

package/dist/components/scroll-list.js

@@ -1 +0,0 @@
-import{ScrollList as l}from"../packem_shared/ScrollList-BBAnRsrC.js";export{l as ScrollList};

package/dist/components/scroll-view.d.ts

@@ -1,10 +0,0 @@
-export { S as ScrollView, type a as ScrollViewProps, type b as ScrollViewRef } from "../packem_shared/scroll-view.d-DtpsgHLg.js";
-import 'react';
-import "./box.js";
-import 'type-fest';
-import "../packem_shared/dom.d-B4kXbaVY.js";
-import 'yoga-layout';
-import "../packem_shared/cursor-helpers.d-BONB9tky.js";
-import '@visulima/colorize';
-import 'cli-boxes';
-import "../packem_shared/styles.d-cMo36xQz.js";

package/dist/components/scroll-view.js

@@ -1 +0,0 @@
-import{ScrollView as e}from"../packem_shared/ScrollView-CHAo7Epj.js";export{e as ScrollView};

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

@@ -1,55 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Color of the accent elements (border, icon).
-  * @default "blue"
-  */
-  readonly accentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Initial value.
-  */
-  readonly defaultValue?: string;
-  /**
-  * Node rendered before the input as a search affordance.
-  * @default "⌕" (telephone recorder)
-  */
-  readonly icon?: ReactNode;
-  /**
-  * Disable the input.
-  */
-  readonly isDisabled?: boolean;
-  /**
-  * Fired whenever the value changes.
-  */
-  readonly onChange?: (value: string) => void;
-  /**
-  * Fired when the user presses Enter.
-  */
-  readonly onSubmit?: (value: string) => void;
-  /**
-  * Placeholder text shown when the input is empty.
-  * @default "Search..."
-  */
-  readonly placeholder?: string;
-  /**
-  * Autocomplete suggestions.
-  */
-  readonly suggestions?: ReadonlyArray<string>;
-};
-/**
-* Search-styled text input with an icon and bordered container.
-* @returns A `ReactElement` wrapping `TextInput` with an icon column.
-*/
-declare function SearchInput({
-  accentColor,
-  defaultValue,
-  icon,
-  isDisabled,
-  onChange,
-  onSubmit,
-  placeholder,
-  suggestions
-}: Props): ReactElement;
-export { Props, SearchInput, type Props as SearchInputProps, SearchInput as default };

package/dist/components/search-input.js

@@ -1 +0,0 @@
-import{jsxs as u,jsx as e}from"react/jsx-runtime";import{Box as r}from"./box.js";import{Text as c}from"./text.js";import{TextInput as p}from"./text-input.js";function b({accentColor:o="blue",defaultValue:a="",icon:l="⌕",isDisabled:n=!1,onChange:t,onSubmit:s,placeholder:i="Search...",suggestions:d}){return u(r,{borderColor:o,borderStyle:"round",gap:1,paddingX:1,children:[e(c,{color:o,children:l}),e(r,{flexGrow:1,children:e(p,{defaultValue:a,isDisabled:n,onChange:t,onSubmit:s,placeholder:i,suggestions:d})})]})}export{b as SearchInput,b as default};

package/dist/components/select-input-indicator.d.ts

@@ -1,32 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Color of the indicator when selected.
-  * @default "blue"
-  */
-  readonly accentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Whether the parent SelectInput has focus.
-  * When `false`, the indicator is dimmed even if the item is selected.
-  * @default true
-  */
-  readonly isFocused?: boolean;
-  /**
-  * Whether this indicator's item is currently selected.
-  * @default false
-  */
-  readonly isSelected?: boolean;
-};
-/**
-* Renders a pointer indicator next to the selected item, or a blank space otherwise.
-* When unfocused, the indicator is rendered with `dimColor` to visually distinguish
-* the active select input from inactive ones.
-*/
-declare function SelectInputIndicator({
-  accentColor,
-  isFocused,
-  isSelected
-}: Props): ReactElement;
-export { Props, SelectInputIndicator, type Props as SelectInputIndicatorProps, SelectInputIndicator as default };

package/dist/components/select-input-indicator.js

@@ -1 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{Box as c}from"./box.js";import{Text as e}from"./text.js";function s({accentColor:o="blue",isFocused:t=!0,isSelected:i=!1}){return r(c,{marginRight:1,children:i?r(e,{color:o,dimColor:!t,children:"❯"}):r(e,{children:" "})})}export{s as SelectInputIndicator,s as default};

package/dist/components/select-input-item.d.ts

@@ -1,41 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Color of the label when selected.
-  * @default "blue"
-  */
-  readonly accentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Color of the label when not selected.
-  */
-  readonly defaultColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Whether the parent SelectInput has focus.
-  * When `false`, the selected item is dimmed.
-  * @default true
-  */
-  readonly isFocused?: boolean;
-  /**
-  * Whether this item is currently selected.
-  * @default false
-  */
-  readonly isSelected?: boolean;
-  /**
-  * Text label to display for this item.
-  */
-  readonly label: string;
-};
-/**
-* Renders an item label, using `accentColor` when selected and `defaultColor` otherwise.
-* When unfocused, selected items are rendered with `dimColor`.
-*/
-declare function SelectInputItem({
-  accentColor,
-  defaultColor,
-  isFocused,
-  isSelected,
-  label
-}: Props): ReactElement;
-export { Props, SelectInputItem, type Props as SelectInputItemProps, SelectInputItem as default };

package/dist/components/select-input-item.js

@@ -1 +0,0 @@
-import{jsx as a}from"react/jsx-runtime";import{Text as c}from"./text.js";function i({accentColor:o="blue",defaultColor:t,isFocused:l=!0,isSelected:e=!1,label:r}){return a(c,{color:e?o:t,dimColor:e&&!l,children:r})}export{i as SelectInputItem,i as default};

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

@@ -1,110 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { FC, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-import { Props as Props$1 } from "./select-input-indicator.js";
-import { Props as Props$2 } from "./select-input-item.js";
-type Item<V> = {
-  /**
-  * Called automatically when this item is selected (via Enter or number key).
-  * Fires after `onSelect`. Useful for defining per-item behavior inline.
-  */
-  readonly action?: () => void;
-  readonly key?: string;
-  readonly label: string;
-  readonly value: V;
-};
-type SeparatorItem = {
-  /**
-  * Marks this entry as a non-focusable separator line.
-  */
-  readonly isSeparator: true;
-  readonly key?: string;
-  /**
-  * Custom separator text. Defaults to `"───"`.
-  */
-  readonly label?: string;
-};
-type SelectInputEntry<V> = Item<V> | SeparatorItem;
-type Props<V> = {
-  /**
-  * Color used for the selected item and indicator.
-  * @default "blue"
-  */
-  readonly accentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Color used for unselected items.
-  */
-  readonly defaultColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Controlled selected index. When provided, the component becomes controlled
-  * and `initialIndex` is ignored. Update this value in the `onHighlight` callback
-  * to track selection externally. If the index points to a separator, the nearest
-  * selectable item is highlighted instead.
-  */
-  readonly index?: number;
-  /**
-  * Custom component to override the default indicator component.
-  */
-  readonly indicatorComponent?: FC<Props$1>;
-  /**
-  * Index of initially-selected item in `items` array.
-  * Ignored when `index` is provided.
-  * When omitted (`undefined`), no item is highlighted until the user presses a key.
-  * If the index points to a separator, the nearest selectable item is used.
-  */
-  readonly initialIndex?: number;
-  /**
-  * Whether the input is focused. Useful for when there are multiple
-  * inputs on the screen and you need to control which one captures input.
-  * @default true
-  */
-  readonly isFocused?: boolean;
-  /**
-  * Custom component to override the default item component.
-  */
-  readonly itemComponent?: FC<Props$2>;
-  /** @default [] */
-  readonly items?: ReadonlyArray<SelectInputEntry<V>>;
-  /**
-  * Number of visible items. Useful if the list is long and you want
-  * to limit the display with a scrolling window.
-  */
-  readonly limit?: number;
-  /**
-  * Called when the user highlights a new item via arrow keys or `j`/`k`.
-  * The second argument is the index of the highlighted item in the visible list.
-  */
-  readonly onHighlight?: (item: Item<V>, index: number) => void;
-  /**
-  * Called when the user selects an item via Enter or a number key (1-9).
-  */
-  readonly onSelect?: (item: Item<V>) => void;
-  /**
-  * Whether to reset the selection when items change.
-  * Set to `false` to preserve the current selection across item updates.
-  * @default true
-  */
-  readonly resetOnItemsChange?: boolean;
-};
-/**
-* A select input component for terminal UIs.
-*
-* Renders a list of items with an indicator showing the currently highlighted item.
-* Users can navigate with arrow keys or `j`/`k`, select with Enter, or jump to an
-* item by pressing a number key (1-9).
-*/
-declare function SelectInput<V>({
-  accentColor,
-  defaultColor,
-  index,
-  indicatorComponent,
-  initialIndex,
-  isFocused,
-  itemComponent,
-  items,
-  limit: customLimit,
-  onHighlight,
-  onSelect,
-  resetOnItemsChange
-}: Props<V>): ReactElement;
-export { Item, Props, SelectInput, SelectInputEntry, type Item as SelectInputItemType, type Props as SelectInputProps, type SeparatorItem as SelectInputSeparator, SeparatorItem, SelectInput as default };

package/dist/components/select-input.js

@@ -1 +0,0 @@
-import{createRequire as ee}from"node:module";import{jsx as F,jsxs as re}from"react/jsx-runtime";import{useReducer as se,useRef as v,useMemo as ce,useEffect as V,useCallback as R,createElement as X}from"react";import ie from"../ink/hooks/use-input.js";import ae from"../ink/hooks/use-window-size.js";import{Box as D}from"./box.js";import{SelectInputIndicator as le}from"./select-input-indicator.js";import{SelectInputItem as de}from"./select-input-item.js";import{Text as ue}from"./text.js";const te=ee(import.meta.url),M=typeof globalThis<"u"&&typeof globalThis.process<"u"?globalThis.process:process,ne=n=>{if(typeof M<"u"&&M.versions&&M.versions.node){const[t,o]=M.versions.node.split(".").map(Number);if(t>22||t===22&&o>=3||t===20&&o>=16)return M.getBuiltinModule(n)}return te(n)},{isDeepStrictEqual:oe}=ne("node:util"),h=n=>"isSeparator"in n&&n.isSeparator,fe=[],pe=/^[1-9]$/,l=-1,me="───",Ie=Symbol("separator"),xe=(n,t)=>{switch(t.type){case"navigate":return{rotateIndex:t.rotateIndex,selectedIndex:t.selectedIndex};case"reset":return{rotateIndex:0,selectedIndex:t.hasInitialSelection?t.initialIndex:l};case"set":return{rotateIndex:t.selectedIndex,selectedIndex:t.selectedIndex};default:return n}},ge=(n,t)=>{const{length:o}=n;if(o===0)return[];const u=(t%o+o)%o;return[...n.slice(u),...n.slice(0,u)]},b=(n,t,o,u)=>t?ge(n,o).slice(0,u):n,q=(n,t,o)=>{const{length:u}=n;for(let S=0;S<u;S+=1){const C=((t+(S+1)*o)%u+u)%u;if(!h(n[C]))return C}return l},Y=(n,t)=>{if(t<0||t>=n.length)return l;const o=n[t];return o&&!h(o)?t:q(n,t-1,1)};function Me({accentColor:n="blue",defaultColor:t,index:o,indicatorComponent:u=le,initialIndex:S,isFocused:C=!0,itemComponent:Z=de,items:r=fe,limit:E,onHighlight:f,onSelect:N,resetOnItemsChange:B=!0}){const{rows:Q}=ae(),H=typeof E=="number"?E:Q,s=r.length>H,d=s?Math.min(H,r.length):r.length,j=d-1,O=typeof o=="number"||typeof S=="number",P=typeof o=="number"?o:S??l,w=P===l?l:Y(r,Math.min(P,j)),[T,_]=se(xe,{rotateIndex:w>j?j-w:0,selectedIndex:w}),z=v(O),G=v(w),J=v(T);J.current=T;const A=v(N);A.current=N;const W=v(r),k=ce(()=>r.map(e=>h(e)?Ie:e.value),[r]),K=v(k);z.current=O,G.current=w,V(()=>{B&&!oe(K.current,k)&&_({hasInitialSelection:z.current,initialIndex:G.current,type:"reset"}),K.current=k,W.current=r},[r,k,B]),V(()=>{if(typeof o=="number"){const e=Y(r,Math.min(o,j));_({selectedIndex:e===l?0:e,type:"set"})}},[o,r,j]);const L=R((e,c)=>{const i=b(r,s,e,d);if(c===l){const x=q(i,0,-1);if(x===l)return;_({rotateIndex:e,selectedIndex:x,type:"navigate"}),typeof f=="function"&&f(i[x],x);return}const g=(s?d:r.length)-1,a=c===0,p=a?g:c-1,m=a&&s?e+1:e,y=b(r,s,m,d),I=h(y[p])?q(y,p,-1):p;I!==l&&(_({rotateIndex:m,selectedIndex:I,type:"navigate"}),typeof f=="function"&&f(y[I],I))},[s,d,r,f]),U=R((e,c)=>{const i=b(r,s,e,d);if(c===l){const x=q(i,i.length-1,1);if(x===l)return;_({rotateIndex:e,selectedIndex:x,type:"navigate"}),typeof f=="function"&&f(i[x],x);return}const g=(s?d:r.length)-1,a=c===g,p=a?0:c+1,m=a&&s?e-1:e,y=b(r,s,m,d),I=h(y[p])?q(y,p,1):p;I!==l&&(_({rotateIndex:m,selectedIndex:I,type:"navigate"}),typeof f=="function"&&f(y[I],I))},[s,d,r,f]);ie(R((e,c)=>{const{rotateIndex:i,selectedIndex:g}=J.current;if((e==="k"||c.upArrow)&&L(i,g),(e==="j"||c.downArrow)&&U(i,g),pe.test(e)){const a=Number.parseInt(e,10)-1,p=b(r,s,i,d);if(a>=0&&a<p.length){const m=p[a];m&&!h(m)&&(A.current?.(m),m.action?.())}}if(c.return&&g!==l){const a=b(r,s,i,d)[g];a&&!h(a)&&(A.current?.(a),a.action?.())}},[L,U,s,d,r]),{isActive:C});const $=b(r,s,T.rotateIndex,d);return F(D,{flexDirection:"column",children:$.map((e,c)=>{if(h(e))return F(D,{children:F(ue,{dimColor:!0,children:e.label??me})},e.key??`separator-${String(c)}`);const i=c===T.selectedIndex;return re(D,{children:[X(u,{accentColor:n,isFocused:C,isSelected:i}),X(Z,{...e,accentColor:n,defaultColor:t,isFocused:C,isSelected:i})]},e.key??String(e.value))})})}export{Me as SelectInput,Me as default};

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

@@ -1,47 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Width of the highlighted band in characters.
-  * @default 3
-  */
-  readonly bandWidth?: number;
-  /**
-  * Base color of the non-highlighted text.
-  */
-  readonly color?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Highlight color of the sweeping band.
-  * @default "white"
-  */
-  readonly highlightColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Milliseconds between frames of the shimmer.
-  * @default 60
-  */
-  readonly interval?: number;
-  /**
-  * Text to render with a shimmer sweep.
-  */
-  readonly text: string;
-};
-/**
-* Text with an animated highlight band that sweeps across the characters.
-* Perfect for "generating…" states.
-* @param props Component props.
-* @param props.bandWidth Number of characters in the bright band.
-* @param props.color Color applied to characters outside the band.
-* @param props.highlightColor Color applied to characters inside the band.
-* @param props.interval Milliseconds between frames.
-* @param props.text Content to shimmer.
-* @returns A single `Text` element composed of per-character `Text` children.
-*/
-declare function ShimmerText({
-  bandWidth,
-  color,
-  highlightColor,
-  interval,
-  text
-}: Props): ReactElement;
-export { Props, ShimmerText, type Props as ShimmerTextProps, ShimmerText as default };

package/dist/components/shimmer-text.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{useMemo as f}from"react";import g from"../ink/hooks/use-animation.js";import{Text as i}from"./text.js";function j({bandWidth:m=3,color:r,highlightColor:a="white",interval:d=60,text:n}){const{frame:u}=g({interval:d}),t=f(()=>[...n],[n]),l=t.length,p=l+m,x=l===0?0:u%p,b=f(()=>t.map((o,c)=>e(i,{color:r,dimColor:r===void 0,children:o},c)),[t,r]);if(l===0)return e(i,{color:r,children:n});const h=[];for(const[o,c]of t.entries()){const s=x-o;if(!(s>=0&&s<m)){h.push(b[o]);continue}h.push(e(i,{bold:!0,color:a,children:c},`band-${o}`))}return e(i,{children:h})}export{j as ShimmerText,j as default};

package/dist/components/slider.d.ts

@@ -1,103 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Accent color for the filled portion of the track and thumb.
-  * @default "green"
-  */
-  readonly accentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Color for the empty portion of the track.
-  * @default "gray"
-  */
-  readonly defaultColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Initial value when uncontrolled.
-  * @default 0
-  */
-  readonly defaultValue?: number;
-  /**
-  * Character used for the empty portion of the track.
-  * @default "░"
-  */
-  readonly emptyCharacter?: string;
-  /**
-  * Character used for the filled portion of the track.
-  * @default "█"
-  */
-  readonly filledCharacter?: string;
-  /**
-  * When true, all input is ignored and the slider is dimmed.
-  * @default false
-  */
-  readonly isDisabled?: boolean;
-  /**
-  * When true, the component responds to keyboard input.
-  * @default true
-  */
-  readonly isFocused?: boolean;
-  /**
-  * Maximum value.
-  * @default 100
-  */
-  readonly max?: number;
-  /**
-  * Minimum value.
-  * @default 0
-  */
-  readonly min?: number;
-  /**
-  * Fires whenever the value changes.
-  */
-  readonly onChange?: (value: number) => void;
-  /**
-  * Layout direction of the slider.
-  * @default "horizontal"
-  */
-  readonly orientation?: "horizontal" | "vertical";
-  /**
-  * Increment size for arrow key presses.
-  * @default 1
-  */
-  readonly step?: number;
-  /**
-  * Character used to indicate the current position.
-  * @default "●"
-  */
-  readonly thumbCharacter?: string;
-  /**
-  * Controlled value. When provided, `defaultValue` is ignored.
-  */
-  readonly value?: number;
-  /**
-  * Width of the slider track in columns (horizontal) or rows (vertical).
-  * @default 20
-  */
-  readonly width?: number;
-};
-/**
-* A keyboard-driven slider / range input.
-*
-* ```tsx
-* &lt;Slider defaultValue={50} min={0} max={100} onChange={setValue} />
-* ```
-*/
-declare function Slider({
-  accentColor,
-  defaultColor,
-  defaultValue,
-  emptyCharacter,
-  filledCharacter,
-  isDisabled,
-  isFocused,
-  max,
-  min,
-  onChange,
-  orientation,
-  step,
-  thumbCharacter,
-  value: controlledValue,
-  width
-}: Props): ReactElement;
-export { Props, Slider, type Props as SliderProps, Slider as default };

package/dist/components/slider.js

@@ -1 +0,0 @@
-import{jsx as c,jsxs as H}from"react/jsx-runtime";import{useState as R,useRef as I,useCallback as J}from"react";import T from"../ink/hooks/use-input.js";import{Box as A}from"./box.js";import{Text as C}from"./text.js";const y=(u,d,x)=>Math.min(x,Math.max(d,u));function P({accentColor:u="green",defaultColor:d="gray",defaultValue:x=0,emptyCharacter:D="░",filledCharacter:j="█",isDisabled:e=!1,isFocused:K=!0,max:k=100,min:z=0,onChange:F,orientation:h="horizontal",step:m=1,thumbCharacter:N="●",value:q,width:L=20}){const o=Math.min(z,k),i=Math.max(z,k),b=q!==void 0,[O,Q]=R(y(x,o,i)),v=b?y(q,o,i):O,G=I(F);G.current=F;const s=I(v);s.current=v;const n=J(t=>{const r=y(t,o,i);b||Q(r),G.current?.(r)},[o,i,b]),w=m*10,f=i-o,S=J((t,r)=>{const M=h==="horizontal"?r.rightArrow:r.upArrow,p=h==="horizontal"?r.leftArrow:r.downArrow;if(M){n(s.current+m);return}if(p){n(s.current-m);return}if(r.pageUp){n(s.current+w);return}if(r.pageDown){n(s.current-w);return}if(r.home){n(o);return}if(r.end){n(i);return}if(t>="0"&&t<="9"){const E=Number.parseInt(t,10)/10;n(o+f*E)}},[m,w,o,i,f,h,n]);T(S,{isActive:K&&!e});const g=Math.max(1,L),V=f===0?0:(v-o)/f,l=Math.round(V*(g-1));if(h==="vertical"){const t=[];for(let r=g-1;r>=0;r--){const M=r===l,p=r<=l;t.push(c(A,{children:c(C,{color:e?void 0:p?u:d,dimColor:e,children:M?N:p?j:D})},r))}return c(A,{flexDirection:"column",children:t})}let a="";for(let t=0;t<g;t++)t===l?a+=N:t<l?a+=j:a+=D;const W=a.slice(0,l),$=a[l]??"",B=a.slice(l+1);return H(A,{children:[c(C,{color:e?void 0:u,dimColor:e,children:W}),c(C,{bold:!0,color:e?void 0:u,dimColor:e,children:$}),c(C,{color:e?void 0:d,dimColor:e,children:B})]})}export{P as Slider,P as default};