@visulima/tui 1.0.8 → 2.0.0

package/dist/components/date-picker.d.ts

@@ -1,65 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Accent color used by the inner calendar when open.
-  * @default "blue"
-  */
-  readonly accentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Auto-focus the picker on mount.
-  */
-  readonly autoFocus?: boolean;
-  /**
-  * Initial selected date when uncontrolled.
-  */
-  readonly defaultValue?: Date;
-  /**
-  * Override the way the selected date is rendered in the input row.
-  */
-  readonly formatValue?: (date: Date) => string;
-  /**
-  * Disable the picker.
-  */
-  readonly isDisabled?: boolean;
-  /**
-  * Upper bound for selectable dates.
-  */
-  readonly maxDate?: Date;
-  /**
-  * Lower bound for selectable dates.
-  */
-  readonly minDate?: Date;
-  /**
-  * Fired when the user commits a date with Enter.
-  */
-  readonly onChange?: (date: Date) => void;
-  /**
-  * Placeholder rendered when no date is selected.
-  * @default "Pick a date"
-  */
-  readonly placeholder?: string;
-  /**
-  * Controlled selected date.
-  */
-  readonly value?: Date;
-};
-/**
-* Compact date input. Shows the currently-selected date; Enter / Space opens
-* the inline `Calendar` for navigation. Enter inside the calendar commits the
-* date and closes the picker.
-*/
-declare function DatePicker({
-  accentColor,
-  autoFocus,
-  defaultValue,
-  formatValue,
-  isDisabled,
-  maxDate,
-  minDate,
-  onChange,
-  placeholder,
-  value
-}: Props): ReactElement;
-export { DatePicker, type Props as DatePickerProps, Props, DatePicker as default };

package/dist/components/date-picker.js

@@ -1 +0,0 @@
-import{jsxs as g,jsx as o}from"react/jsx-runtime";import{useState as C,useCallback as h}from"react";import $ from"../ink/hooks/use-focus.js";import b from"../ink/hooks/use-input.js";import{Box as i}from"./box.js";import{Calendar as T}from"./calendar.js";import{Text as l}from"./text.js";const V=e=>{const n=e.getFullYear(),c=String(e.getMonth()+1).padStart(2,"0"),d=String(e.getDate()).padStart(2,"0");return`${n}-${c}-${d}`};function O({accentColor:e="blue",autoFocus:n=!1,defaultValue:c,formatValue:d=V,isDisabled:s=!1,maxDate:D,minDate:x,onChange:v,placeholder:S="Pick a date",value:u}){const{isFocused:r}=$({autoFocus:n,isActive:!s}),[t,m]=C(!1),[F,k]=C(c),f=u??F;b(h((a,p)=>{!r||t||(p.return||a===" ")&&m(!0)},[r,t]),{isActive:!s&&r&&!t}),b(h((a,p)=>{p.escape&&m(!1)},[]),{isActive:!s&&r&&t});const A=h(a=>{u===void 0&&k(a),m(!1),v?.(a)},[u,v]);return g(i,{flexDirection:"column",children:[g(i,{borderColor:r?e:void 0,borderStyle:"round",paddingX:1,children:[o(l,{color:e,children:"📅 "}),f===void 0?o(l,{dimColor:!0,children:S}):o(l,{bold:!0,children:d(f)}),r&&!t?o(i,{marginLeft:1,children:o(l,{dimColor:!0,children:"(Enter to open)"})}):void 0]}),t?o(i,{marginTop:1,children:o(T,{accentColor:e,autoFocus:!0,defaultValue:f,maxDate:D,minDate:x,onSubmit:A})}):void 0]})}export{O as DatePicker,O as default};

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

@@ -1,44 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type DefinitionItem = {
-  readonly description: ReactNode;
-  readonly key?: string;
-  readonly term: ReactNode;
-};
-type Props = {
-  /**
-  * Spacing between term and description columns.
-  * @default 2
-  */
-  readonly columnGap?: number;
-  /**
-  * Entries to render.
-  */
-  readonly items: ReadonlyArray<DefinitionItem>;
-  /**
-  * Inline items display on the same row; stacked items display with the term above the description.
-  * @default "inline"
-  */
-  readonly layout?: "inline" | "stacked";
-  /**
-  * Color applied to the term.
-  * @default "cyan"
-  */
-  readonly termColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Minimum width used to align inline terms.
-  */
-  readonly termWidth?: number;
-};
-/**
-* Key/value style definition list. Equivalent to the HTML `&lt;dl>` element.
-*/
-declare function DefinitionList({
-  columnGap,
-  items,
-  layout,
-  termColor,
-  termWidth
-}: Props): ReactElement;
-export { DefinitionItem, DefinitionList, type Props as DefinitionListProps, Props, DefinitionList as default };

