@visulima/tui-kit 1.0.0 → 1.0.2

package/dist/token-usage.d.ts

@@ -4,47 +4,40 @@ import { LiteralUnion } from 'type-fest';
 type Color = LiteralUnion<AnsiColors, string>;
 type Props = {
   /**
-  * Width of the input/output ratio bar in cells.
-  * @default 20
-  */
+   * Width of the input/output ratio bar in cells.
+   * @default 20
+   */
   readonly barWidth?: number;
   /**
-  * Optional context-window size. When set, a `used / limit (pct%)` summary
-  * and a fill bar are shown instead of the input/output split.
-  */
+   * Optional context-window size. When set, a `used / limit (pct%)` summary
+   * and a fill bar are shown instead of the input/output split.
+   */
   readonly contextLimit?: number;
   /**
-  * Number of input (prompt) tokens.
-  * @default 0
-  */
+   * Number of input (prompt) tokens.
+   * @default 0
+   */
   readonly input?: number;
   /**
-  * Color for the input segment.
-  * @default "cyan"
-  */
+   * Color for the input segment.
+   * @default "cyan"
+   */
   readonly inputColor?: Color;
   /**
-  * Number of output (completion) tokens.
-  * @default 0
-  */
+   * Number of output (completion) tokens.
+   * @default 0
+   */
   readonly output?: number;
   /**
-  * Color for the output segment.
-  * @default "magenta"
-  */
+   * Color for the output segment.
+   * @default "magenta"
+   */
   readonly outputColor?: Color;
 };
 /**
-* A compact token-usage readout. By default it shows input vs output counts
-* with a proportional two-color bar; when `contextLimit` is set, it instead
-* shows how much of the context window is used.
-*/
-declare function TokenUsage({
-  barWidth,
-  contextLimit,
-  input,
-  inputColor,
-  output,
-  outputColor
-}: Props): ReactElement;
+ * A compact token-usage readout. By default it shows input vs output counts
+ * with a proportional two-color bar; when `contextLimit` is set, it instead
+ * shows how much of the context window is used.
+ */
+declare function TokenUsage({ barWidth, contextLimit, input, inputColor, output, outputColor }: Props): ReactElement;
 export { Props, TokenUsage, type Props as TokenUsageProps, TokenUsage as default };

package/dist/tool-call.d.ts

@@ -2,32 +2,27 @@ import { ReactNode, ReactElement } from 'react';
 type ToolCallStatus = "error" | "pending" | "running" | "success";
 type Props = {
   /**
-  * The tool arguments. Objects are shown as compact `key=value` pairs;
-  * strings are shown verbatim.
-  */
+   * The tool arguments. Objects are shown as compact `key=value` pairs;
+   * strings are shown verbatim.
+   */
   readonly args?: Record<string, unknown> | string;
   /**
-  * Rendered output/result of the call, shown indented beneath the header.
-  */
+   * Rendered output/result of the call, shown indented beneath the header.
+   */
   readonly children?: ReactNode;
   /**
-  * The tool name.
-  */
+   * The tool name.
+   */
   readonly name: string;
   /**
-  * Call status, driving the icon and color.
-  * @default "pending"
-  */
+   * Call status, driving the icon and color.
+   * @default "pending"
+   */
   readonly status?: ToolCallStatus;
 };
 /**
-* A single tool invocation: a status icon, the tool name, its arguments as
-* compact `key=value` pairs, and any result rendered as indented children.
-*/
-declare function ToolCall({
-  args,
-  children,
-  name,
-  status
-}: Props): ReactElement;
+ * A single tool invocation: a status icon, the tool name, its arguments as
+ * compact `key=value` pairs, and any result rendered as indented children.
+ */
+declare function ToolCall({ args, children, name, status }: Props): ReactElement;
 export { Props, ToolCall, type Props as ToolCallProps, ToolCallStatus, ToolCall as default };

package/dist/tooltip.d.ts

