@visulima/tui-kit 1.0.0 → 1.0.1

package/dist/definition-list.d.ts

@@ -8,37 +8,31 @@ type DefinitionItem = {
 };
 type Props = {
   /**
-  * Spacing between term and description columns.
-  * @default 2
-  */
+   * Spacing between term and description columns.
+   * @default 2
+   */
   readonly columnGap?: number;
   /**
-  * Entries to render.
-  */
+   * Entries to render.
+   */
   readonly items: ReadonlyArray<DefinitionItem>;
   /**
-  * Inline items display on the same row; stacked items display with the term above the description.
-  * @default "inline"
-  */
+   * Inline items display on the same row; stacked items display with the term above the description.
+   * @default "inline"
+   */
   readonly layout?: "inline" | "stacked";
   /**
-  * Color applied to the term.
-  * @default "cyan"
-  */
+   * Color applied to the term.
+   * @default "cyan"
+   */
   readonly termColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Minimum width used to align inline terms.
-  */
+   * Minimum width used to align inline terms.
+   */
   readonly termWidth?: number;
 };
 /**
-* Key/value style definition list. Equivalent to the HTML `&lt;dl>` element.
-*/
-declare function DefinitionList({
-  columnGap,
-  items,
-  layout,
-  termColor,
-  termWidth
-}: Props): ReactElement;
+ * Key/value style definition list. Equivalent to the HTML `&lt;dl>` element.
+ */
+declare function DefinitionList({ columnGap, items, layout, termColor, termWidth }: Props): ReactElement;
 export { DefinitionItem, DefinitionList, type Props as DefinitionListProps, Props, DefinitionList as default };

package/dist/dialog.d.ts

@@ -1,110 +1,94 @@
 import { ReactNode, ReactElement } from 'react';
 import '@visulima/tui/components/box';
