@visulima/tui 1.0.8 → 2.0.1

package/dist/components/checkbox.d.ts

@@ -1,48 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Accent color when focused.
-  * @default "blue"
-  */
-  readonly accentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Auto-focus when mounted if nothing else is focused.
-  */
-  readonly autoFocus?: boolean;
-  /**
-  * Label rendered next to the checkbox.
-  */
-  readonly children?: ReactNode;
-  /**
-  * Initial checked state when uncontrolled.
-  * @default false
-  */
-  readonly defaultChecked?: boolean;
-  /**
-  * Controlled checked state. When provided, `onChange` should update the parent.
-  */
-  readonly isChecked?: boolean;
-  /**
-  * Disable input and dim the label.
-  */
-  readonly isDisabled?: boolean;
-  /**
-  * Fired when the checkbox toggles.
-  */
-  readonly onChange?: (checked: boolean) => void;
-};
-/**
-* Focusable checkbox. Toggles with Space or Enter.
-*/
-declare function Checkbox({
-  accentColor,
-  autoFocus,
-  children,
-  defaultChecked,
-  isChecked,
-  isDisabled,
-  onChange
-}: Props): ReactElement;
-export { Checkbox, type Props as CheckboxProps, Props, Checkbox as default };

package/dist/components/checkbox.js

@@ -1 +0,0 @@
-import{jsxs as d,jsx as v}from"react/jsx-runtime";import{useState as C,useCallback as x}from"react";import b from"../ink/hooks/use-focus.js";import k from"../ink/hooks/use-input.js";import{Box as F}from"./box.js";import{Text as l}from"./text.js";const g="☒",j="☐";function q({accentColor:s="blue",autoFocus:m=!1,children:c,defaultChecked:n=!1,isChecked:i,isDisabled:e=!1,onChange:t}){const{isFocused:o}=b({autoFocus:m,isActive:!e}),[u,f]=C(n),r=i??u;return k(x((h,p)=>{if(o&&(p.return||h===" ")){const a=!r;i===void 0&&f(a),t?.(a)}},[o,r,i,t]),{isActive:!e&&o}),d(F,{gap:1,children:[d(l,{color:o?s:void 0,dimColor:e,children:[o?"▸ ":"  ",r?g:j]}),c===void 0?void 0:v(l,{color:o?s:void 0,dimColor:e,children:c})]})}export{q as Checkbox,q as default};

package/dist/components/code.d.ts

@@ -1,48 +0,0 @@
-import { ReactElement } from 'react';
-type Props = {
-  /**
-  * The source code string to highlight.
-  */
-  readonly code: string;
-  /**
-  * Set of line numbers to visually emphasize.
-  */
-  readonly highlightLines?: ReadonlySet<number>;
-  /**
-  * Programming language for syntax highlighting.
-  * Falls back to plain text if the language is unknown.
-  */
-  readonly language?: string;
-  /**
-  * Whether to show line numbers in the gutter.
-  * @default false
-  */
-  readonly showLineNumbers?: boolean;
-  /**
-  * Starting line number (useful for code excerpts).
-  * @default 1
-  */
-  readonly startLine?: number;
-  /**
-  * Shiki theme name.
-  * @default "github-dark-default"
-  */
-  readonly theme?: string;
-};
-/**
-* Render source code with syntax highlighting.
-*
-* ```tsx
-* &lt;Code code="const x = 42;" language="typescript" />
-* &lt;Code code={source} language="python" showLineNumbers />
-* ```
-*/
-declare function Code({
-  code,
-  highlightLines,
-  language,
-  showLineNumbers,
-  startLine,
-  theme
-}: Props): ReactElement;
-export { Code, type Props as CodeProps, Props, Code as default };

package/dist/components/code.js

