@visulima/tui-kit 1.0.0 → 1.0.1

package/dist/pie-chart.d.ts

@@ -3,48 +3,42 @@ import { ReactElement } from 'react';
 import { LiteralUnion } from 'type-fest';
 type PieSlice = {
   /**
-  * Per-slice color override. Falls back to the chart palette.
-  */
+   * Per-slice color override. Falls back to the chart palette.
+   */
   readonly color?: LiteralUnion<AnsiColors, string>;
   readonly label?: string;
   readonly value: number;
 };
 type Props = {
   /**
-  * Slices to render. Non-positive values are ignored.
-  */
+   * Slices to render. Non-positive values are ignored.
+   */
   readonly data: ReadonlyArray<PieSlice>;
   /**
-  * Format a slice's legend value. Defaults to `value (percent%)`.
-  */
+   * Format a slice's legend value. Defaults to `value (percent%)`.
+   */
   readonly formatLegend?: (slice: PieSlice, percent: number) => string;
   /**
-  * Fallback palette cycled through when a slice has no color.
-  * @default ["cyan", "magenta", "yellow", "green", "blue", "red"]
-  */
+   * Fallback palette cycled through when a slice has no color.
+   * @default ["cyan", "magenta", "yellow", "green", "blue", "red"]
+   */
   readonly palette?: ReadonlyArray<LiteralUnion<AnsiColors, string>>;
   /**
-  * Render a legend with per-slice values and percentages.
-  * @default true
-  */
+   * Render a legend with per-slice values and percentages.
+   * @default true
+   */
   readonly showLegend?: boolean;
   /**
-  * Diameter of the disc in character rows. Width is derived to keep the
-  * circle roughly round given the 2x4 braille cell aspect.
-  * @default 8
-  */
+   * Diameter of the disc in character rows. Width is derived to keep the
+   * circle roughly round given the 2x4 braille cell aspect.
+   * @default 8
+   */
   readonly size?: number;
 };
 /**
-* A filled pie chart rendered at 2x4 braille sub-cell resolution. Each pixel of
-* the disc is assigned to the slice whose angular wedge contains it, so slices
-* keep clean colors. An optional legend lists values and percentages.
-*/
-declare function PieChart({
-  data,
-  formatLegend,
-  palette,
-  showLegend,
-  size
-}: Props): ReactElement;
+ * A filled pie chart rendered at 2x4 braille sub-cell resolution. Each pixel of
+ * the disc is assigned to the slice whose angular wedge contains it, so slices
+ * keep clean colors. An optional legend lists values and percentages.
+ */
+declare function PieChart({ data, formatLegend, palette, showLegend, size }: Props): ReactElement;
 export { PieChart, type Props as PieChartProps, PieSlice, Props, PieChart as default };

package/dist/placeholder.d.ts

@@ -3,53 +3,45 @@ import { ReactElement } from 'react';
 import { LiteralUnion } from 'type-fest';
 type Props = {
   /**
-  * Whether to pulse the skeleton blocks (shimmer).
-  * @default true
-  */
+   * Whether to pulse the skeleton blocks (shimmer).
+   * @default true
+   */
   readonly animated?: boolean;
   /**
-  * Glyph repeated to fill each placeholder block.
-  * @default "█" (full block)
-  */
+   * Glyph repeated to fill each placeholder block.
+   * @default "█" (full block)
+   */
   readonly character?: string;
   /**
-  * Block color.
-  * @default "gray"
-  */
+   * Block color.
+   * @default "gray"
+   */
   readonly color?: LiteralUnion<AnsiColors, string>;
   /**
-  * Milliseconds between pulses.
-  * @default 500
-  */
+   * Milliseconds between pulses.
+   * @default 500
+   */
   readonly interval?: number;
   /**
-  * Number of skeleton rows to render.
-  * @default 3
-  */
+   * Number of skeleton rows to render.
+   * @default 3
+   */
   readonly rows?: number;
   /**
-  * Total width reference. When omitted, the block flexes to fill its
-  * parent.
-  */
+   * Total width reference. When omitted, the block flexes to fill its
+   * parent.
+   */
   readonly width?: number;
   /**
-  * Relative widths of each row (0–1). The list is sampled cyclically.
-  * @default [1, 0.85, 0.6]
-  */
+   * Relative widths of each row (0–1). The list is sampled cyclically.
+   * @default [1, 0.85, 0.6]
+   */
   readonly widths?: ReadonlyArray<number>;
 };
 /**
-* Skeleton loading indicator. Renders a stack of solid blocks whose widths
-* vary to mimic text placeholders. Pair with `async` data fetching.
-* @returns A `ReactElement` rendering the skeleton rows.
-*/
-declare function Placeholder({
-  animated,
-  character,
-  color,
-  interval,
-  rows,
-  width,
-  widths
-}: Props): ReactElement;
+ * Skeleton loading indicator. Renders a stack of solid blocks whose widths
+ * vary to mimic text placeholders. Pair with `async` data fetching.
+ * @returns A `ReactElement` rendering the skeleton rows.
+ */
+declare function Placeholder({ animated, character, color, interval, rows, width, widths }: Props): ReactElement;
 export { Placeholder, type Props as PlaceholderProps, Props, Placeholder as default };

