tamagui 1.125.19 → 1.125.21

package/dist/cjs/views/Input.cjs

@@ -104,22 +104,20 @@ const defaultStyles = {
   });
 function useInputProps(props, ref) {
   const theme = (0, import_core.useTheme)(),
-    {
-      onChangeText,
-      ref: combinedRef
-    } = (0, import_focusable.useFocusable)({
-      // @ts-ignore
+    focusableProps = (0, import_focusable.useFocusable)({
       props,
       ref,
       isInput: !0
     }),
-    placeholderColorProp = props.placeholderTextColor,
-    placeholderTextColor = theme[placeholderColorProp]?.get() ?? placeholderColorProp ?? theme.placeholderColor?.get();
-  return {
-    ref: combinedRef,
+    placeholderTextColor = import_react.default.useMemo(() => {
+      const placeholderColorProp = props.placeholderTextColor;
+      return theme[placeholderColorProp]?.get() ?? placeholderColorProp ?? theme.placeholderColor?.get();
+    }, [props.placeholderTextColor, theme]);
+  return import_react.default.useMemo(() => ({
+    ref: focusableProps.ref,
     readOnly: props.disabled,
     ...props,
     placeholderTextColor,
-    onChangeText
-  };
+    onChangeText: focusableProps.onChangeText
+  }), [focusableProps.ref, focusableProps.onChangeText, props.disabled, props, placeholderTextColor]);
 }

package/dist/cjs/views/Input.js

@@ -86,18 +86,29 @@ const defaultStyles = {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputFrame, { ...props });
 });
 function useInputProps(props, ref) {
-  const theme = (0, import_core.useTheme)(), { onChangeText, ref: combinedRef } = (0, import_focusable.useFocusable)({
-    // @ts-ignore
+  const theme = (0, import_core.useTheme)(), focusableProps = (0, import_focusable.useFocusable)({
     props,
     ref,
     isInput: !0
-  }), placeholderColorProp = props.placeholderTextColor, placeholderTextColor = theme[placeholderColorProp]?.get() ?? placeholderColorProp ?? theme.placeholderColor?.get();
-  return {
-    ref: combinedRef,
-    readOnly: props.disabled,
-    ...props,
-    placeholderTextColor,
-    onChangeText
-  };
+  }), placeholderTextColor = import_react.default.useMemo(() => {
+    const placeholderColorProp = props.placeholderTextColor;
+    return theme[placeholderColorProp]?.get() ?? placeholderColorProp ?? theme.placeholderColor?.get();
+  }, [props.placeholderTextColor, theme]);
+  return import_react.default.useMemo(
+    () => ({
+      ref: focusableProps.ref,
+      readOnly: props.disabled,
+      ...props,
+      placeholderTextColor,
+      onChangeText: focusableProps.onChangeText
+    }),
+    [
+      focusableProps.ref,
+      focusableProps.onChangeText,
+      props.disabled,
+      props,
+      placeholderTextColor
+    ]
+  );
 }
 //# sourceMappingURL=Input.js.map

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,mBAAkB,2BAClB,mBAAsB,+BAEtB,cAAkD,0BAClD,mBAA6B,+BAC7B,sBAA0B,yBAE1B,sBAAiC,oCAwFxB;AAtFF,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,MAAM,aAAAA,QAAM,OAAc,IAAI,GAC9B,mBAAe,6BAAgB,cAAc,GAAG,GAChD,QAAQ,cAAc,SAAS,YAAY;AAEjD,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,mBAAkB,2BAClB,mBAAsB,+BAEtB,cAAkD,0BAClD,mBAA6B,+BAC7B,sBAA0B,yBAE1B,sBAAiC,oCAwFxB;AAtFF,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,MAAM,aAAAA,QAAM,OAAc,IAAI,GAC9B,mBAAe,6BAAgB,cAAc,GAAG,GAChD,QAAQ,cAAc,SAAS,YAAY;AAEjD,SAAO,4CAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AACzD,QAAM,YAAQ,sBAAS,GACjB,qBAAiB,+BAAa;AAAA,IAClC;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC,GAEK,uBAAuB,aAAAA,QAAM,QAAQ,MAAM;AAC/C,UAAM,uBAAuB,MAAM;AACnC,WACE,MAAM,oBAA2B,GAAG,IAAI,KACxC,wBACA,MAAM,kBAAkB,IAAI;AAAA,EAEhC,GAAG,CAAC,MAAM,sBAAsB,KAAK,CAAC;AAEtC,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL,KAAK,eAAe;AAAA,MACpB,UAAU,MAAM;AAAA,MAChB,GAAG;AAAA,MACH;AAAA,MACA,cAAc,eAAe;AAAA,IAC/B;AAAA,IACA;AAAA,MACE,eAAe;AAAA,MACf,eAAe;AAAA,MACf,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": ["React"]
 }

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