package/dist/components/definition-list.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Box as i}from"./box.js";import{Text as n}from"./text.js";function s({columnGap:d=2,items:t,layout:m="inline",termColor:c="cyan",termWidth:h}){return m==="stacked"?e(i,{flexDirection:"column",gap:1,children:t.map((r,l)=>o(i,{flexDirection:"column",children:[e(n,{bold:!0,color:c,children:r.term}),e(n,{children:r.description})]},r.key??l))}):e(i,{flexDirection:"column",children:t.map((r,l)=>o(i,{gap:d,children:[e(i,{flexShrink:0,width:h,children:e(n,{color:c,children:r.term})}),e(i,{flexGrow:1,flexShrink:1,children:e(n,{children:r.description})})]},r.key??l))})}export{s as DefinitionList,s as default};

package/dist/components/dialog.d.ts

@@ -1,117 +0,0 @@
-import { ReactNode, ReactElement } from 'react';
-import 'yoga-layout';
-import '@visulima/colorize';
-import 'cli-boxes';
-import { 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 "../packem_shared/cursor-helpers.d-BONB9tky.js";
-import "../packem_shared/styles.d-cMo36xQz.js";
-type Props = {
-  /**
-  * Background color for the dialog. Defaults to the detected terminal
-  * background color, falling back to `"black"`.
-  */
-  readonly backgroundColor?: string;
-  /**
-  * Border color.
-  * @default "cyan"
-  */
-  readonly borderColor?: string;
-  /**
-  * Border style.
-  * @default "round"
-  */
-  readonly borderStyle?: "arrow" | "bold" | "classic" | "double" | "doubleSingle" | "round" | "single" | "singleDouble";
-  /**
-  * Dialog content.
-  */
-  readonly children: ReactNode;
-  /**
-  * Override terminal columns. Useful in renderToString or testing contexts
-  * where useWindowSize is unavailable.
-  */
-  readonly columns?: number;
-  /**
-  * Footer content rendered below the scrollable area.
-  * Useful for hints like "Press ? to close".
-  */
-  readonly footer?: ReactNode;
-  /**
-  * Maximum height as a fraction of terminal rows (0-1) or absolute rows.
-  * Values <= 1 are treated as fractions; values > 1 as absolute row counts.
-  * @default 0.8
-  */
-  readonly maxHeight?: number;
-  /**
-  * Padding inside the dialog border.
-  * @default 2
-  */
-  readonly paddingX?: number;
-  /**
-  * Vertical padding inside the dialog border.
-  * @default 1
-  */
-  readonly paddingY?: number;
-  /**
-  * Override terminal rows. Useful in renderToString or testing contexts
-  * where useWindowSize is unavailable.
-  */
-  readonly rows?: number;
-  /**
-  * Scrollbar visual style.
-  * @default "block"
-  */
-  readonly scrollbarStyle?: "arrow" | "block" | "bold" | "classic" | "dots" | "double" | "doubleSingle" | "line" | "round" | "single" | "singleDouble" | "thick";
-  /**
-  * Ref to the internal ScrollView for programmatic scrolling.
-  */
-  readonly scrollRef?: React.Ref<ScrollViewRef>;
-  /**
-  * Title rendered at the top of the dialog. If a string is provided,
-  * it is rendered as bold cyan text.
-  */
-  readonly title?: ReactNode;
-  /**
-  * Whether the dialog is visible. When `false`, nothing is rendered.
-  * @default true
-  */
-  readonly visible?: boolean;
-  /**
-  * Dialog width in columns.
-  * @default 60
-  */
-  readonly width?: number;
-};
-/**
-* A centered overlay dialog with automatic scrolling and scrollbar when
-* content exceeds the available terminal height.
-*
-* Uses the terminal's detected background color by default so the
-* dialog blends with the user's theme.
-*
-* ```tsx
-* &lt;Dialog title="Help" footer={&lt;Text dimColor>Press Esc to close&lt;/Text>}>
-*   &lt;Text>Dialog content here&lt;/Text>
-* &lt;/Dialog>
-* ```
-*/
-declare const Dialog: ({
-  backgroundColor: backgroundColorProp,
-  borderColor,
-  borderStyle,
-  children,
-  columns: columnsProp,
-  footer,
-  maxHeight: maxHeightProp,
-  paddingX,
-  paddingY,
-  rows: rowsProp,
-  scrollbarStyle: scrollbarStyleProp,
-  scrollRef: externalScrollRef,
-  title,
-  visible,
-  width
-}: Props) => ReactElement | null;
-export { Dialog, type Props as DialogProps, Props, Dialog as default };

package/dist/components/dialog.js

@@ -1 +0,0 @@
-import{jsx as r,jsxs as j}from"react/jsx-runtime";import{useRef as M}from"react";import H from"../ink/hooks/use-terminal-palette.js";import I from"../ink/hooks/use-window-size.js";import{Box as o}from"./box.js";import{Text as R}from"./text.js";import{ScrollView as T}from"../packem_shared/ScrollView-CHAo7Epj.js";const A=({backgroundColor:u,borderColor:l="cyan",borderStyle:f="round",children:h,columns:g,footer:d,maxHeight:e=.8,paddingX:i=2,paddingY:p=1,rows:b,scrollbarStyle:x="block",scrollRef:k,title:n,visible:C=!0,width:S=60})=>{const c=I(),{isLoading:w,palette:y}=H(),B=M(null),D=k??B;if(!C)return null;const a=g??(c.columns||80),t=b??(c.rows||24),s=u??(w?"black":y?.background??"black"),X=e<=1?Math.floor(t*e):Math.min(e,t-2),m=typeof n=="string"?r(o,{marginBottom:1,children:r(R,{bold:!0,color:l,children:n})}):n??null;return r(o,{alignItems:"center",height:t,justifyContent:"center",position:"absolute",width:a,children:j(o,{backgroundColor:s,borderBackgroundColor:s,borderColor:l,borderStyle:f,flexDirection:"column",maxHeight:X,opaque:!0,paddingY:p,width:Math.min(S,a-4),children:[m!=null&&r(o,{flexShrink:0,paddingX:i,children:m}),r(T,{flexGrow:1,flexShrink:1,paddingX:i,ref:D,scrollbar:!0,scrollbarColor:l,scrollbarStyle:x,children:h}),d!=null&&r(o,{alignItems:"center",flexDirection:"column",flexShrink:0,marginTop:1,paddingX:i,children:d})]})})};export{A as Dialog,A as default};

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

@@ -1,85 +0,0 @@
-import { ReactElement } from 'react';
-type DiffViewMode = "split" | "unified";
-type InlineDiffMode = "chars" | "words";
-type Props = {
-  /**
-  * Number of unchanged context lines around changes.
-  * @default 3
-  */
-  readonly context?: number;
-  /**
-  * Pre-computed unified diff string. If provided, `oldText`/`newText` are ignored.
-  */
-  readonly diff?: string;
-  /**
-  * Enable character-level inline diff highlighting within changed lines.
-  * @default true
-  */
-  readonly inlineDiff?: boolean;
-  /**
-  * Granularity of inline diff highlighting.
-  * - `"chars"` — character-level (best for code)
-  * - `"words"` — word-level (best for prose)
-  * @default "chars"
-  */
-  readonly inlineDiffMode?: InlineDiffMode;
-  /**
-  * Programming language for syntax highlighting within diff lines.
-  * When provided, diff content is highlighted with Shiki.
-  */
-  readonly language?: string;
-  /**
-  * Display mode: unified (interleaved) or split (side-by-side).
-  * @default "unified"
-  */
-  readonly mode?: DiffViewMode;
-  /**
-  * Label for the new version.
-  */
-  readonly newLabel?: string;
-  /**
-  * Modified text ("new" / right side).
-  */
-  readonly newText?: string;
-  /**
-  * Label for the old version.
-  */
-  readonly oldLabel?: string;
-  /**
-  * Original text ("old" / left side).
-  */
-  readonly oldText?: string;
-  /**
-  * Whether to display line numbers.
-  * @default true
-  */
-  readonly showLineNumbers?: boolean;
-  /**
-  * Shiki theme for syntax highlighting.
-  * @default "github-dark-default"
-  */
-  readonly theme?: string;
-};
-/**
-* Display file differences with colored additions/deletions.
-*
-* ```tsx
-* <DiffView oldText="hello" newText="hello world" />
-* <DiffView diff={unifiedDiffString} mode="split" />
-* ```
-*/
-declare function DiffView({
-  context,
-  diff: diffProp,
-  inlineDiff,
-  inlineDiffMode,
-  language,
-  mode,
-  newLabel,
-  newText,
-  oldLabel,
-  oldText,
-  showLineNumbers,
-  theme
-}: Props): ReactElement;
-export { DiffView, DiffViewMode, type Props as DiffViewProps, InlineDiffMode, Props, DiffView as default };

package/dist/components/diff-view.js

@@ -1 +0,0 @@
-import{jsx as u,jsxs as g,Fragment as P}from"react/jsx-runtime";import{createPatch as H,parsePatch as T,diffWords as I,diffChars as M}from"diff";import{useMemo as k,useState as W,useRef as B,useEffect as j}from"react";import{r as q,i as z,w as A,g as E,a as F}from"../packem_shared/token-to-elements-D6J6-P2A.js";import G from"../ink/hooks/use-window-size.js";import{Box as p}from"./box.js";import{Text as a}from"./text.js";const L=(r,i,n,d)=>{if(!i||n===void 0||n<1||n>i.length)return d?u(a,{color:d,children:r}):u(a,{dimColor:!0,children:r});const o=i[n-1];return!o||o.length===0?d?u(a,{color:d,children:r}):u(a,{dimColor:!0,children:r}):F(o)},y=(r,i,n)=>{const[d,o]=W(null),h=B(!1);return j(()=>{if(h.current=!1,!i){o(null);return}const e=q(i);if(!z(e)){o(null);return}return(async()=>{try{const f=await A([e],n),l=E(f,r,e,n);h.current||o(l.tokens)}catch{h.current||o(null)}})(),()=>{h.current=!0}},[r,i,n]),d},R=(r,i,n="chars")=>{const d=T(r),o=[];for(const h of d)for(const e of h.hunks){const f=`@@ -${e.oldStart},${e.oldLines} +${e.newStart},${e.newLines} @@`,l=[];let s=e.oldStart,c=e.newStart;for(const w of e.lines)w.startsWith("\\")||(w.startsWith("+")?l.push({content:w.slice(1),newLineNum:c++,type:"add"}):w.startsWith("-")?l.push({content:w.slice(1),oldLineNum:s++,type:"del"}):l.push({content:w.slice(1),newLineNum:c++,oldLineNum:s++,type:"context"}));if(i){const w=V(l);for(const[N,t]of w)if(l[N].type==="del"&&l[t].type==="add"){const m=U(l[N].content,l[t].content,n);l[N].inlineDiff=m??void 0,l[N].pairedIndex=t,l[t].inlineDiff=m??void 0,l[t].pairedIndex=N}}o.push({header:f,lines:l})}return o},b=500,U=(r,i,n="chars")=>{if(r.length>b||i.length>b)return null;const d=n==="words"?I(r,i):M(r,i),o=[],h=[];for(const e of d)e.removed?o.push({highlight:!0,value:e.value}):e.added?h.push({highlight:!0,value:e.value}):(o.push({highlight:!1,value:e.value}),h.push({highlight:!1,value:e.value}));return{addParts:h,delParts:o}},D=(r,i,n)=>u(P,{children:r.map((d,o)=>d.highlight?u(a,{backgroundColor:n,color:"white",children:d.value},o):u(a,{color:i,children:d.value},o))}),V=r=>{const i=new Map;let n=0;for(;n<r.length;){const d=n;for(;n<r.length&&r[n].type==="del";)n++;const o=n,h=n;for(;n<r.length&&r[n].type==="add";)n++;const e=n,f=o-d,l=e-h,s=Math.min(f,l);for(let c=0;c<s;c++)i.set(d+c,h+c),i.set(h+c,d+c);n===d&&n++}return i};function X({hunks:r,newHighlighted:i,oldHighlighted:n,showLineNumbers:d}){return u(p,{flexDirection:"column",children:r.map((o,h)=>g(p,{flexDirection:"column",children:[h>0?u(p,{marginBottom:0,marginTop:0,children:u(a,{dimColor:!0,children:"···"})}):void 0,u(a,{color:"cyan",dimColor:!0,children:o.header}),o.lines.map((e,f)=>{let l,s,c;switch(e.type){case"add":{s="+",c="green",l=e.inlineDiff?D(e.inlineDiff.addParts,"green","green"):L(e.content,i,e.newLineNum,"green");break}case"del":{s="-",c="red",l=e.inlineDiff?D(e.inlineDiff.delParts,"red","red"):L(e.content,n,e.oldLineNum,"red");break}default:{s=" ",c=void 0,l=L(e.content,n,e.oldLineNum);break}}return g(p,{children:[d?g(a,{color:c,dimColor:e.type==="context",children:[String(e.oldLineNum??"").padStart(4)," ",String(e.newLineNum??"").padStart(4)," "]}):void 0,u(a,{color:c,children:s}),l]},f)})]},h))})}function J({hunks:r,newHighlighted:i,oldHighlighted:n,showLineNumbers:d,width:o}){const h=Math.floor(o/2)-1;return u(p,{flexDirection:"column",children:r.map((e,f)=>{const l=f>0?u(p,{marginBottom:0,marginTop:0,children:u(a,{dimColor:!0,children:"···"})}):void 0,s=[],c=[];for(let N=0;N<e.lines.length;N++){const t=e.lines[N];switch(t.type){case"add":{t.pairedIndex===void 0&&(s.push({content:u(a,{dimColor:!0})}),c.push({content:L(t.content,i,t.newLineNum,"green"),lineNum:t.newLineNum}));break}case"context":{s.push({content:L(t.content,n,t.oldLineNum),lineNum:t.oldLineNum}),c.push({content:L(t.content,i,t.newLineNum),lineNum:t.newLineNum});break}case"del":{if(t.pairedIndex===void 0)s.push({content:L(t.content,n,t.oldLineNum,"red"),lineNum:t.oldLineNum}),c.push({content:u(a,{dimColor:!0})});else{const m=e.lines[t.pairedIndex];s.push({content:t.inlineDiff?D(t.inlineDiff.delParts,"red","red"):L(t.content,n,t.oldLineNum,"red"),lineNum:t.oldLineNum}),c.push({content:m.inlineDiff?D(m.inlineDiff.addParts,"green","green"):L(m.content,i,m.newLineNum,"green"),lineNum:m.newLineNum})}break}}}const w=Math.max(s.length,c.length);return g(p,{flexDirection:"column",children:[l,u(a,{color:"cyan",dimColor:!0,children:e.header}),Array.from({length:w},(N,t)=>{const m=s[t],x=c[t];return g(p,{flexDirection:"row",children:[g(p,{width:h,children:[d?g(a,{dimColor:!0,children:[String(m?.lineNum??"").padStart(4)," "]}):void 0,m?.content]}),u(a,{dimColor:!0,children:"│"}),g(p,{width:h,children:[d?g(a,{dimColor:!0,children:[String(x?.lineNum??"").padStart(4)," "]}):void 0,x?.content]})]},t)})]},f)})})}function ee({context:r=3,diff:i,inlineDiff:n=!0,inlineDiffMode:d="chars",language:o,mode:h="unified",newLabel:e="new",newText:f="",oldLabel:l="old",oldText:s="",showLineNumbers:c=!0,theme:w="github-dark-default"}){const{columns:N}=G(),t=y(s,o,w),m=y(f,o,w),x=k(()=>i||H("file",s,f,l,e,{context:r}),[i,s,f,l,e,r]),v=k(()=>R(x,n,d),[x,n,d]);if(v.every(S=>S.lines.length===0))return u(p,{children:u(a,{dimColor:!0,children:"No differences found."})});const C=g(p,{flexDirection:"column",children:[g(a,{color:"red",dimColor:!0,children:["---"," ",l]}),g(a,{color:"green",dimColor:!0,children:["+++"," ",e]})]});return h==="split"?g(p,{flexDirection:"column",children:[C,u(J,{hunks:v,newHighlighted:m,oldHighlighted:t,showLineNumbers:c,width:N??80})]}):g(p,{flexDirection:"column",children:[C,u(X,{hunks:v,newHighlighted:m,oldHighlighted:t,showLineNumbers:c})]})}export{ee as DiffView,ee as default};

package/dist/components/divider.d.ts

@@ -1,49 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Custom character to use instead of the default line character.
-  */
-  readonly character?: string;
-  /**
-  * Color of the divider line.
-  */
-  readonly color?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Render the divider with dim color.
-  */
-  readonly dimColor?: boolean;
-  /**
-  * Optional label rendered in the middle of a horizontal divider.
-  */
-  readonly label?: string;
-  /**
-  * Padding around the label.
-  * @default 1
-  */
-  readonly labelPadding?: number;
-  /**
-  * Total length of the divider. When omitted, horizontal dividers stretch to
-  * fill the available space and vertical dividers default to one row.
-  */
-  readonly length?: number;
-  /**
-  * Orientation of the divider.
-  * @default "horizontal"
-  */
-  readonly orientation?: "horizontal" | "vertical";
-};
-/**
-* Horizontal or vertical divider line, optionally with a centered label.
-*/
-declare function Divider({
-  character,
-  color,
-  dimColor,
-  label,
-  labelPadding,
-  length,
-  orientation
-}: Props): ReactElement;
-export { Divider, type Props as DividerProps, Props, Divider as default };