@@ -1,2 +0,0 @@
-import{jsx as m,jsxs as d}from"react/jsx-runtime";import{useState as w,useRef as S,useEffect as T}from"react";import{r as b,i as v,w as y,g as C,t as j}from"../packem_shared/token-to-elements-D6J6-P2A.js";import{Box as p}from"./box.js";import{Text as x}from"./text.js";function q({code:o,highlightLines:c,language:s,showLineNumbers:i=!1,startLine:a=1,theme:l="github-dark-default"}){const[f,u]=w(null),t=S(!1);T(()=>{t.current=!1;const e=s?b(s):"text";if(e!=="text"&&!v(e)){u(null);return}return(async()=>{try{const r=await y(e==="text"?[]:[e],l),n=C(r,o,e,l);t.current||u(n.tokens)}catch{t.current||u(null)}})(),()=>{t.current=!0}},[o,s,l]);const L={highlightLines:c,showLineNumbers:i,startLine:a};if(f)return j(f,L);const h=o.split(`
-`),k=i?String(a+h.length-1).length:0;return m(p,{flexDirection:"column",children:h.map((e,r)=>{const n=a+r,g=c?.has(n)??!1;return d(p,{children:[i?d(x,{color:g?"yellow":void 0,dimColor:!g,children:[String(n).padStart(k)," "]}):void 0,m(x,{children:e})]},r)})})}export{q as Code,q as default};

package/dist/components/collapsible.d.ts

@@ -1,53 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type Props = {
-  /**
-  * Accent color when the header is focused.
-  * @default "blue"
-  */
-  readonly accentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Auto-focus the collapsible on mount.
-  */
-  readonly autoFocus?: boolean;
-  /**
-  * Child content rendered when open.
-  */
-  readonly children: ReactNode;
-  /**
-  * Whether the section starts expanded.
-  * @default false
-  */
-  readonly defaultOpen?: boolean;
-  /**
-  * Disable interaction.
-  */
-  readonly isDisabled?: boolean;
-  /**
-  * Controlled open state.
-  */
-  readonly isOpen?: boolean;
-  /**
-  * Called when the user toggles the section.
-  */
-  readonly onToggle?: (isOpen: boolean) => void;
-  /**
-  * Header label.
-  */
-  readonly title: ReactNode;
-};
-/**
-* Focusable section that can be expanded or collapsed.
-*/
-declare function Collapsible({
-  accentColor,
-  autoFocus,
-  children,
-  defaultOpen,
-  isDisabled,
-  isOpen,
-  onToggle,
-  title
-}: Props): ReactElement;
-export { Collapsible, type Props as CollapsibleProps, Props, Collapsible as default };

package/dist/components/collapsible.js

@@ -1 +0,0 @@
-import{jsxs as a,jsx as l}from"react/jsx-runtime";import{useState as C,useCallback as g}from"react";import D from"../ink/hooks/use-focus.js";import F from"../ink/hooks/use-input.js";import{Box as t}from"./box.js";import{Text as d}from"./text.js";function L({accentColor:c="blue",autoFocus:m=!1,children:f,defaultOpen:u=!1,isDisabled:o=!1,isOpen:r,onToggle:s,title:p}){const{isFocused:e}=D({autoFocus:m,isActive:!o}),[x,b]=C(u),i=r??x;return F(g((h,v)=>{if(v.return||h===" "){const n=!i;r===void 0&&b(n),s?.(n)}},[i,r,s]),{isActive:!o&&e}),a(t,{flexDirection:"column",children:[a(t,{children:[l(d,{color:e?c:void 0,dimColor:o,children:i?"▼ ":"▶ "}),l(d,{bold:e,color:e?c:void 0,dimColor:o,children:p})]}),i?l(t,{flexDirection:"column",marginLeft:2,children:f}):void 0]})}export{L as Collapsible,L as default};

package/dist/components/command-block.d.ts