@@ -84,19 +84,32 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(re
   });
 });
 function useInputProps(props, ref) {
-  var _theme_placeholderColorProp, _theme_placeholderColor, theme = (0, import_core.useTheme)(), { onChangeText, ref: combinedRef } = (0, import_focusable.useFocusable)({
-    // @ts-ignore
+  var theme = (0, import_core.useTheme)(), focusableProps = (0, import_focusable.useFocusable)({
     props,
     ref,
     isInput: !0
-  }), placeholderColorProp = props.placeholderTextColor, _theme_placeholderColorProp_get, _ref, placeholderTextColor = (_ref = (_theme_placeholderColorProp_get = (_theme_placeholderColorProp = theme[placeholderColorProp]) === null || _theme_placeholderColorProp === void 0 ? void 0 : _theme_placeholderColorProp.get()) !== null && _theme_placeholderColorProp_get !== void 0 ? _theme_placeholderColorProp_get : placeholderColorProp) !== null && _ref !== void 0 ? _ref : (_theme_placeholderColor = theme.placeholderColor) === null || _theme_placeholderColor === void 0 ? void 0 : _theme_placeholderColor.get();
-  return {
-    ref: combinedRef,
-    readOnly: props.disabled,
-    ...props,
-    placeholderTextColor,
-    onChangeText
-  };
+  }), placeholderTextColor = import_react.default.useMemo(function() {
+    var _theme_placeholderColorProp, _theme_placeholderColor, placeholderColorProp = props.placeholderTextColor, _theme_placeholderColorProp_get, _ref;
+    return (_ref = (_theme_placeholderColorProp_get = (_theme_placeholderColorProp = theme[placeholderColorProp]) === null || _theme_placeholderColorProp === void 0 ? void 0 : _theme_placeholderColorProp.get()) !== null && _theme_placeholderColorProp_get !== void 0 ? _theme_placeholderColorProp_get : placeholderColorProp) !== null && _ref !== void 0 ? _ref : (_theme_placeholderColor = theme.placeholderColor) === null || _theme_placeholderColor === void 0 ? void 0 : _theme_placeholderColor.get();
+  }, [
+    props.placeholderTextColor,
+    theme
+  ]);
+  return import_react.default.useMemo(function() {
+    return {
+      ref: focusableProps.ref,
+      readOnly: props.disabled,
+      ...props,
+      placeholderTextColor,
+      onChangeText: focusableProps.onChangeText
+    };
+  }, [
+    focusableProps.ref,
+    focusableProps.onChangeText,
+    props.disabled,
+    props,
+    placeholderTextColor
+  ]);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Users/n8/tamagui/code/ui/tamagui/src/views/Input.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAClB,mBAAsB,+BAEtB,cAAkD,0BAClD,mBAA6B,+BAC7B,sBAA0B,yBAE1B,sBAAiC,oCAEpBA,gBAAgB;EAC3BC,MAAM;EACNC,YAAY;EACZC,aAAa;EACbC,cAAc;EACdC,OAAO;EAEP,GAAIC,yBACA;IACEC,UAAU;EACZ,IACA;IACEC,WAAW;EACb;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;AACF,GAEaC,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,MAAMC,aAAAA,QAAMC,OAAc,IAAA,GAC1BC,mBAAeC,6BAAgBL,cAAcC,GAAAA,GAC7CK,QAAQC,cAAcR,SAASK,YAAAA;AAErC,SAAO,uCAAAI,KAAC7B,YAAAA;IAAY,GAAG2B;;AACzB,CAAA;AAEO,SAASC,cAAcD,OAAmBL,KAAQ;MAWrDQ,6BAEAA,yBAZIA,YAAQC,sBAAAA,GACR,EAAEC,cAAcV,KAAKW,YAAW,QAAKC,+BAAa;;IAEtDP;IACAL;IACAR,SAAS;EACX,CAAA,GAEMqB,uBAAuBR,MAAMX,sBAEjCc,iCAAAA,MADId,wBACJc,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;IACLd,KAAKW;IACLK,UAAUX,MAAMnB;IAChB,GAAGmB;IACHX;IACAgB;EACF;AACF;",
-  "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", "React", "useRef", "composedRefs", "useComposedRefs", "props", "useInputProps", "_jsx", "theme", "useTheme", "onChangeText", "combinedRef", "useFocusable", "placeholderColorProp", "get", "placeholderColor", "readOnly"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAClB,mBAAsB,+BAEtB,cAAkD,0BAClD,mBAA6B,+BAC7B,sBAA0B,yBAE1B,sBAAiC,oCAEpBA,gBAAgB;EAC3BC,MAAM;EACNC,YAAY;EACZC,aAAa;EACbC,cAAc;EACdC,OAAO;EAEP,GAAIC,yBACA;IACEC,UAAU;EACZ,IACA;IACEC,WAAW;EACb;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;AACF,GAEaC,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,MAAMC,aAAAA,QAAMC,OAAc,IAAA,GAC1BC,mBAAeC,6BAAgBL,cAAcC,GAAAA,GAC7CK,QAAQC,cAAcR,SAASK,YAAAA;AAErC,SAAO,uCAAAI,KAAC7B,YAAAA;IAAY,GAAG2B;;AACzB,CAAA;AAEO,SAASC,cAAcD,OAAmBL,KAAQ;AACvD,MAAMQ,YAAQC,sBAAAA,GACRC,qBAAiBC,+BAAa;IAClCN;IACAL;IACAR,SAAS;EACX,CAAA,GAEME,uBAAuBO,aAAAA,QAAMW,QAAQ,WAAA;QAGvCJ,6BAEAA,yBAJIK,uBAAuBR,MAAMX,sBAEjCc,iCAAAA;AADF,YACEA,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;EAE/B,GAAG;IAACT,MAAMX;IAAsBc;GAAM;AAEtC,SAAOP,aAAAA,QAAMW,QACX,WAAA;WAAO;MACLZ,KAAKU,eAAeV;MACpBgB,UAAUX,MAAMnB;MAChB,GAAGmB;MACHX;MACAuB,cAAcP,eAAeO;IAC/B;KACA;IACEP,eAAeV;IACfU,eAAeO;IACfZ,MAAMnB;IACNmB;IACAX;GACD;AAEL;",
+  "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", "React", "useRef", "composedRefs", "useComposedRefs", "props", "useInputProps", "_jsx", "theme", "useTheme", "focusableProps", "useFocusable", "useMemo", "placeholderColorProp", "get", "placeholderColor", "readOnly", "onChangeText"]
 }

package/dist/esm/views/Input.js

