tuiuiu.js 0.1.1

package/dist/app/render-loop.js.map

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

package/dist/atoms/button.d.ts

@@ -0,0 +1,109 @@
+/**
+ * Button - Clickable button component
+ *
+ * @layer Atom
+ * @description Interactive button with variants, icons, and loading states
+ *
+ * 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/atoms/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/atoms/button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAQ3D,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/atoms/button.js

@@ -0,0 +1,173 @@
+/**
+ * Button - Clickable button component
+ *
+ * @layer Atom
+ * @description Interactive button with variants, icons, and loading states
+ *
+ * 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/atoms/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/atoms/button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAsClE,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EACJ,KAAK,EACL,OAAO,EACP,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,EAC1B,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,WAAW,EACX,IAAI,EACJ,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,aAAa,EAAE,KAAK,OAAO,CAAC;IAC5C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,wBAAwB;IACxB,MAAM,QAAQ,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1C,oCAAoC;IACpC,MAAM,aAAa,GAAG,CAAC,QAAQ,IAAI,CAAC,OAAO,CAAC;IAC5C,MAAM,aAAa,GAAG,OAAO,IAAI,OAAO,CAAC;IAEzC,IAAI,SAAqB,CAAC;IAC1B,IAAI,OAA+B,CAAC;IACpC,IAAI,WAAmC,CAAC;IACxC,IAAI,WAAW,GAAgC,OAAO,CAAC;IAEvD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,OAAO;YACV,IAAI,QAAQ,EAAE,CAAC;gBACb,SAAS,GAAG,MAAM,CAAC;gBACnB,OAAO,GAAG,SAAS,CAAC;gBACpB,WAAW,GAAG,MAAM,CAAC;YACvB,CAAC;iBAAM,IAAI,aAAa,EAAE,CAAC;gBACzB,SAAS,GAAG,OAAO,CAAC;gBACpB,OAAO,GAAG,KAAK,CAAC;gBAChB,WAAW,GAAG,KAAK,CAAC;YACtB,CAAC;iBAAM,CAAC;gBACN,SAAS,GAAG,KAAK,CAAC;gBAClB,OAAO,GAAG,SAAS,CAAC;gBACpB,WAAW,GAAG,KAAK,CAAC;YACtB,CAAC;YACD,MAAM;QAER,KAAK,SAAS;YACZ,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;YAC9D,OAAO,GAAG,SAAS,CAAC;YACpB,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;YACxC,MAAM;QAER,KAAK,OAAO;YACV,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;YAChE,OAAO,GAAG,aAAa,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;YACzD,WAAW,GAAG,SAAS,CAAC;YACxB,WAAW,GAAG,MAAM,CAAC;YACrB,MAAM;QAER,KAAK,MAAM;YACT,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;YACtC,OAAO,GAAG,SAAS,CAAC;YACpB,WAAW,GAAG,SAAS,CAAC;YACxB,WAAW,GAAG,MAAM,CAAC;YACrB,MAAM;IACV,CAAC;IAED,gBAAgB;IAChB,MAAM,KAAK,GAAY,EAAE,CAAC;IAE1B,kBAAkB;IAClB,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC9D,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC;IACxD,CAAC;IAED,OAAO;IACP,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;QACrB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC;IACrD,CAAC;IAED,QAAQ;IACR,MAAM,YAAY,GAAG,OAAO,IAAI,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC;IAClE,KAAK,CAAC,IAAI,CACR,IAAI,CACF;QACE,KAAK,EAAE,OAAO,KAAK,OAAO,IAAI,aAAa,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;QAC9E,eAAe,EAAE,OAAO,KAAK,OAAO,IAAI,aAAa,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;QACxF,IAAI,EAAE,aAAa,IAAI,aAAa;QACpC,GAAG,EAAE,QAAQ;QACb,SAAS,EAAE,OAAO,KAAK,MAAM,IAAI,aAAa;KAC/C,EACD,YAAY,CACb,CACF,CAAC;IAEF,aAAa;IACb,IAAI,SAAS,IAAI,CAAC,OAAO,EAAE,CAAC;QAC1B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED,UAAU;IACV,MAAM,QAAQ,GAAQ;QACpB,aAAa,EAAE,KAAK;QACpB,QAAQ;QACR,QAAQ;QACR,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAC5B,CAAC;IAEF,IAAI,WAAW,KAAK,MAAM,EAAE,CAAC;QAC3B,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;QACnC,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;IACrC,CAAC;IAED,qCAAqC;IACrC,IAAI,aAAa,IAAI,OAAO,EAAE,CAAC;QAC7B,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;IAC7B,CAAC;IAED,OAAO,GAAG,CAAC,QAAQ,EAAE,GAAG,KAAK,CAAC,CAAC;AACjC,CAAC;AAuBD;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,EAC1B,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,OAAO,IAAI,OAAO,CAAC;IACzC,MAAM,aAAa,GAAG,CAAC,QAAQ,CAAC;IAEhC,MAAM,QAAQ,GAAQ;QACpB,QAAQ,EAAE,CAAC;KACZ,CAAC;IAEF,IAAI,aAAa,IAAI,OAAO,EAAE,CAAC;QAC7B,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;IAC7B,CAAC;IAED,OAAO,GAAG,CACR,QAAQ,EACR,IAAI,CACF;QACE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;QAC1D,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,QAAQ;KACd,EACD,IAAI,CACL,CACF,CAAC;AACJ,CAAC;AAiBD;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EACJ,OAAO,EACP,SAAS,GAAG,YAAY,EACxB,GAAG,GAAG,CAAC,EACP,YAAY,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,EAAE,EAAE,CACjD,MAAM,CAAC;QACL,GAAG,WAAW;QACd,OAAO,EAAE,CAAC,KAAK,YAAY;KAC5B,CAAC,CACH,CAAC;IAEF,OAAO,GAAG,CACR;QACE,aAAa,EAAE,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;QAC5D,GAAG;KACJ,EACD,GAAG,WAAW,CACf,CAAC;AACJ,CAAC"}

package/dist/atoms/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Atoms - Smallest UI units with internal state
+ *
+ * @layer Atoms
+ * @description Basic interactive components (buttons, inputs, badges, etc.)
+ *
+ * Atoms are the smallest functional units in our component hierarchy.
+ * They can have internal state but are not composed of other components.
+ *
+ * Examples:
+ * - Badge: Simple status indicator
+ * - Button: Clickable action trigger
+ * - Spinner: Loading indicator
+ * - TextInput: Text entry field
+ * - Slider: Numeric value selection
+ * - Switch: Boolean toggle
+ * - Timer: Time display/countdown
+ * - ProgressBar: Progress indicator
+ * - Tooltip: Contextual information
+ */
+export { Spinner, createSpinner, renderSpinner, listSpinnerStyles, getSpinnerConfig, getSpinnerCount, type SpinnerOptions, type SpinnerStyle, } from './spinner.js';
+export { Timer, createTimer, createMultiTimer, formatTime, parseTime, type TimerProps, type TimerState, type TimerFormat, type TimerMode, type CreateTimerOptions, type MultiTimerState, } from './timer.js';
+export { Button, IconButton, ButtonGroup, type ButtonProps, type ButtonVariant, type ButtonSize, type IconButtonProps, type ButtonGroupProps, } from './button.js';
+export { Switch, createSwitch, ToggleGroup, type SwitchProps, type SwitchState, type SwitchOptions, type ToggleOption, type ToggleGroupOptions, } from './switch.js';
+export { Slider, createSlider, RangeSlider, createRangeSlider, type SliderProps, type SliderState, type SliderOptions, type RangeSliderOptions, type RangeSliderState, } from './slider.js';
+export { TextInput, createTextInput, renderTextInput, type TextInputProps, type TextInputOptions, type TextInputState, } from './text-input.js';
+export { ProgressBar, createProgressBar, renderProgressBar, MultiProgressBar, type ProgressBarOptions, type ProgressBarStyle, } from './progress-bar.js';
+export { Tooltip, WithTooltip, HelpTooltip, InfoBox, Popover, Badge, Tag, type TooltipOptions, type TooltipPosition, type WithTooltipOptions, type HelpTooltipOptions, type InfoBoxOptions, type InfoBoxType, type PopoverOptions, type BadgeOptions, type TagOptions, } from './tooltip.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/atoms/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/atoms/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAKH,OAAO,EACL,OAAO,EACP,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,KAAK,cAAc,EACnB,KAAK,YAAY,GAClB,MAAM,cAAc,CAAC;AAKtB,OAAO,EACL,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,SAAS,EACT,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,kBAAkB,EACvB,KAAK,eAAe,GACrB,MAAM,YAAY,CAAC;AAKpB,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;AAKrB,OAAO,EACL,MAAM,EACN,YAAY,EACZ,WAAW,EACX,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,kBAAkB,GACxB,MAAM,aAAa,CAAC;AAKrB,OAAO,EACL,MAAM,EACN,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,GACtB,MAAM,aAAa,CAAC;AAKrB,OAAO,EACL,SAAS,EACT,eAAe,EACf,eAAe,EACf,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,cAAc,GACpB,MAAM,iBAAiB,CAAC;AAKzB,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,GACtB,MAAM,mBAAmB,CAAC;AAK3B,OAAO,EACL,OAAO,EACP,WAAW,EACX,WAAW,EACX,OAAO,EACP,OAAO,EACP,KAAK,EACL,GAAG,EACH,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,UAAU,GAChB,MAAM,cAAc,CAAC"}

