termcast 1.3.21 → 1.3.24

package/dist/examples/datepicker.js

@@ -0,0 +1,344 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { render, useKeyboard } from '@opentui/react'; // renderer & hooks per docs
+import { useMemo, useState, useRef } from 'react';
+const MONTHS = [
+    'January',
+    'February',
+    'March',
+    'April',
+    'May',
+    'June',
+    'July',
+    'August',
+    'September',
+    'October',
+    'November',
+    'December',
+];
+function daysInMonth(y, m) {
+    return new Date(y, m + 1, 0).getDate();
+}
+function startOfMonth(d) {
+    return new Date(d.getFullYear(), d.getMonth(), 1);
+}
+function sameDay(a, b) {
+    return (a.getFullYear() === b.getFullYear() &&
+        a.getMonth() === b.getMonth() &&
+        a.getDate() === b.getDate());
+}
+function addDays(d, delta) {
+    const nd = new Date(d);
+    nd.setDate(nd.getDate() + delta);
+    return nd;
+}
+function clampDay(y, m, day) {
+    return Math.min(day, daysInMonth(y, m));
+}
+function generateSixWeekGrid(viewDate, weekStartsOnMonday = true) {
+    // Strategy: 7x6 grid, include prev/next month days to fill 42 cells
+    const first = startOfMonth(viewDate);
+    const firstWeekday = first.getDay(); // 0=Sun..6=Sat
+    // For Monday start: Mon=0, Tue=1, ..., Sun=6
+    const offset = weekStartsOnMonday ? (firstWeekday + 6) % 7 : firstWeekday;
+    const grid = [];
+    const start = addDays(first, -offset);
+    for (let w = 0; w < 6; w++) {
+        const row = [];
+        for (let i = 0; i < 7; i++)
+            row.push(addDays(start, w * 7 + i));
+        grid.push(row);
+    }
+    return grid;
+}
+// ----- Component -----
+function DatePicker({ enableColors = true, initialValue, onChange }) {
+    const today = useMemo(() => new Date(), []);
+    const [focus, setFocus] = useState('grid'); // can be "year" | "month" | "grid"
+    const [selected, setSelected] = useState(initialValue || new Date()); // focused day
+    const [visible, setVisible] = useState(startOfMonth(initialValue || new Date())); // month being shown
+    const [searchQuery, setSearchQuery] = useState(''); // for type-to-search
+    const searchTimeoutRef = useRef(null);
+    // Recompute 7x6 grid for the visible month (Monday start)
+    const weeks = useMemo(() => generateSixWeekGrid(visible, true), [visible]);
+    // Keep visible month synced when selected day moves across months
+    function ensureVisibleFor(date) {
+        const m = new Date(date.getFullYear(), date.getMonth(), 1);
+        const keyA = visible.getFullYear() * 12 + visible.getMonth();
+        const keyB = m.getFullYear() * 12 + m.getMonth();
+        if (keyA !== keyB)
+            setVisible(m);
+    }
+    function changeMonth(delta) {
+        const y = visible.getFullYear();
+        const m = visible.getMonth() + delta;
+        const newY = y + Math.floor(m / 12);
+        const newM = ((m % 12) + 12) % 12;
+        const day = clampDay(newY, newM, selected.getDate());
+        const newSel = new Date(newY, newM, day);
+        setVisible(new Date(newY, newM, 1));
+        setSelected(newSel);
+    }
+    function changeYear(delta) {
+        const y = visible.getFullYear() + delta;
+        const m = visible.getMonth();
+        const day = clampDay(y, m, selected.getDate());
+        const newSel = new Date(y, m, day);
+        setVisible(new Date(y, m, 1));
+        setSelected(newSel);
+    }
+    // Generate years list for search
+    const years = useMemo(() => {
+        const yearList = [];
+        for (let y = 1800; y <= 2200; y++) {
+            yearList.push(y);
+        }
+        return yearList;
+    }, []);
+    // Search functionality
+    function searchYear(query) {
+        const matches = years.filter((y) => y.toString().startsWith(query));
+        if (matches.length > 0) {
+            const newY = matches[0];
+            const m = visible.getMonth();
+            const day = clampDay(newY, m, selected.getDate());
+            const newSel = new Date(newY, m, day);
+            setVisible(new Date(newY, m, 1));
+            setSelected(newSel);
+        }
+    }
+    function searchMonth(query) {
+        // Search by month name or number
+        const lowerQuery = query.toLowerCase();
+        let monthIndex = -1;
+        // Try to match month name
+        for (let i = 0; i < MONTHS.length; i++) {
+            if (MONTHS[i].toLowerCase().startsWith(lowerQuery)) {
+                monthIndex = i;
+                break;
+            }
+        }
+        // Try to match month number
+        if (monthIndex === -1) {
+            const num = parseInt(query);
+            if (!isNaN(num) && num >= 1 && num <= 12) {
+                monthIndex = num - 1;
+            }
+        }
+        if (monthIndex !== -1) {
+            const y = visible.getFullYear();
+            const day = clampDay(y, monthIndex, selected.getDate());
+            const newSel = new Date(y, monthIndex, day);
+            setVisible(new Date(y, monthIndex, 1));
+            setSelected(newSel);
+        }
+    }
+    function searchDay(query) {
+        const day = parseInt(query);
+        if (!isNaN(day) && day >= 1 && day <= 31) {
+            const y = visible.getFullYear();
+            const m = visible.getMonth();
+            const clampedDay = clampDay(y, m, day);
+            const newSel = new Date(y, m, clampedDay);
+            setSelected(newSel);
+        }
+    }
+    // Keyboard interactions
+    useKeyboard((key) => {
+        // Handle type-to-search
+        if (key.name.length === 1 && /[0-9a-zA-Z]/.test(key.name)) {
+            const newQuery = searchQuery + key.name;
+            setSearchQuery(newQuery);
+            // Clear previous timeout
+            if (searchTimeoutRef.current) {
+                clearTimeout(searchTimeoutRef.current);
+            }
+            // Perform search based on current focus
+            if (focus === 'year') {
+                searchYear(newQuery);
+            }
+            else if (focus === 'month') {
+                searchMonth(newQuery);
+            }
+            else if (focus === 'grid') {
+                searchDay(newQuery);
+            }
+            // Reset search query after 1 second
+            searchTimeoutRef.current = setTimeout(() => {
+                setSearchQuery('');
+            }, 1000);
+            return;
+        }
+        switch (key.name) {
+            case 'left':
+                if (focus === 'grid') {
+                    const next = addDays(selected, -1);
+                    setSelected(next);
+                    ensureVisibleFor(next);
+                }
+                else if (focus === 'month') {
+                    changeMonth(-1);
+                }
+                else if (focus === 'year') {
+                    changeYear(-1);
+                }
+                break;
+            case 'right':
+                if (focus === 'grid') {
+                    const next = addDays(selected, +1);
+                    setSelected(next);
+                    ensureVisibleFor(next);
+                }
+                else if (focus === 'month') {
+                    changeMonth(+1);
+                }
+                else if (focus === 'year') {
+                    changeYear(+1);
+                }
+                break;
+            case 'up':
+                if (focus === 'grid') {
+                    // Check if we're in the first row of the month
+                    const firstDayOfMonth = new Date(selected.getFullYear(), selected.getMonth(), 1);
+                    const daysDiff = selected.getDate() - 1;
+                    if (daysDiff < 7) {
+                        // Move focus to month
+                        setFocus('month');
+                    }
+                    else {
+                        const next = addDays(selected, -7);
+                        setSelected(next);
+                        ensureVisibleFor(next);
+                    }
+                }
+                else if (focus === 'month') {
+                    // Move focus to year
+                    setFocus('year');
+                }
+                else if (focus === 'year') {
+                    // Stay on year
+                }
+                break;
+            case 'down':
+                if (focus === 'grid') {
+                    const next = addDays(selected, +7);
+                    setSelected(next);
+                    ensureVisibleFor(next);
+                }
+                else if (focus === 'year') {
+                    // Move focus to month
+                    setFocus('month');
+                }
+                else if (focus === 'month') {
+                    // Move focus to grid
+                    setFocus('grid');
+                }
+                break;
+            case 'tab':
+                if (key.shift) {
+                    // Shift+Tab: Move focus up (grid -> month -> year)
+                    setFocus((f) => f === 'grid'
+                        ? 'month'
+                        : f === 'month'
+                            ? 'year'
+                            : 'year');
+                }
+                else {
+                    // Tab: Move focus down (year -> month -> grid)
+                    setFocus((f) => f === 'year'
+                        ? 'month'
+                        : f === 'month'
+                            ? 'grid'
+                            : 'grid');
+                }
+                break;
+            case 'return': // Enter key
+                if (focus === 'grid' && onChange) {
+                    onChange(selected);
+                }
+                break;
+            default:
+                break;
+        }
+    });
+    const y = visible.getFullYear();
+    const m = visible.getMonth();
+    const headerWidth = 21; // Match form.md width (7 cols * 3 width)
+    const cellStyle = {
+        width: 3,
+        height: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    };
+    // Only show days from current month
+    const filteredWeeks = weeks.map((row) => row.map((d) => (d.getMonth() === m ? d : null)));
+    // Week starts Monday: Mo Tu We Th Fr Sa Su
+    const weekdayHeaders = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];
+    return (_jsxs("box", { style: {
+            flexDirection: 'column',
+            alignItems: 'center',
+            padding: 1,
+        }, children: [_jsx("box", { style: {
+                    width: headerWidth,
+                    height: 1,
+                    backgroundColor: enableColors && focus === 'year'
+                        ? '#1e40af'
+                        : undefined,
+                    marginBottom: 0,
+                }, onMouseDown: () => setFocus('year'), children: _jsxs("box", { style: {
+                        flexDirection: 'row',
+                        justifyContent: 'space-between',
+                        alignItems: 'center',
+                        width: headerWidth,
+                    }, children: [_jsx("text", { fg: focus === 'year' ? '#FFFFFF' : '#666666', children: "\u2190" }), _jsx("text", { fg: focus === 'year' ? '#FFFFFF' : '#666666', children: String(y) }), _jsx("text", { fg: focus === 'year' ? '#FFFFFF' : '#666666', children: "\u2192" })] }) }), _jsx("box", { style: {
+                    width: headerWidth,
+                    height: 1,
+                    backgroundColor: enableColors && focus === 'month'
+                        ? '#1e40af'
+                        : undefined,
+                    marginBottom: 1,
+                }, onMouseDown: () => setFocus('month'), children: _jsxs("box", { style: {
+                        flexDirection: 'row',
+                        justifyContent: 'space-between',
+                        alignItems: 'center',
+                        width: headerWidth,
+                    }, children: [_jsx("text", { fg: focus === 'month' ? '#FFFFFF' : '#666666', children: "\u2190" }), _jsx("text", { fg: focus === 'month' ? '#FFFFFF' : '#666666', children: MONTHS[m] }), _jsx("text", { fg: focus === 'month' ? '#FFFFFF' : '#666666', children: "\u2192" })] }) }), _jsx("box", { style: {
+                    flexDirection: 'row',
+                    width: headerWidth,
+                    justifyContent: 'space-between',
+                    marginBottom: 0,
+                }, children: weekdayHeaders.map((wd, idx) => (_jsx("box", { style: cellStyle, children: _jsx("text", { fg: enableColors && (idx === 5 || idx === 6)
+                            ? '#dc2626'
+                            : '#4b5563', children: wd }) }, wd))) }), _jsx("box", { style: { flexDirection: 'column' }, children: filteredWeeks.map((row, i) => {
+                    // Skip empty rows
+                    if (row.every((d) => d === null))
+                        return null;
+                    return (_jsx("box", { style: { flexDirection: 'row' }, children: row.map((d, j) => {
+                            if (d === null) {
+                                return (_jsx("box", { style: cellStyle, children: _jsx("text", { children: " " }) }, `${i}-${j}`));
+                            }
+                            const isSel = sameDay(d, selected);
+                            const isToday = sameDay(d, today);
+                            return (_jsx("box", { style: {
+                                    ...cellStyle,
+                                    backgroundColor: enableColors &&
+                                        isSel &&
+                                        focus === 'grid'
+                                        ? '#2563eb'
+                                        : undefined,
+                                }, onMouseDown: () => {
+                                    setSelected(d);
+                                    setFocus('grid');
+                                    ensureVisibleFor(d);
+                                }, children: _jsx("text", { fg: isSel && focus === 'grid'
+                                        ? '#FFFFFF'
+                                        : isToday && enableColors
+                                            ? '#3b82f6'
+                                            : enableColors &&
+                                                (j === 5 || j === 6)
+                                                ? '#dc2626'
+                                                : '#111827', children: String(d.getDate()).padStart(2, ' ') }) }, `${i}-${j}`));
+                        }) }, i));
+                }) })] }));
+}
+render(_jsx("box", { style: { paddingTop: 6 }, children: _jsx(DatePicker, { enableColors: true, initialValue: new Date(2028, 7, 15), onChange: (date) => console.log('Selected date:', date) }) }));
+//# sourceMappingURL=datepicker.js.map