package/dist/popover.d.ts

@@ -3,44 +3,37 @@ import { ReactNode, ReactElement } from 'react';
 import { LiteralUnion } from 'type-fest';
 type Props = {
   /**
-  * Accent color for the content border.
-  * @default "blue"
-  */
+   * Accent color for the content border.
+   * @default "blue"
+   */
   readonly accentColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * The trigger element the popover is anchored to.
-  */
+   * The trigger element the popover is anchored to.
+   */
   readonly anchor: ReactNode;
   /**
-  * The floating content, shown in a bordered box while open.
-  */
+   * The floating content, shown in a bordered box while open.
+   */
   readonly children: ReactNode;
   /**
-  * Whether the popover content is shown.
-  */
+   * Whether the popover content is shown.
+   */
   readonly isOpen: boolean;
   /**
-  * Fires when Escape is pressed while open.
-  */
+   * Fires when Escape is pressed while open.
+   */
   readonly onClose?: () => void;
   /**
-  * Whether the content sits above or below the anchor.
-  * @default "bottom"
-  */
+   * Whether the content sits above or below the anchor.
+   * @default "bottom"
+   */
   readonly placement?: "bottom" | "top";
 };
 /**
-* Floating content anchored to a trigger element. The anchor always renders;
-* the bordered content appears above or below it while `isOpen`, and Escape
-* fires `onClose`. Terminals have no true overlay layer, so the content takes
-* layout space rather than floating over other content.
-*/
-declare function Popover({
-  accentColor,
-  anchor,
-  children,
-  isOpen,
-  onClose,
-  placement
-}: Props): ReactElement;
+ * Floating content anchored to a trigger element. The anchor always renders;
+ * the bordered content appears above or below it while `isOpen`, and Escape
+ * fires `onClose`. Terminals have no true overlay layer, so the content takes
+ * layout space rather than floating over other content.
+ */
+declare function Popover({ accentColor, anchor, children, isOpen, onClose, placement }: Props): ReactElement;
 export { Popover, type Props as PopoverProps, Props, Popover as default };

package/dist/progress-bar.d.ts

@@ -4,48 +4,40 @@ type Props = {
   /** Fill glyph repeated across the completed portion of the progress bar. Defaults to "█". */
   readonly character?: string;
   /**
-  * Override the terminal width used for calculation.
-  * When 0, uses the actual terminal width.
-  * @default 0
-  */
+   * Override the terminal width used for calculation.
+   * When 0, uses the actual terminal width.
+   * @default 0
+   */
   readonly columns?: number;
   /**
-  * Number of columns reserved on the left side (e.g. for labels).
-  * @default 0
-  */
+   * Number of columns reserved on the left side (e.g. for labels).
+   * @default 0
+   */
   readonly left?: number;
   /**
-  * Completion percentage between 0 and 1.
-  * @default 1
-  */
+   * Completion percentage between 0 and 1.
+   * @default 1
+   */
   readonly percent?: number;
   /**
-  * Number of columns reserved on the right side (e.g. for percentage text).
-  * @default 0
-  */
+   * Number of columns reserved on the right side (e.g. for percentage text).
+   * @default 0
+   */
   readonly right?: number;
   /**
-  * Whether to pad the remaining space with whitespace.
-  * Useful when rendering the bar over a background color.
-  * @default false
-  */
+   * Whether to pad the remaining space with whitespace.
+   * Useful when rendering the bar over a background color.
+   * @default false
+   */
   readonly rightPad?: boolean;
 } & Omit<Props$1, "children">;
 /**
-* A terminal progress bar that fills proportionally to a percentage value.
-*
-* ```tsx
-* &lt;ProgressBar percent={0.5} />
-* &lt;ProgressBar percent={0.75} color="green" left={10} right={5} />
-* ```
-*/
-declare function ProgressBar({
-  character,
-  columns: columnsProp,
-  left,
-  percent,
-  right,
-  rightPad,
-  ...textProps
-}: Props): ReactElement;
+ * A terminal progress bar that fills proportionally to a percentage value.
+ *
+ * ```tsx
+ * &lt;ProgressBar percent={0.5} />
+ * &lt;ProgressBar percent={0.75} color="green" left={10} right={5} />
+ * ```
+ */
+declare function ProgressBar({ character, columns: columnsProp, left, percent, right, rightPad, ...textProps }: Props): ReactElement;
 export { ProgressBar, type Props as ProgressBarProps, Props, ProgressBar as default };