-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";
 type Props = {
   /**
-  * Background color for the dialog. Defaults to the detected terminal
-  * background color, falling back to `"black"`.
-  */
+   * Background color for the dialog. Defaults to the detected terminal
+   * background color, falling back to `"black"`.
+   */
   readonly backgroundColor?: string;
   /**
-  * Border color.
-  * @default "cyan"
-  */
+   * Border color.
+   * @default "cyan"
+   */
   readonly borderColor?: string;
   /**
-  * Border style.
-  * @default "round"
-  */
+   * Border style.
+   * @default "round"
+   */
   readonly borderStyle?: "arrow" | "bold" | "classic" | "double" | "doubleSingle" | "round" | "single" | "singleDouble";
   /**
-  * Dialog content.
-  */
+   * Dialog content.
+   */
   readonly children: ReactNode;
   /**
-  * Override terminal columns. Useful in renderToString or testing contexts
-  * where useWindowSize is unavailable.
-  */
+   * Override terminal columns. Useful in renderToString or testing contexts
+   * where useWindowSize is unavailable.
+   */
   readonly columns?: number;
   /**
-  * Footer content rendered below the scrollable area.
-  * Useful for hints like "Press ? to close".
-  */
+   * Footer content rendered below the scrollable area.
+   * Useful for hints like "Press ? to close".
+   */
   readonly footer?: ReactNode;
   /**
-  * Maximum height as a fraction of terminal rows (0-1) or absolute rows.
-  * Values <= 1 are treated as fractions; values > 1 as absolute row counts.
-  * @default 0.8
-  */
+   * Maximum height as a fraction of terminal rows (0-1) or absolute rows.
+   * Values <= 1 are treated as fractions; values > 1 as absolute row counts.
+   * @default 0.8
+   */
   readonly maxHeight?: number;
   /**
-  * Padding inside the dialog border.
-  * @default 2
-  */
+   * Padding inside the dialog border.
+   * @default 2
+   */
   readonly paddingX?: number;
   /**
-  * Vertical padding inside the dialog border.
-  * @default 1
-  */
+   * Vertical padding inside the dialog border.
+   * @default 1
+   */
   readonly paddingY?: number;
   /**
-  * Override terminal rows. Useful in renderToString or testing contexts
-  * where useWindowSize is unavailable.
-  */
+   * Override terminal rows. Useful in renderToString or testing contexts
+   * where useWindowSize is unavailable.
+   */
   readonly rows?: number;
   /**
-  * Scrollbar visual style.
-  * @default "block"
-  */
+   * Scrollbar visual style.
+   * @default "block"
+   */
   readonly scrollbarStyle?: "arrow" | "block" | "bold" | "classic" | "dots" | "double" | "doubleSingle" | "line" | "round" | "single" | "singleDouble" | "thick";
   /**
-  * Ref to the internal ScrollView for programmatic scrolling.
-  */
+   * Ref to the internal ScrollView for programmatic scrolling.
+   */
   readonly scrollRef?: React.Ref<ScrollViewRef>;
   /**
-  * Title rendered at the top of the dialog. If a string is provided,
-  * it is rendered as bold cyan text.
-  */
+   * Title rendered at the top of the dialog. If a string is provided,
+   * it is rendered as bold cyan text.
+   */
   readonly title?: ReactNode;
   /**
-  * Whether the dialog is visible. When `false`, nothing is rendered.
-  * @default true
-  */
+   * Whether the dialog is visible. When `false`, nothing is rendered.
+   * @default true
+   */
   readonly visible?: boolean;
   /**
-  * Dialog width in columns.
-  * @default 60
-  */
+   * Dialog width in columns.
+   * @default 60
+   */
   readonly width?: number;
 };
 /**
-* A centered overlay dialog with automatic scrolling and scrollbar when
-* content exceeds the available terminal height.
-*
-* Uses the terminal's detected background color by default so the
-* dialog blends with the user's theme.
-*
-* ```tsx
-* &lt;Dialog title="Help" footer={&lt;Text dimColor>Press Esc to close&lt;/Text>}>
-*   &lt;Text>Dialog content here&lt;/Text>
-* &lt;/Dialog>
-* ```
-*/
-declare const Dialog: ({
-  backgroundColor: backgroundColorProp,
-  borderColor,
-  borderStyle,
-  children,
-  columns: columnsProp,
-  footer,
-  maxHeight: maxHeightProp,
-  paddingX,
-  paddingY,
-  rows: rowsProp,
-  scrollbarStyle: scrollbarStyleProp,
-  scrollRef: externalScrollRef,
-  title,
-  visible,
-  width
-}: Props) => ReactElement | null;
+ * A centered overlay dialog with automatic scrolling and scrollbar when
+ * content exceeds the available terminal height.
+ *
+ * Uses the terminal's detected background color by default so the
+ * dialog blends with the user's theme.
+ *
+ * ```tsx
+ * &lt;Dialog title="Help" footer={&lt;Text dimColor>Press Esc to close&lt;/Text>}>
+ *   &lt;Text>Dialog content here&lt;/Text>
+ * &lt;/Dialog>
+ * ```
+ */
+declare const Dialog: ({ backgroundColor: backgroundColorProp, borderColor, borderStyle, children, columns: columnsProp, footer, maxHeight: maxHeightProp, paddingX, paddingY, rows: rowsProp, scrollbarStyle: scrollbarStyleProp, scrollRef: externalScrollRef, title, visible, width }: Props) => ReactElement | null;
 export { Dialog, type Props as DialogProps, Props, Dialog as default };

package/dist/diff-view.d.ts