package/dist/components/divider.js

@@ -1 +0,0 @@
-import{jsx as r,jsxs as f}from"react/jsx-runtime";import w from"../ink/hooks/use-window-size.js";import{Box as e}from"./box.js";import{Text as t}from"./text.js";function S({character:x,color:i,dimColor:l=!1,label:a,labelPadding:s=1,length:o,orientation:d="horizontal"}){const{columns:p}=w(),n=x??(d==="horizontal"?"─":"│");if(d==="vertical"){const m=o??1;return r(e,{flexDirection:"column",height:m,children:Array.from({length:m},(v,u)=>r(t,{color:i,dimColor:l,children:n},`divider-row-${u}`))})}const c=Math.min(500,o??Math.max(p,1));if(a===void 0)return r(e,{flexGrow:o===void 0?1:0,width:o,children:r(t,{color:i,dimColor:l,wrap:"truncate",children:n.repeat(c)})});const h=" ".repeat(s);return f(e,{flexGrow:o===void 0?1:0,width:o,children:[r(e,{flexGrow:1,flexShrink:1,children:r(t,{color:i,dimColor:l,wrap:"truncate",children:n.repeat(c)})}),r(e,{flexShrink:0,children:f(t,{color:i,dimColor:l,children:[h,a,h]})}),r(e,{flexGrow:1,flexShrink:1,children:r(t,{color:i,dimColor:l,wrap:"truncate",children:n.repeat(c)})})]})}export{S as Divider,S as default};