package/dist/progress-circle.d.ts

@@ -3,57 +3,48 @@ import { ReactElement } from 'react';
 import { LiteralUnion } from 'type-fest';
 type Props = {
   /**
-  * Color of the filled portion of the ring.
-  * @default "cyan"
-  */
+   * Color of the filled portion of the ring.
+   * @default "cyan"
+   */
   readonly color?: LiteralUnion<AnsiColors, string>;
   /**
-  * Format the centered readout. Defaults to a rounded percentage.
-  */
+   * Format the centered readout. Defaults to a rounded percentage.
+   */
   readonly formatValue?: (ratio: number) => string;
   /**
-  * Upper bound of the range.
-  * @default 100
-  */
+   * Upper bound of the range.
+   * @default 100
+   */
   readonly max?: number;
   /**
-  * Lower bound of the range.
-  * @default 0
-  */
+   * Lower bound of the range.
+   * @default 0
+   */
   readonly min?: number;
   /**
-  * Show the readout in the middle of the ring.
-  * @default true
-  */
+   * Show the readout in the middle of the ring.
+   * @default true
+   */
   readonly showValue?: boolean;
   /**
-  * Diameter of the ring in character rows.
-  * @default 8
-  */
+   * Diameter of the ring in character rows.
+   * @default 8
+   */
   readonly size?: number;
   /**
-  * Color of the unfilled track behind the ring.
-  * @default "gray"
-  */
+   * Color of the unfilled track behind the ring.
+   * @default "gray"
+   */
   readonly trackColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Current value, clamped into `[min, max]`.
-  */
+   * Current value, clamped into `[min, max]`.
+   */
   readonly value: number;
 };
 /**
-* A circular progress ring rendered at 2x4 braille sub-cell resolution. The
-* filled arc grows clockwise from the top in proportion to `value`, with an
-* optional centered readout.
-*/
-declare function ProgressCircle({
-  color,
-  formatValue,
-  max,
-  min,
-  showValue,
-  size,
-  trackColor,
-  value
-}: Props): ReactElement;
+ * A circular progress ring rendered at 2x4 braille sub-cell resolution. The
+ * filled arc grows clockwise from the top in proportion to `value`, with an
+ * optional centered readout.
+ */
+declare function ProgressCircle({ color, formatValue, max, min, showValue, size, trackColor, value }: Props): ReactElement;
 export { ProgressCircle, type Props as ProgressCircleProps, Props, ProgressCircle as default };

package/dist/qr-code.d.ts

@@ -4,42 +4,36 @@ import { LiteralUnion } from 'type-fest';
 type Color = LiteralUnion<AnsiColors, string>;
 type Props = {
   /**
-  * Color of the "dark" modules.
-  * @default "black"
-  */
+   * Color of the "dark" modules.
+   * @default "black"
+   */
   readonly darkColor?: Color;
   /**
-  * Color of the "light" modules and quiet zone.
-  * @default "white"
-  */
+   * Color of the "light" modules and quiet zone.
+   * @default "white"
+   */
   readonly lightColor?: Color;
   /**
-  * A pre-encoded square grid of modules (`true` = dark). Provide this to
-  * render without the optional `qrcode` peer; it takes precedence over
-  * `value`.
-  */
+   * A pre-encoded square grid of modules (`true` = dark). Provide this to
+   * render without the optional `qrcode` peer; it takes precedence over
+   * `value`.
+   */
   readonly matrix?: ReadonlyArray<ReadonlyArray<boolean>>;
   /**
-  * Width of the light border around the code, in modules.
-  * @default 2
-  */
+   * Width of the light border around the code, in modules.
+   * @default 2
+   */
   readonly quietZone?: number;
   /**
-  * A string to encode. Requires the optional `qrcode` peer dependency; when
-  * absent, provide `matrix` instead.
-  */
+   * A string to encode. Requires the optional `qrcode` peer dependency; when
+   * absent, provide `matrix` instead.
+   */
   readonly value?: string;
 };
 /**
-* Render a QR code from a module matrix using the upper-half-block technique,
-* so two module rows share one character row. Pass `matrix` for a self-contained
-* render, or `value` to encode a string via the optional `qrcode` peer.
-*/
-declare function QrCode({
-  darkColor,
-  lightColor,
-  matrix,
-  quietZone,
-  value
-}: Props): ReactElement;
+ * Render a QR code from a module matrix using the upper-half-block technique,
+ * so two module rows share one character row. Pass `matrix` for a self-contained
+ * render, or `value` to encode a string via the optional `qrcode` peer.
+ */
+declare function QrCode({ darkColor, lightColor, matrix, quietZone, value }: Props): ReactElement;
 export { Props, QrCode, type Props as QrCodeProps, QrCode as default };