@@ -1,47 +0,0 @@
-import { ReactNode, ReactElement } from 'react';
-type CommandStatus = "error" | "idle" | "running" | "success";
-type Props = {
-  /**
-  * Shell command rendered in the header.
-  */
-  readonly command: string;
-  /**
-  * Optional working directory shown after the command name.
-  */
-  readonly cwd?: string;
-  /**
-  * Duration in ms; shown when finished.
-  */
-  readonly durationMs?: number;
-  /**
-  * Exit code of the completed command.
-  */
-  readonly exitCode?: number;
-  /**
-  * Max output rows rendered before truncation. Use `Infinity` to disable.
-  */
-  readonly maxOutputRows?: number;
-  /**
-  * Command output. Either a string (rendered as-is) or arbitrary children.
-  */
-  readonly output?: ReactNode;
-  /**
-  * Lifecycle state. Controls the header icon and color.
-  * @default "idle"
-  */
-  readonly status?: CommandStatus;
-};
-/**
-* Renders a shell command with its output and a status header. Designed for
-* coding-agent UIs that stream terminal operations.
-*/
-declare function CommandBlock({
-  command,
-  cwd,
-  durationMs,
-  exitCode,
-  maxOutputRows,
-  output,
-  status
-}: Props): ReactElement;
-export { CommandBlock, type Props as CommandBlockProps, CommandStatus, Props, CommandBlock as default };

package/dist/components/command-block.js

@@ -1,4 +0,0 @@
-import{jsxs as d,jsx as e}from"react/jsx-runtime";import{Box as l}from"./box.js";import{Spinner as p}from"./spinner.js";import{Text as n}from"./text.js";const f={error:"red",idle:"gray",running:"cyan",success:"green"},x=r=>r<1e3?`${Math.round(r)}ms`:`${(r/1e3).toFixed(2)}s`,g=r=>r==="running"?e(p,{type:"dots"}):{error:"✖",idle:"$",success:"✔"}[r],v=(r,i)=>{if(!Number.isFinite(i))return r;const o=r.split(`
-`);if(o.length<=i)return r;const t=o.slice(0,i).join(`
-`),s=o.length-i;return`${t}
-… ${s} more line${s===1?"":"s"}`};function b({command:r,cwd:i,durationMs:o,exitCode:t,maxOutputRows:s=12,output:c,status:m="idle"}){const h=f[m],a=g(m),u=[];return o!==void 0&&u.push(d(n,{dimColor:!0,children:[" ",x(o)]},"duration")),t!==void 0&&m!=="running"&&u.push(d(n,{color:t===0?"green":"red",children:[" ","exit"," ",t]},"exit")),d(l,{borderColor:h,borderStyle:"round",flexDirection:"column",paddingX:1,children:[d(l,{children:[e(n,{color:h,children:a}),e(n,{children:" "}),e(l,{flexGrow:1,flexShrink:1,minWidth:0,children:e(n,{bold:!0,wrap:"truncate-end",children:r})}),i===void 0?void 0:d(n,{dimColor:!0,children:[" ","@",i]}),u.length===0?void 0:e(l,{flexShrink:0,children:u})]}),c===void 0?void 0:e(l,{flexDirection:"column",marginTop:1,children:typeof c=="string"?e(n,{children:v(c,s)}):c})]})}export{b as CommandBlock,b as default};

package/dist/components/command-palette.d.ts

