@visulima/tui 1.0.0-alpha.8 → 1.0.0

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

@@ -0,0 +1,47 @@
+import { AnsiColors } from '@visulima/colorize';
+import { ReactNode, ReactElement } from 'react';
+import { LiteralUnion } from 'type-fest';
+type OptionListEntry = {
+  readonly description?: string;
+  readonly icon?: ReactNode;
+  readonly id: string;
+  readonly label: ReactNode;
+  readonly trailing?: ReactNode;
+};
+type Props = {
+  /**
+  * Highlight color for the row marked as current.
+  */
+  readonly accentColor?: LiteralUnion<AnsiColors, string>;
+  /**
+  * Render the list with a border.
+  */
+  readonly bordered?: boolean;
+  /**
+  * Id of the row to highlight. No visual change if omitted.
+  */
+  readonly currentId?: string;
+  /**
+  * Icon width in characters for column alignment.
+  * @default 2
+  */
+  readonly iconColumnWidth?: number;
+  /**
+  * Entries to render.
+  */
+  readonly options: ReadonlyArray<OptionListEntry>;
+};
+/**
+* Read-only presentational option list. Like `SelectInput` but without focus,
+* input handling, or scrolling — just a styled list of rows. Useful inside
+* modals, sidebars, or summary panels.
+* @returns A `ReactElement` rendering the list; bordered when requested.
+*/
+declare function OptionList({
+  accentColor,
+  bordered,
+  currentId,
+  iconColumnWidth,
+  options
+}: Props): ReactElement;
+export { OptionList, OptionListEntry, type Props as OptionListProps, Props, OptionList as default };

package/dist/components/option-list.js

@@ -0,0 +1 @@
+import{jsx as i,jsxs as c}from"react/jsx-runtime";import{Box as r}from"./box.js";import{Text as o}from"./text.js";function x({accentColor:a="blue",bordered:h=!1,currentId:s,iconColumnWidth:d=2,options:f}){const l=i(r,{flexDirection:"column",children:f.map(n=>{const e=n.id===s,t=e?a:void 0;return c(r,{flexDirection:"column",children:[c(r,{children:[i(r,{flexShrink:0,width:d,children:i(o,{color:t,children:n.icon??(e?"▸":" ")})}),i(r,{flexGrow:1,flexShrink:1,minWidth:0,children:i(o,{bold:e,color:t,wrap:"truncate-end",children:n.label})}),n.trailing===void 0?void 0:i(r,{flexShrink:0,children:n.trailing})]}),n.description===void 0?void 0:i(r,{marginLeft:d,children:i(o,{dimColor:!0,wrap:"truncate-end",children:n.description})})]},n.id)})});return h?i(r,{borderStyle:"round",paddingX:1,children:l}):l}export{x as OptionList,x as default};

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

@@ -0,0 +1,24 @@
+import { ReactNode, ReactElement } from 'react';
+type OrderedListEntry = {
+  /**
+  * Nested sub-items, rendered as a sub-list with hierarchical numbering.
+  */
+  readonly children?: ReadonlyArray<OrderedListEntry>;
+  /**
+  * Display text for this item.
+  */
+  readonly label: ReactNode;
+};
+type Props = {
+  /**
+  * Entries to render as a numbered list.
+  */
+  readonly items: ReadonlyArray<OrderedListEntry>;
+};
+/**
+* Renders a numbered list with hierarchical nesting support.
+*/
+declare function OrderedList({
+  items
+}: Props): ReactElement;
+export { OrderedList, OrderedListEntry, type Props as OrderedListProps, Props, OrderedList as default };

package/dist/components/ordered-list.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{Box as n}from"./box.js";import{Text as c}from"./text.js";const d=(r,s)=>{const m=String(r.length).length;return e(n,{flexDirection:"column",children:r.map((t,i)=>{const a=`${String(i+1).padStart(m)}.`,o=`${s}${a}`;return l(n,{gap:1,children:[e(c,{dimColor:!0,children:o}),l(n,{flexDirection:"column",children:[e(c,{children:t.label}),t.children?d(t.children,o):void 0]})]},i)})})};function f({items:r}){return d(r,"")}export{f as OrderedList,f as default};

package/dist/components/paginator.d.ts

