@visulima/tui-kit 1.0.0 → 1.0.2

package/dist/tag-input.d.ts

@@ -3,69 +3,57 @@ import { ReactElement } from 'react';
 import { LiteralUnion } from 'type-fest';
 type Props = {
   /**
-  * Accent color for the chips and focused border.
-  * @default "blue"
-  */
+   * Accent color for the chips and focused border.
+   * @default "blue"
+   */
   readonly accentColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Auto-focus on mount.
-  */
+   * Auto-focus on mount.
+   */
   readonly autoFocus?: boolean;
   /**
-  * Reject duplicate tags (case-sensitive).
-  * @default true
-  */
+   * Reject duplicate tags (case-sensitive).
+   * @default true
+   */
   readonly dedupe?: boolean;
   /**
-  * Tags present when uncontrolled.
-  */
+   * Tags present when uncontrolled.
+   */
   readonly defaultValue?: ReadonlyArray<string>;
   /**
-  * Disable input and dim the display.
-  */
+   * Disable input and dim the display.
+   */
   readonly isDisabled?: boolean;
   /**
-  * Maximum number of tags. Further input is ignored once reached.
-  */
+   * Maximum number of tags. Further input is ignored once reached.
+   */
   readonly max?: number;
   /**
-  * Fires whenever the set of tags changes.
-  */
+   * Fires whenever the set of tags changes.
+   */
   readonly onChange?: (tags: ReadonlyArray<string>) => void;
   /**
-  * Fires on Enter with an empty draft (i.e. "done adding tags").
-  */
+   * Fires on Enter with an empty draft (i.e. "done adding tags").
+   */
   readonly onSubmit?: (tags: ReadonlyArray<string>) => void;
   /**
-  * Placeholder shown when there are no tags and no draft.
-  * @default "Add tags…"
-  */
+   * Placeholder shown when there are no tags and no draft.
+   * @default "Add tags…"
+   */
   readonly placeholder?: string;
   /**
-  * Besides Enter, which typed characters commit the current draft (default comma and space).
-  */
+   * Besides Enter, which typed characters commit the current draft (default comma and space).
+   */
   readonly separators?: ReadonlyArray<string>;
   /**
-  * Controlled tags. When provided, `defaultValue` is ignored.
-  */
+   * Controlled tags. When provided, `defaultValue` is ignored.
+   */
   readonly value?: ReadonlyArray<string>;
 };
 /**
-* A chip-style multi-value input. Type a tag and press Enter (or a separator)
-* to commit it; Backspace on an empty draft removes the last tag. Renders each
-* committed value as a colored chip followed by the live draft.
-*/
-declare function TagInput({
-  accentColor,
-  autoFocus,
-  dedupe,
-  defaultValue,
-  isDisabled,
-  max,
-  onChange,
-  onSubmit,
-  placeholder,
-  separators,
-  value: controlledValue
-}: Props): ReactElement;
+ * A chip-style multi-value input. Type a tag and press Enter (or a separator)
+ * to commit it; Backspace on an empty draft removes the last tag. Renders each
+ * committed value as a colored chip followed by the live draft.
+ */
+declare function TagInput({ accentColor, autoFocus, dedupe, defaultValue, isDisabled, max, onChange, onSubmit, placeholder, separators, value: controlledValue }: Props): ReactElement;
 export { Props, TagInput, type Props as TagInputProps, TagInput as default };

package/dist/tag.d.ts

