tuiuiu.js 0.1.1

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

@@ -0,0 +1,173 @@
+/**
+ * Switch - Boolean toggle component
+ *
+ * Features:
+ * - On/Off toggle
+ * - Keyboard activation
+ * - Custom labels
+ * - Animated transition (optional)
+ */
+import { Box, Text } from '../../primitives/nodes.js';
+import { createSignal } from '../../primitives/signal.js';
+import { useInput } from '../../hooks/index.js';
+import { getRenderMode } from '../../core/capabilities.js';
+import { themeColor } from '../../core/theme.js';
+// =============================================================================
+// State Factory
+// =============================================================================
+/**
+ * Create a Switch state manager
+ */
+export function createSwitch(options = {}) {
+    const { initialValue = false, onChange } = options;
+    const [value, setValueSignal] = createSignal(initialValue);
+    const toggle = () => {
+        setValueSignal((v) => {
+            const newValue = !v;
+            onChange?.(newValue);
+            return newValue;
+        });
+    };
+    const setOn = () => {
+        if (!value()) {
+            setValueSignal(true);
+            onChange?.(true);
+        }
+    };
+    const setOff = () => {
+        if (value()) {
+            setValueSignal(false);
+            onChange?.(false);
+        }
+    };
+    const setValue = (newValue) => {
+        if (value() !== newValue) {
+            setValueSignal(newValue);
+            onChange?.(newValue);
+        }
+    };
+    return { value, toggle, setOn, setOff, setValue };
+}
+/**
+ * Switch - Boolean toggle component
+ *
+ * @example
+ * // Basic switch
+ * Switch({
+ *   initialValue: true,
+ *   onChange: (value) => console.log(value),
+ * })
+ *
+ * @example
+ * // With labels
+ * Switch({
+ *   label: 'Dark mode',
+ *   showLabels: true,
+ *   onLabel: 'ON',
+ *   offLabel: 'OFF',
+ *   onColor: 'green',
+ * })
+ */
+export function Switch(props) {
+    const { onLabel = 'ON', offLabel = 'OFF', showLabels = false, onColor = themeColor('success'), offColor = themeColor('mutedForeground'), trackColor = themeColor('border'), size = 'normal', disabled = false, isActive = true, label, state: externalState, } = props;
+    const state = externalState || createSwitch(props);
+    const isAscii = getRenderMode() === 'ascii';
+    // Setup keyboard handling
+    useInput((input, key) => {
+        if (disabled)
+            return;
+        if (input === ' ' || key.return) {
+            state.toggle();
+        }
+        else if (key.leftArrow || input === 'h') {
+            state.setOff();
+        }
+        else if (key.rightArrow || input === 'l') {
+            state.setOn();
+        }
+    }, { isActive });
+    const isOn = state.value();
+    const color = isOn ? onColor : offColor;
+    // Build switch visual
+    let switchVisual;
+    if (isAscii) {
+        // ASCII mode: [OFF] or [ ON]
+        if (size === 'compact') {
+            switchVisual = Text({ color }, isOn ? '[*]' : '[ ]');
+        }
+        else {
+            switchVisual = Text({ color, dim: disabled }, isOn ? `[${onLabel}]` : `[${offLabel}]`);
+        }
+    }
+    else {
+        // Unicode mode with track and thumb
+        if (size === 'compact') {
+            // Compact: ●━ or ━○
+            switchVisual = isOn
+                ? Box({ flexDirection: 'row' }, Text({ color: onColor }, '●'), Text({ color: trackColor, dim: true }, '━'))
+                : Box({ flexDirection: 'row' }, Text({ color: trackColor, dim: true }, '━'), Text({ color: offColor }, '○'));
+        }
+        else {
+            // Normal: ━●━━ or ━━○━
+            const trackLen = 4;
+            const thumbPos = isOn ? trackLen - 1 : 0;
+            const trackChars = [];
+            for (let i = 0; i < trackLen; i++) {
+                if (i === thumbPos) {
+                    trackChars.push(Text({ color: isOn ? onColor : offColor }, isOn ? '●' : '○'));
+                }
+                else {
+                    trackChars.push(Text({ color: trackColor, dim: true }, '━'));
+                }
+            }
+            switchVisual = Box({ flexDirection: 'row' }, ...trackChars);
+        }
+    }
+    // Build full component
+    const parts = [];
+    if (label) {
+        parts.push(Box({ marginRight: 1 }, Text({ dim: disabled }, label)));
+    }
+    if (showLabels && !isOn) {
+        parts.push(Box({ marginRight: 1 }, Text({ color: offColor, dim: true }, offLabel)));
+    }
+    parts.push(switchVisual);
+    if (showLabels && isOn) {
+        parts.push(Box({ marginLeft: 1 }, Text({ color: onColor }, onLabel)));
+    }
+    return Box({
+        flexDirection: 'row',
+        onClick: disabled ? undefined : () => state.toggle(),
+    }, ...parts);
+}
+/**
+ * ToggleGroup - Multiple toggles
+ */
+export function ToggleGroup(props) {
+    const { options, direction = 'vertical', gap = 1, onChange, isActive = true, } = props;
+    // Create states for each toggle
+    const states = options.map((opt) => createSwitch({
+        initialValue: opt.initialValue,
+        onChange: () => {
+            if (onChange) {
+                const values = {};
+                options.forEach((o, i) => {
+                    values[o.key] = states[i].value();
+                });
+                onChange(values);
+            }
+        },
+    }));
+    const toggleNodes = options.map((opt, i) => Switch({
+        label: opt.label,
+        disabled: opt.disabled,
+        state: states[i],
+        isActive,
+        size: 'compact',
+    }));
+    return Box({
+        flexDirection: direction === 'vertical' ? 'column' : 'row',
+        gap,
+    }, ...toggleNodes);
+}
+//# sourceMappingURL=switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/design-system/forms/switch.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAY,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAuCjD,gFAAgF;AAChF,gBAAgB;AAChB,gFAAgF;AAEhF;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,UAAyB,EAAE;IACtD,MAAM,EAAE,YAAY,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IAEnD,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC;IAE3D,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE;YACnB,MAAM,QAAQ,GAAG,CAAC,CAAC,CAAC;YACpB,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;YACrB,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;YACb,cAAc,CAAC,IAAI,CAAC,CAAC;YACrB,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,IAAI,KAAK,EAAE,EAAE,CAAC;YACZ,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,QAAiB,EAAE,EAAE;QACrC,IAAI,KAAK,EAAE,KAAK,QAAQ,EAAE,CAAC;YACzB,cAAc,CAAC,QAAQ,CAAC,CAAC;YACzB,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;AACpD,CAAC;AAaD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EACJ,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,UAAU,CAAC,SAAS,CAAC,EAC/B,QAAQ,GAAG,UAAU,CAAC,iBAAiB,CAAC,EACxC,UAAU,GAAG,UAAU,CAAC,QAAQ,CAAC,EACjC,IAAI,GAAG,QAAQ,EACf,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,KAAK,EAAE,aAAa,GACrB,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,aAAa,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,aAAa,EAAE,KAAK,OAAO,CAAC;IAE5C,0BAA0B;IAC1B,QAAQ,CACN,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACb,IAAI,QAAQ;YAAE,OAAO;QAErB,IAAI,KAAK,KAAK,GAAG,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC;YAChC,KAAK,CAAC,MAAM,EAAE,CAAC;QACjB,CAAC;aAAM,IAAI,GAAG,CAAC,SAAS,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YAC1C,KAAK,CAAC,MAAM,EAAE,CAAC;QACjB,CAAC;aAAM,IAAI,GAAG,CAAC,UAAU,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YAC3C,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,CAAC;IACH,CAAC,EACD,EAAE,QAAQ,EAAE,CACb,CAAC;IAEF,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAExC,sBAAsB;IACtB,IAAI,YAAmB,CAAC;IAExB,IAAI,OAAO,EAAE,CAAC;QACZ,6BAA6B;QAC7B,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,YAAY,GAAG,IAAI,CACjB,EAAE,KAAK,EAAE,EACT,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CACrB,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,YAAY,GAAG,IAAI,CACjB,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,EACxB,IAAI,CAAC,CAAC,CAAC,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC,IAAI,QAAQ,GAAG,CACxC,CAAC;QACJ,CAAC;IACH,CAAC;SAAM,CAAC;QACN,oCAAoC;QACpC,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,oBAAoB;YACpB,YAAY,GAAG,IAAI;gBACjB,CAAC,CAAC,GAAG,CACD,EAAE,aAAa,EAAE,KAAK,EAAE,EACxB,IAAI,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,GAAG,CAAC,EAC7B,IAAI,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,CAC5C;gBACH,CAAC,CAAC,GAAG,CACD,EAAE,aAAa,EAAE,KAAK,EAAE,EACxB,IAAI,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,EAC3C,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAG,CAAC,CAC/B,CAAC;QACR,CAAC;aAAM,CAAC;YACN,uBAAuB;YACvB,MAAM,QAAQ,GAAG,CAAC,CAAC;YACnB,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAEzC,MAAM,UAAU,GAAY,EAAE,CAAC;YAC/B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;gBAClC,IAAI,CAAC,KAAK,QAAQ,EAAE,CAAC;oBACnB,UAAU,CAAC,IAAI,CACb,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAC7D,CAAC;gBACJ,CAAC;qBAAM,CAAC;oBACN,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;gBAC/D,CAAC;YACH,CAAC;YAED,YAAY,GAAG,GAAG,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,GAAG,UAAU,CAAC,CAAC;QAC9D,CAAC;IACH,CAAC;IAED,uBAAuB;IACvB,MAAM,KAAK,GAAqB,EAAE,CAAC;IAEnC,IAAI,KAAK,EAAE,CAAC;QACV,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IACtE,CAAC;IAED,IAAI,UAAU,IAAI,CAAC,IAAI,EAAE,CAAC;QACxB,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtF,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAEzB,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;QACvB,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACxE,CAAC;IAED,OAAO,GAAG,CACR;QACE,aAAa,EAAE,KAAK;QACpB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE;KACrD,EACD,GAAG,KAAK,CACT,CAAC;AACJ,CAAC;AA8BD;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,KAAyB;IACnD,MAAM,EACJ,OAAO,EACP,SAAS,GAAG,UAAU,EACtB,GAAG,GAAG,CAAC,EACP,QAAQ,EACR,QAAQ,GAAG,IAAI,GAChB,GAAG,KAAK,CAAC;IAEV,gCAAgC;IAChC,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CACjC,YAAY,CAAC;QACX,YAAY,EAAE,GAAG,CAAC,YAAY;QAC9B,QAAQ,EAAE,GAAG,EAAE;YACb,IAAI,QAAQ,EAAE,CAAC;gBACb,MAAM,MAAM,GAA4B,EAAE,CAAC;gBAC3C,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBACvB,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAE,CAAC,KAAK,EAAE,CAAC;gBACrC,CAAC,CAAC,CAAC;gBACH,QAAQ,CAAC,MAAM,CAAC,CAAC;YACnB,CAAC;QACH,CAAC;KACF,CAAC,CACH,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CACzC,MAAM,CAAC;QACL,KAAK,EAAE,GAAG,CAAC,KAAK;QAChB,QAAQ,EAAE,GAAG,CAAC,QAAQ;QACtB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;QAChB,QAAQ;QACR,IAAI,EAAE,SAAS;KAChB,CAAC,CACH,CAAC;IAEF,OAAO,GAAG,CACR;QACE,aAAa,EAAE,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK;QAC1D,GAAG;KACJ,EACD,GAAG,WAAW,CACf,CAAC;AACJ,CAAC"}

