@tamagui/input 2.0.0-rc.9 → 2.0.0

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

@@ -4,138 +4,180 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var Input_native_exports = {};
 __export(Input_native_exports, {
   Input: () => Input
 });
 module.exports = __toCommonJS(Input_native_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_react = __toESM(require("react"), 1),
-  import_core = require("@tamagui/core"),
-  import_focusable = require("@tamagui/focusable"),
-  import_element = require("@tamagui/element"),
-  import_react_native = require("react-native"),
-  import_shared = require("../shared.native.js"),
-  StyledInput = (0, import_core.styled)(import_react_native.TextInput, import_shared.styledBody[0], import_shared.styledBody[1]),
-  Input = StyledInput.styleable(function (inProps, forwardedRef) {
-    var {
-        // some of destructed props are just to avoid passing them to ...rest because they are not in native.
-        type,
-        //@ts-ignore
-        dirname,
-        max,
-        min,
-        minLength,
-        multiple,
-        name,
-        required,
-        step,
-        disabled,
-        id,
-        // @ts-ignore
-        caretColor,
-        onChange,
-        onInput,
-        rows,
-        enterKeyHint,
-        returnKeyType,
-        onKeyDown,
-        inputMode,
-        render,
-        ...rest
-      } = inProps,
-      {
-        ref,
-        composedRef
-      } = (0, import_element.useNativeInputRef)(forwardedRef),
-      secureTextEntry = !1,
-      cursorColor = caretColor,
-      _returnKeyType = returnKeyType,
-      _enterKeyHint = enterKeyHint;
-    enterKeyHint === "go" && (_returnKeyType = "go", _enterKeyHint = void 0);
-    var _inputMode = inputMode;
-    type === "email" ? _inputMode = "email" : type === "tel" ? _inputMode = "tel" : type === "search" ? _inputMode = "search" : type === "url" ? _inputMode = "url" : type === "password" ? (secureTextEntry = !0, _inputMode = "text") : type === "number" ? _inputMode = "numeric" : _inputMode = "text";
-    var showSoftInputOnFocus = !0;
-    inputMode === "none" && (showSoftInputOnFocus = !1);
-    var finalProps = {
-      ...rest,
-      inputMode: _inputMode,
-      showSoftInputOnFocus,
-      disabled,
-      id,
-      cursorColor,
-      enterKeyHint: _enterKeyHint,
-      returnKeyType: _returnKeyType,
-      secureTextEntry,
-      numberOfLines: rows || rest.numberOfLines
-    };
-    return render === "textarea" && (finalProps.multiline = !0), onKeyDown && (finalProps.onKeyPress = function (e) {
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_core = require("@tamagui/core");
+var import_focusable = require("@tamagui/focusable");
+var import_element = require("@tamagui/element");
+var import_react_native = require("react-native");
+var import_shared = require("../shared.native.js");
+var StyledInput = (0, import_core.styled)(import_react_native.TextInput, import_shared.styledBody[0], import_shared.styledBody[1]);
+var Input = StyledInput.styleable(function (inProps, forwardedRef) {
+  var {
+    // some of destructed props are just to avoid passing them to ...rest because they are not in native.
+    type,
+    //@ts-ignore
+    dirname,
+    max,
+    min,
+    minLength,
+    multiple,
+    name,
+    required,
+    step,
+    disabled,
+    id,
+    // @ts-ignore
+    caretColor,
+    onChange,
+    onInput,
+    rows,
+    enterKeyHint,
+    returnKeyType,
+    onKeyDown,
+    inputMode,
+    render,
+    ...rest
+  } = inProps;
+  var {
+    ref,
+    composedRef
+  } = (0, import_element.useNativeInputRef)(forwardedRef);
+  var secureTextEntry = false;
+  var cursorColor = caretColor;
+  var _returnKeyType = returnKeyType;
+  var _enterKeyHint = enterKeyHint;
+  if (enterKeyHint === "go") {
+    _returnKeyType = "go";
+    _enterKeyHint = void 0;
+  }
+  var _inputMode = inputMode;
+  if (type === "email") {
+    _inputMode = "email";
+  } else if (type === "tel") {
+    _inputMode = "tel";
+  } else if (type === "search") {
+    _inputMode = "search";
+  } else if (type === "url") {
+    _inputMode = "url";
+  } else if (type === "password") {
+    secureTextEntry = true;
+    _inputMode = "text";
+  } else if (type === "number") {
+    _inputMode = "numeric";
+  } else {
+    _inputMode = "text";
+  }
+  var showSoftInputOnFocus = true;
+  if (inputMode === "none") {
+    showSoftInputOnFocus = false;
+  }
+  var finalProps = {
+    ...rest,
+    inputMode: _inputMode,
+    showSoftInputOnFocus,
+    disabled,
+    id,
+    cursorColor,
+    enterKeyHint: _enterKeyHint,
+    returnKeyType: _returnKeyType,
+    secureTextEntry,
+    numberOfLines: rows || rest.numberOfLines
+  };
+  if (render === "textarea") {
+    finalProps.multiline = true;
+  }
+  if (onKeyDown) {
+    finalProps.onKeyPress = function (e) {
       var {
         key
       } = e.nativeEvent;
-      (key === "Backspace" || render === "textarea" && key === "Enter" || key.length === 1) && onKeyDown({
-        key,
-        type: "keydown"
-      });
-    }, finalProps.onSubmitEditing = function (e) {
+      if (key === "Backspace" || render === "textarea" && key === "Enter" || key.length === 1) {
+        onKeyDown({
+          key,
+          type: "keydown"
+        });
+      }
+    };
+    finalProps.onSubmitEditing = function (e) {
       onKeyDown({
         key: "Enter",
         type: "keydown"
       });
-    }), (onChange || onInput) && (finalProps.onChange = function (e) {
+    };
+  }
+  if (onChange || onInput) {
+    finalProps.onChange = function (e) {
       var {
         text
       } = e.nativeEvent;
-      onChange && onChange({
-        target: {
-          value: text
-        },
-        type: "change"
-      }), onInput?.({
-        target: {
-          value: text
-        },
-        type: "input"
-      });
-    }), import_react.default.useEffect(function () {
-      if (id && !disabled) return (0, import_focusable.registerFocusable)(id, {
-        focusAndSelect: function () {
-          var _ref_current;
-          (_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.focus();
-        },
-        focus: function () {}
-      });
-    }, [id, disabled]), /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledInput, {
-      onChange: function (e) {},
-      ref: composedRef,
-      ...finalProps
+      if (onChange) {
+        onChange({
+          target: {
+            value: text
+          },
+          type: "change"
+        });
+      }
+      if (onInput != null) {
+        onInput({
+          target: {
+            value: text
+          },
+          type: "input"
+        });
+      }
+    };
+  }
+  import_react.default.useEffect(function () {
+    if (!id) return;
+    if (disabled) return;
+    return (0, import_focusable.registerFocusable)(id, {
+      focusAndSelect: function () {
+        var _ref_current;
+        (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
+      },
+      focus: function () {}
     });
+  }, [id, disabled]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledInput, {
+    onChange: function (e) {},
+    ref: composedRef,
+    ...finalProps
   });
+});
 //# sourceMappingURL=Input.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Input_native_exports","__export","Input","module","exports","__toCommonJS","import_jsx_runtime","require","import_react","__toESM","import_core","import_focusable","import_element","import_react_native","import_shared","StyledInput","styled","TextInput","styledBody","styleable","inProps","forwardedRef","type","dirname","max","min","minLength","multiple","name","required","step","disabled","id","caretColor","onChange","onInput","rows","enterKeyHint","returnKeyType","onKeyDown","inputMode","render","rest","ref","composedRef","useNativeInputRef","secureTextEntry","cursorColor","_returnKeyType","_enterKeyHint","_inputMode","showSoftInputOnFocus","finalProps","numberOfLines","multiline","onKeyPress","e","key","nativeEvent","length","onSubmitEditing","text","target","value","default","useEffect","registerFocusable","focusAndSelect","_ref_current","current","focus","jsx"],"sources":["../../../src/v1/Input.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Input_native_exports","__export","Input","module","exports","__toCommonJS","import_jsx_runtime","require","import_react","__toESM","import_core","import_focusable","import_element","import_react_native","import_shared","StyledInput","styled","TextInput","styledBody","styleable","inProps","forwardedRef","type","dirname","max","min","minLength","multiple","name","required","step","disabled","id","caretColor","onChange","onInput","rows","enterKeyHint","returnKeyType","onKeyDown","inputMode","render","rest","ref","composedRef","useNativeInputRef","secureTextEntry","cursorColor","_returnKeyType","_enterKeyHint","_inputMode","showSoftInputOnFocus","finalProps","numberOfLines","multiline","onKeyPress","e","key","nativeEvent","length","onSubmitEditing","text","target","value","default","useEffect","registerFocusable","focusAndSelect","_ref_current","current","focus","jsx"],"sources":["../../../src/v1/Input.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/v1/TextArea.native.js

@@ -5,49 +5,51 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var TextArea_exports = {};
 __export(TextArea_exports, {
   TextArea: () => TextArea
 });
 module.exports = __toCommonJS(TextArea_exports);
-var import_web = require("@tamagui/web"),
-  import_Input = require("./Input.native.js"),
-  import_shared = require("../shared.native.js"),
-  TextArea = (0, import_web.styled)(import_Input.Input, {
-    name: "TextArea",
-    render: "textarea",
-    // this attribute fixes firefox newline issue
-    // @ts-ignore
-    whiteSpace: "pre-wrap",
-    variants: {
-      unstyled: {
-        false: {
-          height: "auto",
-          ...import_shared.defaultStyles,
-          numberOfLines: 3
-        }
-      },
-      size: {
-        "...size": import_shared.textAreaSizeVariant
+var import_web = require("@tamagui/web");
+var import_Input = require("./Input.native.js");
+var import_shared = require("../shared.native.js");
+var TextArea = (0, import_web.styled)(import_Input.Input, {
+  name: "TextArea",
+  render: "textarea",
+  // this attribute fixes firefox newline issue
+  // @ts-ignore
+  whiteSpace: "pre-wrap",
+  variants: {
+    unstyled: {
+      false: {
+        height: "auto",
+        ...import_shared.defaultStyles,
+        numberOfLines: 3
       }
     },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    size: {
+      "...size": import_shared.textAreaSizeVariant
     }
-  });
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
 //# sourceMappingURL=TextArea.native.js.map

package/dist/jsx/v1/TextArea.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","TextArea_exports","TextArea","module","exports","import_web","require","import_Input","import_shared","styled","Input","render"],"sources":["../../../src/v1/TextArea.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAa,CAAAC,cAAA;AACtB,IAAAC,gBAAS,GAAAF,MAAe,CAAAG,wBAA2B;AAO5C,IAAAC,iBAAiB,GAAOJ,MAAA,CAAOK,mBAAA;AAAA,IACpCC,YAAM,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACNC,QAAQ,GAAAA,CAAAC,MAAA,EAAAC,GAAA;IAAA,SAAAC,IAAA,IAAAD,GAAA,EAAAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;MAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;MAAAE,UAAA;IAAA;EAAA;EAIRC,WAAY,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;IAEZ,IAAAF,IAAA,IAAU,OAAAA,IAAA,uBAAAA,IAAA,gBACR,SAAAG,GAAU,IAAAhB,iBAAA,CAAAa,IAAA,GACR,CAAAX,YAAO,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,IAAAnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;IAAA,OACLE,EAAA;EAAQ;AACL,IAAAM,YACH,GAAAC,GAAe,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,gBACjB;AAAAhB,QACF,CAAAgB,gBAAA;EAAAC,QAEM,EAAAA,CAAA,KAAAA;AAAA;AACOC,MACb,CAAAC,OAAA,GAAAN,YAAA,CAAAG,gBAAA;AAAA,IACFI,UAAA,GAAAC,OAAA;EAAAC,YAAA,GAAAD,OAAA;EAAAE,aAAA,GAAAF,OAAA;EAAAJ,QAAA,OAAAG,UAAA,CAAAI,MAAA,EAAAF,YAAA,CAAAG,KAAA;IAEAtB,IAAA;IAAiBuB,MACf,YAAU;IACZ;IACD","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","TextArea_exports","TextArea","module","exports","import_web","require","import_Input"],"sources":["../../../src/v1/TextArea.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAa,CAAAC,cAAA;AACtB,IAAAC,gBAAS,GAAAF,MAAe,CAAAG,wBAA2B;AAO5C,IAAAC,iBAAiB,GAAOJ,MAAA,CAAOK,mBAAA;AAAA,IACpCC,YAAM,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACNC,QAAQ,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAAA,SAAAC,IAAA,IAAAD,GAAA,EAAAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAII,IAEZC,WAAU,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACRF,IAAA,IAAU,OAAAA,IAAA,wBAAAA,IAAA;IAAA,KACR,IAAOG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,OACL,CAAAX,YAAQ,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACRnB,SAAG,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACY,OACjBE,EAAA;AAAA;AACF,IAEAM,YAAM,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,gBACO;AAAAhB,QACb,CAAAgB,gBAAA;EACFC,QAAA,EAAAA,CAAA,KAAAA;AAAA,EAEA;AAAiBC,MACf,CAAAC,OAAU,GAAAN,YAAY,CAAAG,gBAAA,CAAqB;AAAA,IAC7CI,UAAA,GAAAC,OAAA;AACF,IAACC,YAAA,GAAAD,OAAA","ignoreList":[]}

package/dist/jsx/v1/index.native.js

@@ -5,15 +5,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  },
-  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var v1_exports = {};
 module.exports = __toCommonJS(v1_exports);

package/dist/jsx/v1/types.native.js

@@ -5,14 +5,16 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-    get: () => from[key],
-    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-  });
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
   return to;
 };
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var types_exports = {};
 module.exports = __toCommonJS(types_exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/input",
-  "version": "2.0.0-rc.9",
+  "version": "2.0.0",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "source": "src/index.ts",
   "files": [
@@ -20,10 +20,11 @@
     ".": {
       "types": "./types/index.d.ts",
       "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
       "module": "./dist/esm/index.mjs",
       "import": "./dist/esm/index.mjs",
       "require": "./dist/cjs/index.cjs",
-      "default": "./dist/cjs/index.native.js"
+      "default": "./dist/esm/index.mjs"
     }
   },
   "publishConfig": {
@@ -33,31 +34,31 @@
     "build": "tamagui-build",
     "watch": "tamagui-build --watch",
     "clean": "tamagui-build clean",
-    "clean:build": "tamagui-build clean:build"
+    "clean:build": "tamagui-build clean:build",
+    "test:web": "vitest --typecheck --run"
   },
   "dependencies": {
-    "@tamagui/core": "2.0.0-rc.9",
-    "@tamagui/element": "2.0.0-rc.9",
-    "@tamagui/focusable": "2.0.0-rc.9",
-    "@tamagui/font-size": "2.0.0-rc.9",
-    "@tamagui/get-button-sized": "2.0.0-rc.9",
-    "@tamagui/get-font-sized": "2.0.0-rc.9",
-    "@tamagui/get-token": "2.0.0-rc.9",
-    "@tamagui/helpers": "2.0.0-rc.9",
-    "@tamagui/helpers-tamagui": "2.0.0-rc.9",
-    "@tamagui/stacks": "2.0.0-rc.9",
-    "@tamagui/text": "2.0.0-rc.9",
-    "@tamagui/web": "2.0.0-rc.9"
+    "@tamagui/core": "2.0.0",
+    "@tamagui/element": "2.0.0",
+    "@tamagui/focusable": "2.0.0",
+    "@tamagui/get-button-sized": "2.0.0",
+    "@tamagui/get-font-sized": "2.0.0",
+    "@tamagui/get-token": "2.0.0",
+    "@tamagui/helpers": "2.0.0",
+    "@tamagui/helpers-tamagui": "2.0.0",
+    "@tamagui/stacks": "2.0.0",
+    "@tamagui/text": "2.0.0",
+    "@tamagui/font-size": "2.0.0",
+    "@tamagui/web": "2.0.0"
   },
   "devDependencies": {
-    "@tamagui/build": "2.0.0-rc.9",
+    "@tamagui/build": "2.0.0",
     "react": ">=19",
-    "react-native": "0.81.5",
+    "react-native": "0.83.2",
     "vitest": "4.0.4"
   },
   "peerDependencies": {
-    "react": ">=19",
-    "react-native": "*"
+    "react": ">=19"
   },
   "module:jsx": "dist/jsx"
 }

package/src/Input.native.tsx

@@ -4,7 +4,7 @@ import { styled } from '@tamagui/core'
 import { registerFocusable } from '@tamagui/focusable'
 import { useNativeInputRef } from '@tamagui/element'
 import { styledBody } from './shared'
-import type { InputProps } from './types'
+import type { InputExtraProps } from './types'
 
 const StyledInput = styled(TextInput, styledBody[0], styledBody[1])
 
@@ -12,7 +12,7 @@ const StyledInput = styled(TextInput, styledBody[0], styledBody[1])
  * A web-aligned input component for React Native.
  * @see — Docs https://tamagui.dev/ui/inputs#input
  */
-export const Input = StyledInput.styleable<InputProps>((props, forwardedRef) => {
+export const Input = StyledInput.styleable<InputExtraProps>((props, forwardedRef) => {
   const {
     // Web props we need to convert
     type,

package/src/Input.tsx

@@ -1,9 +1,9 @@
-import { View, styled, useTheme } from '@tamagui/core'
+import { type GetProps, View, styled, useTheme } from '@tamagui/core'
 import { registerFocusable } from '@tamagui/focusable'
 import { useWebRef } from '@tamagui/element'
 import React from 'react'
 import { styledBody } from './shared'
-import type { InputProps } from './types'
+import type { InputExtraProps } from './types'
 
 const StyledInput = styled(View, styledBody[0], styledBody[1])
 
@@ -11,7 +11,7 @@ const StyledInput = styled(View, styledBody[0], styledBody[1])
  * A web-aligned input component.
  * @see — Docs https://tamagui.dev/ui/inputs#input
  */
-export const Input = StyledInput.styleable<InputProps>((props, _forwardedRef) => {
+export const Input = StyledInput.styleable<InputExtraProps>((props, _forwardedRef) => {
   const {
     disabled,
     id,
@@ -158,14 +158,16 @@ export const Input = StyledInput.styleable<InputProps>((props, _forwardedRef) =>
     style: {
       ...(rest.style as any),
       ...(placeholderTextColor && {
-        '--placeholderColor':
+        '--t_placeholderColor':
           theme[placeholderTextColor]?.variable || placeholderTextColor,
       }),
       ...(selectionColor && {
-        '--selectionColor': theme[selectionColor]?.variable || selectionColor,
+        '--t_selectionColor': theme[selectionColor]?.variable || selectionColor,
       }),
     },
   } as any
 
   return <StyledInput ref={composedRef} {...finalProps} />
 })
+
+export type InputProps = GetProps<typeof Input>

package/src/TextArea.tsx

@@ -1,9 +1,7 @@
-import { styled } from '@tamagui/web'
+import { type GetProps, styled } from '@tamagui/web'
 import { Input } from './Input'
 import { defaultStyles, textAreaSizeVariant } from './shared'
 
-export type { InputProps as TextAreaProps } from './types'
-
 /**
  * A web-aligned textarea component (multi-line input).
  * @see — Docs https://tamagui.dev/ui/inputs#textarea
@@ -34,3 +32,5 @@ export const TextArea = styled(Input, {
     unstyled: process.env.TAMAGUI_HEADLESS === '1',
   },
 })
+
+export type TextAreaProps = GetProps<typeof TextArea>

package/src/index.ts

@@ -1,7 +1,7 @@
 export * from './Input'
 export * from './TextArea'
 export { inputSizeVariant, textAreaSizeVariant } from './shared'
-export type { InputProps, InputTextContentType } from './types'
+export type { InputExtraProps, InputRef, InputTextContentType } from './types'
 export type {
   InputNativeProps,
   InputIOSProps,