@@ -4,32 +4,27 @@ import { LiteralUnion } from 'type-fest';
 type TagVariant = "outline" | "solid" | "subtle";
 type Props = {
   /**
-  * Tag content.
-  */
+   * Tag content.
+   */
   readonly children: ReactNode;
   /**
-  * Base color.
-  * @default "blue"
-  */
+   * Base color.
+   * @default "blue"
+   */
   readonly color?: LiteralUnion<AnsiColors, string>;
   /**
-  * Optional symbol rendered before the label (e.g. `●`, `✔`, `★`).
-  */
+   * Optional symbol rendered before the label (e.g. `●`, `✔`, `★`).
+   */
   readonly icon?: ReactNode;
   /**
-  * Visual style.
-  * @default "subtle"
-  */
+   * Visual style.
+   * @default "subtle"
+   */
   readonly variant?: TagVariant;
 };
 /**
-* Render a short pill-shaped label.
-* @returns A `ReactElement` rendering the tag in the requested variant.
-*/
-declare function Tag({
-  children,
-  color,
-  icon,
-  variant
-}: Props): ReactElement;
+ * Render a short pill-shaped label.
+ * @returns A `ReactElement` rendering the tag in the requested variant.
+ */
+declare function Tag({ children, color, icon, variant }: Props): ReactElement;
 export { Props, Tag, type Props as TagProps, TagVariant, Tag as default };

package/dist/text-input.d.ts

@@ -3,46 +3,38 @@ type Props = {
   /** @default "" */
   readonly defaultValue?: string;
   /**
-  * When true, all input is ignored and text is dimmed.
-  * @default false
-  */
+   * When true, all input is ignored and text is dimmed.
+   * @default false
+   */
   readonly isDisabled?: boolean;
   /**
-  * When true, renders asterisks instead of the actual characters.
-  * @default false
-  */
+   * When true, renders asterisks instead of the actual characters.
+   * @default false
+   */
   readonly mask?: boolean;
   /**
-  * Fires on every keystroke with the updated text.
-  */
+   * Fires on every keystroke with the updated text.
+   */
   readonly onChange?: (value: string) => void;
   /**
-  * Fires when the user presses Enter.
-  */
+   * Fires when the user presses Enter.
+   */
   readonly onSubmit?: (value: string) => void;
   /**
-  * Greyed-out text shown when the input is empty.
-  */
+   * Greyed-out text shown when the input is empty.
+   */
   readonly placeholder?: string;
   /**
-  * Autocomplete candidates. The first case-sensitive prefix match is shown
-  * dimmed after the current input. Press right-arrow or Enter to accept.
-  */
+   * Autocomplete candidates. The first case-sensitive prefix match is shown
+   * dimmed after the current input. Press right-arrow or Enter to accept.
+   */
   readonly suggestions?: ReadonlyArray<string>;
 };
 /**
-* A single-line text input with cursor navigation, optional placeholder,
-* autocomplete suggestions, and password masking.
-*
-* Supports arrow keys, Home/End, Ctrl+A/E, Ctrl+U/K/W, Backspace, Delete.
-*/
-declare function TextInput({
-  defaultValue,
-  isDisabled,
-  mask,
-  onChange,
-  onSubmit,
-  placeholder,
-  suggestions
-}: Props): ReactElement;
+ * A single-line text input with cursor navigation, optional placeholder,
+ * autocomplete suggestions, and password masking.
+ *
+ * Supports arrow keys, Home/End, Ctrl+A/E, Ctrl+U/K/W, Backspace, Delete.
+ */
+declare function TextInput({ defaultValue, isDisabled, mask, onChange, onSubmit, placeholder, suggestions }: Props): ReactElement;
 export { Props, TextInput, type Props as TextInputProps, TextInput as default };

package/dist/textarea.d.ts