@@ -0,0 +1,69 @@
+import { ReactNode, ReactElement } from 'react';
+/**
+* Metadata about the current page state, passed to the render-prop children.
+*/
+type PageMeta = {
+  readonly currentPage: number;
+  readonly endIndex: number;
+  readonly isFirstPage: boolean;
+  readonly isLastPage: boolean;
+  readonly startIndex: number;
+  readonly totalPages: number;
+};
+type Props<T> = {
+  /**
+  * Render-prop that receives the current page items and page metadata.
+  */
+  readonly children: (pageItems: ReadonlyArray<T>, meta: PageMeta) => ReactNode;
+  /**
+  * Uncontrolled initial page (0-indexed).
+  * @default 0
+  */
+  readonly defaultPage?: number;
+  /**
+  * Color for the active page indicator.
+  * @default "cyan"
+  */
+  readonly indicatorColor?: string;
+  /**
+  * Whether keyboard navigation is active.
+  * @default true
+  */
+  readonly isFocused?: boolean;
+  /**
+  * The full list of items to paginate.
+  */
+  readonly items: ReadonlyArray<T>;
+  /**
+  * Called when the page changes.
+  */
+  readonly onChange?: (page: number) => void;
+  /**
+  * Controlled current page (0-indexed). When provided, the component is controlled.
+  */
+  readonly page?: number;
+  /**
+  * Number of items per page.
+  */
+  readonly pageSize: number;
+  /**
+  * Indicator style.
+  * - `"dots"`: `● ○ ○ ○`
+  * - `"numeric"`: `‹ 1 / 4 ›`
+  * - `"fraction"`: `1/4`
+  * @default "dots"
+  */
+  readonly style?: "dots" | "fraction" | "numeric";
+};
+declare const Paginator: <T>({
+  children,
+  defaultPage,
+  indicatorColor,
+  isFocused,
+  items,
+  onChange,
+  page: controlledPage,
+  pageSize,
+  style
+}: Props<T>) => ReactElement;
+export { PageMeta, Paginator, type Props as PaginatorProps, Props, Paginator as default };

package/dist/components/paginator.js

@@ -0,0 +1 @@
+import{jsxs as m,jsx as r}from"react/jsx-runtime";import{useState as j,useCallback as M}from"react";import k from"../ink/hooks/use-input.js";import{Box as p}from"./box.js";import{Text as e}from"./text.js";const D=({color:i,currentPage:c,style:u,totalPages:l})=>{if(u==="fraction")return m(e,{children:[r(e,{color:i,children:c+1}),m(e,{dimColor:!0,children:["/",l]})]});if(u==="numeric"){const h=c>0?r(e,{color:i,children:"‹ "}):r(e,{dimColor:!0,children:"‹ "}),n=c<l-1?r(e,{color:i,children:" ›"}):r(e,{dimColor:!0,children:" ›"});return m(p,{children:[h,r(e,{color:i,children:c+1}),m(e,{dimColor:!0,children:[" ","/",l]}),n]})}const d=Array.from({length:l},(h,n)=>n===c?r(e,{color:i,children:"●"},n):r(e,{dimColor:!0,children:"○"},n));return r(p,{gap:1,children:d})},L=({children:i,defaultPage:c=0,indicatorColor:u="cyan",isFocused:l=!0,items:d,onChange:h,page:n,pageSize:g,style:y="dots"})=>{const f=n!==void 0,[w,A]=j(c),v=f?n:w,o=Math.max(1,Math.ceil(d.length/g)),a=Math.max(0,Math.min(v,o-1)),s=M(C=>{const t=Math.max(0,Math.min(C,o-1));f||A(t),h?.(t)},[o,f,h]);k(M((C,t)=>{t.leftArrow||t.pageUp?s(a-1):t.rightArrow||t.pageDown?s(a+1):t.home?s(0):t.end&&s(o-1)},[a,o,s]),{isActive:l});const x=a*g,P=Math.min(x+g,d.length),I=d.slice(x,P),b={currentPage:a,endIndex:P,isFirstPage:a===0,isLastPage:a===o-1,startIndex:x,totalPages:o};return m(p,{flexDirection:"column",children:[i(I,b),o>1&&r(D,{color:u,currentPage:a,style:y,totalPages:o})]})};export{L as Paginator,L as default};

package/dist/components/paragraph.d.ts

@@ -0,0 +1,38 @@
+import { AnsiColors } from '@visulima/colorize';
+import { ReactNode, ReactElement } from 'react';
+import { LiteralUnion } from 'type-fest';
+type Props = {
+  /**
+  * Paragraph body.
+  */
+  readonly children: ReactNode;
+  /**
+  * Foreground color.
+  */
+  readonly color?: LiteralUnion<AnsiColors, string>;
+  /**
+  * Render the paragraph with dim color.
+  */
+  readonly dimColor?: boolean;
+  /**
+  * Blank lines to add after the paragraph.
+  * @default 1
+  */
+  readonly marginBottom?: number;
+  /**
+  * Blank lines to add before the paragraph.
+  * @default 0
+  */
+  readonly marginTop?: number;
+};
+/**
+* Wraps body text with a trailing blank line. Useful for README-style layouts.
+*/
+declare function Paragraph({
+  children,
+  color,
+  dimColor,
+  marginBottom,
+  marginTop
+}: Props): ReactElement;
+export { Paragraph, type Props as ParagraphProps, Props, Paragraph as default };

package/dist/components/paragraph.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{Box as t}from"./box.js";import{Text as l}from"./text.js";function p({children:r,color:i,dimColor:m=!1,marginBottom:a=1,marginTop:n=0}){return o(t,{flexDirection:"column",marginBottom:a,marginTop:n,children:o(l,{color:i,dimColor:m,children:r})})}export{p as Paragraph,p as default};

package/dist/components/placeholder.d.ts