@@ -3,83 +3,70 @@ type DiffViewMode = "split" | "unified";
 type InlineDiffMode = "chars" | "words";
 type Props = {
   /**
-  * Number of unchanged context lines around changes.
-  * @default 3
-  */
+   * Number of unchanged context lines around changes.
+   * @default 3
+   */
   readonly context?: number;
   /**
-  * Pre-computed unified diff string. If provided, `oldText`/`newText` are ignored.
-  */
+   * Pre-computed unified diff string. If provided, `oldText`/`newText` are ignored.
+   */
   readonly diff?: string;
   /**
-  * Enable character-level inline diff highlighting within changed lines.
-  * @default true
-  */
+   * Enable character-level inline diff highlighting within changed lines.
+   * @default true
+   */
   readonly inlineDiff?: boolean;
   /**
-  * Granularity of inline diff highlighting.
-  * - `"chars"` — character-level (best for code)
-  * - `"words"` — word-level (best for prose)
-  * @default "chars"
-  */
+   * Granularity of inline diff highlighting.
+   * - `"chars"` — character-level (best for code)
+   * - `"words"` — word-level (best for prose)
+   * @default "chars"
+   */
   readonly inlineDiffMode?: InlineDiffMode;
   /**
-  * Programming language for syntax highlighting within diff lines.
-  * When provided, diff content is highlighted with Shiki.
-  */
+   * Programming language for syntax highlighting within diff lines.
+   * When provided, diff content is highlighted with Shiki.
+   */
   readonly language?: string;
   /**
-  * Display mode: unified (interleaved) or split (side-by-side).
-  * @default "unified"
-  */
+   * Display mode: unified (interleaved) or split (side-by-side).
+   * @default "unified"
+   */
   readonly mode?: DiffViewMode;
   /**
-  * Label for the new version.
-  */
+   * Label for the new version.
+   */
   readonly newLabel?: string;
   /**
-  * Modified text ("new" / right side).
-  */
+   * Modified text ("new" / right side).
+   */
   readonly newText?: string;
   /**
-  * Label for the old version.
-  */
+   * Label for the old version.
+   */
   readonly oldLabel?: string;
   /**
-  * Original text ("old" / left side).
-  */
+   * Original text ("old" / left side).
+   */
   readonly oldText?: string;
   /**
-  * Whether to display line numbers.
-  * @default true
-  */
+   * Whether to display line numbers.
+   * @default true
+   */
   readonly showLineNumbers?: boolean;
   /**
-  * Shiki theme for syntax highlighting.
-  * @default "github-dark-default"
-  */
+   * Shiki theme for syntax highlighting.
+   * @default "github-dark-default"
+   */
   readonly theme?: string;
 };
 /**
-* Display file differences with colored additions/deletions.
-*
-* ```tsx
-* <DiffView oldText="hello" newText="hello world" />
-* <DiffView diff={unifiedDiffString} mode="split" />
-* ```
-*/
-declare function DiffView({
-  context,
-  diff: diffProp,
-  inlineDiff,
-  inlineDiffMode,
-  language,
-  mode,
-  newLabel,
-  newText,
-  oldLabel,
-  oldText,
-  showLineNumbers,
-  theme
-}: Props): ReactElement;
+ * Display file differences with colored additions/deletions.
+ *
+ * ```tsx
+ * <DiffView oldText="hello" newText="hello world" />
+ * <DiffView diff={unifiedDiffString} mode="split" />
+ * ```
+ */
+declare function DiffView({ context, diff: diffProp, inlineDiff, inlineDiffMode, language, mode, newLabel, newText, oldLabel, oldText, showLineNumbers, theme }: Props): ReactElement;
 export { DiffView, DiffViewMode, type Props as DiffViewProps, InlineDiffMode, Props, DiffView as default };

package/dist/digits.d.ts

@@ -3,28 +3,24 @@ import { ReactElement } from 'react';
 import { LiteralUnion } from 'type-fest';
 type Props = {
   /**
-  * Color of the digits.
-  * @default "cyan"
-  */
+   * Color of the digits.
+   * @default "cyan"
+   */
   readonly color?: LiteralUnion<AnsiColors, string>;
   /**
-  * Number of spaces between glyphs.
-  * @default 1
-  */
+   * Number of spaces between glyphs.
+   * @default 1
+   */
   readonly gap?: number;
   /**
-  * The value to render. Numbers are stringified; unsupported characters
-  * render as `?`.
-  */
+   * The value to render. Numbers are stringified; unsupported characters
+   * render as `?`.
+   */
   readonly value: number | string;
 };
 /**
-* A large seven-segment-style numeric readout. Supports digits, space, minus,
-* dot and colon — enough for counters, clocks and timers.
-*/
-declare function Digits({
-  color,
-  gap,
-  value
-}: Props): ReactElement;
+ * A large seven-segment-style numeric readout. Supports digits, space, minus,
+ * dot and colon — enough for counters, clocks and timers.
+ */
+declare function Digits({ color, gap, value }: Props): ReactElement;
 export { Digits, type Props as DigitsProps, Props, Digits as default };

package/dist/directory-tree.d.ts

