@visulima/tui-kit 1.0.0 → 1.0.1

package/dist/command-block.d.ts

@@ -2,46 +2,38 @@ import { ReactNode, ReactElement } from 'react';
 type CommandStatus = "error" | "idle" | "running" | "success";
 type Props = {
   /**
-  * Shell command rendered in the header.
-  */
+   * Shell command rendered in the header.
+   */
   readonly command: string;
   /**
-  * Optional working directory shown after the command name.
-  */
+   * Optional working directory shown after the command name.
+   */
   readonly cwd?: string;
   /**
-  * Duration in ms; shown when finished.
-  */
+   * Duration in ms; shown when finished.
+   */
   readonly durationMs?: number;
   /**
-  * Exit code of the completed command.
-  */
+   * Exit code of the completed command.
+   */
   readonly exitCode?: number;
   /**
-  * Max output rows rendered before truncation. Use `Infinity` to disable.
-  */
+   * Max output rows rendered before truncation. Use `Infinity` to disable.
+   */
   readonly maxOutputRows?: number;
   /**
-  * Command output. Either a string (rendered as-is) or arbitrary children.
-  */
+   * Command output. Either a string (rendered as-is) or arbitrary children.
+   */
   readonly output?: ReactNode;
   /**
-  * Lifecycle state. Controls the header icon and color.
-  * @default "idle"
-  */
+   * 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;
+ * 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/command-palette.d.ts

@@ -3,80 +3,71 @@ import { ReactNode, ReactElement } from 'react';
 import { LiteralUnion } from 'type-fest';
 type CommandEntry = {
   /**
-  * Optional description rendered under the label.
-  */
+   * Optional description rendered under the label.
+   */
   readonly description?: string;
   /**
-  * Optional hotkey rendered on the right.
-  */
+   * Optional hotkey rendered on the right.
+   */
   readonly hotkey?: string;
   /**
-  * Optional icon rendered before the label.
-  */
+   * Optional icon rendered before the label.
+   */
   readonly icon?: ReactNode;
   /**
-  * Stable identifier returned by `onSelect`.
-  */
+   * Stable identifier returned by `onSelect`.
+   */
   readonly id: string;
   /**
-  * Optional keywords to boost matching (not displayed).
-  */
+   * Optional keywords to boost matching (not displayed).
+   */
   readonly keywords?: ReadonlyArray<string>;
   /**
-  * Label shown in the list (and used as the primary match target).
-  */
+   * 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"
-  */
+   * Accent color for the border and focused row.
+   * @default "cyan"
+   */
   readonly accentColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Auto-focus the palette on mount.
-  */
+   * Auto-focus the palette on mount.
+   */
   readonly autoFocus?: boolean;
   /**
-  * Available commands to search.
-  */
+   * Available commands to search.
+   */
   readonly commands: ReadonlyArray<CommandEntry>;
   /**
-  * Empty-state text when nothing matches.
-  * @default "No results"
-  */
+   * Empty-state text when nothing matches.
+   * @default "No results"
+   */
   readonly emptyText?: string;
   /**
-  * Max rows rendered in the list.
-  * @default 8
-  */
+   * Max rows rendered in the list.
+   * @default 8
+   */
   readonly limit?: number;
   /**
-  * Called when the user presses Escape.
-  */
+   * Called when the user presses Escape.
+   */
   readonly onCancel?: () => void;
   /**
-  * Called when the user picks a command with Enter.
-  */
+   * 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..."
-  */
+   * 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;
+ * 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/confirm-dialog.d.ts

@@ -2,74 +2,62 @@ 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
-  */
+   * 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"
-  */
+   * Label for the cancel button.
+   * @default "Cancel"
+   */
   readonly cancelLabel?: string;
   /**
-  * Body content (rendered between title and buttons).
-  */
+   * Body content (rendered between title and buttons).
+   */
   readonly children?: ReactNode;
   /**
-  * Label for the confirm button.
-  * @default "Confirm"
-  */
+   * Label for the confirm button.
+   * @default "Confirm"
+   */
   readonly confirmLabel?: string;
   /**
-  * Default button when opening the dialog.
-  * @default "confirm"
-  */
+   * Default button when opening the dialog.
+   * @default "confirm"
+   */
   readonly defaultFocus?: "cancel" | "confirm";
   /**
-  * Disable input.
-  */
+   * Disable input.
+   */
   readonly isDisabled?: boolean;
   /**
-  * Fired when the user declines.
-  */
+   * Fired when the user declines.
+   */
   readonly onCancel: () => void;
   /**
-  * Fired when the user confirms.
-  */
+   * Fired when the user confirms.
+   */
   readonly onConfirm: () => void;
   /**
-  * Heading rendered at the top of the dialog.
-  */
+   * Heading rendered at the top of the dialog.
+   */
   readonly title?: string;
   /**
-  * Controls the border color.
-  * @default "info"
-  */
+   * Controls the border color.
+   * @default "info"
+   */
   readonly tone?: ConfirmTone;
   /**
-  * Dialog width.
-  */
+   * 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;
+ * 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/confirm-input.d.ts

@@ -1,38 +1,32 @@
 import { ReactElement } from 'react';
 type Props = {
   /**
-  * The default action when pressing Enter without typing Y or N.
-  * @default "confirm"
-  */
+   * The default action when pressing Enter without typing Y or N.
+   * @default "confirm"
+   */
   readonly defaultChoice?: "cancel" | "confirm";
   /**
-  * Whether the input is disabled.
-  * @default false
-  */
+   * Whether the input is disabled.
+   * @default false
+   */
   readonly isDisabled?: boolean;
   /**
-  * Called when the user cancels (presses N).
-  */
+   * Called when the user cancels (presses N).
+   */
   readonly onCancel: () => void;
   /**
-  * Called when the user confirms (presses Y).
-  */
+   * Called when the user confirms (presses Y).
+   */
   readonly onConfirm: () => void;
   /**
-  * Whether pressing Enter submits the default choice.
-  * @default true
-  */
+   * 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;
+ * 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/console-overlay.d.ts

@@ -3,52 +3,45 @@ import { ReactElement } from 'react';
 type ConsoleOverlayDock = "bottom" | "top";
 type Props = {
   /**
-  * Dock position within the parent container.
-  * @default "bottom"
-  */
+   * Dock position within the parent container.
+   * @default "bottom"
+   */
   readonly dock?: ConsoleOverlayDock;
   /**
-  * 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>;
   /**
-  * Visible height in rows.
-  * @default 8
-  */
+   * Visible height in rows.
+   * @default 8
+   */
   readonly height?: number;
   /**
-  * Maximum entries to keep in the buffer.
-  * @default 200
-  */
+   * Maximum entries to keep in the buffer.
+   * @default 200
+   */
   readonly maxEntries?: number;
   /**
-  * Show the log level label.
-  * @default true
-  */
+   * Show the log level label.
+   * @default true
+   */
   readonly showLevel?: boolean;
   /**
-  * Show timestamps on each entry.
-  * @default true
-  */
+   * 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;
+ * 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/content-switcher.d.ts

@@ -9,49 +9,41 @@ type ContentSwitcherOption = {
 };
 type Props = {
   /**
-  * Accent color for the selected segment.
-  * @default "blue"
-  */
+   * Accent color for the selected segment.
+   * @default "blue"
+   */
   readonly accentColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Auto-focus the switcher on mount.
-  */
+   * Auto-focus the switcher on mount.
+   */
   readonly autoFocus?: boolean;
   /**
-  * Initial selected id (uncontrolled).
-  */
+   * Initial selected id (uncontrolled).
+   */
   readonly defaultValue?: string;
   /**
-  * Disable input.
-  */
+   * Disable input.
+   */
   readonly isDisabled?: boolean;
   /**
-  * Called when the selection changes.
-  */
+   * Called when the selection changes.
+   */
   readonly onChange?: (id: string) => void;
   /**
-  * Segments to toggle between.
-  */
+   * Segments to toggle between.
+   */
   readonly options: ReadonlyArray<ContentSwitcherOption>;
   /**
-  * Controlled selected id.
-  */
+   * 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;
+ * 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/controlled-scroll-view.d.ts

@@ -1,3 +1,3 @@
-export { C as ControlledScrollView, type a as ControlledScrollViewProps, type b as ControlledScrollViewRef } from "./packem_shared/controlled-scroll-view.d-vF4wevEJ.js";
+export { C as ControlledScrollView, type a as ControlledScrollViewProps, type b as ControlledScrollViewRef } from "./packem_shared/controlled-scroll-view.d-D3kZZzjI.js";
 import '@visulima/tui/components/box';
 import 'react';

package/dist/data-grid.d.ts

@@ -6,44 +6,38 @@ type DataGridColumn<Row> = {
   readonly header: string;
   readonly key: keyof Row & string;
   /**
-  * Render a cell to a string. Defaults to `String(row[key])`.
-  */
+   * Render a cell to a string. Defaults to `String(row[key])`.
+   */
   readonly render?: (row: Row) => string;
   readonly width?: number;
 };
 type Props<Row extends Record<string, unknown>> = {
   /**
-  * Accent color for the cursor row and active sort column.
-  * @default "blue"
-  */
+   * Accent color for the cursor row and active sort column.
+   * @default "blue"
+   */
   readonly accentColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Auto-focus for keyboard navigation.
-  */
+   * Auto-focus for keyboard navigation.
+   */
   readonly autoFocus?: boolean;
   /**
-  * Column definitions in display order.
-  */
+   * Column definitions in display order.
+   */
   readonly columns: ReadonlyArray<DataGridColumn<Row>>;
   /**
-  * The rows to display.
-  */
+   * The rows to display.
+   */
   readonly data: ReadonlyArray<Row>;
   /**
-  * Fires with the row under the cursor when Enter is pressed.
-  */
+   * Fires with the row under the cursor when Enter is pressed.
+   */
   readonly onSelect?: (row: Row) => void;
 };
 /**
-* A navigable, sortable table. ↑/↓ move the row cursor, ←/→ move the column
-* cursor, `s` sorts by the cursor column (toggling direction), and Enter fires
-* `onSelect` with the current row. Column widths default to the widest cell.
-*/
-declare function DataGrid<Row extends Record<string, unknown>>({
-  accentColor,
-  autoFocus,
-  columns,
-  data,
-  onSelect
-}: Props<Row>): ReactElement;
+ * A navigable, sortable table. ↑/↓ move the row cursor, ←/→ move the column
+ * cursor, `s` sorts by the cursor column (toggling direction), and Enter fires
+ * `onSelect` with the current row. Column widths default to the widest cell.
+ */
+declare function DataGrid<Row extends Record<string, unknown>>({ accentColor, autoFocus, columns, data, onSelect }: Props<Row>): ReactElement;
 export { DataGrid, DataGridColumn, type Props as DataGridProps, Props, DataGrid as default };

package/dist/date-picker.d.ts

@@ -3,63 +3,52 @@ import { ReactElement } from 'react';
 import { LiteralUnion } from 'type-fest';
 type Props = {
   /**
-  * Accent color used by the inner calendar when open.
-  * @default "blue"
-  */
+   * Accent color used by the inner calendar when open.
+   * @default "blue"
+   */
   readonly accentColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Auto-focus the picker on mount.
-  */
+   * Auto-focus the picker on mount.
+   */
   readonly autoFocus?: boolean;
   /**
-  * Initial selected date when uncontrolled.
-  */
+   * Initial selected date when uncontrolled.
+   */
   readonly defaultValue?: Date;
   /**
-  * Override the way the selected date is rendered in the input row.
-  */
+   * Override the way the selected date is rendered in the input row.
+   */
   readonly formatValue?: (date: Date) => string;
   /**
-  * Disable the picker.
-  */
+   * Disable the picker.
+   */
   readonly isDisabled?: boolean;
   /**
-  * Upper bound for selectable dates.
-  */
+   * Upper bound for selectable dates.
+   */
   readonly maxDate?: Date;
   /**
-  * Lower bound for selectable dates.
-  */
+   * Lower bound for selectable dates.
+   */
   readonly minDate?: Date;
   /**
-  * Fired when the user commits a date with Enter.
-  */
+   * 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"
-  */
+   * Placeholder rendered when no date is selected.
+   * @default "Pick a date"
+   */
   readonly placeholder?: string;
   /**
-  * Controlled selected date.
-  */
+   * 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;
+ * 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 };