termcast 1.3.10 → 1.3.16

package/dist/components/form/index.js

@@ -1,15 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
-import { useState, createContext, useContext, useEffect } from 'react';
+import { useState, createContext, useContext, useLayoutEffect, useRef, } from 'react';
 import { useKeyboard } from '@opentui/react';
 import { useForm, FormProvider } from 'react-hook-form';
 import { logger } from 'termcast/src/logger';
 import { useIsInFocus } from 'termcast/src/internal/focus-context';
 import { useDialog } from 'termcast/src/internal/dialog';
 import { Theme } from 'termcast/src/theme';
-import { TextAttributes } from '@opentui/core';
-import { useStore } from 'termcast/src/state';
+import { TextAttributes, } from '@opentui/core';
+import { createDescendants, } from 'termcast/src/descendants';
+import { FORM_MAX_WIDTH } from './description';
+import { ScrollBox } from 'termcast/src/internal/scrollbox';
 export * from './types';
 export { useFormContext } from 'react-hook-form';
+// Create descendants for form fields
+const { DescendantsProvider: FormFieldDescendantsProvider, useDescendants: useFormFieldDescendants, useDescendant: useFormFieldDescendant, } = createDescendants();
+export { useFormFieldDescendant };
+const FormScrollContext = createContext(null);
+export const useFormScrollContext = () => {
+    return useContext(FormScrollContext);
+};
 const FocusContext = createContext(null);
 export const useFocusContext = () => {
     const context = useContext(FocusContext);
@@ -23,37 +32,60 @@ export const useFormSubmit = () => {
     const context = useContext(FormSubmitContext);
     return context; // Can be null if not in a form
 };
-// Footer component to show keyboard shortcuts
 function FormFooter() {
-    const toast = useStore((state) => state.toast);
-    if (toast) {
-        return (_jsx("box", { border: false, style: {
-                paddingLeft: 1,
-                paddingRight: 1,
-                paddingTop: 1,
-                marginTop: 1,
-            }, children: toast }));
-    }
     return (_jsxs("box", { border: false, style: {
             paddingLeft: 1,
             paddingRight: 1,
             paddingTop: 1,
             marginTop: 1,
             flexDirection: 'row',
-        }, children: [_jsx("text", { fg: Theme.text, attributes: TextAttributes.BOLD, children: "\u21B5" }), _jsx("text", { fg: Theme.textMuted, children: " submit" }), _jsxs("text", { fg: Theme.text, attributes: TextAttributes.BOLD, children: ['   ', "\u2191\u2193"] }), _jsx("text", { fg: Theme.textMuted, children: " navigate" }), _jsxs("text", { fg: Theme.text, attributes: TextAttributes.BOLD, children: ['   ', "^k"] }), _jsx("text", { fg: Theme.textMuted, children: " actions" })] }));
+        }, children: [_jsx("text", { fg: Theme.text, attributes: TextAttributes.BOLD, children: "ctrl \u21B5" }), _jsx("text", { fg: Theme.textMuted, children: " submit" }), _jsxs("text", { fg: Theme.text, attributes: TextAttributes.BOLD, children: ['   ', "\u2191\u2193"] }), _jsx("text", { fg: Theme.textMuted, children: " navigate" }), _jsxs("text", { fg: Theme.text, attributes: TextAttributes.BOLD, children: ['   ', "^k"] }), _jsx("text", { fg: Theme.textMuted, children: " actions" })] }));
 }
 export const Form = ((props) => {
     const methods = useForm({
     // defaultValues: {},
     // mode: 'onChange',
     });
-    const [focusedField, setFocusedField] = useState(null);
-    // Auto-focus first field on mount
-    useEffect(() => {
-        const fieldNames = Object.keys(methods.getValues());
-        if (fieldNames.length > 0) {
-            logger.log(`focusing `, fieldNames[0]);
-            setFocusedField(fieldNames[0]);
+    const [focusedField, setFocusedFieldRaw] = useState(null);
+    const scrollBoxRef = useRef(null);
+    const descendantsContext = useFormFieldDescendants();
+    const scrollToField = (fieldId) => {
+        const scrollBox = scrollBoxRef.current;
+        if (!scrollBox)
+            return;
+        // Find field in descendants map by matching props.id
+        const field = Object.values(descendantsContext.map.current).find((item) => item.props?.id === fieldId);
+        const elementRef = field?.props?.elementRef;
+        if (!elementRef)
+            return;
+        const contentY = scrollBox.content?.y || 0;
+        const viewportHeight = scrollBox.viewport?.height || 10;
+        const currentScrollTop = scrollBox.scrollTop || 0;
+        // Access current position from the BoxRenderable ref
+        const itemTop = elementRef.y - contentY;
+        const itemBottom = itemTop + elementRef.height;
+        if (itemTop < currentScrollTop) {
+            scrollBox.scrollTo(itemTop);
+        }
+        else if (itemBottom > currentScrollTop + viewportHeight) {
+            scrollBox.scrollTo(itemBottom - viewportHeight);
+        }
+    };
+    const setFocusedField = (id) => {
+        setFocusedFieldRaw(id);
+        if (id) {
+            scrollToField(id);
+        }
+    };
+    // Auto-focus first field after children have registered as descendants
+    useLayoutEffect(() => {
+        const descendants = Object.values(descendantsContext.map.current)
+            .filter((item) => item.index !== -1 && item.props?.id)
+            .sort((a, b) => a.index - b.index);
+        if (descendants.length > 0) {
+            const firstId = descendants[0].props.id;
+            logger.log(`focusing `, firstId);
+            setFocusedFieldRaw(firstId);
         }
         else {
             logger.log(`no fields to focus in form`);
@@ -62,15 +94,35 @@ export const Form = ((props) => {
     // Get focus state and dialog
     const inFocus = useIsInFocus();
     const dialog = useDialog();
-    // Handle action key navigation only
+    // Handle action keys and page scrolling
     useKeyboard((evt) => {
         // Only handle keyboard events when form is in focus
         if (!inFocus)
             return;
+        // Page up/down scrolling
+        if (evt.name === 'pageup' || evt.name === 'pagedown') {
+            const scrollBox = scrollBoxRef.current;
+            if (!scrollBox)
+                return;
+            const viewportHeight = scrollBox.viewport?.height || 10;
+            const currentScrollTop = scrollBox.scrollTop || 0;
+            const scrollAmount = viewportHeight - 2; // Leave some overlap
+            if (evt.name === 'pageup') {
+                scrollBox.scrollTo(Math.max(0, currentScrollTop - scrollAmount));
+            }
+            else {
+                scrollBox.scrollTo(currentScrollTop + scrollAmount);
+            }
+            return;
+        }
         if (evt.name === 'k' && evt.ctrl && props.actions) {
             // Ctrl+K shows actions
             dialog.push(_jsx(FormSubmitContext.Provider, { value: submitContextValue, children: props.actions }), 'bottom-right');
         }
+        else if (evt.name === 'return' && evt.ctrl && props.actions) {
+            // Ctrl+Return shows actions (form submit shortcut)
+            dialog.push(_jsx(FormSubmitContext.Provider, { value: submitContextValue, children: props.actions }), 'bottom-right');
+        }
         else if (evt.name === 'return' && evt.meta && props.actions) {
             // Cmd+Return also shows actions (consistent with List)
             dialog.push(_jsx(FormSubmitContext.Provider, { value: submitContextValue, children: props.actions }), 'bottom-right');
@@ -79,7 +131,18 @@ export const Form = ((props) => {
     const submitContextValue = {
         getFormValues: () => methods.getValues(),
     };
-    return (_jsx(FormProvider, { ...methods, children: _jsx(FormSubmitContext.Provider, { value: submitContextValue, children: _jsx(FocusContext.Provider, { value: { focusedField, setFocusedField }, children: _jsxs("box", { flexDirection: 'column', children: [props.children, _jsx(FormEnd, {}), _jsx(FormFooter, {})] }) }) }) }));
+    const scrollContextValue = {
+        scrollBoxRef,
+        descendantsContext,
+    };
+    return (_jsx(FormProvider, { ...methods, children: _jsx(FormSubmitContext.Provider, { value: submitContextValue, children: _jsx(FormScrollContext.Provider, { value: scrollContextValue, children: _jsx(FocusContext.Provider, { value: { focusedField, setFocusedField }, children: _jsx("box", { flexDirection: 'row', flexGrow: 1, justifyContent: 'center', children: _jsxs("box", { flexDirection: 'column', children: [_jsx(ScrollBox, { ref: scrollBoxRef, flexGrow: 1, style: {
+                                        rootOptions: {
+                                            maxWidth: FORM_MAX_WIDTH,
+                                        },
+                                        contentOptions: {
+                                            justifyContent: 'center',
+                                        },
+                                    }, children: _jsxs(FormFieldDescendantsProvider, { value: descendantsContext, children: [props.children, _jsx(FormEnd, {})] }) }), _jsx(FormFooter, {})] }) }) }) }) }) }));
 });
 // Import and assign components after Form is defined
 import { TextField } from './text-field';

package/dist/components/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EACZ,QAAQ,EACR,aAAa,EACb,UAAU,EACV,eAAe,EACf,MAAM,GACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAW,YAAY,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EACL,cAAc,GAGf,MAAM,eAAe,CAAA;AAEtB,OAAO,EACL,iBAAiB,GAElB,MAAM,0BAA0B,CAAA;AAajC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAA;AAE3D,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAQhD,qCAAqC;AACrC,MAAM,EACJ,mBAAmB,EAAE,4BAA4B,EACjD,cAAc,EAAE,uBAAuB,EACvC,aAAa,EAAE,sBAAsB,GACtC,GAAG,iBAAiB,EAAuB,CAAA;AAE5C,OAAO,EAAE,sBAAsB,EAAE,CAAA;AAQjC,MAAM,iBAAiB,GAAG,aAAa,CAAgC,IAAI,CAAC,CAAA;AAE5E,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAA;AACtC,CAAC,CAAA;AAQD,MAAM,YAAY,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAA;AAElE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IACxC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAA;IAC/D,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAOD,MAAM,iBAAiB,GAAG,aAAa,CAAgC,IAAI,CAAC,CAAA;AAE5E,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC7C,OAAO,OAAO,CAAA,CAAC,+BAA+B;AAChD,CAAC,CAAA;AAED,SAAS,UAAU;IACjB,OAAO,CACL,eACE,MAAM,EAAE,KAAK,EACb,KAAK,EAAE;YACL,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,UAAU,EAAE,CAAC;YACb,SAAS,EAAE,CAAC;YACZ,aAAa,EAAE,KAAK;SACrB,aAED,eAAM,EAAE,EAAE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,cAAc,CAAC,IAAI,4BAAe,EACpE,eAAM,EAAE,EAAE,KAAK,CAAC,SAAS,wBAAgB,EACzC,gBAAM,EAAE,EAAE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,cAAc,CAAC,IAAI,aAClD,KAAK,oBACD,EACP,eAAM,EAAE,EAAE,KAAK,CAAC,SAAS,0BAAkB,EAC3C,gBAAM,EAAE,EAAE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,cAAc,CAAC,IAAI,aAChD,KAAK,UACH,EACP,eAAM,EAAE,EAAE,KAAK,CAAC,SAAS,yBAAiB,IACtC,CACP,CAAA;AACH,CAAC;AAsDD,MAAM,CAAC,MAAM,IAAI,GAAa,CAAC,CAAC,KAAK,EAAE,EAAE;IACvC,MAAM,OAAO,GAAG,OAAO,CAAa;IAClC,qBAAqB;IACrB,oBAAoB;KACrB,CAAC,CAAA;IAEF,MAAM,CAAC,YAAY,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAExE,MAAM,YAAY,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IACtD,MAAM,kBAAkB,GAAG,uBAAuB,EAAE,CAAA;IAEpD,MAAM,aAAa,GAAG,CAAC,OAAe,EAAE,EAAE;QACxC,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAA;QACtC,IAAI,CAAC,SAAS;YAAE,OAAM;QAEtB,qDAAqD;QACrD,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,IAAI,CAC9D,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,KAAK,OAAO,CACrC,CAAA;QACD,MAAM,UAAU,GAAG,KAAK,EAAE,KAAK,EAAE,UAAU,CAAA;QAC3C,IAAI,CAAC,UAAU;YAAE,OAAM;QAEvB,MAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAA;QAC1C,MAAM,cAAc,GAAG,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,CAAA;QACvD,MAAM,gBAAgB,GAAG,SAAS,CAAC,SAAS,IAAI,CAAC,CAAA;QAEjD,qDAAqD;QACrD,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,GAAG,QAAQ,CAAA;QACvC,MAAM,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC,MAAM,CAAA;QAE9C,IAAI,OAAO,GAAG,gBAAgB,EAAE,CAAC;YAC/B,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;QAC7B,CAAC;aAAM,IAAI,UAAU,GAAG,gBAAgB,GAAG,cAAc,EAAE,CAAC;YAC1D,SAAS,CAAC,QAAQ,CAAC,UAAU,GAAG,cAAc,CAAC,CAAA;QACjD,CAAC;IACH,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,CAAC,EAAiB,EAAE,EAAE;QAC5C,kBAAkB,CAAC,EAAE,CAAC,CAAA;QACtB,IAAI,EAAE,EAAE,CAAC;YACP,aAAa,CAAC,EAAE,CAAC,CAAA;QACnB,CAAC;IACH,CAAC,CAAA;IAED,uEAAuE;IACvE,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC;aAC9D,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;aACrD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAA;QAEpC,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC3B,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,KAAM,CAAC,EAAE,CAAA;YACxC,MAAM,CAAC,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,CAAA;YAChC,kBAAkB,CAAC,OAAO,CAAC,CAAA;QAC7B,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAA;QAC1C,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,6BAA6B;IAC7B,MAAM,OAAO,GAAG,YAAY,EAAE,CAAA;IAC9B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,wCAAwC;IACxC,WAAW,CAAC,CAAC,GAAG,EAAE,EAAE;QAClB,oDAAoD;QACpD,IAAI,CAAC,OAAO;YAAE,OAAM;QAEpB,yBAAyB;QACzB,IAAI,GAAG,CAAC,IAAI,KAAK,QAAQ,IAAI,GAAG,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;YACrD,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAA;YACtC,IAAI,CAAC,SAAS;gBAAE,OAAM;YAEtB,MAAM,cAAc,GAAG,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,CAAA;YACvD,MAAM,gBAAgB,GAAG,SAAS,CAAC,SAAS,IAAI,CAAC,CAAA;YACjD,MAAM,YAAY,GAAG,cAAc,GAAG,CAAC,CAAA,CAAC,qBAAqB;YAE7D,IAAI,GAAG,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBAC1B,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,gBAAgB,GAAG,YAAY,CAAC,CAAC,CAAA;YAClE,CAAC;iBAAM,CAAC;gBACN,SAAS,CAAC,QAAQ,CAAC,gBAAgB,GAAG,YAAY,CAAC,CAAA;YACrD,CAAC;YACD,OAAM;QACR,CAAC;QAED,IAAI,GAAG,CAAC,IAAI,KAAK,GAAG,IAAI,GAAG,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAClD,uBAAuB;YACvB,MAAM,CAAC,IAAI,CACT,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB,YAClD,KAAK,CAAC,OAAO,GACa,EAC7B,cAAc,CACf,CAAA;QACH,CAAC;aAAM,IAAI,GAAG,CAAC,IAAI,KAAK,QAAQ,IAAI,GAAG,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAC9D,mDAAmD;YACnD,MAAM,CAAC,IAAI,CACT,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB,YAClD,KAAK,CAAC,OAAO,GACa,EAC7B,cAAc,CACf,CAAA;QACH,CAAC;aAAM,IAAI,GAAG,CAAC,IAAI,KAAK,QAAQ,IAAI,GAAG,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAC9D,uDAAuD;YACvD,MAAM,CAAC,IAAI,CACT,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB,YAClD,KAAK,CAAC,OAAO,GACa,EAC7B,cAAc,CACf,CAAA;QACH,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,kBAAkB,GAA2B;QACjD,aAAa,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE;KACzC,CAAA;IAED,MAAM,kBAAkB,GAA2B;QACjD,YAAY;QACZ,kBAAkB;KACnB,CAAA;IAED,OAAO,CACL,KAAC,YAAY,OAAK,OAAO,YACvB,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB,YACnD,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB,YACnD,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE,YAC7D,cAAK,aAAa,EAAC,KAAK,EAAC,QAAQ,EAAE,CAAC,EAAE,cAAc,EAAC,QAAQ,YAC3D,eAAK,aAAa,EAAC,QAAQ,aACzB,KAAC,SAAS,IACR,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE;wCACL,WAAW,EAAE;4CACX,QAAQ,EAAE,cAAc;yCACzB;wCACD,cAAc,EAAE;4CACd,cAAc,EAAE,QAAQ;yCACzB;qCACF,YAED,MAAC,4BAA4B,IAAC,KAAK,EAAE,kBAAkB,aACpD,KAAK,CAAC,QAAQ,EACf,KAAC,OAAO,KAAG,IACkB,GACrB,EACZ,KAAC,UAAU,KAAG,IACV,GACF,GACgB,GACG,GACF,GAChB,CAChB,CAAA;AACH,CAAC,CAAa,CAAA;AAEd,qDAAqD;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,IAAI,CAAC,SAAS,GAAG,SAAgB,CAAA;AACjC,IAAI,CAAC,aAAa,GAAG,aAAoB,CAAA;AACzC,IAAI,CAAC,QAAQ,GAAG,QAAe,CAAA;AAC/B,IAAI,CAAC,QAAQ,GAAG,QAAe,CAAA;AAC/B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAA;AACxB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAA;AAC5B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAA;AAC1B,IAAI,CAAC,UAAU,GAAG,UAAU,CAAA;AAC5B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAA;AAC1B,IAAI,CAAC,WAAW,GAAG,WAAW,CAAA"}

package/dist/components/form/password-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"password-field.d.ts","sourceRoot":"","sources":["../../../src/components/form/password-field.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAMpD,MAAM,WAAW,kBAAmB,SAAQ,aAAa,CAAC,MAAM,CAAC;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAA;AAE1C,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,KAAG,GAsEzD,CAAA"}
+{"version":3,"file":"password-field.d.ts","sourceRoot":"","sources":["../../../src/components/form/password-field.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAKpD,MAAM,WAAW,kBAAmB,SAAQ,aAAa,CAAC,MAAM,CAAC;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAA;AAE1C,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,KAAG,GAoFzD,CAAA"}

package/dist/components/form/password-field.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useRef, useState } from 'react';
 import { useFormContext, Controller } from 'react-hook-form';
-import { useFocusContext } from './index';
+import { useFocusContext, useFormFieldDescendant } from './index';
 import { Theme } from 'termcast/src/theme';
 import { WithLeftBorder } from './with-left-border';
 import { useFormNavigation } from './use-form-navigation';
@@ -8,24 +9,39 @@ export const PasswordField = (props) => {
     const { control } = useFormContext();
     const { focusedField, setFocusedField } = useFocusContext();
     const isFocused = focusedField === props.id;
-    // Use form navigation hook
+    const elementRef = useRef(null);
+    const realValueRef = useRef(props.defaultValue || props.value || '');
+    const [displayLength, setDisplayLength] = useState(realValueRef.current.length);
+    useFormFieldDescendant({
+        id: props.id,
+        elementRef: elementRef.current,
+    });
     useFormNavigation(props.id);
-    return (_jsx(Controller, { name: props.id, control: control, defaultValue: props.defaultValue || props.value || '', render: ({ field, fieldState, formState }) => {
-            // Always show masked value when not focused
-            const displayValue = isFocused
-                ? field.value
-                : '*'.repeat(field.value.length);
-            return (_jsxs("box", { flexDirection: 'column', children: [_jsx(WithLeftBorder, { withDiamond: true, isFocused: isFocused, children: _jsx("text", { fg: Theme.text, onMouseDown: () => {
+    return (_jsx(Controller, { name: props.id, control: control, defaultValue: props.defaultValue || props.value || '', render: ({ field, fieldState }) => {
+            const displayValue = '*'.repeat(displayLength);
+            return (_jsxs("box", { ref: elementRef, flexDirection: "column", children: [_jsx(WithLeftBorder, { withDiamond: true, isFocused: isFocused, children: _jsx("text", { fg: isFocused ? Theme.primary : Theme.text, onMouseDown: () => {
                                 setFocusedField(props.id);
-                            }, children: props.title }) }), _jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("input", { value: displayValue, onInput: (value) => {
-                                // Ignore masked input (all asterisks) when not focused
-                                if (isFocused &&
-                                    !(/^\*+$/.test(value) && !field.value.startsWith('*'))) {
-                                    field.onChange(value);
-                                    if (props.onChange) {
-                                        props.onChange(value);
-                                    }
+                            }, children: props.title }) }), _jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("input", { value: displayValue, onInput: (newDisplay) => {
+                                if (!isFocused)
+                                    return;
+                                const currentValue = realValueRef.current;
+                                const oldLen = currentValue.length;
+                                const newLen = newDisplay.length;
+                                let newValue;
+                                if (newLen > oldLen) {
+                                    const addedChars = newDisplay.replace(/\*/g, '');
+                                    newValue = currentValue + addedChars;
                                 }
+                                else if (newLen < oldLen) {
+                                    newValue = currentValue.slice(0, newLen);
+                                }
+                                else {
+                                    return;
+                                }
+                                realValueRef.current = newValue;
+                                setDisplayLength(newValue.length);
+                                field.onChange(newValue);
+                                props.onChange?.(newValue);
                             }, placeholder: props.placeholder, focused: isFocused, onMouseDown: () => {
                                 setFocusedField(props.id);
                             } }) }), (fieldState.error || props.error) && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.error, children: fieldState.error?.message || props.error }) })), props.info && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.textMuted, children: props.info }) }))] }));

package/dist/components/form/password-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"password-field.js","sourceRoot":"","sources":["../../../src/components/form/password-field.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAQzD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAO,EAAE;IAC9D,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,KAAK,KAAK,CAAC,EAAE,CAAA;IAE3C,2BAA2B;IAC3B,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAE3B,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,EAAE,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,EACrD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE;YAC3C,4CAA4C;YAC5C,MAAM,YAAY,GAAG,SAAS;gBAC5B,CAAC,CAAC,KAAK,CAAC,KAAK;gBACb,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;YAElC,OAAO,CACL,eAAK,aAAa,EAAC,QAAQ,aACzB,KAAC,cAAc,IAAC,WAAW,QAAC,SAAS,EAAE,SAAS,YAC9C,eACE,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,WAAW,EAAE,GAAG,EAAE;gCAChB,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;4BAC3B,CAAC,YAEA,KAAK,CAAC,KAAK,GACP,GACQ,EACjB,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAClC,gBACE,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,CAAC,KAAa,EAAE,EAAE;gCACzB,uDAAuD;gCACvD,IACE,SAAS;oCACT,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EACtD,CAAC;oCACD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;oCACrB,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;wCACnB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;oCACvB,CAAC;gCACH,CAAC;4BACH,CAAC,EACD,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,SAAS,EAClB,WAAW,EAAE,GAAG,EAAE;gCAChB,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;4BAC3B,CAAC,GACD,GACa,EAChB,CAAC,UAAU,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CACpC,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAClC,eAAM,EAAE,EAAE,KAAK,CAAC,KAAK,YAClB,UAAU,CAAC,KAAK,EAAE,OAAO,IAAI,KAAK,CAAC,KAAK,GACpC,GACQ,CAClB,EACA,KAAK,CAAC,IAAI,IAAI,CACb,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAClC,eAAM,EAAE,EAAE,KAAK,CAAC,SAAS,YAAG,KAAK,CAAC,IAAI,GAAQ,GAC/B,CAClB,IACG,CACe,CAAA;QACzB,CAAC,GACD,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"password-field.js","sourceRoot":"","sources":["../../../src/components/form/password-field.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/text-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/components/form/text-area.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAMpD,MAAM,WAAW,aAAc,SAAQ,aAAa,CAAC,MAAM,CAAC;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,CAAA;AAErC,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,KAAG,GAgE/C,CAAA"}
+{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/components/form/text-area.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAMpD,MAAM,WAAW,aAAc,SAAQ,aAAa,CAAC,MAAM,CAAC;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,CAAA;AAErC,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,KAAG,GAoF/C,CAAA"}

package/dist/components/form/text-area.js

@@ -1,26 +1,43 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
-import { useFormContext, Controller } from 'react-hook-form';
-import { useFocusContext } from './index';
+import { useRef, useCallback } from 'react';
+import { useFormContext } from 'react-hook-form';
+import { useFocusContext, useFormFieldDescendant } from './index';
 import { Theme } from 'termcast/src/theme';
 import { WithLeftBorder } from './with-left-border';
 import { useFormNavigation } from './use-form-navigation';
+import { createTextareaFormRef } from './form-ref';
 export const TextArea = (props) => {
-    const { control } = useFormContext();
+    const { register, formState } = useFormContext();
     const { focusedField, setFocusedField } = useFocusContext();
     const isFocused = focusedField === props.id;
+    const elementRef = useRef(null);
+    const textareaRef = useRef(null);
+    // Register as form field descendant for scroll support
+    useFormFieldDescendant({
+        id: props.id,
+        elementRef: elementRef.current,
+    });
     // TODO in textarea arrows should probably go to lines instead of other forms
     useFormNavigation(props.id);
-    return (_jsx(Controller, { name: props.id, control: control, defaultValue: props.defaultValue || props.value || '', render: ({ field, fieldState, formState }) => {
-            return (_jsxs("box", { flexDirection: 'column', children: [_jsx(WithLeftBorder, { withDiamond: true, isFocused: isFocused, children: _jsx("text", { fg: Theme.text, onMouseDown: () => {
-                                setFocusedField(props.id);
-                            }, children: props.title }) }), _jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("box", { flexGrow: 1, children: _jsx("input", { value: field.value, onInput: (value) => {
-                                    field.onChange(value);
-                                    if (props.onChange) {
-                                        props.onChange(value);
-                                    }
-                                }, minHeight: 4, placeholder: props.placeholder, focused: isFocused, onMouseDown: () => {
-                                    setFocusedField(props.id);
-                                } }) }) }), (fieldState.error || props.error) && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.error, children: fieldState.error?.message || props.error }) })), props.info && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.textMuted, children: props.info }) }))] }));
-        } }));
+    // Get register props
+    const registration = register(props.id);
+    // Create form ref adapter with onContentChange handler
+    const { formRef, onContentChange } = createTextareaFormRef(props.id, textareaRef, registration);
+    // Memoize ref callback - register() returns new object every render,
+    // so we must not pass registration.ref directly to avoid re-renders
+    const handleRef = useCallback((el) => {
+        textareaRef.current = el;
+        registration.ref(formRef);
+    }, []);
+    const handleContentChange = useCallback(() => {
+        onContentChange();
+        props.onChange?.(formRef.value);
+    }, [props.onChange]);
+    const fieldError = formState.errors[props.id];
+    return (_jsxs("box", { ref: elementRef, flexDirection: "column", children: [_jsx(WithLeftBorder, { withDiamond: true, isFocused: isFocused, children: _jsx("text", { fg: isFocused ? Theme.primary : Theme.text, onMouseDown: () => {
+                        setFocusedField(props.id);
+                    }, children: props.title }) }), _jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("box", { flexGrow: 1, children: _jsx("textarea", { ref: handleRef, initialValue: props.defaultValue || props.value || '', onContentChange: handleContentChange, minHeight: 4, placeholder: props.placeholder, focused: isFocused, onMouseDown: () => {
+                            setFocusedField(props.id);
+                        } }) }) }), (fieldError || props.error) && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.error, children: fieldError?.message || props.error }) })), props.info && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.textMuted, children: props.info }) }))] }));
 };
 //# sourceMappingURL=text-area.js.map

