termcast 1.3.32 → 1.3.34

package/dist/descendants-v2.js

@@ -0,0 +1,144 @@
+/**
+ * Descendants V2 - Generic renderable-based descendants pattern
+ *
+ * This provides a bridge between opentui's lifecycle (onLifecyclePass) and React state.
+ * Items self-register when added to the tree, React owns the item list in state.
+ *
+ * Usage:
+ *   const { Root, Item, ItemRenderable } = createDescendantsV2<MyItemProps>('my-list')
+ *
+ *   <Root ref={rootRefCallback} onRegisterItem={(item) => setItems(prev => [...prev, item])}>
+ *     <Item props={{ value: 'foo', title: 'Foo' }}>
+ *       {children}
+ *     </Item>
+ *   </Root>
+ *
+ * React handles filtering/selection/navigation - renderables just handle registration.
+ */
+import React from 'react';
+import { BoxRenderable, } from '@opentui/core';
+import { extend } from '@opentui/react';
+// ─────────────────────────────────────────────────────────────────────────────
+// Tree traversal helper
+// ─────────────────────────────────────────────────────────────────────────────
+function findParent(node, ParentClass) {
+    let current = node.parent ?? undefined;
+    while (current) {
+        if (current instanceof ParentClass) {
+            return current;
+        }
+        current = current.parent ?? undefined;
+    }
+    return undefined;
+}
+export class DescendantItemRenderable extends BoxRenderable {
+    props = {};
+    _parent;
+    _registered = false;
+    _RootClass;
+    constructor(ctx, options, RootClass) {
+        super(ctx, { ...options, flexDirection: 'row', width: '100%' });
+        this._RootClass = RootClass;
+        if (options.props) {
+            this.props = options.props;
+        }
+        this.onLifecyclePass = () => {
+            if (!this._registered) {
+                this._parent = findParent(this, this._RootClass);
+                if (this._parent) {
+                    this._parent.registerItem(this);
+                    this._registered = true;
+                }
+            }
+        };
+    }
+    // Called when removed from tree
+    destroy() {
+        if (this._registered && this._parent) {
+            this._parent.unregisterItem(this);
+            this._registered = false;
+        }
+        super.destroy();
+    }
+}
+export class DescendantsRootRenderable extends BoxRenderable {
+    // Callbacks to notify React state
+    onRegisterItem;
+    onUnregisterItem;
+    constructor(ctx, options) {
+        super(ctx, options);
+        if (options.onRegisterItem) {
+            this.onRegisterItem = options.onRegisterItem;
+        }
+        if (options.onUnregisterItem) {
+            this.onUnregisterItem = options.onUnregisterItem;
+        }
+    }
+    registerItem(item) {
+        console.log('[descendants-v2] registerItem', item.props);
+        this.onRegisterItem?.(item);
+    }
+    unregisterItem(item) {
+        console.log('[descendants-v2] unregisterItem', item.props);
+        this.onUnregisterItem?.(item);
+    }
+}
+export function createDescendantsV2(name) {
+    const rootElementName = `termcast-${name}-root`;
+    const itemElementName = `termcast-${name}-item`;
+    // Create subclass so findParent finds the right root (not another descendants instance)
+    class NamedRootRenderable extends DescendantsRootRenderable {
+    }
+    class NamedItemRenderable extends BoxRenderable {
+        props = {};
+        _parent;
+        _registered = false;
+        constructor(ctx, options) {
+            super(ctx, { ...options, flexDirection: 'row', width: '100%' });
+            if (options.props) {
+                this.props = options.props;
+            }
+            this.onLifecyclePass = () => {
+                if (!this._registered) {
+                    this._parent = findParent(this, NamedRootRenderable);
+                    if (this._parent) {
+                        this._parent.registerItem(this);
+                        this._registered = true;
+                    }
+                }
+            };
+        }
+        destroy() {
+            if (this._registered && this._parent) {
+                this._parent.unregisterItem(this);
+                this._registered = false;
+            }
+            super.destroy();
+        }
+    }
+    // Register custom elements with opentui - pass class constructors directly
+    extend({
+        [rootElementName]: NamedRootRenderable,
+        [itemElementName]: NamedItemRenderable,
+    });
+    // React components with proper types
+    const Root = (props) => {
+        const renderCount = React.useRef(0);
+        renderCount.current += 1;
+        console.log('[descendants-v2] Root render', 'count:', renderCount.current);
+        return React.createElement(rootElementName, props);
+    };
+    const Item = (props) => {
+        const renderCount = React.useRef(0);
+        renderCount.current += 1;
+        console.log('[descendants-v2] Item render', 'count:', renderCount.current);
+        return React.createElement(itemElementName, props);
+    };
+    return {
+        Root,
+        Item,
+        ItemRenderable: NamedItemRenderable,
+        RootRenderable: NamedRootRenderable,
+    };
+}
+//# sourceMappingURL=descendants-v2.js.map

