@visulima/tui 1.0.8 → 2.0.0

package/dist/components/menu.d.ts

@@ -1,78 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type MenuItem = {
-  /**
-  * Optional hotkey rendered on the right side of the row (e.g. `"Ctrl+S"`).
-  */
-  readonly hotkey?: string;
-  /**
-  * Optional icon rendered before the label.
-  */
-  readonly icon?: ReactNode;
-  /**
-  * Identifier returned by `onSelect`.
-  */
-  readonly id: string;
-  /**
-  * When true, renders the item dimmed and skips it during navigation.
-  */
-  readonly isDisabled?: boolean;
-  /**
-  * Human-readable label.
-  */
-  readonly label: ReactNode;
-};
-type MenuSection = {
-  readonly id: string;
-  readonly items: ReadonlyArray<MenuItem>;
-  readonly title?: string;
-};
-type Props = {
-  /**
-  * Accent color for the focused item.
-  * @default "blue"
-  */
-  readonly accentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Auto-focus the menu on mount.
-  */
-  readonly autoFocus?: boolean;
-  /**
-  * Render a border around the menu.
-  * @default true
-  */
-  readonly bordered?: boolean;
-  /**
-  * Flat list of items. Ignored if `sections` is provided.
-  */
-  readonly items?: ReadonlyArray<MenuItem>;
-  /**
-  * Called with the item id when the user presses Enter.
-  */
-  readonly onSelect: (id: string) => void;
-  /**
-  * Grouped items. Takes precedence over `items`.
-  */
-  readonly sections?: ReadonlyArray<MenuSection>;
-  /**
-  * Optional title rendered at the top of the menu.
-  */
-  readonly title?: string;
-};
-/**
-* Dropdown / context menu with optional sections and disabled items.
-* Keyboard: ↑/↓ (or j/k) to navigate, Enter to select, Esc to cancel.
-* @returns A `ReactElement` rendering the menu, optionally wrapped in a
-* rounded border when `bordered` is true.
-*/
-declare function Menu({
-  accentColor,
-  autoFocus,
-  bordered,
-  items,
-  onSelect,
-  sections,
-  title
-}: Props): ReactElement;
-export { Menu, MenuItem, type Props as MenuProps, MenuSection, Props, Menu as default };

package/dist/components/menu.js

@@ -1 +0,0 @@
-import{jsxs as b,jsx as l}from"react/jsx-runtime";import{useMemo as g,useState as A,useRef as F,useEffect as j,useCallback as y}from"react";import M from"../ink/hooks/use-focus.js";import $ from"../ink/hooks/use-input.js";import{Box as m}from"./box.js";import{Text as f}from"./text.js";const B=(t,r)=>{if(r&&r.length>0){const o=[];for(const i of r){i.title!==void 0&&o.push({kind:"section-header",sectionId:i.id,title:i.title});for(const d of i.items)o.push({item:d,kind:"item",sectionId:i.id})}return o}return(t??[]).map(o=>({item:o,kind:"item",sectionId:void 0}))},w=(t,r,o)=>{const i=t.length;if(i===0)return r;for(let d=1;d<=i;d+=1){const a=(r+o*d+i*d)%i,h=t[a];if(h?.kind==="item"&&!h.item.isDisabled)return a}return r},I=t=>{for(const[r,o]of t.entries())if(o.kind==="item"&&!o.item.isDisabled)return r;return 0};function W({accentColor:t="blue",autoFocus:r=!1,bordered:o=!0,items:i,onSelect:d,sections:a,title:h}){const{isFocused:p}=M({autoFocus:r}),n=g(()=>B(i,a),[i,a]),S=g(()=>I(n),[n]),[k,v]=A(S),u=F(k);u.current=k,j(()=>{const{current:s}=u,c=n[s];if(!(c?.kind==="item"&&!c.item.isDisabled)){const e=I(n);v(e),u.current=e}},[n]),$(y((s,c)=>{if(p){if(c.downArrow||s==="j")v(w(n,u.current,1));else if(c.upArrow||s==="k")v(w(n,u.current,-1));else if(c.return){const e=n[u.current];e?.kind==="item"&&!e.item.isDisabled&&d(e.item.id)}}},[p,n,d]),{isActive:p});const D=b(m,{flexDirection:"column",children:[h===void 0?void 0:l(m,{marginBottom:1,children:l(f,{bold:!0,color:t,children:h})}),n.map((s,c)=>{if(s.kind==="section-header")return l(m,{marginTop:c===0?0:1,children:l(f,{dimColor:!0,children:s.title.toUpperCase()})},`header:${s.sectionId}`);const{item:e}=s,x=p&&c===k,C=x?t:void 0;return b(m,{children:[l(f,{color:C,dimColor:e.isDisabled,children:x?"▸ ":"  "}),e.icon===void 0?void 0:b(f,{color:C,dimColor:e.isDisabled,children:[e.icon," "]}),l(m,{flexGrow:1,flexShrink:1,minWidth:0,children:l(f,{bold:x,color:C,dimColor:e.isDisabled,wrap:"truncate-end",children:e.label})}),e.hotkey===void 0?void 0:l(m,{flexShrink:0,children:b(f,{dimColor:!0,children:[" ",e.hotkey]})})]},`item:${e.id}`)})]});return o?l(m,{borderColor:p?t:void 0,borderStyle:"round",paddingX:1,children:D}):D}export{W as Menu,W as default};