@@ -1,82 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type CommandEntry = {
-  /**
-  * Optional description rendered under the label.
-  */
-  readonly description?: string;
-  /**
-  * Optional hotkey rendered on the right.
-  */
-  readonly hotkey?: string;
-  /**
-  * Optional icon rendered before the label.
-  */
-  readonly icon?: ReactNode;
-  /**
-  * Stable identifier returned by `onSelect`.
-  */
-  readonly id: string;
-  /**
-  * Optional keywords to boost matching (not displayed).
-  */
-  readonly keywords?: ReadonlyArray<string>;
-  /**
-  * Label shown in the list (and used as the primary match target).
-  */
-  readonly label: string;
-};
-type Props = {
-  /**
-  * Accent color for the border and focused row.
-  * @default "cyan"
-  */
-  readonly accentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Auto-focus the palette on mount.
-  */
-  readonly autoFocus?: boolean;
-  /**
-  * Available commands to search.
-  */
-  readonly commands: ReadonlyArray<CommandEntry>;
-  /**
-  * Empty-state text when nothing matches.
-  * @default "No results"
-  */
-  readonly emptyText?: string;
-  /**
-  * Max rows rendered in the list.
-  * @default 8
-  */
-  readonly limit?: number;
-  /**
-  * Called when the user presses Escape.
-  */
-  readonly onCancel?: () => void;
-  /**
-  * Called when the user picks a command with Enter.
-  */
-  readonly onSelect: (id: string, query: string) => void;
-  /**
-  * Placeholder inside the search field.
-  * @default "Type a command or search..."
-  */
-  readonly placeholder?: string;
-};
-/**
-* Ctrl-P style fuzzy command finder. Features a search input, ranked results,
-* keyboard navigation, and Esc to cancel.
-*/
-declare function CommandPalette({
-  accentColor,
-  autoFocus,
-  commands,
-  emptyText,
-  limit,
-  onCancel,
-  onSelect,
-  placeholder
-}: Props): ReactElement;
-export { CommandEntry, CommandPalette, type Props as CommandPaletteProps, Props, CommandPalette as default };

package/dist/components/command-palette.js

@@ -1 +0,0 @@
-import{jsxs as a,jsx as n}from"react/jsx-runtime";import{useState as y,useRef as M,useMemo as T,useEffect as S,useCallback as F}from"react";import A from"../ink/hooks/use-focus.js";import D from"../ink/hooks/use-input.js";import{i as L}from"../packem_shared/input-utils-BSWCb4F_.js";import{Box as d}from"./box.js";import{Text as t}from"./text.js";const j=(m,f)=>{if(m.length===0)return 1;const p=[f.label,f.description??"",...f.keywords??[]].map(i=>i.toLowerCase()).filter(i=>i.length>0),h=m.toLowerCase();let s=0;for(const i of p){if(i.includes(h)){const u=i.indexOf(h);s=Math.max(s,100-u);continue}let x=0,g=0;for(const u of h){const c=i.indexOf(u,x);if(c===-1){g=0;break}g+=1,x=c+1}g===h.length&&(s=Math.max(s,20))}return s};function P({accentColor:m="cyan",autoFocus:f=!0,commands:p,emptyText:h="No results",limit:s=8,onCancel:i,onSelect:x,placeholder:g="Type a command or search..."}){const{isFocused:u}=A({autoFocus:f}),[c,v]=y(""),[w,C]=y(0),b=M(w);b.current=w;const l=T(()=>{const e=p.map(r=>({command:r,score:j(c,r)})).filter(({score:r})=>r>0);return e.sort((r,o)=>o.score-r.score),e.slice(0,s).map(({command:r})=>r)},[p,c,s]);return S(()=>{const e=Math.max(0,l.length-1);b.current>e&&(b.current=e,C(e))},[l]),D(F((e,r)=>{if(u){if(r.escape){i?.();return}if(r.downArrow){if(l.length===0)return;C(o=>Math.min(l.length-1,o+1));return}if(r.upArrow){C(o=>Math.max(0,o-1));return}if(r.return){const o=l[b.current];o&&x(o.id,c);return}if(r.backspace||r.delete){v(o=>o.slice(0,-1)),C(0);return}L(e,r)&&(v(o=>o+e),C(0))}},[u,l,c,x,i]),{isActive:u}),a(d,{borderColor:m,borderStyle:"round",flexDirection:"column",paddingX:1,children:[a(d,{children:[n(t,{color:m,children:"❯"}),a(t,{children:[" ",c.length===0?n(t,{dimColor:!0,children:g}):c]}),n(t,{inverse:!0,children:" "})]}),n(d,{marginTop:1,children:a(t,{dimColor:!0,children:[l.length," of ",p.length]})}),n(d,{flexDirection:"column",marginTop:1,children:l.length===0?n(t,{dimColor:!0,children:h}):l.map((e,r)=>{const o=r===w,k=o?m:void 0;return a(d,{flexDirection:"column",children:[a(d,{children:[n(t,{color:k,children:o?"▸ ":"  "}),e.icon===void 0?void 0:a(t,{color:k,children:[e.icon," "]}),n(d,{flexGrow:1,flexShrink:1,minWidth:0,children:n(t,{bold:o,color:k,wrap:"truncate-end",children:e.label})}),e.hotkey===void 0?void 0:n(d,{flexShrink:0,children:a(t,{dimColor:!0,children:[" ",e.hotkey]})})]}),e.description===void 0?void 0:n(d,{marginLeft:2,children:n(t,{dimColor:!0,wrap:"truncate-end",children:e.description})})]},e.id)})})]})}export{P as CommandPalette,P as default};

