@visulima/tui 2.0.0 → 2.0.1

package/dist/ink/canvas/index.d.ts

@@ -1,14 +1,14 @@
-import { C as CanvasContext, b as CellStyle } from "../../packem_shared/buffer.d-j_dP5JyC.js";
-export { type c as CanvasBuffer, type a as CanvasColor, d as createCanvasBuffer, s as serializeRow } from "../../packem_shared/buffer.d-j_dP5JyC.js";
+import { C as CanvasContext, b as CellStyle } from "../../packem_shared/buffer.d-CttIC480.js";
+export { type c as CanvasBuffer, type a as CanvasColor, d as createCanvasBuffer, s as serializeRow } from "../../packem_shared/buffer.d-CttIC480.js";
 type BrailleGrid = {
   readonly cellHeight: number;
   readonly cellWidth: number;
   readonly clear: () => void;
   /**
-  * Flush the accumulated pixels into the canvas, one braille character per
-  * dirtied cell. Pass a color via `style` to apply it uniformly (mixing
-  * colors across overlapping series requires a separate grid per series).
-  */
+   * Flush the accumulated pixels into the canvas, one braille character per
+   * dirtied cell. Pass a color via `style` to apply it uniformly (mixing
+   * colors across overlapping series requires a separate grid per series).
+   */
   readonly flush: (context: CanvasContext, style?: CellStyle) => void;
   readonly pixelHeight: number;
   readonly pixelWidth: number;
@@ -16,9 +16,9 @@ type BrailleGrid = {
   readonly plotPoint: (x: number, y: number) => void;
 };
 /**
-* Accumulator for braille-rendered charts. Tracks which sub-pixels are lit
-* and emits a braille character per dirtied cell on `flush`. Designed to be
-* allocated per chart render and thrown away.
-*/
+ * Accumulator for braille-rendered charts. Tracks which sub-pixels are lit
+ * and emits a braille character per dirtied cell on `flush`. Designed to be
+ * allocated per chart render and thrown away.
+ */
 declare const createBrailleGrid: (cellWidth: number, cellHeight: number) => BrailleGrid;
 export { type BrailleGrid, type CanvasContext, type CellStyle, createBrailleGrid };

package/dist/ink/hooks/use-animation.d.ts

@@ -1,41 +1,41 @@
 type Options = {
   /**
-  * Time between ticks in milliseconds.
-  * @default 100
-  */
+   * Time between ticks in milliseconds.
+   * @default 100
+   */
   readonly interval?: number;
   /**
-  * Whether the animation is running. When set to `false`, the animation stops.
-  * When toggled back to `true`, all values reset to `0`.
-  * @default true
-  */
+   * Whether the animation is running. When set to `false`, the animation stops.
+   * When toggled back to `true`, all values reset to `0`.
+   * @default true
+   */
   readonly isActive?: boolean;
 };
 type AnimationResult = {
   /**
-  * Time in milliseconds since the previous rendered tick. Accounts for throttled renders.
-  * Useful for physics-based or velocity-driven motion: `position += speed * delta`.
-  */
+   * Time in milliseconds since the previous rendered tick. Accounts for throttled renders.
+   * Useful for physics-based or velocity-driven motion: `position += speed * delta`.
+   */
   readonly delta: number;
   /**
-  * Discrete counter that increments by 1 each interval.
-  * Useful for indexed sequences like spinner frames.
-  */
+   * Discrete counter that increments by 1 each interval.
+   * Useful for indexed sequences like spinner frames.
+   */
   readonly frame: number;
   /**
-  * Resets `frame`, `time`, and `delta` to `0` and restarts timing from the current moment.
-  * Useful for one-shot animations triggered by events.
-  */
+   * Resets `frame`, `time`, and `delta` to `0` and restarts timing from the current moment.
+   * Useful for one-shot animations triggered by events.
+   */
   readonly reset: () => void;
   /**
-  * Total elapsed time in milliseconds since the animation started or was last reset.
-  * Useful for continuous math-based animations like sine waves: `Math.sin(time / 1000 * Math.PI * 2)`.
-  */
+   * Total elapsed time in milliseconds since the animation started or was last reset.
+   * Useful for continuous math-based animations like sine waves: `Math.sin(time / 1000 * Math.PI * 2)`.
+   */
   readonly time: number;
 };
 /**
-* A React hook that drives animations. Returns a frame counter, elapsed time, frame delta, and a reset function.
-* All animations share a single timer internally, so multiple animated components consolidate into one render cycle.
-*/
+ * A React hook that drives animations. Returns a frame counter, elapsed time, frame delta, and a reset function.
+ * All animations share a single timer internally, so multiple animated components consolidate into one render cycle.
+ */
 declare function useAnimation(options?: Options): AnimationResult;
 export { AnimationResult, useAnimation as default, useAnimation };

package/dist/ink/hooks/use-app.d.ts

@@ -1,7 +1,7 @@
-import { P as Props } from "../../packem_shared/app-context.d-CG88lgkg.js";
+import { P as Props } from "../../packem_shared/app-context.d-DMLw5Nxy.js";
 import 'react';
 /**
-* A React hook that returns app lifecycle methods like `exit()` and `waitUntilRenderFlush()`.
-*/
+ * A React hook that returns app lifecycle methods like `exit()` and `waitUntilRenderFlush()`.
+ */
 declare const useApp: () => Props;
 export { type Props as AppProps, useApp as default, useApp };

package/dist/ink/hooks/use-box-metrics.d.ts

@@ -1,37 +1,37 @@
 import { RefObject } from 'react';
-import { D as DOMElement } from "../../packem_shared/dom.d-g-nsYquD.js";
+import { D as DOMElement } from "../../packem_shared/dom.d-CLGlidfI.js";
 import 'yoga-layout';
 import "../public/cursor.js";
 import '@visulima/colorize';
-import "../../packem_shared/styles.d-D7iZuNC-.js";
+import "../../packem_shared/styles.d-CKGQFfm4.js";
 import 'type-fest';
 /**
-* Metrics of a box element.
-*
-* All positions are relative to the element's parent.
-*/
+ * Metrics of a box element.
+ *
+ * All positions are relative to the element's parent.
+ */
 type BoxMetrics = {
   /**
-  * Element height.
-  */
+   * Element height.
+   */
   readonly height: number;
   /**
-  * Distance from the left edge of the parent.
-  */
+   * Distance from the left edge of the parent.
+   */
   readonly left: number;
   /**
-  * Distance from the top edge of the parent.
-  */
+   * Distance from the top edge of the parent.
+   */
   readonly top: number;
   /**
-  * Element width.
-  */
+   * Element width.
+   */
   readonly width: number;
 };
 type UseBoxMetricsResult = BoxMetrics & {
   /**
-  * Whether the currently tracked element has been measured in the latest layout pass.
-  */
+   * Whether the currently tracked element has been measured in the latest layout pass.
+   */
   readonly hasMeasured: boolean;
 };
 /**

package/dist/ink/hooks/use-clipboard.d.ts

@@ -1,30 +1,30 @@
-import { C as ClipboardTarget } from "../../packem_shared/clipboard.d-D6lZTQ21.js";
+import { C as ClipboardTarget } from "../../packem_shared/clipboard.d-nDPQkZ2H.js";
 import 'node:stream';
 type UseClipboardOptions = {
   /**
-  * The clipboard target to write to.
-  * @default "c"
-  */
+   * The clipboard target to write to.
+   * @default "c"
+   */
   readonly target?: ClipboardTarget;
 };
 type UseClipboardResult = {
   /**
-  * Copy text to the system clipboard.
-  * No-op if the terminal does not support OSC 52.
-  */
+   * Copy text to the system clipboard.
+   * No-op if the terminal does not support OSC 52.
+   */
   readonly copy: (text: string) => void;
   /**
-  * Whether the current terminal supports OSC 52 clipboard operations.
-  */
+   * Whether the current terminal supports OSC 52 clipboard operations.
+   */
   readonly isSupported: boolean;
 };
 /**
-* Hook that provides clipboard write access via OSC 52.
-*
-* ```tsx
-* const { copy, isSupported } = useClipboard();
-* copy("Hello, clipboard!");
-* ```
-*/
+ * Hook that provides clipboard write access via OSC 52.
+ *
+ * ```tsx
+ * const { copy, isSupported } = useClipboard();
+ * copy("Hello, clipboard!");
+ * ```
+ */
 declare const useClipboard: (options?: UseClipboardOptions) => UseClipboardResult;
 export { UseClipboardOptions, UseClipboardResult, useClipboard as default, useClipboard };

