tuiuiu.js 0.1.1 → 0.1.4-next.2b42a16

package/dist/design-system/layout/split-panel.js

@@ -1,323 +0,0 @@
-/**
- * Split Panel Component - Two-column/row layouts for Reck
- *
- * Features:
- * - Horizontal split (side by side)
- * - Vertical split (stacked)
- * - Fixed or percentage widths
- * - Resizable divider
- * - Collapsible panels
- *
- * @example
- * ```typescript
- * import { SplitPanel, createSplitPanel } from './split-panel.js';
- *
- * // Fixed split
- * SplitPanel({
- *   left: MyLeftPanel(),
- *   right: MyRightPanel(),
- *   leftWidth: 30,
- *   divider: true
- * })
- *
- * // Percentage split
- * SplitPanel({
- *   left: Sidebar(),
- *   right: Content(),
- *   ratio: 0.3, // 30% left, 70% right
- * })
- * ```
- */
-import { Box, Text } from '../../primitives/nodes.js';
-/**
- * Border characters for split dividers
- */
-const DIVIDER_CHARS = {
-    vertical: {
-        line: '│',
-        double: '║',
-        dotted: '┊',
-        dashed: '┆',
-        thick: '┃',
-    },
-    horizontal: {
-        line: '─',
-        double: '═',
-        dotted: '┈',
-        dashed: '┄',
-        thick: '━',
-    },
-};
-/**
- * Render a vertical divider
- */
-function VerticalDivider(props) {
-    const { height, style, color = 'gray' } = props;
-    if (style === 'none') {
-        return Box({});
-    }
-    const char = DIVIDER_CHARS.vertical[style] || DIVIDER_CHARS.vertical.line;
-    const lines = Array(height).fill(char).join('\n');
-    return Box({ flexDirection: 'column' }, Text({ color, dim: style === 'dotted' || style === 'dashed' }, lines));
-}
-/**
- * Render a horizontal divider
- */
-function HorizontalDivider(props) {
-    const { width, style, color = 'gray' } = props;
-    if (style === 'none') {
-        return Box({});
-    }
-    const char = DIVIDER_CHARS.horizontal[style] || DIVIDER_CHARS.horizontal.line;
-    const line = char.repeat(width);
-    return Text({ color, dim: style === 'dotted' || style === 'dashed' }, line);
-}
-/**
- * Panel header with title
- */
-function PanelHeader(props) {
-    const { title, width, color = 'cyan', align = 'left' } = props;
-    let paddedTitle = title;
-    const padding = width - title.length;
-    if (padding > 0) {
-        switch (align) {
-            case 'center':
-                const leftPad = Math.floor(padding / 2);
-                paddedTitle = ' '.repeat(leftPad) + title + ' '.repeat(padding - leftPad);
-                break;
-            case 'right':
-                paddedTitle = ' '.repeat(padding) + title;
-                break;
-            default:
-                paddedTitle = title + ' '.repeat(padding);
-        }
-    }
-    return Text({ color, bold: true }, paddedTitle.slice(0, width));
-}
-/**
- * Split Panel Component
- *
- * Creates a two-panel layout with customizable split ratio and divider.
- *
- * @example
- * ```typescript
- * // Side-by-side panels with divider
- * SplitPanel({
- *   left: NavigationPanel(),
- *   right: ContentPanel(),
- *   ratio: 0.25,
- *   divider: true,
- *   dividerStyle: 'line',
- *   leftTitle: 'Navigation',
- *   rightTitle: 'Content'
- * })
- *
- * // Stacked panels (top/bottom)
- * SplitPanel({
- *   left: HeaderPanel(),
- *   right: BodyPanel(),
- *   direction: 'vertical',
- *   leftWidth: 3, // 3 lines for header
- * })
- * ```
- */
-export function SplitPanel(props) {
-    const { left, right, direction = 'horizontal', width, height, leftWidth, rightWidth, ratio = 0.5, divider = false, dividerStyle = 'line', dividerColor = 'gray', gap = 0, border = false, borderStyle = 'single', borderColor = 'gray', minWidth = 10, leftTitle, rightTitle, leftTitleColor = 'cyan', rightTitleColor = 'cyan', } = props;
-    // Use provided dimensions or fall back to terminal size
-    const termWidth = width ?? (process.stdout.columns || 80);
-    const termHeight = height ?? (process.stdout.rows || 24);
-    // Calculate panel dimensions
-    let leftSize;
-    let rightSize;
-    const dividerSize = divider && dividerStyle !== 'none' ? 1 : gap;
-    if (direction === 'horizontal') {
-        const availableWidth = termWidth - dividerSize - (border ? 2 : 0);
-        if (leftWidth !== undefined) {
-            leftSize = Math.min(leftWidth, availableWidth - minWidth);
-            rightSize = availableWidth - leftSize;
-        }
-        else if (rightWidth !== undefined) {
-            rightSize = Math.min(rightWidth, availableWidth - minWidth);
-            leftSize = availableWidth - rightSize;
-        }
-        else {
-            leftSize = Math.floor(availableWidth * ratio);
-            rightSize = availableWidth - leftSize;
-        }
-    }
-    else {
-        const availableHeight = termHeight - dividerSize - (border ? 2 : 0);
-        if (leftWidth !== undefined) {
-            leftSize = Math.min(leftWidth, availableHeight - 2);
-            rightSize = availableHeight - leftSize;
-        }
-        else if (rightWidth !== undefined) {
-            rightSize = Math.min(rightWidth, availableHeight - 2);
-            leftSize = availableHeight - rightSize;
-        }
-        else {
-            leftSize = Math.floor(availableHeight * ratio);
-            rightSize = availableHeight - leftSize;
-        }
-    }
-    // Build panel content
-    const leftPanel = Box({
-        width: direction === 'horizontal' ? leftSize : undefined,
-        height: direction === 'vertical' ? leftSize : undefined,
-        flexDirection: 'column',
-    }, leftTitle
-        ? PanelHeader({
-            title: leftTitle,
-            width: direction === 'horizontal' ? leftSize : termWidth,
-            color: leftTitleColor,
-        })
-        : Box({}), left);
-    const rightPanel = Box({
-        width: direction === 'horizontal' ? rightSize : undefined,
-        height: direction === 'vertical' ? rightSize : undefined,
-        flexDirection: 'column',
-    }, rightTitle
-        ? PanelHeader({
-            title: rightTitle,
-            width: direction === 'horizontal' ? rightSize : termWidth,
-            color: rightTitleColor,
-        })
-        : Box({}), right);
-    // Build divider
-    const dividerNode = divider
-        ? direction === 'horizontal'
-            ? VerticalDivider({ height: termHeight - (border ? 2 : 0), style: dividerStyle, color: dividerColor })
-            : HorizontalDivider({ width: termWidth - (border ? 2 : 0), style: dividerStyle, color: dividerColor })
-        : gap > 0
-            ? Box({ width: direction === 'horizontal' ? gap : undefined, height: direction === 'vertical' ? gap : undefined })
-            : Box({});
-    // Assemble the split panel
-    const content = Box({ flexDirection: direction === 'horizontal' ? 'row' : 'column' }, leftPanel, dividerNode, rightPanel);
-    // Wrap with border if needed
-    if (border) {
-        return Box({
-            flexDirection: 'column',
-            borderStyle: borderStyle,
-            borderColor: borderColor,
-            padding: 0,
-        }, content);
-    }
-    return content;
-}
-/**
- * Create interactive split panel state
- *
- * @example
- * ```typescript
- * const split = createSplitPanel({ initialRatio: 0.3 });
- *
- * // Use in component
- * SplitPanel({
- *   left: leftCollapsed ? CollapsedSidebar() : FullSidebar(),
- *   right: ContentArea(),
- *   ratio: split.ratio,
- * })
- *
- * // Toggle panels
- * if (key === '[') split.toggleLeft();
- * if (key === ']') split.toggleRight();
- * ```
- */
-export function createSplitPanel(options) {
-    const { initialRatio = 0.5, minRatio = 0.1, maxRatio = 0.9 } = options;
-    let ratio = initialRatio;
-    let leftCollapsed = false;
-    let rightCollapsed = false;
-    let savedRatio = initialRatio;
-    return {
-        get ratio() {
-            if (leftCollapsed)
-                return 0;
-            if (rightCollapsed)
-                return 1;
-            return ratio;
-        },
-        get leftCollapsed() {
-            return leftCollapsed;
-        },
-        get rightCollapsed() {
-            return rightCollapsed;
-        },
-        setRatio: (newRatio) => {
-            ratio = Math.max(minRatio, Math.min(maxRatio, newRatio));
-            leftCollapsed = false;
-            rightCollapsed = false;
-        },
-        toggleLeft: () => {
-            if (leftCollapsed) {
-                leftCollapsed = false;
-                ratio = savedRatio;
-            }
-            else {
-                savedRatio = ratio;
-                leftCollapsed = true;
-                rightCollapsed = false;
-            }
-        },
-        toggleRight: () => {
-            if (rightCollapsed) {
-                rightCollapsed = false;
-                ratio = savedRatio;
-            }
-            else {
-                savedRatio = ratio;
-                rightCollapsed = true;
-                leftCollapsed = false;
-            }
-        },
-        expandLeft: () => {
-            leftCollapsed = false;
-            rightCollapsed = true;
-        },
-        expandRight: () => {
-            rightCollapsed = false;
-            leftCollapsed = true;
-        },
-    };
-}
-/**
- * Three Panel Layout
- *
- * Common layout for editors/IDEs with left sidebar, main content, and optional right panel.
- *
- * @example
- * ```typescript
- * ThreePanel({
- *   left: FileTree(),
- *   center: Editor(),
- *   right: Properties(),
- *   leftWidth: 25,
- *   rightWidth: 30,
- *   dividers: true
- * })
- * ```
- */
-export function ThreePanel(props) {
-    const { left, center, right, width, height, leftWidth = 25, rightWidth = 30, dividers = true, dividerStyle = 'line', } = props;
-    // Use provided dimensions or fall back to terminal size
-    const termWidth = width ?? (process.stdout.columns || 80);
-    const termHeight = height ?? (process.stdout.rows || 24);
-    const dividerSize = dividers ? 1 : 0;
-    // Calculate center width
-    const centerWidth = termWidth - leftWidth - (right ? rightWidth : 0) - (right ? 2 : 1) * dividerSize;
-    const leftPanel = Box({ width: leftWidth, flexDirection: 'column' }, left);
-    const centerPanel = Box({ width: centerWidth, flexDirection: 'column' }, center);
-    const parts = [leftPanel];
-    if (dividers) {
-        parts.push(VerticalDivider({ height: termHeight, style: dividerStyle, color: 'gray' }));
-    }
-    parts.push(centerPanel);
-    if (right) {
-        if (dividers) {
-            parts.push(VerticalDivider({ height: termHeight, style: dividerStyle, color: 'gray' }));
-        }
-        parts.push(Box({ width: rightWidth, flexDirection: 'column' }, right));
-    }
-    return Box({ flexDirection: 'row' }, ...parts);
-}
-//# sourceMappingURL=split-panel.js.map