package/dist/components/confirm-dialog.d.ts

@@ -1,75 +0,0 @@
-import { ReactNode, ReactElement } from 'react';
-type ConfirmTone = "danger" | "info" | "warning";
-type Props = {
-  /**
-  * Auto-focus the dialog on mount. Set `false` if a parent already owns
-  * focus and routes input here.
-  * @default true
-  */
-  readonly autoFocus?: boolean;
-  /**
-  * Label for the cancel button.
-  * @default "Cancel"
-  */
-  readonly cancelLabel?: string;
-  /**
-  * Body content (rendered between title and buttons).
-  */
-  readonly children?: ReactNode;
-  /**
-  * Label for the confirm button.
-  * @default "Confirm"
-  */
-  readonly confirmLabel?: string;
-  /**
-  * Default button when opening the dialog.
-  * @default "confirm"
-  */
-  readonly defaultFocus?: "cancel" | "confirm";
-  /**
-  * Disable input.
-  */
-  readonly isDisabled?: boolean;
-  /**
-  * Fired when the user declines.
-  */
-  readonly onCancel: () => void;
-  /**
-  * Fired when the user confirms.
-  */
-  readonly onConfirm: () => void;
-  /**
-  * Heading rendered at the top of the dialog.
-  */
-  readonly title?: string;
-  /**
-  * Controls the border color.
-  * @default "info"
-  */
-  readonly tone?: ConfirmTone;
-  /**
-  * Dialog width.
-  */
-  readonly width?: number;
-};
-/**
-* Full-width modal-style confirm/cancel prompt. Unlike `ConfirmInput`, this
-* renders a visible two-button UI: ← / → to toggle focus, Enter to activate,
-* y/n as shortcuts, Esc to cancel.
-* @returns A bordered `ReactElement` with optional title, body, and two
-* buttons (cancel / confirm).
-*/
-declare function ConfirmDialog({
-  autoFocus,
-  cancelLabel,
-  children,
-  confirmLabel,
-  defaultFocus,
-  isDisabled,
-  onCancel,
-  onConfirm,
-  title,
-  tone,
-  width
-}: Props): ReactElement;
-export { ConfirmDialog, type Props as ConfirmDialogProps, ConfirmTone, Props, ConfirmDialog as default };

package/dist/components/confirm-dialog.js