package/dist/components/file-picker-entry.d.ts

@@ -1,104 +0,0 @@
-import { ReactElement } from 'react';
-/**
-* A single entry (file or directory) returned by the file system hook.
-*/
-type FileEntry = {
-  readonly isDirectory: boolean;
-  readonly isHidden: boolean;
-  readonly name: string;
-  readonly path: string;
-  readonly permissions: string;
-  readonly size: number;
-};
-/**
-* Filter options for the file picker.
-*/
-type FilePickerFilter = {
-  /**
-  * Allowed file extensions (e.g. `[".ts", ".tsx"]`). Empty or omitted means all.
-  */
-  readonly extensions?: ReadonlyArray<string>;
-  /**
-  * Whether to include directories in the list.
-  * @default true
-  */
-  readonly showDirectories?: boolean;
-  /**
-  * Whether to include regular files in the list.
-  * @default true
-  */
-  readonly showFiles?: boolean;
-  /**
-  * Whether to include hidden files (names starting with `.`).
-  * @default false
-  */
-  readonly showHidden?: boolean;
-};
-type Props = {
-  /**
-  * Color for the focused item highlight.
-  * @default "cyan"
-  */
-  readonly accentColor?: string;
-  /**
-  * Color for directory entries.
-  * @default "blue"
-  */
-  readonly directoryColor?: string;
-  /**
-  * Color for file entries.
-  * @default "white"
-  */
-  readonly fileColor?: string;
-  /**
-  * File filter options.
-  */
-  readonly filter?: FilePickerFilter;
-  /**
-  * Starting directory path.
-  * @default process.cwd()
-  */
-  readonly initialPath?: string;
-  /**
-  * Whether keyboard navigation is active.
-  * @default true
-  */
-  readonly isFocused?: boolean;
-  /**
-  * Maximum number of visible items (viewport height).
-  * @default 10
-  */
-  readonly limit?: number;
-  /**
-  * Called when escape is pressed.
-  */
-  readonly onCancel?: () => void;
-  /**
-  * Called when a file is selected (enter on a file entry).
-  */
-  readonly onSelect?: (entry: FileEntry) => void;
-  /**
-  * Show file permissions column.
-  * @default false
-  */
-  readonly showPermissions?: boolean;
-  /**
-  * Show file size column.
-  * @default false
-  */
-  readonly showSize?: boolean;
-};
-declare const FilePicker: ({
-  accentColor,
-  directoryColor,
-  fileColor,
-  filter,
-  initialPath,
-  isFocused,
-  limit,
-  onCancel,
-  onSelect,
-  showPermissions,
-  showSize
-}: Props) => ReactElement;
-export { type FileEntry, FilePicker, type FilePickerFilter, type Props as FilePickerProps, FilePicker as default };