package/dist/ink/hooks/use-color-blindness.d.ts

@@ -1,16 +1,16 @@
-import { C as ColorBlindnessType, a as ColorMatrix } from "../../packem_shared/color-matrix.d-DSXLsB64.js";
+import { C as ColorBlindnessType, a as ColorMatrix } from "../../packem_shared/color-matrix.d-sTqnJ23h.js";
 type UseColorBlindnessOptions = {
   /**
-  * Use compensation mode (shift colors to distinguishable range)
-  * instead of simulation mode (show how colors appear to affected users).
-  * Not available for achromatopsia.
-  * @default false
-  */
+   * Use compensation mode (shift colors to distinguishable range)
+   * instead of simulation mode (show how colors appear to affected users).
+   * Not available for achromatopsia.
+   * @default false
+   */
   readonly compensate?: boolean;
   /**
-  * Type of color vision deficiency to simulate or compensate for.
-  * @default "none"
-  */
+   * Type of color vision deficiency to simulate or compensate for.
+   * @default "none"
+   */
   readonly mode?: ColorBlindnessType | "none";
 };
 type UseColorBlindnessResult = {
@@ -22,12 +22,12 @@ type UseColorBlindnessResult = {
   readonly transformColor: (hex: string) => string;
 };
 /**
-* Hook for color blindness simulation and compensation.
-*
-* ```tsx
-* const { transformColor } = useColorBlindness({ mode: "deuteranopia" });
-* <Text color={transformColor("#ff0000")}>This text</Text>
-* ```
-*/
+ * Hook for color blindness simulation and compensation.
+ *
+ * ```tsx
+ * const { transformColor } = useColorBlindness({ mode: "deuteranopia" });
+ * <Text color={transformColor("#ff0000")}>This text</Text>
+ * ```
+ */
 declare const useColorBlindness: (options?: UseColorBlindnessOptions) => UseColorBlindnessResult;
 export { UseColorBlindnessOptions, UseColorBlindnessResult, useColorBlindness as default, useColorBlindness };

package/dist/ink/hooks/use-console-capture.d.ts

@@ -7,19 +7,19 @@ type ConsoleEntry = {
 };
 type UseConsoleCaptureOptions = {
   /**
-  * Which console levels to capture.
-  * @default ["log", "info", "warn", "error", "debug"]
-  */
+   * Which console levels to capture.
+   * @default ["log", "info", "warn", "error", "debug"]
+   */
   readonly filter?: ReadonlyArray<ConsoleLevel>;
   /**
-  * Enable or disable capture.
-  * @default true
-  */
+   * Enable or disable capture.
+   * @default true
+   */
   readonly isActive?: boolean;
   /**
-  * Maximum number of entries to keep in the buffer.
-  * @default 200
-  */
+   * Maximum number of entries to keep in the buffer.
+   * @default 200
+   */
   readonly maxEntries?: number;
 };
 type UseConsoleCaptureResult = {
@@ -29,15 +29,15 @@ type UseConsoleCaptureResult = {
   readonly entries: ReadonlyArray<ConsoleEntry>;
 };
 /**
-* Hook that captures console output into a React state buffer.
-*
-* **Note:** Only one active `useConsoleCapture` instance should exist at a time.
-* The `ConsoleOverlay` component uses this hook internally — do not use both
-* simultaneously unless the hook instance has `isActive: false`.
-*
-* ```tsx
-* const { entries, clear } = useConsoleCapture({ maxEntries: 100 });
-* ```
-*/
+ * Hook that captures console output into a React state buffer.
+ *
+ * **Note:** Only one active `useConsoleCapture` instance should exist at a time.
+ * The `ConsoleOverlay` component uses this hook internally — do not use both
+ * simultaneously unless the hook instance has `isActive: false`.
+ *
+ * ```tsx
+ * const { entries, clear } = useConsoleCapture({ maxEntries: 100 });
+ * ```
+ */
 declare const useConsoleCapture: (options?: UseConsoleCaptureOptions) => UseConsoleCaptureResult;
 export { ConsoleEntry, ConsoleLevel, UseConsoleCaptureOptions, UseConsoleCaptureResult, useConsoleCapture as default, useConsoleCapture };

package/dist/ink/hooks/use-cursor.d.ts

@@ -1,12 +1,12 @@
 import 'node:stream';
 import { CursorPosition } from "../public/cursor.js";
 /**
-* A React hook that returns methods to control the terminal cursor position.
-*
-* Setting a cursor position makes the cursor visible at the specified coordinates (relative to the Ink output origin). This is useful for IME (Input Method Editor) support, where the composing character is displayed at the cursor location.
-*
-* Pass `undefined` to hide the cursor.
-*/
+ * A React hook that returns methods to control the terminal cursor position.
+ *
+ * Setting a cursor position makes the cursor visible at the specified coordinates (relative to the Ink output origin). This is useful for IME (Input Method Editor) support, where the composing character is displayed at the cursor location.
+ *
+ * Pass `undefined` to hide the cursor.
+ */
 declare const useCursor: () => {
   setCursorPosition: (position: CursorPosition | undefined) => void;
 };

package/dist/ink/hooks/use-focus-manager.d.ts

@@ -15,43 +15,43 @@ type Props = {
 };
 type Output = {
   /**
-  * The ID of the currently focused component, or `undefined` if no component is focused.
-  * @example
-  * ```tsx
-  * import {Text} from '@visulima/tui/components/text';
-  * import {useFocusManager} from '@visulima/tui/hooks/use-focus-manager';
-  *
-  * const Example = () => {
-  * const {activeId} = useFocusManager();
-  *
-  * return <Text>Focused: {activeId ?? 'none'}</Text>;
-  * };
-  * ```
-  */
+   * The ID of the currently focused component, or `undefined` if no component is focused.
+   * @example
+   * ```tsx
+   * import {Text} from '@visulima/tui/components/text';
+   * import {useFocusManager} from '@visulima/tui/hooks/use-focus-manager';
+   *
+   * const Example = () => {
+   * const {activeId} = useFocusManager();
+   *
+   * return <Text>Focused: {activeId ?? 'none'}</Text>;
+   * };
+   * ```
+   */
   activeId: Props["activeId"];
   /**
-  * Disable focus management for all components. The currently active component (if there's one) will lose its focus.
-  */
+   * Disable focus management for all components. The currently active component (if there's one) will lose its focus.
+   */
   disableFocus: Props["disableFocus"];
   /**
-  * Enable focus management for all components.
-  */
+   * Enable focus management for all components.
+   */
   enableFocus: Props["enableFocus"];
   /**
-  * Switch focus to the element with provided `id`. If there's no element with that `id`, focus is not changed.
-  */
+   * Switch focus to the element with provided `id`. If there's no element with that `id`, focus is not changed.
+   */
   focus: Props["focus"];
   /**
-  * Switch focus to the next focusable component. If there's no active component right now, focus will be given to the first focusable component. If the active component is the last in the list of focusable components, focus will be switched to the first focusable component.
-  */
+   * Switch focus to the next focusable component. If there's no active component right now, focus will be given to the first focusable component. If the active component is the last in the list of focusable components, focus will be switched to the first focusable component.
+   */
   focusNext: Props["focusNext"];
   /**
-  * Switch focus to the previous focusable component. If there's no active component right now, focus will be given to the first focusable component. If the active component is the first in the list of focusable components, focus will be switched to the last focusable component.
-  */
+   * Switch focus to the previous focusable component. If there's no active component right now, focus will be given to the first focusable component. If the active component is the first in the list of focusable components, focus will be switched to the last focusable component.
+   */
   focusPrevious: Props["focusPrevious"];
 };
 /**
-* A React hook that returns methods to enable or disable focus management for all components or manually switch focus to the next or previous components.
-*/
+ * A React hook that returns methods to enable or disable focus management for all components or manually switch focus to the next or previous components.
+ */
 declare const useFocusManager: () => Output;
 export { useFocusManager as default, useFocusManager };

package/dist/ink/hooks/use-focus.d.ts

@@ -1,34 +1,30 @@
 type Input = {
   /**
-  * Auto-focus this component if there's no active (focused) component right now.
-  */
+   * Auto-focus this component if there's no active (focused) component right now.
+   */
   autoFocus?: boolean;
   /**
-  * Assign an ID to this component, so it can be programmatically focused with `focus(id)`.
-  */
+   * Assign an ID to this component, so it can be programmatically focused with `focus(id)`.
+   */
   id?: string;
   /**
-  * Enable or disable this component's focus, while still maintaining its position in the list of focusable components.
-  */
+   * Enable or disable this component's focus, while still maintaining its position in the list of focusable components.
+   */
   isActive?: boolean;
 };
 type Output = {
   /**
-  * Allows focusing a specific element with the provided `id`.
-  */
+   * Allows focusing a specific element with the provided `id`.
+   */
   focus: (id: string) => void;
   /**
-  * Determines whether this component is focused.
-  */
+   * Determines whether this component is focused.
+   */
   isFocused: boolean;
 };
 /**
-* A React hook that returns focus state and focus controls for the current component.
-* A component that uses the `useFocus` hook becomes "focusable" to Ink, so when the user presses <kbd>Tab</kbd>, Ink will switch focus to this component. If there are multiple components that execute the `useFocus` hook, focus will be given to them in the order in which these components are rendered.
-*/
-declare const useFocus: ({
-  autoFocus,
-  id: customId,
-  isActive
-}?: Input) => Output;
+ * A React hook that returns focus state and focus controls for the current component.
+ * A component that uses the `useFocus` hook becomes "focusable" to Ink, so when the user presses <kbd>Tab</kbd>, Ink will switch focus to this component. If there are multiple components that execute the `useFocus` hook, focus will be given to them in the order in which these components are rendered.
+ */
+declare const useFocus: ({ autoFocus, id: customId, isActive }?: Input) => Output;
 export { useFocus as default, useFocus };

package/dist/ink/hooks/use-form.d.ts

@@ -2,67 +2,67 @@ type ValidationResult = string | undefined;
 type FieldValidator<V> = (value: V, values: Readonly<Record<string, unknown>>) => ValidationResult;
 type FieldConfig<V = unknown> = {
   /**
-  * Initial value.
-  */
+   * Initial value.
+   */
   readonly initialValue: V;
   /**
-  * Optional validator. Return a string to indicate an error; return
-  * `undefined` for valid.
-  */
+   * Optional validator. Return a string to indicate an error; return
+   * `undefined` for valid.
+   */
   readonly validate?: FieldValidator<V>;
 };
 type FormSchema = Readonly<Record<string, FieldConfig<never>>>;
-type FormValues<S extends Readonly<Record<string, FieldConfig>>> = { [K in keyof S]: S[K] extends FieldConfig<infer V> ? V : never };
+type FormValues<S extends Readonly<Record<string, FieldConfig>>> = { [K in keyof S]: S[K] extends FieldConfig<infer V> ? V : never; };
 type UseFormOptions<S extends Readonly<Record<string, FieldConfig>>> = {
   /**
-  * Field declarations.
-  */
+   * Field declarations.
+   */
   readonly fields: S;
   /**
-  * Called on submit if all fields validate.
-  */
+   * Called on submit if all fields validate.
+   */
   readonly onSubmit?: (values: FormValues<S>) => void | Promise<void>;
 };
 type UseFormResult<S extends Readonly<Record<string, FieldConfig>>> = {
   /**
-  * Map of fieldName -> validation error (if any).
-  */
+   * Map of fieldName -> validation error (if any).
+   */
   readonly errors: Readonly<Partial<Record<keyof S, string>>>;
   /**
-  * True while the last `submit()` is in-flight.
-  */
+   * True while the last `submit()` is in-flight.
+   */
   readonly isSubmitting: boolean;
   /**
-  * Reset all fields back to their initial values and clear errors / touched.
-  */
+   * Reset all fields back to their initial values and clear errors / touched.
+   */
   readonly reset: () => void;
   /**
-  * Mark a field as touched. Useful on blur.
-  */
+   * Mark a field as touched. Useful on blur.
+   */
   readonly setTouched: <K extends keyof S>(name: K, touched?: boolean) => void;
   /**
-  * Update a single field.
-  */
+   * Update a single field.
+   */
   readonly setValue: <K extends keyof S>(name: K, value: FormValues<S>[K]) => void;
   /**
-  * Trigger validation and call the `onSubmit` option. Returns true if
-  * submission succeeded (all fields valid).
-  */
+   * Trigger validation and call the `onSubmit` option. Returns true if
+   * submission succeeded (all fields valid).
+   */
   readonly submit: () => Promise<boolean>;
   /**
-  * Map of fieldName -> boolean. Field is considered touched after the
-  * first `setTouched(name)` or `submit()` invocation.
-  */
+   * Map of fieldName -> boolean. Field is considered touched after the
+   * first `setTouched(name)` or `submit()` invocation.
+   */
   readonly touched: Readonly<Partial<Record<keyof S, boolean>>>;
   /**
-  * Current values.
-  */
+   * Current values.
+   */
   readonly values: FormValues<S>;
 };
 /**
-* Minimal headless form state machine. Tracks values, touched state, errors,
-* and submission in-flight. Pair with `&lt;Form />` for default layout, or wire
-* up your own inputs directly.
-*/
+ * Minimal headless form state machine. Tracks values, touched state, errors,
+ * and submission in-flight. Pair with `&lt;Form />` for default layout, or wire
+ * up your own inputs directly.
+ */
 declare const useForm: <S extends Readonly<Record<string, FieldConfig>>>(options: UseFormOptions<S>) => UseFormResult<S>;
 export { FieldConfig, FieldValidator, FormSchema, FormValues, UseFormOptions, UseFormResult, ValidationResult, useForm as default, useForm };

package/dist/ink/hooks/use-hotkey.d.ts

@@ -1,37 +1,37 @@
 import { Key } from "./use-input.js";
 type HotkeyDescriptor = {
   /**
-  * Whether Ctrl must be held.
-  */
+   * Whether Ctrl must be held.
+   */
   readonly ctrl?: boolean;
   /**
-  * Character(s) to match after modifiers, e.g. `"s"`, `"?"`, `"k"`.
-  * Ignored if `name` is set.
-  */
+   * Character(s) to match after modifiers, e.g. `"s"`, `"?"`, `"k"`.
+   * Ignored if `name` is set.
+   */
   readonly input?: string;
   /**
-  * Whether Meta must be held.
-  */
+   * Whether Meta must be held.
+   */
   readonly meta?: boolean;
   /**
-  * Named special key, e.g. `"escape"`, `"return"`, `"tab"`, `"upArrow"`.
-  */
+   * Named special key, e.g. `"escape"`, `"return"`, `"tab"`, `"upArrow"`.
+   */
   readonly name?: keyof Key;
   /**
-  * Whether Shift must be held.
-  */
+   * Whether Shift must be held.
+   */
   readonly shift?: boolean;
 };
 type UseHotkeyOptions = {
   /**
-  * Disable the binding while keeping the component rendered.
-  * @default true
-  */
+   * Disable the binding while keeping the component rendered.
+   * @default true
+   */
   readonly isActive?: boolean;
 };
 /**
-* Bind a keyboard shortcut to a callback. Accepts either a short string
-* (`"ctrl+s"`, `"?"`, `"escape"`) or a structured descriptor.
-*/
+ * Bind a keyboard shortcut to a callback. Accepts either a short string
+ * (`"ctrl+s"`, `"?"`, `"escape"`) or a structured descriptor.
+ */
 declare const useHotkey: (shortcut: HotkeyDescriptor | string, callback: () => void, options?: UseHotkeyOptions) => void;
 export { HotkeyDescriptor, UseHotkeyOptions, useHotkey as default, useHotkey };