package/dist/atoms/index.js

@@ -0,0 +1,53 @@
+/**
+ * Atoms - Smallest UI units with internal state
+ *
+ * @layer Atoms
+ * @description Basic interactive components (buttons, inputs, badges, etc.)
+ *
+ * Atoms are the smallest functional units in our component hierarchy.
+ * They can have internal state but are not composed of other components.
+ *
+ * Examples:
+ * - Badge: Simple status indicator
+ * - Button: Clickable action trigger
+ * - Spinner: Loading indicator
+ * - TextInput: Text entry field
+ * - Slider: Numeric value selection
+ * - Switch: Boolean toggle
+ * - Timer: Time display/countdown
+ * - ProgressBar: Progress indicator
+ * - Tooltip: Contextual information
+ */
+// =============================================================================
+// Spinner - Loading indicators
+// =============================================================================
+export { Spinner, createSpinner, renderSpinner, listSpinnerStyles, getSpinnerConfig, getSpinnerCount, } from './spinner.js';
+// =============================================================================
+// Timer - Stopwatch and countdown
+// =============================================================================
+export { Timer, createTimer, createMultiTimer, formatTime, parseTime, } from './timer.js';
+// =============================================================================
+// Button - Clickable actions
+// =============================================================================
+export { Button, IconButton, ButtonGroup, } from './button.js';
+// =============================================================================
+// Switch - Boolean toggle
+// =============================================================================
+export { Switch, createSwitch, ToggleGroup, } from './switch.js';
+// =============================================================================
+// Slider - Numeric value selection
+// =============================================================================
+export { Slider, createSlider, RangeSlider, createRangeSlider, } from './slider.js';
+// =============================================================================
+// TextInput - Text entry
+// =============================================================================
+export { TextInput, createTextInput, renderTextInput, } from './text-input.js';
+// =============================================================================
+// ProgressBar - Progress indicators
+// =============================================================================
+export { ProgressBar, createProgressBar, renderProgressBar, MultiProgressBar, } from './progress-bar.js';
+// =============================================================================
+// Tooltip & related visual components
+// =============================================================================
+export { Tooltip, WithTooltip, HelpTooltip, InfoBox, Popover, Badge, Tag, } from './tooltip.js';
+//# sourceMappingURL=index.js.map

