tuiuiu.js 0.1.1

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

@@ -0,0 +1,134 @@
+/**
+ * Slider - Numeric value slider
+ *
+ * Features:
+ * - Keyboard-driven value selection
+ * - Step increments
+ * - Range constraints
+ * - Visual track and thumb
+ * - Value display
+ */
+import type { VNode, ColorValue } from '../../utils/types.js';
+export interface SliderOptions {
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Initial value */
+    initialValue?: number;
+    /** Slider width in characters */
+    width?: number;
+    /** Show current value */
+    showValue?: boolean;
+    /** Show min/max labels */
+    showMinMax?: boolean;
+    /** Value formatter */
+    formatValue?: (value: number) => string;
+    /** Filled track color */
+    filledColor?: ColorValue;
+    /** Empty track color */
+    emptyColor?: ColorValue;
+    /** Thumb color */
+    thumbColor?: ColorValue;
+    /** Is disabled */
+    disabled?: boolean;
+    /** Callbacks */
+    onChange?: (value: number) => void;
+    /** Is active */
+    isActive?: boolean;
+}
+export interface SliderState {
+    value: () => number;
+    normalized: () => number;
+    increment: () => void;
+    decrement: () => void;
+    incrementLarge: () => void;
+    decrementLarge: () => void;
+    setValue: (value: number) => void;
+    setNormalized: (normalized: number) => void;
+}
+/**
+ * Create a Slider state manager
+ */
+export declare function createSlider(options?: SliderOptions): SliderState;
+export interface SliderProps extends SliderOptions {
+    /** Pre-created state */
+    state?: SliderState;
+    /** Label */
+    label?: string;
+}
+/**
+ * Slider - Numeric value slider
+ *
+ * @example
+ * // Basic slider
+ * Slider({
+ *   min: 0,
+ *   max: 100,
+ *   initialValue: 50,
+ *   onChange: (value) => console.log(value),
+ * })
+ *
+ * @example
+ * // Volume control
+ * Slider({
+ *   label: 'Volume',
+ *   min: 0,
+ *   max: 100,
+ *   showValue: true,
+ *   formatValue: (v) => `${v}%`,
+ *   filledColor: 'green',
+ * })
+ */
+export declare function Slider(props: SliderProps): VNode;
+export interface RangeSliderOptions {
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Initial range [start, end] */
+    initialValue?: [number, number];
+    /** Slider width */
+    width?: number;
+    /** Show values */
+    showValue?: boolean;
+    /** Value formatter */
+    formatValue?: (value: number) => string;
+    /** Range color */
+    rangeColor?: ColorValue;
+    /** Track color */
+    trackColor?: ColorValue;
+    /** Callbacks */
+    onChange?: (range: [number, number]) => void;
+    /** Is active */
+    isActive?: boolean;
+}
+export interface RangeSliderState {
+    range: () => [number, number];
+    activeThumb: () => 'start' | 'end';
+    switchThumb: () => void;
+    increment: () => void;
+    decrement: () => void;
+    setRange: (range: [number, number]) => void;
+}
+/**
+ * Create a RangeSlider state manager
+ */
+export declare function createRangeSlider(options?: RangeSliderOptions): RangeSliderState;
+/**
+ * RangeSlider - Two-thumb range selection
+ *
+ * @example
+ * RangeSlider({
+ *   min: 0,
+ *   max: 100,
+ *   initialValue: [20, 80],
+ *   onChange: ([start, end]) => console.log(start, end),
+ * })
+ */
+export declare function RangeSlider(props: RangeSliderOptions): VNode;
+//# sourceMappingURL=slider.d.ts.map

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

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

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

