tuiuiu.js 0.1.1

package/dist/design-system/overlays/overlay-stack.d.ts.map

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

package/dist/design-system/overlays/overlay-stack.js

@@ -0,0 +1,341 @@
+/**
+ * Overlay Stack Manager
+ *
+ * Manages a stack of overlay components (modals, dialogs, menus)
+ * with exclusive focus handling and proper z-ordering.
+ *
+ * Features:
+ * - Push/pop overlay management
+ * - Exclusive focus (only top overlay receives input)
+ * - Named overlays for easy management
+ * - Backdrop/dimming support
+ * - Animation hooks
+ * - Priority levels
+ *
+ * @example
+ * ```typescript
+ * import { createOverlayStack, OverlayContainer } from 'tuiuiu.js';
+ *
+ * const overlays = createOverlayStack();
+ *
+ * // Push an overlay
+ * overlays.push({
+ *   id: 'confirm',
+ *   component: () => ConfirmDialog({ ... }),
+ *   priority: 'normal',
+ *   closeOnEscape: true,
+ * });
+ *
+ * // In your app
+ * Box({},
+ *   MainContent(),
+ *   OverlayContainer({ stack: overlays })
+ * )
+ *
+ * // Handle input
+ * useInput((_, key) => {
+ *   if (overlays.hasOverlay()) {
+ *     if (key.escape && overlays.current()?.closeOnEscape) {
+ *       overlays.pop();
+ *     }
+ *     // Don't propagate input to main content
+ *     return;
+ *   }
+ *   // Normal input handling
+ * });
+ * ```
+ */
+import { Box } from '../../primitives/nodes.js';
+import { createSignal } from '../../primitives/signal.js';
+// =============================================================================
+// Priority Values
+// =============================================================================
+const PRIORITY_VALUES = {
+    low: 1,
+    normal: 2,
+    high: 3,
+    critical: 4,
+};
+// =============================================================================
+// Implementation
+// =============================================================================
+/**
+ * Create an overlay stack manager
+ */
+export function createOverlayStack() {
+    const [version, setVersion] = createSignal(0);
+    const triggerUpdate = () => setVersion(v => v + 1);
+    const stack = [];
+    const subscribers = new Set();
+    const notify = () => {
+        triggerUpdate();
+        for (const callback of subscribers) {
+            callback();
+        }
+    };
+    const sortStack = () => {
+        // Sort by priority (lower first), then by pushedAt (earlier first)
+        stack.sort((a, b) => {
+            if (a.priorityValue !== b.priorityValue) {
+                return a.priorityValue - b.priorityValue;
+            }
+            return a.pushedAt - b.pushedAt;
+        });
+    };
+    return {
+        all: () => {
+            version(); // Subscribe
+            return [...stack];
+        },
+        current: () => {
+            version();
+            return stack.length > 0 ? stack[stack.length - 1] : null;
+        },
+        hasOverlay: () => {
+            version();
+            return stack.length > 0;
+        },
+        isOpen: (id) => {
+            version();
+            return stack.some(entry => entry.id === id);
+        },
+        get: (id) => {
+            version();
+            return stack.find(entry => entry.id === id) || null;
+        },
+        push: (config) => {
+            // Don't allow duplicate IDs
+            if (stack.some(entry => entry.id === config.id)) {
+                console.warn(`Overlay with id '${config.id}' already exists`);
+                return;
+            }
+            const entry = {
+                ...config,
+                priority: config.priority || 'normal',
+                priorityValue: PRIORITY_VALUES[config.priority || 'normal'],
+                pushedAt: Date.now(),
+                closeOnEscape: config.closeOnEscape ?? true,
+                closeOnClickOutside: config.closeOnClickOutside ?? false,
+                showBackdrop: config.showBackdrop ?? true,
+                backdropChar: config.backdropChar ?? ' ',
+                backdropColor: config.backdropColor ?? undefined,
+            };
+            stack.push(entry);
+            sortStack();
+            entry.onOpen?.();
+            notify();
+        },
+        pop: () => {
+            if (stack.length === 0)
+                return null;
+            const entry = stack[stack.length - 1];
+            // Check beforeClose
+            if (entry.beforeClose && !entry.beforeClose()) {
+                return null;
+            }
+            stack.pop();
+            entry.onClose?.();
+            notify();
+            return entry;
+        },
+        close: (id) => {
+            const index = stack.findIndex(entry => entry.id === id);
+            if (index === -1)
+                return false;
+            const entry = stack[index];
+            // Check beforeClose
+            if (entry.beforeClose && !entry.beforeClose()) {
+                return false;
+            }
+            stack.splice(index, 1);
+            entry.onClose?.();
+            notify();
+            return true;
+        },
+        closeAll: () => {
+            // Close from top to bottom
+            while (stack.length > 0) {
+                const entry = stack.pop();
+                entry.onClose?.();
+            }
+            notify();
+        },
+        replace: (id, config) => {
+            const index = stack.findIndex(entry => entry.id === id);
+            if (index === -1)
+                return false;
+            const oldEntry = stack[index];
+            const newEntry = {
+                ...config,
+                priority: config.priority || 'normal',
+                priorityValue: PRIORITY_VALUES[config.priority || 'normal'],
+                pushedAt: oldEntry.pushedAt, // Keep original position
+                closeOnEscape: config.closeOnEscape ?? true,
+                closeOnClickOutside: config.closeOnClickOutside ?? false,
+                showBackdrop: config.showBackdrop ?? true,
+            };
+            stack[index] = newEntry;
+            sortStack();
+            notify();
+            return true;
+        },
+        bringToTop: (id) => {
+            const index = stack.findIndex(entry => entry.id === id);
+            if (index === -1)
+                return false;
+            const entry = stack[index];
+            entry.pushedAt = Date.now();
+            sortStack();
+            notify();
+            return true;
+        },
+        size: () => {
+            version();
+            return stack.length;
+        },
+        subscribe: (callback) => {
+            subscribers.add(callback);
+            return () => {
+                subscribers.delete(callback);
+            };
+        },
+    };
+}
+/**
+ * Container component that renders all overlays in the stack
+ *
+ * @example
+ * ```typescript
+ * // At the end of your main component
+ * Box({},
+ *   MainContent(),
+ *   OverlayContainer({ stack: overlays })
+ * )
+ * ```
+ */
+export function OverlayContainer(props) {
+    const { stack, renderBackdrop } = props;
+    const overlays = stack.all();
+    if (overlays.length === 0) {
+        return Box({});
+    }
+    const children = [];
+    for (const entry of overlays) {
+        // Backdrop
+        if (entry.showBackdrop && renderBackdrop) {
+            const backdrop = renderBackdrop(entry);
+            if (backdrop) {
+                children.push(backdrop);
+            }
+        }
+        // Overlay component
+        const component = entry.component();
+        if (component) {
+            children.push(component);
+        }
+    }
+    return Box({ flexDirection: 'column' }, ...children);
+}
+/**
+ * Check if input should be blocked (overlay is active)
+ *
+ * @example
+ * ```typescript
+ * const overlays = createOverlayStack();
+ *
+ * useInput((input, key) => {
+ *   // Handle escape for overlays
+ *   if (key.escape && overlays.hasOverlay()) {
+ *     const current = overlays.current();
+ *     if (current?.closeOnEscape) {
+ *       overlays.pop();
+ *     }
+ *     return; // Block further input
+ *   }
+ *
+ *   // Block all input when overlay is active
+ *   if (shouldBlockInput(overlays)) {
+ *     return;
+ *   }
+ *
+ *   // Normal input handling...
+ * });
+ * ```
+ */
+export function shouldBlockInput(stack) {
+    return stack.hasOverlay();
+}
+/**
+ * Handle escape key for overlay stack
+ * Returns true if handled (overlay was closed or blocked)
+ */
+export function handleOverlayEscape(stack) {
+    const current = stack.current();
+    if (!current)
+        return false;
+    if (current.closeOnEscape) {
+        stack.pop();
+        return true;
+    }
+    // Overlay exists but doesn't close on escape - still block
+    return true;
+}
+// =============================================================================
+// Utility: Create common overlays
+// =============================================================================
+/**
+ * Helper to create a modal overlay config
+ */
+export function createModalOverlay(options) {
+    return {
+        id: options.id,
+        component: options.component,
+        priority: 'normal',
+        closeOnEscape: options.closeOnEscape ?? true,
+        showBackdrop: true,
+        onClose: options.onClose,
+    };
+}
+/**
+ * Helper to create a toast overlay config (low priority, no backdrop)
+ */
+export function createToastOverlay(options) {
+    let timeoutId = null;
+    const config = {
+        id: options.id,
+        component: options.component,
+        priority: 'low',
+        closeOnEscape: false,
+        showBackdrop: false,
+        onClose: () => {
+            if (timeoutId) {
+                clearTimeout(timeoutId);
+                timeoutId = null;
+            }
+            options.onClose?.();
+        },
+    };
+    const autoClose = () => {
+        if (options.duration && options.duration > 0) {
+            timeoutId = setTimeout(() => {
+                // This will be called by the stack manager
+                config.onClose?.();
+            }, options.duration);
+        }
+    };
+    return { ...config, autoClose };
+}
+/**
+ * Helper to create a critical overlay config (highest priority)
+ */
+export function createCriticalOverlay(options) {
+    return {
+        id: options.id,
+        component: options.component,
+        priority: 'critical',
+        closeOnEscape: options.closeOnEscape ?? false,
+        showBackdrop: true,
+        onClose: options.onClose,
+    };
+}
+//# sourceMappingURL=overlay-stack.js.map