@@ -0,0 +1,55 @@
+import { AnsiColors } from '@visulima/colorize';
+import { ReactElement } from 'react';
+import { LiteralUnion } from 'type-fest';
+type Props = {
+  /**
+  * Whether to pulse the skeleton blocks (shimmer).
+  * @default true
+  */
+  readonly animated?: boolean;
+  /**
+  * Glyph repeated to fill each placeholder block.
+  * @default "█" (full block)
+  */
+  readonly character?: string;
+  /**
+  * Block color.
+  * @default "gray"
+  */
+  readonly color?: LiteralUnion<AnsiColors, string>;
+  /**
+  * Milliseconds between pulses.
+  * @default 500
+  */
+  readonly interval?: number;
+  /**
+  * Number of skeleton rows to render.
+  * @default 3
+  */
+  readonly rows?: number;
+  /**
+  * Total width reference. When omitted, the block flexes to fill its
+  * parent.
+  */
+  readonly width?: number;
+  /**
+  * Relative widths of each row (0–1). The list is sampled cyclically.
+  * @default [1, 0.85, 0.6]
+  */
+  readonly widths?: ReadonlyArray<number>;
+};
+/**
+* Skeleton loading indicator. Renders a stack of solid blocks whose widths
+* vary to mimic text placeholders. Pair with `async` data fetching.
+* @returns A `ReactElement` rendering the skeleton rows.
+*/
+declare function Placeholder({
+  animated,
+  character,
+  color,
+  interval,
+  rows,
+  width,
+  widths
+}: Props): ReactElement;
+export { Placeholder, type Props as PlaceholderProps, Props, Placeholder as default };

package/dist/components/placeholder.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import w from"../ink/hooks/use-animation.js";import g from"../ink/hooks/use-window-size.js";import{Box as i}from"./box.js";import{Text as v}from"./text.js";const y=[1,.85,.6];function C({animated:o=!0,character:l="█",color:m="gray",interval:c=500,rows:h=3,width:e,widths:r=y}){const{frame:d}=w({interval:c,isActive:o}),{columns:s}=g(),f=o&&d%2===0,u=e??Math.max(1,s);return t(i,{flexDirection:"column",width:e,children:Array.from({length:h},(M,a)=>{const p=r.length>0?r[a%r.length]??1:1,n=Math.max(1,Math.round(u*p)),x=l.repeat(n);return t(i,{width:n,children:t(v,{color:m,dimColor:f,wrap:"truncate-end",children:x})},a)})})}export{C as Placeholder,C as default};

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

@@ -0,0 +1,56 @@
+import { ReactElement } from 'react';
+import { Props as Props$1 } from "./text.js";
+import '@visulima/colorize';
+import 'type-fest';
+import "../packem_shared/styles.d-cMo36xQz.js";
+import 'cli-boxes';
+import 'yoga-layout';
+type Props = {
+  /** Fill glyph repeated across the completed portion of the progress bar. Defaults to "█". */
+  readonly character?: string;
+  /**
+  * Override the terminal width used for calculation.
+  * When 0, uses the actual terminal width.
+  * @default 0
+  */
+  readonly columns?: number;
+  /**
+  * Number of columns reserved on the left side (e.g. for labels).
+  * @default 0
+  */
+  readonly left?: number;
+  /**
+  * Completion percentage between 0 and 1.
+  * @default 1
+  */
+  readonly percent?: number;
+  /**
+  * Number of columns reserved on the right side (e.g. for percentage text).
+  * @default 0
+  */
+  readonly right?: number;
+  /**
+  * Whether to pad the remaining space with whitespace.
+  * Useful when rendering the bar over a background color.
+  * @default false
+  */
+  readonly rightPad?: boolean;
+} & Omit<Props$1, "children">;
+/**
+* A terminal progress bar that fills proportionally to a percentage value.
+*
+* ```tsx
+* &lt;ProgressBar percent={0.5} />
+* &lt;ProgressBar percent={0.75} color="green" left={10} right={5} />
+* ```
+*/
+declare function ProgressBar({
+  character,
+  columns: columnsProp,
+  left,
+  percent,
+  right,
+  rightPad,
+  ...textProps
+}: Props): ReactElement;
+export { ProgressBar, type Props as ProgressBarProps, Props, ProgressBar as default };

package/dist/components/progress-bar.js

@@ -0,0 +1 @@
+import{jsx as f}from"react/jsx-runtime";import l from"../ink/hooks/use-window-size.js";import{Text as p}from"./text.js";function d({character:a="█",columns:e=0,left:o=0,percent:m=1,right:i=0,rightPad:n=!1,...s}){const{columns:c}=l(),r=Math.max(0,(e||c||80)-i-o),t=Math.min(Math.floor(r*Math.max(0,Math.min(1,m))),r),h=a.repeat(t)+(n?" ".repeat(r-t):"");return f(p,{...s,children:h})}export{d as ProgressBar,d as default};

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

@@ -0,0 +1,74 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,35 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,37 @@
+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

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

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

@@ -0,0 +1,25 @@
+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

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

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

@@ -0,0 +1,20 @@
+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

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

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

@@ -0,0 +1,10 @@
+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

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

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

@@ -0,0 +1,55 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,32 @@
+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

@@ -0,0 +1 @@
+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};