@@ -3,66 +3,55 @@ type Props = {
   /** @default "" */
   readonly defaultValue?: string;
   /**
-  * When true, all input is ignored and text is dimmed.
-  * @default false
-  */
+   * When true, all input is ignored and text is dimmed.
+   * @default false
+   */
   readonly isDisabled?: boolean;
   /**
-  * When true, the component responds to keyboard input.
-  * @default true
-  */
+   * When true, the component responds to keyboard input.
+   * @default true
+   */
   readonly isFocused?: boolean;
   /**
-  * Maximum visible rows before viewport scrolling kicks in.
-  * When set, the textarea will grow from `rows` to `maxRows` before scrolling.
-  */
+   * Maximum visible rows before viewport scrolling kicks in.
+   * When set, the textarea will grow from `rows` to `maxRows` before scrolling.
+   */
   readonly maxRows?: number;
   /**
-  * Fires on every edit with the updated text.
-  */
+   * Fires on every edit with the updated text.
+   */
   readonly onChange?: (value: string) => void;
   /**
-  * Fires when the user presses Meta+Enter or Ctrl+Enter.
-  */
+   * Fires when the user presses Meta+Enter or Ctrl+Enter.
+   */
   readonly onSubmit?: (value: string) => void;
   /**
-  * Greyed-out text shown when the textarea is empty.
-  */
+   * Greyed-out text shown when the textarea is empty.
+   */
   readonly placeholder?: string;
   /**
-  * Number of visible rows (viewport height).
-  * @default 5
-  */
+   * Number of visible rows (viewport height).
+   * @default 5
+   */
   readonly rows?: number;
   /**
-  * Show line numbers in the left gutter.
-  * @default false
-  */
+   * Show line numbers in the left gutter.
+   * @default false
+   */
   readonly showLineNumbers?: boolean;
   /**
-  * Number of spaces inserted for a Tab key press.
-  * @default 2
-  */
+   * Number of spaces inserted for a Tab key press.
+   * @default 2
+   */
   readonly tabSize?: number;
 };
 /**
-* A multi-line text input with cursor navigation, selection, clipboard, undo/redo,
-* paste support, and viewport scrolling.
-*
-* ```tsx
-* <Textarea defaultValue="Hello\nWorld" rows={10} onChange={setValue} onSubmit={handleSubmit} />
-* ```
-*/
-declare function Textarea({
-  defaultValue,
-  isDisabled,
-  isFocused,
-  maxRows,
-  onChange,
-  onSubmit,
-  placeholder,
-  rows,
-  showLineNumbers,
-  tabSize
-}: Props): ReactElement;
+ * A multi-line text input with cursor navigation, selection, clipboard, undo/redo,
+ * paste support, and viewport scrolling.
+ *
+ * ```tsx
+ * <Textarea defaultValue="Hello\nWorld" rows={10} onChange={setValue} onSubmit={handleSubmit} />
+ * ```
+ */
+declare function Textarea({ defaultValue, isDisabled, isFocused, maxRows, onChange, onSubmit, placeholder, rows, showLineNumbers, tabSize }: Props): ReactElement;
 export { Props, Textarea, type Props as TextareaProps, Textarea as default };

package/dist/thinking-block.d.ts

@@ -3,55 +3,46 @@ import { ReactElement } from 'react';
 import { LiteralUnion } from 'type-fest';
 type Props = {
   /**
-  * Accent color for the header and border.
-  * @default "magenta"
-  */
+   * Accent color for the header and border.
+   * @default "magenta"
+   */
   readonly accentColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Auto-focus so Space/Enter can toggle the block.
-  */
+   * Auto-focus so Space/Enter can toggle the block.
+   */
   readonly autoFocus?: boolean;
   /**
-  * The reasoning text.
-  */
+   * The reasoning text.
+   */
   readonly children: string;
   /**
-  * Start expanded when uncontrolled.
-  * @default true
-  */
+   * Start expanded when uncontrolled.
+   * @default true
+   */
   readonly defaultExpanded?: boolean;
   /**
-  * Controlled expanded state. When set, `defaultExpanded` is ignored.
-  */
+   * Controlled expanded state. When set, `defaultExpanded` is ignored.
+   */
   readonly expanded?: boolean;
   /**
-  * Header label.
-  * @default "Thinking"
-  */
+   * Header label.
+   * @default "Thinking"
+   */
   readonly label?: string;
   /**
-  * Fires when the expanded state toggles.
-  */
+   * Fires when the expanded state toggles.
+   */
   readonly onToggle?: (expanded: boolean) => void;
   /**
-  * Show a pulsing indicator to signal in-progress reasoning.
-  * @default false
-  */
+   * Show a pulsing indicator to signal in-progress reasoning.
+   * @default false
+   */
   readonly streaming?: boolean;
 };
 /**
-* A collapsible block for an assistant's reasoning. The dimmed body is hidden
-* when collapsed; Space or Enter toggles it while focused. Set `streaming` to
-* mark reasoning still in progress.
-*/
-declare function ThinkingBlock({
-  accentColor,
-  autoFocus,
-  children,
-  defaultExpanded,
-  expanded: controlledExpanded,
-  label,
-  onToggle,
-  streaming
-}: Props): ReactElement;
+ * A collapsible block for an assistant's reasoning. The dimmed body is hidden
+ * when collapsed; Space or Enter toggles it while focused. Set `streaming` to
+ * mark reasoning still in progress.
+ */
+declare function ThinkingBlock({ accentColor, autoFocus, children, defaultExpanded, expanded: controlledExpanded, label, onToggle, streaming }: Props): ReactElement;
 export { Props, ThinkingBlock, type Props as ThinkingBlockProps, ThinkingBlock as default };

