@visulima/tui-kit 1.0.0 → 1.0.1

package/dist/breadcrumb.d.ts

@@ -8,26 +8,22 @@ type BreadcrumbItem = {
 };
 type Props = {
   /**
-  * Color applied to the trailing (current) item.
-  * @default "blue"
-  */
+   * Color applied to the trailing (current) item.
+   * @default "blue"
+   */
   readonly currentColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Items to display from root to current page.
-  */
+   * Items to display from root to current page.
+   */
   readonly items: ReadonlyArray<BreadcrumbItem>;
   /**
-  * Glyph rendered between adjacent items.
-  * @default "›" (right single angle quote)
-  */
+   * Glyph rendered between adjacent items.
+   * @default "›" (right single angle quote)
+   */
   readonly separator?: string;
 };
 /**
-* Render a breadcrumb trail (last item is highlighted).
-*/
-declare function Breadcrumb({
-  currentColor,
-  items,
-  separator
-}: Props): ReactElement;
+ * Render a breadcrumb trail (last item is highlighted).
+ */
+declare function Breadcrumb({ currentColor, items, separator }: Props): ReactElement;
 export { Breadcrumb, BreadcrumbItem, type Props as BreadcrumbProps, Props, Breadcrumb as default };

package/dist/button.d.ts

@@ -4,42 +4,35 @@ import { LiteralUnion } from 'type-fest';
 type ButtonVariant = "ghost" | "outline" | "primary" | "secondary";
 type Props = {
   /**
-  * Accent color used when the button is focused.
-  * @default "blue"
-  */
+   * Accent color used when the button is focused.
+   * @default "blue"
+   */
   readonly accentColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Focus this button when mounted if nothing else is focused.
-  */
+   * Focus this button when mounted if nothing else is focused.
+   */
   readonly autoFocus?: boolean;
   /**
-  * Button label.
-  */
+   * Button label.
+   */
   readonly children: ReactNode;
   /**
-  * When true, the button ignores input and is rendered dim.
-  */
+   * When true, the button ignores input and is rendered dim.
+   */
   readonly isDisabled?: boolean;
   /**
-  * Called when the user presses Enter or Space while the button has focus.
-  */
+   * Called when the user presses Enter or Space while the button has focus.
+   */
   readonly onPress?: () => void;
   /**
-  * Visual style.
-  * @default "primary"
-  */
+   * Visual style.
+   * @default "primary"
+   */
   readonly variant?: ButtonVariant;
 };
 /**
-* Focusable button. Triggers `onPress` on Enter / Space.
-* @returns A `ReactElement` rendering the button (bordered or ghost variant).
-*/
-declare function Button({
-  accentColor,
-  autoFocus,
-  children,
-  isDisabled,
-  onPress,
-  variant
-}: Props): ReactElement;
+ * Focusable button. Triggers `onPress` on Enter / Space.
+ * @returns A `ReactElement` rendering the button (bordered or ghost variant).
+ */
+declare function Button({ accentColor, autoFocus, children, isDisabled, onPress, variant }: Props): ReactElement;
 export { Button, type Props as ButtonProps, ButtonVariant, Props, Button as default };

package/dist/calendar.d.ts