package/dist/design-system/forms/text-input.d.ts

@@ -0,0 +1,79 @@
+/**
+ * TextInput - Advanced text input component
+ *
+ * Features:
+ * - Full cursor navigation (arrows, Ctrl+arrows, Home/End)
+ * - Word-based deletion (Ctrl+Backspace, Ctrl+Delete)
+ * - Line operations (Ctrl+K, Ctrl+U)
+ * - Input history (Up/Down arrows)
+ * - Multi-line support (Shift+Enter)
+ * - Visual cursor with customizable style
+ * - Placeholder text
+ * - Password mode (masked input)
+ */
+import type { VNode } from '../../utils/types.js';
+export interface TextInputState {
+    value: string;
+    cursorPosition: number;
+    isMultiline: boolean;
+    historyIndex: number;
+}
+export interface TextInputOptions {
+    /** Initial value */
+    initialValue?: string;
+    /** Placeholder when empty */
+    placeholder?: string;
+    /** Password mode - mask characters */
+    password?: boolean;
+    /** Character to use for password mask */
+    maskChar?: string;
+    /** Enable multi-line input (Shift+Enter) */
+    multiline?: boolean;
+    /** Max length */
+    maxLength?: number;
+    /** Input history for Up/Down navigation */
+    history?: string[];
+    /** Called on value change */
+    onChange?: (value: string) => void;
+    /** Called on submit (Enter) */
+    onSubmit?: (value: string) => void;
+    /** Called on cancel (Escape) */
+    onCancel?: () => void;
+    /** Is input active/focused - can be boolean or getter function for reactive updates */
+    isActive?: boolean | (() => boolean);
+    /** Cursor style */
+    cursorStyle?: 'block' | 'underline' | 'bar';
+    /** Border style */
+    borderStyle?: 'none' | 'single' | 'round' | 'double' | 'bold';
+    /** Border color when focused */
+    focusedBorderColor?: string;
+    /** Border color when unfocused */
+    unfocusedBorderColor?: string;
+    /** Prompt character */
+    prompt?: string;
+    /** Prompt color */
+    promptColor?: string;
+    /** Make input full width */
+    fullWidth?: boolean;
+}
+/**
+ * Create a TextInput state manager
+ */
+export declare function createTextInput(options?: TextInputOptions): {
+    value: () => string;
+    cursorPosition: () => number;
+    isMultiline: () => boolean;
+    setValue: (v: string) => void;
+    clear: () => void;
+    focus: () => void;
+};
+/**
+ * Render a text input as a VNode
+ */
+export declare function renderTextInput(state: ReturnType<typeof createTextInput>, options?: TextInputOptions): VNode;
+export type { TextInputOptions as TextInputProps };
+/**
+ * Simple standalone TextInput component
+ */
+export declare function TextInput(options: TextInputOptions): VNode;
+//# sourceMappingURL=text-input.d.ts.map

