termcast 1.3.9

package/dist/examples/internal/descendants-filtering.js

@@ -0,0 +1,144 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+// This example shows how to filter descendants by passing search query via context
+// Items conditionally render null when they don't match the search
+import { useKeyboard } from '@opentui/react';
+import { createDescendants } from '@termcast/cli/src/descendants';
+import { createContext, useContext, useState } from 'react';
+import { renderWithProviders } from '../../utils';
+import { logger } from '@termcast/cli/src/logger';
+const { DescendantsProvider, useDescendants, useDescendant } = createDescendants();
+const itemsPerPage = 6;
+const MenuContext = createContext({
+    focusedIndex: 0,
+    offset: 0,
+    itemsPerPage,
+    selectedIds: new Set(),
+    searchQuery: '',
+});
+// Menu component with integrated search input
+const Menu = ({ children }) => {
+    const descendantsContext = useDescendants();
+    const [focusedIndex, setFocusedIndex] = useState(0);
+    const [offset, setOffset] = useState(0);
+    const [selectedIds, setSelectedIds] = useState(new Set());
+    const [selectedTitles, setSelectedTitles] = useState([]);
+    const [searchQuery, setSearchQuery] = useState('');
+    useKeyboard((evt) => {
+        const items = Object.values(descendantsContext.map.current).filter((item) => item.index !== -1 && item.props?.filtered === true);
+        const itemCount = items.length;
+        if (itemCount === 0)
+            return;
+        if (evt.name === 'down') {
+            setFocusedIndex((prev) => {
+                const nextIndex = (prev + 1) % itemCount;
+                // Update offset only when the focused item is at the last position and there are more items
+                const visibleEnd = offset + itemsPerPage - 1;
+                if (prev === visibleEnd && nextIndex < itemCount && nextIndex > prev) {
+                    // Scroll down by one when at the last visible item
+                    setOffset(offset + 1);
+                }
+                else if (nextIndex < prev) {
+                    // Wrapped to beginning
+                    setOffset(0);
+                }
+                return nextIndex;
+            });
+        }
+        else if (evt.name === 'up') {
+            setFocusedIndex((prev) => {
+                const nextIndex = (prev - 1 + itemCount) % itemCount;
+                // Update offset if we're going above the visible range
+                if (nextIndex < offset) {
+                    setOffset(Math.max(0, nextIndex));
+                }
+                else if (nextIndex >= offset + itemsPerPage) {
+                    // Wrapped to end
+                    setOffset(Math.max(0, itemCount - itemsPerPage));
+                }
+                return nextIndex;
+            });
+        }
+        else if (evt.name === 'return') {
+            // Toggle selection of current focused item
+            const entries = Object.entries(descendantsContext.map.current);
+            const sortedEntries = entries
+                .filter(([_, item]) => item.index !== -1 && item.props?.filtered === true)
+                .sort((a, b) => a[1].index - b[1].index);
+            const focusedId = sortedEntries[focusedIndex]?.[0];
+            if (focusedId) {
+                setSelectedIds((prev) => {
+                    const newSet = new Set(prev);
+                    if (newSet.has(focusedId)) {
+                        newSet.delete(focusedId);
+                    }
+                    else {
+                        newSet.add(focusedId);
+                    }
+                    // Update selected titles state
+                    const titles = Array.from(newSet)
+                        .map((id) => descendantsContext.map.current[id]?.props?.title)
+                        .filter(Boolean);
+                    setSelectedTitles(titles);
+                    return newSet;
+                });
+            }
+        }
+        else if (evt.ctrl && evt.name === 'return') {
+            // Log selected titles
+            logger.log('Selected filtered items:', selectedTitles);
+        }
+    });
+    return (_jsx(MenuContext.Provider, { value: {
+            focusedIndex,
+            offset,
+            itemsPerPage,
+            selectedIds,
+            searchQuery,
+        }, children: _jsx(DescendantsProvider, { value: descendantsContext, children: _jsxs("box", { flexDirection: 'column', children: [_jsxs("box", { flexDirection: 'column', borderStyle: 'single', padding: 1, children: [_jsx("text", { marginBottom: 1, children: "Filter Menu" }), _jsx("input", { value: searchQuery, onInput: (value) => {
+                                    setSearchQuery(value);
+                                    // Reset focus to first item when search changes
+                                    setFocusedIndex(0);
+                                    setOffset(0);
+                                }, focused: true, placeholder: 'Type to filter items...', marginBottom: 1 }), _jsx("box", { flexDirection: 'column', children: children })] }), selectedTitles.length > 0 && (_jsxs("box", { flexDirection: 'column', marginTop: 1, borderStyle: 'single', padding: 1, children: [_jsxs("text", { children: ["Selected items (", selectedTitles.length, "):"] }), selectedTitles.map((title, index) => (_jsxs("text", { fg: 'green', children: ["\u2022 ", title] }, index)))] }))] }) }) }));
+};
+const Item = ({ title }) => {
+    const { focusedIndex, offset, itemsPerPage, selectedIds, searchQuery } = useContext(MenuContext);
+    // Determine if item matches filter
+    const isFiltered = title.toLowerCase().includes(searchQuery.toLowerCase());
+    // Register with descendants with the filtered state
+    const descendant = useDescendant({ title, filtered: isFiltered });
+    // Filter items based on search query from context
+    if (!isFiltered) {
+        return null;
+    }
+    // Hide items that are outside the visible range
+    if (descendant.index < offset || descendant.index >= offset + itemsPerPage) {
+        return null;
+    }
+    const isFocused = descendant.index === focusedIndex;
+    const isSelected = selectedIds.has(descendant.descendantId);
+    return (_jsxs("text", { fg: isFocused ? 'blue' : 'white', children: [isSelected ? '✓ ' : '▭ ', title] }));
+};
+const Example = () => {
+    const allItems = [
+        'Apple Pie',
+        'Banana Bread',
+        'Chocolate Cake',
+        'Apple Tart',
+        'Blueberry Muffin',
+        'Cherry Pie',
+        'Apple Crumble',
+        'Date Pudding',
+        'Elderberry Jam',
+        'Fig Newton',
+        'Grape Jelly',
+        'Honey Cake',
+        'Ice Cream Sandwich',
+        'Jelly Donut',
+        'Key Lime Pie',
+        'Lemon Tart',
+    ];
+    return (_jsx(Menu, { children: allItems.map((title) => (_jsx(Item, { title: title }, title))) }));
+};
+renderWithProviders(_jsx(Example, {}));
+//# sourceMappingURL=descendants-filtering.js.map