@@ -1 +0,0 @@
-import{jsxs as b,jsx as o}from"react/jsx-runtime";import{useState as w,useCallback as y}from"react";import k from"../ink/hooks/use-focus.js";import A from"../ink/hooks/use-input.js";import{Box as n}from"./box.js";import{Text as f}from"./text.js";const D={danger:"red",info:"blue",warning:"yellow"},p=({color:l,isFocused:r,label:i})=>o(n,{backgroundColor:r?l:void 0,borderColor:r?l:void 0,borderStyle:"round",paddingX:1,children:o(f,{bold:r,color:r?"black":void 0,children:i})});function X({autoFocus:l=!0,cancelLabel:r="Cancel",children:i,confirmLabel:h="Confirm",defaultFocus:g="confirm",isDisabled:u=!1,onCancel:a,onConfirm:s,title:m,tone:v="info",width:C}){const[e,x]=w(g),c=D[v],{isFocused:F}=k({autoFocus:l,isActive:!u});return A(y((t,d)=>{if(d.leftArrow||d.rightArrow||t==="h"||t==="l"){x(e==="confirm"?"cancel":"confirm");return}if(d.return){e==="confirm"?s():a();return}if(d.escape||t==="n"){a();return}t==="y"&&s()},[e,s,a]),{isActive:!u&&F}),b(n,{borderColor:c,borderStyle:"round",flexDirection:"column",paddingX:1,paddingY:1,width:C,children:[m===void 0?void 0:o(n,{marginBottom:1,children:o(f,{bold:!0,color:c,children:m})}),i===void 0?void 0:o(n,{flexDirection:"column",marginBottom:1,children:typeof i=="string"?o(f,{children:i}):i}),b(n,{gap:2,justifyContent:"flex-end",children:[o(p,{color:c,isFocused:e==="cancel",label:r}),o(p,{color:c,isFocused:e==="confirm",label:h})]})]})}export{X as ConfirmDialog,X as default};

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

@@ -1,38 +0,0 @@
-import { ReactElement } from 'react';
-type Props = {
-  /**
-  * The default action when pressing Enter without typing Y or N.
-  * @default "confirm"
-  */
-  readonly defaultChoice?: "cancel" | "confirm";
-  /**
-  * Whether the input is disabled.
-  * @default false
-  */
-  readonly isDisabled?: boolean;
-  /**
-  * Called when the user cancels (presses N).
-  */
-  readonly onCancel: () => void;
-  /**
-  * Called when the user confirms (presses Y).
-  */
-  readonly onConfirm: () => void;
-  /**
-  * Whether pressing Enter submits the default choice.
-  * @default true
-  */
-  readonly submitOnEnter?: boolean;
-};
-/**
-* Renders a Y/N confirmation prompt. Shows "Y/n" when default is confirm,
-* or "y/N" when default is cancel.
-*/
-declare function ConfirmInput({
-  defaultChoice,
-  isDisabled,
-  onCancel,
-  onConfirm,
-  submitOnEnter
-}: Props): ReactElement;
-export { ConfirmInput, type Props as ConfirmInputProps, Props, ConfirmInput as default };

package/dist/components/confirm-input.js

@@ -1 +0,0 @@
-import{jsx as m,jsxs as a}from"react/jsx-runtime";import{useRef as u,useCallback as l}from"react";import p from"../ink/hooks/use-input.js";import{Box as C}from"./box.js";import{Text as d}from"./text.js";function w({defaultChoice:r="confirm",isDisabled:o=!1,onCancel:t,onConfirm:i,submitOnEnter:c=!0}){const e=u(i);e.current=i;const n=u(t);return n.current=t,p(l((s,f)=>{if(s.toLowerCase()==="y"){e.current();return}if(s.toLowerCase()==="n"){n.current();return}f.return&&c&&(r==="confirm"?e.current():n.current())},[c,r]),{isActive:!o}),m(C,{children:a(d,{dimColor:o,children:[r==="confirm"?"Y":"y","/",r==="cancel"?"N":"n"]})})}export{w as ConfirmInput,w as default};

package/dist/components/console-overlay.d.ts