package/dist/design-system/forms/text-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../src/design-system/forms/text-input.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAMlD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;IACrC,mBAAmB;IACnB,WAAW,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,KAAK,CAAC;IAC5C,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC9D,gCAAgC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kCAAkC;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,OAAO,GAAE,gBAAqB;;;;kBA+P5C,MAAM;;;EAevB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,EACzC,OAAO,GAAE,gBAAqB,GAC7B,KAAK,CAkHP;AAED,YAAY,EAAE,gBAAgB,IAAI,cAAc,EAAE,CAAC;AAEnD;;GAEG;AACH,wBAAgB,SAAS,CAAC,OAAO,EAAE,gBAAgB,GAAG,KAAK,CAG1D"}

package/dist/design-system/forms/text-input.js

@@ -0,0 +1,344 @@
+/**
+ * TextInput - Advanced text input component
+ *
+ * Features:
+ * - Full cursor navigation (arrows, Ctrl+arrows, Home/End)
+ * - Word-based deletion (Ctrl+Backspace, Ctrl+Delete)
+ * - Line operations (Ctrl+K, Ctrl+U)
+ * - Input history (Up/Down arrows)
+ * - Multi-line support (Shift+Enter)
+ * - Visual cursor with customizable style
+ * - Placeholder text
+ * - Password mode (masked input)
+ */
+import { Box, Text } from '../../primitives/nodes.js';
+import { createSignal } from '../../primitives/signal.js';
+import { useInput } from '../../hooks/index.js';
+import { themeColor } from '../../core/theme.js';
+import { getChars } from '../../core/capabilities.js';
+/**
+ * Create a TextInput state manager
+ */
+export function createTextInput(options = {}) {
+    const { initialValue = '', placeholder = '', password = false, maskChar = '*', multiline = false, maxLength, history = [], onChange, onSubmit, onCancel, isActive: isActiveProp = true, } = options;
+    // Helper to check if input is currently active
+    // Supports both static boolean and reactive getter function
+    const checkIsActive = () => {
+        return typeof isActiveProp === 'function' ? isActiveProp() : isActiveProp;
+    };
+    const [value, setValue] = createSignal(initialValue);
+    const [cursorPosition, setCursorPosition] = createSignal(initialValue.length);
+    const [isMultilineMode, setIsMultilineMode] = createSignal(false);
+    const [historyIndex, setHistoryIndex] = createSignal(-1);
+    const [originalValue, setOriginalValue] = createSignal('');
+    // Word boundary detection
+    const isWordChar = (char) => /[\w]/.test(char);
+    const findPrevWordBoundary = (text, pos) => {
+        if (pos <= 0)
+            return 0;
+        let i = pos - 1;
+        // Skip non-word chars
+        while (i > 0 && !isWordChar(text[i]))
+            i--;
+        // Skip word chars
+        while (i > 0 && isWordChar(text[i - 1]))
+            i--;
+        return i;
+    };
+    const findNextWordBoundary = (text, pos) => {
+        if (pos >= text.length)
+            return text.length;
+        let i = pos;
+        // Skip word chars
+        while (i < text.length && isWordChar(text[i]))
+            i++;
+        // Skip non-word chars
+        while (i < text.length && !isWordChar(text[i]))
+            i++;
+        return i;
+    };
+    // Input handling
+    const handleInput = (input, key) => {
+        // Check isActive dynamically at input time (supports reactive getter)
+        if (!checkIsActive())
+            return;
+        const currentValue = value();
+        const pos = cursorPosition();
+        // Escape - cancel
+        if (key.escape) {
+            onCancel?.();
+            return;
+        }
+        // Enter - submit or newline
+        if (key.return) {
+            if (key.shift && multiline) {
+                // Insert newline
+                const newValue = currentValue.slice(0, pos) + '\n' + currentValue.slice(pos);
+                setValue(newValue);
+                setCursorPosition(pos + 1);
+                setIsMultilineMode(true);
+                onChange?.(newValue);
+            }
+            else {
+                // Submit
+                onSubmit?.(currentValue);
+                setHistoryIndex(-1);
+            }
+            return;
+        }
+        // Tab - could be used for completion
+        if (key.tab) {
+            // Reserved for future tab completion
+            return;
+        }
+        // Cursor movement
+        if (key.leftArrow) {
+            if (key.ctrl) {
+                // Move to previous word boundary
+                setCursorPosition(findPrevWordBoundary(currentValue, pos));
+            }
+            else {
+                setCursorPosition(Math.max(0, pos - 1));
+            }
+            return;
+        }
+        if (key.rightArrow) {
+            if (key.ctrl) {
+                // Move to next word boundary
+                setCursorPosition(findNextWordBoundary(currentValue, pos));
+            }
+            else {
+                setCursorPosition(Math.min(currentValue.length, pos + 1));
+            }
+            return;
+        }
+        // Home/End or Ctrl+A/E
+        if (key.home || (key.ctrl && input === 'a')) {
+            setCursorPosition(0);
+            return;
+        }
+        if (key.end || (key.ctrl && input === 'e')) {
+            setCursorPosition(currentValue.length);
+            return;
+        }
+        // History navigation
+        if (key.upArrow && history.length > 0) {
+            const currentIndex = historyIndex();
+            if (currentIndex === -1) {
+                setOriginalValue(currentValue);
+            }
+            const newIndex = Math.min(currentIndex + 1, history.length - 1);
+            setHistoryIndex(newIndex);
+            const historyValue = history[history.length - 1 - newIndex];
+            setValue(historyValue);
+            setCursorPosition(historyValue.length);
+            onChange?.(historyValue);
+            return;
+        }
+        if (key.downArrow && historyIndex() >= 0) {
+            const newIndex = historyIndex() - 1;
+            setHistoryIndex(newIndex);
+            if (newIndex < 0) {
+                const orig = originalValue();
+                setValue(orig);
+                setCursorPosition(orig.length);
+                onChange?.(orig);
+            }
+            else {
+                const historyValue = history[history.length - 1 - newIndex];
+                setValue(historyValue);
+                setCursorPosition(historyValue.length);
+                onChange?.(historyValue);
+            }
+            return;
+        }
+        // Deletion
+        if (key.backspace) {
+            if (pos > 0) {
+                if (key.ctrl) {
+                    // Delete word before cursor
+                    const boundary = findPrevWordBoundary(currentValue, pos);
+                    const newValue = currentValue.slice(0, boundary) + currentValue.slice(pos);
+                    setValue(newValue);
+                    setCursorPosition(boundary);
+                    onChange?.(newValue);
+                }
+                else {
+                    // Delete single char
+                    const newValue = currentValue.slice(0, pos - 1) + currentValue.slice(pos);
+                    setValue(newValue);
+                    setCursorPosition(pos - 1);
+                    onChange?.(newValue);
+                }
+            }
+            return;
+        }
+        if (key.delete) {
+            if (pos < currentValue.length) {
+                if (key.ctrl) {
+                    // Delete word after cursor
+                    const boundary = findNextWordBoundary(currentValue, pos);
+                    const newValue = currentValue.slice(0, pos) + currentValue.slice(boundary);
+                    setValue(newValue);
+                    onChange?.(newValue);
+                }
+                else {
+                    // Delete single char
+                    const newValue = currentValue.slice(0, pos) + currentValue.slice(pos + 1);
+                    setValue(newValue);
+                    onChange?.(newValue);
+                }
+            }
+            return;
+        }
+        // Ctrl+K - delete to end of line
+        if (key.ctrl && input === 'k') {
+            const lineEnd = currentValue.indexOf('\n', pos);
+            const endPos = lineEnd >= 0 ? lineEnd : currentValue.length;
+            const newValue = currentValue.slice(0, pos) + currentValue.slice(endPos);
+            setValue(newValue);
+            onChange?.(newValue);
+            return;
+        }
+        // Ctrl+U - delete to start of line
+        if (key.ctrl && input === 'u') {
+            const lineStart = currentValue.lastIndexOf('\n', pos - 1);
+            const startPos = lineStart >= 0 ? lineStart + 1 : 0;
+            const newValue = currentValue.slice(0, startPos) + currentValue.slice(pos);
+            setValue(newValue);
+            setCursorPosition(startPos);
+            onChange?.(newValue);
+            return;
+        }
+        // Ctrl+W - delete word before
+        if (key.ctrl && input === 'w') {
+            const boundary = findPrevWordBoundary(currentValue, pos);
+            const newValue = currentValue.slice(0, boundary) + currentValue.slice(pos);
+            setValue(newValue);
+            setCursorPosition(boundary);
+            onChange?.(newValue);
+            return;
+        }
+        // Ctrl+X - clear all (like Ctrl+C in some terminals)
+        if (key.ctrl && input === 'x') {
+            setValue('');
+            setCursorPosition(0);
+            onChange?.('');
+            return;
+        }
+        // Regular character input
+        if (input && input.length > 0 && !key.ctrl && !key.meta) {
+            // Check max length
+            if (maxLength && currentValue.length + input.length > maxLength) {
+                const remaining = maxLength - currentValue.length;
+                if (remaining <= 0)
+                    return;
+                input = input.slice(0, remaining);
+            }
+            const newValue = currentValue.slice(0, pos) + input + currentValue.slice(pos);
+            setValue(newValue);
+            setCursorPosition(pos + input.length);
+            setHistoryIndex(-1);
+            onChange?.(newValue);
+        }
+    };
+    // Register input handler
+    // Note: We always register and check isActive dynamically in handleInput
+    // This allows isActive to be a reactive getter function
+    useInput(handleInput);
+    return {
+        value,
+        cursorPosition,
+        isMultiline: isMultilineMode,
+        setValue: (v) => {
+            setValue(v);
+            setCursorPosition(v.length);
+            onChange?.(v);
+        },
+        clear: () => {
+            setValue('');
+            setCursorPosition(0);
+            setHistoryIndex(-1);
+            onChange?.('');
+        },
+        focus: () => {
+            // Focus logic if needed
+        },
+    };
+}
+/**
+ * Render a text input as a VNode
+ */
+export function renderTextInput(state, options = {}) {
+    const { placeholder = 'Type here...', password = false, maskChar = '*', cursorStyle = 'block', borderStyle = 'round', focusedBorderColor = themeColor('info'), unfocusedBorderColor = themeColor('border'), prompt = getChars().arrows.right, promptColor = themeColor('info'), isActive = true, fullWidth = false, } = options;
+    const value = state.value();
+    const cursor = state.cursorPosition();
+    const displayValue = password ? maskChar.repeat(value.length) : value;
+    const isEmpty = value.length === 0;
+    // Build the input display with cursor
+    const beforeCursor = displayValue.slice(0, cursor);
+    const cursorChar = displayValue[cursor] || ' ';
+    const afterCursor = displayValue.slice(cursor + 1);
+    const showPlaceholder = isEmpty && placeholder;
+    // Multi-line handling
+    const lines = displayValue.split('\n');
+    const isMultiline = lines.length > 1;
+    // Box style based on borderStyle
+    const noBorder = borderStyle === 'none';
+    const boxStyle = {
+        flexDirection: 'column',
+        flexGrow: fullWidth ? 1 : 0,
+    };
+    if (!noBorder) {
+        boxStyle.borderStyle = borderStyle;
+        boxStyle.borderColor = isActive ? focusedBorderColor : unfocusedBorderColor;
+        boxStyle.paddingX = 1;
+    }
+    if (isMultiline) {
+        // Calculate which line the cursor is on
+        let charCount = 0;
+        let cursorLine = 0;
+        let cursorCol = cursor;
+        for (let i = 0; i < lines.length; i++) {
+            if (charCount + lines[i].length >= cursor) {
+                cursorLine = i;
+                cursorCol = cursor - charCount;
+                break;
+            }
+            charCount += lines[i].length + 1; // +1 for newline
+        }
+        return Box(boxStyle, ...lines.map((line, i) => {
+            const linePrompt = i === 0 ? prompt : getChars().border.vertical;
+            if (i === cursorLine && isActive) {
+                const before = line.slice(0, cursorCol);
+                const char = line[cursorCol] || ' ';
+                const after = line.slice(cursorCol + 1);
+                return Box({ flexDirection: 'row' }, Text({ color: promptColor }, `${linePrompt} `), Text({}, before), Text({ backgroundColor: 'white', color: 'black' }, char), Text({}, after));
+            }
+            return Box({ flexDirection: 'row' }, Text({ color: promptColor }, `${linePrompt} `), Text({}, line));
+        }));
+    }
+    // Single line - simple row layout
+    const rowStyle = {
+        flexDirection: 'row',
+        flexGrow: fullWidth ? 1 : 0,
+    };
+    if (!noBorder) {
+        rowStyle.borderStyle = borderStyle;
+        rowStyle.borderColor = isActive ? focusedBorderColor : unfocusedBorderColor;
+        rowStyle.paddingX = 1;
+    }
+    return Box(rowStyle, Text({ color: promptColor }, `${prompt} `), showPlaceholder
+        ? Box({ flexDirection: 'row', flexGrow: fullWidth ? 1 : 0 }, Text({ color: 'gray', dim: true }, placeholder), isActive ? Text({ backgroundColor: 'white', color: 'black' }, ' ') : Text({}, ''))
+        : Box({ flexDirection: 'row', flexGrow: fullWidth ? 1 : 0 }, Text({}, beforeCursor), isActive
+            ? Text({ backgroundColor: 'white', color: 'black' }, cursorChar)
+            : Text({}, cursorChar), Text({}, afterCursor)));
+}
+/**
+ * Simple standalone TextInput component
+ */
+export function TextInput(options) {
+    const state = createTextInput(options);
+    return renderTextInput(state, options);
+}
+//# sourceMappingURL=text-input.js.map