package/dist/examples/internal/descendants-filtering.js.map

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

package/dist/examples/internal/descendants.d.ts

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

package/dist/examples/internal/descendants.d.ts.map

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

package/dist/examples/internal/descendants.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+// read src/descendants.tsx to understand the core hooks that make this example possible
+//
+import { useKeyboard } from '@opentui/react';
+import { createDescendants } from '@termcast/cli/src/descendants';
+import { useIsInFocus } from '@termcast/cli/src/internal/focus-context';
+import { createContext, useContext, useState } from 'react';
+import { renderWithProviders } from '../../utils';
+import { logger } from '@termcast/cli/src/logger';
+const { DescendantsProvider, useDescendants, useDescendant } = createDescendants();
+const itemsPerPage = 4;
+const FocusContext = createContext({
+    focusedIndex: 0,
+    offset: 0,
+    itemsPerPage,
+    selectedIds: new Set(),
+});
+// IMPORTANT! Notice that we only use descendantsContext.map.current only inside hooks or event handlers. it MUST not be used in render scope
+// instead each item renders its own content, descendantsContext must be used only for event handlers like useKeyboard or onMouseDown, or when user updates a search query to filter the filteredIndexes state
+// to do conditional rendering instead add additional state, here we used offset to track the current page offset of displayed items, selectedIndexes, focusedIndex. Other examples could be searchQuery
+const Menu = ({ children }) => {
+    const descendantsContext = useDescendants();
+    const [focusedIndex, setFocusedIndex] = useState(0);
+    const [offset, setOffset] = useState(0);
+    const [selectedIds, setSelectedIds] = useState(new Set());
+    const [selectedTitles, setSelectedTitles] = useState([]);
+    const inFocus = useIsInFocus();
+    useKeyboard((evt) => {
+        if (!inFocus)
+            return;
+        const items = Object.values(descendantsContext.map.current).filter((item) => item.index !== -1);
+        const itemCount = items.length;
+        if (itemCount === 0)
+            return;
+        if (evt.name === 'down') {
+            setFocusedIndex((prev) => {
+                const nextIndex = (prev + 1) % itemCount;
+                // Update offset only when the focused item is at the last position and there are more items
+                const visibleEnd = offset + itemsPerPage - 1;
+                if (prev === visibleEnd && nextIndex < itemCount && nextIndex > prev) {
+                    // Scroll down by one when at the last visible item
+                    setOffset(offset + 1);
+                }
+                else if (nextIndex < prev) {
+                    // Wrapped to beginning
+                    setOffset(0);
+                }
+                return nextIndex;
+            });
+        }
+        else if (evt.name === 'up') {
+            setFocusedIndex((prev) => {
+                const nextIndex = (prev - 1 + itemCount) % itemCount;
+                // Update offset if we're going above the visible range
+                if (nextIndex < offset) {
+                    setOffset(Math.max(0, nextIndex));
+                }
+                else if (nextIndex >= offset + itemsPerPage) {
+                    // Wrapped to end
+                    setOffset(Math.max(0, itemCount - itemsPerPage));
+                }
+                return nextIndex;
+            });
+        }
+        else if (evt.name === 'return') {
+            // Toggle selection of current focused item
+            const entries = Object.entries(descendantsContext.map.current);
+            const sortedEntries = entries
+                .filter(([_, item]) => item.index !== -1)
+                .sort((a, b) => a[1].index - b[1].index);
+            const focusedId = sortedEntries[focusedIndex]?.[0];
+            if (focusedId) {
+                setSelectedIds((prev) => {
+                    const newSet = new Set(prev);
+                    if (newSet.has(focusedId)) {
+                        newSet.delete(focusedId);
+                    }
+                    else {
+                        newSet.add(focusedId);
+                    }
+                    // Update selected titles state
+                    const titles = Array.from(newSet)
+                        .map((id) => descendantsContext.map.current[id]?.props?.title)
+                        .filter(Boolean);
+                    setSelectedTitles(titles);
+                    return newSet;
+                });
+            }
+        }
+        else if (evt.ctrl && evt.name === 'return') {
+            // Log selected titles
+            logger.log('Selected items:', selectedTitles);
+        }
+    });
+    return (_jsx(FocusContext.Provider, { value: {
+            focusedIndex,
+            offset,
+            itemsPerPage: itemsPerPage,
+            selectedIds,
+        }, children: _jsx(DescendantsProvider, { value: descendantsContext, children: _jsxs("box", { flexDirection: 'column', children: [_jsx("box", { children: children }), selectedTitles.length > 0 && (_jsxs("box", { flexDirection: 'column', marginTop: 1, borderStyle: 'single', padding: 1, children: [_jsxs("text", { children: ["Selected items (", selectedTitles.length, "):"] }), selectedTitles.map((title, index) => (_jsxs("text", { fg: 'green', children: ["\u2022 ", title] }, index)))] }))] }) }) }));
+};
+const Item = ({ title }) => {
+    const descendant = useDescendant({ title });
+    const { focusedIndex, offset, itemsPerPage, selectedIds } = useContext(FocusContext);
+    // Hide items that are outside the visible range
+    if (descendant.index < offset || descendant.index >= offset + itemsPerPage) {
+        return null;
+    }
+    const isFocused = descendant.index === focusedIndex;
+    const isSelected = selectedIds.has(descendant.descendantId);
+    return (_jsxs("text", { fg: isFocused ? 'blue' : 'white', children: [isSelected ? '✓ ' : '▭ ', title] }));
+};
+const Example = () => {
+    const [searchQuery, setSearchQuery] = useState('');
+    const allItems = [
+        'First Item',
+        'Second Item',
+        'Third Item',
+        'Fourth Item',
+        'Fifth Item',
+        'Sixth Item',
+        'Seventh Item',
+        'Eighth Item',
+        'Ninth Item',
+        'Tenth Item',
+        'Eleventh Item',
+        'Twelfth Item',
+    ];
+    // Filter items based on search query
+    const filteredItems = allItems.filter((title) => title.toLowerCase().includes(searchQuery.toLowerCase()));
+    return (_jsxs("box", { flexDirection: 'column', children: [_jsx("input", { value: searchQuery, onInput: setSearchQuery, focused: true, placeholder: 'Search items...', marginBottom: 1 }), _jsx(Menu, { children: filteredItems.map((title) => (_jsx(Item, { title: title }, title))) })] }));
+};
+renderWithProviders(_jsx(Example, {}));
+//# sourceMappingURL=descendants.js.map