package/dist/components/form/text-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.js","sourceRoot":"","sources":["../../../src/components/form/text-area.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AASzD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAO,EAAE;IACpD,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,KAAK,KAAK,CAAC,EAAE,CAAA;IAE3C,6EAA6E;IAC7E,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAE3B,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,EAAE,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,EACrD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE;YAC3C,OAAO,CACL,eAAK,aAAa,EAAC,QAAQ,aACzB,KAAC,cAAc,IAAC,WAAW,QAAC,SAAS,EAAE,SAAS,YAC9C,eACE,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,WAAW,EAAE,GAAG,EAAE;gCAChB,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;4BAC3B,CAAC,YAEA,KAAK,CAAC,KAAK,GACP,GACQ,EAEjB,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAClC,cAAK,QAAQ,EAAE,CAAC,YACd,gBACE,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,CAAC,KAAa,EAAE,EAAE;oCACzB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;oCACrB,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;wCACnB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;oCACvB,CAAC;gCACH,CAAC,EACD,SAAS,EAAE,CAAC,EACZ,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,SAAS,EAClB,WAAW,EAAE,GAAG,EAAE;oCAChB,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;gCAC3B,CAAC,GACD,GACE,GACS,EAEhB,CAAC,UAAU,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CACpC,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAClC,eAAM,EAAE,EAAE,KAAK,CAAC,KAAK,YAClB,UAAU,CAAC,KAAK,EAAE,OAAO,IAAI,KAAK,CAAC,KAAK,GACpC,GACQ,CAClB,EACA,KAAK,CAAC,IAAI,IAAI,CACb,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAClC,eAAM,EAAE,EAAE,KAAK,CAAC,SAAS,YAAG,KAAK,CAAC,IAAI,GAAQ,GAC/B,CAClB,IACG,CACe,CAAA;QACzB,CAAC,GACD,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"text-area.js","sourceRoot":"","sources":["../../../src/components/form/text-area.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/text-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../src/components/form/text-field.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAMpD,MAAM,WAAW,cAAe,SAAQ,aAAa,CAAC,MAAM,CAAC;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,MAAM,YAAY,GAAG,WAAW,CAAA;AAEtC,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,KAAG,GAiEjD,CAAA"}
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../src/components/form/text-field.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAMpD,MAAM,WAAW,cAAe,SAAQ,aAAa,CAAC,MAAM,CAAC;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,MAAM,YAAY,GAAG,WAAW,CAAA;AAEtC,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,KAAG,GAsFjD,CAAA"}

