tuiuiu.js 0.1.1

package/dist/design-system/forms/button.d.ts

@@ -0,0 +1,106 @@
+/**
+ * Button - Clickable button component
+ *
+ * Features:
+ * - Mouse click support
+ * - Keyboard activation (Enter/Space)
+ * - Multiple variants (solid, outline, ghost)
+ * - Disabled state
+ * - Loading state with spinner
+ * - Focus/hover states
+ */
+import type { VNode, ColorValue } from '../../utils/types.js';
+export type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'link';
+export type ButtonSize = 'small' | 'medium' | 'large';
+export interface ButtonProps {
+    /** Button label */
+    label: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Visual variant */
+    variant?: ButtonVariant;
+    /** Size */
+    size?: ButtonSize;
+    /** Color */
+    color?: ColorValue;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Loading state */
+    loading?: boolean;
+    /** Loading text */
+    loadingText?: string;
+    /** Icon before label */
+    icon?: string;
+    /** Icon after label */
+    iconRight?: string;
+    /** Full width */
+    fullWidth?: boolean;
+    /** Currently focused */
+    focused?: boolean;
+    /** Currently hovered (from mouse) */
+    hovered?: boolean;
+}
+/**
+ * Button - Clickable button component
+ *
+ * @example
+ * // Basic button
+ * Button({
+ *   label: 'Click me',
+ *   onClick: () => console.log('Clicked!'),
+ * })
+ *
+ * @example
+ * // With icon and variant
+ * Button({
+ *   label: 'Save',
+ *   icon: '💾',
+ *   variant: 'solid',
+ *   color: 'green',
+ *   onClick: handleSave,
+ * })
+ *
+ * @example
+ * // Loading state
+ * Button({
+ *   label: 'Submit',
+ *   loading: true,
+ *   loadingText: 'Submitting...',
+ * })
+ */
+export declare function Button(props: ButtonProps): VNode;
+export interface IconButtonProps {
+    /** Icon to display */
+    icon: string;
+    /** Aria label (for accessibility) */
+    label: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Color */
+    color?: ColorValue;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Currently focused */
+    focused?: boolean;
+    /** Currently hovered */
+    hovered?: boolean;
+}
+/**
+ * IconButton - Button with just an icon
+ */
+export declare function IconButton(props: IconButtonProps): VNode;
+export interface ButtonGroupProps {
+    /** Buttons to render */
+    buttons: ButtonProps[];
+    /** Orientation */
+    direction?: 'horizontal' | 'vertical';
+    /** Gap between buttons */
+    gap?: number;
+    /** Currently focused index */
+    focusedIndex?: number;
+}
+/**
+ * ButtonGroup - Group of buttons with shared styling
+ */
+export declare function ButtonGroup(props: ButtonGroupProps): VNode;
+//# sourceMappingURL=button.d.ts.map

package/dist/design-system/forms/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/design-system/forms/button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAQ9D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AACnE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,WAAW;IAC1B,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,WAAW;IACX,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY;IACZ,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CA4HhD;AAMD,MAAM,WAAW,eAAe;IAC9B,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY;IACZ,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAgCxD;AAMD,MAAM,WAAW,gBAAgB;IAC/B,wBAAwB;IACxB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,kBAAkB;IAClB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,0BAA0B;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,KAAK,CAsB1D"}

package/dist/design-system/forms/button.js