package/dist/atoms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/atoms/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,gFAAgF;AAChF,+BAA+B;AAC/B,gFAAgF;AAChF,OAAO,EACL,OAAO,EACP,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GAGhB,MAAM,cAAc,CAAC;AAEtB,gFAAgF;AAChF,kCAAkC;AAClC,gFAAgF;AAChF,OAAO,EACL,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,SAAS,GAOV,MAAM,YAAY,CAAC;AAEpB,gFAAgF;AAChF,6BAA6B;AAC7B,gFAAgF;AAChF,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,GAMZ,MAAM,aAAa,CAAC;AAErB,gFAAgF;AAChF,0BAA0B;AAC1B,gFAAgF;AAChF,OAAO,EACL,MAAM,EACN,YAAY,EACZ,WAAW,GAMZ,MAAM,aAAa,CAAC;AAErB,gFAAgF;AAChF,mCAAmC;AACnC,gFAAgF;AAChF,OAAO,EACL,MAAM,EACN,YAAY,EACZ,WAAW,EACX,iBAAiB,GAMlB,MAAM,aAAa,CAAC;AAErB,gFAAgF;AAChF,yBAAyB;AACzB,gFAAgF;AAChF,OAAO,EACL,SAAS,EACT,eAAe,EACf,eAAe,GAIhB,MAAM,iBAAiB,CAAC;AAEzB,gFAAgF;AAChF,oCAAoC;AACpC,gFAAgF;AAChF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,GAGjB,MAAM,mBAAmB,CAAC;AAE3B,gFAAgF;AAChF,sCAAsC;AACtC,gFAAgF;AAChF,OAAO,EACL,OAAO,EACP,WAAW,EACX,WAAW,EACX,OAAO,EACP,OAAO,EACP,KAAK,EACL,GAAG,GAUJ,MAAM,cAAc,CAAC"}