package/dist/descendants-v2.js.map

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

package/dist/examples/actions-context.d.ts

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

package/dist/examples/actions-context.d.ts.map

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

package/dist/examples/actions-context.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+/**
+ * Example validating that ActionPanel preserves React context through portals.
+ *
+ * A custom React context (CounterContext) provides a counter value. The
+ * CounterAction component reads from this context at render time and closes
+ * over it in its onAction callback. If the portal preserves context correctly,
+ * the toast will show the matching prop and context values.
+ */
+import { createContext, useContext, useState } from 'react';
+import { List, ActionPanel, Action, showToast, Toast, renderWithProviders } from 'termcast';
+const CounterContext = createContext(0);
+// Action component that reads from context at render time
+function CounterAction({ counter }) {
+    // Read from context - this works because the portal preserves the
+    // React tree context from the source component
+    const contextValue = useContext(CounterContext);
+    return (_jsx(Action, { title: "Show Counter", onAction: () => {
+            // Both the prop and context value should match
+            showToast({
+                title: `prop=${counter} ctx=${contextValue}`,
+                style: Toast.Style.Success,
+            });
+        } }));
+}
+function ActionsContextExample() {
+    const [counter, setCounter] = useState(42);
+    return (_jsx(CounterContext.Provider, { value: counter, children: _jsx(List, { navigationTitle: "Context Test", searchBarPlaceholder: "Search...", children: _jsx(List.Item, { title: `Counter: ${counter}`, subtitle: "Press enter to show counter via action", actions: _jsxs(ActionPanel, { children: [_jsx(CounterAction, { counter: counter }), _jsx(Action, { title: "Increment", onAction: () => {
+                                setCounter((c) => c + 1);
+                            } })] }) }) }) }));
+}
+await renderWithProviders(_jsx(ActionsContextExample, {}));
+//# sourceMappingURL=actions-context.js.map

package/dist/examples/actions-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions-context.js","sourceRoot":"","sources":["../../src/examples/actions-context.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE3F,MAAM,cAAc,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA;AAEvC,0DAA0D;AAC1D,SAAS,aAAa,CAAC,EAAE,OAAO,EAAuB;IACrD,kEAAkE;IAClE,+CAA+C;IAC/C,MAAM,YAAY,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAE/C,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAE,GAAG,EAAE;YACb,+CAA+C;YAC/C,SAAS,CAAC;gBACR,KAAK,EAAE,QAAQ,OAAO,QAAQ,YAAY,EAAE;gBAC5C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO;aAC3B,CAAC,CAAA;QACJ,CAAC,GACD,CACH,CAAA;AACH,CAAC;AAED,SAAS,qBAAqB;IAC5B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAE1C,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACrC,KAAC,IAAI,IACH,eAAe,EAAC,cAAc,EAC9B,oBAAoB,EAAC,WAAW,YAEhC,KAAC,IAAI,CAAC,IAAI,IACR,KAAK,EAAE,YAAY,OAAO,EAAE,EAC5B,QAAQ,EAAC,wCAAwC,EACjD,OAAO,EACL,MAAC,WAAW,eACV,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,GAAI,EACnC,KAAC,MAAM,IACL,KAAK,EAAC,WAAW,EACjB,QAAQ,EAAE,GAAG,EAAE;gCACb,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;4BAC1B,CAAC,GACD,IACU,GAEhB,GACG,GACiB,CAC3B,CAAA;AACH,CAAC;AAED,MAAM,mBAAmB,CAAC,KAAC,qBAAqB,KAAG,CAAC,CAAA"}

package/dist/examples/form-basic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-basic.d.ts","sourceRoot":"","sources":["../../src/examples/form-basic.tsx"],"names":[],"mappings":"AAMA,wBAAgB,gBAAgB,IAAI,GAAG,CAiHtC"}
+{"version":3,"file":"form-basic.d.ts","sourceRoot":"","sources":["../../src/examples/form-basic.tsx"],"names":[],"mappings":"AAMA,wBAAgB,gBAAgB,IAAI,GAAG,CA6HtC"}

package/dist/examples/form-basic.js

@@ -15,7 +15,7 @@ export function FormBasicExample() {
             message: 'All form data has been captured successfully',
         });
     };