package/dist/time-picker.d.ts

@@ -8,60 +8,50 @@ type TimeValue = {
 };
 type Props = {
   /**
-  * Accent color for the focused segment.
-  * @default "blue"
-  */
+   * Accent color for the focused segment.
+   * @default "blue"
+   */
   readonly accentColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Auto-focus on mount.
-  */
+   * Auto-focus on mount.
+   */
   readonly autoFocus?: boolean;
   /**
-  * Initial value when uncontrolled.
-  * @default { hours: 0, minutes: 0 }
-  */
+   * Initial value when uncontrolled.
+   * @default { hours: 0, minutes: 0 }
+   */
   readonly defaultValue?: TimeValue;
   /**
-  * Use a 12-hour clock with an AM/PM segment instead of 24-hour.
-  * @default false
-  */
+   * Use a 12-hour clock with an AM/PM segment instead of 24-hour.
+   * @default false
+   */
   readonly hour12?: boolean;
   /**
-  * Disable input and dim the display.
-  */
+   * Disable input and dim the display.
+   */
   readonly isDisabled?: boolean;
   /**
-  * Fires whenever any segment changes.
-  */
+   * Fires whenever any segment changes.
+   */
   readonly onChange?: (value: TimeValue) => void;
   /**
-  * Fires on Enter.
-  */
+   * Fires on Enter.
+   */
   readonly onSubmit?: (value: TimeValue) => void;
   /**
-  * Show a seconds segment.
-  * @default false
-  */
+   * Show a seconds segment.
+   * @default false
+   */
   readonly showSeconds?: boolean;
   /**
-  * Controlled value. When provided, `defaultValue` is ignored.
-  */
+   * Controlled value. When provided, `defaultValue` is ignored.
+   */
   readonly value?: TimeValue;
 };
 /**
-* A keyboard-driven time input with independent hour/minute (and optional
-* second) segments. ←/→ move between segments, ↑/↓ adjust the focused segment
-* (wrapping), digits type directly, and Enter submits.
-*/
-declare function TimePicker({
-  accentColor,
-  autoFocus,
-  defaultValue,
-  hour12,
-  isDisabled,
-  onChange,
-  onSubmit,
-  showSeconds,
-  value: controlledValue
-}: Props): ReactElement;
+ * A keyboard-driven time input with independent hour/minute (and optional
+ * second) segments. ←/→ move between segments, ↑/↓ adjust the focused segment
+ * (wrapping), digits type directly, and Enter submits.
+ */
+declare function TimePicker({ accentColor, autoFocus, defaultValue, hour12, isDisabled, onChange, onSubmit, showSeconds, value: controlledValue }: Props): ReactElement;
 export { Props, TimePicker, type Props as TimePickerProps, TimeValue, TimePicker as default };

package/dist/timer.d.ts