@@ -0,0 +1,170 @@
+/**
+ * Button - Clickable button component
+ *
+ * Features:
+ * - Mouse click support
+ * - Keyboard activation (Enter/Space)
+ * - Multiple variants (solid, outline, ghost)
+ * - Disabled state
+ * - Loading state with spinner
+ * - Focus/hover states
+ */
+import { Box, Text } from '../../primitives/nodes.js';
+import { themeColor } from '../../core/theme.js';
+import { getChars, getRenderMode } from '../../core/capabilities.js';
+// =============================================================================
+// Component
+// =============================================================================
+/**
+ * Button - Clickable button component
+ *
+ * @example
+ * // Basic button
+ * Button({
+ *   label: 'Click me',
+ *   onClick: () => console.log('Clicked!'),
+ * })
+ *
+ * @example
+ * // With icon and variant
+ * Button({
+ *   label: 'Save',
+ *   icon: '💾',
+ *   variant: 'solid',
+ *   color: 'green',
+ *   onClick: handleSave,
+ * })
+ *
+ * @example
+ * // Loading state
+ * Button({
+ *   label: 'Submit',
+ *   loading: true,
+ *   loadingText: 'Submitting...',
+ * })
+ */
+export function Button(props) {
+    const { label, onClick, variant = 'solid', size = 'medium', color = themeColor('info'), disabled = false, loading = false, loadingText, icon, iconRight, fullWidth = false, focused = false, hovered = false, } = props;
+    const isAscii = getRenderMode() === 'ascii';
+    const chars = getChars();
+    // Padding based on size
+    const paddingX = size === 'small' ? 1 : size === 'large' ? 3 : 2;
+    const paddingY = size === 'large' ? 1 : 0;
+    // Colors based on variant and state
+    const isInteractive = !disabled && !loading;
+    const isHighlighted = focused || hovered;
+    let textColor;
+    let bgColor;
+    let borderColor;
+    let borderStyle = 'round';
+    switch (variant) {
+        case 'solid':
+            if (disabled) {
+                textColor = 'gray';
+                bgColor = undefined;
+                borderColor = 'gray';
+            }
+            else if (isHighlighted) {
+                textColor = 'black';
+                bgColor = color;
+                borderColor = color;
+            }
+            else {
+                textColor = color;
+                bgColor = undefined;
+                borderColor = color;
+            }
+            break;
+        case 'outline':
+            textColor = disabled ? 'gray' : isHighlighted ? color : color;
+            bgColor = undefined;
+            borderColor = disabled ? 'gray' : color;
+            break;
+        case 'ghost':
+            textColor = disabled ? 'gray' : isHighlighted ? color : 'white';
+            bgColor = isHighlighted && !disabled ? color : undefined;
+            borderColor = undefined;
+            borderStyle = 'none';
+            break;
+        case 'link':
+            textColor = disabled ? 'gray' : color;
+            bgColor = undefined;
+            borderColor = undefined;
+            borderStyle = 'none';
+            break;
+    }
+    // Build content
+    const parts = [];
+    // Loading spinner
+    if (loading) {
+        const spinner = isAscii ? chars.spinner[0] : chars.spinner[0];
+        parts.push(Text({ color: textColor }, spinner + ' '));
+    }
+    // Icon
+    if (icon && !loading) {
+        parts.push(Text({ color: textColor }, icon + ' '));
+    }
+    // Label
+    const displayLabel = loading && loadingText ? loadingText : label;
+    parts.push(Text({
+        color: variant === 'solid' && isHighlighted && !disabled ? 'black' : textColor,
+        backgroundColor: variant === 'solid' && isHighlighted && !disabled ? bgColor : undefined,
+        bold: isHighlighted && isInteractive,
+        dim: disabled,
+        underline: variant === 'link' && isHighlighted,
+    }, displayLabel));
+    // Right icon
+    if (iconRight && !loading) {
+        parts.push(Text({ color: textColor }, ' ' + iconRight));
+    }
+    // Wrapper
+    const boxProps = {
+        flexDirection: 'row',
+        paddingX,
+        paddingY,
+        flexGrow: fullWidth ? 1 : 0,
+    };
+    if (borderStyle !== 'none') {
+        boxProps.borderStyle = borderStyle;
+        boxProps.borderColor = borderColor;
+    }
+    // Add onClick handler if interactive
+    if (isInteractive && onClick) {
+        boxProps.onClick = onClick;
+    }
+    return Box(boxProps, ...parts);
+}
+/**
+ * IconButton - Button with just an icon
+ */
+export function IconButton(props) {
+    const { icon, onClick, color = themeColor('info'), disabled = false, focused = false, hovered = false, } = props;
+    const isHighlighted = focused || hovered;
+    const isInteractive = !disabled;
+    const boxProps = {
+        paddingX: 1,
+    };
+    if (isInteractive && onClick) {
+        boxProps.onClick = onClick;
+    }
+    return Box(boxProps, Text({
+        color: disabled ? 'gray' : isHighlighted ? color : 'white',
+        bold: isHighlighted,
+        dim: disabled,
+    }, icon));
+}
+/**
+ * ButtonGroup - Group of buttons with shared styling
+ */
+export function ButtonGroup(props) {
+    const { buttons, direction = 'horizontal', gap = 1, focusedIndex, } = props;
+    const buttonNodes = buttons.map((buttonProps, i) => Button({
+        ...buttonProps,
+        focused: i === focusedIndex,
+    }));
+    return Box({
+        flexDirection: direction === 'horizontal' ? 'row' : 'column',
+        gap,
+    }, ...buttonNodes);
+}
+//# sourceMappingURL=button.js.map