-    return (_jsxs(Form, { actions: _jsx(ActionPanel, { children: _jsx(Action.SubmitForm, { title: 'Submit Form', onSubmit: handleSubmit }) }), children: [_jsx(Form.Description, { title: 'Form Component Demo', text: 'This demonstrates all available form input types. Use arrow keys or Tab to navigate between fields.' }), _jsx(Form.Separator, {}), _jsx(Form.TextField, { id: 'username', title: 'Username', placeholder: 'Enter your username', defaultValue: '', info: 'Required field' }), _jsx(Form.PasswordField, { id: 'password', title: 'Password', placeholder: 'Enter secure password', info: 'Must be at least 8 characters' }), _jsx(Form.TextArea, { id: 'bio', title: 'Biography', placeholder: 'Tell us about yourself...', info: 'Maximum 500 characters', defaultValue: '' }), _jsx(Form.Checkbox, { id: 'newsletter', title: 'Email Preferences', label: 'Subscribe to newsletter', defaultValue: false, info: 'Receive weekly updates' }), _jsxs(Form.Dropdown, { id: 'country', title: 'Country', placeholder: 'Select your country', info: 'Your country of residence', children: [_jsxs(Form.Dropdown.Section, { title: 'Americas', children: [_jsx(Form.Dropdown.Item, { value: 'us', title: 'United States', icon: '\uD83C\uDDFA\uD83C\uDDF8' }), _jsx(Form.Dropdown.Item, { value: 'ca', title: 'Canada', icon: '\uD83C\uDDE8\uD83C\uDDE6' }), _jsx(Form.Dropdown.Item, { value: 'mx', title: 'Mexico', icon: '\uD83C\uDDF2\uD83C\uDDFD' })] }), _jsxs(Form.Dropdown.Section, { title: 'Europe', children: [_jsx(Form.Dropdown.Item, { value: 'gb', title: 'United Kingdom', icon: '\uD83C\uDDEC\uD83C\uDDE7' }), _jsx(Form.Dropdown.Item, { value: 'fr', title: 'France', icon: '\uD83C\uDDEB\uD83C\uDDF7' }), _jsx(Form.Dropdown.Item, { value: 'de', title: 'Germany', icon: '\uD83C\uDDE9\uD83C\uDDEA' })] })] }), _jsx(Form.DatePicker, { id: 'birthdate', title: 'Date of Birth', type: Form.DatePicker.Type.Date, info: 'Format: YYYY-MM-DD' }), _jsx(Form.FilePicker, { id: 'documents', title: 'Upload Documents', info: 'Select one or more documents to attach', allowMultipleSelection: true, canChooseFiles: true, canChooseDirectories: false }), _jsx(Form.Separator, {}), _jsx(Form.Description, { title: 'Form Navigation', text: '\u2022 \u2191\u2193/Tab: Navigate fields | Space: Toggle checkbox | Enter/Space: Open dropdown | ^K/\u2318\u21B5: Show actions' }), submittedData && (_jsx(Form.Description, { title: 'Submitted Data:', text: JSON.stringify(submittedData, null, 2) }))] }));
+    return (_jsxs(Form, { actions: _jsx(ActionPanel, { children: _jsx(Action.SubmitForm, { title: 'Submit Form', onSubmit: handleSubmit }) }), children: [_jsx(Form.Description, { title: 'Form Component Demo', text: 'This demonstrates all available form input types. Use arrow keys or Tab to navigate between fields.' }), _jsx(Form.Separator, {}), _jsx(Form.TextField, { id: 'username', title: 'Username', placeholder: 'Enter your username', defaultValue: '', info: 'Required field' }), _jsx(Form.PasswordField, { id: 'password', title: 'Password', placeholder: 'Enter secure password', info: 'Must be at least 8 characters' }), _jsx(Form.TextArea, { id: 'bio', title: 'Biography', placeholder: 'Tell us about yourself...', info: 'Maximum 500 characters', defaultValue: '' }), _jsx(Form.Checkbox, { id: 'newsletter', title: 'Email Preferences', label: 'Subscribe to newsletter', defaultValue: false, info: 'Receive weekly updates' }), _jsxs(Form.Dropdown, { id: 'country', title: 'Country', placeholder: 'Select your country', info: 'Your country of residence', children: [_jsxs(Form.Dropdown.Section, { title: 'Americas', children: [_jsx(Form.Dropdown.Item, { value: 'us', title: 'United States', icon: '\uD83C\uDDFA\uD83C\uDDF8' }), _jsx(Form.Dropdown.Item, { value: 'ca', title: 'Canada', icon: '\uD83C\uDDE8\uD83C\uDDE6' }), _jsx(Form.Dropdown.Item, { value: 'mx', title: 'Mexico', icon: '\uD83C\uDDF2\uD83C\uDDFD' })] }), _jsxs(Form.Dropdown.Section, { title: 'Europe', children: [_jsx(Form.Dropdown.Item, { value: 'gb', title: 'United Kingdom', icon: '\uD83C\uDDEC\uD83C\uDDE7' }), _jsx(Form.Dropdown.Item, { value: 'fr', title: 'France', icon: '\uD83C\uDDEB\uD83C\uDDF7' }), _jsx(Form.Dropdown.Item, { value: 'de', title: 'Germany', icon: '\uD83C\uDDE9\uD83C\uDDEA' })] })] }), _jsx(Form.Dropdown, { id: 'emptyDropdown', title: 'Empty Dropdown', placeholder: 'No items available' }), _jsx(Form.TextField, { id: 'minimalField', title: 'Minimal Field', placeholder: 'No info text' }), _jsx(Form.DatePicker, { id: 'birthdate', title: 'Date of Birth', type: Form.DatePicker.Type.Date, info: 'Format: YYYY-MM-DD' }), _jsx(Form.FilePicker, { id: 'documents', title: 'Upload Documents', info: 'Select one or more documents to attach', allowMultipleSelection: true, canChooseFiles: true, canChooseDirectories: false }), _jsx(Form.Separator, {}), _jsx(Form.Description, { title: 'Form Navigation', text: '\u2022 \u2191\u2193/Tab: Navigate fields | Space: Toggle checkbox | Enter/Space: Open dropdown | ^K/\u2318\u21B5: Show actions' }), submittedData && (_jsx(Form.Description, { title: 'Submitted Data:', text: JSON.stringify(submittedData, null, 2) }))] }));
 }
 await renderWithProviders(_jsx(FormBasicExample, {}));
 //# sourceMappingURL=form-basic.js.map