package/dist/design-system/overlays/overlay-stack.js.map

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

package/dist/design-system/primitives/box.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Box - Container with flexbox layout
+ */
+import type { VNode, BoxProps, ReckChild } from '../../utils/types.js';
+import './text.js';
+/**
+ * Box - Container with flexbox layout
+ *
+ * @example
+ * Box({ flexDirection: 'row', padding: 1 },
+ *   Text({ color: 'cyan' }, 'Hello'),
+ *   Text({ color: 'green' }, 'World')
+ * )
+ */
+export declare function Box(props: BoxProps, ...children: ReckChild[]): VNode;
+//# sourceMappingURL=box.d.ts.map

package/dist/design-system/primitives/box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../src/design-system/primitives/box.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGvE,OAAO,WAAW,CAAC;AAEnB;;;;;;;;GAQG;AACH,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAMpE"}

package/dist/design-system/primitives/box.js

@@ -0,0 +1,23 @@
+/**
+ * Box - Container with flexbox layout
+ */
+import { normalizeChildren } from './helpers.js';
+// Import text to ensure it's initialized
+import './text.js';
+/**
+ * Box - Container with flexbox layout
+ *
+ * @example
+ * Box({ flexDirection: 'row', padding: 1 },
+ *   Text({ color: 'cyan' }, 'Hello'),
+ *   Text({ color: 'green' }, 'World')
+ * )
+ */
+export function Box(props, ...children) {
+    return {
+        type: 'box',
+        props: { ...props },
+        children: normalizeChildren(children.length > 0 ? children : props.children),
+    };
+}
+//# sourceMappingURL=box.js.map