package/dist/components/form/text-field.js

@@ -1,28 +1,48 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
-import { useFormContext, Controller } from 'react-hook-form';
-import { useFocusContext } from './index';
+import { useRef, useCallback } from 'react';
+import { useFormContext } from 'react-hook-form';
+import { useFocusContext, useFormFieldDescendant } from './index';
 import { Theme } from 'termcast/src/theme';
 import { WithLeftBorder } from './with-left-border';
 import { useFormNavigation } from './use-form-navigation';
+import { createTextareaFormRef } from './form-ref';
 export const TextField = (props) => {
-    const { control, formState: { errors }, } = useFormContext();
+    const { register, formState } = useFormContext();
     const { focusedField, setFocusedField } = useFocusContext();
     const isFocused = focusedField === props.id;
+    const elementRef = useRef(null);
+    const textareaRef = useRef(null);
+    // Register as form field descendant for scroll support
+    useFormFieldDescendant({
+        id: props.id,
+        elementRef: elementRef.current,
+    });
     // Use form navigation hook
     useFormNavigation(props.id);
-    return (_jsx(Controller, { name: props.id, control: control, defaultValue: props.defaultValue || props.value || '', rules: {
-            required: props.error ? props.error : false,
-        }, render: ({ field, fieldState, formState }) => {
-            return (_jsxs("box", { flexDirection: 'column', children: [_jsx(WithLeftBorder, { withDiamond: true, isFocused: isFocused, children: _jsx("text", { fg: Theme.text, onMouseDown: () => {
-                                setFocusedField(props.id);
-                            }, children: props.title }) }), _jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("input", { value: field.value, onInput: (value) => {
-                                field.onChange(value);
-                                if (props.onChange) {
-                                    props.onChange(value);
-                                }
-                            }, placeholder: props.placeholder, focused: isFocused, onMouseDown: () => {
-                                setFocusedField(props.id);
-                            } }) }), (fieldState.error || props.error) && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.error, children: fieldState.error?.message || props.error }) })), props.info && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.textMuted, children: props.info }) }))] }));
-        } }));
+    // Get register props
+    const registration = register(props.id, {
+        required: props.error ? props.error : false,
+    });
+    // Create form ref adapter with onContentChange handler
+    const { formRef, onContentChange } = createTextareaFormRef(props.id, textareaRef, registration);
+    // Memoize ref callback - register() returns new object every render,
+    // so we must not pass registration.ref directly to avoid re-renders
+    const handleRef = useCallback((el) => {
+        textareaRef.current = el;
+        registration.ref(formRef);
+    }, []);
+    const handleContentChange = useCallback(() => {
+        onContentChange();
+        props.onChange?.(formRef.value);
+    }, [props.onChange]);
+    const fieldError = formState.errors[props.id];
+    return (_jsxs("box", { ref: elementRef, flexDirection: "column", children: [_jsx(WithLeftBorder, { withDiamond: true, isFocused: isFocused, children: _jsx("text", { fg: isFocused ? Theme.primary : Theme.text, onMouseDown: () => {
+                        setFocusedField(props.id);
+                    }, children: props.title }) }), _jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("textarea", { ref: handleRef, height: 1, keyBindings: [
+                        { name: 'return', action: 'submit' },
+                        { name: 'linefeed', action: 'submit' },
+                    ], initialValue: props.defaultValue || props.value || '', onContentChange: handleContentChange, placeholder: props.placeholder, focused: isFocused, onMouseDown: () => {
+                        setFocusedField(props.id);
+                    } }) }), (fieldError || props.error) && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.error, children: fieldError?.message || props.error }) })), props.info && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.textMuted, children: props.info }) }))] }));
 };
 //# sourceMappingURL=text-field.js.map