@@ -3,70 +3,58 @@ import { ReactElement } from 'react';
 import { LiteralUnion } from 'type-fest';
 type Props = {
   /**
-  * Accent color for today / the focused cell.
-  * @default "blue"
-  */
+   * Accent color for today / the focused cell.
+   * @default "blue"
+   */
   readonly accentColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Auto-focus the grid on mount.
-  */
+   * Auto-focus the grid on mount.
+   */
   readonly autoFocus?: boolean;
   /**
-  * Initial focused day when uncontrolled. Defaults to `value` or today.
-  */
+   * Initial focused day when uncontrolled. Defaults to `value` or today.
+   */
   readonly defaultValue?: Date;
   /**
-  * First day of the week: 0 = Sunday, 1 = Monday.
-  * @default 1
-  */
+   * First day of the week: 0 = Sunday, 1 = Monday.
+   * @default 1
+   */
   readonly firstDayOfWeek?: 0 | 1;
   /**
-  * When true, disable input and render the grid dim.
-  */
+   * When true, disable input and render the grid dim.
+   */
   readonly isDisabled?: boolean;
   /**
-  * Upper bound; days after `maxDate` cannot be selected.
-  */
+   * Upper bound; days after `maxDate` cannot be selected.
+   */
   readonly maxDate?: Date;
   /**
-  * Lower bound; days before `minDate` cannot be selected.
-  */
+   * Lower bound; days before `minDate` cannot be selected.
+   */
   readonly minDate?: Date;
   /**
-  * Called whenever the user navigates or selects a day.
-  */
+   * Called whenever the user navigates or selects a day.
+   */
   readonly onChange?: (date: Date) => void;
   /**
-  * Called when the user presses Enter.
-  */
+   * Called when the user presses Enter.
+   */
   readonly onSubmit?: (date: Date) => void;
   /**
-  * Color used to mark the currently selected day.
-  * @default "green"
-  */
+   * Color used to mark the currently selected day.
+   * @default "green"
+   */
   readonly selectedColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Controlled selected date.
-  */
+   * Controlled selected date.
+   */
   readonly value?: Date;
 };
 /**
-* Month-grid date picker. Arrow keys move focus by one day, page up/down move
-* by month. Enter submits; Space or Enter selects.
-* @returns A bordered `ReactElement` containing the month header, weekday
-* labels, and the day grid.
-*/
-declare function Calendar({
-  accentColor,
-  autoFocus,
-  defaultValue,
-  firstDayOfWeek,
-  isDisabled,
-  maxDate,
-  minDate,
-  onChange,
-  onSubmit,
-  selectedColor,
-  value
-}: Props): ReactElement;
+ * Month-grid date picker. Arrow keys move focus by one day, page up/down move
+ * by month. Enter submits; Space or Enter selects.
+ * @returns A bordered `ReactElement` containing the month header, weekday
+ * labels, and the day grid.
+ */
+declare function Calendar({ accentColor, autoFocus, defaultValue, firstDayOfWeek, isDisabled, maxDate, minDate, onChange, onSubmit, selectedColor, value }: Props): ReactElement;
 export { Calendar, type Props as CalendarProps, Props, Calendar as default };

package/dist/card.d.ts

@@ -3,55 +3,45 @@ import { ReactNode, ReactElement } from 'react';
 import { LiteralUnion } from 'type-fest';
 type Props = {
   /**
-  * Border color.
-  */
+   * Border color.
+   */
   readonly borderColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Border style name, passed through to `Box`.
-  * @default "round"
-  */
+   * Border style name, passed through to `Box`.
+   * @default "round"
+   */
   readonly borderStyle?: "arrow" | "bold" | "classic" | "double" | "doubleSingle" | "round" | "single" | "singleDouble";
   /**
-  * Card body.
-  */
+   * Card body.
+   */
   readonly children: ReactNode;
   /**
-  * Optional footer rendered below body with a dim divider.
-  */
+   * Optional footer rendered below body with a dim divider.
+   */
   readonly footer?: ReactNode;
   /**
-  * Optional content rendered after the title on the same row.
-  */
+   * Optional content rendered after the title on the same row.
+   */
   readonly headerRight?: ReactNode;
   /**
-  * Optional subtitle rendered below the title.
-  */
+   * Optional subtitle rendered below the title.
+   */
   readonly subtitle?: string;
   /**
-  * Optional title rendered in the header area.
-  */
+   * Optional title rendered in the header area.
+   */
   readonly title?: string;
   /**
-  * Color applied to the title.
-  */
+   * Color applied to the title.
+   */
   readonly titleColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Fix the card width. When omitted the card grows to fill its parent.
-  */
+   * Fix the card width. When omitted the card grows to fill its parent.
+   */
   readonly width?: number | string;
 };
 /**
-* Bordered container with optional title, subtitle, and footer.
-*/
-declare function Card({
-  borderColor,
-  borderStyle,
-  children,
-  footer,
-  headerRight,
-  subtitle,
-  title,
-  titleColor,
-  width
-}: Props): ReactElement;
+ * Bordered container with optional title, subtitle, and footer.
+ */
+declare function Card({ borderColor, borderStyle, children, footer, headerRight, subtitle, title, titleColor, width }: Props): ReactElement;
 export { Card, type Props as CardProps, Props, Card as default };