@@ -0,0 +1,314 @@
+/**
+ * Slider - Numeric value slider
+ *
+ * Features:
+ * - Keyboard-driven value selection
+ * - Step increments
+ * - Range constraints
+ * - Visual track and thumb
+ * - Value display
+ */
+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';
+// =============================================================================
+// State Factory
+// =============================================================================
+/**
+ * Create a Slider state manager
+ */
+export function createSlider(options = {}) {
+    const { min = 0, max = 100, step = 1, initialValue = min, onChange, } = options;
+    const clamp = (v) => Math.max(min, Math.min(max, v));
+    const [value, setValueSignal] = createSignal(clamp(initialValue));
+    const normalized = () => {
+        const range = max - min;
+        return range > 0 ? (value() - min) / range : 0;
+    };
+    const increment = () => {
+        setValueSignal((v) => {
+            const newValue = clamp(v + step);
+            if (newValue !== v)
+                onChange?.(newValue);
+            return newValue;
+        });
+    };
+    const decrement = () => {
+        setValueSignal((v) => {
+            const newValue = clamp(v - step);
+            if (newValue !== v)
+                onChange?.(newValue);
+            return newValue;
+        });
+    };
+    const incrementLarge = () => {
+        const largeStep = step * 10;
+        setValueSignal((v) => {
+            const newValue = clamp(v + largeStep);
+            if (newValue !== v)
+                onChange?.(newValue);
+            return newValue;
+        });
+    };
+    const decrementLarge = () => {
+        const largeStep = step * 10;
+        setValueSignal((v) => {
+            const newValue = clamp(v - largeStep);
+            if (newValue !== v)
+                onChange?.(newValue);
+            return newValue;
+        });
+    };
+    const setValue = (newValue) => {
+        const clamped = clamp(newValue);
+        if (clamped !== value()) {
+            setValueSignal(clamped);
+            onChange?.(clamped);
+        }
+    };
+    const setNormalized = (norm) => {
+        const clampedNorm = Math.max(0, Math.min(1, norm));
+        const newValue = min + clampedNorm * (max - min);
+        setValue(newValue);
+    };
+    return {
+        value,
+        normalized,
+        increment,
+        decrement,
+        incrementLarge,
+        decrementLarge,
+        setValue,
+        setNormalized,
+    };
+}
+/**
+ * Slider - Numeric value slider
+ *
+ * @example
+ * // Basic slider
+ * Slider({
+ *   min: 0,
+ *   max: 100,
+ *   initialValue: 50,
+ *   onChange: (value) => console.log(value),
+ * })
+ *
+ * @example
+ * // Volume control
+ * Slider({
+ *   label: 'Volume',
+ *   min: 0,
+ *   max: 100,
+ *   showValue: true,
+ *   formatValue: (v) => `${v}%`,
+ *   filledColor: 'green',
+ * })
+ */
+export function Slider(props) {
+    const { min = 0, max = 100, width = 20, showValue = true, showMinMax = false, formatValue = (v) => String(Math.round(v)), filledColor = 'cyan', emptyColor = 'gray', thumbColor = 'white', disabled = false, isActive = true, label, state: externalState, } = props;
+    const state = externalState || createSlider(props);
+    const isAscii = getRenderMode() === 'ascii';
+    // Setup keyboard handling
+    useInput((input, key) => {
+        if (disabled)
+            return;
+        if (key.leftArrow || input === 'h') {
+            state.decrement();
+        }
+        else if (key.rightArrow || input === 'l') {
+            state.increment();
+        }
+        else if (key.upArrow || input === 'k') {
+            state.incrementLarge();
+        }
+        else if (key.downArrow || input === 'j') {
+            state.decrementLarge();
+        }
+        else if (input === '0') {
+            state.setValue(min);
+        }
+        else if (input === '$') {
+            state.setValue(max);
+        }
+    }, { isActive });
+    const norm = state.normalized();
+    const currentValue = state.value();
+    const thumbPos = Math.round(norm * (width - 1));
+    // Build track
+    const trackParts = [];
+    if (isAscii) {
+        // ASCII: [=====>    ]
+        for (let i = 0; i < width; i++) {
+            if (i < thumbPos) {
+                trackParts.push(Text({ color: filledColor }, '='));
+            }
+            else if (i === thumbPos) {
+                trackParts.push(Text({ color: thumbColor, bold: true }, '>'));
+            }
+            else {
+                trackParts.push(Text({ color: emptyColor, dim: true }, '-'));
+            }
+        }
+    }
+    else {
+        // Unicode: ━━━━●░░░░░
+        for (let i = 0; i < width; i++) {
+            if (i < thumbPos) {
+                trackParts.push(Text({ color: filledColor }, '━'));
+            }
+            else if (i === thumbPos) {
+                trackParts.push(Text({ color: thumbColor, bold: true }, '●'));
+            }
+            else {
+                trackParts.push(Text({ color: emptyColor, dim: true }, '░'));
+            }
+        }
+    }
+    // Build full component
+    const parts = [];
+    if (label) {
+        parts.push(Box({ marginRight: 1 }, Text({ dim: disabled }, label)));
+    }
+    if (showMinMax) {
+        parts.push(Box({ marginRight: 1 }, Text({ color: 'gray', dim: true }, formatValue(min))));
+    }
+    parts.push(Box({ flexDirection: 'row' }, ...trackParts));
+    if (showMinMax) {
+        parts.push(Box({ marginLeft: 1 }, Text({ color: 'gray', dim: true }, formatValue(max))));
+    }
+    if (showValue) {
+        parts.push(Box({ marginLeft: 1 }, Text({ color: filledColor }, formatValue(currentValue))));
+    }
+    return Box({ flexDirection: 'row', alignItems: 'center' }, ...parts);
+}
+/**
+ * Create a RangeSlider state manager
+ */
+export function createRangeSlider(options = {}) {
+    const { min = 0, max = 100, step = 1, initialValue = [min, max], onChange, } = options;
+    const clamp = (v) => Math.max(min, Math.min(max, v));
+    const [range, setRangeSignal] = createSignal([
+        clamp(initialValue[0]),
+        clamp(initialValue[1]),
+    ]);
+    const [activeThumb, setActiveThumb] = createSignal('start');
+    const switchThumb = () => {
+        setActiveThumb((t) => (t === 'start' ? 'end' : 'start'));
+    };
+    const increment = () => {
+        setRangeSignal((r) => {
+            const thumb = activeThumb();
+            let newRange;
+            if (thumb === 'start') {
+                const newStart = clamp(r[0] + step);
+                newRange = [Math.min(newStart, r[1]), r[1]];
+            }
+            else {
+                const newEnd = clamp(r[1] + step);
+                newRange = [r[0], newEnd];
+            }
+            if (newRange[0] !== r[0] || newRange[1] !== r[1]) {
+                onChange?.(newRange);
+            }
+            return newRange;
+        });
+    };
+    const decrement = () => {
+        setRangeSignal((r) => {
+            const thumb = activeThumb();
+            let newRange;
+            if (thumb === 'start') {
+                const newStart = clamp(r[0] - step);
+                newRange = [newStart, r[1]];
+            }
+            else {
+                const newEnd = clamp(r[1] - step);
+                newRange = [r[0], Math.max(newEnd, r[0])];
+            }
+            if (newRange[0] !== r[0] || newRange[1] !== r[1]) {
+                onChange?.(newRange);
+            }
+            return newRange;
+        });
+    };
+    const setRange = (newRange) => {
+        const clamped = [
+            clamp(Math.min(newRange[0], newRange[1])),
+            clamp(Math.max(newRange[0], newRange[1])),
+        ];
+        setRangeSignal(clamped);
+        onChange?.(clamped);
+    };
+    return {
+        range,
+        activeThumb,
+        switchThumb,
+        increment,
+        decrement,
+        setRange,
+    };
+}
+/**
+ * RangeSlider - Two-thumb range selection
+ *
+ * @example
+ * RangeSlider({
+ *   min: 0,
+ *   max: 100,
+ *   initialValue: [20, 80],
+ *   onChange: ([start, end]) => console.log(start, end),
+ * })
+ */
+export function RangeSlider(props) {
+    const { min = 0, max = 100, width = 20, showValue = true, formatValue = (v) => String(Math.round(v)), rangeColor = 'cyan', trackColor = 'gray', isActive = true, } = props;
+    const state = createRangeSlider(props);
+    const isAscii = getRenderMode() === 'ascii';
+    // Setup keyboard handling
+    useInput((input, key) => {
+        if (key.leftArrow || input === 'h') {
+            state.decrement();
+        }
+        else if (key.rightArrow || input === 'l') {
+            state.increment();
+        }
+        else if (key.tab || input === ' ') {
+            state.switchThumb();
+        }
+    }, { isActive });
+    const [start, end] = state.range();
+    const active = state.activeThumb();
+    const rangeVal = max - min;
+    const startPos = Math.round(((start - min) / rangeVal) * (width - 1));
+    const endPos = Math.round(((end - min) / rangeVal) * (width - 1));
+    // Build track
+    const trackParts = [];
+    const thumbChar = isAscii ? 'O' : '●';
+    const filledChar = isAscii ? '=' : '━';
+    const emptyChar = isAscii ? '-' : '░';
+    for (let i = 0; i < width; i++) {
+        if (i === startPos) {
+            trackParts.push(Text({ color: active === 'start' ? 'white' : rangeColor, bold: active === 'start' }, thumbChar));
+        }
+        else if (i === endPos) {
+            trackParts.push(Text({ color: active === 'end' ? 'white' : rangeColor, bold: active === 'end' }, thumbChar));
+        }
+        else if (i > startPos && i < endPos) {
+            trackParts.push(Text({ color: rangeColor }, filledChar));
+        }
+        else {
+            trackParts.push(Text({ color: trackColor, dim: true }, emptyChar));
+        }
+    }
+    const parts = [];
+    if (showValue) {
+        parts.push(Box({ marginRight: 1 }, Text({ color: 'gray' }, formatValue(start))));
+    }
+    parts.push(Box({ flexDirection: 'row' }, ...trackParts));
+    if (showValue) {
+        parts.push(Box({ marginLeft: 1 }, Text({ color: 'gray' }, formatValue(end))));
+    }
+    return Box({ flexDirection: 'row', alignItems: 'center' }, ...parts);
+}
+//# sourceMappingURL=slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/design-system/forms/slider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;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,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAgD3D,gFAAgF;AAChF,gBAAgB;AAChB,gFAAgF;AAEhF;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,UAAyB,EAAE;IACtD,MAAM,EACJ,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,CAAC,EACR,YAAY,GAAG,GAAG,EAClB,QAAQ,GACT,GAAG,OAAO,CAAC;IAEZ,MAAM,KAAK,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;IAC7D,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAElE,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC;QACxB,OAAO,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE;YACnB,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;YACjC,IAAI,QAAQ,KAAK,CAAC;gBAAE,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;YACzC,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE;YACnB,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;YACjC,IAAI,QAAQ,KAAK,CAAC;gBAAE,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;YACzC,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,SAAS,GAAG,IAAI,GAAG,EAAE,CAAC;QAC5B,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE;YACnB,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;YACtC,IAAI,QAAQ,KAAK,CAAC;gBAAE,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;YACzC,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,SAAS,GAAG,IAAI,GAAG,EAAE,CAAC;QAC5B,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE;YACnB,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;YACtC,IAAI,QAAQ,KAAK,CAAC;gBAAE,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;YACzC,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,QAAgB,EAAE,EAAE;QACpC,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;QAChC,IAAI,OAAO,KAAK,KAAK,EAAE,EAAE,CAAC;YACxB,cAAc,CAAC,OAAO,CAAC,CAAC;YACxB,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE;QACrC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QACnD,MAAM,QAAQ,GAAG,GAAG,GAAG,WAAW,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;QACjD,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO;QACL,KAAK;QACL,UAAU;QACV,SAAS;QACT,SAAS;QACT,cAAc;QACd,cAAc;QACd,QAAQ;QACR,aAAa;KACd,CAAC;AACJ,CAAC;AAaD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EACJ,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,IAAI,EAChB,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAC1C,WAAW,GAAG,MAAM,EACpB,UAAU,GAAG,MAAM,EACnB,UAAU,GAAG,OAAO,EACpB,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,GAAG,CAAC,SAAS,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YACnC,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,CAAC;aAAM,IAAI,GAAG,CAAC,UAAU,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YAC3C,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,CAAC;aAAM,IAAI,GAAG,CAAC,OAAO,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YACxC,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;aAAM,IAAI,GAAG,CAAC,SAAS,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YAC1C,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;aAAM,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YACzB,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACtB,CAAC;aAAM,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YACzB,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EACD,EAAE,QAAQ,EAAE,CACb,CAAC;IAEF,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC;IAChC,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IACnC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;IAEhD,cAAc;IACd,MAAM,UAAU,GAAY,EAAE,CAAC;IAE/B,IAAI,OAAO,EAAE,CAAC;QACZ,sBAAsB;QACtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;YAC/B,IAAI,CAAC,GAAG,QAAQ,EAAE,CAAC;gBACjB,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;YACrD,CAAC;iBAAM,IAAI,CAAC,KAAK,QAAQ,EAAE,CAAC;gBAC1B,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;YAChE,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;YAC/D,CAAC;QACH,CAAC;IACH,CAAC;SAAM,CAAC;QACN,sBAAsB;QACtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;YAC/B,IAAI,CAAC,GAAG,QAAQ,EAAE,CAAC;gBACjB,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;YACrD,CAAC;iBAAM,IAAI,CAAC,KAAK,QAAQ,EAAE,CAAC;gBAC1B,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;YAChE,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;YAC/D,CAAC;QACH,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,EAAE,CAAC;QACf,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5F,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC;IAEzD,IAAI,UAAU,EAAE,CAAC;QACf,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3F,CAAC;IAED,IAAI,SAAS,EAAE,CAAC;QACd,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9F,CAAC;IAED,OAAO,GAAG,CACR,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAC9C,GAAG,KAAK,CACT,CAAC;AACJ,CAAC;AAwCD;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,UAA8B,EAAE;IAChE,MAAM,EACJ,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,CAAC,EACR,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,EACzB,QAAQ,GACT,GAAG,OAAO,CAAC;IAEZ,MAAM,KAAK,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;IAC7D,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,YAAY,CAAmB;QAC7D,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QACtB,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;KACvB,CAAC,CAAC;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,YAAY,CAAkB,OAAO,CAAC,CAAC;IAE7E,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE;YACnB,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;YAC5B,IAAI,QAA0B,CAAC;YAE/B,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;gBACtB,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;gBACpC,QAAQ,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9C,CAAC;iBAAM,CAAC;gBACN,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;gBAClC,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;YAC5B,CAAC;YAED,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBACjD,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;YACvB,CAAC;YACD,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE;YACnB,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;YAC5B,IAAI,QAA0B,CAAC;YAE/B,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;gBACtB,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;gBACpC,QAAQ,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9B,CAAC;iBAAM,CAAC;gBACN,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;gBAClC,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC5C,CAAC;YAED,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBACjD,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;YACvB,CAAC;YACD,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,QAA0B,EAAE,EAAE;QAC9C,MAAM,OAAO,GAAqB;YAChC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YACzC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;SAC1C,CAAC;QACF,cAAc,CAAC,OAAO,CAAC,CAAC;QACxB,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO;QACL,KAAK;QACL,WAAW;QACX,WAAW;QACX,SAAS;QACT,SAAS;QACT,QAAQ;KACT,CAAC;AACJ,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,WAAW,CAAC,KAAyB;IACnD,MAAM,EACJ,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,IAAI,EAChB,WAAW,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAC1C,UAAU,GAAG,MAAM,EACnB,UAAU,GAAG,MAAM,EACnB,QAAQ,GAAG,IAAI,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,OAAO,GAAG,aAAa,EAAE,KAAK,OAAO,CAAC;IAE5C,0BAA0B;IAC1B,QAAQ,CACN,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACb,IAAI,GAAG,CAAC,SAAS,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YACnC,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,CAAC;aAAM,IAAI,GAAG,CAAC,UAAU,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YAC3C,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,CAAC;aAAM,IAAI,GAAG,CAAC,GAAG,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YACpC,KAAK,CAAC,WAAW,EAAE,CAAC;QACtB,CAAC;IACH,CAAC,EACD,EAAE,QAAQ,EAAE,CACb,CAAC;IAEF,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IACnC,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;IACnC,MAAM,QAAQ,GAAG,GAAG,GAAG,GAAG,CAAC;IAC3B,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;IACtE,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;IAElE,cAAc;IACd,MAAM,UAAU,GAAY,EAAE,CAAC;IAC/B,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACtC,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACvC,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAEtC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/B,IAAI,CAAC,KAAK,QAAQ,EAAE,CAAC;YACnB,UAAU,CAAC,IAAI,CACb,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,EAAE,EAAE,SAAS,CAAC,CAChG,CAAC;QACJ,CAAC;aAAM,IAAI,CAAC,KAAK,MAAM,EAAE,CAAC;YACxB,UAAU,CAAC,IAAI,CACb,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,KAAK,EAAE,EAAE,SAAS,CAAC,CAC5F,CAAC;QACJ,CAAC;aAAM,IAAI,CAAC,GAAG,QAAQ,IAAI,CAAC,GAAG,MAAM,EAAE,CAAC;YACtC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC;QAC3D,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC;QACrE,CAAC;IACH,CAAC;IAED,MAAM,KAAK,GAAY,EAAE,CAAC;IAE1B,IAAI,SAAS,EAAE,CAAC;QACd,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACnF,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC;IAEzD,IAAI,SAAS,EAAE,CAAC;QACd,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAChF,CAAC;IAED,OAAO,GAAG,CACR,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAC9C,GAAG,KAAK,CACT,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,99 @@
+/**
+ * Switch - Boolean toggle component
+ *
+ * Features:
+ * - On/Off toggle
+ * - Keyboard activation
+ * - Custom labels
+ * - Animated transition (optional)
+ */
+import type { VNode, ColorValue } from '../../utils/types.js';
+export interface SwitchOptions {
+    /** Initial value */
+    initialValue?: boolean;
+    /** On label */
+    onLabel?: string;
+    /** Off label */
+    offLabel?: string;
+    /** Show labels */
+    showLabels?: boolean;
+    /** On color */
+    onColor?: ColorValue;
+    /** Off color */
+    offColor?: ColorValue;
+    /** Track color when off */
+    trackColor?: ColorValue;
+    /** Size: compact or normal */
+    size?: 'compact' | 'normal';
+    /** Is disabled */
+    disabled?: boolean;
+    /** Callbacks */
+    onChange?: (value: boolean) => void;
+    /** Is active */
+    isActive?: boolean;
+}
+export interface SwitchState {
+    value: () => boolean;
+    toggle: () => void;
+    setOn: () => void;
+    setOff: () => void;
+    setValue: (value: boolean) => void;
+}
+/**
+ * Create a Switch state manager
+ */
+export declare function createSwitch(options?: SwitchOptions): SwitchState;
+export interface SwitchProps extends SwitchOptions {
+    /** Pre-created state */
+    state?: SwitchState;
+    /** Label before switch */
+    label?: string;
+}
+/**
+ * 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 declare function Switch(props: SwitchProps): VNode;
+export interface ToggleOption {
+    /** Unique key */
+    key: string;
+    /** Label */
+    label: string;
+    /** Initial value */
+    initialValue?: boolean;
+    /** Disabled */
+    disabled?: boolean;
+}
+export interface ToggleGroupOptions {
+    /** Toggle options */
+    options: ToggleOption[];
+    /** Direction */
+    direction?: 'horizontal' | 'vertical';
+    /** Gap */
+    gap?: number;
+    /** On change callback */
+    onChange?: (values: Record<string, boolean>) => void;
+    /** Is active */
+    isActive?: boolean;
+}
+/**
+ * ToggleGroup - Multiple toggles
+ */
+export declare function ToggleGroup(props: ToggleGroupOptions): VNode;
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/design-system/forms/switch.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAU9D,MAAM,WAAW,aAAa;IAC5B,oBAAoB;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe;IACf,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,kBAAkB;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;AAMD;;GAEG;AACH,wBAAgB,YAAY,CAAC,OAAO,GAAE,aAAkB,GAAG,WAAW,CAmCrE;AAMD,MAAM,WAAW,WAAY,SAAQ,aAAa;IAChD,wBAAwB;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAgHhD;AAMD,MAAM,WAAW,YAAY;IAC3B,iBAAiB;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,qBAAqB;IACrB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,gBAAgB;IAChB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,UAAU;IACV,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACrD,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,CA0C5D"}