package/dist/examples/form-basic.js.map

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

package/dist/examples/form-dropdown.js

@@ -7,7 +7,7 @@ function FormDropdownExample() {
     const handleSubmit = (data) => {
         setSubmitted(data);
     };
-    return (_jsxs(Form, { actions: _jsx(ActionPanel, { children: _jsx(Action.SubmitForm, { title: 'Submit Form', onSubmit: handleSubmit }) }), children: [_jsx(Form.Description, { title: 'Dropdown Component Demo', text: 'Test dropdown with sections, multiple selection, and more features' }), _jsxs(Form.Dropdown, { id: 'languages', title: 'Programming Languages', placeholder: 'Select languages...', info: 'Choose your preferred programming languages', hasMultipleSelection: true, defaultValue: ['typescript', 'rust'], children: [_jsxs(Form.Dropdown.Section, { title: 'Frontend', children: [_jsx(Form.Dropdown.Item, { value: 'typescript', title: 'TypeScript', icon: '\uD83D\uDCD8' }), _jsx(Form.Dropdown.Item, { value: 'javascript', title: 'JavaScript', icon: '\uD83D\uDCD2' }), _jsx(Form.Dropdown.Item, { value: 'react', title: 'React', icon: '\u269B\uFE0F' }), _jsx(Form.Dropdown.Item, { value: 'vue', title: 'Vue', icon: '\uD83D\uDC9A' }), _jsx(Form.Dropdown.Item, { value: 'svelte', title: 'Svelte', icon: '\uD83D\uDD25' })] }), _jsxs(Form.Dropdown.Section, { title: 'Backend', children: [_jsx(Form.Dropdown.Item, { value: 'node', title: 'Node.js', icon: '\uD83D\uDFE2' }), _jsx(Form.Dropdown.Item, { value: 'python', title: 'Python', icon: '\uD83D\uDC0D' }), _jsx(Form.Dropdown.Item, { value: 'go', title: 'Go', icon: '\uD83D\uDC39' }), _jsx(Form.Dropdown.Item, { value: 'rust', title: 'Rust', icon: '\uD83E\uDD80' }), _jsx(Form.Dropdown.Item, { value: 'java', title: 'Java', icon: '\u2615' })] }), _jsxs(Form.Dropdown.Section, { title: 'Mobile', children: [_jsx(Form.Dropdown.Item, { value: 'swift', title: 'Swift', icon: '\uD83E\uDD89' }), _jsx(Form.Dropdown.Item, { value: 'kotlin', title: 'Kotlin', icon: '\uD83D\uDFE3' }), _jsx(Form.Dropdown.Item, { value: 'flutter', title: 'Flutter', icon: '\uD83D\uDC99' }), _jsx(Form.Dropdown.Item, { value: 'react-native', title: 'React Native', icon: '\uD83D\uDCF1' })] })] }), _jsxs(Form.Dropdown, { id: 'theme', title: 'Editor Theme', placeholder: 'Choose a theme...', info: 'Select your preferred editor color theme', defaultValue: 'dracula', children: [_jsx(Form.Dropdown.Item, { value: 'monokai', title: 'Monokai', icon: '\uD83C\uDF11' }), _jsx(Form.Dropdown.Item, { value: 'dracula', title: 'Dracula', icon: '\uD83E\uDDDB' }), _jsx(Form.Dropdown.Item, { value: 'one-dark', title: 'One Dark', icon: '\uD83C\uDF1A' }), _jsx(Form.Dropdown.Item, { value: 'nord', title: 'Nord', icon: '\u2744\uFE0F' }), _jsx(Form.Dropdown.Item, { value: 'github', title: 'GitHub Light', icon: '\u2600\uFE0F' }), _jsx(Form.Dropdown.Item, { value: 'solarized-light', title: 'Solarized Light', icon: '\uD83C\uDF1E' }), _jsx(Form.Dropdown.Item, { value: 'one-light', title: 'One Light', icon: '\uD83D\uDCA1' })] }), _jsxs(Form.Dropdown, { id: 'priority', title: 'Task Priority', placeholder: 'Select priority level', children: [_jsx(Form.Dropdown.Item, { value: 'critical', title: 'Critical', icon: '\uD83D\uDD34' }), _jsx(Form.Dropdown.Item, { value: 'high', title: 'High', icon: '\uD83D\uDFE0' }), _jsx(Form.Dropdown.Item, { value: 'medium', title: 'Medium', icon: '\uD83D\uDFE1' }), _jsx(Form.Dropdown.Item, { value: 'low', title: 'Low', icon: '\uD83D\uDFE2' })] }), submitted && (_jsx(Form.Description, { title: 'Submitted Data', text: JSON.stringify(submitted, null, 2) }))] }));
+    return (_jsxs(Form, { actions: _jsx(ActionPanel, { children: _jsx(Action.SubmitForm, { title: 'Submit Form', onSubmit: handleSubmit }) }), children: [_jsx(Form.Description, { title: 'Dropdown Component Demo', text: 'Test dropdown with sections, multiple selection, and more features' }), _jsxs(Form.Dropdown, { id: 'languages', title: 'Programming Languages', placeholder: 'Select languages...', info: 'Choose your preferred programming languages', hasMultipleSelection: true, defaultValue: ['typescript', 'rust'], children: [_jsxs(Form.Dropdown.Section, { title: 'Frontend', children: [_jsx(Form.Dropdown.Item, { value: 'typescript', title: 'TypeScript', icon: '\uD83D\uDCD8' }), _jsx(Form.Dropdown.Item, { value: 'javascript', title: 'JavaScript', icon: '\uD83D\uDCD2' }), _jsx(Form.Dropdown.Item, { value: 'react', title: 'React', icon: '\u269B\uFE0F' }), _jsx(Form.Dropdown.Item, { value: 'vue', title: 'Vue', icon: '\uD83D\uDC9A' }), _jsx(Form.Dropdown.Item, { value: 'svelte', title: 'Svelte', icon: '\uD83D\uDD25' })] }), _jsxs(Form.Dropdown.Section, { title: 'Backend', children: [_jsx(Form.Dropdown.Item, { value: 'node', title: 'Node.js', icon: '\uD83D\uDFE2' }), _jsx(Form.Dropdown.Item, { value: 'python', title: 'Python', icon: '\uD83D\uDC0D' }), _jsx(Form.Dropdown.Item, { value: 'go', title: 'Go', icon: '\uD83D\uDC39' }), _jsx(Form.Dropdown.Item, { value: 'rust', title: 'Rust', icon: '\uD83E\uDD80' }), _jsx(Form.Dropdown.Item, { value: 'java', title: 'Java', icon: '\u2615' })] }), _jsxs(Form.Dropdown.Section, { title: 'Mobile', children: [_jsx(Form.Dropdown.Item, { value: 'swift', title: 'Swift', icon: '\uD83E\uDD89' }), _jsx(Form.Dropdown.Item, { value: 'kotlin', title: 'Kotlin', icon: '\uD83D\uDFE3' }), _jsx(Form.Dropdown.Item, { value: 'flutter', title: 'Flutter', icon: '\uD83D\uDC99' }), _jsx(Form.Dropdown.Item, { value: 'react-native', title: 'React Native', icon: '\uD83D\uDCF1' })] })] }), _jsxs(Form.Dropdown, { id: 'theme', title: 'Editor Theme', placeholder: 'Choose a theme...', info: 'Select your preferred editor color theme', defaultValue: 'dracula', children: [_jsx(Form.Dropdown.Item, { value: 'monokai', title: 'Monokai', icon: '\uD83C\uDF11' }), _jsx(Form.Dropdown.Item, { value: 'dracula', title: 'Dracula', icon: '\uD83E\uDDDB' }), _jsx(Form.Dropdown.Item, { value: 'one-dark', title: 'One Dark', icon: '\uD83C\uDF1A' }), _jsx(Form.Dropdown.Item, { value: 'nord', title: 'Nord', icon: '\u2744\uFE0F' }), _jsx(Form.Dropdown.Item, { value: 'github', title: 'GitHub Light', icon: '\u2600\uFE0F' }), _jsx(Form.Dropdown.Item, { value: 'solarized-light', title: 'Solarized Light', icon: '\uD83C\uDF1E' }), _jsx(Form.Dropdown.Item, { value: 'one-light', title: 'One Light', icon: '\uD83D\uDCA1' })] }), _jsxs(Form.Dropdown, { id: 'priority', title: 'Task Priority', placeholder: 'Select priority level', children: [_jsx(Form.Dropdown.Item, { value: 'critical', title: 'Critical', icon: '\uD83D\uDD34' }), _jsx(Form.Dropdown.Item, { value: 'high', title: 'High', icon: '\uD83D\uDFE0' }), _jsx(Form.Dropdown.Item, { value: 'medium', title: 'Medium', icon: '\uD83D\uDFE1' }), _jsx(Form.Dropdown.Item, { value: 'low', title: 'Low', icon: '\uD83D\uDFE2' })] }), _jsx(Form.Dropdown, { id: 'emptyDropdown', title: 'Empty Dropdown', placeholder: 'No options available' }), _jsx(Form.TextField, { id: 'afterEmpty', title: 'Field After Empty', placeholder: 'This should be close to empty dropdown' }), submitted && (_jsx(Form.Description, { title: 'Submitted Data', text: JSON.stringify(submitted, null, 2) }))] }));
 }
 await renderWithProviders(_jsx(FormDropdownExample, {}));
 //# sourceMappingURL=form-dropdown.js.map