package/dist/examples/internal/descendants.js.map

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

package/dist/examples/internal/nested-boxes.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=nested-boxes.d.ts.map

package/dist/examples/internal/nested-boxes.d.ts.map

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

package/dist/examples/internal/nested-boxes.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { renderWithProviders } from '@termcast/cli';
+function NestedBoxes() {
+    return (_jsxs("box", { backgroundColor: "gray", gap: 1, children: [_jsx("box", { backgroundColor: "blue", children: "Box 1" }), _jsx("box", { backgroundColor: "green", children: "Box 2" })] }));
+}
+renderWithProviders(_jsx(NestedBoxes, {}));
+//# sourceMappingURL=nested-boxes.js.map

package/dist/examples/internal/nested-boxes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nested-boxes.js","sourceRoot":"","sources":["../../../src/examples/internal/nested-boxes.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAEnD,SAAS,WAAW;IAClB,OAAO,CACL,eAAK,eAAe,EAAC,MAAM,EAAC,GAAG,EAAE,CAAC,aAChC,cAAK,eAAe,EAAC,MAAM,sBAErB,EACN,cAAK,eAAe,EAAC,OAAO,sBAEtB,IACF,CACP,CAAA;AACH,CAAC;AAED,mBAAmB,CAAC,KAAC,WAAW,KAAG,CAAC,CAAA"}