package/dist/checkbox-group.d.ts

@@ -9,51 +9,42 @@ type CheckboxOption = {
 };
 type Props = {
   /**
-  * Accent color for the focused row and checked marks.
-  * @default "blue"
-  */
+   * Accent color for the focused row and checked marks.
+   * @default "blue"
+   */
   readonly accentColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Auto-focus on mount.
-  */
+   * Auto-focus on mount.
+   */
   readonly autoFocus?: boolean;
   /**
-  * Checked values when uncontrolled.
-  */
+   * Checked values when uncontrolled.
+   */
   readonly defaultValue?: ReadonlyArray<string>;
   /**
-  * Disable the whole group.
-  */
+   * Disable the whole group.
+   */
   readonly isDisabled?: boolean;
   /**
-  * Fires whenever the set of checked values changes.
-  */
+   * Fires whenever the set of checked values changes.
+   */
   readonly onChange?: (values: ReadonlyArray<string>) => void;
   /**
-  * Fires on Enter with the current checked values.
-  */
+   * Fires on Enter with the current checked values.
+   */
   readonly onSubmit?: (values: ReadonlyArray<string>) => void;
   /**
-  * The options to render.
-  */
+   * The options to render.
+   */
   readonly options: ReadonlyArray<CheckboxOption>;
   /**
-  * Controlled checked values. When provided, `defaultValue` is ignored.
-  */
+   * Controlled checked values. When provided, `defaultValue` is ignored.
+   */
   readonly value?: ReadonlyArray<string>;
 };
 /**
-* A vertical list of checkboxes. ↑/↓ move focus, Space toggles the focused
-* option, `a` toggles all, and Enter submits.
-*/
-declare function CheckboxGroup({
-  accentColor,
-  autoFocus,
-  defaultValue,
-  isDisabled,
-  onChange,
-  onSubmit,
-  options,
-  value: controlledValue
-}: Props): ReactElement;
+ * A vertical list of checkboxes. ↑/↓ move focus, Space toggles the focused
+ * option, `a` toggles all, and Enter submits.
+ */
+declare function CheckboxGroup({ accentColor, autoFocus, defaultValue, isDisabled, onChange, onSubmit, options, value: controlledValue }: Props): ReactElement;
 export { CheckboxGroup, type Props as CheckboxGroupProps, CheckboxOption, Props, CheckboxGroup as default };

package/dist/checkbox.d.ts

@@ -3,46 +3,38 @@ import { ReactNode, ReactElement } from 'react';
 import { LiteralUnion } from 'type-fest';
 type Props = {
   /**
-  * Accent color when focused.
-  * @default "blue"
-  */
+   * Accent color when focused.
+   * @default "blue"
+   */
   readonly accentColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Auto-focus when mounted if nothing else is focused.
-  */
+   * Auto-focus when mounted if nothing else is focused.
+   */
   readonly autoFocus?: boolean;
   /**
-  * Label rendered next to the checkbox.
-  */
+   * Label rendered next to the checkbox.
+   */
   readonly children?: ReactNode;
   /**
-  * Initial checked state when uncontrolled.
-  * @default false
-  */
+   * Initial checked state when uncontrolled.
+   * @default false
+   */
   readonly defaultChecked?: boolean;
   /**
-  * Controlled checked state. When provided, `onChange` should update the parent.
-  */
+   * Controlled checked state. When provided, `onChange` should update the parent.
+   */
   readonly isChecked?: boolean;
   /**
-  * Disable input and dim the label.
-  */
+   * Disable input and dim the label.
+   */
   readonly isDisabled?: boolean;
   /**
-  * Fired when the checkbox toggles.
-  */
+   * Fired when the checkbox toggles.
+   */
   readonly onChange?: (checked: boolean) => void;
 };
 /**
-* Focusable checkbox. Toggles with Space or Enter.
-*/
-declare function Checkbox({
-  accentColor,
-  autoFocus,
-  children,
-  defaultChecked,
-  isChecked,
-  isDisabled,
-  onChange
-}: Props): ReactElement;
+ * Focusable checkbox. Toggles with Space or Enter.
+ */
+declare function Checkbox({ accentColor, autoFocus, children, defaultChecked, isChecked, isDisabled, onChange }: Props): ReactElement;
 export { Checkbox, type Props as CheckboxProps, Props, Checkbox as default };