@@ -1,54 +0,0 @@
-import { ReactElement } from 'react';
-import { ConsoleLevel } from "../ink/hooks/use-console-capture.js";
-type ConsoleOverlayDock = "bottom" | "top";
-type Props = {
-  /**
-  * Dock position within the parent container.
-  * @default "bottom"
-  */
-  readonly dock?: ConsoleOverlayDock;
-  /**
-  * Which console levels to capture.
-  * @default ["log", "info", "warn", "error", "debug"]
-  */
-  readonly filter?: ReadonlyArray<ConsoleLevel>;
-  /**
-  * Visible height in rows.
-  * @default 8
-  */
-  readonly height?: number;
-  /**
-  * Maximum entries to keep in the buffer.
-  * @default 200
-  */
-  readonly maxEntries?: number;
-  /**
-  * Show the log level label.
-  * @default true
-  */
-  readonly showLevel?: boolean;
-  /**
-  * Show timestamps on each entry.
-  * @default true
-  */
-  readonly showTimestamp?: boolean;
-};
-/**
-* A dockable console overlay that captures and displays console output.
-*
-* ```tsx
-* &lt;Box flexDirection="column" height="100%">
-*     &lt;Box flexGrow={1}>{mainContent}&lt;/Box>
-*     &lt;ConsoleOverlay dock="bottom" height={6} />
-* &lt;/Box>
-* ```
-*/
-declare function ConsoleOverlay({
-  dock,
-  filter,
-  height,
-  maxEntries,
-  showLevel,
-  showTimestamp
-}: Props): ReactElement;
-export { ConsoleOverlay, ConsoleOverlayDock, type Props as ConsoleOverlayProps, Props, ConsoleOverlay as default };

package/dist/components/console-overlay.js

@@ -1 +0,0 @@
-import{jsx as a,jsxs as d}from"react/jsx-runtime";import{useMemo as c}from"react";import g from"../ink/hooks/use-console-capture.js";import{Box as p}from"./box.js";import{Text as l}from"./text.js";const h={debug:"gray",error:"red",info:"blue",log:"white",warn:"yellow"},f={debug:"DBG",error:"ERR",info:"INF",log:"LOG",warn:"WRN"},b=t=>{const r=new Date(t),o=String(r.getHours()).padStart(2,"0"),i=String(r.getMinutes()).padStart(2,"0"),n=String(r.getSeconds()).padStart(2,"0");return`${o}:${i}:${n}`};function y({dock:t="bottom",filter:r,height:o=8,maxEntries:i=200,showLevel:n=!0,showTimestamp:u=!0}){const{entries:m}=g({filter:r,maxEntries:i}),s=c(()=>m.slice(-o),[m,o]);return a(p,{borderBottom:t==="top",borderBottomColor:"gray",borderTop:t==="bottom",borderTopColor:"gray",flexDirection:"column",height:o+1,children:s.length===0?a(l,{dimColor:!0,children:"Console output will appear here..."}):s.map(e=>d(p,{children:[u?d(l,{dimColor:!0,children:["[",b(e.timestamp),"]"," "]}):void 0,n?d(l,{color:h[e.level],children:[f[e.level]," "]}):void 0,a(l,{color:e.level==="error"?"red":e.level==="warn"?"yellow":void 0,children:e.message})]},e.id))})}export{y as ConsoleOverlay,y as default};

package/dist/components/content-switcher.d.ts

@@ -1,57 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type ContentSwitcherOption = {
-  readonly content: ReactNode;
-  readonly icon?: ReactNode;
-  readonly id: string;
-  readonly label: string;
-};
-type Props = {
-  /**
-  * Accent color for the selected segment.
-  * @default "blue"
-  */
-  readonly accentColor?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Auto-focus the switcher on mount.
-  */
-  readonly autoFocus?: boolean;
-  /**
-  * Initial selected id (uncontrolled).
-  */
-  readonly defaultValue?: string;
-  /**
-  * Disable input.
-  */
-  readonly isDisabled?: boolean;
-  /**
-  * Called when the selection changes.
-  */
-  readonly onChange?: (id: string) => void;
-  /**
-  * Segments to toggle between.
-  */
-  readonly options: ReadonlyArray<ContentSwitcherOption>;
-  /**
-  * Controlled selected id.
-  */
-  readonly value?: string;
-};
-/**
-* Segmented control that flips between mutually exclusive content. More
-* compact than `Tabs`: the selected segment is highlighted as a pill, and
-* only the active segment's content is rendered.
-* @returns A `ReactElement` with a segmented header row and the active
-* panel's content beneath it.
-*/
-declare function ContentSwitcher({
-  accentColor,
-  autoFocus,
-  defaultValue,
-  isDisabled,
-  onChange,
-  options,
-  value
-}: Props): ReactElement;
-export { ContentSwitcher, ContentSwitcherOption, type Props as ContentSwitcherProps, Props, ContentSwitcher as default };