@@ -4,40 +4,34 @@ import { LiteralUnion } from 'type-fest';
 type TooltipPlacement = "bottom" | "left" | "right" | "top";
 type Props = {
   /**
-  * The element the tooltip is attached to.
-  */
+   * The element the tooltip is attached to.
+   */
   readonly children: ReactNode;
   /**
-  * Border color.
-  * @default "gray"
-  */
+   * Border color.
+   * @default "gray"
+   */
   readonly color?: LiteralUnion<AnsiColors, string>;
   /**
-  * Tooltip body content.
-  */
+   * Tooltip body content.
+   */
   readonly content: ReactNode;
   /**
-  * Controls whether the tooltip is rendered.
-  * @default true
-  */
+   * Controls whether the tooltip is rendered.
+   * @default true
+   */
   readonly isVisible?: boolean;
   /**
-  * Relative position. Terminal rendering does not support floating layers,
-  * so the tooltip is placed inline next to (or above / below) the anchor.
-  * @default "right"
-  */
+   * Relative position. Terminal rendering does not support floating layers,
+   * so the tooltip is placed inline next to (or above / below) the anchor.
+   * @default "right"
+   */
   readonly placement?: TooltipPlacement;
 };
 /**
-* Renders supplementary text next to an anchor. Because terminals don't have
-* a floating-layer concept, the tooltip lives inline in the layout. Hide it
-* by toggling `isVisible`.
-*/
-declare function Tooltip({
-  children,
-  color,
-  content,
-  isVisible,
-  placement
-}: Props): ReactElement;
+ * Renders supplementary text next to an anchor. Because terminals don't have
+ * a floating-layer concept, the tooltip lives inline in the layout. Hide it
+ * by toggling `isVisible`.
+ */
+declare function Tooltip({ children, color, content, isVisible, placement }: Props): ReactElement;
 export { Props, Tooltip, TooltipPlacement, type Props as TooltipProps, Tooltip as default };

package/dist/transition.d.ts