package/dist/examples/internal/scrollbox-demo.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=scrollbox-demo.d.ts.map

package/dist/examples/internal/scrollbox-demo.d.ts.map

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

package/dist/examples/internal/scrollbox-demo.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+import { renderWithProviders } from '@termcast/cli';
+import { useKeyboard } from '@opentui/react';
+import { fg, bold } from '@opentui/core';
+function ScrollBoxListDemo() {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const scrollBoxRef = useRef(null);
+    const itemRefs = useRef(new Map());
+    const items = Array.from({ length: 50 }, (_, i) => ({
+        id: i,
+        title: `Item ${i + 1}`,
+        description: `Description for item ${i + 1}`,
+    }));
+    useEffect(() => {
+        // Small delay to ensure layout is complete
+        const timeoutId = setTimeout(() => {
+            const scrollBox = scrollBoxRef.current;
+            const selectedItem = itemRefs.current.get(selectedIndex);
+            if (scrollBox && selectedItem) {
+                // Get the actual item height including padding and margins
+                const itemHeight = selectedItem.height;
+                // Calculate item position in the content
+                // We need the absolute position of the item within the scrollable content
+                const itemRelativeTop = selectedItem.y - scrollBox.content.y;
+                const itemRelativeBottom = itemRelativeTop + itemHeight;
+                // Get viewport info
+                const viewportHeight = scrollBox.viewport.height;
+                const currentScrollTop = scrollBox.scrollTop || 0;
+                // Define safe zone with padding
+                const safePadding = 2;
+                // Calculate if item is fully visible
+                const itemVisibleTop = itemRelativeTop - currentScrollTop;
+                const itemVisibleBottom = itemRelativeBottom - currentScrollTop;
+                // Check if we need to scroll
+                if (itemVisibleTop < safePadding) {
+                    // Item is too close to top or above viewport
+                    const newScrollTop = Math.max(0, itemRelativeTop - safePadding);
+                    scrollBox.scrollTo(newScrollTop);
+                }
+                else if (itemVisibleBottom > viewportHeight - safePadding) {
+                    // Item is too close to bottom or below viewport
+                    // Calculate scroll position to show item at bottom with padding
+                    const newScrollTop = Math.max(0, itemRelativeBottom - viewportHeight + safePadding);
+                    scrollBox.scrollTo(newScrollTop);
+                }
+            }
+        }, 20); // Give enough time for layout
+        return () => clearTimeout(timeoutId);
+    }, [selectedIndex]);
+    useKeyboard((evt) => {
+        if (evt.name === 'up') {
+            setSelectedIndex((prev) => Math.max(0, prev - 1));
+        }
+        else if (evt.name === 'down') {
+            setSelectedIndex((prev) => Math.min(items.length - 1, prev + 1));
+        }
+        else if (evt.name === 'pageup') {
+            setSelectedIndex((prev) => Math.max(0, prev - 10));
+        }
+        else if (evt.name === 'pagedown') {
+            setSelectedIndex((prev) => Math.min(items.length - 1, prev + 10));
+        }
+        else if (evt.name === 'home') {
+            setSelectedIndex(0);
+        }
+        else if (evt.name === 'end') {
+            setSelectedIndex(items.length - 1);
+        }
+        else if (evt.name === 'q' || evt.name === 'escape') {
+            process.exit(0);
+        }
+    });
+    return (_jsxs("box", { flexDirection: 'column', width: '100%', height: '100%', children: [_jsxs("box", { padding: 1, backgroundColor: '#2e3440', children: [_jsx("text", { children: bold(fg('#88c0d0')('ScrollBox Demo')) }), _jsx("text", { fg: '#d8dee9', children: "\u2191\u2193 Navigate | PgUp/PgDn Jump | Home/End First/Last" })] }), _jsx("scrollbox", { ref: scrollBoxRef, flexGrow: 1, flexShrink: 1, style: {
+                    rootOptions: {
+                        maxHeight: '100%',
+                        overflow: 'hidden',
+                    },
+                    viewportOptions: {
+                        flexGrow: 1,
+                        flexShrink: 1,
+                    },
+                    contentOptions: {
+                        padding: 1,
+                        flexShrink: 0,
+                    },
+                    scrollbarOptions: {
+                        visible: true,
+                        showArrows: true,
+                    },
+                }, children: items.map((item, index) => {
+                    const isSelected = index === selectedIndex;
+                    return (_jsxs("box", { ref: (el) => {
+                            if (el)
+                                itemRefs.current.set(index, el);
+                        }, padding: 1, backgroundColor: isSelected ? '#5e81ac' : '#3b4252', marginBottom: 0.5, children: [_jsx("text", { children: isSelected
+                                    ? bold(fg('#eceff4')(`▶ ${item.title}`))
+                                    : fg('#d8dee9')(`  ${item.title}`) }), _jsx("text", { fg: isSelected ? '#e5e9f0' : '#81a1c1', children: item.description })] }, item.id));
+                }) }), _jsx("box", { padding: 1, backgroundColor: '#2e3440', children: _jsxs("text", { fg: '#81a1c1', children: ["Selected: ", selectedIndex + 1, "/", items.length, " | Press [q] to quit"] }) })] }));
+}
+if (import.meta.main) {
+    renderWithProviders(_jsx(ScrollBoxListDemo, {}));
+}
+//# sourceMappingURL=scrollbox-demo.js.map