package/dist/radio-group.d.ts

@@ -9,66 +9,55 @@ type RadioOption = {
 };
 type Props = {
   /**
-  * Accent color for the focused and selected indicator.
-  * @default "blue"
-  */
+   * Accent color for the focused and selected indicator.
+   * @default "blue"
+   */
   readonly accentColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Auto-focus when mounted.
-  */
+   * Auto-focus when mounted.
+   */
   readonly autoFocus?: boolean;
   /**
-  * When true, moving focus with arrow keys immediately updates the selected
-  * value (and fires `onChange`). When false, focus moves independently and
-  * selection commits only on Space or Enter.
-  * @default true
-  */
+   * When true, moving focus with arrow keys immediately updates the selected
+   * value (and fires `onChange`). When false, focus moves independently and
+   * selection commits only on Space or Enter.
+   * @default true
+   */
   readonly commitOnNavigate?: boolean;
   /**
-  * Initial selected value when uncontrolled.
-  */
+   * Initial selected value when uncontrolled.
+   */
   readonly defaultValue?: string;
   /**
-  * Disable input and dim labels.
-  */
+   * Disable input and dim labels.
+   */
   readonly isDisabled?: boolean;
   /**
-  * Called when selection changes.
-  */
+   * Called when selection changes.
+   */
   readonly onChange?: (value: string) => void;
   /**
-  * Called when the user submits by pressing Enter.
-  */
+   * Called when the user submits by pressing Enter.
+   */
   readonly onSubmit?: (value: string) => void;
   /**
-  * Available options.
-  */
+   * Available options.
+   */
   readonly options: ReadonlyArray<RadioOption>;
   /**
-  * Orientation of options.
-  * @default "vertical"
-  */
+   * Orientation of options.
+   * @default "vertical"
+   */
   readonly orientation?: "horizontal" | "vertical";
   /**
-  * Controlled selected value.
-  */
+   * Controlled selected value.
+   */
   readonly value?: string;
 };
 /**
-* Single-choice radio group with keyboard navigation. By default, navigation
-* commits selection; set `commitOnNavigate={false}` to require an explicit
-* Space/Enter commit.
-*/
-declare function RadioGroup({
-  accentColor,
-  autoFocus,
-  commitOnNavigate,
-  defaultValue,
-  isDisabled,
-  onChange,
-  onSubmit,
-  options,
-  orientation,
-  value
-}: Props): ReactElement;
+ * Single-choice radio group with keyboard navigation. By default, navigation
+ * commits selection; set `commitOnNavigate={false}` to require an explicit
+ * Space/Enter commit.
+ */
+declare function RadioGroup({ accentColor, autoFocus, commitOnNavigate, defaultValue, isDisabled, onChange, onSubmit, options, orientation, value }: Props): ReactElement;
 export { Props, RadioGroup, type Props as RadioGroupProps, RadioOption, RadioGroup as default };

package/dist/scatter-plot.d.ts