package/dist/examples/datepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.js","sourceRoot":"","sources":["../../src/examples/datepicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA,CAAC,4BAA4B;AACjF,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAKjD,MAAM,MAAM,GAAG;IACX,SAAS;IACT,UAAU;IACV,OAAO;IACP,OAAO;IACP,KAAK;IACL,MAAM;IACN,MAAM;IACN,QAAQ;IACR,WAAW;IACX,SAAS;IACT,UAAU;IACV,UAAU;CACb,CAAA;AAED,SAAS,WAAW,CAAC,CAAS,EAAE,CAAS;IACrC,OAAO,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAA;AAC1C,CAAC;AACD,SAAS,YAAY,CAAC,CAAO;IACzB,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAA;AACrD,CAAC;AACD,SAAS,OAAO,CAAC,CAAO,EAAE,CAAO;IAC7B,OAAO,CACH,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE;QACnC,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,QAAQ,EAAE;QAC7B,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,OAAO,EAAE,CAC9B,CAAA;AACL,CAAC;AACD,SAAS,OAAO,CAAC,CAAO,EAAE,KAAa;IACnC,MAAM,EAAE,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,CAAA;IACtB,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,CAAA;IAChC,OAAO,EAAE,CAAA;AACb,CAAC;AACD,SAAS,QAAQ,CAAC,CAAS,EAAE,CAAS,EAAE,GAAW;IAC/C,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAC3C,CAAC;AACD,SAAS,mBAAmB,CACxB,QAAc,EACd,kBAAkB,GAAG,IAAI;IAEzB,oEAAoE;IACpE,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;IACpC,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,EAAE,CAAA,CAAC,eAAe;IACnD,6CAA6C;IAC7C,MAAM,MAAM,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAA;IACzE,MAAM,IAAI,GAAa,EAAE,CAAA;IACzB,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,CAAA;IACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QACzB,MAAM,GAAG,GAAW,EAAE,CAAA;QACtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;YAAE,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;QAC/D,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAClB,CAAC;IACD,OAAO,IAAI,CAAA;AACf,CAAC;AAED,wBAAwB;AACxB,SAAS,UAAU,CAAC,EAChB,YAAY,GAAG,IAAI,EACnB,YAAY,EACZ,QAAQ,EAKX;IACG,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;IAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAQ,MAAM,CAAC,CAAA,CAAC,mCAAmC;IACrF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAO,YAAY,IAAI,IAAI,IAAI,EAAE,CAAC,CAAA,CAAC,cAAc;IACzF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAO,YAAY,CAAC,YAAY,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC,CAAA,CAAC,oBAAoB;IAC3G,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA,CAAC,qBAAqB;IACxE,MAAM,gBAAgB,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAE5D,0DAA0D;IAC1D,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAE1E,kEAAkE;IAClE,SAAS,gBAAgB,CAAC,IAAU;QAChC,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAA;QAC1D,MAAM,IAAI,GAAG,OAAO,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAA;QAC5D,MAAM,IAAI,GAAG,CAAC,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAA;QAChD,IAAI,IAAI,KAAK,IAAI;YAAE,UAAU,CAAC,CAAC,CAAC,CAAA;IACpC,CAAC;IAED,SAAS,WAAW,CAAC,KAAa;QAC9B,MAAM,CAAC,GAAG,OAAO,CAAC,WAAW,EAAE,CAAA;QAC/B,MAAM,CAAC,GAAG,OAAO,CAAC,QAAQ,EAAE,GAAG,KAAK,CAAA;QACpC,MAAM,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAA;QACnC,MAAM,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAA;QACjC,MAAM,GAAG,GAAG,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAA;QACpD,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAA;QACxC,UAAU,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;QACnC,WAAW,CAAC,MAAM,CAAC,CAAA;IACvB,CAAC;IAED,SAAS,UAAU,CAAC,KAAa;QAC7B,MAAM,CAAC,GAAG,OAAO,CAAC,WAAW,EAAE,GAAG,KAAK,CAAA;QACvC,MAAM,CAAC,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAA;QAC5B,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAA;QAC9C,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAA;QAClC,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;QAC7B,WAAW,CAAC,MAAM,CAAC,CAAA;IACvB,CAAC;IAED,iCAAiC;IACjC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACvB,MAAM,QAAQ,GAAa,EAAE,CAAA;QAC7B,KAAK,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC;YAChC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QACpB,CAAC;QACD,OAAO,QAAQ,CAAA;IACnB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,uBAAuB;IACvB,SAAS,UAAU,CAAC,KAAa;QAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;QACnE,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrB,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA;YACvB,MAAM,CAAC,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAA;YAC5B,MAAM,GAAG,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAA;YACjD,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,CAAA;YACrC,UAAU,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;YAChC,WAAW,CAAC,MAAM,CAAC,CAAA;QACvB,CAAC;IACL,CAAC;IAED,SAAS,WAAW,CAAC,KAAa;QAC9B,iCAAiC;QACjC,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,EAAE,CAAA;QACtC,IAAI,UAAU,GAAG,CAAC,CAAC,CAAA;QAEnB,0BAA0B;QAC1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACrC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;gBACjD,UAAU,GAAG,CAAC,CAAA;gBACd,MAAK;YACT,CAAC;QACL,CAAC;QAED,4BAA4B;QAC5B,IAAI,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC;YACpB,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;YAC3B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,EAAE,EAAE,CAAC;gBACvC,UAAU,GAAG,GAAG,GAAG,CAAC,CAAA;YACxB,CAAC;QACL,CAAC;QAED,IAAI,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC;YACpB,MAAM,CAAC,GAAG,OAAO,CAAC,WAAW,EAAE,CAAA;YAC/B,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAA;YACvD,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,CAAC,CAAA;YAC3C,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAA;YACtC,WAAW,CAAC,MAAM,CAAC,CAAA;QACvB,CAAC;IACL,CAAC;IAED,SAAS,SAAS,CAAC,KAAa;QAC5B,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;QAC3B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,EAAE,EAAE,CAAC;YACvC,MAAM,CAAC,GAAG,OAAO,CAAC,WAAW,EAAE,CAAA;YAC/B,MAAM,CAAC,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAA;YAC5B,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAA;YACtC,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAA;YACzC,WAAW,CAAC,MAAM,CAAC,CAAA;QACvB,CAAC;IACL,CAAC;IAED,wBAAwB;IACxB,WAAW,CAAC,CAAC,GAAG,EAAE,EAAE;QAChB,wBAAwB;QACxB,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YACxD,MAAM,QAAQ,GAAG,WAAW,GAAG,GAAG,CAAC,IAAI,CAAA;YACvC,cAAc,CAAC,QAAQ,CAAC,CAAA;YAExB,yBAAyB;YACzB,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBAC3B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;YAC1C,CAAC;YAED,wCAAwC;YACxC,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;gBACnB,UAAU,CAAC,QAAQ,CAAC,CAAA;YACxB,CAAC;iBAAM,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;gBAC3B,WAAW,CAAC,QAAQ,CAAC,CAAA;YACzB,CAAC;iBAAM,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;gBAC1B,SAAS,CAAC,QAAQ,CAAC,CAAA;YACvB,CAAC;YAED,oCAAoC;YACpC,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACvC,cAAc,CAAC,EAAE,CAAC,CAAA;YACtB,CAAC,EAAE,IAAI,CAAC,CAAA;YACR,OAAM;QACV,CAAC;QAED,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;YACf,KAAK,MAAM;gBACP,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;oBACnB,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;oBAClC,WAAW,CAAC,IAAI,CAAC,CAAA;oBACjB,gBAAgB,CAAC,IAAI,CAAC,CAAA;gBAC1B,CAAC;qBAAM,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;oBAC3B,WAAW,CAAC,CAAC,CAAC,CAAC,CAAA;gBACnB,CAAC;qBAAM,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;oBAC1B,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;gBAClB,CAAC;gBACD,MAAK;YACT,KAAK,OAAO;gBACR,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;oBACnB,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;oBAClC,WAAW,CAAC,IAAI,CAAC,CAAA;oBACjB,gBAAgB,CAAC,IAAI,CAAC,CAAA;gBAC1B,CAAC;qBAAM,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;oBAC3B,WAAW,CAAC,CAAC,CAAC,CAAC,CAAA;gBACnB,CAAC;qBAAM,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;oBAC1B,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;gBAClB,CAAC;gBACD,MAAK;YACT,KAAK,IAAI;gBACL,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;oBACnB,+CAA+C;oBAC/C,MAAM,eAAe,GAAG,IAAI,IAAI,CAC5B,QAAQ,CAAC,WAAW,EAAE,EACtB,QAAQ,CAAC,QAAQ,EAAE,EACnB,CAAC,CACJ,CAAA;oBACD,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,EAAE,GAAG,CAAC,CAAA;oBACvC,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;wBACf,sBAAsB;wBACtB,QAAQ,CAAC,OAAO,CAAC,CAAA;oBACrB,CAAC;yBAAM,CAAC;wBACJ,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;wBAClC,WAAW,CAAC,IAAI,CAAC,CAAA;wBACjB,gBAAgB,CAAC,IAAI,CAAC,CAAA;oBAC1B,CAAC;gBACL,CAAC;qBAAM,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;oBAC3B,qBAAqB;oBACrB,QAAQ,CAAC,MAAM,CAAC,CAAA;gBACpB,CAAC;qBAAM,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;oBAC1B,eAAe;gBACnB,CAAC;gBACD,MAAK;YACT,KAAK,MAAM;gBACP,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;oBACnB,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;oBAClC,WAAW,CAAC,IAAI,CAAC,CAAA;oBACjB,gBAAgB,CAAC,IAAI,CAAC,CAAA;gBAC1B,CAAC;qBAAM,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;oBAC1B,sBAAsB;oBACtB,QAAQ,CAAC,OAAO,CAAC,CAAA;gBACrB,CAAC;qBAAM,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;oBAC3B,qBAAqB;oBACrB,QAAQ,CAAC,MAAM,CAAC,CAAA;gBACpB,CAAC;gBACD,MAAK;YACT,KAAK,KAAK;gBACN,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;oBACZ,mDAAmD;oBACnD,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CACX,CAAC,KAAK,MAAM;wBACR,CAAC,CAAC,OAAO;wBACT,CAAC,CAAC,CAAC,KAAK,OAAO;4BACb,CAAC,CAAC,MAAM;4BACR,CAAC,CAAC,MAAM,CACjB,CAAA;gBACL,CAAC;qBAAM,CAAC;oBACJ,+CAA+C;oBAC/C,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CACX,CAAC,KAAK,MAAM;wBACR,CAAC,CAAC,OAAO;wBACT,CAAC,CAAC,CAAC,KAAK,OAAO;4BACb,CAAC,CAAC,MAAM;4BACR,CAAC,CAAC,MAAM,CACjB,CAAA;gBACL,CAAC;gBACD,MAAK;YACT,KAAK,QAAQ,EAAE,YAAY;gBACvB,IAAI,KAAK,KAAK,MAAM,IAAI,QAAQ,EAAE,CAAC;oBAC/B,QAAQ,CAAC,QAAQ,CAAC,CAAA;gBACtB,CAAC;gBACD,MAAK;YACT;gBACI,MAAK;QACb,CAAC;IACL,CAAC,CAAC,CAAA;IAEF,MAAM,CAAC,GAAG,OAAO,CAAC,WAAW,EAAE,CAAA;IAC/B,MAAM,CAAC,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAA;IAC5B,MAAM,WAAW,GAAG,EAAE,CAAA,CAAC,yCAAyC;IAChE,MAAM,SAAS,GAAG;QACd,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,UAAU,EAAE,QAAiB;QAC7B,cAAc,EAAE,QAAiB;KACpC,CAAA;IAED,oCAAoC;IACpC,MAAM,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CACpC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAClD,CAAA;IAED,2CAA2C;IAC3C,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;IAEjE,OAAO,CACH,eACI,KAAK,EAAE;YACH,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,CAAC;SACb,aAGD,cACI,KAAK,EAAE;oBACH,KAAK,EAAE,WAAW;oBAClB,MAAM,EAAE,CAAC;oBACT,eAAe,EACX,YAAY,IAAI,KAAK,KAAK,MAAM;wBAC5B,CAAC,CAAC,SAAS;wBACX,CAAC,CAAC,SAAS;oBACnB,YAAY,EAAE,CAAC;iBAClB,EACD,WAAW,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,YAEnC,eACI,KAAK,EAAE;wBACH,aAAa,EAAE,KAAK;wBACpB,cAAc,EAAE,eAAe;wBAC/B,UAAU,EAAE,QAAQ;wBACpB,KAAK,EAAE,WAAW;qBACrB,aAED,eAAM,EAAE,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,uBAAU,EAC5D,eAAM,EAAE,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,YAC7C,MAAM,CAAC,CAAC,CAAC,GACP,EACP,eAAM,EAAE,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,uBAAU,IAC1D,GACJ,EAGN,cACI,KAAK,EAAE;oBACH,KAAK,EAAE,WAAW;oBAClB,MAAM,EAAE,CAAC;oBACT,eAAe,EACX,YAAY,IAAI,KAAK,KAAK,OAAO;wBAC7B,CAAC,CAAC,SAAS;wBACX,CAAC,CAAC,SAAS;oBACnB,YAAY,EAAE,CAAC;iBAClB,EACD,WAAW,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,YAEpC,eACI,KAAK,EAAE;wBACH,aAAa,EAAE,KAAK;wBACpB,cAAc,EAAE,eAAe;wBAC/B,UAAU,EAAE,QAAQ;wBACpB,KAAK,EAAE,WAAW;qBACrB,aAED,eAAM,EAAE,EAAE,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,uBAE5C,EACP,eAAM,EAAE,EAAE,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,YAC9C,MAAM,CAAC,CAAC,CAAC,GACP,EACP,eAAM,EAAE,EAAE,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,uBAE5C,IACL,GACJ,EAGN,cACI,KAAK,EAAE;oBACH,aAAa,EAAE,KAAK;oBACpB,KAAK,EAAE,WAAW;oBAClB,cAAc,EAAE,eAAe;oBAC/B,YAAY,EAAE,CAAC;iBAClB,YAEA,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7B,cAAc,KAAK,EAAE,SAAS,YAC1B,eACI,EAAE,EACE,YAAY,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC;4BACpC,CAAC,CAAC,SAAS;4BACX,CAAC,CAAC,SAAS,YAGlB,EAAE,GACA,IATD,EAAE,CAUN,CACT,CAAC,GACA,EAGN,cAAK,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,YAClC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;oBAC1B,kBAAkB;oBAClB,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC;wBAAE,OAAO,IAAI,CAAA;oBAE7C,OAAO,CACH,cAAa,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,YACvC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;4BACd,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;gCACb,OAAO,CACH,cAEI,KAAK,EAAE,SAAS,YAEhB,+BAAc,IAHT,GAAG,CAAC,IAAI,CAAC,EAAE,CAId,CACT,CAAA;4BACL,CAAC;4BAED,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAA;4BAClC,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;4BACjC,OAAO,CACH,cAEI,KAAK,EAAE;oCACH,GAAG,SAAS;oCACZ,eAAe,EACX,YAAY;wCACZ,KAAK;wCACL,KAAK,KAAK,MAAM;wCACZ,CAAC,CAAC,SAAS;wCACX,CAAC,CAAC,SAAS;iCACtB,EACD,WAAW,EAAE,GAAG,EAAE;oCACd,WAAW,CAAC,CAAC,CAAC,CAAA;oCACd,QAAQ,CAAC,MAAM,CAAC,CAAA;oCAChB,gBAAgB,CAAC,CAAC,CAAC,CAAA;gCACvB,CAAC,YAED,eACI,EAAE,EACE,KAAK,IAAI,KAAK,KAAK,MAAM;wCACrB,CAAC,CAAC,SAAS;wCACX,CAAC,CAAC,OAAO,IAAI,YAAY;4CACvB,CAAC,CAAC,SAAS;4CACX,CAAC,CAAC,YAAY;gDACV,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gDACtB,CAAC,CAAC,SAAS;gDACX,CAAC,CAAC,SAAS,YAGtB,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,CACzB,CAAC,EACD,GAAG,CACN,GACE,IAhCF,GAAG,CAAC,IAAI,CAAC,EAAE,CAiCd,CACT,CAAA;wBACL,CAAC,CAAC,IApDI,CAAC,CAqDL,CACT,CAAA;gBACL,CAAC,CAAC,GACA,IACJ,CACT,CAAA;AACL,CAAC;AAED,MAAM,CACF,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,YACzB,KAAC,UAAU,IACP,YAAY,EAAE,IAAI,EAClB,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,EACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,GACzD,GACA,CACT,CAAA"}