package/dist/design-system/primitives/box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/design-system/primitives/box.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,yCAAyC;AACzC,OAAO,WAAW,CAAC;AAEnB;;;;;;;;GAQG;AACH,MAAM,UAAU,GAAG,CAAC,KAAe,EAAE,GAAG,QAAqB;IAC3D,OAAO;QACL,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE;QACnB,QAAQ,EAAE,iBAAiB,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;KAC7E,CAAC;AACJ,CAAC"}

package/dist/design-system/primitives/divider.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Divider - Visual separator line
+ *
+ * Features:
+ * - Horizontal and vertical orientation
+ * - Customizable character
+ * - Title support (centered text)
+ * - ASCII fallback support
+ * - Theme integration
+ */
+import type { VNode } from '../../utils/types.js';
+/**
+ * Divider props
+ */
+export interface DividerProps {
+    /** Direction of the divider */
+    direction?: 'horizontal' | 'vertical';
+    /** Character to use for the line (auto-detects based on render mode) */
+    char?: string;
+    /** Width/length of the divider (default: fills available space) */
+    width?: number | string;
+    /** Color of the divider */
+    color?: string;
+    /** Dim the divider */
+    dim?: boolean;
+    /** Title to show in the middle of the divider */
+    title?: string;
+    /** Title color */
+    titleColor?: string;
+    /** Margin around divider */
+    margin?: number;
+}
+/**
+ * Divider - Visual separator line
+ *
+ * @example
+ * ```typescript
+ * // Simple horizontal divider
+ * Divider()
+ *
+ * // With title
+ * Divider({ title: 'Section', titleColor: 'cyan' })
+ *
+ * // Vertical divider
+ * Divider({ direction: 'vertical', width: 10 })
+ *
+ * // Custom style
+ * Divider({ char: '═', color: 'yellow' })
+ * ```
+ */
+export declare function Divider(props?: DividerProps): VNode;
+//# sourceMappingURL=divider.d.ts.map

package/dist/design-system/primitives/divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/design-system/primitives/divider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAMlD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,OAAO,CAAC,KAAK,GAAE,YAAiB,GAAG,KAAK,CA4DvD"}

package/dist/design-system/primitives/divider.js