@@ -62,19 +62,30 @@ const defaultStyles = {
   return /* @__PURE__ */ jsx(InputFrame, { ...props });
 });
 function useInputProps(props, ref) {
-  const theme = useTheme(), { onChangeText, ref: combinedRef } = useFocusable({
-    // @ts-ignore
+  const theme = useTheme(), focusableProps = useFocusable({
     props,
     ref,
     isInput: !0
-  }), placeholderColorProp = props.placeholderTextColor, placeholderTextColor = theme[placeholderColorProp]?.get() ?? placeholderColorProp ?? theme.placeholderColor?.get();
-  return {
-    ref: combinedRef,
-    readOnly: props.disabled,
-    ...props,
-    placeholderTextColor,
-    onChangeText
-  };
+  }), placeholderTextColor = React.useMemo(() => {
+    const placeholderColorProp = props.placeholderTextColor;
+    return theme[placeholderColorProp]?.get() ?? placeholderColorProp ?? theme.placeholderColor?.get();
+  }, [props.placeholderTextColor, theme]);
+  return React.useMemo(
+    () => ({
+      ref: focusableProps.ref,
+      readOnly: props.disabled,
+      ...props,
+      placeholderTextColor,
+      onChangeText: focusableProps.onChangeText
+    }),
+    [
+      focusableProps.ref,
+      focusableProps.onChangeText,
+      props.disabled,
+      props,
+      placeholderTextColor
+    ]
+  );
 }
 export {
   Input,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Input.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,aAAa;AAEtB,SAAS,QAAQ,iBAAiB,gBAAgB;AAClD,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAwFxB;AAtFF,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,MAAM,OAAc,IAAI,GAC9B,eAAe,gBAAgB,cAAc,GAAG,GAChD,QAAQ,cAAc,SAAS,YAAY;AAEjD,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,OAAO,WAAW;AAClB,SAAS,aAAa;AAEtB,SAAS,QAAQ,iBAAiB,gBAAgB;AAClD,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAwFxB;AAtFF,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,MAAM,OAAc,IAAI,GAC9B,eAAe,gBAAgB,cAAc,GAAG,GAChD,QAAQ,cAAc,SAAS,YAAY;AAEjD,SAAO,oBAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AACzD,QAAM,QAAQ,SAAS,GACjB,iBAAiB,aAAa;AAAA,IAClC;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC,GAEK,uBAAuB,MAAM,QAAQ,MAAM;AAC/C,UAAM,uBAAuB,MAAM;AACnC,WACE,MAAM,oBAA2B,GAAG,IAAI,KACxC,wBACA,MAAM,kBAAkB,IAAI;AAAA,EAEhC,GAAG,CAAC,MAAM,sBAAsB,KAAK,CAAC;AAEtC,SAAO,MAAM;AAAA,IACX,OAAO;AAAA,MACL,KAAK,eAAe;AAAA,MACpB,UAAU,MAAM;AAAA,MAChB,GAAG;AAAA,MACH;AAAA,MACA,cAAc,eAAe;AAAA,IAC/B;AAAA,IACA;AAAA,MACE,eAAe;AAAA,MACf,eAAe;AAAA,MACf,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/views/Input.mjs

@@ -65,24 +65,22 @@ const defaultStyles = {
   });
 function useInputProps(props, ref) {
   const theme = useTheme(),
-    {
-      onChangeText,
-      ref: combinedRef
-    } = useFocusable({
-      // @ts-ignore
+    focusableProps = useFocusable({
       props,
       ref,
       isInput: !0
     }),
-    placeholderColorProp = props.placeholderTextColor,
-    placeholderTextColor = theme[placeholderColorProp]?.get() ?? placeholderColorProp ?? theme.placeholderColor?.get();
-  return {
-    ref: combinedRef,
+    placeholderTextColor = React.useMemo(() => {
+      const placeholderColorProp = props.placeholderTextColor;
+      return theme[placeholderColorProp]?.get() ?? placeholderColorProp ?? theme.placeholderColor?.get();
+    }, [props.placeholderTextColor, theme]);
+  return React.useMemo(() => ({
+    ref: focusableProps.ref,
     readOnly: props.disabled,
     ...props,
     placeholderTextColor,
-    onChangeText
-  };
+    onChangeText: focusableProps.onChangeText
+  }), [focusableProps.ref, focusableProps.onChangeText, props.disabled, props, placeholderTextColor]);
 }
 export { Input, InputFrame, defaultStyles, useInputProps };
 //# sourceMappingURL=Input.mjs.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","isWeb","styled","useComposedRefs","useTheme","useFocusable","TextInput","inputSizeVariant","jsx","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","useRef","composedRefs","props","useInputProps","theme","onChangeText","combinedRef","placeholderColorProp","get","placeholderColor","readOnly"],"sources":["../../../src/views/Input.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,KAAA,QAAa;AAEtB,SAASC,MAAA,EAAQC,eAAA,EAAiBC,QAAA,QAAgB;AAClD,SAASC,YAAA,QAAoB;AAC7B,SAASC,SAAA,QAAiB;AAE1B,SAASC,gBAAA,QAAwB;AAwFxB,SAAAC,GAAA;AAtFF,MAAMC,aAAA,GAAgB;IAC3BC,IAAA,EAAM;IACNC,UAAA,EAAY;IACZC,WAAA,EAAa;IACbC,YAAA,EAAc;IACdC,KAAA,EAAO;IAEP,IAAIb,KAAA,GACA;MACEc,QAAA,EAAU;IACZ,IACA;MACEC,SAAA,EAAW;IACb;IAEJC,WAAA,EAAa;IACbC,eAAA,EAAiB;IAAA;IAGjBC,QAAA,EAAU;IAEVC,UAAA,EAAY;MACVH,WAAA,EAAa;IACf;IAEAI,UAAA,EAAY;MACVJ,WAAA,EAAa;IACf;IAEAK,iBAAA,EAAmB;MACjBC,YAAA,EAAc;MACdV,YAAA,EAAc;MACdW,YAAA,EAAc;IAChB;EACF;EAEaC,UAAA,GAAavB,MAAA,CACxBI,SAAA,EACA;IACEoB,IAAA,EAAM;IAENC,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAOpB;MACT;MAEAC,IAAA,EAAM;QACJ,WAAWH;MACb;MAEAuB,QAAA,EAAU;QACRC,IAAA,EAAM,CAAC;MACT;IACF;IAEAC,eAAA,EAAiB;MACfJ,QAAA,EAAUK,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,GACA;IACEC,OAAA,EAAS;IAETC,MAAA,EAAQ;MACNC,oBAAA,EAAsB;MACtBC,cAAA,EAAgB;IAClB;EACF,CACF;EAcaC,KAAA,GAAQf,UAAA,CAAWgB,SAAA,CAA2B,CAACC,OAAA,EAASC,YAAA,KAAiB;IACpF,MAAMC,GAAA,GAAM5C,KAAA,CAAM6C,MAAA,CAAc,IAAI;MAC9BC,YAAA,GAAe3C,eAAA,CAAgBwC,YAAA,EAAcC,GAAG;MAChDG,KAAA,GAAQC,aAAA,CAAcN,OAAA,EAASI,YAAY;IAEjD,OAAO,eAAAtC,GAAA,CAACiB,UAAA;MAAY,GAAGsB;IAAA,CAAO;EAChC,CAAC;AAEM,SAASC,cAAcD,KAAA,EAAmBH,GAAA,EAAU;EACzD,MAAMK,KAAA,GAAQ7C,QAAA,CAAS;IACjB;MAAE8C,YAAA;MAAcN,GAAA,EAAKO;IAAY,IAAI9C,YAAA,CAAa;MAAA;MAEtD0C,KAAA;MACAH,GAAA;MACAR,OAAA,EAAS;IACX,CAAC;IAEKgB,oBAAA,GAAuBL,KAAA,CAAMT,oBAAA;IAC7BA,oBAAA,GACJW,KAAA,CAAMG,oBAA2B,GAAGC,GAAA,CAAI,KACxCD,oBAAA,IACAH,KAAA,CAAMK,gBAAA,EAAkBD,GAAA,CAAI;EAE9B,OAAO;IACLT,GAAA,EAAKO,WAAA;IACLI,QAAA,EAAUR,KAAA,CAAMjB,QAAA;IAChB,GAAGiB,KAAA;IACHT,oBAAA;IACAY;EACF;AACF","ignoreList":[]}
+{"version":3,"names":["React","isWeb","styled","useComposedRefs","useTheme","useFocusable","TextInput","inputSizeVariant","jsx","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","useRef","composedRefs","props","useInputProps","theme","focusableProps","useMemo","placeholderColorProp","get","placeholderColor","readOnly","onChangeText"],"sources":["../../../src/views/Input.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,KAAA,QAAa;AAEtB,SAASC,MAAA,EAAQC,eAAA,EAAiBC,QAAA,QAAgB;AAClD,SAASC,YAAA,QAAoB;AAC7B,SAASC,SAAA,QAAiB;AAE1B,SAASC,gBAAA,QAAwB;AAwFxB,SAAAC,GAAA;AAtFF,MAAMC,aAAA,GAAgB;IAC3BC,IAAA,EAAM;IACNC,UAAA,EAAY;IACZC,WAAA,EAAa;IACbC,YAAA,EAAc;IACdC,KAAA,EAAO;IAEP,IAAIb,KAAA,GACA;MACEc,QAAA,EAAU;IACZ,IACA;MACEC,SAAA,EAAW;IACb;IAEJC,WAAA,EAAa;IACbC,eAAA,EAAiB;IAAA;IAGjBC,QAAA,EAAU;IAEVC,UAAA,EAAY;MACVH,WAAA,EAAa;IACf;IAEAI,UAAA,EAAY;MACVJ,WAAA,EAAa;IACf;IAEAK,iBAAA,EAAmB;MACjBC,YAAA,EAAc;MACdV,YAAA,EAAc;MACdW,YAAA,EAAc;IAChB;EACF;EAEaC,UAAA,GAAavB,MAAA,CACxBI,SAAA,EACA;IACEoB,IAAA,EAAM;IAENC,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAOpB;MACT;MAEAC,IAAA,EAAM;QACJ,WAAWH;MACb;MAEAuB,QAAA,EAAU;QACRC,IAAA,EAAM,CAAC;MACT;IACF;IAEAC,eAAA,EAAiB;MACfJ,QAAA,EAAUK,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,GACA;IACEC,OAAA,EAAS;IAETC,MAAA,EAAQ;MACNC,oBAAA,EAAsB;MACtBC,cAAA,EAAgB;IAClB;EACF,CACF;EAcaC,KAAA,GAAQf,UAAA,CAAWgB,SAAA,CAA2B,CAACC,OAAA,EAASC,YAAA,KAAiB;IACpF,MAAMC,GAAA,GAAM5C,KAAA,CAAM6C,MAAA,CAAc,IAAI;MAC9BC,YAAA,GAAe3C,eAAA,CAAgBwC,YAAA,EAAcC,GAAG;MAChDG,KAAA,GAAQC,aAAA,CAAcN,OAAA,EAASI,YAAY;IAEjD,OAAO,eAAAtC,GAAA,CAACiB,UAAA;MAAY,GAAGsB;IAAA,CAAO;EAChC,CAAC;AAEM,SAASC,cAAcD,KAAA,EAAmBH,GAAA,EAAU;EACzD,MAAMK,KAAA,GAAQ7C,QAAA,CAAS;IACjB8C,cAAA,GAAiB7C,YAAA,CAAa;MAClC0C,KAAA;MACAH,GAAA;MACAR,OAAA,EAAS;IACX,CAAC;IAEKE,oBAAA,GAAuBtC,KAAA,CAAMmD,OAAA,CAAQ,MAAM;MAC/C,MAAMC,oBAAA,GAAuBL,KAAA,CAAMT,oBAAA;MACnC,OACEW,KAAA,CAAMG,oBAA2B,GAAGC,GAAA,CAAI,KACxCD,oBAAA,IACAH,KAAA,CAAMK,gBAAA,EAAkBD,GAAA,CAAI;IAEhC,GAAG,CAACN,KAAA,CAAMT,oBAAA,EAAsBW,KAAK,CAAC;EAEtC,OAAOjD,KAAA,CAAMmD,OAAA,CACX,OAAO;IACLP,GAAA,EAAKM,cAAA,CAAeN,GAAA;IACpBW,QAAA,EAAUR,KAAA,CAAMjB,QAAA;IAChB,GAAGiB,KAAA;IACHT,oBAAA;IACAkB,YAAA,EAAcN,cAAA,CAAeM;EAC/B,IACA,CACEN,cAAA,CAAeN,GAAA,EACfM,cAAA,CAAeM,YAAA,EACfT,KAAA,CAAMjB,QAAA,EACNiB,KAAA,EACAT,oBAAA,CAEJ;AACF","ignoreList":[]}

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

@@ -64,29 +64,29 @@ var defaultStyles = {
     });
   });
 function useInputProps(props, ref) {
-  var _theme_placeholderColorProp,
-    _theme_placeholderColor,
-    theme = useTheme(),
-    {
-      onChangeText,
-      ref: combinedRef
-    } = useFocusable({
-      // @ts-ignore
+  var theme = useTheme(),
+    focusableProps = useFocusable({
       props,
       ref,
       isInput: !0
     }),
-    placeholderColorProp = props.placeholderTextColor,
-    _theme_placeholderColorProp_get,
-    _ref,
-    placeholderTextColor = (_ref = (_theme_placeholderColorProp_get = (_theme_placeholderColorProp = theme[placeholderColorProp]) === null || _theme_placeholderColorProp === void 0 ? void 0 : _theme_placeholderColorProp.get()) !== null && _theme_placeholderColorProp_get !== void 0 ? _theme_placeholderColorProp_get : placeholderColorProp) !== null && _ref !== void 0 ? _ref : (_theme_placeholderColor = theme.placeholderColor) === null || _theme_placeholderColor === void 0 ? void 0 : _theme_placeholderColor.get();
-  return {
-    ref: combinedRef,
-    readOnly: props.disabled,
-    ...props,
-    placeholderTextColor,
-    onChangeText
-  };
+    placeholderTextColor = React.useMemo(function () {
+      var _theme_placeholderColorProp,
+        _theme_placeholderColor,
+        placeholderColorProp = props.placeholderTextColor,
+        _theme_placeholderColorProp_get,
+        _ref;
+      return (_ref = (_theme_placeholderColorProp_get = (_theme_placeholderColorProp = theme[placeholderColorProp]) === null || _theme_placeholderColorProp === void 0 ? void 0 : _theme_placeholderColorProp.get()) !== null && _theme_placeholderColorProp_get !== void 0 ? _theme_placeholderColorProp_get : placeholderColorProp) !== null && _ref !== void 0 ? _ref : (_theme_placeholderColor = theme.placeholderColor) === null || _theme_placeholderColor === void 0 ? void 0 : _theme_placeholderColor.get();
+    }, [props.placeholderTextColor, theme]);
+  return React.useMemo(function () {
+    return {
+      ref: focusableProps.ref,
+      readOnly: props.disabled,
+      ...props,
+      placeholderTextColor,
+      onChangeText: focusableProps.onChangeText
+    };
+  }, [focusableProps.ref, focusableProps.onChangeText, props.disabled, props, placeholderTextColor]);
 }
 export { Input, InputFrame, defaultStyles, useInputProps };
 //# sourceMappingURL=Input.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","React","isWeb","styled","useComposedRefs","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","forwardedRef","ref","useRef","composedRefs","props","useInputProps","_theme_placeholderColorProp","_theme_placeholderColor","theme","onChangeText","combinedRef","placeholderColorProp","_theme_placeholderColorProp_get","_ref","get","placeholderColor","readOnly"],"sources":["../../../src/views/Input.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW;AAClB,OAAAC,KAAS,aAAa;AAEtB,SAASC,KAAA,QAAQ,oBAAiB;AAClC,SAASC,MAAA,EAAAC,eAAoB,EAAAC,QAAA;AAC7B,SAASC,YAAA,QAAiB;AAE1B,SAASC,SAAA,sBAAwB;AAwFxB,SAAAC,gBAAA;AAtFF,IAAAC,aAAM;IACXC,IAAA,EAAM;IACNC,UAAA,EAAY;IACZC,WAAA,EAAa;IACbC,YAAA,EAAc;IACdC,KAAA,EAAO;IAEP,IAAIZ,KAAA,GACA;MACEa,QAAA,EAAU;IACZ,IACA;MACEC,SAAA,EAAW;IACb;IAEJC,WAAA,EAAa;IACbC,eAAA,EAAiB;IAAA;IAGjBC,QAAA,EAAU;IAEVC,UAAA,EAAY;MACVH,WAAA,EAAa;IACf;IAEAI,UAAA,EAAY;MACVJ,WAAA,EAAa;IACf;IAEAK,iBAAA,EAAmB;MACjBC,YAAA,EAAc;MACdV,YAAA,EAAc;MACdW,YAAA,EAAc;IAChB;EACF;EAEaC,UAAA,GAAatB,MAAA,CAAAI,SAAA;IACxBmB,IAAA;IACAC,QAAA;MACEC,QAAM;QAENC,KAAA,EAAApB;MAAU;MACEC,IACR;QACF,WAAAF;MAAA;MAEMsB,QACJ;QACFC,IAAA;MAAA;IAEU;IACDC,eACT;MACFJ,QAAA,EAAAK,OAAA,CAAAC,GAAA,CAAAC,gBAAA;IAAA;EAEiB;IAC4BC,OAC7C;IACFC,MAAA;MACAC,oBAAA;MACEC,cAAS;IAAA;EAED;EAAAC,KACN,GAAAf,UAAA,CAAAgB,SAAsB,WAAAC,OAAA,EAAAC,YAAA;IAAA,IACtBC,GAAA,GAAA3C,KAAA,CAAA4C,MAAgB;MAAAC,YAAA,GAAA1C,eAAA,CAAAuC,YAAA,EAAAC,GAAA;MAAAG,KAAA,GAAAC,aAAA,CAAAN,OAAA,EAAAI,YAAA;IAAA,OAClB,eAAA9C,IAAA,CAAAyB,UAAA;MACF,GAAAsB;IACF,CAca;EACX;AAIA,SAAOC,cAAAD,KAAA,EAACH,GAAA;EACT,IAAAK,2BAAA;IAAAC,uBAAA;IAAAC,KAAA,GAAA9C,QAAA;IAAA;MAAA+C,YAAA;MAAAR,GAAA,EAAAS;IAAA,IAAA/C,YAAA;MAEM;MACLyC,KAAM;MACkDH,GAAA;MAEtDR,OAAA;IAAA,EACA;IAAAkB,oBAAA,GAAAP,KAAA,CAAAT,oBAAA;IAAAiB,+BAAA;IAAAC,IAAA;IAAAlB,oBAAA,IAAAkB,IAAA,IAAAD,+BAAA,IAAAN,2BAAA,GAAAE,KAAA,CAAAG,oBAAA,eAAAL,2BAAA,uBAAAA,2BAAA,CAAAQ,GAAA,gBAAAF,+BAAA,cAAAA,+BAAA,GAAAD,oBAAA,cAAAE,IAAA,cAAAA,IAAA,IAAAN,uBAAA,GAAAC,KAAA,CAAAO,gBAAA,cAAAR,uBAAA,uBAAAA,uBAAA,CAAAO,GAAA;EAAA,OACA;IACDb,GAEK,EAAAS,WAAA;IAMNM,QAAO,EAAAZ,KAAA,CAAAjB,QAAA;IACL,GAAAiB,KAAK;IACLT,oBAAgB;IAChBc;EAAG;AACH;AACA,SAEJZ,KAAA,E","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","React","isWeb","styled","useComposedRefs","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","forwardedRef","ref","useRef","composedRefs","props","useInputProps","theme","focusableProps","useMemo","_theme_placeholderColorProp","_theme_placeholderColor","placeholderColorProp","_theme_placeholderColorProp_get","_ref","get","placeholderColor","readOnly","onChangeText"],"sources":["../../../src/views/Input.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW;AAClB,OAAAC,KAAS,aAAa;AAEtB,SAASC,KAAA,QAAQ,oBAAiB;AAClC,SAASC,MAAA,EAAAC,eAAoB,EAAAC,QAAA;AAC7B,SAASC,YAAA,QAAiB;AAE1B,SAASC,SAAA,sBAAwB;AAwFxB,SAAAC,gBAAA;AAtFF,IAAAC,aAAM;IACXC,IAAA,EAAM;IACNC,UAAA,EAAY;IACZC,WAAA,EAAa;IACbC,YAAA,EAAc;IACdC,KAAA,EAAO;IAEP,IAAIZ,KAAA,GACA;MACEa,QAAA,EAAU;IACZ,IACA;MACEC,SAAA,EAAW;IACb;IAEJC,WAAA,EAAa;IACbC,eAAA,EAAiB;IAAA;IAGjBC,QAAA,EAAU;IAEVC,UAAA,EAAY;MACVH,WAAA,EAAa;IACf;IAEAI,UAAA,EAAY;MACVJ,WAAA,EAAa;IACf;IAEAK,iBAAA,EAAmB;MACjBC,YAAA,EAAc;MACdV,YAAA,EAAc;MACdW,YAAA,EAAc;IAChB;EACF;EAEaC,UAAA,GAAatB,MAAA,CAAAI,SAAA;IACxBmB,IAAA;IACAC,QAAA;MACEC,QAAM;QAENC,KAAA,EAAApB;MAAU;MACEC,IACR;QACF,WAAAF;MAAA;MAEMsB,QACJ;QACFC,IAAA;MAAA;IAEU;IACDC,eACT;MACFJ,QAAA,EAAAK,OAAA,CAAAC,GAAA,CAAAC,gBAAA;IAAA;EAEiB;IAC4BC,OAC7C;IACFC,MAAA;MACAC,oBAAA;MACEC,cAAS;IAAA;EAED;EAAAC,KACN,GAAAf,UAAA,CAAAgB,SAAsB,WAAAC,OAAA,EAAAC,YAAA;IAAA,IACtBC,GAAA,GAAA3C,KAAA,CAAA4C,MAAgB;MAAAC,YAAA,GAAA1C,eAAA,CAAAuC,YAAA,EAAAC,GAAA;MAAAG,KAAA,GAAAC,aAAA,CAAAN,OAAA,EAAAI,YAAA;IAAA,OAClB,eAAA9C,IAAA,CAAAyB,UAAA;MACF,GAAAsB;IACF,CAca;EACX;AAIA,SAAOC,cAAAD,KAAA,EAACH,GAAA;EACT,IAAAK,KAAA,GAAA5C,QAAA;IAAA6C,cAAA,GAAA5C,YAAA;MAEMyC,KAAS;MACdH,GAAA;MAEER,OAAA;IAAA,EACA;IAAAE,oBAAA,GAAArC,KAAA,CAAAkD,OAAA;MACA,IAAAC,2BAAS;QAAAC,uBAAA;QAAAC,oBAAA,GAAAP,KAAA,CAAAT,oBAAA;QAAAiB,+BAAA;QAAAC,IAAA;MACV,OAEK,CAAAA,IAAA,IAAAD,+BAA2C,IAAAH,2BAAA,GAAAH,KAAA,CAAAK,oBAAA,eAAAF,2BAAA,uBAAAA,2BAAA,CAAAK,GAAA,gBAAAF,+BAAA,cAAAA,+BAAA,GAAAD,oBAAA,cAAAE,IAAA,cAAAA,IAAA,IAAAH,uBAAA,GAAAJ,KAAA,CAAAS,gBAAA,cAAAL,uBAAA,uBAAAA,uBAAA,CAAAI,GAAA;IAC/C,IACAV,KAAA,CAAAT,oBACQ,EAIVW,KAAI,CAEJ;EAAa,OACXhD,KAAO,CAAAkD,OAAA;IAAA,OACA;MACLP,GAAA,EAAAM,cAAgB,CAAAN,GAAA;MAChBe,QAAG,EAAAZ,KAAA,CAAAjB,QAAA;MACH,GAAAiB,KAAA;MACAT,oBAAc;MAChBsB,YAAA,EAAAV,cAAA,CAAAU;IACA;EAAA,IACiBV,cACf,CAAAN,GAAe,EAAAM,cACT,CAAAU,YAAA,EAAAb,KACN,CAAAjB,QAAA,EAAAiB,KACA,EACFT,oBAAA,CACF;AACF","ignoreList":[]}

package/dist/jsx/views/Input.js

@@ -62,19 +62,30 @@ const defaultStyles = {
   return /* @__PURE__ */ jsx(InputFrame, { ...props });
 });
 function useInputProps(props, ref) {
-  const theme = useTheme(), { onChangeText, ref: combinedRef } = useFocusable({
-    // @ts-ignore
+  const theme = useTheme(), focusableProps = useFocusable({
     props,
     ref,
     isInput: !0
-  }), placeholderColorProp = props.placeholderTextColor, placeholderTextColor = theme[placeholderColorProp]?.get() ?? placeholderColorProp ?? theme.placeholderColor?.get();
-  return {
-    ref: combinedRef,
-    readOnly: props.disabled,
-    ...props,
-    placeholderTextColor,
-    onChangeText
-  };
+  }), placeholderTextColor = React.useMemo(() => {
+    const placeholderColorProp = props.placeholderTextColor;
+    return theme[placeholderColorProp]?.get() ?? placeholderColorProp ?? theme.placeholderColor?.get();
+  }, [props.placeholderTextColor, theme]);
+  return React.useMemo(
+    () => ({
+      ref: focusableProps.ref,
+      readOnly: props.disabled,
+      ...props,
+      placeholderTextColor,
+      onChangeText: focusableProps.onChangeText
+    }),
+    [
+      focusableProps.ref,
+      focusableProps.onChangeText,
+      props.disabled,
+      props,
+      placeholderTextColor
+    ]
+  );
 }
 export {
   Input,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Input.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,aAAa;AAEtB,SAAS,QAAQ,iBAAiB,gBAAgB;AAClD,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAwFxB;AAtFF,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,MAAM,OAAc,IAAI,GAC9B,eAAe,gBAAgB,cAAc,GAAG,GAChD,QAAQ,cAAc,SAAS,YAAY;AAEjD,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,OAAO,WAAW;AAClB,SAAS,aAAa;AAEtB,SAAS,QAAQ,iBAAiB,gBAAgB;AAClD,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAwFxB;AAtFF,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,MAAM,OAAc,IAAI,GAC9B,eAAe,gBAAgB,cAAc,GAAG,GAChD,QAAQ,cAAc,SAAS,YAAY;AAEjD,SAAO,oBAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AACzD,QAAM,QAAQ,SAAS,GACjB,iBAAiB,aAAa;AAAA,IAClC;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC,GAEK,uBAAuB,MAAM,QAAQ,MAAM;AAC/C,UAAM,uBAAuB,MAAM;AACnC,WACE,MAAM,oBAA2B,GAAG,IAAI,KACxC,wBACA,MAAM,kBAAkB,IAAI;AAAA,EAEhC,GAAG,CAAC,MAAM,sBAAsB,KAAK,CAAC;AAEtC,SAAO,MAAM;AAAA,IACX,OAAO;AAAA,MACL,KAAK,eAAe;AAAA,MACpB,UAAU,MAAM;AAAA,MAChB,GAAG;AAAA,MACH;AAAA,MACA,cAAc,eAAe;AAAA,IAC/B;AAAA,IACA;AAAA,MACE,eAAe;AAAA,MACf,eAAe;AAAA,MACf,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/jsx/views/Input.mjs

@@ -65,24 +65,22 @@ const defaultStyles = {
   });
 function useInputProps(props, ref) {
   const theme = useTheme(),
-    {
-      onChangeText,
-      ref: combinedRef
-    } = useFocusable({
-      // @ts-ignore
+    focusableProps = useFocusable({
       props,
       ref,
       isInput: !0
     }),
-    placeholderColorProp = props.placeholderTextColor,
-    placeholderTextColor = theme[placeholderColorProp]?.get() ?? placeholderColorProp ?? theme.placeholderColor?.get();
-  return {
-    ref: combinedRef,
+    placeholderTextColor = React.useMemo(() => {
+      const placeholderColorProp = props.placeholderTextColor;
+      return theme[placeholderColorProp]?.get() ?? placeholderColorProp ?? theme.placeholderColor?.get();
+    }, [props.placeholderTextColor, theme]);
+  return React.useMemo(() => ({
+    ref: focusableProps.ref,
     readOnly: props.disabled,
     ...props,
     placeholderTextColor,
-    onChangeText
-  };
+    onChangeText: focusableProps.onChangeText
+  }), [focusableProps.ref, focusableProps.onChangeText, props.disabled, props, placeholderTextColor]);
 }
 export { Input, InputFrame, defaultStyles, useInputProps };
 //# sourceMappingURL=Input.mjs.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","isWeb","styled","useComposedRefs","useTheme","useFocusable","TextInput","inputSizeVariant","jsx","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","useRef","composedRefs","props","useInputProps","theme","onChangeText","combinedRef","placeholderColorProp","get","placeholderColor","readOnly"],"sources":["../../../src/views/Input.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,KAAA,QAAa;AAEtB,SAASC,MAAA,EAAQC,eAAA,EAAiBC,QAAA,QAAgB;AAClD,SAASC,YAAA,QAAoB;AAC7B,SAASC,SAAA,QAAiB;AAE1B,SAASC,gBAAA,QAAwB;AAwFxB,SAAAC,GAAA;AAtFF,MAAMC,aAAA,GAAgB;IAC3BC,IAAA,EAAM;IACNC,UAAA,EAAY;IACZC,WAAA,EAAa;IACbC,YAAA,EAAc;IACdC,KAAA,EAAO;IAEP,IAAIb,KAAA,GACA;MACEc,QAAA,EAAU;IACZ,IACA;MACEC,SAAA,EAAW;IACb;IAEJC,WAAA,EAAa;IACbC,eAAA,EAAiB;IAAA;IAGjBC,QAAA,EAAU;IAEVC,UAAA,EAAY;MACVH,WAAA,EAAa;IACf;IAEAI,UAAA,EAAY;MACVJ,WAAA,EAAa;IACf;IAEAK,iBAAA,EAAmB;MACjBC,YAAA,EAAc;MACdV,YAAA,EAAc;MACdW,YAAA,EAAc;IAChB;EACF;EAEaC,UAAA,GAAavB,MAAA,CACxBI,SAAA,EACA;IACEoB,IAAA,EAAM;IAENC,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAOpB;MACT;MAEAC,IAAA,EAAM;QACJ,WAAWH;MACb;MAEAuB,QAAA,EAAU;QACRC,IAAA,EAAM,CAAC;MACT;IACF;IAEAC,eAAA,EAAiB;MACfJ,QAAA,EAAUK,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,GACA;IACEC,OAAA,EAAS;IAETC,MAAA,EAAQ;MACNC,oBAAA,EAAsB;MACtBC,cAAA,EAAgB;IAClB;EACF,CACF;EAcaC,KAAA,GAAQf,UAAA,CAAWgB,SAAA,CAA2B,CAACC,OAAA,EAASC,YAAA,KAAiB;IACpF,MAAMC,GAAA,GAAM5C,KAAA,CAAM6C,MAAA,CAAc,IAAI;MAC9BC,YAAA,GAAe3C,eAAA,CAAgBwC,YAAA,EAAcC,GAAG;MAChDG,KAAA,GAAQC,aAAA,CAAcN,OAAA,EAASI,YAAY;IAEjD,OAAO,eAAAtC,GAAA,CAACiB,UAAA;MAAY,GAAGsB;IAAA,CAAO;EAChC,CAAC;AAEM,SAASC,cAAcD,KAAA,EAAmBH,GAAA,EAAU;EACzD,MAAMK,KAAA,GAAQ7C,QAAA,CAAS;IACjB;MAAE8C,YAAA;MAAcN,GAAA,EAAKO;IAAY,IAAI9C,YAAA,CAAa;MAAA;MAEtD0C,KAAA;MACAH,GAAA;MACAR,OAAA,EAAS;IACX,CAAC;IAEKgB,oBAAA,GAAuBL,KAAA,CAAMT,oBAAA;IAC7BA,oBAAA,GACJW,KAAA,CAAMG,oBAA2B,GAAGC,GAAA,CAAI,KACxCD,oBAAA,IACAH,KAAA,CAAMK,gBAAA,EAAkBD,GAAA,CAAI;EAE9B,OAAO;IACLT,GAAA,EAAKO,WAAA;IACLI,QAAA,EAAUR,KAAA,CAAMjB,QAAA;IAChB,GAAGiB,KAAA;IACHT,oBAAA;IACAY;EACF;AACF","ignoreList":[]}
+{"version":3,"names":["React","isWeb","styled","useComposedRefs","useTheme","useFocusable","TextInput","inputSizeVariant","jsx","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","useRef","composedRefs","props","useInputProps","theme","focusableProps","useMemo","placeholderColorProp","get","placeholderColor","readOnly","onChangeText"],"sources":["../../../src/views/Input.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,KAAA,QAAa;AAEtB,SAASC,MAAA,EAAQC,eAAA,EAAiBC,QAAA,QAAgB;AAClD,SAASC,YAAA,QAAoB;AAC7B,SAASC,SAAA,QAAiB;AAE1B,SAASC,gBAAA,QAAwB;AAwFxB,SAAAC,GAAA;AAtFF,MAAMC,aAAA,GAAgB;IAC3BC,IAAA,EAAM;IACNC,UAAA,EAAY;IACZC,WAAA,EAAa;IACbC,YAAA,EAAc;IACdC,KAAA,EAAO;IAEP,IAAIb,KAAA,GACA;MACEc,QAAA,EAAU;IACZ,IACA;MACEC,SAAA,EAAW;IACb;IAEJC,WAAA,EAAa;IACbC,eAAA,EAAiB;IAAA;IAGjBC,QAAA,EAAU;IAEVC,UAAA,EAAY;MACVH,WAAA,EAAa;IACf;IAEAI,UAAA,EAAY;MACVJ,WAAA,EAAa;IACf;IAEAK,iBAAA,EAAmB;MACjBC,YAAA,EAAc;MACdV,YAAA,EAAc;MACdW,YAAA,EAAc;IAChB;EACF;EAEaC,UAAA,GAAavB,MAAA,CACxBI,SAAA,EACA;IACEoB,IAAA,EAAM;IAENC,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAOpB;MACT;MAEAC,IAAA,EAAM;QACJ,WAAWH;MACb;MAEAuB,QAAA,EAAU;QACRC,IAAA,EAAM,CAAC;MACT;IACF;IAEAC,eAAA,EAAiB;MACfJ,QAAA,EAAUK,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,GACA;IACEC,OAAA,EAAS;IAETC,MAAA,EAAQ;MACNC,oBAAA,EAAsB;MACtBC,cAAA,EAAgB;IAClB;EACF,CACF;EAcaC,KAAA,GAAQf,UAAA,CAAWgB,SAAA,CAA2B,CAACC,OAAA,EAASC,YAAA,KAAiB;IACpF,MAAMC,GAAA,GAAM5C,KAAA,CAAM6C,MAAA,CAAc,IAAI;MAC9BC,YAAA,GAAe3C,eAAA,CAAgBwC,YAAA,EAAcC,GAAG;MAChDG,KAAA,GAAQC,aAAA,CAAcN,OAAA,EAASI,YAAY;IAEjD,OAAO,eAAAtC,GAAA,CAACiB,UAAA;MAAY,GAAGsB;IAAA,CAAO;EAChC,CAAC;AAEM,SAASC,cAAcD,KAAA,EAAmBH,GAAA,EAAU;EACzD,MAAMK,KAAA,GAAQ7C,QAAA,CAAS;IACjB8C,cAAA,GAAiB7C,YAAA,CAAa;MAClC0C,KAAA;MACAH,GAAA;MACAR,OAAA,EAAS;IACX,CAAC;IAEKE,oBAAA,GAAuBtC,KAAA,CAAMmD,OAAA,CAAQ,MAAM;MAC/C,MAAMC,oBAAA,GAAuBL,KAAA,CAAMT,oBAAA;MACnC,OACEW,KAAA,CAAMG,oBAA2B,GAAGC,GAAA,CAAI,KACxCD,oBAAA,IACAH,KAAA,CAAMK,gBAAA,EAAkBD,GAAA,CAAI;IAEhC,GAAG,CAACN,KAAA,CAAMT,oBAAA,EAAsBW,KAAK,CAAC;EAEtC,OAAOjD,KAAA,CAAMmD,OAAA,CACX,OAAO;IACLP,GAAA,EAAKM,cAAA,CAAeN,GAAA;IACpBW,QAAA,EAAUR,KAAA,CAAMjB,QAAA;IAChB,GAAGiB,KAAA;IACHT,oBAAA;IACAkB,YAAA,EAAcN,cAAA,CAAeM;EAC/B,IACA,CACEN,cAAA,CAAeN,GAAA,EACfM,cAAA,CAAeM,YAAA,EACfT,KAAA,CAAMjB,QAAA,EACNiB,KAAA,EACAT,oBAAA,CAEJ;AACF","ignoreList":[]}

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

@@ -60,19 +60,32 @@ var defaultStyles = {
   });
 });
 function useInputProps(props, ref) {
-  var _theme_placeholderColorProp, _theme_placeholderColor, theme = useTheme(), { onChangeText, ref: combinedRef } = useFocusable({
-    // @ts-ignore
+  var theme = useTheme(), focusableProps = useFocusable({
     props,
     ref,
     isInput: !0
-  }), placeholderColorProp = props.placeholderTextColor, _theme_placeholderColorProp_get, _ref, placeholderTextColor = (_ref = (_theme_placeholderColorProp_get = (_theme_placeholderColorProp = theme[placeholderColorProp]) === null || _theme_placeholderColorProp === void 0 ? void 0 : _theme_placeholderColorProp.get()) !== null && _theme_placeholderColorProp_get !== void 0 ? _theme_placeholderColorProp_get : placeholderColorProp) !== null && _ref !== void 0 ? _ref : (_theme_placeholderColor = theme.placeholderColor) === null || _theme_placeholderColor === void 0 ? void 0 : _theme_placeholderColor.get();
-  return {
-    ref: combinedRef,
-    readOnly: props.disabled,
-    ...props,
-    placeholderTextColor,
-    onChangeText
-  };
+  }), placeholderTextColor = React.useMemo(function() {
+    var _theme_placeholderColorProp, _theme_placeholderColor, placeholderColorProp = props.placeholderTextColor, _theme_placeholderColorProp_get, _ref;
+    return (_ref = (_theme_placeholderColorProp_get = (_theme_placeholderColorProp = theme[placeholderColorProp]) === null || _theme_placeholderColorProp === void 0 ? void 0 : _theme_placeholderColorProp.get()) !== null && _theme_placeholderColorProp_get !== void 0 ? _theme_placeholderColorProp_get : placeholderColorProp) !== null && _ref !== void 0 ? _ref : (_theme_placeholderColor = theme.placeholderColor) === null || _theme_placeholderColor === void 0 ? void 0 : _theme_placeholderColor.get();
+  }, [
+    props.placeholderTextColor,
+    theme
+  ]);
+  return React.useMemo(function() {
+    return {
+      ref: focusableProps.ref,
+      readOnly: props.disabled,
+      ...props,
+      placeholderTextColor,
+      onChangeText: focusableProps.onChangeText
+    };
+  }, [
+    focusableProps.ref,
+    focusableProps.onChangeText,
+    props.disabled,
+    props,
+    placeholderTextColor
+  ]);
 }
 export {
   Input,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Users/n8/tamagui/code/ui/tamagui/src/views/Input.tsx"],
-  "mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,aAAa;AAEtB,SAASC,QAAQC,iBAAiBC,gBAAgB;AAClD,SAASC,oBAAoB;AAC7B,SAASC,iBAAiB;AAE1B,SAASC,wBAAwB;AAE1B,IAAMC,gBAAgB;EAC3BC,MAAM;EACNC,YAAY;EACZC,aAAa;EACbC,cAAc;EACdC,OAAO;EAEP,GAAIZ,QACA;IACEa,UAAU;EACZ,IACA;IACEC,WAAW;EACb;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;AACF,GAEaC,aAAatB,OACxBI,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,cAAAA;AACnE,MAAMC,MAAM3C,MAAM4C,OAAc,IAAA,GAC1BC,eAAe1C,gBAAgBuC,cAAcC,GAAAA,GAC7CG,QAAQC,cAAcN,SAASI,YAAAA;AAErC,SAAO,qBAACrB,YAAAA;IAAY,GAAGsB;;AACzB,CAAA;AAEO,SAASC,cAAcD,OAAmBH,KAAQ;MAWrDK,6BAEAA,yBAZIA,QAAQ5C,SAAAA,GACR,EAAE6C,cAAcN,KAAKO,YAAW,IAAK7C,aAAa;;IAEtDyC;IACAH;IACAR,SAAS;EACX,CAAA,GAEMgB,uBAAuBL,MAAMT,sBAEjCW,iCAAAA,MADIX,wBACJW,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;IACLT,KAAKO;IACLI,UAAUR,MAAMjB;IAChB,GAAGiB;IACHT;IACAY;EACF;AACF;",
-  "names": ["React", "isWeb", "styled", "useComposedRefs", "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", "forwardedRef", "ref", "useRef", "composedRefs", "props", "useInputProps", "theme", "onChangeText", "combinedRef", "placeholderColorProp", "get", "placeholderColor", "readOnly"]
+  "mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,aAAa;AAEtB,SAASC,QAAQC,iBAAiBC,gBAAgB;AAClD,SAASC,oBAAoB;AAC7B,SAASC,iBAAiB;AAE1B,SAASC,wBAAwB;AAE1B,IAAMC,gBAAgB;EAC3BC,MAAM;EACNC,YAAY;EACZC,aAAa;EACbC,cAAc;EACdC,OAAO;EAEP,GAAIZ,QACA;IACEa,UAAU;EACZ,IACA;IACEC,WAAW;EACb;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;AACF,GAEaC,aAAatB,OACxBI,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,cAAAA;AACnE,MAAMC,MAAM3C,MAAM4C,OAAc,IAAA,GAC1BC,eAAe1C,gBAAgBuC,cAAcC,GAAAA,GAC7CG,QAAQC,cAAcN,SAASI,YAAAA;AAErC,SAAO,qBAACrB,YAAAA;IAAY,GAAGsB;;AACzB,CAAA;AAEO,SAASC,cAAcD,OAAmBH,KAAQ;AACvD,MAAMK,QAAQ5C,SAAAA,GACR6C,iBAAiB5C,aAAa;IAClCyC;IACAH;IACAR,SAAS;EACX,CAAA,GAEME,uBAAuBrC,MAAMkD,QAAQ,WAAA;QAGvCF,6BAEAA,yBAJIG,uBAAuBL,MAAMT,sBAEjCW,iCAAAA;AADF,YACEA,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;EAE/B,GAAG;IAACN,MAAMT;IAAsBW;GAAM;AAEtC,SAAOhD,MAAMkD,QACX,WAAA;WAAO;MACLP,KAAKM,eAAeN;MACpBW,UAAUR,MAAMjB;MAChB,GAAGiB;MACHT;MACAkB,cAAcN,eAAeM;IAC/B;KACA;IACEN,eAAeN;IACfM,eAAeM;IACfT,MAAMjB;IACNiB;IACAT;GACD;AAEL;",
+  "names": ["React", "isWeb", "styled", "useComposedRefs", "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", "forwardedRef", "ref", "useRef", "composedRefs", "props", "useInputProps", "theme", "focusableProps", "useMemo", "placeholderColorProp", "get", "placeholderColor", "readOnly", "onChangeText"]
 }