package/dist/components/message-bubble.d.ts

@@ -1,43 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type MessageRole = "assistant" | "system" | "tool" | "user";
-type Props = {
-  /**
-  * Bubble body.
-  */
-  readonly children: ReactNode;
-  /**
-  * Color override.
-  */
-  readonly color?: LiteralUnion<AnsiColors, string>;
-  /**
-  * When true, draws the bubble without a border.
-  */
-  readonly flat?: boolean;
-  /**
-  * Text rendered above the bubble (name, model, etc.).
-  */
-  readonly label?: string;
-  /**
-  * Optional metadata rendered next to the label (e.g. timestamp).
-  */
-  readonly meta?: string;
-  /**
-  * Determines the alignment, color, and icon of the bubble.
-  * @default "assistant"
-  */
-  readonly role?: MessageRole;
-};
-/**
-* Chat-style message bubble for AI agent UIs.
-*/
-declare function MessageBubble({
-  children,
-  color,
-  flat,
-  label,
-  meta,
-  role
-}: Props): ReactElement;
-export { MessageBubble, type Props as MessageBubbleProps, MessageRole, Props, MessageBubble as default };

package/dist/components/message-bubble.js

@@ -1 +0,0 @@
-import{jsxs as a,jsx as o}from"react/jsx-runtime";import{Box as i}from"./box.js";import{Text as e}from"./text.js";const f={assistant:{align:"flex-start",color:"blueBright",icon:""},system:{align:"flex-start",color:"gray",icon:""},tool:{align:"flex-start",color:"magentaBright",icon:""},user:{align:"flex-end",color:"greenBright",icon:""}};function u({children:r,color:d,flat:s=!1,label:l,meta:n,role:g="assistant"}){const c=f[g],t=d??c.color;return a(i,{alignSelf:c.align,flexDirection:"column",marginBottom:1,children:[l===void 0&&n===void 0?void 0:a(i,{gap:1,paddingX:1,children:[l===void 0?void 0:o(e,{bold:!0,color:t,children:l}),n===void 0?void 0:o(e,{dimColor:!0,children:n})]}),s?a(i,{paddingX:1,children:[o(e,{color:t,children:"│ "}),o(i,{flexDirection:"column",flexGrow:1,children:typeof r=="string"?o(e,{children:r}):r})]}):o(i,{borderColor:t,borderStyle:"round",flexDirection:"column",paddingX:1,children:typeof r=="string"?o(e,{children:r}):r})]})}export{u as MessageBubble,u as default};

package/dist/components/model-badge.d.ts

@@ -1,39 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Background color of the badge.
-  * @default "magenta"
-  */
-  readonly color?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Optional icon/symbol (e.g. `✨`, `◈`) shown before the label.
-  */
-  readonly icon?: ReactNode;
-  /**
-  * Short model identifier, e.g. `claude-opus-4.6`.
-  */
-  readonly model: string;
-  /**
-  * Optional provider name rendered as a separate chip before the model.
-  */
-  readonly provider?: string;
-  /**
-  * Visual style.
-  * @default "solid"
-  */
-  readonly variant?: "outline" | "solid" | "subtle";
-};
-/**
-* Pill-shaped chip identifying the active model / provider. Pair with
-* `MessageBubble` to label assistant output.
-*/
-declare function ModelBadge({
-  color,
-  icon,
-  model,
-  provider,
-  variant
-}: Props): ReactElement;
-export { ModelBadge, type Props as ModelBadgeProps, Props, ModelBadge as default };

package/dist/components/model-badge.js