package/dist/design-system/forms/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/design-system/forms/button.ts"],"names":[],"mappings":"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"}

package/dist/design-system/forms/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Design System Forms - User input components
+ */
+export { Button, IconButton, ButtonGroup, type ButtonProps, type ButtonVariant, type ButtonSize, type IconButtonProps, type ButtonGroupProps, } from './button.js';
+export { createTextInput, renderTextInput, TextInput, type TextInputState, type TextInputOptions, type TextInputProps, } from './text-input.js';
+export { createSelect, renderSelect, Select, Confirm, Checkbox, type SelectItem, type SelectOptions, } from './select.js';
+export { createMultiSelect, MultiSelect, type MultiSelectItem, type MultiSelectOptions, type MultiSelectState, type MultiSelectProps, } from './multi-select.js';
+export { createRadioGroup, RadioGroup, InlineRadio, type RadioOption, type RadioGroupOptions, type RadioGroupState, type RadioGroupProps, type InlineRadioProps, } from './radio-group.js';
+export { createSwitch, Switch, ToggleGroup, type SwitchOptions, type SwitchState, type SwitchProps, type ToggleOption, type ToggleGroupOptions, } from './switch.js';
+export { createSlider, Slider, createRangeSlider, RangeSlider, type SliderOptions, type SliderState, type SliderProps, type RangeSliderOptions, type RangeSliderState, } from './slider.js';
+export { createAutocomplete, Autocomplete, Combobox, createTagInput, TagInput, type AutocompleteItem, type AutocompleteOptions, type AutocompleteState, type AutocompleteProps, type ComboboxProps, type TagInputOptions, type TagInputState, } from './autocomplete.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/design-system/forms/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design-system/forms/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACtB,MAAM,aAAa,CAAC;AAGrB,OAAO,EACL,eAAe,EACf,eAAe,EACf,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,cAAc,GACpB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,KAAK,UAAU,EACf,KAAK,aAAa,GACnB,MAAM,aAAa,CAAC;AAGrB,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,GACtB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACtB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EACL,YAAY,EACZ,MAAM,EACN,WAAW,EACX,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,kBAAkB,GACxB,MAAM,aAAa,CAAC;AAGrB,OAAO,EACL,YAAY,EACZ,MAAM,EACN,iBAAiB,EACjB,WAAW,EACX,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,GACtB,MAAM,aAAa,CAAC;AAGrB,OAAO,EACL,kBAAkB,EAClB,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,aAAa,GACnB,MAAM,mBAAmB,CAAC"}

package/dist/design-system/forms/index.js

@@ -0,0 +1,20 @@
+/**
+ * Design System Forms - User input components
+ */
+// Button
+export { Button, IconButton, ButtonGroup, } from './button.js';
+// Text Input
+export { createTextInput, renderTextInput, TextInput, } from './text-input.js';
+// Select / Menu
+export { createSelect, renderSelect, Select, Confirm, Checkbox, } from './select.js';
+// Multi-Select
+export { createMultiSelect, MultiSelect, } from './multi-select.js';
+// Radio Group
+export { createRadioGroup, RadioGroup, InlineRadio, } from './radio-group.js';
+// Switch / Toggle
+export { createSwitch, Switch, ToggleGroup, } from './switch.js';
+// Slider
+export { createSlider, Slider, createRangeSlider, RangeSlider, } from './slider.js';
+// Autocomplete
+export { createAutocomplete, Autocomplete, Combobox, createTagInput, TagInput, } from './autocomplete.js';
+//# sourceMappingURL=index.js.map