package/dist/design-system/layout/split-panel.js.map

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

package/dist/design-system/layout/tabs.d.ts

@@ -1,129 +0,0 @@
-/**
- * Tabs - Tabbed content switcher
- *
- * Features:
- * - Tab header bar with clickable tabs
- * - Content panels that switch based on selection
- * - Top/bottom tab bar position
- * - Multiple visual styles (line, box, pills)
- * - Keyboard navigation (arrows)
- * - Closable tabs (optional)
- */
-import type { VNode, ColorValue } from '../../utils/types.js';
-export interface Tab<T = string> {
-    /** Unique key */
-    key: T;
-    /** Tab label */
-    label: string;
-    /** Tab icon (optional) */
-    icon?: string;
-    /** Content to render when active */
-    content: VNode | (() => VNode);
-    /** Disabled state */
-    disabled?: boolean;
-    /** Closable (if tabs.closable is true) */
-    closable?: boolean;
-}
-export interface TabsOptions<T = string> {
-    /** Tab definitions */
-    tabs: Tab<T>[];
-    /** Initially active tab key */
-    initialTab?: T;
-    /** Tab bar position */
-    position?: 'top' | 'bottom';
-    /** Visual style */
-    style?: 'line' | 'box' | 'pills';
-    /** Active tab color */
-    activeColor?: ColorValue;
-    /** Inactive tab color */
-    inactiveColor?: ColorValue;
-    /** Allow closing tabs */
-    closable?: boolean;
-    /** Show tab count badge */
-    showCount?: boolean;
-    /** Callbacks */
-    onChange?: (key: T) => void;
-    onClose?: (key: T) => void;
-    /** Is component active (receives keyboard input) */
-    isActive?: boolean;
-}
-export interface TabsState<T = string> {
-    activeTab: () => T;
-    focusIndex: () => number;
-    tabs: () => Tab<T>[];
-    setActiveTab: (key: T) => void;
-    movePrev: () => void;
-    moveNext: () => void;
-    selectFocused: () => void;
-    closeTab: (key: T) => void;
-    addTab: (tab: Tab<T>) => void;
-}
-/**
- * Create a Tabs state manager
- */
-export declare function createTabs<T = string>(options: TabsOptions<T>): TabsState<T>;
-export interface TabsProps<T = string> extends TabsOptions<T> {
-    /** Pre-created state */
-    state?: TabsState<T>;
-    /** Height of content area (optional) */
-    contentHeight?: number;
-    /** Width of tabs (optional) */
-    width?: number;
-}
-/**
- * Tabs - Tabbed content switcher
- *
- * @example
- * // Basic tabs
- * Tabs({
- *   tabs: [
- *     { key: 'home', label: 'Home', content: Text({}, 'Home content') },
- *     { key: 'settings', label: 'Settings', content: Text({}, 'Settings') },
- *   ],
- * })
- *
- * @example
- * // With style and icons
- * Tabs({
- *   tabs: [
- *     { key: 'code', label: 'Code', icon: '📝', content: codeView() },
- *     { key: 'output', label: 'Output', icon: '▶️', content: outputView() },
- *   ],
- *   style: 'pills',
- *   activeColor: 'cyan',
- * })
- */
-export declare function Tabs<T = string>(props: TabsProps<T>): VNode;
-export interface TabPanelProps {
-    /** Content */
-    children: VNode;
-    /** Is currently active */
-    active?: boolean;
-    /** Padding */
-    padding?: number;
-}
-/**
- * TabPanel - Wrapper for tab content
- */
-export declare function TabPanel(props: TabPanelProps): VNode | null;
-export interface VerticalTabsOptions<T = string> extends TabsOptions<T> {
-    /** Tab bar width */
-    tabWidth?: number;
-    /** Content width */
-    contentWidth?: number;
-}
-/**
- * VerticalTabs - Tabs with vertical tab bar on the left
- */
-export declare function VerticalTabs<T = string>(props: VerticalTabsOptions<T>): VNode;
-export interface LazyTabsProps<T = string> extends TabsProps<T> {
-    /** Render loading placeholder */
-    loadingContent?: VNode;
-}
-/**
- * LazyTabs - Tabs that only render content when activated
- *
- * Content functions are called lazily, only when the tab becomes active.
- */
-export declare function LazyTabs<T = string>(props: LazyTabsProps<T>): VNode;
-//# sourceMappingURL=tabs.d.ts.map

package/dist/design-system/layout/tabs.d.ts.map

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