package/dist/components/file-picker-entry.js

@@ -1 +0,0 @@
-import{default as f,default as l}from"../packem_shared/FilePicker-BLS9nOPz.js";export{f as FilePicker,l as default};

package/dist/components/form.d.ts

@@ -1,81 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type FormFieldProps = {
-  /**
-  * The input element (TextInput, Checkbox, Select, …).
-  */
-  readonly children: ReactNode;
-  /**
-  * Optional helper text rendered beneath the input.
-  */
-  readonly description?: string;
-  /**
-  * Validation error — dimmed red below the input.
-  */
-  readonly error?: string;
-  /**
-  * When true, the field's label and description are dim.
-  */
-  readonly isDisabled?: boolean;
-  /**
-  * Label rendered above the input.
-  */
-  readonly label: string;
-  /**
-  * Mark the field as required (adds a trailing `*`).
-  */
-  readonly required?: boolean;
-};
-/**
-* Standard form field wrapper: label + input + helper/error.
-*/
-declare const FormField: ({
-  children,
-  description,
-  error,
-  isDisabled,
-  label,
-  required
-}: FormFieldProps) => ReactElement;
-type Props = {
-  /**
-  * Accent color for the form chrome.
-  * @default "blue"
-  */
-  readonly accentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Render a border around the form.
-  * @default true
-  */
-  readonly bordered?: boolean;
-  /**
-  * Fields composed via `&lt;FormField />`.
-  */
-  readonly children: ReactNode;
-  /**
-  * Optional description rendered under the title.
-  */
-  readonly description?: string;
-  /**
-  * Optional footer rendered below the fields (buttons, hints, summary).
-  */
-  readonly footer?: ReactNode;
-  /**
-  * Optional heading rendered at the top.
-  */
-  readonly title?: string;
-  /**
-  * Fixed width.
-  */
-  readonly width?: number;
-};
-type FormComponent = ((props: Props) => ReactElement) & {
-  Field: typeof FormField;
-};
-/**
-* Stateless form layout. Pair with the `useForm` hook for state management
-* and `FormField` for consistent label/error styling.
-*/
-declare const Form: FormComponent;
-export { Form, FormField, FormFieldProps, type Props as FormProps, Props, Form as default };