@@ -16,20 +16,9 @@ type Props = {
   readonly width?: number;
 };
 /**
-* Scatter plot rendered on a braille pixel grid. Each sample lights one
-* sub-cell pixel; overlapping points merge into denser braille glyphs.
-* @returns A `ReactElement` containing the plot and an optional legend.
-*/
-declare function ScatterPlot({
-  axisColor,
-  height,
-  maxX,
-  maxY,
-  minX,
-  minY,
-  palette,
-  series,
-  showLegend,
-  width
-}: Props): ReactElement;
+ * Scatter plot rendered on a braille pixel grid. Each sample lights one
+ * sub-cell pixel; overlapping points merge into denser braille glyphs.
+ * @returns A `ReactElement` containing the plot and an optional legend.
+ */
+declare function ScatterPlot({ axisColor, height, maxX, maxY, minX, minY, palette, series, showLegend, width }: Props): ReactElement;
 export { Props, ScatterPlot, type Props as ScatterPlotProps, ScatterPlot as default };

package/dist/scroll-bar-box.d.ts

@@ -1,3 +1,3 @@
-export { S as ScrollBarBox, type a as ScrollBarBoxProps } from "./packem_shared/scroll-bar-box.d-DSBbBsRc.js";
+export { S as ScrollBarBox, type a as ScrollBarBoxProps } from "./packem_shared/scroll-bar-box.d-CpTYEcTZ.js";
 import '@visulima/tui/components/box';
 import 'react';

package/dist/scroll-list.d.ts

@@ -1,4 +1,4 @@
-export { type S as ScrollAlignment, a as ScrollList, type b as ScrollListProps, type c as ScrollListRef } from "./packem_shared/scroll-list.d-BP0UZSY4.js";
+export { type S as ScrollAlignment, a as ScrollList, type b as ScrollListProps, type c as ScrollListRef } from "./packem_shared/scroll-list.d-CPCF0RwC.js";
 import 'react';
-import "./packem_shared/scroll-view.d-BqKpI-F-.js";
+import "./packem_shared/scroll-view.d-GZcgAHl4.js";
 import '@visulima/tui/components/box';

package/dist/scroll-view.d.ts

@@ -1,3 +1,3 @@
-export { S as ScrollView, type a as ScrollViewProps, type b as ScrollViewRef } from "./packem_shared/scroll-view.d-BqKpI-F-.js";
+export { S as ScrollView, type a as ScrollViewProps, type b as ScrollViewRef } from "./packem_shared/scroll-view.d-GZcgAHl4.js";
 import '@visulima/tui/components/box';
 import 'react';

package/dist/search-input.d.ts

@@ -3,53 +3,44 @@ import { ReactNode, ReactElement } from 'react';
 import { LiteralUnion } from 'type-fest';
 type Props = {
   /**
-  * Color of the accent elements (border, icon).
-  * @default "blue"
-  */
+   * Color of the accent elements (border, icon).
+   * @default "blue"
+   */
   readonly accentColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Initial value.
-  */
+   * Initial value.
+   */
   readonly defaultValue?: string;
   /**
-  * Node rendered before the input as a search affordance.
-  * @default "⌕" (telephone recorder)
-  */
+   * Node rendered before the input as a search affordance.
+   * @default "⌕" (telephone recorder)
+   */
   readonly icon?: ReactNode;
   /**
-  * Disable the input.
-  */
+   * Disable the input.
+   */
   readonly isDisabled?: boolean;
   /**
-  * Fired whenever the value changes.
-  */
+   * Fired whenever the value changes.
+   */
   readonly onChange?: (value: string) => void;
   /**
-  * Fired when the user presses Enter.
-  */
+   * Fired when the user presses Enter.
+   */
   readonly onSubmit?: (value: string) => void;
   /**
-  * Placeholder text shown when the input is empty.
-  * @default "Search..."
-  */
+   * Placeholder text shown when the input is empty.
+   * @default "Search..."
+   */
   readonly placeholder?: string;
   /**
-  * Autocomplete suggestions.
-  */
+   * Autocomplete suggestions.
+   */
   readonly suggestions?: ReadonlyArray<string>;
 };
 /**
-* Search-styled text input with an icon and bordered container.
-* @returns A `ReactElement` wrapping `TextInput` with an icon column.
-*/
-declare function SearchInput({
-  accentColor,
-  defaultValue,
-  icon,
-  isDisabled,
-  onChange,
-  onSubmit,
-  placeholder,
-  suggestions
-}: Props): ReactElement;
+ * Search-styled text input with an icon and bordered container.
+ * @returns A `ReactElement` wrapping `TextInput` with an icon column.
+ */
+declare function SearchInput({ accentColor, defaultValue, icon, isDisabled, onChange, onSubmit, placeholder, suggestions }: Props): ReactElement;
 export { Props, SearchInput, type Props as SearchInputProps, SearchInput as default };