package/dist/code.d.ts

@@ -1,48 +1,41 @@
 import { ReactElement } from 'react';
 type Props = {
   /**
-  * The source code string to highlight.
-  */
+   * The source code string to highlight.
+   */
   readonly code: string;
   /**
-  * Set of line numbers to visually emphasize.
-  */
+   * Set of line numbers to visually emphasize.
+   */
   readonly highlightLines?: ReadonlySet<number>;
   /**
-  * Programming language for syntax highlighting.
-  * Falls back to plain text if the language is unknown.
-  */
+   * Programming language for syntax highlighting.
+   * Falls back to plain text if the language is unknown.
+   */
   readonly language?: string;
   /**
-  * Whether to show line numbers in the gutter.
-  * @default false
-  */
+   * Whether to show line numbers in the gutter.
+   * @default false
+   */
   readonly showLineNumbers?: boolean;
   /**
-  * Starting line number (useful for code excerpts).
-  * @default 1
-  */
+   * Starting line number (useful for code excerpts).
+   * @default 1
+   */
   readonly startLine?: number;
   /**
-  * Shiki theme name.
-  * @default "github-dark-default"
-  */
+   * Shiki theme name.
+   * @default "github-dark-default"
+   */
   readonly theme?: string;
 };
 /**
-* Render source code with syntax highlighting.
-*
-* ```tsx
-* &lt;Code code="const x = 42;" language="typescript" />
-* &lt;Code code={source} language="python" showLineNumbers />
-* ```
-*/
-declare function Code({
-  code,
-  highlightLines,
-  language,
-  showLineNumbers,
-  startLine,
-  theme
-}: Props): ReactElement;
+ * Render source code with syntax highlighting.
+ *
+ * ```tsx
+ * &lt;Code code="const x = 42;" language="typescript" />
+ * &lt;Code code={source} language="python" showLineNumbers />
+ * ```
+ */
+declare function Code({ code, highlightLines, language, showLineNumbers, startLine, theme }: Props): ReactElement;
 export { Code, type Props as CodeProps, Props, Code as default };

package/dist/collapsible.d.ts

@@ -3,51 +3,42 @@ import { ReactNode, ReactElement } from 'react';
 import { LiteralUnion } from 'type-fest';
 type Props = {
   /**
-  * Accent color when the header is focused.
-  * @default "blue"
-  */
+   * Accent color when the header is focused.
+   * @default "blue"
+   */
   readonly accentColor?: LiteralUnion<AnsiColors, string>;
   /**
-  * Auto-focus the collapsible on mount.
-  */
+   * Auto-focus the collapsible on mount.
+   */
   readonly autoFocus?: boolean;
   /**
-  * Child content rendered when open.
-  */
+   * Child content rendered when open.
+   */
   readonly children: ReactNode;
   /**
-  * Whether the section starts expanded.
-  * @default false
-  */
+   * Whether the section starts expanded.
+   * @default false
+   */
   readonly defaultOpen?: boolean;
   /**
-  * Disable interaction.
-  */
+   * Disable interaction.
+   */
   readonly isDisabled?: boolean;
   /**
-  * Controlled open state.
-  */
+   * Controlled open state.
+   */
   readonly isOpen?: boolean;
   /**
-  * Called when the user toggles the section.
-  */
+   * Called when the user toggles the section.
+   */
   readonly onToggle?: (isOpen: boolean) => void;
   /**
-  * Header label.
-  */
+   * Header label.
+   */
   readonly title: ReactNode;
 };
 /**
-* Focusable section that can be expanded or collapsed.
-*/
-declare function Collapsible({
-  accentColor,
-  autoFocus,
-  children,
-  defaultOpen,
-  isDisabled,
-  isOpen,
-  onToggle,
-  title
-}: Props): ReactElement;
+ * Focusable section that can be expanded or collapsed.
+ */
+declare function Collapsible({ accentColor, autoFocus, children, defaultOpen, isDisabled, isOpen, onToggle, title }: Props): ReactElement;
 export { Collapsible, type Props as CollapsibleProps, Props, Collapsible as default };