package/dist/examples/file-autocomplete.vitest.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=file-autocomplete.vitest.d.ts.map

package/dist/examples/file-autocomplete.vitest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-autocomplete.vitest.d.ts","sourceRoot":"","sources":["../../src/examples/file-autocomplete.vitest.tsx"],"names":[],"mappings":""}

package/dist/examples/file-autocomplete.vitest.js

@@ -0,0 +1,223 @@
+import { test, expect, afterEach, beforeEach } from 'vitest';
+import { launchTerminal } from 'tuistory/src';
+let session;
+beforeEach(async () => {
+    session = await launchTerminal({
+        command: 'bun',
+        args: ['src/examples/simple-file-picker.tsx'],
+        cols: 70,
+        rows: 30,
+    });
+});
+afterEach(() => {
+    session?.close();
+});
+test('autocomplete shows on ./ input with proper background', async () => {
+    await session.text({
+        waitFor: (text) => text.includes('Select Files') && text.includes('Select Folder'),
+    });
+    await session.press('tab');
+    await session.press('tab');
+    await session.type('./');
+    const snapshot = await session.text({
+        waitFor: (text) => text.includes('📁'),
+    });
+    expect(snapshot).toMatchInlineSnapshot(`
+    "
+
+
+
+
+    ◇  Your Name
+    │  John Doe
+    │  ┌────────────────────────────────────────────────────────────┐
+    ◇  │ 📁 dist                                                    │
+    │  │ 📁 fixtures                                                │
+    │  │ 📁 node_modules                                            │
+    │  │ 📁 src                                                     │
+    │  │ ↑↓ navigate  ⏎ open folder  ⇥ select folder  esc close     │
+    ◆  └────────────────────────────────────────────────────────────┘
+    ┃  ./
+    ┃
+    ┃  Choose a folder for output
+    ┃
+    ◇  Select Single File
+    │  Enter file path...
+    │
+    │  Choose exactly one file
+    │
+    └
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+}, 10000);
+test('autocomplete dropdown covers background content', async () => {
+    await session.text({
+        waitFor: (text) => text.includes('Select Files'),
+    });
+    await session.press('tab');
+    await session.press('tab');
+    await session.type('src/');
+    const snapshot = await session.text({
+        waitFor: (text) => text.includes('📁 apis'),
+    });
+    expect(snapshot).toMatchInlineSnapshot(`
+    "
+
+
+       ┌────────────────────────────────────────────────────────────┐
+       │ 📁 apis                                                    │
+    ◇  │ 📁 components                                              │
+    │  │ 📁 examples                                                │
+    │  │ 📁 extensions                                              │
+    ◇  │ 📁 hooks                                                   │
+    │  │ 📁 internal                                                │
+    │  │ 📁 store-api                                               │
+    │  │ 📁 utils                                                   │
+    │  │ ↑↓ navigate  ⏎ open folder  ⇥ select folder  esc close     │
+    ◆  └────────────────────────────────────────────────────────────┘
+    ┃  src/
+    ┃
+    ┃  Choose a folder for output
+    ┃
+    ◇  Select Single File
+    │  Enter file path...
+    │
+    │  Choose exactly one file
+    │
+    └
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+}, 10000);
+test('autocomplete navigation with down/up keys', async () => {
+    await session.text({
+        waitFor: (text) => text.includes('Select Files'),
+    });
+    await session.press('tab');
+    await session.press('tab');
+    await session.type('src/');
+    await session.text({
+        waitFor: (text) => text.includes('📁 apis'),
+    });
+    await session.press('down');
+    await session.press('down');
+    const afterDown = await session.text({});
+    expect(afterDown).toMatchInlineSnapshot(`
+    "
+
+
+       ┌────────────────────────────────────────────────────────────┐
+       │ 📁 apis                                                    │
+    ◇  │ 📁 components                                              │
+    │  │ 📁 examples                                                │
+    │  │ 📁 extensions                                              │
+    ◇  │ 📁 hooks                                                   │
+    │  │ 📁 internal                                                │
+    │  │ 📁 store-api                                               │
+    │  │ 📁 utils                                                   │
+    │  │ ↑↓ navigate  ⏎ open folder  ⇥ select folder  esc close     │
+    ◆  └────────────────────────────────────────────────────────────┘
+    ┃  src/
+    ┃
+    ┃  Choose a folder for output
+    ┃
+    ◇  Select Single File
+    │  Enter file path...
+    │
+    │  Choose exactly one file
+    │
+    └
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    await session.press('up');
+    const afterUp = await session.text({});
+    expect(afterUp).toMatchInlineSnapshot(`
+    "
+
+
+       ┌────────────────────────────────────────────────────────────┐
+       │ 📁 apis                                                    │
+    ◇  │ 📁 components                                              │
+    │  │ 📁 examples                                                │
+    │  │ 📁 extensions                                              │
+    ◇  │ 📁 hooks                                                   │
+    │  │ 📁 internal                                                │
+    │  │ 📁 store-api                                               │
+    │  │ 📁 utils                                                   │
+    │  │ ↑↓ navigate  ⏎ open folder  ⇥ select folder  esc close     │
+    ◆  └────────────────────────────────────────────────────────────┘
+    ┃  src/
+    ┃
+    ┃  Choose a folder for output
+    ┃
+    ◇  Select Single File
+    │  Enter file path...
+    │
+    │  Choose exactly one file
+    │
+    └
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+}, 10000);
+test('escape closes autocomplete', async () => {
+    await session.text({
+        waitFor: (text) => text.includes('Select Files'),
+    });
+    await session.press('tab');
+    await session.press('tab');
+    await session.type('./');
+    await session.text({
+        waitFor: (text) => text.includes('📁'),
+    });
+    await session.press('esc');
+    const afterEsc = await session.text({
+        waitFor: (text) => !text.includes('📁'),
+    });
+    expect(afterEsc).toMatchInlineSnapshot(`
+    "
+
+
+
+
+    ◇  Your Name
+    │  John Doe
+    │
+    ◇  Select Files
+    │  Enter file path...
+    │
+    │  Choose one or more files to upload
+    │
+    ◆  Select Folder
+    ┃  ./
+    ┃
+    ┃  Choose a folder for output
+    ┃
+    ◇  Select Single File
+    │  Enter file path...
+    │
+    │  Choose exactly one file
+    │
+    └
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+}, 10000);
+//# sourceMappingURL=file-autocomplete.vitest.js.map

package/dist/examples/file-autocomplete.vitest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-autocomplete.vitest.js","sourceRoot":"","sources":["../../src/examples/file-autocomplete.vitest.tsx"],"names":[],"mappings":"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"}

package/dist/examples/form-basic-arrow-keys.vitest.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=form-basic-arrow-keys.vitest.d.ts.map

package/dist/examples/form-basic-arrow-keys.vitest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-basic-arrow-keys.vitest.d.ts","sourceRoot":"","sources":["../../src/examples/form-basic-arrow-keys.vitest.tsx"],"names":[],"mappings":""}

package/dist/examples/form-basic-arrow-keys.vitest.js

@@ -0,0 +1,46 @@
+// node-pty does not work in bun, so we use vitest to run this test
+import { test, expect, afterEach, beforeEach } from 'vitest';
+import { NodeTuiDriver } from '@termcast/cli/src/e2e-node';
+let driver;
+beforeEach(() => {
+    driver = new NodeTuiDriver('bun', ['src/examples/form-basic.tsx'], {
+        cols: 70,
+        rows: 50,
+    });
+});
+afterEach(() => {
+    driver?.dispose();
+});
+test('form navigation with arrow keys and ctrl+k', async () => {
+    await driver.text({
+        waitFor: (text) => {
+            // wait for form to show up
+            return /Form Component Demo/i.test(text);
+        },
+    });
+    // Type in username field
+    await driver.keys.type('user1');
+    // Navigate down with arrow key instead of tab
+    await driver.keys.down();
+    await driver.keys.type('pass123');
+    const afterDownArrowSnapshot = await driver.text();
+    expect(afterDownArrowSnapshot).toMatchInlineSnapshot();
+    // Navigate up with arrow key
+    await driver.keys.up();
+    const afterUpArrowSnapshot = await driver.text();
+    expect(afterUpArrowSnapshot).toMatchInlineSnapshot();
+    // Test Ctrl+K to show actions
+    await driver.keys.ctrlK();
+    const actionsOpenSnapshot = await driver.text();
+    expect(actionsOpenSnapshot).toMatchInlineSnapshot();
+    // Select the submit action
+    await driver.keys.enter();
+    const afterSubmitWithCtrlKSnapshot = await driver.text({
+        waitFor: (text) => {
+            // wait for toast to show
+            return /Form Submitted/i.test(text);
+        },
+    });
+    expect(afterSubmitWithCtrlKSnapshot).toMatchInlineSnapshot();
+}, 10000);
+//# sourceMappingURL=form-basic-arrow-keys.vitest.js.map

package/dist/examples/form-basic-arrow-keys.vitest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-basic-arrow-keys.vitest.js","sourceRoot":"","sources":["../../src/examples/form-basic-arrow-keys.vitest.tsx"],"names":[],"mappings":"AAAA,mEAAmE;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAE1D,IAAI,MAAqB,CAAA;AAEzB,UAAU,CAAC,GAAG,EAAE;IACZ,MAAM,GAAG,IAAI,aAAa,CAAC,KAAK,EAAE,CAAC,6BAA6B,CAAC,EAAE;QAC/D,IAAI,EAAE,EAAE;QACR,IAAI,EAAE,EAAE;KACX,CAAC,CAAA;AACN,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,GAAG,EAAE;IACX,MAAM,EAAE,OAAO,EAAE,CAAA;AACrB,CAAC,CAAC,CAAA;AAEF,IAAI,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;IAC1D,MAAM,MAAM,CAAC,IAAI,CAAC;QACd,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;YACd,2BAA2B;YAC3B,OAAO,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC5C,CAAC;KACJ,CAAC,CAAA;IAEF,yBAAyB;IACzB,MAAM,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAE/B,8CAA8C;IAC9C,MAAM,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;IACxB,MAAM,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAEjC,MAAM,sBAAsB,GAAG,MAAM,MAAM,CAAC,IAAI,EAAE,CAAA;IAClD,MAAM,CAAC,sBAAsB,CAAC,CAAC,qBAAqB,EAAE,CAAA;IAEtD,6BAA6B;IAC7B,MAAM,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,CAAA;IAEtB,MAAM,oBAAoB,GAAG,MAAM,MAAM,CAAC,IAAI,EAAE,CAAA;IAChD,MAAM,CAAC,oBAAoB,CAAC,CAAC,qBAAqB,EAAE,CAAA;IAEpD,8BAA8B;IAC9B,MAAM,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,CAAA;IAEzB,MAAM,mBAAmB,GAAG,MAAM,MAAM,CAAC,IAAI,EAAE,CAAA;IAC/C,MAAM,CAAC,mBAAmB,CAAC,CAAC,qBAAqB,EAAE,CAAA;IAEnD,2BAA2B;IAC3B,MAAM,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,CAAA;IAEzB,MAAM,4BAA4B,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC;QACnD,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;YACd,yBAAyB;YACzB,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACvC,CAAC;KACJ,CAAC,CAAA;IACF,MAAM,CAAC,4BAA4B,CAAC,CAAC,qBAAqB,EAAE,CAAA;AAChE,CAAC,EAAE,KAAK,CAAC,CAAA"}