package/dist/components/form/text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../../src/components/form/text-field.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAQzD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAO,EAAE;IACtD,MAAM,EACJ,OAAO,EACP,SAAS,EAAE,EAAE,MAAM,EAAE,GACtB,GAAG,cAAc,EAAE,CAAA;IACpB,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,KAAK,KAAK,CAAC,EAAE,CAAA;IAE3C,2BAA2B;IAC3B,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAE3B,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,EAAE,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,EACrD,KAAK,EAAE;YACL,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;SAC5C,EACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE;YAC3C,OAAO,CACL,eAAK,aAAa,EAAC,QAAQ,aACzB,KAAC,cAAc,IAAC,WAAW,QAAC,SAAS,EAAE,SAAS,YAC9C,eACE,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,WAAW,EAAE,GAAG,EAAE;gCAChB,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;4BAC3B,CAAC,YAEA,KAAK,CAAC,KAAK,GACP,GACQ,EACjB,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAClC,gBACE,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,CAAC,KAAa,EAAE,EAAE;gCACzB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;gCACrB,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;oCACnB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;gCACvB,CAAC;4BACH,CAAC,EACD,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,SAAS,EAClB,WAAW,EAAE,GAAG,EAAE;gCAChB,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;4BAC3B,CAAC,GACD,GACa,EAChB,CAAC,UAAU,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CACpC,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAClC,eAAM,EAAE,EAAE,KAAK,CAAC,KAAK,YAClB,UAAU,CAAC,KAAK,EAAE,OAAO,IAAI,KAAK,CAAC,KAAK,GACpC,GACQ,CAClB,EACA,KAAK,CAAC,IAAI,IAAI,CACb,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAClC,eAAM,EAAE,EAAE,KAAK,CAAC,SAAS,YAAG,KAAK,CAAC,IAAI,GAAQ,GAC/B,CAClB,IACG,CACe,CAAA;QACzB,CAAC,GACD,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../../src/components/form/text-field.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/use-form-navigation.d.ts