@@ -1 +0,0 @@
-import{jsxs as o,jsx as l,Fragment as u}from"react/jsx-runtime";import{Box as m}from"./box.js";import{Text as r}from"./text.js";function g({color:e="magenta",icon:i,model:c,provider:t,variant:a="solid"}){const s=d=>{const n=i===void 0?void 0:o(u,{children:[i," "]});return a==="outline"?l(m,{borderColor:e,borderStyle:"round",paddingX:1,children:o(r,{color:e,children:[n,d]})}):a==="subtle"?o(r,{color:e,children:[n,d]}):o(r,{backgroundColor:e,color:"black",children:[" ",n,d," "]})};return t===void 0?s(c):o(m,{children:[l(r,{dimColor:!0,children:t}),l(r,{dimColor:!0,children:"/"}),s(c)]})}export{g as ModelBadge,g as default};

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

@@ -1,65 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type MultiSelectOption = {
-  readonly key?: string;
-  readonly label: string;
-  readonly value: string;
-};
-type Props = {
-  /**
-  * Color for the focused item indicator and selected checkmarks.
-  * @default "blue"
-  */
-  readonly accentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Color for unselected, unfocused option labels.
-  */
-  readonly defaultColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Initially selected values.
-  */
-  readonly defaultValue?: ReadonlyArray<string>;
-  /**
-  * When true, all input is ignored and labels are dimmed.
-  * @default false
-  */
-  readonly isDisabled?: boolean;
-  /**
-  * Whether the parent has focus. When false, indicators are dimmed.
-  * @default true
-  */
-  readonly isFocused?: boolean;
-  /**
-  * Number of visible options before scrolling.
-  * When omitted, auto-limits to terminal height.
-  */
-  readonly limit?: number;
-  /**
-  * Fires when the set of selected values changes (space to toggle).
-  */
-  readonly onChange?: (values: ReadonlyArray<string>) => void;
-  /**
-  * Fires when the user presses Enter to submit.
-  */
-  readonly onSubmit?: (values: ReadonlyArray<string>) => void;
-  /**
-  * Available choices to pick from.
-  */
-  readonly options: ReadonlyArray<MultiSelectOption>;
-};
-/**
-* Renders a multi-choice selection list with checkboxes and keyboard navigation.
-*/
-declare function MultiSelect({
-  accentColor,
-  defaultColor,
-  defaultValue,
-  isDisabled,
-  isFocused,
-  limit: customLimit,
-  onChange,
-  onSubmit,
-  options
-}: Props): ReactElement;
-export { MultiSelect, MultiSelectOption, type Props as MultiSelectProps, Props, MultiSelect as default };

package/dist/components/multi-select.js

@@ -1 +0,0 @@
-import{jsx as m,jsxs as S}from"react/jsx-runtime";import{useReducer as V,useState as B,useRef as f,useMemo as E,useCallback as F}from"react";import U from"../ink/hooks/use-input.js";import W from"../ink/hooks/use-window-size.js";import{Box as A}from"./box.js";import{Text as a}from"./text.js";const Y=[],q=(o,u)=>{switch(u.type){case"focus":return{...o,focusedIndex:u.index};case"focus-next":{const i=o.focusedIndex+1,c=i>=o.visibleFrom+u.limit;return{...o,focusedIndex:i,visibleFrom:c?o.visibleFrom+1:o.visibleFrom}}case"focus-prev":{const i=o.focusedIndex-1,c=i<o.visibleFrom;return{...o,focusedIndex:i,visibleFrom:c?o.visibleFrom-1:o.visibleFrom}}default:return o}};function N({accentColor:o="blue",defaultColor:u,defaultValue:i=Y,isDisabled:c=!1,isFocused:v=!0,limit:g,onChange:C,onSubmit:I,options:t}){const{rows:D}=W(),l=Math.min(typeof g=="number"?g:D,t.length),[s,w]=V(q,{focusedIndex:0,visibleFrom:0}),[b,k]=B(i),M=f(b);M.current=b;const j=f(I);j.current=I;const p=f(C);p.current=C;const x=f(s);x.current=s;const T=E(()=>t.slice(s.visibleFrom,s.visibleFrom+l),[t,s.visibleFrom,l]),y=F(()=>{const e=t[x.current.focusedIndex]?.value;e&&k(r=>{const n=r.includes(e)?r.filter(d=>d!==e):[...r,e];return p.current?.(n),n})},[t]),R=F(()=>{k(e=>{const r=e.length===t.length?[]:t.map(n=>n.value);return p.current?.(r),r})},[t]);return U(F((e,r)=>{const{focusedIndex:n}=x.current;(r.downArrow||e==="j")&&n<t.length-1&&w({limit:l,type:"focus-next"}),(r.upArrow||e==="k")&&n>0&&w({limit:l,type:"focus-prev"}),e===" "&&y(),e==="a"&&R(),r.return&&j.current?.(M.current)},[t.length,l,y,R]),{isActive:!c&&v}),m(A,{flexDirection:"column",children:T.map((e,r)=>{const n=s.visibleFrom+r===s.focusedIndex,d=b.includes(e.value);let h=u;return d?h="green":n&&(h=o),S(A,{gap:1,children:[n?m(a,{color:o,dimColor:!v,children:"▸"}):m(a,{children:" "}),S(a,{color:h,dimColor:c,children:[d?"◼":"◻"," ",e.label]}),d?m(a,{color:"green",dimColor:!v,children:"✓"}):void 0]},e.key??e.value)})})}export{N as MultiSelect,N as default};