package/dist/components/form.js

@@ -1 +0,0 @@
-import{jsxs as m,jsx as r}from"react/jsx-runtime";import{Box as o}from"./box.js";import{Text as i}from"./text.js";const a=({children:e,description:d,error:l,isDisabled:n=!1,label:c,required:t=!1})=>m(o,{flexDirection:"column",marginBottom:1,children:[m(o,{children:[r(i,{bold:!0,dimColor:n,children:c}),t?r(i,{color:"red",children:" *"}):void 0]}),r(o,{marginTop:0,children:e}),l===void 0?d===void 0?void 0:r(i,{dimColor:!0,children:d}):r(i,{color:"red",children:l})]}),x=Object.assign(({accentColor:e="blue",bordered:d=!0,children:l,description:n,footer:c,title:t,width:h})=>{const s=m(o,{flexDirection:"column",children:[t===void 0?void 0:r(o,{marginBottom:1,children:r(i,{bold:!0,color:e,children:t})}),n===void 0?void 0:r(o,{marginBottom:1,children:r(i,{dimColor:!0,children:n})}),r(o,{flexDirection:"column",children:l}),c===void 0?void 0:r(o,{marginTop:1,children:c})]});return d?r(o,{borderColor:e,borderStyle:"round",flexDirection:"column",paddingX:1,paddingY:1,width:h,children:s}):r(o,{flexDirection:"column",width:h,children:s})},{Field:a});export{x as Form,a as FormField,x as default};

