tuiuiu.js 0.1.1 → 0.1.4-next.64ff654

package/dist/design-system/layout/collapsible.js

@@ -1,286 +0,0 @@
-/**
- * Collapsible - Expandable/collapsible sections
- *
- * Features:
- * - Expandable content sections
- * - Title with toggle indicator
- * - Keyboard toggle (space/enter)
- * - Custom icons
- * - Nested collapsibles
- */
-import { Box, Text } from '../../primitives/nodes.js';
-import { createSignal } from '../../primitives/signal.js';
-import { useInput } from '../../hooks/index.js';
-import { getChars, getRenderMode } from '../../core/capabilities.js';
-// =============================================================================
-// State Factory
-// =============================================================================
-/**
- * Create a Collapsible state manager
- */
-export function createCollapsible(options = {}) {
-    const { initialExpanded = false, onToggle } = options;
-    const [expanded, setExpandedSignal] = createSignal(initialExpanded);
-    const toggle = () => {
-        setExpandedSignal((v) => {
-            const newValue = !v;
-            onToggle?.(newValue);
-            return newValue;
-        });
-    };
-    const expand = () => {
-        if (!expanded()) {
-            setExpandedSignal(true);
-            onToggle?.(true);
-        }
-    };
-    const collapse = () => {
-        if (expanded()) {
-            setExpandedSignal(false);
-            onToggle?.(false);
-        }
-    };
-    const setExpanded = (value) => {
-        if (expanded() !== value) {
-            setExpandedSignal(value);
-            onToggle?.(value);
-        }
-    };
-    return { expanded, toggle, expand, collapse, setExpanded };
-}
-/**
- * Collapsible - Expandable content section
- *
- * @example
- * Collapsible({
- *   title: 'Advanced Options',
- *   children: Box({}, Text({}, 'Hidden content here'))
- * })
- *
- * @example
- * // With custom icons
- * Collapsible({
- *   title: 'Details',
- *   collapsedIcon: '📁',
- *   expandedIcon: '📂',
- *   children: detailsContent
- * })
- */
-export function Collapsible(props) {
-    const { title, collapsedIcon, expandedIcon, titleColor = 'white', indent = 2, disabled = false, isActive = true, children, state: externalState, } = props;
-    const state = externalState || createCollapsible(props);
-    const chars = getChars();
-    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.collapse();
-        }
-        else if (key.rightArrow || input === 'l') {
-            state.expand();
-        }
-    }, { isActive });
-    const isExpanded = state.expanded();
-    // Determine icon
-    let icon;
-    if (isExpanded) {
-        icon = expandedIcon ?? (isAscii ? 'v' : chars.expand.expanded);
-    }
-    else {
-        icon = collapsedIcon ?? (isAscii ? '>' : chars.expand.collapsed);
-    }
-    // Header
-    const header = Box({ flexDirection: 'row', gap: 1 }, Text({ color: titleColor, dim: disabled }, icon), Text({ color: titleColor, bold: true, dim: disabled }, title || 'Untitled'));
-    // Content (only shown when expanded)
-    const content = isExpanded
-        ? Box({ marginLeft: indent, marginTop: 1 }, ...(Array.isArray(children) ? children : [children]))
-        : null;
-    return Box({ flexDirection: 'column' }, header, content);
-}
-/**
- * Create an Accordion state manager
- */
-export function createAccordion(options) {
-    const { sections, initialExpanded, multiple = false, onChange } = options;
-    const [expanded, setExpanded] = createSignal(new Set(initialExpanded ? [initialExpanded] : []));
-    const [focusIndex, setFocusIndex] = createSignal(0);
-    const toggle = (key) => {
-        setExpanded((exp) => {
-            const newExp = new Set(exp);
-            if (newExp.has(key)) {
-                newExp.delete(key);
-            }
-            else {
-                if (!multiple) {
-                    newExp.clear();
-                }
-                newExp.add(key);
-            }
-            onChange?.([...newExp]);
-            return newExp;
-        });
-    };
-    const expand = (key) => {
-        setExpanded((exp) => {
-            const newExp = multiple ? new Set(exp) : new Set();
-            newExp.add(key);
-            onChange?.([...newExp]);
-            return newExp;
-        });
-    };
-    const collapse = (key) => {
-        setExpanded((exp) => {
-            const newExp = new Set(exp);
-            newExp.delete(key);
-            onChange?.([...newExp]);
-            return newExp;
-        });
-    };
-    const expandAll = () => {
-        if (multiple) {
-            const allKeys = sections.filter((s) => !s.disabled).map((s) => s.key);
-            setExpanded(new Set(allKeys));
-            onChange?.(allKeys);
-        }
-    };
-    const collapseAll = () => {
-        setExpanded(new Set());
-        onChange?.([]);
-    };
-    const movePrev = () => {
-        setFocusIndex((i) => {
-            let newIndex = i - 1;
-            while (newIndex >= 0 && sections[newIndex]?.disabled) {
-                newIndex--;
-            }
-            return newIndex >= 0 ? newIndex : i;
-        });
-    };
-    const moveNext = () => {
-        setFocusIndex((i) => {
-            let newIndex = i + 1;
-            while (newIndex < sections.length && sections[newIndex]?.disabled) {
-                newIndex++;
-            }
-            return newIndex < sections.length ? newIndex : i;
-        });
-    };
-    const toggleFocused = () => {
-        const section = sections[focusIndex()];
-        if (section && !section.disabled) {
-            toggle(section.key);
-        }
-    };
-    return {
-        expanded,
-        focusIndex,
-        toggle,
-        expand,
-        collapse,
-        expandAll,
-        collapseAll,
-        movePrev,
-        moveNext,
-        toggleFocused,
-    };
-}
-/**
- * Accordion - Multiple collapsible sections
- *
- * @example
- * Accordion({
- *   sections: [
- *     { key: 'general', title: 'General', content: generalContent },
- *     { key: 'advanced', title: 'Advanced', content: advancedContent },
- *   ],
- * })
- */
-export function Accordion(props) {
-    const { sections, gap = 0, titleColor = 'white', activeColor = 'cyan', isActive = true, state: externalState, } = props;
-    const state = externalState || createAccordion(props);
-    const chars = getChars();
-    const isAscii = getRenderMode() === 'ascii';
-    // Setup keyboard handling
-    useInput((input, key) => {
-        if (key.upArrow || input === 'k')
-            state.movePrev();
-        else if (key.downArrow || input === 'j')
-            state.moveNext();
-        else if (input === ' ' || key.return)
-            state.toggleFocused();
-        else if (input === 'e')
-            state.expandAll();
-        else if (input === 'c')
-            state.collapseAll();
-    }, { isActive });
-    const expandedSet = state.expanded();
-    const focusIdx = state.focusIndex();
-    const sectionNodes = sections.map((section, i) => {
-        const isExpanded = expandedSet.has(section.key);
-        const isFocused = i === focusIdx;
-        const icon = isExpanded
-            ? (isAscii ? 'v' : chars.expand.expanded)
-            : (isAscii ? '>' : chars.expand.collapsed);
-        const headerColor = isFocused
-            ? activeColor
-            : section.disabled
-                ? 'gray'
-                : titleColor;
-        // Header
-        const header = Box({ flexDirection: 'row', gap: 1 }, Text({ color: headerColor }, section.icon ?? icon), Text({ color: headerColor, bold: isFocused, dim: section.disabled }, section.title));
-        // Content
-        const content = isExpanded
-            ? Box({ marginLeft: 2, marginTop: 1 }, typeof section.content === 'function' ? section.content() : section.content)
-            : null;
-        return Box({ flexDirection: 'column' }, header, content);
-    });
-    return Box({ flexDirection: 'column', gap }, ...sectionNodes);
-}
-/**
- * Details - Simple expandable section (like HTML <details>)
- *
- * @example
- * Details({
- *   summary: 'Click to see more',
- *   children: Text({}, 'Hidden details here')
- * })
- */
-export function Details(props) {
-    const { summary, children, open = false, icon } = props;
-    return Collapsible({
-        title: summary,
-        initialExpanded: open,
-        collapsedIcon: icon,
-        expandedIcon: icon,
-        children: Array.isArray(children) ? Box({}, ...children) : children,
-    });
-}
-/**
- * ExpandableText - Long text with show more/less
- */
-export function ExpandableText(props) {
-    const { text, maxLines = 3, showMoreLabel = 'Show more', showLessLabel = 'Show less', color = 'white', } = props;
-    const [expanded, setExpanded] = createSignal(false);
-    const lines = text.split('\n');
-    const needsTruncation = lines.length > maxLines;
-    useInput((input, key) => {
-        if (input === ' ' || key.return) {
-            setExpanded((v) => !v);
-        }
-    }, { isActive: needsTruncation });
-    if (!needsTruncation) {
-        return Text({ color }, text);
-    }
-    const isExpanded = expanded();
-    const displayText = isExpanded
-        ? text
-        : lines.slice(0, maxLines).join('\n');
-    const toggleLabel = isExpanded ? showLessLabel : showMoreLabel;
-    return Box({ flexDirection: 'column' }, Text({ color }, displayText), Text({ color: 'cyan', dim: !isExpanded }, `[${toggleLabel}]`));
-}
-//# sourceMappingURL=collapsible.js.map