@@ -3,72 +3,64 @@ type TransitionPreset = "fade" | "reveal" | "slide-down" | "slide-left" | "slide
 type TransitionPhase = "entered" | "entering" | "exited" | "exiting";
 type Props = {
   /**
-  * Content to animate.
-  */
+   * Content to animate.
+   */
   readonly children: ReactNode;
   /**
-  * For slide presets, how many characters of offset to animate across.
-  * For the `reveal` preset, the maximum row count to scale through.
-  * @default 4
-  */
+   * For slide presets, how many characters of offset to animate across.
+   * For the `reveal` preset, the maximum row count to scale through.
+   * @default 4
+   */
   readonly distance?: number;
   /**
-  * Duration of both enter and exit transitions, in milliseconds.
-  * @default 240
-  */
+   * Duration of both enter and exit transitions, in milliseconds.
+   * @default 240
+   */
   readonly duration?: number;
   /**
-  * Called once the exit animation finishes (i.e. the component has fully
-  * transitioned out). AnimatePresence uses this to unmount the wrapper.
-  */
+   * Called once the exit animation finishes (i.e. the component has fully
+   * transitioned out). AnimatePresence uses this to unmount the wrapper.
+   */
   readonly onExit?: () => void;
   /**
-  * Animation preset controlling how the content appears/disappears.
-  * @default "fade"
-  */
+   * Animation preset controlling how the content appears/disappears.
+   * @default "fade"
+   */
   readonly preset?: TransitionPreset;
   /**
-  * Controls the target phase. `true` drives towards `entered`, `false`
-  * drives towards `exited`. Flip the value to trigger animation.
-  * @default true
-  */
+   * Controls the target phase. `true` drives towards `entered`, `false`
+   * drives towards `exited`. Flip the value to trigger animation.
+   * @default true
+   */
   readonly show?: boolean;
   /**
-  * Tick interval in milliseconds. Lower values yield smoother animation
-  * at the cost of CPU.
-  * @default 30
-  */
+   * Tick interval in milliseconds. Lower values yield smoother animation
+   * at the cost of CPU.
+   * @default 30
+   */
   readonly tickInterval?: number;
 };
 type TransitionComponent = ((props: Props) => ReactElement | null) & {
   isAnimatable: true;
 };
 /**
-* Animate a child's entry and exit using a TUI-friendly preset. Drive via
-* `show`; the component toggles between enter and exit, fires `onExit` once
-* the exit animation completes.
-*
-* **Fade preset note:** `dimColor` is only applied when the child is a plain
-* string. Non-string children (Box trees, other components) pass through
-* untouched during the transition — wrap them in `<Text>` if you need the
-* fade effect.
-* @returns A `ReactElement` rendering the transitioning child, or `null`
-* once a hidden transition has fully completed.
-*/
-declare function Transition({
-  children,
-  distance,
-  duration,
-  onExit,
-  preset,
-  show,
-  tickInterval
-}: Props): ReactElement | null;
+ * Animate a child's entry and exit using a TUI-friendly preset. Drive via
+ * `show`; the component toggles between enter and exit, fires `onExit` once
+ * the exit animation completes.
+ *
+ * **Fade preset note:** `dimColor` is only applied when the child is a plain
+ * string. Non-string children (Box trees, other components) pass through
+ * untouched during the transition — wrap them in `<Text>` if you need the
+ * fade effect.
+ * @returns A `ReactElement` rendering the transitioning child, or `null`
+ * once a hidden transition has fully completed.
+ */
+declare function Transition({ children, distance, duration, onExit, preset, show, tickInterval }: Props): ReactElement | null;
 /**
-* Static marker used by `AnimatePresence` to recognize Transition children
-* even when the consumer hasn't explicitly passed a `show` prop. Consumers
-* can apply the same marker to their own wrappers (`MyWrapper.isAnimatable
-* = true`) to opt them into animation orchestration.
-*/
+ * Static marker used by `AnimatePresence` to recognize Transition children
+ * even when the consumer hasn't explicitly passed a `show` prop. Consumers
+ * can apply the same marker to their own wrappers (`MyWrapper.isAnimatable
+ * = true`) to opt them into animation orchestration.
+ */
 declare const TransitionWithMarker: TransitionComponent;
 export { Props, Transition, TransitionPhase, TransitionPreset, type Props as TransitionProps, TransitionWithMarker as default };

package/dist/tree-select.d.ts

@@ -8,58 +8,48 @@ type TreeSelectNode = {
 };
 type Props = {
   /**
-  * Accent color for the focused row and selection marks.
-  * @default "blue"
-  */
+   * Accent color for the focused row and selection marks.
+   * @default "blue"
+   */
   readonly accentColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Auto-focus on mount.
-  */
+   * Auto-focus on mount.
+   */
   readonly autoFocus?: boolean;
   /**
-  * Selected values when uncontrolled.
-  */
+   * Selected values when uncontrolled.
+   */
   readonly defaultValue?: ReadonlyArray<string>;
   /**
-  * Disable input and dim the tree.
-  */
+   * Disable input and dim the tree.
+   */
   readonly isDisabled?: boolean;
   /**
-  * The tree to render.
-  */
+   * The tree to render.
+   */
   readonly nodes: ReadonlyArray<TreeSelectNode>;
   /**
-  * Fires whenever the selection changes.
-  */
+   * Fires whenever the selection changes.
+   */
   readonly onChange?: (values: ReadonlyArray<string>) => void;
   /**
-  * Fires on Enter with the current selection.
-  */
+   * Fires on Enter with the current selection.
+   */
   readonly onSubmit?: (values: ReadonlyArray<string>) => void;
   /**
-  * `single` replaces the selection; `multiple` toggles values.
-  * @default "single"
-  */
+   * `single` replaces the selection; `multiple` toggles values.
+   * @default "single"
+   */
   readonly selectionMode?: "multiple" | "single";
   /**
-  * Controlled selection. When provided, `defaultValue` is ignored.
-  */
+   * Controlled selection. When provided, `defaultValue` is ignored.
+   */
   readonly value?: ReadonlyArray<string>;
 };
 /**
-* A keyboard-navigable tree with selectable leaves. ↑/↓ move the cursor, →/←
-* expand/collapse a branch (or Space on a branch), Space selects a leaf, and
-* Enter submits. Supports single or multiple selection.
-*/
-declare function TreeSelect({
-  accentColor,
-  autoFocus,
-  defaultValue,
-  isDisabled,
-  nodes,
-  onChange,
-  onSubmit,
-  selectionMode,
-  value: controlledValue
-}: Props): ReactElement;
+ * A keyboard-navigable tree with selectable leaves. ↑/↓ move the cursor, →/←
+ * expand/collapse a branch (or Space on a branch), Space selects a leaf, and
+ * Enter submits. Supports single or multiple selection.
+ */
+declare function TreeSelect({ accentColor, autoFocus, defaultValue, isDisabled, nodes, onChange, onSubmit, selectionMode, value: controlledValue }: Props): ReactElement;
 export { Props, TreeSelect, TreeSelectNode, type Props as TreeSelectProps, TreeSelect as default };