package/dist/examples/internal/scrollbox-demo.js.map

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

package/dist/examples/internal/simple-dialog.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=simple-dialog.d.ts.map

package/dist/examples/internal/simple-dialog.d.ts.map

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

package/dist/examples/internal/simple-dialog.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useState } from 'react';
+import { renderWithProviders } from '@termcast/cli';
+import { useDialog, } from '@termcast/cli/src/internal/dialog';
+import { List } from '@termcast/cli';
+import { ActionPanel, Action } from '@termcast/cli';
+import { Dropdown } from '@termcast/cli';
+import { logger } from '@termcast/cli';
+function DialogContent({ position }) {
+    const [selectedDrink, setSelectedDrink] = useState('coffee');
+    const handleDrinkChange = (newValue) => {
+        logger.log('Selected drink:', newValue);
+        setSelectedDrink(newValue);
+    };
+    return (_jsxs(Dropdown, { tooltip: 'Select Drink', onChange: handleDrinkChange, value: selectedDrink, placeholder: 'Search drinks...', children: [_jsxs(Dropdown.Section, { title: 'Hot Drinks', children: [_jsx(Dropdown.Item, { value: 'coffee', title: 'Coffee', icon: '\u2615', keywords: ['espresso', 'latte', 'cappuccino'] }), _jsx(Dropdown.Item, { value: 'tea', title: 'Tea', icon: '\uD83C\uDF75', keywords: ['green', 'black', 'herbal'] })] }), _jsxs(Dropdown.Section, { title: 'Cold Drinks', children: [_jsx(Dropdown.Item, { value: 'juice', title: 'Juice', icon: '\uD83E\uDDC3', keywords: ['orange', 'apple', 'grape'] }), _jsx(Dropdown.Item, { value: 'water', title: 'Water', icon: '\uD83D\uDCA7', keywords: ['sparkling', 'still', 'mineral'] }), _jsx(Dropdown.Item, { value: 'cola', title: 'Cola', icon: '\uD83E\uDD64', keywords: ['coke', 'pepsi', 'soda'] })] })] }));
+}
+function App() {
+    const dialog = useDialog();
+    const positions = [
+        {
+            title: 'Center',
+            position: 'center',
+            description: 'Shows dialog in the center of the screen',
+        },
+        {
+            title: 'Top Right',
+            position: 'top-right',
+            description: 'Shows dialog in the top-right corner',
+        },
+        {
+            title: 'Bottom Right',
+            position: 'bottom-right',
+            description: 'Shows dialog in the bottom-right corner',
+        },
+    ];
+    return (_jsx(List, { navigationTitle: 'Dialog with Dropdown Example', children: positions.map((item) => (_jsx(List.Item, { title: item.title, subtitle: item.description, actions: _jsxs(ActionPanel, { children: [_jsx(Action, { title: `Open ${item.title} Dialog`, onAction: () => {
+                            dialog.push(_jsx(DialogContent, { position: item.position }), item.position);
+                        } }), _jsx(Action, { title: 'Clear All Dialogs', onAction: () => {
+                            dialog.clear();
+                        } })] }) }))) }));
+}
+renderWithProviders(_jsx(App, {}));
+//# sourceMappingURL=simple-dialog.js.map