package/dist/components/gauge.d.ts

@@ -1,87 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type GaugeThreshold = {
-  /**
-  * Color used for the arc segment and, when the current value falls into
-  * this segment, for the value readout.
-  */
-  readonly color: LiteralUnion<AnsiColors, string>;
-  /**
-  * Optional label used by the legend under the gauge.
-  */
-  readonly label?: string;
-  /**
-  * Upper bound of this threshold segment (inclusive). Segments are sorted
-  * ascending and painted in order.
-  */
-  readonly max: number;
-};
-type GaugeSize = "large" | "medium" | "small";
-type Props = {
-  /**
-  * Color of the arc background (the portion beyond `value`).
-  * @default "gray"
-  */
-  readonly backgroundColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Format for the numeric readout. Defaults to rounding to an integer.
-  */
-  readonly formatValue?: (value: number) => string;
-  /**
-  * Optional label rendered above the readout.
-  */
-  readonly label?: string;
-  /**
-  * Upper bound of the range.
-  * @default 100
-  */
-  readonly max?: number;
-  /**
-  * Lower bound of the range.
-  * @default 0
-  */
-  readonly min?: number;
-  /**
-  * Show a legend listing thresholds below the gauge.
-  * @default false
-  */
-  readonly showLegend?: boolean;
-  /**
-  * Show a numeric readout in the middle of the gauge.
-  * @default true
-  */
-  readonly showValue?: boolean;
-  /**
-  * Overall dimension preset.
-  * @default "medium"
-  */
-  readonly size?: GaugeSize;
-  /**
-  * Color threshold ramp. When provided, segments of the arc are painted in
-  * the corresponding colors and the value readout picks up the color for
-  * the segment `value` lands in.
-  */
-  readonly thresholds?: ReadonlyArray<GaugeThreshold>;
-  /**
-  * Current value. Clamped into the `[min, max]` range.
-  */
-  readonly value: number;
-};
-/**
-* Semi-circular gauge rendered at 2x4 sub-cell resolution. Supports colored
-* threshold segments and an optional needle.
-*/
-declare function Gauge({
-  backgroundColor,
-  formatValue,
-  label,
-  max,
-  min,
-  showLegend,
-  showValue,
-  size,
-  thresholds,
-  value
-}: Props): ReactElement;
-export { Gauge, type Props as GaugeProps, GaugeSize, GaugeThreshold, Props, Gauge as default };