package/dist/tree-view-entry.d.ts

@@ -1,4 +1,4 @@
-export { type A as AsyncChildrenFunction, type F as FlatNode, type S as SelectionMode, type T as TreeNode, a as TreeNodeMap, type b as TreeNodeRendererProps, type c as TreeNodeState, d as TreeView, type P as TreeViewProps, type e as TreeViewState, type f as TreeViewTheme, type U as UseTreeViewProps, type g as UseTreeViewStateProps, t as treeViewTheme, u as useTreeView, h as useTreeViewState } from "./packem_shared/use-tree-view.d-dXTKoDPM.js";
+export { type A as AsyncChildrenFunction, type F as FlatNode, type S as SelectionMode, type T as TreeNode, a as TreeNodeMap, type b as TreeNodeRendererProps, type c as TreeNodeState, d as TreeView, type P as TreeViewProps, type e as TreeViewState, type f as TreeViewTheme, type U as UseTreeViewProps, type g as UseTreeViewStateProps, t as treeViewTheme, u as useTreeView, h as useTreeViewState } from "./packem_shared/use-tree-view.d-DeMQ6G2r.js";
 import '@visulima/tui/components/box';
 import '@visulima/tui/components/text';
 import 'react';

package/dist/unordered-list.d.ts

@@ -1,30 +1,27 @@
 import { ReactNode, ReactElement } from 'react';
 type UnorderedListEntry = {
   /**
-  * Content of the list entry. Can be a string or nested list.
-  */
+   * Content of the list entry. Can be a string or nested list.
+   */
   readonly children?: ReadonlyArray<UnorderedListEntry>;
   /**
-  * Display text for this item.
-  */
+   * Display text for this item.
+   */
   readonly label: ReactNode;
 };
 type Props = {
   /**
-  * Entries to render as a bullet list.
-  */
+   * Entries to render as a bullet list.
+   */
   readonly items: ReadonlyArray<UnorderedListEntry>;
   /**
-  * Custom bullet symbol(s). A string uses the same symbol at all depths.
-  * An array cycles through symbols by nesting depth.
-  */
+   * Custom bullet symbol(s). A string uses the same symbol at all depths.
+   * An array cycles through symbols by nesting depth.
+   */
   readonly marker?: ReadonlyArray<string> | string;
 };
 /**
-* Renders a bullet list with nesting support.
-*/
-declare function UnorderedList({
-  items,
-  marker
-}: Props): ReactElement;
+ * Renders a bullet list with nesting support.
+ */
+declare function UnorderedList({ items, marker }: Props): ReactElement;
 export { Props, UnorderedList, UnorderedListEntry, type Props as UnorderedListProps, UnorderedList as default };

package/dist/use-linked-scroll.d.ts

@@ -1,42 +1,42 @@
 import { RefObject } from 'react';