@@ -8,44 +8,37 @@ type DirectoryNode = {
 };
 type Props = {
   /**
-  * Accent color for the focused row.
-  * @default "blue"
-  */
+   * Accent color for the focused row.
+   * @default "blue"
+   */
   readonly accentColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Auto-focus for keyboard navigation.
-  */
+   * Auto-focus for keyboard navigation.
+   */
   readonly autoFocus?: boolean;
   /**
-  * Start with every directory expanded.
-  * @default false
-  */
+   * Start with every directory expanded.
+   * @default false
+   */
   readonly defaultExpanded?: boolean;
   /**
-  * Color used for directory names.
-  * @default "cyan"
-  */
+   * Color used for directory names.
+   * @default "cyan"
+   */
   readonly directoryColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * The tree to render.
-  */
+   * The tree to render.
+   */
   readonly nodes: ReadonlyArray<DirectoryNode>;
   /**
-  * Fires with the path segments when Enter is pressed on a file.
-  */
+   * Fires with the path segments when Enter is pressed on a file.
+   */
   readonly onSelect?: (path: ReadonlyArray<string>) => void;
 };
 /**
-* A read-only filesystem tree. Directories show a ▸/▾ toggle and a folder
-* glyph; files show a document glyph. Arrow keys navigate, →/← and Space
-* expand/collapse directories, and Enter fires `onSelect` with a file's path.
-*/
-declare function DirectoryTree({
-  accentColor,
-  autoFocus,
-  defaultExpanded,
-  directoryColor,
-  nodes,
-  onSelect
-}: Props): ReactElement;
+ * A read-only filesystem tree. Directories show a ▸/▾ toggle and a folder
+ * glyph; files show a document glyph. Arrow keys navigate, →/← and Space
+ * expand/collapse directories, and Enter fires `onSelect` with a file's path.
+ */
+declare function DirectoryTree({ accentColor, autoFocus, defaultExpanded, directoryColor, nodes, onSelect }: Props): ReactElement;
 export { DirectoryNode, DirectoryTree, type Props as DirectoryTreeProps, Props, DirectoryTree as default };

package/dist/divider.d.ts

@@ -3,47 +3,39 @@ import { ReactElement } from 'react';
 import { LiteralUnion } from 'type-fest';
 type Props = {
   /**
-  * Custom character to use instead of the default line character.
-  */
+   * Custom character to use instead of the default line character.
+   */
   readonly character?: string;
   /**
-  * Color of the divider line.
-  */
+   * Color of the divider line.
+   */
   readonly color?: LiteralUnion<AnsiColors, string>;
   /**
-  * Render the divider with dim color.
-  */
+   * Render the divider with dim color.
+   */
   readonly dimColor?: boolean;
   /**
-  * Optional label rendered in the middle of a horizontal divider.
-  */
+   * Optional label rendered in the middle of a horizontal divider.
+   */
   readonly label?: string;
   /**
-  * Padding around the label.
-  * @default 1
-  */
+   * Padding around the label.
+   * @default 1
+   */
   readonly labelPadding?: number;
   /**
-  * Total length of the divider. When omitted, horizontal dividers stretch to
-  * fill the available space and vertical dividers default to one row.
-  */
+   * Total length of the divider. When omitted, horizontal dividers stretch to
+   * fill the available space and vertical dividers default to one row.
+   */
   readonly length?: number;
   /**
-  * Orientation of the divider.
-  * @default "horizontal"
-  */
+   * Orientation of the divider.
+   * @default "horizontal"
+   */
   readonly orientation?: "horizontal" | "vertical";
 };
 /**
-* Horizontal or vertical divider line, optionally with a centered label.
-*/
-declare function Divider({
-  character,
-  color,
-  dimColor,
-  label,
-  labelPadding,
-  length,
-  orientation
-}: Props): ReactElement;
+ * Horizontal or vertical divider line, optionally with a centered label.
+ */
+declare function Divider({ character, color, dimColor, label, labelPadding, length, orientation }: Props): ReactElement;
 export { Divider, type Props as DividerProps, Props, Divider as default };

package/dist/drawer.d.ts