package/dist/atoms/progress-bar.d.ts

@@ -0,0 +1,96 @@
+/**
+ * ProgressBar - Visual progress indicator
+ *
+ * @layer Atom
+ * @description Visual progress with multiple styles and states
+ *
+ * Features:
+ * - Multiple bar styles (block, smooth, line, dots, braille)
+ * - Percentage display
+ * - ETA calculation
+ * - Speed/rate display
+ * - Custom colors and gradients
+ * - Indeterminate mode (animated)
+ * - Multi-segment support
+ * - Label and description
+ */
+import type { VNode } from '../utils/types.js';
+export type ProgressBarStyle = 'block' | 'smooth' | 'line' | 'dots' | 'braille' | 'ascii';
+export interface ProgressBarOptions {
+    /** Current progress (0-1 or 0-100) */
+    value?: number;
+    /** Maximum value (default: 1 if value <= 1, else 100) */
+    max?: number;
+    /** Width in characters */
+    width?: number;
+    /** Bar style */
+    style?: ProgressBarStyle;
+    /** Show percentage */
+    showPercentage?: boolean;
+    /** Show value (e.g., "50/100") */
+    showValue?: boolean;
+    /** Show ETA */
+    showEta?: boolean;
+    /** Show speed/rate */
+    showSpeed?: boolean;
+    /** Speed unit (e.g., "MB/s", "items/s") */
+    speedUnit?: string;
+    /** Current speed value */
+    speed?: number;
+    /** Estimated time remaining in seconds */
+    eta?: number;
+    /** Progress bar color */
+    color?: string;
+    /** Empty bar color */
+    emptyColor?: string;
+    /** Use gradient (multiple colors) */
+    gradient?: string[];
+    /** Label (left side) */
+    label?: string;
+    /** Description (right side) */
+    description?: string;
+    /** Indeterminate mode (unknown progress) */
+    indeterminate?: boolean;
+    /** Indeterminate animation style */
+    indeterminateStyle?: 'classic' | 'marquee' | 'fill-and-clear';
+    /** Step size for 'fill-and-clear' animation (default: 1) */
+    fillStep?: number;
+    /** Border style */
+    borderStyle?: 'none' | 'brackets' | 'pipes' | 'arrows';
+}
+/**
+ * Create a progress bar state manager
+ */
+export declare function createProgressBar(options?: ProgressBarOptions): {
+    progress: () => number;
+    startTime: () => number;
+    processedItems: () => number;
+    setProgress: (v: number, maxVal?: number) => void;
+    increment: (amount?: number, maxVal?: number) => void;
+    getElapsed: () => number;
+    getEta: () => number;
+    getSpeed: () => number;
+    reset: () => void;
+};
+/**
+ * Render a progress bar
+ */
+export declare function renderProgressBar(state: ReturnType<typeof createProgressBar>, options?: ProgressBarOptions): VNode;
+/**
+ * Simple standalone progress bar component
+ */
+export declare function ProgressBar(options: ProgressBarOptions): VNode;
+/**
+ * Multi-segment progress bar (for showing multiple parts)
+ */
+export declare function MultiProgressBar(options: {
+    segments: Array<{
+        value: number;
+        color: string;
+        label?: string;
+    }>;
+    total: number;
+    width?: number;
+    showLegend?: boolean;
+}): VNode;
+//# sourceMappingURL=progress-bar.d.ts.map

package/dist/atoms/progress-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../src/atoms/progress-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK/C,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAqE1F,MAAM,WAAW,kBAAkB;IACjC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB;IAChB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,sBAAsB;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oCAAoC;IACpC,kBAAkB,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,gBAAgB,CAAC;IAC9D,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;CACxD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,kBAAuB;;;;qBAW7C,MAAM,WAAW,MAAM;yBAIpB,MAAM,WAAe,MAAM;;;;;EAsBlD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,EAC3C,OAAO,GAAE,kBAAuB,GAC/B,KAAK,CAgNP;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,kBAAkB,GAAG,KAAK,CAiI9D;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE;IACxC,QAAQ,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,KAAK,CA2CR"}