package/dist/design-system/forms/text-input.js.map

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

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

@@ -0,0 +1,23 @@
+/**
+ * Design System - Complete UI component library
+ *
+ * This module exports all design system components organized by category.
+ */
+export { calculateLayout, getVisibleWidth, measureText, clearTextMeasureCache, renderToString, OutputBuffer, } from './core/index.js';
+export { createTextInput, renderTextInput, createSelect, renderSelect, Select, Confirm, Checkbox, } from './forms/index.js';
+export type { TextInputState, TextInputOptions, TextInputProps, SelectItem, SelectOptions, } from './forms/index.js';
+export { createSpinner, renderSpinner, Spinner, createProgressBar, renderProgressBar, ProgressBar, MultiProgressBar, Badge, } from './feedback/index.js';
+export type { SpinnerStyle, SpinnerOptions, ProgressBarStyle, ProgressBarOptions, BadgeProps, } from './feedback/index.js';
+export { Table, SimpleTable, KeyValueTable, CodeBlock, InlineCode, Markdown, renderMarkdown, } from './data-display/index.js';
+export type { TableBorderStyle, TextAlign, TableColumn, TableOptions, Language, CodeTheme, CodeBlockOptions, MarkdownOptions, } from './data-display/index.js';
+export { Modal, ConfirmDialog, Toast, AlertBox, createModal, createConfirmDialog, } from './overlays/index.js';
+export type { ModalProps, ModalState, ModalSize, ModalPosition, ConfirmDialogProps, ToastProps, ToastType, AlertBoxProps, BorderStyle, } from './overlays/index.js';
+export { SplitPanel, ThreePanel, createSplitPanel, Tabs, createTabs, TabPanel, VerticalTabs, LazyTabs, Collapsible, createCollapsible, Accordion, createAccordion, Details, ExpandableText, ScrollArea, createScrollArea, VirtualList, createVirtualList, ScrollableText, LogViewer, Grid, GridCell, SimpleGrid, AutoGrid, MasonryGrid, TemplateGrid, ResponsiveGrid, } from './layout/index.js';
+export type { SplitPanelProps, SplitPanelState, ThreePanelProps, DividerStyle, Tab, TabsOptions, TabsState, TabsProps, TabPanelProps, VerticalTabsOptions, LazyTabsProps, CollapsibleOptions, CollapsibleState, CollapsibleProps, AccordionSection, AccordionOptions, AccordionState, AccordionProps, DetailsProps, ExpandableTextProps, ScrollAreaOptions, ScrollAreaState, ScrollAreaProps, VirtualListItem, VirtualListOptions, VirtualListState, VirtualListProps, ScrollableTextProps, LogViewerOptions, GridTrackSize, GridOptions, GridCellOptions, GridProps, GridCellProps, SimpleGridOptions, AutoGridOptions, MasonryGridOptions, GridAreaDefinition, TemplateGridOptions, ResponsiveBreakpoint, ResponsiveGridOptions, } from './layout/index.js';
+export { Picture, FramedPicture, ColoredPicture, createPixelGrid, createPixelGridFromColors, renderPixelGrid, createSprite, getSpriteFrame, nextSpriteFrame, createGradientBar, rainbowText, createShadowedText, AsciiPatterns, createBanner, } from './media/index.js';
+export type { Pixel, PixelGrid, ColorPalette, PictureProps, FramedPictureProps, ColoredPictureProps, PictureFit, PictureAlignX, PictureAlignY, Sprite, GradientStop, } from './media/index.js';
+export { BigText, FigletText, BigTitle, Logo, Digits, Clock, Counter, Countdown, Stopwatch, DigitRoll, Score, Tooltip, WithTooltip, HelpTooltip, InfoBox, Popover, Tag, } from './visual/index.js';
+export type { BigTextFont, BigTextOptions, FigletTextOptions, BigTitleOptions, LogoOptions, DigitsStyle, DigitsOptions, ClockOptions, CounterOptions, CountdownOptions, StopwatchOptions, DigitRollOptions, ScoreOptions, TooltipPosition, TooltipOptions, WithTooltipOptions, HelpTooltipOptions, InfoBoxType, InfoBoxOptions, PopoverOptions, TagOptions, } from './visual/index.js';
+export { DirectoryTree, FileList, PathBreadcrumbs, FileBrowser, FileDetails, FilePreview, FileIcon, DirectoryIndicator, unicodeIcons, asciiIcons, nerdIcons, getFileIcon, getExtension, formatFileSize, formatDate, sortFileItems, filterFileItems, parsePath, buildPath, getParentPath, } from './navigation/index.js';
+export type { FileItemType, FileItem, FileSortField, SortDirection, FileFilter, FileSorter, DirectoryTreeOptions, FileListOptions, FileListColumn, PathBreadcrumbsOptions, FileBrowserOptions, FileDetailsOptions, FilePreviewOptions, FileIcons, } from './navigation/index.js';
+//# sourceMappingURL=index.d.ts.map