package/dist/examples/form-dropdown.js.map

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

package/dist/examples/internal/custom-action-renderables.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Custom Action Renderables Example
+ *
+ * Demonstrates using opentui renderable wrappers for actions:
+ * - CustomActionRenderable: thin wrapper storing title/onAction
+ * - CustomActionPanelRenderable: traverses opentui tree to find first action title
+ * - Offscreen rendering to extract first action title
+ * - Dialog to show actions when pressed
+ */
+import { BoxRenderable, type RenderContext, type BoxOptions } from '@opentui/core';
+import React from 'react';
+interface CustomActionOptions extends BoxOptions {
+    actionTitle?: string;
+    onAction?: () => void;
+}
+declare class CustomActionRenderable extends BoxRenderable {
+    actionTitle: string;
+    onAction?: () => void;
+    constructor(ctx: RenderContext, options: CustomActionOptions);
+}
+interface CustomActionSectionOptions extends BoxOptions {
+    sectionTitle?: string;
+}
+declare class CustomActionSectionRenderable extends BoxRenderable {
+    sectionTitle?: string;
+    constructor(ctx: RenderContext, options: CustomActionSectionOptions);
+}
+interface CustomActionPanelOptions extends BoxOptions {
+}
+declare class CustomActionPanelRenderable extends BoxRenderable {
+    constructor(ctx: RenderContext, options: CustomActionPanelOptions);
+    getFirstActionTitle(): string;
+    getAllActions(): CustomActionRenderable[];
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'custom-action': CustomActionOptions & {
+                ref?: React.Ref<CustomActionRenderable>;
+            };
+            'custom-action-section': CustomActionSectionOptions & {
+                ref?: React.Ref<CustomActionSectionRenderable>;
+            };
+            'custom-action-panel': CustomActionPanelOptions & {
+                ref?: React.Ref<CustomActionPanelRenderable>;
+            };
+        }
+    }
+}
+interface ActionProps {
+    title: string;
+    onAction?: () => void;
+}
+declare function Action({ title, onAction }: ActionProps): any;
+interface ActionPanelSectionProps {
+    title?: string;
+    children?: React.ReactNode;
+}
+declare function ActionPanelSection({ title, children }: ActionPanelSectionProps): any;
+interface ActionPanelProps {
+    children?: React.ReactNode;
+}
+interface ActionPanelType {
+    (props: ActionPanelProps): any;
+    Section: typeof ActionPanelSection;
+}
+declare const ActionPanel: ActionPanelType;
+declare function Example(): any;
+export { Action, ActionPanel, Example };
+//# sourceMappingURL=custom-action-renderables.d.ts.map