package/dist/design-system/forms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/design-system/forms/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,SAAS;AACT,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,GAMZ,MAAM,aAAa,CAAC;AAErB,aAAa;AACb,OAAO,EACL,eAAe,EACf,eAAe,EACf,SAAS,GAIV,MAAM,iBAAiB,CAAC;AAEzB,gBAAgB;AAChB,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,MAAM,EACN,OAAO,EACP,QAAQ,GAGT,MAAM,aAAa,CAAC;AAErB,eAAe;AACf,OAAO,EACL,iBAAiB,EACjB,WAAW,GAKZ,MAAM,mBAAmB,CAAC;AAE3B,cAAc;AACd,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,WAAW,GAMZ,MAAM,kBAAkB,CAAC;AAE1B,kBAAkB;AAClB,OAAO,EACL,YAAY,EACZ,MAAM,EACN,WAAW,GAMZ,MAAM,aAAa,CAAC;AAErB,SAAS;AACT,OAAO,EACL,YAAY,EACZ,MAAM,EACN,iBAAiB,EACjB,WAAW,GAMZ,MAAM,aAAa,CAAC;AAErB,eAAe;AACf,OAAO,EACL,kBAAkB,EAClB,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,QAAQ,GAQT,MAAM,mBAAmB,CAAC"}

package/dist/design-system/forms/multi-select.d.ts

@@ -0,0 +1,102 @@
+/**
+ * MultiSelect - Enhanced multi-selection with fuzzy search
+ *
+ * Features:
+ * - Multiple selection with checkboxes
+ * - Fuzzy search filtering
+ * - Keyboard navigation
+ * - Select all / deselect all
+ * - Tags display for selected items
+ * - Grouping support
+ */
+import type { VNode, ColorValue } from '../../utils/types.js';
+export interface MultiSelectItem<T = string> {
+    /** Unique value */
+    value: T;
+    /** Display label */
+    label: string;
+    /** Optional description */
+    description?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Group name */
+    group?: string;
+}
+export interface MultiSelectOptions<T = string> {
+    /** Items to select from */
+    items: MultiSelectItem<T>[];
+    /** Initially selected values */
+    initialValue?: T[];
+    /** Max visible items */
+    maxVisible?: number;
+    /** Enable fuzzy search */
+    searchable?: boolean;
+    /** Search placeholder */
+    searchPlaceholder?: string;
+    /** Show selected count */
+    showCount?: boolean;
+    /** Show tags for selected items */
+    showTags?: boolean;
+    /** Max tags to show before "+N more" */
+    maxTags?: number;
+    /** Min selections required */
+    minSelections?: number;
+    /** Max selections allowed */
+    maxSelections?: number;
+    /** Colors */
+    activeColor?: ColorValue;
+    selectedColor?: ColorValue;
+    /** Callbacks */
+    onChange?: (values: T[]) => void;
+    onSubmit?: (values: T[]) => void;
+    onCancel?: () => void;
+    /** Is active */
+    isActive?: boolean;
+}
+export interface MultiSelectState<T = string> {
+    cursorIndex: () => number;
+    selected: () => T[];
+    searchQuery: () => string;
+    isSearching: () => boolean;
+    filteredItems: () => MultiSelectItem<T>[];
+    visibleItems: () => {
+        items: MultiSelectItem<T>[];
+        startIndex: number;
+    };
+    scrollOffset: () => number;
+    moveUp: () => void;
+    moveDown: () => void;
+    toggleCurrent: () => void;
+    toggleIndex: (index: number) => void;
+    selectAll: () => void;
+    deselectAll: () => void;
+    setSearch: (query: string) => void;
+    submit: () => void;
+    cancel: () => void;
+    isSelected: (value: T) => boolean;
+}
+/**
+ * Create a MultiSelect state manager
+ */
+export declare function createMultiSelect<T = string>(options: MultiSelectOptions<T>): MultiSelectState<T>;
+export interface MultiSelectProps<T = string> extends MultiSelectOptions<T> {
+    /** Pre-created state (for controlled mode) */
+    state?: MultiSelectState<T>;
+}
+/**
+ * MultiSelect - Interactive multi-selection component
+ *
+ * @example
+ * MultiSelect({
+ *   items: [
+ *     { value: 'react', label: 'React' },
+ *     { value: 'vue', label: 'Vue' },
+ *     { value: 'angular', label: 'Angular' },
+ *   ],
+ *   searchable: true,
+ *   showTags: true,
+ *   onChange: (values) => console.log(values),
+ * })
+ */
+export declare function MultiSelect<T = string>(props: MultiSelectProps<T>): VNode;
+//# sourceMappingURL=multi-select.d.ts.map

package/dist/design-system/forms/multi-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../src/design-system/forms/multi-select.ts"],"names":[],"mappings":"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"}