package/dist/color-picker.d.ts

@@ -4,68 +4,56 @@ import { LiteralUnion } from 'type-fest';
 type Color = LiteralUnion<AnsiColors, string>;
 type Props = {
   /**
-  * Accent color for the focused-cell outline.
-  * @default "blue"
-  */
+   * Accent color for the focused-cell outline.
+   * @default "blue"
+   */
   readonly accentColor?: Color;
   /**
-  * Auto-focus on mount.
-  */
+   * Auto-focus on mount.
+   */
   readonly autoFocus?: boolean;
   /**
-  * Number of swatches per row.
-  * @default 8
-  */
+   * Number of swatches per row.
+   * @default 8
+   */
   readonly columns?: number;
   /**
-  * Selected color when uncontrolled.
-  */
+   * Selected color when uncontrolled.
+   */
   readonly defaultValue?: Color;
   /**
-  * Disable input and dim the grid.
-  */
+   * Disable input and dim the grid.
+   */
   readonly isDisabled?: boolean;
   /**
-  * Fires when the highlighted swatch changes.
-  */
+   * Fires when the highlighted swatch changes.
+   */
   readonly onChange?: (color: Color) => void;
   /**
-  * Fires on Enter with the highlighted swatch.
-  */
+   * Fires on Enter with the highlighted swatch.
+   */
   readonly onSubmit?: (color: Color) => void;
   /**
-  * Colors to offer. Defaults to the 16 standard ANSI colors.
-  */
+   * Colors to offer. Defaults to the 16 standard ANSI colors.
+   */
   readonly palette?: ReadonlyArray<Color>;
   /**
-  * Render the highlighted color's name beneath the grid.
-  * @default true
-  */
+   * Render the highlighted color's name beneath the grid.
+   * @default true
+   */
   readonly showName?: boolean;
   /**
-  * The two-cell glyph filled with each palette color (default `"██"`).
-  */
+   * The two-cell glyph filled with each palette color (default `"██"`).
+   */
   readonly swatch?: string;
   /**
-  * Controlled selected color. When provided, `defaultValue` is ignored.
-  */
+   * Controlled selected color. When provided, `defaultValue` is ignored.
+   */
   readonly value?: Color;
 };
 /**
-* A grid of color swatches. Arrow keys move the highlight, Enter selects. The
-* highlighted swatch's name is shown below the grid by default.
-*/
-declare function ColorPicker({
-  accentColor,
-  autoFocus,
-  columns,
-  defaultValue,
-  isDisabled,
-  onChange,
-  onSubmit,
-  palette,
-  showName,
-  swatch,
-  value: controlledValue
-}: Props): ReactElement;
+ * A grid of color swatches. Arrow keys move the highlight, Enter selects. The
+ * highlighted swatch's name is shown below the grid by default.
+ */
+declare function ColorPicker({ accentColor, autoFocus, columns, defaultValue, isDisabled, onChange, onSubmit, palette, showName, swatch, value: controlledValue }: Props): ReactElement;
 export { ColorPicker, type Props as ColorPickerProps, Props, ColorPicker as default };