package/dist/examples/internal/custom-action-renderables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-action-renderables.d.ts","sourceRoot":"","sources":["../../../src/examples/internal/custom-action-renderables.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAEL,aAAa,EACb,KAAK,aAAa,EAClB,KAAK,UAAU,EAChB,MAAM,eAAe,CAAA;AAEtB,OAAO,KAA2B,MAAM,OAAO,CAAA;AAkD/C,UAAU,mBAAoB,SAAQ,UAAU;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,cAAM,sBAAuB,SAAQ,aAAa;IACzC,WAAW,SAAK;IAChB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;gBAEhB,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,mBAAmB;CAG7D;AAMD,UAAU,0BAA2B,SAAQ,UAAU;IACrD,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,cAAM,6BAA8B,SAAQ,aAAa;IAChD,YAAY,CAAC,EAAE,MAAM,CAAA;gBAEhB,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,0BAA0B;CAGpE;AAMD,UAAU,wBAAyB,SAAQ,UAAU;CAAG;AAExD,cAAM,2BAA4B,SAAQ,aAAa;gBACzC,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,wBAAwB;IAKjE,mBAAmB,IAAI,MAAM;IAM7B,aAAa,IAAI,sBAAsB,EAAE;CAG1C;AAYD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,eAAe,EAAE,mBAAmB,GAAG;gBAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAA;aAAE,CAAA;YAClF,uBAAuB,EAAE,0BAA0B,GAAG;gBAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAA;aAAE,CAAA;YACxG,qBAAqB,EAAE,wBAAwB,GAAG;gBAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAA;aAAE,CAAA;SACnG;KACF;CACF;AAMD,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,iBAAS,MAAM,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,GAAG,GAAG,CAErD;AAED,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,iBAAS,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,uBAAuB,GAAG,GAAG,CAM7E;AAED,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,UAAU,eAAe;IACvB,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAA;IAC9B,OAAO,EAAE,OAAO,kBAAkB,CAAA;CACnC;AAED,QAAA,MAAM,WAAW,EAAE,eAElB,CAAA;AA6GD,iBAAS,OAAO,IAAI,GAAG,CAqEtB;AAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,CAAA"}