-import { b as ScrollViewRef } from "./packem_shared/scroll-view.d-BqKpI-F-.js";
+import { b as ScrollViewRef } from "./packem_shared/scroll-view.d-GZcgAHl4.js";
 import '@visulima/tui/components/box';
 type UseLinkedScrollReturn = {
   /**
-  * Callback to pass to ScrollView's `onScroll` prop.
-  * Broadcasts the scroll position to all linked instances.
-  */
+   * Callback to pass to ScrollView's `onScroll` prop.
+   * Broadcasts the scroll position to all linked instances.
+   */
   onScroll: (scrollOffset: number) => void;
   /**
-  * Ref to attach to the ScrollView component.
-  * Used internally to call `scrollTo()` when other instances scroll.
-  */
+   * Ref to attach to the ScrollView component.
+   * Used internally to call `scrollTo()` when other instances scroll.
+   */
   ref: RefObject<ScrollViewRef | null>;
 };
 type LinkedScrollGroup = {
   /**
-  * Hook that returns a ref and onScroll callback for linking a ScrollView
-  * to this group. Call once per ScrollView instance.
-  */
+   * Hook that returns a ref and onScroll callback for linking a ScrollView
+   * to this group. Call once per ScrollView instance.
+   */
   useLinkedScroll: () => UseLinkedScrollReturn;
 };
 /**
-* Creates a linked scroll group that synchronizes scroll position
-* across multiple ScrollView instances.
-* @example
-* ```tsx
-* const group = createLinkedScrollGroup();
-*
-* const PanelA = () => {
-*     const { ref, onScroll } = group.useLinkedScroll();
-*     return <ScrollView ref={ref} onScroll={onScroll}>...</ScrollView>;
-* };
-*
-* const PanelB = () => {
-*     const { ref, onScroll } = group.useLinkedScroll();
-*     return <ScrollView ref={ref} onScroll={onScroll}>...</ScrollView>;
-* };
-* ```
-*/
+ * Creates a linked scroll group that synchronizes scroll position
+ * across multiple ScrollView instances.
+ * @example
+ * ```tsx
+ * const group = createLinkedScrollGroup();
+ *
+ * const PanelA = () => {
+ *     const { ref, onScroll } = group.useLinkedScroll();
+ *     return <ScrollView ref={ref} onScroll={onScroll}>...</ScrollView>;
+ * };
+ *
+ * const PanelB = () => {
+ *     const { ref, onScroll } = group.useLinkedScroll();
+ *     return <ScrollView ref={ref} onScroll={onScroll}>...</ScrollView>;
+ * };
+ * ```
+ */
 declare const createLinkedScrollGroup: () => LinkedScrollGroup;
 export { LinkedScrollGroup, UseLinkedScrollReturn, createLinkedScrollGroup, createLinkedScrollGroup as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visulima/tui-kit",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Component library for @visulima/tui — installable as a package, or copy-pasteable via the shadcn CLI registry",
   "keywords": [
     "cli",
@@ -503,16 +503,16 @@
     "LICENSE.md"
   ],
   "dependencies": {
-    "@visulima/ansi": "4.0.0",
-    "@visulima/colorize": "2.0.1",
-    "@visulima/spinner": "1.0.0",
+    "@visulima/ansi": "4.1.0",
+    "@visulima/colorize": "2.1.0",
+    "@visulima/spinner": "1.0.1",
     "type-fest": "5.7.0"
   },
   "peerDependencies": {
     "@shikijs/langs": "^4.3.0",
     "@shikijs/themes": "^4.3.0",
-    "@visulima/tabular": "4.0.0",
-    "@visulima/tui": "2.0.0",
+    "@visulima/tabular": "4.1.0",
+    "@visulima/tui": "3.0.0",
     "cfonts": "^3.3.1",
     "diff": "^9.0.0",
     "marked": "^18.0.5",

package/dist/packem_shared/file-picker.d-Cie6aAMD.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 { FileEntry as F, Props as P, FilePicker as a, FilePickerFilter as b };