package/dist/examples/internal/simple-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-dialog.js","sourceRoot":"","sources":["../../../src/examples/internal/simple-dialog.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EACL,SAAS,GAEV,MAAM,mCAAmC,CAAA;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEtC,SAAS,aAAa,CAAC,EAAE,QAAQ,EAAgC;IAC/D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAS,QAAQ,CAAC,CAAA;IAEpE,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC7C,MAAM,CAAC,GAAG,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAA;QACvC,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,OAAO,CACL,MAAC,QAAQ,IACP,OAAO,EAAC,cAAc,EACtB,QAAQ,EAAE,iBAAiB,EAC3B,KAAK,EAAE,aAAa,EACpB,WAAW,EAAC,kBAAkB,aAE9B,MAAC,QAAQ,CAAC,OAAO,IAAC,KAAK,EAAC,YAAY,aAClC,KAAC,QAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,QAAG,EACR,QAAQ,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,YAAY,CAAC,GAC7C,EACF,KAAC,QAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,KAAK,EACX,IAAI,EAAC,cAAI,EACT,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,GACtC,IACe,EAEnB,MAAC,QAAQ,CAAC,OAAO,IAAC,KAAK,EAAC,aAAa,aACnC,KAAC,QAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,OAAO,EACb,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,cAAI,EACT,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,GACtC,EACF,KAAC,QAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,OAAO,EACb,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,cAAI,EACT,QAAQ,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,SAAS,CAAC,GAC3C,EACF,KAAC,QAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,cAAI,EACT,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,GACnC,IACe,IACV,CACZ,CAAA;AACH,CAAC;AAED,SAAS,GAAG;IACV,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,MAAM,SAAS,GAIT;QACJ;YACE,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,QAAQ;YAClB,WAAW,EAAE,0CAA0C;SACxD;QACD;YACE,KAAK,EAAE,WAAW;YAClB,QAAQ,EAAE,WAAW;YACrB,WAAW,EAAE,sCAAsC;SACpD;QACD;YACE,KAAK,EAAE,cAAc;YACrB,QAAQ,EAAE,cAAc;YACxB,WAAW,EAAE,yCAAyC;SACvD;KACF,CAAA;IAED,OAAO,CACL,KAAC,IAAI,IAAC,eAAe,EAAC,8BAA8B,YACjD,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACvB,KAAC,IAAI,CAAC,IAAI,IACR,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,WAAW,EAC1B,OAAO,EACL,MAAC,WAAW,eACV,KAAC,MAAM,IACL,KAAK,EAAE,QAAQ,IAAI,CAAC,KAAK,SAAS,EAClC,QAAQ,EAAE,GAAG,EAAE;4BACb,MAAM,CAAC,IAAI,CACT,KAAC,aAAa,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EAC1C,IAAI,CAAC,QAAQ,CACd,CAAA;wBACH,CAAC,GACD,EACF,KAAC,MAAM,IACL,KAAK,EAAC,mBAAmB,EACzB,QAAQ,EAAE,GAAG,EAAE;4BACb,MAAM,CAAC,KAAK,EAAE,CAAA;wBAChB,CAAC,GACD,IACU,GAEhB,CACH,CAAC,GACG,CACR,CAAA;AACH,CAAC;AAED,mBAAmB,CAAC,KAAC,GAAG,KAAG,CAAC,CAAA"}