@@ -0,0 +1,72 @@
+/**
+ * Divider - Visual separator line
+ *
+ * Features:
+ * - Horizontal and vertical orientation
+ * - Customizable character
+ * - Title support (centered text)
+ * - ASCII fallback support
+ * - Theme integration
+ */
+import { Box } from './box.js';
+import { Text } from './text.js';
+import { getChars, getRenderMode } from '../../core/capabilities.js';
+import { themeColor } from '../../core/theme.js';
+/**
+ * Divider - Visual separator line
+ *
+ * @example
+ * ```typescript
+ * // Simple horizontal divider
+ * Divider()
+ *
+ * // With title
+ * Divider({ title: 'Section', titleColor: 'cyan' })
+ *
+ * // Vertical divider
+ * Divider({ direction: 'vertical', width: 10 })
+ *
+ * // Custom style
+ * Divider({ char: '═', color: 'yellow' })
+ * ```
+ */
+export function Divider(props = {}) {
+    const chars = getChars();
+    const isAscii = getRenderMode() === 'ascii';
+    const { direction = 'horizontal', char, width = '100%', color = themeColor('border'), dim = false, title, titleColor, margin = 0, } = props;
+    // Default characters based on direction and render mode
+    const defaultChar = direction === 'horizontal'
+        ? chars.border.horizontal
+        : chars.border.vertical;
+    const divChar = char ?? defaultChar;
+    if (direction === 'horizontal') {
+        // Horizontal divider
+        if (title) {
+            // Divider with title: ──── Title ────
+            return Box({ flexDirection: 'row', width, marginY: margin }, Text({ color, dim }, divChar.repeat(3) + ' '), Text({ color: titleColor ?? themeColor('text'), bold: true }, title), Text({ color, dim }, ' ' + divChar.repeat(3)));
+        }
+        // Simple horizontal divider
+        const termWidth = typeof width === 'number' ? width : (process.stdout.columns || 80);
+        return {
+            type: 'box',
+            props: { width, flexDirection: 'row', marginY: margin },
+            children: [{
+                    type: 'text',
+                    props: {
+                        color,
+                        dim,
+                        children: divChar.repeat(termWidth),
+                        __divider: true,
+                    },
+                    children: [],
+                }],
+        };
+    }
+    else {
+        // Vertical divider
+        const termHeight = typeof width === 'number' ? width : (process.stdout.rows || 24);
+        const lines = Array(termHeight).fill(divChar).join('\n');
+        return Box({ marginX: margin }, Text({ color, dim }, lines));
+    }
+}
+//# sourceMappingURL=divider.js.map

package/dist/design-system/primitives/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/design-system/primitives/divider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAwBjD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,OAAO,CAAC,QAAsB,EAAE;IAC9C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,OAAO,GAAG,aAAa,EAAE,KAAK,OAAO,CAAC;IAE5C,MAAM,EACJ,SAAS,GAAG,YAAY,EACxB,IAAI,EACJ,KAAK,GAAG,MAAM,EACd,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,EAC5B,GAAG,GAAG,KAAK,EACX,KAAK,EACL,UAAU,EACV,MAAM,GAAG,CAAC,GACX,GAAG,KAAK,CAAC;IAEV,wDAAwD;IACxD,MAAM,WAAW,GAAG,SAAS,KAAK,YAAY;QAC5C,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;QACzB,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;IAC1B,MAAM,OAAO,GAAG,IAAI,IAAI,WAAW,CAAC;IAEpC,IAAI,SAAS,KAAK,YAAY,EAAE,CAAC;QAC/B,qBAAqB;QACrB,IAAI,KAAK,EAAE,CAAC;YACV,sCAAsC;YACtC,OAAO,GAAG,CACR,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAChD,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,EAC7C,IAAI,CAAC,EAAE,KAAK,EAAE,UAAU,IAAI,UAAU,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,EACpE,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAC9C,CAAC;QACJ,CAAC;QAED,4BAA4B;QAC5B,MAAM,SAAS,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QAErF,OAAO;YACL,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE;YACvD,QAAQ,EAAE,CAAC;oBACT,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE;wBACL,KAAK;wBACL,GAAG;wBACH,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC;wBACnC,SAAS,EAAE,IAAI;qBAChB;oBACD,QAAQ,EAAE,EAAE;iBACb,CAAC;SACH,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,mBAAmB;QACnB,MAAM,UAAU,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QACnF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEzD,OAAO,GAAG,CACR,EAAE,OAAO,EAAE,MAAM,EAAE,EACnB,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,KAAK,CAAC,CAC5B,CAAC;IACJ,CAAC;AACH,CAAC"}

package/dist/design-system/primitives/helpers.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Shared helpers for primitive components
+ */
+import type { VNode, ReckNode } from '../../utils/types.js';
+export declare function setTextComponent(fn: (props: any, ...children: any[]) => VNode): void;
+/**
+ * Normalize children into VNode array
+ */
+export declare function normalizeChildren(children: ReckNode): VNode[];
+//# sourceMappingURL=helpers.d.ts.map