@@ -3,57 +3,48 @@ import { Ref, ReactElement } from 'react';
 type TimerRef = Omit<UseTimerResult, "isFinished" | "isRunning" | "remaining">;
 type Props = {
   /**
-  * Whether to start the timer immediately.
-  * @default false
-  */
+   * Whether to start the timer immediately.
+   * @default false
+   */
   readonly autoStart?: boolean;
   /**
-  * Make the rendered text bold.
-  */
+   * Make the rendered text bold.
+   */
   readonly bold?: boolean;
   /**
-  * Text color for the rendered time.
-  */
+   * Text color for the rendered time.
+   */
   readonly color?: string;
   /**
-  * Total countdown duration in milliseconds.
-  */
+   * Total countdown duration in milliseconds.
+   */
   readonly duration: number;
   /**
-  * Custom formatter for the remaining time.
-  * Receives remaining milliseconds, returns a display string.
-  * @default formatDuration (MM:SS or HH:MM:SS)
-  */
+   * Custom formatter for the remaining time.
+   * Receives remaining milliseconds, returns a display string.
+   * @default formatDuration (MM:SS or HH:MM:SS)
+   */
   readonly format?: (remaining: number) => string;
   /**
-  * Tick interval in milliseconds.
-  * @default 1000
-  */
+   * Tick interval in milliseconds.
+   * @default 1000
+   */
   readonly interval?: number;
   /**
-  * Called once when the timer reaches zero.
-  */
+   * Called once when the timer reaches zero.
+   */
   readonly onTimeout?: () => void;
   readonly ref?: Ref<TimerRef>;
 };
 /**
-* A countdown timer component.
-*
-* Exposes `start`, `stop`, `toggle`, and `reset` methods via ref.
-*
-* ```tsx
-* const ref = useRef&lt;TimerRef>(null);
-* &lt;Timer ref={ref} duration={60_000} autoStart />
-* ```
-*/
-declare const Timer: ({
-  autoStart,
-  bold,
-  color,
-  duration,
-  format,
-  interval,
-  onTimeout,
-  ref
-}: Props) => ReactElement;
+ * A countdown timer component.
+ *
+ * Exposes `start`, `stop`, `toggle`, and `reset` methods via ref.
+ *
+ * ```tsx
+ * const ref = useRef&lt;TimerRef>(null);
+ * &lt;Timer ref={ref} duration={60_000} autoStart />
+ * ```
+ */
+declare const Timer: ({ autoStart, bold, color, duration, format, interval, onTimeout, ref }: Props) => ReactElement;
 export { Props, Timer, type Props as TimerProps, TimerRef, Timer as default };

package/dist/toast.d.ts

@@ -3,47 +3,39 @@ import { V as Variant } from "./packem_shared/variant-config.d-D5NnrrQK.js";
 type ToastVariant = Variant;
 type Props = {
   /**
-  * Toast body.
-  */
+   * Toast body.
+   */
   readonly children: ReactNode;
   /**
-  * Milliseconds to display before auto-dismissing. Use `0` to disable.
-  * @default 4000
-  */
+   * Milliseconds to display before auto-dismissing. Use `0` to disable.
+   * @default 4000
+   */
   readonly duration?: number;
   /**
-  * Called after the toast dismisses itself.
-  */
+   * Called after the toast dismisses itself.
+   */
   readonly onDismiss?: () => void;
   /**
-  * Optional title rendered before the body.
-  */
+   * Optional title rendered before the body.
+   */
   readonly title?: string;
   /**
-  * Visual variant determining the icon and border color.
-  * @default "info"
-  */
+   * Visual variant determining the icon and border color.
+   * @default "info"
+   */
   readonly variant?: ToastVariant;
   /**
-  * Manually control visibility. When provided, `duration` is ignored.
-  */
+   * Manually control visibility. When provided, `duration` is ignored.
+   */
   readonly visible?: boolean;
   /**
-  * Optional width override.
-  */
+   * Optional width override.
+   */
   readonly width?: number;
 };
 /**
-* Ephemeral notification. Disappears automatically after `duration` ms.
-* @returns A bordered `ReactElement` while visible; `null` once dismissed.
-*/
-declare function Toast({
-  children,
-  duration,
-  onDismiss,
-  title,
-  variant,
-  visible,
-  width
-}: Props): ReactElement | null;
+ * Ephemeral notification. Disappears automatically after `duration` ms.
+ * @returns A bordered `ReactElement` while visible; `null` once dismissed.
+ */
+declare function Toast({ children, duration, onDismiss, title, variant, visible, width }: Props): ReactElement | null;
 export { Props, Toast, type Props as ToastProps, ToastVariant, Toast as default };