package/dist/examples/internal/text-stacking.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=text-stacking.d.ts.map

package/dist/examples/internal/text-stacking.d.ts.map

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

package/dist/examples/internal/text-stacking.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { render } from '@opentui/react';
+function TextStackingExample() {
+    const items = [
+        {
+            titleText: 'This is a very long text that should demonstrate how text behaves when it needs to wrap across multiple lines in the terminal interface',
+            accessories: ['⌘K', '␣'],
+        },
+        {
+            titleText: 'Another extremely verbose piece of text that contains way too many words and will definitely need to wrap to fit within the available space',
+            accessories: ['Development Badge', '🚀'],
+        },
+        {
+            titleText: 'Short text',
+            accessories: ['Very Long Accessory Text That Should Push Content', 'S'],
+        },
+        {
+            titleText: 'Yet another ridiculously long string of words that goes on and on without any consideration for the width of the terminal window',
+            accessories: ['Multiple Different Tags', 'Tag'],
+        },
+        {
+            titleText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua',
+            accessories: ['Latin Placeholder Text', 'L'],
+        },
+        {
+            titleText: 'Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat',
+            accessories: ['⚡ Lightning Fast Performance', '⚡'],
+        },
+        {
+            titleText: 'Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur',
+            accessories: ['End of Section Marker', 'E'],
+        },
+        {
+            titleText: 'A medium length text that still wraps but not as much as the really long ones above',
+            accessories: ['Medium Priority Task', 'M'],
+        },
+    ];
+    return (_jsx("box", { style: { flexDirection: 'column' }, children: items.map((item, index) => {
+            const accessoryElements = item.accessories.map((acc) => (_jsx("text", { fg: 'blue', children: acc })));
+            return (_jsxs("box", { style: {
+                    flexDirection: 'row',
+                    justifyContent: 'space-between',
+                    paddingLeft: 1,
+                    paddingRight: 1,
+                }, border: false, children: [_jsx("box", { style: {
+                            flexDirection: 'row',
+                            flexGrow: 1,
+                            flexShrink: 1,
+                        }, children: _jsx("text", { children: item.titleText }) }), accessoryElements.length > 0 && (_jsx("box", { style: { flexDirection: 'row' }, children: accessoryElements.map((elem, i) => (_jsxs("box", { style: { flexDirection: 'row' }, children: [i > 0 && _jsx("text", { children: " " }), elem] }, i))) }))] }, index));
+        }) }));
+}
+render(_jsx(TextStackingExample, {}));
+//# sourceMappingURL=text-stacking.js.map