package/dist/design-system/layout/collapsible.js.map

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

package/dist/design-system/layout/scroll-area.d.ts

@@ -1,188 +0,0 @@
-/**
- * ScrollArea - Scrollable content with scrollbar
- *
- * Features:
- * - Vertical scrolling
- * - Scrollbar indicator
- * - Keyboard scrolling (arrows, page up/down)
- * - Scroll position tracking
- * - Auto-scroll to bottom (optional)
- */
-import type { VNode, ColorValue } from '../../utils/types.js';
-export interface ScrollAreaOptions {
-    /** Visible height (lines) */
-    height: number;
-    /** Content to scroll */
-    content: string[] | VNode[];
-    /** Initial scroll position */
-    initialScrollTop?: number;
-    /** Auto-scroll to bottom on content change */
-    autoScroll?: boolean;
-    /** Show scrollbar */
-    showScrollbar?: boolean;
-    /** Scrollbar color */
-    scrollbarColor?: ColorValue;
-    /** Track color */
-    trackColor?: ColorValue;
-    /** Enable wrapping at width */
-    wrapWidth?: number;
-    /** Scroll step size */
-    scrollStep?: number;
-    /** Page scroll size (default: height - 1) */
-    pageSize?: number;
-    /** Callbacks */
-    onScroll?: (scrollTop: number) => void;
-    /** Is active */
-    isActive?: boolean;
-}
-export interface ScrollAreaState {
-    scrollTop: () => number;
-    maxScroll: () => number;
-    visibleItems: () => (string | VNode)[];
-    scrollTo: (position: number) => void;
-    scrollBy: (delta: number) => void;
-    scrollToTop: () => void;
-    scrollToBottom: () => void;
-    pageUp: () => void;
-    pageDown: () => void;
-}
-/**
- * Create a ScrollArea state manager
- */
-export declare function createScrollArea(options: ScrollAreaOptions): ScrollAreaState;
-export interface ScrollAreaProps extends ScrollAreaOptions {
-    /** Pre-created state */
-    state?: ScrollAreaState;
-    /** Width of content area */
-    width?: number;
-}
-/**
- * ScrollArea - Scrollable content with scrollbar
- *
- * @example
- * // Basic scroll area
- * ScrollArea({
- *   height: 10,
- *   content: longText.split('\n'),
- * })
- *
- * @example
- * // With auto-scroll and custom scrollbar
- * ScrollArea({
- *   height: 20,
- *   content: logLines,
- *   autoScroll: true,
- *   scrollbarColor: 'cyan',
- * })
- */
-export declare function ScrollArea(props: ScrollAreaProps): VNode;
-export interface VirtualListItem<T = unknown> {
-    key: string;
-    data: T;
-}
-export interface VirtualListOptions<T = unknown> {
-    /** List items */
-    items: VirtualListItem<T>[];
-    /** Visible height (items) */
-    height: number;
-    /** Render function for each item */
-    renderItem: (item: VirtualListItem<T>, index: number, isSelected: boolean) => VNode;
-    /** Initial selected index */
-    initialSelected?: number;
-    /** Selection color */
-    selectionColor?: ColorValue;
-    /** Show scrollbar */
-    showScrollbar?: boolean;
-    /** Callbacks */
-    onSelect?: (item: VirtualListItem<T>, index: number) => void;
-    onActivate?: (item: VirtualListItem<T>, index: number) => void;
-    /** Is active */
-    isActive?: boolean;
-}
-export interface VirtualListState<T = unknown> {
-    selectedIndex: () => number;
-    scrollTop: () => number;
-    visibleItems: () => {
-        item: VirtualListItem<T>;
-        index: number;
-    }[];
-    selectIndex: (index: number) => void;
-    selectPrev: () => void;
-    selectNext: () => void;
-    selectFirst: () => void;
-    selectLast: () => void;
-    pageUp: () => void;
-    pageDown: () => void;
-    activate: () => void;
-}
-/**
- * Create a VirtualList state manager
- */
-export declare function createVirtualList<T = unknown>(options: VirtualListOptions<T>): VirtualListState<T>;
-export interface VirtualListProps<T = unknown> extends VirtualListOptions<T> {
-    /** Pre-created state */
-    state?: VirtualListState<T>;
-    /** Width */
-    width?: number;
-}
-/**
- * VirtualList - Virtualized list for large datasets
- *
- * @example
- * VirtualList({
- *   items: files.map((f, i) => ({ key: f.name, data: f })),
- *   height: 20,
- *   renderItem: (item, index, selected) =>
- *     Text({ color: selected ? 'cyan' : 'white' }, item.data.name),
- *   onActivate: (item) => openFile(item.data),
- * })
- */
-export declare function VirtualList<T = unknown>(props: VirtualListProps<T>): VNode;
-export interface ScrollableTextProps {
-    /** Text content */
-    text: string;
-    /** Visible height */
-    height: number;
-    /** Width (for wrapping) */
-    width?: number;
-    /** Text color */
-    color?: ColorValue;
-    /** Show scrollbar */
-    showScrollbar?: boolean;
-    /** Is active */
-    isActive?: boolean;
-}
-/**
- * ScrollableText - Simple scrollable text
- */
-export declare function ScrollableText(props: ScrollableTextProps): VNode;
-export interface LogViewerOptions {
-    /** Log lines */
-    lines: string[];
-    /** Visible height */
-    height: number;
-    /** Auto-scroll to bottom */
-    autoScroll?: boolean;
-    /** Show line numbers */
-    showLineNumbers?: boolean;
-    /** Highlight pattern (regex) */
-    highlightPattern?: RegExp;
-    /** Highlight color */
-    highlightColor?: ColorValue;
-    /** Is active */
-    isActive?: boolean;
-}
-/**
- * LogViewer - Auto-scrolling log viewer
- *
- * @example
- * LogViewer({
- *   lines: logBuffer,
- *   height: 20,
- *   autoScroll: true,
- *   highlightPattern: /error|warning/i,
- *   highlightColor: 'red',
- * })
- */
-export declare function LogViewer(props: LogViewerOptions): VNode;
-//# sourceMappingURL=scroll-area.d.ts.map

package/dist/design-system/layout/scroll-area.d.ts.map

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