package/dist/components/operation-tree.d.ts

@@ -1,49 +0,0 @@
-import { ReactNode, ReactElement } from 'react';
-type OperationStatus = "completed" | "error" | "pending" | "running" | "skipped";
-type OperationNode = {
-  /**
-  * Nested child operations rendered beneath this node.
-  */
-  readonly children?: ReadonlyArray<OperationNode>;
-  /**
-  * Optional supplementary info rendered on the next line (dimmed).
-  */
-  readonly details?: ReactNode;
-  /**
-  * Wall-clock duration in ms, displayed right-aligned.
-  */
-  readonly durationMs?: number;
-  /**
-  * Unique identifier within the tree.
-  */
-  readonly id: string;
-  /**
-  * Human-readable label.
-  */
-  readonly label: ReactNode;
-  /**
-  * Lifecycle state controlling icon + color.
-  */
-  readonly status: OperationStatus;
-};
-type Props = {
-  /**
-  * Tree of operations. Each node can have its own children.
-  */
-  readonly nodes: ReadonlyArray<OperationNode>;
-  /**
-  * When true, runs the running-spinner animation.
-  * @default true
-  */
-  readonly showSpinner?: boolean;
-};
-/**
-* Renders a tree of operations with per-node status. Perfect for agent
-* progress panels (reading → editing → running tests → done).
-* @returns A `ReactElement` rendering the nested tree of operation rows.
-*/
-declare function OperationTree({
-  nodes,
-  showSpinner
-}: Props): ReactElement;
-export { OperationNode, OperationStatus, OperationTree, type Props as OperationTreeProps, Props, OperationTree as default };

package/dist/components/operation-tree.js

@@ -1 +0,0 @@
-import{jsx as n,jsxs as s,Fragment as S}from"react/jsx-runtime";import{Box as t}from"./box.js";import{Spinner as k}from"./spinner.js";import{Text as o}from"./text.js";const w={completed:"green",error:"red",pending:"gray",running:"cyan",skipped:"yellow"},C={completed:"✔",error:"✖",pending:"○",skipped:"⊘"},y=e=>{if(e<1e3)return`${Math.round(e)}ms`;if(e<6e4)return`${(e/1e3).toFixed(1)}s`;const r=Math.round(e/1e3),i=Math.floor(r/60),d=r%60;return`${i}m ${d}s`},h=({isLast:e,node:r,prefix:i,showSpinner:d})=>{const p=w[r.status],c=e?"└─ ":"├─ ",u=i.length===0?"":c,l=i+(e?"   ":"│  "),m=d?n(k,{type:"dots"}):"…",f=r.status==="running"?m:C[r.status];return s(S,{children:[s(t,{children:[n(o,{dimColor:!0,children:i}),n(o,{dimColor:!0,children:u}),n(t,{flexShrink:0,children:n(o,{color:p,children:f})}),n(o,{children:" "}),n(t,{flexGrow:1,flexShrink:1,minWidth:0,children:n(o,{bold:r.status==="running",color:r.status==="pending"?"gray":void 0,dimColor:r.status==="skipped",wrap:"truncate-end",children:r.label})}),r.durationMs===void 0?void 0:n(t,{flexShrink:0,children:s(o,{dimColor:!0,children:[" ",y(r.durationMs)]})})]}),r.details===void 0?void 0:s(t,{children:[n(o,{dimColor:!0,children:l}),n(o,{dimColor:!0,children:r.details})]}),r.children?.map((a,x,g)=>n(h,{isLast:x===g.length-1,node:a,prefix:l,showSpinner:d},a.id))]})};function T({nodes:e,showSpinner:r=!0}){return n(t,{flexDirection:"column",children:e.map((i,d)=>n(h,{isLast:d===e.length-1,node:i,prefix:"",showSpinner:r},i.id))})}export{T as OperationTree,T as default};

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

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

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

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

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

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

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

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

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

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

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

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

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