package/dist/components/gauge.js

@@ -1 +0,0 @@
-import{jsxs as C,jsx as l}from"react/jsx-runtime";import{useMemo as q}from"react";import{c as T}from"../packem_shared/braille-ch3O5D7I.js";import{Box as s}from"./box.js";import{Canvas as U}from"./canvas.js";import{Text as x}from"./text.js";const W={large:{cols:40,rows:10},medium:{cols:24,rows:6},small:{cols:16,rows:4}},X=.9,_=2,Y=r=>String(Math.round(r)),z=(r,m,c,e)=>{const t=m+(c-m)*e;for(const f of r)if(t<=f.max)return f;return r[r.length-1]};function no({backgroundColor:r="gray",formatValue:m=Y,label:c,max:e=100,min:t=0,showLegend:f=!1,showValue:j=!0,size:b="medium",thresholds:n,value:P}){const{cols:A,rows:E}=W[b],I=Math.max(t,Math.min(e,P)),F=e-t||1,M=(I-t)/F,d=q(()=>{if(!(n===void 0||n.length===0))return[...n].toSorted((o,h)=>o.max-h.max)},[n]),k=q(()=>{if(d!==void 0)return z(d,t,e,M)},[d,t,e,M]),G=m(I);return C(s,{flexDirection:"column",children:[l(U,{draw:o=>{o.clear();const h=o.width*2,B=o.height*4,w=h/2,v=B-1,H=h/2-1,J=B-1,g=Math.max(1,Math.min(H,J)),y=new Map,D=i=>{const a=y.get(i);if(a!==void 0)return a;const u=T(o.width,o.height);return y.set(i,u),u},L=Math.max(32,Math.round(Math.PI*g)*_);for(let i=0;i<=L;i+=1){const a=i/L,u=Math.PI*(1-a),Q=Math.round(w+g*Math.cos(u)),R=Math.round(v-g*Math.sin(u));let p;a>M?p=r:d?p=z(d,t,e,a)?.color??"cyan":p="cyan",D(p).plotPoint(Q,R)}const S=g*X,V=Math.PI*(1-M),K=Math.round(w+S*Math.cos(V)),N=Math.round(v-S*Math.sin(V)),O=k?.color??"white";D(O).plotLine(Math.round(w),Math.round(v),K,N);for(const[i,a]of y)a.flush(o,{color:i})},height:E,version:[P,t,e,b,n,r],width:A}),j||c?C(s,{flexDirection:"column",children:[c===void 0?void 0:l(s,{justifyContent:"center",children:l(x,{dimColor:!0,children:c})}),j?l(s,{justifyContent:"center",children:l(x,{bold:!0,color:k?.color??"white",children:G})}):void 0]}):void 0,f&&n&&n.length>0?l(s,{gap:2,justifyContent:"center",marginTop:1,children:n.map((o,h)=>C(s,{gap:1,children:[l(x,{color:o.color,children:"●"}),l(x,{dimColor:!0,children:o.label??`≤ ${o.max}`})]},h))}):void 0]})}export{no as Gauge,no as default};