@@ -1,3 +1,7 @@
+export declare function useFormNavigationHelpers(id: string): {
+    navigateToPrevious: () => void;
+    navigateToNext: () => void;
+};
 export declare function useFormNavigation(id: string, options?: {
     handleArrows?: boolean;
     handleTabs?: boolean;

package/dist/components/form/use-form-navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-form-navigation.d.ts","sourceRoot":"","sources":["../../../src/components/form/use-form-navigation.tsx"],"names":[],"mappings":"AAKA,wBAAgB,iBAAiB,CAC/B,EAAE,EAAE,MAAM,EACV,OAAO,CAAC,EAAE;IACR,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;;;EAsDF"}
+{"version":3,"file":"use-form-navigation.d.ts","sourceRoot":"","sources":["../../../src/components/form/use-form-navigation.tsx"],"names":[],"mappings":"AAKA,wBAAgB,wBAAwB,CAAC,EAAE,EAAE,MAAM;;;EAqClD;AAED,wBAAgB,iBAAiB,CAC/B,EAAE,EAAE,MAAM,EACV,OAAO,CAAC,EAAE;IACR,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;;;EAmCF"}

package/dist/components/form/use-form-navigation.js

@@ -1,34 +1,51 @@
 import { useKeyboard } from '@opentui/react';
-import { useFormContext } from 'react-hook-form';
-import { useFocusContext } from './index';
+import { useFocusContext, useFormScrollContext } from './index';
 import { useIsInFocus } from '../../internal/focus-context';
-export function useFormNavigation(id, options) {
-    const { getValues } = useFormContext();
-    const { focusedField, setFocusedField } = useFocusContext();
-    const isInFocus = useIsInFocus();
-    const isFocused = focusedField === id;
-    let { handleArrows = true, handleTabs = true } = options || {};
-    handleArrows = false;
+// Helper hook to get navigation functions without keyboard handling
+export function useFormNavigationHelpers(id) {
+    const scrollContext = useFormScrollContext();
+    const { setFocusedField } = useFocusContext();
+    // Get sorted field IDs from descendants
+    const getFieldIds = () => {
+        if (!scrollContext)
+            return [];
+        const descendants = Object.values(scrollContext.descendantsContext.map.current)
+            .filter((item) => item.index !== -1 && item.props?.id)
+            .sort((a, b) => a.index - b.index);
+        return descendants.map((item) => item.props.id);
+    };
     const navigateToPrevious = () => {
-        const fieldNames = Object.keys(getValues());
-        const currentIndex = fieldNames.indexOf(id);
+        const fieldIds = getFieldIds();
+        const currentIndex = fieldIds.indexOf(id);
         if (currentIndex > 0) {
-            setFocusedField(fieldNames[currentIndex - 1]);
+            setFocusedField(fieldIds[currentIndex - 1]);
         }
         else {
-            setFocusedField(fieldNames[fieldNames.length - 1]);
+            setFocusedField(fieldIds[fieldIds.length - 1]);
         }
     };
     const navigateToNext = () => {
-        const fieldNames = Object.keys(getValues());
-        const currentIndex = fieldNames.indexOf(id);
-        if (currentIndex < fieldNames.length - 1) {
-            setFocusedField(fieldNames[currentIndex + 1]);
+        const fieldIds = getFieldIds();
+        const currentIndex = fieldIds.indexOf(id);
+        if (currentIndex < fieldIds.length - 1) {
+            setFocusedField(fieldIds[currentIndex + 1]);
         }
         else {
-            setFocusedField(fieldNames[0]);
+            setFocusedField(fieldIds[0]);
         }
     };
+    return {
+        navigateToPrevious,
+        navigateToNext,
+    };
+}
+export function useFormNavigation(id, options) {
+    const { focusedField } = useFocusContext();
+    const isInFocus = useIsInFocus();
+    const isFocused = focusedField === id;
+    let { handleArrows = true, handleTabs = true } = options || {};
+    handleArrows = false;
+    const { navigateToPrevious, navigateToNext } = useFormNavigationHelpers(id);
     useKeyboard((evt) => {
         // Only handle keyboard events when this field is focused and form is in focus
         if (!isFocused || !isInFocus)

package/dist/components/form/use-form-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-form-navigation.js","sourceRoot":"","sources":["../../../src/components/form/use-form-navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAE3D,MAAM,UAAU,iBAAiB,CAC/B,EAAU,EACV,OAGC;IAED,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAA;IACtC,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,SAAS,GAAG,YAAY,KAAK,EAAE,CAAA;IAErC,IAAI,EAAE,YAAY,GAAG,IAAI,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,OAAO,IAAI,EAAE,CAAA;IAE9D,YAAY,GAAG,KAAK,CAAA;IAEpB,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAA;QAC3C,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QAC3C,IAAI,YAAY,GAAG,CAAC,EAAE,CAAC;YACrB,eAAe,CAAC,UAAU,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAA;QAC/C,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAA;QACpD,CAAC;IACH,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAA;QAC3C,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QAC3C,IAAI,YAAY,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzC,eAAe,CAAC,UAAU,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAA;QAC/C,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;QAChC,CAAC;IACH,CAAC,CAAA;IAED,WAAW,CAAC,CAAC,GAAG,EAAE,EAAE;QAClB,8EAA8E;QAC9E,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS;YAAE,OAAM;QAEpC,IAAI,UAAU,IAAI,GAAG,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;YACrC,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;gBACd,kBAAkB,EAAE,CAAA;YACtB,CAAC;iBAAM,CAAC;gBACN,cAAc,EAAE,CAAA;YAClB,CAAC;QACH,CAAC;aAAM,IAAI,YAAY,EAAE,CAAC;YACxB,IAAI,GAAG,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;gBACtB,kBAAkB,EAAE,CAAA;YACtB,CAAC;iBAAM,IAAI,GAAG,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBAC/B,cAAc,EAAE,CAAA;YAClB,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,kBAAkB;QAClB,cAAc;KACf,CAAA;AACH,CAAC"}
+{"version":3,"file":"use-form-navigation.js","sourceRoot":"","sources":["../../../src/components/form/use-form-navigation.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/with-left-border.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"with-left-border.d.ts","sourceRoot":"","sources":["../../../src/components/form/with-left-border.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAA;IACxD,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,GAAG,CAAC,EAAE,GAAG,CAAA;CACV;AAED,eAAO,MAAM,cAAc,GAAI,gGAQ5B,mBAAmB,KAAG,GA6BxB,CAAA"}
+{"version":3,"file":"with-left-border.d.ts","sourceRoot":"","sources":["../../../src/components/form/with-left-border.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAA;IACxD,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,GAAG,CAAC,EAAE,GAAG,CAAA;CACV;AAED,eAAO,MAAM,cAAc,GAAI,gGAQ5B,mBAAmB,KAAG,GA8BxB,CAAA"}

package/dist/components/form/with-left-border.js

@@ -3,8 +3,8 @@ import { Theme } from 'termcast/src/theme';
 export const WithLeftBorder = ({ children, withDiamond, customCharacter, isFocused, paddingBottom = 1, paddingLeft = 2, paddingTop = 0, }) => {
     if (withDiamond || customCharacter) {
         const chars = customCharacter || { focused: '◆', unfocused: '◇' };
-        return (_jsxs("box", { flexDirection: 'row', children: [_jsx("text", { fg: isFocused ? Theme.accent : Theme.text, children: isFocused ? chars.focused : chars.unfocused }, String(isFocused)), _jsx("box", { flexGrow: 1, paddingLeft: paddingLeft, children: children })] }));
+        return (_jsxs("box", { flexDirection: 'row', children: [_jsx("text", { fg: isFocused ? Theme.accent : Theme.text, children: _jsx("b", { children: isFocused ? chars.focused : chars.unfocused }) }, String(isFocused)), _jsx("box", { flexGrow: 1, paddingLeft: paddingLeft, children: children })] }));
     }
-    return (_jsx("box", { paddingLeft: paddingLeft, border: ['left'], borderColor: isFocused ? Theme.accent : undefined, flexDirection: 'row', children: _jsx("box", { paddingTop: paddingTop, paddingBottom: paddingBottom, flexGrow: 1, children: children }) }));
+    return (_jsx("box", { paddingLeft: paddingLeft, border: ['left'], borderStyle: isFocused ? 'heavy' : 'single', borderColor: isFocused ? Theme.accent : undefined, flexDirection: 'row', children: _jsx("box", { paddingTop: paddingTop, paddingBottom: paddingBottom, flexGrow: 1, children: children }) }));
 };
 //# sourceMappingURL=with-left-border.js.map

package/dist/components/form/with-left-border.js.map

@@ -1 +1 @@
-{"version":3,"file":"with-left-border.js","sourceRoot":"","sources":["../../../src/components/form/with-left-border.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAa1C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,eAAe,EACf,SAAS,EACT,aAAa,GAAG,CAAC,EACjB,WAAW,GAAG,CAAC,EACf,UAAU,GAAG,CAAC,GACM,EAAO,EAAE;IAC7B,IAAI,WAAW,IAAI,eAAe,EAAE,CAAC;QACnC,MAAM,KAAK,GAAG,eAAe,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,CAAA;QACjE,OAAO,CACL,eAAK,aAAa,EAAC,KAAK,aACtB,eAEE,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,YAExC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,IAHvC,MAAM,CAAC,SAAS,CAAC,CAIjB,EACP,cAAK,QAAQ,EAAE,CAAC,EAAE,WAAW,EAAE,WAAW,YACvC,QAAQ,GACL,IACF,CACP,CAAA;IACH,CAAC;IACD,OAAO,CACL,cACE,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,CAAC,MAAM,CAAC,EAChB,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACjD,aAAa,EAAC,KAAK,YAEnB,cAAK,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,YACnE,QAAQ,GACL,GACF,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"with-left-border.js","sourceRoot":"","sources":["../../../src/components/form/with-left-border.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAa1C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,eAAe,EACf,SAAS,EACT,aAAa,GAAG,CAAC,EACjB,WAAW,GAAG,CAAC,EACf,UAAU,GAAG,CAAC,GACM,EAAO,EAAE;IAC7B,IAAI,WAAW,IAAI,eAAe,EAAE,CAAC;QACnC,MAAM,KAAK,GAAG,eAAe,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,CAAA;QACjE,OAAO,CACL,eAAK,aAAa,EAAC,KAAK,aACtB,eAEE,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,YAEzC,sBAAI,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,GAAK,IAH/C,MAAM,CAAC,SAAS,CAAC,CAIjB,EACP,cAAK,QAAQ,EAAE,CAAC,EAAE,WAAW,EAAE,WAAW,YACvC,QAAQ,GACL,IACF,CACP,CAAA;IACH,CAAC;IACD,OAAO,CACL,cACE,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,CAAC,MAAM,CAAC,EAChB,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC3C,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACjD,aAAa,EAAC,KAAK,YAEnB,cAAK,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,YACnE,QAAQ,GACL,GACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/components/icon.d.ts

@@ -1,8 +1,10 @@
-export declare const iconToEmoji: Record<string, string>;
+export declare function getIconShape(iconId: string): string;
+export declare const iconIds: string[];
 export declare const Icon: Record<string, string>;
 export declare function getIconEmoji(icon: string): string;
 interface IconProps {
     source: string;
+    tintColor?: string;
 }
 export declare function IconComponent({ source }: IconProps): any;
 export {};