package/dist/examples/internal/custom-action-renderables.js

@@ -0,0 +1,163 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+/**
+ * Custom Action Renderables Example
+ *
+ * Demonstrates using opentui renderable wrappers for actions:
+ * - CustomActionRenderable: thin wrapper storing title/onAction
+ * - CustomActionPanelRenderable: traverses opentui tree to find first action title
+ * - Offscreen rendering to extract first action title
+ * - Dialog to show actions when pressed
+ */
+import { BoxRenderable, } from '@opentui/core';
+import { extend, useKeyboard } from '@opentui/react';
+import React, { useRef, useState } from 'react';
+import { renderWithProviders } from '../../utils';
+import { Theme } from 'termcast/src/theme';
+import { Offscreen } from 'termcast/src/internal/offscreen';
+import { CustomDropdown } from './custom-dropdown';
+// ─────────────────────────────────────────────────────────────────────────────
+// Helper: Find parent of specific type by traversing up
+// ─────────────────────────────────────────────────────────────────────────────
+function findParent(node, type) {
+    let current = node.parent;
+    while (current) {
+        if (current instanceof type) {
+            return current;
+        }
+        current = current.parent;
+    }
+    return undefined;
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Helper: Find children of specific type by traversing down
+// ─────────────────────────────────────────────────────────────────────────────
+function findChildren(node, type) {
+    const results = [];
+    function traverse(current) {
+        if (current instanceof type) {
+            results.push(current);
+        }
+        // Traverse children using getChildren()
+        for (const child of current.getChildren()) {
+            traverse(child);
+        }
+    }
+    // Start from node's children, not node itself
+    for (const child of node.getChildren()) {
+        traverse(child);
+    }
+    return results;
+}
+class CustomActionRenderable extends BoxRenderable {
+    actionTitle = '';
+    onAction;
+    constructor(ctx, options) {
+        super(ctx, options);
+    }
+}
+class CustomActionSectionRenderable extends BoxRenderable {
+    sectionTitle;
+    constructor(ctx, options) {
+        super(ctx, options);
+    }
+}
+class CustomActionPanelRenderable extends BoxRenderable {
+    constructor(ctx, options) {
+        super(ctx, options);
+    }
+    // Get first action title by traversing children synchronously
+    getFirstActionTitle() {
+        const actions = findChildren(this, CustomActionRenderable);
+        return actions[0]?.actionTitle ?? '';
+    }
+    // Get all actions by traversing children
+    getAllActions() {
+        return findChildren(this, CustomActionRenderable);
+    }
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Register custom elements with opentui
+// ─────────────────────────────────────────────────────────────────────────────
+extend({
+    'custom-action': CustomActionRenderable,
+    'custom-action-section': CustomActionSectionRenderable,
+    'custom-action-panel': CustomActionPanelRenderable,
+});
+function Action({ title, onAction }) {
+    return _jsx("custom-action", { actionTitle: title, onAction: onAction });
+}
+function ActionPanelSection({ title, children }) {
+    return (_jsx("custom-action-section", { sectionTitle: title, children: children }));
+}
+const ActionPanel = ({ children }) => {
+    return _jsx("custom-action-panel", { children: children });
+};
+ActionPanel.Section = ActionPanelSection;
+function ActionTitleExtractor({ actions, onTitleExtracted }) {
+    const containerRef = useRef(null);
+    // Traverse the opentui tree to find the ActionPanel and extract first title
+    React.useLayoutEffect(() => {
+        if (containerRef.current) {
+            // Find CustomActionPanelRenderable in subtree
+            const panels = findChildren(containerRef.current, CustomActionPanelRenderable);
+            if (panels.length > 0) {
+                const title = panels[0].getFirstActionTitle();
+                onTitleExtracted(title);
+            }
+        }
+    });
+    return (_jsx("box", { ref: containerRef, visible: false, height: 0, children: actions }));
+}
+function ActionsDropdown({ actions, onClose }) {
+    const panelRef = useRef(null);
+    const [allActions, setAllActions] = useState([]);
+    // After tree is built, extract actions (run once on mount)
+    React.useLayoutEffect(() => {
+        if (panelRef.current) {
+            setAllActions(panelRef.current.getAllActions());
+        }
+    }, []);
+    // Handle escape to close
+    useKeyboard((evt) => {
+        if (evt.name === 'escape') {
+            onClose();
+        }
+    });
+    return (_jsxs("box", { flexDirection: "column", padding: 1, border: ['top', 'bottom', 'left', 'right'], borderStyle: "single", borderColor: Theme.border, backgroundColor: Theme.background, children: [_jsx("text", { marginBottom: 1, children: "Actions" }), _jsx("box", { visible: false, height: 0, children: _jsx("custom-action-panel", { ref: panelRef, children: actions }) }), _jsx(CustomDropdown, { placeholder: "Search actions...", onSelect: (id) => {
+                    const action = allActions.find((a) => a.actionTitle === id);
+                    if (action?.onAction) {
+                        action.onAction();
+                        onClose();
+                    }
+                }, children: allActions.map((action) => (_jsx(CustomDropdown.Item, { id: action.actionTitle, title: action.actionTitle }, action.actionTitle))) }), _jsx("text", { marginTop: 1, fg: Theme.textMuted, children: "\u2191\u2193 navigate \u2022 \u23CE select \u2022 esc close" })] }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Example Component
+// ─────────────────────────────────────────────────────────────────────────────
+function Example() {
+    const [firstActionTitle, setFirstActionTitle] = useState('');
+    const [showDialog, setShowDialog] = useState(false);
+    // Sample actions
+    const actions = (_jsxs(ActionPanel, { children: [_jsxs(ActionPanel.Section, { title: "Main", children: [_jsx(Action, { title: "Eat Apple", onAction: () => {
+                            console.log('Eating apple!');
+                        } }), _jsx(Action, { title: "Cook Apple", onAction: () => {
+                            console.log('Cooking apple!');
+                        } })] }), _jsx(ActionPanel.Section, { title: "Other", children: _jsx(Action, { title: "Throw Apple", onAction: () => {
+                        console.log('Throwing apple!');
+                    } }) })] }));
+    useKeyboard((evt) => {
+        if (showDialog)
+            return; // Let dialog handle keys
+        if (evt.name === 'return') {
+            setShowDialog(true);
+        }
+    });
+    return (_jsxs("box", { flexDirection: "column", padding: 1, children: [_jsx("text", { marginBottom: 1, children: "Custom Action Renderables Example" }), _jsx("text", { children: "Press \u23CE to show actions" }), _jsxs("text", { marginTop: 1, children: ["First action: ", firstActionTitle || '(extracting...)'] }), _jsx(Offscreen, { children: _jsx(ActionTitleExtractor, { actions: actions, onTitleExtracted: setFirstActionTitle }) }), showDialog && (_jsx(ActionsDropdown, { actions: actions, onClose: () => {
+                    setShowDialog(false);
+                } }))] }));
+}
+export { Action, ActionPanel, Example };
+if (import.meta.main) {
+    renderWithProviders(_jsx(Example, {}));
+}
+//# sourceMappingURL=custom-action-renderables.js.map

package/dist/examples/internal/custom-action-renderables.js.map

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