@@ -3,51 +3,43 @@ import { ReactNode, ReactElement } from 'react';
 import { LiteralUnion } from 'type-fest';
 type Props = {
   /**
-  * Accent color for the border and title.
-  * @default "blue"
-  */
+   * Accent color for the border and title.
+   * @default "blue"
+   */
   readonly accentColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Drawer body.
-  */
+   * Drawer body.
+   */
   readonly children: ReactNode;
   /**
-  * Whether the drawer is open. When false, nothing is rendered.
-  */
+   * Whether the drawer is open. When false, nothing is rendered.
+   */
   readonly isOpen: boolean;
   /**
-  * Fires when Escape is pressed while open.
-  */
+   * Fires when Escape is pressed while open.
+   */
   readonly onClose?: () => void;
   /**
-  * Edge the drawer is anchored to. Left/right drawers take a fixed `size`
-  * as width; top/bottom take it as height.
-  * @default "right"
-  */
+   * Edge the drawer is anchored to. Left/right drawers take a fixed `size`
+   * as width; top/bottom take it as height.
+   * @default "right"
+   */
   readonly side?: "bottom" | "left" | "right" | "top";
   /**
-  * Fixed extent (width for left/right, height for top/bottom) in cells.
-  * @default 32
-  */
+   * Fixed extent (width for left/right, height for top/bottom) in cells.
+   * @default 32
+   */
   readonly size?: number;
   /**
-  * Optional title shown in the drawer header.
-  */
+   * Optional title shown in the drawer header.
+   */
   readonly title?: string;
 };
 /**
-* A slide-over panel anchored to a terminal edge. Rendered as a bordered box
-* sized along one axis; Escape fires `onClose`, and nothing renders while
-* closed. Terminals have no true overlay layer, so place the drawer where it
-* should appear in your layout.
-*/
-declare function Drawer({
-  accentColor,
-  children,
-  isOpen,
-  onClose,
-  side,
-  size,
-  title
-}: Props): ReactElement | null;
+ * A slide-over panel anchored to a terminal edge. Rendered as a bordered box
+ * sized along one axis; Escape fires `onClose`, and nothing renders while
+ * closed. Terminals have no true overlay layer, so place the drawer where it
+ * should appear in your layout.
+ */
+declare function Drawer({ accentColor, children, isOpen, onClose, side, size, title }: Props): ReactElement | null;
 export { Drawer, type Props as DrawerProps, Props, Drawer as default };

package/dist/file-change.d.ts

@@ -2,39 +2,33 @@ import { ReactElement } from 'react';
 type FileChangeStatus = "added" | "deleted" | "modified" | "renamed";
 type Props = {
   /**
-  * Number of added lines.
-  * @default 0
-  */
+   * Number of added lines.
+   * @default 0
+   */
   readonly additions?: number;
   /**
-  * Total width of the +/- change bar in cells.
-  * @default 10
-  */
+   * Total width of the +/- change bar in cells.
+   * @default 10
+   */
   readonly barWidth?: number;
   /**
-  * Number of removed lines.
-  * @default 0
-  */
+   * Number of removed lines.
+   * @default 0
+   */
   readonly deletions?: number;
   /**
-  * The file path.
-  */
+   * The file path.
+   */
   readonly path: string;
   /**
-  * Change status, shown as a colored one-letter badge.
-  * @default "modified"
-  */
+   * Change status, shown as a colored one-letter badge.
+   * @default "modified"
+   */
   readonly status?: FileChangeStatus;
 };
 /**
-* A single git-style diff-stat row: a status badge, the path, the numeric
-* add/remove counts, and a proportional ▰/▱ change bar.
-*/
-declare function FileChange({
-  additions,
-  barWidth,
-  deletions,
-  path,
-  status
-}: Props): ReactElement;
+ * A single git-style diff-stat row: a status badge, the path, the numeric
+ * add/remove counts, and a proportional ▰/▱ change bar.
+ */
+declare function FileChange({ additions, barWidth, deletions, path, status }: Props): ReactElement;
 export { FileChange, type Props as FileChangeProps, FileChangeStatus, Props, FileChange as default };

package/dist/file-picker-entry.d.ts

@@ -1,2 +1,2 @@
-export { type F as FileEntry, a as FilePicker, type b as FilePickerFilter, type P as FilePickerProps, a as default } from "./packem_shared/file-picker.d-Cie6aAMD.js";
+export { type F as FileEntry, a as FilePicker, type b as FilePickerFilter, type P as FilePickerProps, a as default } from "./packem_shared/file-picker.d-CH7pccC7.js";
 import 'react';