package/dist/components/content-switcher.js

@@ -1 +0,0 @@
-import{jsxs as u,jsx as v,Fragment as k}from"react/jsx-runtime";import{useState as w,useMemo as F,useCallback as p}from"react";import M from"../ink/hooks/use-focus.js";import D from"../ink/hooks/use-input.js";import{Box as m}from"./box.js";import{Text as j}from"./text.js";function $({accentColor:x="blue",autoFocus:g=!1,defaultValue:b,isDisabled:l=!1,onChange:f,options:r,value:t}){const{isFocused:a}=M({autoFocus:g,isActive:!l}),C=b??r[0]?.id,[c,A]=w(C),d=t??c,n=F(()=>{if(d===void 0)return 0;const o=r.findIndex(i=>i.id===d);return Math.max(o,0)},[r,d]),s=p(o=>{const i=r[o];if(!i)return;const e=t??c;i.id!==e&&(t===void 0&&A(i.id),f?.(i.id))},[r,t,c,f]);D(p((o,i)=>{a&&(i.leftArrow||o==="h"?s(Math.max(0,n-1)):(i.rightArrow||o==="l")&&s(Math.min(r.length-1,n+1)))},[a,n,r.length,s]),{isActive:!l&&a});const h=r[n];return u(m,{flexDirection:"column",children:[v(m,{children:r.map((o,i)=>{const e=i===n;return u(j,{backgroundColor:e?x:void 0,color:e?"black":void 0,dimColor:l&&!e,children:[" ",o.icon===void 0?void 0:u(k,{children:[o.icon," "]}),o.label," "]},o.id)})}),h===void 0?void 0:v(m,{flexDirection:"column",marginTop:1,children:h.content})]})}export{$ as ContentSwitcher,$ as default};

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

@@ -1,61 +0,0 @@
-import React, { ReactNode, Ref } 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 ControlledScrollViewProps extends Props {
-  children?: ReactNode;
-  debug?: boolean;
-  onContentHeightChange?: (height: number, previousHeight: number) => void;
-  onItemHeightChange?: (index: number, height: number, previousHeight: number) => void;
-  onViewportSizeChange?: (size: {
-    height: number;
-    width: number;
-  }, previousSize: {
-    height: number;
-    width: number;
-  }) => void;
-  /**
-  * Number of extra items to render above/below the viewport when virtualized.
-  * @default 3
-  */
-  overscan?: number;
-  scrollOffset: number;
-  /**
-  * Only render items visible in the viewport plus overscan.
-  * Items must be measured first (first render always renders all items).
-  * @default false
-  */
-  virtualize?: boolean;
-}
-interface ControlledScrollViewRef {
-  getBottomOffset: () => number;
-  getContentHeight: () => number;
-  getItemHeight: (index: number) => number;
-  getItemPosition: (index: number) => {
-    height: number;
-    top: number;
-  } | null;
-  getViewportHeight: () => number;
-  remeasure: () => void;
-  remeasureItem: (index: number) => void;
-}
-declare const ControlledScrollView: ({
-  children,
-  debug,
-  onContentHeightChange,
-  onItemHeightChange,
-  onViewportSizeChange,
-  overscan,
-  ref,
-  scrollOffset,
-  virtualize,
-  ...boxProps
-}: ControlledScrollViewProps & {
-  ref?: Ref<ControlledScrollViewRef>;
-}) => React.JSX.Element;
-export { ControlledScrollView, type ControlledScrollViewProps, type ControlledScrollViewRef };

package/dist/components/controlled-scroll-view.js

@@ -1 +0,0 @@
-import{C as r}from"../packem_shared/controlled-scroll-view-BVg7ywNW.js";export{r as ControlledScrollView};