package/dist/examples/internal/text-stacking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-stacking.js","sourceRoot":"","sources":["../../../src/examples/internal/text-stacking.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEvC,SAAS,mBAAmB;IAC1B,MAAM,KAAK,GAAG;QACZ;YACE,SAAS,EACP,yIAAyI;YAC3I,WAAW,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC;SACzB;QACD;YACE,SAAS,EACP,6IAA6I;YAC/I,WAAW,EAAE,CAAC,mBAAmB,EAAE,IAAI,CAAC;SACzC;QACD;YACE,SAAS,EAAE,YAAY;YACvB,WAAW,EAAE,CAAC,mDAAmD,EAAE,GAAG,CAAC;SACxE;QACD;YACE,SAAS,EACP,kIAAkI;YACpI,WAAW,EAAE,CAAC,yBAAyB,EAAE,KAAK,CAAC;SAChD;QACD;YACE,SAAS,EACP,4HAA4H;YAC9H,WAAW,EAAE,CAAC,wBAAwB,EAAE,GAAG,CAAC;SAC7C;QACD;YACE,SAAS,EACP,4GAA4G;YAC9G,WAAW,EAAE,CAAC,8BAA8B,EAAE,GAAG,CAAC;SACnD;QACD;YACE,SAAS,EACP,uGAAuG;YACzG,WAAW,EAAE,CAAC,uBAAuB,EAAE,GAAG,CAAC;SAC5C;QACD;YACE,SAAS,EACP,qFAAqF;YACvF,WAAW,EAAE,CAAC,sBAAsB,EAAE,GAAG,CAAC;SAC3C;KACF,CAAA;IAED,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,YACpC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACtD,eAAM,EAAE,EAAC,MAAM,YAAE,GAAG,GAAQ,CAC7B,CAAC,CAAA;YAEF,OAAO,CACL,eAEE,KAAK,EAAE;oBACL,aAAa,EAAE,KAAK;oBACpB,cAAc,EAAE,eAAe;oBAC/B,WAAW,EAAE,CAAC;oBACd,YAAY,EAAE,CAAC;iBAChB,EACD,MAAM,EAAE,KAAK,aAEb,cACE,KAAK,EAAE;4BACL,aAAa,EAAE,KAAK;4BACpB,QAAQ,EAAE,CAAC;4BACX,UAAU,EAAE,CAAC;yBACd,YAED,yBAAO,IAAI,CAAC,SAAS,GAAQ,GACzB,EACL,iBAAiB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC/B,cAAK,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,YACjC,iBAAiB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,eAAa,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,aACzC,CAAC,GAAG,CAAC,IAAI,+BAAc,EACvB,IAAI,KAFG,CAAC,CAGL,CACP,CAAC,GACE,CACP,KA3BI,KAAK,CA4BN,CACP,CAAA;QACH,CAAC,CAAC,GACE,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,KAAC,mBAAmB,KAAG,CAAC,CAAA"}

package/dist/examples/internal/unicode-square-repro.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=unicode-square-repro.d.ts.map

package/dist/examples/internal/unicode-square-repro.d.ts.map

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

package/dist/examples/internal/unicode-square-repro.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { render } from '@opentui/react';
+function UnicodeSquareRepro() {
+    return (_jsxs("box", { flexDirection: 'column', gap: 1, children: [_jsx("text", { children: "Direct unicode square: \u25AA\uFE0E" }), _jsx("box", { flexDirection: 'row', children: _jsx("text", { children: "Unicode square in flex row: \u25AA\uFE0E" }) }), _jsx("box", { flexDirection: 'row', children: _jsx("text", { children: "Unicode square with key prop: \u25AA\uFE0E" }, 'static') }), _jsx("box", { flexDirection: 'row', children: _jsx("text", { children: "Unicode square with dynamic key: \u25AA\uFE0E" }, String(false)) })] }));
+}
+render(_jsx(UnicodeSquareRepro, {}));
+//# sourceMappingURL=unicode-square-repro.js.map

package/dist/examples/internal/unicode-square-repro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unicode-square-repro.js","sourceRoot":"","sources":["../../../src/examples/internal/unicode-square-repro.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEvC,SAAS,kBAAkB;IACzB,OAAO,CACL,eAAK,aAAa,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,aAChC,iEAAsC,EACtC,cAAK,aAAa,EAAC,KAAK,YACtB,sEAA2C,GACvC,EACN,cAAK,aAAa,EAAC,KAAK,YACtB,yEAAU,QAAQ,CAAwC,GACtD,EACN,cAAK,aAAa,EAAC,KAAK,YACtB,4EAAW,MAAM,CAAC,KAAK,CAAC,CAA4C,GAChE,IACF,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,KAAC,kBAAkB,KAAG,CAAC,CAAA"}

package/dist/examples/list-dropdown-default.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=list-dropdown-default.d.ts.map

package/dist/examples/list-dropdown-default.d.ts.map

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