package/dist/design-system/primitives/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/design-system/primitives/helpers.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAK5D,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,QAAQ,EAAE,GAAG,EAAE,KAAK,KAAK,QAE7E;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,CAiB7D"}

package/dist/design-system/primitives/helpers.js

@@ -0,0 +1,27 @@
+/**
+ * Shared helpers for primitive components
+ */
+// Forward declaration to avoid circular dependency
+let TextComponent = null;
+export function setTextComponent(fn) {
+    TextComponent = fn;
+}
+/**
+ * Normalize children into VNode array
+ */
+export function normalizeChildren(children) {
+    if (children === null || children === undefined || children === false || children === true) {
+        return [];
+    }
+    if (Array.isArray(children)) {
+        return children.flatMap(normalizeChildren);
+    }
+    if (typeof children === 'string' || typeof children === 'number') {
+        if (!TextComponent) {
+            throw new Error('Text component not initialized. Import text.ts first.');
+        }
+        return [TextComponent({ children: String(children) })];
+    }
+    return [children];
+}
+//# sourceMappingURL=helpers.js.map

package/dist/design-system/primitives/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/design-system/primitives/helpers.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,mDAAmD;AACnD,IAAI,aAAa,GAAuD,IAAI,CAAC;AAE7E,MAAM,UAAU,gBAAgB,CAAC,EAA6C;IAC5E,aAAa,GAAG,EAAE,CAAC;AACrB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,QAAkB;IAClD,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,KAAK,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QAC3F,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC5B,OAAO,QAAQ,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC7C,CAAC;IAED,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;QACjE,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;QAC3E,CAAC;QACD,OAAO,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IACzD,CAAC;IAED,OAAO,CAAC,QAAiB,CAAC,CAAC;AAC7B,CAAC"}

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

@@ -0,0 +1,11 @@
+/**
+ * Design System Primitives - Basic building block components
+ */
+export { normalizeChildren } from './helpers.js';
+export { Box } from './box.js';
+export { Text } from './text.js';
+export { Spacer, Newline, Fragment } from './spacer.js';
+export { Divider, type DividerProps } from './divider.js';
+export { Slot, type SlotProps } from './slot.js';
+export { When, Each, Transform, Static, type TransformProps, type StaticProps, } from './utilities.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design-system/primitives/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAGjD,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,MAAM,EACN,KAAK,cAAc,EACnB,KAAK,WAAW,GACjB,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,14 @@
+/**
+ * Design System Primitives - Basic building block components
+ */
+// Helpers (internal)
+export { normalizeChildren } from './helpers.js';
+// Core components
+export { Box } from './box.js';
+export { Text } from './text.js';
+export { Spacer, Newline, Fragment } from './spacer.js';
+export { Divider } from './divider.js';
+export { Slot } from './slot.js';
+// Utility components
+export { When, Each, Transform, Static, } from './utilities.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/design-system/primitives/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,qBAAqB;AACrB,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,kBAAkB;AAClB,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,OAAO,EAAqB,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAkB,MAAM,WAAW,CAAC;AAEjD,qBAAqB;AACrB,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,MAAM,GAGP,MAAM,gBAAgB,CAAC"}

package/dist/design-system/primitives/slot.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Slot - Reserved layout space for content that may appear/disappear
+ */
+import type { VNode, ReckChild } from '../../utils/types.js';
+/**
+ * Slot - Reserved layout space for content that may appear/disappear
+ *
+ * The Slot pattern prevents layout shifts by always reserving space,
+ * even when content is hidden. This is crucial for stable UX.
+ *
+ * @example
+ * // Job output area - always reserves 5 lines even when no output
+ * Slot({ visible: hasOutput, height: 5 },
+ *   Text({}, output)
+ * )
+ *
+ * // Conditionally show input, but never shift layout
+ * Slot({ visible: showInput, minHeight: 1 },
+ *   TextInput({ value: input, onChange: setInput })
+ * )
+ */
+export interface SlotProps {
+    /** Whether content is visible */
+    visible: boolean;
+    /** Fixed height when hidden (in lines) */
+    height?: number;
+    /** Minimum height (used when visible too) */
+    minHeight?: number;
+    /** Flex grow factor */
+    flexGrow?: number;
+    /** Fixed width */
+    width?: number;
+}
+export declare function Slot(props: SlotProps, ...children: ReckChild[]): VNode;
+//# sourceMappingURL=slot.d.ts.map