tamagui 1.92.0 → 1.93.0

package/dist/cjs/views/Input.js

@@ -20,7 +20,7 @@ __export(Input_exports, {
   useInputProps: () => useInputProps
 });
 module.exports = __toCommonJS(Input_exports);
-var import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_focusable = require("@tamagui/focusable"), import_react_native = require("react-native-web"), import_inputHelpers = require("../helpers/inputHelpers"), import_jsx_runtime = require("react/jsx-runtime");
+var import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_focusable = require("@tamagui/focusable"), import_react_native = require("react-native-web"), import_inputHelpers = require("../helpers/inputHelpers"), import_react = require("react"), import_jsx_runtime = require("react/jsx-runtime");
 const defaultStyles = {
   size: "$true",
   fontFamily: "$body",
@@ -73,8 +73,8 @@ const defaultStyles = {
       selectionColor: "color"
     }
   }
-), Input = InputFrame.styleable((propsIn, ref) => {
-  const props = useInputProps(propsIn, ref);
+), Input = InputFrame.styleable((propsIn, forwardedRef) => {
+  const ref = (0, import_react.useRef)(null), composedRefs = (0, import_core.useComposedRefs)(forwardedRef, ref), props = useInputProps(propsIn, composedRefs);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputFrame, { ...props });
 });
 function useInputProps(props, ref) {

package/dist/cjs/views/Input.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Input.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB,+BAEtB,cAAiC,0BACjC,mBAA6B,+BAC7B,sBAA0B,yBAE1B,sBAAiC,oCAqFxB;AAnFF,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EAEP,GAAI,yBACA;AAAA,IACE,UAAU;AAAA,EACZ,IACA;AAAA,IACE,WAAW;AAAA,EACb;AAAA,EAEJ,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA,EAGjB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,mBAAmB;AAAA,IACjB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AACF,GAEa,iBAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IAEN,UAAU;AAAA,MACR,UAAU;AAAA,QACR,OAAO;AAAA,MACT;AAAA,MAEA,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MAEA,UAAU;AAAA,QACR,MAAM,CAAC;AAAA,MACT;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,IAC7C;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IAET,QAAQ;AAAA,MACN,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,IAClB;AAAA,EACF;AACF,GAca,QAAQ,WAAW,UAA2B,CAAC,SAAS,QAAQ;AAC3E,QAAM,QAAQ,cAAc,SAAS,GAAG;AACxC,SAAO,4CAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AACzD,QAAM,YAAQ,sBAAS,GACjB,EAAE,cAAc,KAAK,YAAY,QAAI,+BAAa;AAAA;AAAA,IAEtD;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC,GAEK,uBAAuB,MAAM,sBAC7B,uBACJ,MAAM,oBAA2B,GAAG,IAAI,KACxC,wBACA,MAAM,kBAAkB,IAAI;AAE9B,SAAO;AAAA,IACL,KAAK;AAAA,IACL,UAAU,MAAM;AAAA,IAChB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB,+BAEtB,cAAkD,0BAClD,mBAAgD,+BAChD,sBAA0B,yBAE1B,sBAAiC,oCACjC,eAAkC,kBAsGzB;AApGF,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EAEP,GAAI,yBACA;AAAA,IACE,UAAU;AAAA,EACZ,IACA;AAAA,IACE,WAAW;AAAA,EACb;AAAA,EAEJ,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA,EAGjB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,mBAAmB;AAAA,IACjB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AACF,GAEa,iBAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IAEN,UAAU;AAAA,MACR,UAAU;AAAA,QACR,OAAO;AAAA,MACT;AAAA,MAEA,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MAEA,UAAU;AAAA,QACR,MAAM,CAAC;AAAA,MACT;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,IAC7C;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IAET,QAAQ;AAAA,MACN,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,IAClB;AAAA,EACF;AACF,GAca,QAAQ,WAAW,UAA2B,CAAC,SAAS,iBAAiB;AACpF,QAAM,UAAM,qBAAc,IAAI,GACxB,mBAAe,6BAAgB,cAAc,GAAG,GAChD,QAAQ,cAAc,SAAS,YAAY;AAgBjD,SAAO,4CAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AACzD,QAAM,YAAQ,sBAAS,GACjB,EAAE,cAAc,KAAK,YAAY,QAAI,+BAAa;AAAA;AAAA,IAEtD;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC,GAEK,uBAAuB,MAAM,sBAC7B,uBACJ,MAAM,oBAA2B,GAAG,IAAI,KACxC,wBACA,MAAM,kBAAkB,IAAI;AAE9B,SAAO;AAAA,IACL,KAAK;AAAA,IACL,UAAU,MAAM;AAAA,IAChB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/views/Input.native.js

@@ -21,7 +21,7 @@ __export(Input_exports, {
   useInputProps: () => useInputProps
 });
 module.exports = __toCommonJS(Input_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_focusable = require("@tamagui/focusable"), import_react_native = require("react-native"), import_inputHelpers = require("../helpers/inputHelpers");
+var import_jsx_runtime = require("react/jsx-runtime"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_focusable = require("@tamagui/focusable"), import_react_native = require("react-native"), import_inputHelpers = require("../helpers/inputHelpers"), import_react = require("react");
 function _define_property(obj, key, value) {
   return key in obj ? Object.defineProperty(obj, key, {
     value,
@@ -104,9 +104,22 @@ var defaultStyles = _object_spread_props(_object_spread({
     placeholderTextColor: "color",
     selectionColor: "color"
   }
-}), Input = InputFrame.styleable(function(propsIn, ref) {
-  var props = useInputProps(propsIn, ref);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputFrame, _object_spread({}, props));
+}), Input = InputFrame.styleable(function(propsIn, forwardedRef) {
+  var ref = (0, import_react.useRef)(null), composedRefs = (0, import_core.useComposedRefs)(forwardedRef, ref), props = useInputProps(propsIn, composedRefs);
+  return (0, import_react.useEffect)(function() {
+    if (props.id && !props.disabled)
+      return (0, import_focusable.registerFocusable)(props.id, {
+        focusAndSelect: function() {
+          var _ref_current;
+          (_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.focus();
+        },
+        focus: function() {
+        }
+      });
+  }, [
+    props.id,
+    props.disabled
+  ]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputFrame, _object_spread({}, props));
 });
 function useInputProps(props, ref) {
   var _theme_placeholderColorProp, _theme_placeholderColor, theme = (0, import_core.useTheme)(), _useFocusable = (0, import_focusable.useFocusable)({

package/dist/cjs/views/Input.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Users/n8/tamagui/packages/tamagui/src/views/Input.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;uDAAA,mBAAsB,+BAEtB,cAAiC,0BACjC,mBAA6B,+BAC7B,sBAA0B,yBAE1B,sBAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE1B,IAAMA,gBAAgB,qBAAA,eAAA;EAC3BC,MAAM;EACNC,YAAY;EACZC,aAAa;EACbC,cAAc;EACdC,OAAO;GAEHC,yBACA;EACEC,UAAU;AACZ,IACA;EACEC,WAAW;AACb,CAAA,GAAA;EAEJC,aAAa;EACbC,iBAAiB;;EAGjBC,UAAU;EAEVC,YAAY;IACVH,aAAa;EACf;EAEAI,YAAY;IACVJ,aAAa;EACf;EAEAK,mBAAmB;IACjBC,cAAc;IACdX,cAAc;IACdY,cAAc;EAChB;IAGWC,iBAAaC,oBACxBC,+BACA;EACEC,MAAM;EAENC,UAAU;IACRC,UAAU;MACRC,OAAOvB;IACT;IAEAC,MAAM;MACJ,WAAWuB;IACb;IAEAC,UAAU;MACRC,MAAM,CAAC;IACT;EACF;EAEAC,iBAAiB;IACfL,UAAUM,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,GACA;EACEC,SAAS;EAETC,QAAQ;IACNC,sBAAsB;IACtBC,gBAAgB;EAClB;AACF,CAAA,GAeWC,QAAQlB,WAAWmB,UAA2B,SAACC,SAASC,KAAAA;AACnE,MAAMC,QAAQC,cAAcH,SAASC,GAAAA;AACrC,SAAO,uCAAAG,KAACxB,YAAAA,eAAAA,CAAAA,GAAesB,KAAAA,CAAAA;AACzB,CAAA;AAEO,SAASC,cAAcD,OAAmBD,KAAQ;MAWrDI,6BAEAA,yBAZIA,YAAQC,sBAAAA,GAC6BC,oBAAAA,+BAAa;;IAEtDL;IACAD;IACAP,SAAS;EACX,CAAA,GALQc,eAAmCD,cAAnCC,cAAmBC,cAAgBF,cAArBN,KAOhBS,uBAAuBR,MAAMN,sBAEjCS,iCAAAA,MADIT,wBACJS,QAAAA,mCAAAA,8BAAAA,MAAMK,oBAAAA,OAA4B,QAAlCL,gCAAAA,SAAAA,SAAAA,4BAAoCM,IAAG,OAAA,QAAvCN,oCAAAA,SAAAA,kCACAK,0BAAAA,QADAL,SAAAA,SAAAA,QAEAA,0BAAAA,MAAMO,sBAAgB,QAAtBP,4BAAAA,SAAAA,SAAAA,wBAAwBM,IAAG;AAE7B,SAAO,qBAAA,eAAA;IACLV,KAAKQ;IACLI,UAAUX,MAAMd;KACbc,KAAAA,GAAAA;IACHN;IACAY;;AAEJ;",
-  "names": ["defaultStyles", "size", "fontFamily", "borderWidth", "outlineWidth", "color", "isWeb", "tabIndex", "focusable", "borderColor", "backgroundColor", "minWidth", "hoverStyle", "focusStyle", "focusVisibleStyle", "outlineColor", "outlineStyle", "InputFrame", "styled", "TextInput", "name", "variants", "unstyled", "false", "inputSizeVariant", "disabled", "true", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "isInput", "accept", "placeholderTextColor", "selectionColor", "Input", "styleable", "propsIn", "ref", "props", "useInputProps", "_jsx", "theme", "useTheme", "useFocusable", "onChangeText", "combinedRef", "placeholderColorProp", "get", "placeholderColor", "readOnly"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;uDAAA,mBAAsB,+BAEtB,cAAkD,0BAClD,mBAAgD,+BAChD,sBAA0B,yBAE1B,sBAAiC,oCACjC,eAAkC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3B,IAAMA,gBAAgB,qBAAA,eAAA;EAC3BC,MAAM;EACNC,YAAY;EACZC,aAAa;EACbC,cAAc;EACdC,OAAO;GAEHC,yBACA;EACEC,UAAU;AACZ,IACA;EACEC,WAAW;AACb,CAAA,GAAA;EAEJC,aAAa;EACbC,iBAAiB;;EAGjBC,UAAU;EAEVC,YAAY;IACVH,aAAa;EACf;EAEAI,YAAY;IACVJ,aAAa;EACf;EAEAK,mBAAmB;IACjBC,cAAc;IACdX,cAAc;IACdY,cAAc;EAChB;IAGWC,iBAAaC,oBACxBC,+BACA;EACEC,MAAM;EAENC,UAAU;IACRC,UAAU;MACRC,OAAOvB;IACT;IAEAC,MAAM;MACJ,WAAWuB;IACb;IAEAC,UAAU;MACRC,MAAM,CAAC;IACT;EACF;EAEAC,iBAAiB;IACfL,UAAUM,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,GACA;EACEC,SAAS;EAETC,QAAQ;IACNC,sBAAsB;IACtBC,gBAAgB;EAClB;AACF,CAAA,GAeWC,QAAQlB,WAAWmB,UAA2B,SAACC,SAASC,cAAAA;AACnE,MAAMC,UAAMC,qBAAc,IAAA,GACpBC,mBAAeC,6BAAgBJ,cAAcC,GAAAA,GAC7CI,QAAQC,cAAcP,SAASI,YAAAA;AAGnCI,qCAAU,WAAA;AACR,QAAKF,MAAMG,MACPH,OAAMlB;AAEV,iBAAOsB,oCAAkBJ,MAAMG,IAAI;QACjCE,gBAAgB,WAAA;cACdT;WAAAA,eAAAA,IAAIU,aAAO,QAAXV,iBAAAA,UAAAA,aAAaW,MAAK;QACpB;QACAA,OAAO,WAAA;QAAO;MAChB,CAAA;EACF,GAAG;IAACP,MAAMG;IAAIH,MAAMlB;GAAS,GAGxB,uCAAA0B,KAAClC,YAAAA,eAAAA,CAAAA,GAAe0B,KAAAA,CAAAA;AACzB,CAAA;AAEO,SAASC,cAAcD,OAAmBJ,KAAQ;MAWrDa,6BAEAA,yBAZIA,YAAQC,sBAAAA,GAC6BC,oBAAAA,+BAAa;;IAEtDX;IACAJ;IACAR,SAAS;EACX,CAAA,GALQwB,eAAmCD,cAAnCC,cAAmBC,cAAgBF,cAArBf,KAOhBkB,uBAAuBd,MAAMV,sBAEjCmB,iCAAAA,MADInB,wBACJmB,QAAAA,mCAAAA,8BAAAA,MAAMK,oBAAAA,OAA4B,QAAlCL,gCAAAA,SAAAA,SAAAA,4BAAoCM,IAAG,OAAA,QAAvCN,oCAAAA,SAAAA,kCACAK,0BAAAA,QADAL,SAAAA,SAAAA,QAEAA,0BAAAA,MAAMO,sBAAgB,QAAtBP,4BAAAA,SAAAA,SAAAA,wBAAwBM,IAAG;AAE7B,SAAO,qBAAA,eAAA;IACLnB,KAAKiB;IACLI,UAAUjB,MAAMlB;KACbkB,KAAAA,GAAAA;IACHV;IACAsB;;AAEJ;",
+  "names": ["defaultStyles", "size", "fontFamily", "borderWidth", "outlineWidth", "color", "isWeb", "tabIndex", "focusable", "borderColor", "backgroundColor", "minWidth", "hoverStyle", "focusStyle", "focusVisibleStyle", "outlineColor", "outlineStyle", "InputFrame", "styled", "TextInput", "name", "variants", "unstyled", "false", "inputSizeVariant", "disabled", "true", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "isInput", "accept", "placeholderTextColor", "selectionColor", "Input", "styleable", "propsIn", "forwardedRef", "ref", "useRef", "composedRefs", "useComposedRefs", "props", "useInputProps", "useEffect", "id", "registerFocusable", "focusAndSelect", "current", "focus", "_jsx", "theme", "useTheme", "useFocusable", "onChangeText", "combinedRef", "placeholderColorProp", "get", "placeholderColor", "readOnly"]
 }

package/dist/cjs/views/TextArea.js

@@ -18,7 +18,7 @@ __export(TextArea_exports, {
   TextAreaFrame: () => TextAreaFrame
 });
 module.exports = __toCommonJS(TextArea_exports);
-var import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_inputHelpers = require("../helpers/inputHelpers"), import_Input = require("./Input"), import_jsx_runtime = require("react/jsx-runtime");
+var import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_inputHelpers = require("../helpers/inputHelpers"), import_Input = require("./Input"), import_focusable = require("@tamagui/focusable"), import_react = require("react"), import_jsx_runtime = require("react/jsx-runtime");
 const TextAreaFrame = (0, import_core.styled)(import_Input.InputFrame, {
   name: "TextArea",
   multiline: !0,
@@ -38,11 +38,13 @@ const TextAreaFrame = (0, import_core.styled)(import_Input.InputFrame, {
   defaultVariants: {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
-}), TextArea = TextAreaFrame.styleable((propsIn, ref) => {
-  const props = (0, import_Input.useInputProps)(propsIn, ref), linesProp = {
-    // web uses rows now, but native not caught up :/
-    [import_constants.isWeb ? "rows" : "numberOfLines"]: propsIn.unstyled ? void 0 : 4
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextAreaFrame, { ...linesProp, ...props });
-});
+}), TextArea = TextAreaFrame.styleable(
+  (propsIn, forwardedRef) => {
+    const ref = (0, import_react.useRef)(null), composedRefs = (0, import_core.useComposedRefs)(forwardedRef, ref), props = (0, import_Input.useInputProps)(propsIn, composedRefs), linesProp = {
+      // web uses rows now, but native not caught up :/
+      [import_constants.isWeb ? "rows" : "numberOfLines"]: propsIn.unstyled ? void 0 : 4
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextAreaFrame, { ...linesProp, ...props });
+  }
+);
 //# sourceMappingURL=TextArea.js.map

package/dist/cjs/views/TextArea.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/TextArea.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB,+BACtB,cAAuB,0BAEvB,sBAAoC,oCAEpC,eAAyD,oBAuChD;AAjCF,MAAM,oBAAgB,oBAAO,yBAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA;AAAA,EAEX,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAIY,WAAW,cAAc,UAA2B,CAAC,SAAS,QAAQ;AACjF,QAAM,YAAQ,4BAAc,SAAS,GAAG,GAElC,YAAY;AAAA;AAAA,IAEhB,CAAC,yBAAQ,SAAS,eAAe,GAAG,QAAQ,WAAW,SAAY;AAAA,EACrE;AACA,SAAO,4CAAC,iBAAe,GAAG,WAAY,GAAG,OAAO;AAClD,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB,+BACtB,cAAwC,0BAExC,sBAAoC,oCAEpC,eAAyD,oBACzD,mBAAkC,+BAClC,eAAkC,kBA0DvB;AApDJ,MAAM,oBAAgB,oBAAO,yBAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA;AAAA,EAEX,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAIY,WAAW,cAAc;AAAA,EACpC,CAAC,SAAS,iBAAiB;AACzB,UAAM,UAAM,qBAAc,IAAI,GACxB,mBAAe,6BAAgB,cAAc,GAAG,GAEhD,YAAQ,4BAAc,SAAS,YAAY,GAE3C,YAAY;AAAA;AAAA,MAEhB,CAAC,yBAAQ,SAAS,eAAe,GAAG,QAAQ,WAAW,SAAY;AAAA,IACrE;AAgBA,WAAO,4CAAC,iBAAe,GAAG,WAAY,GAAG,OAAO;AAAA,EAClD;AACF;",
   "names": []
 }

package/dist/cjs/views/TextArea.native.js

@@ -19,7 +19,7 @@ __export(TextArea_exports, {
   TextAreaFrame: () => TextAreaFrame
 });
 module.exports = __toCommonJS(TextArea_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_inputHelpers = require("../helpers/inputHelpers"), import_Input = require("./Input");
+var import_jsx_runtime = require("react/jsx-runtime"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_inputHelpers = require("../helpers/inputHelpers"), import_Input = require("./Input"), import_focusable = require("@tamagui/focusable"), import_react = require("react");
 function _define_property(obj, key, value) {
   return key in obj ? Object.defineProperty(obj, key, {
     value,
@@ -57,12 +57,25 @@ var TextAreaFrame = (0, import_core.styled)(import_Input.InputFrame, {
   defaultVariants: {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
-}), TextArea = TextAreaFrame.styleable(function(propsIn, ref) {
-  var props = (0, import_Input.useInputProps)(propsIn, ref), linesProp = (
+}), TextArea = TextAreaFrame.styleable(function(propsIn, forwardedRef) {
+  var ref = (0, import_react.useRef)(null), composedRefs = (0, import_core.useComposedRefs)(forwardedRef, ref), props = (0, import_Input.useInputProps)(propsIn, composedRefs), linesProp = (
     // web uses rows now, but native not caught up :/
     _define_property({}, import_constants.isWeb ? "rows" : "numberOfLines", propsIn.unstyled ? void 0 : 4)
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextAreaFrame, _object_spread({}, linesProp, props));
+  return (0, import_react.useEffect)(function() {
+    if (props.id && !props.disabled)
+      return (0, import_focusable.registerFocusable)(props.id, {
+        focusAndSelect: function() {
+          var _ref_current;
+          (_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.focus();
+        },
+        focus: function() {
+        }
+      });
+  }, [
+    props.id,
+    props.disabled
+  ]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextAreaFrame, _object_spread({}, linesProp, props));
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/views/TextArea.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Users/n8/tamagui/packages/tamagui/src/views/TextArea.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;uDAAA,mBAAsB,+BACtB,cAAuB,0BAEvB,sBAAoC,oCAEpC,eAAyD;;;;;;;;;;;;;;;;;;;;AAMlD,IAAMA,oBAAgBC,oBAAOC,yBAAY;EAC9CC,MAAM;EACNC,WAAW;;EAEXC,YAAY;EAEZC,UAAU;IACRC,UAAU;MACRC,OAAO,eAAA;QACLC,QAAQ;SACLC,0BAAAA;IAEP;IAEAC,MAAM;MACJ,WAAWC;IACb;EACF;EAEAC,iBAAiB;IACfN,UAAUO,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA,GAIaC,WAAWjB,cAAckB,UAA2B,SAACC,SAASC,KAAAA;AACzE,MAAMC,YAAQC,4BAAcH,SAASC,GAAAA,GAE/BG;;IAEJ,iBAAA,CAAA,GAACC,yBAAQ,SAAS,iBAAkBL,QAAQZ,WAAWkB,SAAY,CAAA;;AAErE,SAAO,uCAAAC,KAAC1B,eAAAA,eAAAA,CAAAA,GAAkBuB,WAAeF,KAAAA,CAAAA;AAC3C,CAAA;",
-  "names": ["TextAreaFrame", "styled", "InputFrame", "name", "multiline", "whiteSpace", "variants", "unstyled", "false", "height", "defaultStyles", "size", "textAreaSizeVariant", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "TextArea", "styleable", "propsIn", "ref", "props", "useInputProps", "linesProp", "isWeb", "undefined", "_jsx"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;uDAAA,mBAAsB,+BACtB,cAAwC,0BAExC,sBAAoC,oCAEpC,eAAyD,oBACzD,mBAAkC,+BAClC,eAAkC;;;;;;;;;;;;;;;;;;;;AAM3B,IAAMA,oBAAgBC,oBAAOC,yBAAY;EAC9CC,MAAM;EACNC,WAAW;;EAEXC,YAAY;EAEZC,UAAU;IACRC,UAAU;MACRC,OAAO,eAAA;QACLC,QAAQ;SACLC,0BAAAA;IAEP;IAEAC,MAAM;MACJ,WAAWC;IACb;EACF;EAEAC,iBAAiB;IACfN,UAAUO,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA,GAIaC,WAAWjB,cAAckB,UACpC,SAACC,SAASC,cAAAA;AACR,MAAMC,UAAMC,qBAAc,IAAA,GACpBC,mBAAeC,6BAAgBJ,cAAcC,GAAAA,GAE7CI,YAAQC,4BAAcP,SAASI,YAAAA,GAE/BI;;IAEJ,iBAAA,CAAA,GAACC,yBAAQ,SAAS,iBAAkBT,QAAQZ,WAAWsB,SAAY,CAAA;;AAInEC,qCAAU,WAAA;AACR,QAAKL,MAAMM,MACPN,OAAMO;AAEV,iBAAOC,oCAAkBR,MAAMM,IAAI;QACjCG,gBAAgB,WAAA;cACdb;WAAAA,eAAAA,IAAIc,aAAO,QAAXd,iBAAAA,UAAAA,aAAae,MAAK;QACpB;QACAA,OAAO,WAAA;QAAO;MAChB,CAAA;EACF,GAAG;IAACX,MAAMM;IAAIN,MAAMO;GAAS,GAGxB,uCAAAK,KAACrC,eAAAA,eAAAA,CAAAA,GAAkB2B,WAAeF,KAAAA,CAAAA;AAC3C,CAAA;",
+  "names": ["TextAreaFrame", "styled", "InputFrame", "name", "multiline", "whiteSpace", "variants", "unstyled", "false", "height", "defaultStyles", "size", "textAreaSizeVariant", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "TextArea", "styleable", "propsIn", "forwardedRef", "ref", "useRef", "composedRefs", "useComposedRefs", "props", "useInputProps", "linesProp", "isWeb", "undefined", "useEffect", "id", "disabled", "registerFocusable", "focusAndSelect", "current", "focus", "_jsx"]
 }

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import "./setup";
+
 export * from "@tamagui/accordion";
 export * from "@tamagui/adapt";
 export * from "@tamagui/alert-dialog";

package/dist/esm/index.mjs

@@ -1,4 +1,3 @@
-import "./setup.mjs";
 export * from "@tamagui/accordion";
 export * from "@tamagui/adapt";
 export * from "@tamagui/alert-dialog";

package/dist/esm/setup.js

@@ -1,4 +1,4 @@
-import "@tamagui/polyfill-dev";
+
 import * as React from "react";
 globalThis.React ||= React;
 typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = setImmediate);

package/dist/esm/setup.mjs

@@ -1,4 +1,3 @@
-import "@tamagui/polyfill-dev";
 import * as React from "react";
 globalThis.React ||= React;
 typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = setImmediate);

package/dist/esm/views/Input.js

@@ -1,8 +1,9 @@
 import { isWeb } from "@tamagui/constants";
-import { styled, useTheme } from "@tamagui/core";
+import { styled, useComposedRefs, useTheme } from "@tamagui/core";
 import { useFocusable } from "@tamagui/focusable";
 import { TextInput } from "react-native-web";
 import { inputSizeVariant } from "../helpers/inputHelpers";
+import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 const defaultStyles = {
   size: "$true",
@@ -56,8 +57,8 @@ const defaultStyles = {
       selectionColor: "color"
     }
   }
-), Input = InputFrame.styleable((propsIn, ref) => {
-  const props = useInputProps(propsIn, ref);
+), Input = InputFrame.styleable((propsIn, forwardedRef) => {
+  const ref = useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), props = useInputProps(propsIn, composedRefs);
   return /* @__PURE__ */ jsx(InputFrame, { ...props });
 });
 function useInputProps(props, ref) {

package/dist/esm/views/Input.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Input.tsx"],
-  "mappings": "AAAA,SAAS,aAAa;AAEtB,SAAS,QAAQ,gBAAgB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAqFxB;AAnFF,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EAEP,GAAI,QACA;AAAA,IACE,UAAU;AAAA,EACZ,IACA;AAAA,IACE,WAAW;AAAA,EACb;AAAA,EAEJ,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA,EAGjB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,mBAAmB;AAAA,IACjB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AACF,GAEa,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IAEN,UAAU;AAAA,MACR,UAAU;AAAA,QACR,OAAO;AAAA,MACT;AAAA,MAEA,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MAEA,UAAU;AAAA,QACR,MAAM,CAAC;AAAA,MACT;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,IAC7C;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IAET,QAAQ;AAAA,MACN,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,IAClB;AAAA,EACF;AACF,GAca,QAAQ,WAAW,UAA2B,CAAC,SAAS,QAAQ;AAC3E,QAAM,QAAQ,cAAc,SAAS,GAAG;AACxC,SAAO,oBAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AACzD,QAAM,QAAQ,SAAS,GACjB,EAAE,cAAc,KAAK,YAAY,IAAI,aAAa;AAAA;AAAA,IAEtD;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC,GAEK,uBAAuB,MAAM,sBAC7B,uBACJ,MAAM,oBAA2B,GAAG,IAAI,KACxC,wBACA,MAAM,kBAAkB,IAAI;AAE9B,SAAO;AAAA,IACL,KAAK;AAAA,IACL,UAAU,MAAM;AAAA,IAChB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF;",
+  "mappings": "AAAA,SAAS,aAAa;AAEtB,SAAS,QAAQ,iBAAiB,gBAAgB;AAClD,SAA4B,oBAAoB;AAChD,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AACjC,SAAoB,cAAc;AAsGzB;AApGF,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EAEP,GAAI,QACA;AAAA,IACE,UAAU;AAAA,EACZ,IACA;AAAA,IACE,WAAW;AAAA,EACb;AAAA,EAEJ,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA,EAGjB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,mBAAmB;AAAA,IACjB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AACF,GAEa,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IAEN,UAAU;AAAA,MACR,UAAU;AAAA,QACR,OAAO;AAAA,MACT;AAAA,MAEA,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MAEA,UAAU;AAAA,QACR,MAAM,CAAC;AAAA,MACT;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,IAC7C;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IAET,QAAQ;AAAA,MACN,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,IAClB;AAAA,EACF;AACF,GAca,QAAQ,WAAW,UAA2B,CAAC,SAAS,iBAAiB;AACpF,QAAM,MAAM,OAAc,IAAI,GACxB,eAAe,gBAAgB,cAAc,GAAG,GAChD,QAAQ,cAAc,SAAS,YAAY;AAgBjD,SAAO,oBAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AACzD,QAAM,QAAQ,SAAS,GACjB,EAAE,cAAc,KAAK,YAAY,IAAI,aAAa;AAAA;AAAA,IAEtD;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC,GAEK,uBAAuB,MAAM,sBAC7B,uBACJ,MAAM,oBAA2B,GAAG,IAAI,KACxC,wBACA,MAAM,kBAAkB,IAAI;AAE9B,SAAO;AAAA,IACL,KAAK;AAAA,IACL,UAAU,MAAM;AAAA,IAChB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/views/Input.mjs

@@ -1,8 +1,9 @@
 import { isWeb } from "@tamagui/constants";
-import { styled, useTheme } from "@tamagui/core";
+import { styled, useComposedRefs, useTheme } from "@tamagui/core";
 import { useFocusable } from "@tamagui/focusable";
 import { TextInput } from "react-native-web";
 import { inputSizeVariant } from "../helpers/inputHelpers.mjs";
+import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 const defaultStyles = {
     size: "$true",
@@ -54,8 +55,10 @@ const defaultStyles = {
       selectionColor: "color"
     }
   }),
-  Input = InputFrame.styleable((propsIn, ref) => {
-    const props = useInputProps(propsIn, ref);
+  Input = InputFrame.styleable((propsIn, forwardedRef) => {
+    const ref = useRef(null),
+      composedRefs = useComposedRefs(forwardedRef, ref),
+      props = useInputProps(propsIn, composedRefs);
     return /* @__PURE__ */jsx(InputFrame, {
       ...props
     });

package/dist/esm/views/Input.native.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { isWeb } from "@tamagui/constants";
-import { styled, useTheme } from "@tamagui/core";
-import { useFocusable } from "@tamagui/focusable";
+import { styled, useComposedRefs, useTheme } from "@tamagui/core";
+import { registerFocusable, useFocusable } from "@tamagui/focusable";
 import { TextInput } from "react-native";
 import { inputSizeVariant } from "../helpers/inputHelpers";
+import { useEffect, useRef } from "react";
 function _define_property(obj, key, value) {
   return key in obj ? Object.defineProperty(obj, key, {
     value,
@@ -86,9 +87,22 @@ var defaultStyles = _object_spread_props(_object_spread({
     placeholderTextColor: "color",
     selectionColor: "color"
   }
-}), Input = InputFrame.styleable(function(propsIn, ref) {
-  var props = useInputProps(propsIn, ref);
-  return /* @__PURE__ */ _jsx(InputFrame, _object_spread({}, props));
+}), Input = InputFrame.styleable(function(propsIn, forwardedRef) {
+  var ref = useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), props = useInputProps(propsIn, composedRefs);
+  return useEffect(function() {
+    if (props.id && !props.disabled)
+      return registerFocusable(props.id, {
+        focusAndSelect: function() {
+          var _ref_current;
+          (_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.focus();
+        },
+        focus: function() {
+        }
+      });
+  }, [
+    props.id,
+    props.disabled
+  ]), /* @__PURE__ */ _jsx(InputFrame, _object_spread({}, props));
 });
 function useInputProps(props, ref) {
   var _theme_placeholderColorProp, _theme_placeholderColor, theme = useTheme(), _useFocusable = useFocusable({

package/dist/esm/views/Input.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Users/n8/tamagui/packages/tamagui/src/views/Input.tsx"],
-  "mappings": ";AAAA,SAASA,aAAa;AAEtB,SAASC,QAAQC,gBAAgB;AACjC,SAASC,oBAAoB;AAC7B,SAASC,iBAAiB;AAE1B,SAASC,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE1B,IAAMC,gBAAgB,qBAAA,eAAA;EAC3BC,MAAM;EACNC,YAAY;EACZC,aAAa;EACbC,cAAc;EACdC,OAAO;GAEHX,QACA;EACEY,UAAU;AACZ,IACA;EACEC,WAAW;AACb,CAAA,GAAA;EAEJC,aAAa;EACbC,iBAAiB;;EAGjBC,UAAU;EAEVC,YAAY;IACVH,aAAa;EACf;EAEAI,YAAY;IACVJ,aAAa;EACf;EAEAK,mBAAmB;IACjBC,cAAc;IACdV,cAAc;IACdW,cAAc;EAChB;IAGWC,aAAarB,OACxBG,WACA;EACEmB,MAAM;EAENC,UAAU;IACRC,UAAU;MACRC,OAAOpB;IACT;IAEAC,MAAM;MACJ,WAAWF;IACb;IAEAsB,UAAU;MACRC,MAAM,CAAC;IACT;EACF;EAEAC,iBAAiB;IACfJ,UAAUK,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,GACA;EACEC,SAAS;EAETC,QAAQ;IACNC,sBAAsB;IACtBC,gBAAgB;EAClB;AACF,CAAA,GAeWC,QAAQf,WAAWgB,UAA2B,SAACC,SAASC,KAAAA;AACnE,MAAMC,QAAQC,cAAcH,SAASC,GAAAA;AACrC,SAAO,qBAAClB,YAAAA,eAAAA,CAAAA,GAAemB,KAAAA,CAAAA;AACzB,CAAA;AAEO,SAASC,cAAcD,OAAmBD,KAAQ;MAWrDG,6BAEAA,yBAZIA,QAAQzC,SAAAA,GAC6BC,gBAAAA,aAAa;;IAEtDsC;IACAD;IACAP,SAAS;EACX,CAAA,GALQW,eAAmCzC,cAAnCyC,cAAmBC,cAAgB1C,cAArBqC,KAOhBM,uBAAuBL,MAAMN,sBAEjCQ,iCAAAA,MADIR,wBACJQ,QAAAA,mCAAAA,8BAAAA,MAAMG,oBAAAA,OAA4B,QAAlCH,gCAAAA,SAAAA,SAAAA,4BAAoCI,IAAG,OAAA,QAAvCJ,oCAAAA,SAAAA,kCACAG,0BAAAA,QADAH,SAAAA,SAAAA,QAEAA,0BAAAA,MAAMK,sBAAgB,QAAtBL,4BAAAA,SAAAA,SAAAA,wBAAwBI,IAAG;AAE7B,SAAO,qBAAA,eAAA;IACLP,KAAKK;IACLI,UAAUR,MAAMd;KACbc,KAAAA,GAAAA;IACHN;IACAS;;AAEJ;",
-  "names": ["isWeb", "styled", "useTheme", "useFocusable", "TextInput", "inputSizeVariant", "defaultStyles", "size", "fontFamily", "borderWidth", "outlineWidth", "color", "tabIndex", "focusable", "borderColor", "backgroundColor", "minWidth", "hoverStyle", "focusStyle", "focusVisibleStyle", "outlineColor", "outlineStyle", "InputFrame", "name", "variants", "unstyled", "false", "disabled", "true", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "isInput", "accept", "placeholderTextColor", "selectionColor", "Input", "styleable", "propsIn", "ref", "props", "useInputProps", "theme", "onChangeText", "combinedRef", "placeholderColorProp", "get", "placeholderColor", "readOnly"]
+  "mappings": ";AAAA,SAASA,aAAa;AAEtB,SAASC,QAAQC,iBAAiBC,gBAAgB;AAClD,SAASC,mBAAmBC,oBAAoB;AAChD,SAASC,iBAAiB;AAE1B,SAASC,wBAAwB;AACjC,SAASC,WAAWC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3B,IAAMC,gBAAgB,qBAAA,eAAA;EAC3BC,MAAM;EACNC,YAAY;EACZC,aAAa;EACbC,cAAc;EACdC,OAAO;GAEHf,QACA;EACEgB,UAAU;AACZ,IACA;EACEC,WAAW;AACb,CAAA,GAAA;EAEJC,aAAa;EACbC,iBAAiB;;EAGjBC,UAAU;EAEVC,YAAY;IACVH,aAAa;EACf;EAEAI,YAAY;IACVJ,aAAa;EACf;EAEAK,mBAAmB;IACjBC,cAAc;IACdV,cAAc;IACdW,cAAc;EAChB;IAGWC,aAAazB,OACxBK,WACA;EACEqB,MAAM;EAENC,UAAU;IACRC,UAAU;MACRC,OAAOpB;IACT;IAEAC,MAAM;MACJ,WAAWJ;IACb;IAEAwB,UAAU;MACRC,MAAM,CAAC;IACT;EACF;EAEAC,iBAAiB;IACfJ,UAAUK,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,GACA;EACEC,SAAS;EAETC,QAAQ;IACNC,sBAAsB;IACtBC,gBAAgB;EAClB;AACF,CAAA,GAeWC,QAAQf,WAAWgB,UAA2B,SAACC,SAASC,cAAAA;AACnE,MAAMC,MAAMpC,OAAc,IAAA,GACpBqC,eAAe5C,gBAAgB0C,cAAcC,GAAAA,GAC7CE,QAAQC,cAAcL,SAASG,YAAAA;AAGnCtC,mBAAU,WAAA;AACR,QAAKuC,MAAME,MACPF,OAAMhB;AAEV,aAAO3B,kBAAkB2C,MAAME,IAAI;QACjCC,gBAAgB,WAAA;cACdL;WAAAA,eAAAA,IAAIM,aAAO,QAAXN,iBAAAA,UAAAA,aAAaO,MAAK;QACpB;QACAA,OAAO,WAAA;QAAO;MAChB,CAAA;EACF,GAAG;IAACL,MAAME;IAAIF,MAAMhB;GAAS,GAGxB,qBAACL,YAAAA,eAAAA,CAAAA,GAAeqB,KAAAA,CAAAA;AACzB,CAAA;AAEO,SAASC,cAAcD,OAAmBF,KAAQ;MAWrDQ,6BAEAA,yBAZIA,QAAQlD,SAAAA,GAC6BE,gBAAAA,aAAa;;IAEtD0C;IACAF;IACAR,SAAS;EACX,CAAA,GALQiB,eAAmCjD,cAAnCiD,cAAmBC,cAAgBlD,cAArBwC,KAOhBW,uBAAuBT,MAAMR,sBAEjCc,iCAAAA,MADId,wBACJc,QAAAA,mCAAAA,8BAAAA,MAAMG,oBAAAA,OAA4B,QAAlCH,gCAAAA,SAAAA,SAAAA,4BAAoCI,IAAG,OAAA,QAAvCJ,oCAAAA,SAAAA,kCACAG,0BAAAA,QADAH,SAAAA,SAAAA,QAEAA,0BAAAA,MAAMK,sBAAgB,QAAtBL,4BAAAA,SAAAA,SAAAA,wBAAwBI,IAAG;AAE7B,SAAO,qBAAA,eAAA;IACLZ,KAAKU;IACLI,UAAUZ,MAAMhB;KACbgB,KAAAA,GAAAA;IACHR;IACAe;;AAEJ;",
+  "names": ["isWeb", "styled", "useComposedRefs", "useTheme", "registerFocusable", "useFocusable", "TextInput", "inputSizeVariant", "useEffect", "useRef", "defaultStyles", "size", "fontFamily", "borderWidth", "outlineWidth", "color", "tabIndex", "focusable", "borderColor", "backgroundColor", "minWidth", "hoverStyle", "focusStyle", "focusVisibleStyle", "outlineColor", "outlineStyle", "InputFrame", "name", "variants", "unstyled", "false", "disabled", "true", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "isInput", "accept", "placeholderTextColor", "selectionColor", "Input", "styleable", "propsIn", "forwardedRef", "ref", "composedRefs", "props", "useInputProps", "id", "focusAndSelect", "current", "focus", "theme", "onChangeText", "combinedRef", "placeholderColorProp", "get", "placeholderColor", "readOnly"]
 }

package/dist/esm/views/TextArea.js

@@ -1,7 +1,9 @@
 import { isWeb } from "@tamagui/constants";
-import { styled } from "@tamagui/core";
+import { styled, useComposedRefs } from "@tamagui/core";
 import { textAreaSizeVariant } from "../helpers/inputHelpers";
 import { InputFrame, defaultStyles, useInputProps } from "./Input";
+
+import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 const TextAreaFrame = styled(InputFrame, {
   name: "TextArea",
@@ -22,13 +24,15 @@ const TextAreaFrame = styled(InputFrame, {
   defaultVariants: {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
-}), TextArea = TextAreaFrame.styleable((propsIn, ref) => {
-  const props = useInputProps(propsIn, ref), linesProp = {
-    // web uses rows now, but native not caught up :/
-    [isWeb ? "rows" : "numberOfLines"]: propsIn.unstyled ? void 0 : 4
-  };
-  return /* @__PURE__ */ jsx(TextAreaFrame, { ...linesProp, ...props });
-});
+}), TextArea = TextAreaFrame.styleable(
+  (propsIn, forwardedRef) => {
+    const ref = useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), props = useInputProps(propsIn, composedRefs), linesProp = {
+      // web uses rows now, but native not caught up :/
+      [isWeb ? "rows" : "numberOfLines"]: propsIn.unstyled ? void 0 : 4
+    };
+    return /* @__PURE__ */ jsx(TextAreaFrame, { ...linesProp, ...props });
+  }
+);
 export {
   TextArea,
   TextAreaFrame

package/dist/esm/views/TextArea.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/TextArea.tsx"],
-  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,cAAc;AAEvB,SAAS,2BAA2B;AAEpC,SAAS,YAAY,eAAe,qBAAqB;AAuChD;AAjCF,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA;AAAA,EAEX,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAIY,WAAW,cAAc,UAA2B,CAAC,SAAS,QAAQ;AACjF,QAAM,QAAQ,cAAc,SAAS,GAAG,GAElC,YAAY;AAAA;AAAA,IAEhB,CAAC,QAAQ,SAAS,eAAe,GAAG,QAAQ,WAAW,SAAY;AAAA,EACrE;AACA,SAAO,oBAAC,iBAAe,GAAG,WAAY,GAAG,OAAO;AAClD,CAAC;",
+  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,QAAQ,uBAAuB;AAExC,SAAS,2BAA2B;AAEpC,SAAS,YAAY,eAAe,qBAAqB;AACzD,OAAkC;AAClC,SAAoB,cAAc;AA0DvB;AApDJ,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA;AAAA,EAEX,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAIY,WAAW,cAAc;AAAA,EACpC,CAAC,SAAS,iBAAiB;AACzB,UAAM,MAAM,OAAc,IAAI,GACxB,eAAe,gBAAgB,cAAc,GAAG,GAEhD,QAAQ,cAAc,SAAS,YAAY,GAE3C,YAAY;AAAA;AAAA,MAEhB,CAAC,QAAQ,SAAS,eAAe,GAAG,QAAQ,WAAW,SAAY;AAAA,IACrE;AAgBA,WAAO,oBAAC,iBAAe,GAAG,WAAY,GAAG,OAAO;AAAA,EAClD;AACF;",
   "names": []
 }

package/dist/esm/views/TextArea.mjs

@@ -1,7 +1,8 @@
 import { isWeb } from "@tamagui/constants";
-import { styled } from "@tamagui/core";
+import { styled, useComposedRefs } from "@tamagui/core";
 import { textAreaSizeVariant } from "../helpers/inputHelpers.mjs";
 import { InputFrame, defaultStyles, useInputProps } from "./Input.mjs";
+import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 const TextAreaFrame = styled(InputFrame, {
     name: "TextArea",
@@ -23,8 +24,10 @@ const TextAreaFrame = styled(InputFrame, {
       unstyled: process.env.TAMAGUI_HEADLESS === "1"
     }
   }),
-  TextArea = TextAreaFrame.styleable((propsIn, ref) => {
-    const props = useInputProps(propsIn, ref),
+  TextArea = TextAreaFrame.styleable((propsIn, forwardedRef) => {
+    const ref = useRef(null),
+      composedRefs = useComposedRefs(forwardedRef, ref),
+      props = useInputProps(propsIn, composedRefs),
       linesProp = {
         // web uses rows now, but native not caught up :/
         [isWeb ? "rows" : "numberOfLines"]: propsIn.unstyled ? void 0 : 4

package/dist/esm/views/TextArea.native.js

@@ -1,8 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { isWeb } from "@tamagui/constants";
-import { styled } from "@tamagui/core";
+import { styled, useComposedRefs } from "@tamagui/core";
 import { textAreaSizeVariant } from "../helpers/inputHelpers";
 import { InputFrame, defaultStyles, useInputProps } from "./Input";
+import { registerFocusable } from "@tamagui/focusable";
+import { useEffect, useRef } from "react";
 function _define_property(obj, key, value) {
   return key in obj ? Object.defineProperty(obj, key, {
     value,
@@ -40,12 +42,25 @@ var TextAreaFrame = styled(InputFrame, {
   defaultVariants: {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
-}), TextArea = TextAreaFrame.styleable(function(propsIn, ref) {
-  var props = useInputProps(propsIn, ref), linesProp = (
+}), TextArea = TextAreaFrame.styleable(function(propsIn, forwardedRef) {
+  var ref = useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), props = useInputProps(propsIn, composedRefs), linesProp = (
     // web uses rows now, but native not caught up :/
     _define_property({}, isWeb ? "rows" : "numberOfLines", propsIn.unstyled ? void 0 : 4)
   );
-  return /* @__PURE__ */ _jsx(TextAreaFrame, _object_spread({}, linesProp, props));
+  return useEffect(function() {
+    if (props.id && !props.disabled)
+      return registerFocusable(props.id, {
+        focusAndSelect: function() {
+          var _ref_current;
+          (_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.focus();
+        },
+        focus: function() {
+        }
+      });
+  }, [
+    props.id,
+    props.disabled
+  ]), /* @__PURE__ */ _jsx(TextAreaFrame, _object_spread({}, linesProp, props));
 });
 export {
   TextArea,

package/dist/esm/views/TextArea.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Users/n8/tamagui/packages/tamagui/src/views/TextArea.tsx"],
-  "mappings": ";AAAA,SAASA,aAAa;AACtB,SAASC,cAAc;AAEvB,SAASC,2BAA2B;AAEpC,SAASC,YAAYC,eAAeC,qBAAqB;;;;;;;;;;;;;;;;;;;;AAMlD,IAAMC,gBAAgBL,OAAOE,YAAY;EAC9CI,MAAM;EACNC,WAAW;;EAEXC,YAAY;EAEZC,UAAU;IACRC,UAAU;MACRC,OAAO,eAAA;QACLC,QAAQ;SACLT,aAAAA;IAEP;IAEAU,MAAM;MACJ,WAAWZ;IACb;EACF;EAEAa,iBAAiB;IACfJ,UAAUK,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA,GAIaC,WAAWb,cAAcc,UAA2B,SAACC,SAASC,KAAAA;AACzE,MAAMC,QAAQlB,cAAcgB,SAASC,GAAAA,GAE/BE;;IAEJ,iBAAA,CAAA,GAACxB,QAAQ,SAAS,iBAAkBqB,QAAQV,WAAWc,SAAY,CAAA;;AAErE,SAAO,qBAACnB,eAAAA,eAAAA,CAAAA,GAAkBkB,WAAeD,KAAAA,CAAAA;AAC3C,CAAA;",
-  "names": ["isWeb", "styled", "textAreaSizeVariant", "InputFrame", "defaultStyles", "useInputProps", "TextAreaFrame", "name", "multiline", "whiteSpace", "variants", "unstyled", "false", "height", "size", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "TextArea", "styleable", "propsIn", "ref", "props", "linesProp", "undefined"]
+  "mappings": ";AAAA,SAASA,aAAa;AACtB,SAASC,QAAQC,uBAAuB;AAExC,SAASC,2BAA2B;AAEpC,SAASC,YAAYC,eAAeC,qBAAqB;AACzD,SAASC,yBAAyB;AAClC,SAASC,WAAWC,cAAc;;;;;;;;;;;;;;;;;;;;AAM3B,IAAMC,gBAAgBT,OAAOG,YAAY;EAC9CO,MAAM;EACNC,WAAW;;EAEXC,YAAY;EAEZC,UAAU;IACRC,UAAU;MACRC,OAAO,eAAA;QACLC,QAAQ;SACLZ,aAAAA;IAEP;IAEAa,MAAM;MACJ,WAAWf;IACb;EACF;EAEAgB,iBAAiB;IACfJ,UAAUK,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA,GAIaC,WAAWb,cAAcc,UACpC,SAACC,SAASC,cAAAA;AACR,MAAMC,MAAMlB,OAAc,IAAA,GACpBmB,eAAe1B,gBAAgBwB,cAAcC,GAAAA,GAE7CE,QAAQvB,cAAcmB,SAASG,YAAAA,GAE/BE;;IAEJ,iBAAA,CAAA,GAAC9B,QAAQ,SAAS,iBAAkByB,QAAQV,WAAWgB,SAAY,CAAA;;AAInEvB,mBAAU,WAAA;AACR,QAAKqB,MAAMG,MACPH,OAAMI;AAEV,aAAO1B,kBAAkBsB,MAAMG,IAAI;QACjCE,gBAAgB,WAAA;cACdP;WAAAA,eAAAA,IAAIQ,aAAO,QAAXR,iBAAAA,UAAAA,aAAaS,MAAK;QACpB;QACAA,OAAO,WAAA;QAAO;MAChB,CAAA;EACF,GAAG;IAACP,MAAMG;IAAIH,MAAMI;GAAS,GAGxB,qBAACvB,eAAAA,eAAAA,CAAAA,GAAkBoB,WAAeD,KAAAA,CAAAA;AAC3C,CAAA;",
+  "names": ["isWeb", "styled", "useComposedRefs", "textAreaSizeVariant", "InputFrame", "defaultStyles", "useInputProps", "registerFocusable", "useEffect", "useRef", "TextAreaFrame", "name", "multiline", "whiteSpace", "variants", "unstyled", "false", "height", "size", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "TextArea", "styleable", "propsIn", "forwardedRef", "ref", "composedRefs", "props", "linesProp", "undefined", "id", "disabled", "focusAndSelect", "current", "focus"]
 }

package/dist/jsx/index.js

@@ -1,4 +1,4 @@
-import "./setup";
+
 export * from "@tamagui/accordion";
 export * from "@tamagui/adapt";
 export * from "@tamagui/alert-dialog";

package/dist/jsx/index.mjs

@@ -1,4 +1,3 @@
-import "./setup.mjs";
 export * from "@tamagui/accordion";
 export * from "@tamagui/adapt";
 export * from "@tamagui/alert-dialog";

package/dist/jsx/setup.js

@@ -1,4 +1,4 @@
-import "@tamagui/polyfill-dev";
+
 import * as React from "react";
 globalThis.React ||= React;
 typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = setImmediate);

package/dist/jsx/setup.mjs

@@ -1,4 +1,3 @@
-import "@tamagui/polyfill-dev";
 import * as React from "react";
 globalThis.React ||= React;
 typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = setImmediate);

package/dist/jsx/views/Input.js

@@ -1,8 +1,9 @@
 import { isWeb } from "@tamagui/constants";
-import { styled, useTheme } from "@tamagui/core";
+import { styled, useComposedRefs, useTheme } from "@tamagui/core";
 import { useFocusable } from "@tamagui/focusable";
 import { TextInput } from "react-native-web";
 import { inputSizeVariant } from "../helpers/inputHelpers";
+import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 const defaultStyles = {
   size: "$true",
@@ -56,8 +57,8 @@ const defaultStyles = {
       selectionColor: "color"
     }
   }
-), Input = InputFrame.styleable((propsIn, ref) => {
-  const props = useInputProps(propsIn, ref);
+), Input = InputFrame.styleable((propsIn, forwardedRef) => {
+  const ref = useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), props = useInputProps(propsIn, composedRefs);
   return /* @__PURE__ */ jsx(InputFrame, { ...props });
 });
 function useInputProps(props, ref) {

package/dist/jsx/views/Input.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Input.tsx"],
-  "mappings": "AAAA,SAAS,aAAa;AAEtB,SAAS,QAAQ,gBAAgB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAqFxB;AAnFF,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EAEP,GAAI,QACA;AAAA,IACE,UAAU;AAAA,EACZ,IACA;AAAA,IACE,WAAW;AAAA,EACb;AAAA,EAEJ,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA,EAGjB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,mBAAmB;AAAA,IACjB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AACF,GAEa,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IAEN,UAAU;AAAA,MACR,UAAU;AAAA,QACR,OAAO;AAAA,MACT;AAAA,MAEA,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MAEA,UAAU;AAAA,QACR,MAAM,CAAC;AAAA,MACT;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,IAC7C;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IAET,QAAQ;AAAA,MACN,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,IAClB;AAAA,EACF;AACF,GAca,QAAQ,WAAW,UAA2B,CAAC,SAAS,QAAQ;AAC3E,QAAM,QAAQ,cAAc,SAAS,GAAG;AACxC,SAAO,oBAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AACzD,QAAM,QAAQ,SAAS,GACjB,EAAE,cAAc,KAAK,YAAY,IAAI,aAAa;AAAA;AAAA,IAEtD;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC,GAEK,uBAAuB,MAAM,sBAC7B,uBACJ,MAAM,oBAA2B,GAAG,IAAI,KACxC,wBACA,MAAM,kBAAkB,IAAI;AAE9B,SAAO;AAAA,IACL,KAAK;AAAA,IACL,UAAU,MAAM;AAAA,IAChB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF;",
+  "mappings": "AAAA,SAAS,aAAa;AAEtB,SAAS,QAAQ,iBAAiB,gBAAgB;AAClD,SAA4B,oBAAoB;AAChD,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AACjC,SAAoB,cAAc;AAsGzB;AApGF,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EAEP,GAAI,QACA;AAAA,IACE,UAAU;AAAA,EACZ,IACA;AAAA,IACE,WAAW;AAAA,EACb;AAAA,EAEJ,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA,EAGjB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,mBAAmB;AAAA,IACjB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AACF,GAEa,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IAEN,UAAU;AAAA,MACR,UAAU;AAAA,QACR,OAAO;AAAA,MACT;AAAA,MAEA,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MAEA,UAAU;AAAA,QACR,MAAM,CAAC;AAAA,MACT;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,IAC7C;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IAET,QAAQ;AAAA,MACN,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,IAClB;AAAA,EACF;AACF,GAca,QAAQ,WAAW,UAA2B,CAAC,SAAS,iBAAiB;AACpF,QAAM,MAAM,OAAc,IAAI,GACxB,eAAe,gBAAgB,cAAc,GAAG,GAChD,QAAQ,cAAc,SAAS,YAAY;AAgBjD,SAAO,oBAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AACzD,QAAM,QAAQ,SAAS,GACjB,EAAE,cAAc,KAAK,YAAY,IAAI,aAAa;AAAA;AAAA,IAEtD;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC,GAEK,uBAAuB,MAAM,sBAC7B,uBACJ,MAAM,oBAA2B,GAAG,IAAI,KACxC,wBACA,MAAM,kBAAkB,IAAI;AAE9B,SAAO;AAAA,IACL,KAAK;AAAA,IACL,UAAU,MAAM;AAAA,IAChB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/jsx/views/Input.mjs

@@ -1,8 +1,9 @@
 import { isWeb } from "@tamagui/constants";
-import { styled, useTheme } from "@tamagui/core";
+import { styled, useComposedRefs, useTheme } from "@tamagui/core";
 import { useFocusable } from "@tamagui/focusable";
 import { TextInput } from "react-native-web";
 import { inputSizeVariant } from "../helpers/inputHelpers.mjs";
+import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 const defaultStyles = {
     size: "$true",
@@ -54,8 +55,10 @@ const defaultStyles = {
       selectionColor: "color"
     }
   }),
-  Input = InputFrame.styleable((propsIn, ref) => {
-    const props = useInputProps(propsIn, ref);
+  Input = InputFrame.styleable((propsIn, forwardedRef) => {
+    const ref = useRef(null),
+      composedRefs = useComposedRefs(forwardedRef, ref),
+      props = useInputProps(propsIn, composedRefs);
     return /* @__PURE__ */jsx(InputFrame, {
       ...props
     });

package/dist/jsx/views/Input.native.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { isWeb } from "@tamagui/constants";
-import { styled, useTheme } from "@tamagui/core";
-import { useFocusable } from "@tamagui/focusable";
+import { styled, useComposedRefs, useTheme } from "@tamagui/core";
+import { registerFocusable, useFocusable } from "@tamagui/focusable";
 import { TextInput } from "react-native";
 import { inputSizeVariant } from "../helpers/inputHelpers";
+import { useEffect, useRef } from "react";
 function _define_property(obj, key, value) {
   return key in obj ? Object.defineProperty(obj, key, {
     value,
@@ -86,9 +87,22 @@ var defaultStyles = _object_spread_props(_object_spread({
     placeholderTextColor: "color",
     selectionColor: "color"
   }
-}), Input = InputFrame.styleable(function(propsIn, ref) {
-  var props = useInputProps(propsIn, ref);
-  return /* @__PURE__ */ _jsx(InputFrame, _object_spread({}, props));
+}), Input = InputFrame.styleable(function(propsIn, forwardedRef) {
+  var ref = useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), props = useInputProps(propsIn, composedRefs);
+  return useEffect(function() {
+    if (props.id && !props.disabled)
+      return registerFocusable(props.id, {
+        focusAndSelect: function() {
+          var _ref_current;
+          (_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.focus();
+        },
+        focus: function() {
+        }
+      });
+  }, [
+    props.id,
+    props.disabled
+  ]), /* @__PURE__ */ _jsx(InputFrame, _object_spread({}, props));
 });
 function useInputProps(props, ref) {
   var _theme_placeholderColorProp, _theme_placeholderColor, theme = useTheme(), _useFocusable = useFocusable({