@tamagui/input 1.143.1 → 2.0.0-1767740890268

package/dist/jsx/Input.native.js

@@ -38,98 +38,160 @@ __export(Input_native_exports, {
 module.exports = __toCommonJS(Input_native_exports);
 var import_jsx_runtime = require("react/jsx-runtime"),
   import_react = __toESM(require("react"), 1),
+  import_react_native = require("react-native"),
   import_core = require("@tamagui/core"),
   import_focusable = require("@tamagui/focusable"),
-  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.
+  Input = StyledInput.styleable(function (props, forwardedRef) {
+    var _theme_placeholderTextColor,
+      _theme_selectionColor,
+      {
+        // Web props we need to convert
         type,
-        //@ts-ignore
+        disabled,
+        readOnly,
+        id,
+        rows,
+        autoComplete,
+        enterKeyHint,
+        // Tamagui color props
+        placeholderTextColor,
+        selectionColor,
+        // Callbacks
+        onChange,
+        onInput,
+        onKeyDown,
+        onChangeText,
+        onSubmitEditing,
+        onSelectionChange,
+        selection,
+        // Web-only props to filter out
+        // @ts-ignore
         dirname,
-        max,
         min,
+        max,
         minLength,
         multiple,
         name,
+        pattern,
         required,
         step,
-        disabled,
-        id,
-        caretColor,
-        onChange,
-        onInput,
-        rows,
-        enterKeyHint,
-        returnKeyType,
-        onKeyDown,
-        inputMode,
         tag,
         ...rest
-      } = inProps,
+      } = props,
       ref = import_react.default.useRef(null),
+      theme = (0, import_core.useTheme)(),
       composedRefs = (0, import_core.useComposedRefs)(forwardedRef, ref),
       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 tag === "textarea" && (finalProps.multiline = !0), onKeyDown && (finalProps.onKeyPress = function (e) {
-      var {
-        key
-      } = e.nativeEvent;
-      (key === "Backspace" || tag === "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) {
-      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, {
+      keyboardType = "default",
+      inputMode = void 0;
+    switch (type) {
+      case "password":
+        secureTextEntry = !0;
+        break;
+      case "email":
+        keyboardType = "email-address", inputMode = "email";
+        break;
+      case "tel":
+        keyboardType = "phone-pad", inputMode = "tel";
+        break;
+      case "number":
+        keyboardType = "numeric", inputMode = "numeric";
+        break;
+      case "url":
+        keyboardType = "url", inputMode = "url";
+        break;
+      case "search":
+        inputMode = "search";
+        break;
+    }
+    var returnKeyType = void 0;
+    switch (enterKeyHint) {
+      case "done":
+        returnKeyType = "done";
+        break;
+      case "go":
+        returnKeyType = "go";
+        break;
+      case "next":
+        returnKeyType = "next";
+        break;
+      case "search":
+        returnKeyType = "search";
+        break;
+      case "send":
+        returnKeyType = "send";
+        break;
+    }
+    var _theme_placeholderTextColor_val,
+      resolvedPlaceholderColor = placeholderTextColor ? (0, import_core.getTokenValue)((_theme_placeholderTextColor_val = (_theme_placeholderTextColor = theme[placeholderTextColor]) === null || _theme_placeholderTextColor === void 0 ? void 0 : _theme_placeholderTextColor.val) !== null && _theme_placeholderTextColor_val !== void 0 ? _theme_placeholderTextColor_val : placeholderTextColor, "color") : void 0,
+      _theme_selectionColor_val,
+      resolvedSelectionColor = selectionColor ? (0, import_core.getTokenValue)((_theme_selectionColor_val = (_theme_selectionColor = theme[selectionColor]) === null || _theme_selectionColor === void 0 ? void 0 : _theme_selectionColor.val) !== null && _theme_selectionColor_val !== void 0 ? _theme_selectionColor_val : selectionColor, "color") : void 0;
+    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();
+          return (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
         },
-        focus: function () {}
+        focus: function () {
+          var _ref_current;
+          return (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
+        }
       });
-    }, [id, disabled]), /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledInput, {
-      onChange: function (e) {},
+    }, [id, disabled]);
+    var handleChangeText = function (text) {
+        onChangeText?.(text), onChange && onChange({
+          target: {
+            value: text
+          },
+          type: "change"
+        }), onInput && onInput({
+          target: {
+            value: text
+          },
+          type: "input"
+        });
+      },
+      handleKeyPress = function (e) {
+        if (onKeyDown) {
+          var {
+            key
+          } = e.nativeEvent;
+          (key === "Backspace" || key === "Enter" || key.length === 1) && onKeyDown({
+            key,
+            type: "keydown"
+          });
+        }
+      },
+      handleSubmitEditing = function (e) {
+        onKeyDown && onKeyDown({
+          key: "Enter",
+          type: "keydown"
+        }), onSubmitEditing && onSubmitEditing(e);
+      },
+      handleSelectionChange = function (e) {
+        onSelectionChange?.(e);
+      },
+      finalProps = {
+        ...rest,
+        editable: !disabled && !readOnly,
+        secureTextEntry,
+        keyboardType,
+        inputMode,
+        returnKeyType,
+        multiline: tag === "textarea" || rows && rows > 1,
+        numberOfLines: rows,
+        selection,
+        placeholderTextColor: resolvedPlaceholderColor,
+        selectionColor: resolvedSelectionColor,
+        onChangeText: handleChangeText,
+        onKeyPress: onKeyDown ? handleKeyPress : void 0,
+        onSubmitEditing: onKeyDown || onSubmitEditing ? handleSubmitEditing : void 0,
+        onSelectionChange: onSelectionChange ? handleSelectionChange : void 0,
+        autoComplete
+      };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledInput, {
       ref: composedRefs,
       ...finalProps
     });

package/dist/jsx/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_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","tag","rest","ref","default","useRef","composedRefs","useComposedRefs","secureTextEntry","cursorColor","_returnKeyType","_enterKeyHint","_inputMode","showSoftInputOnFocus","finalProps","numberOfLines","multiline","onKeyPress","e","key","nativeEvent","length","onSubmitEditing","text","target","value","useEffect","registerFocusable","focusAndSelect","_ref_current","current","focus","jsx"],"sources":["../../src/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_react_native","import_core","import_focusable","import_shared","StyledInput","styled","TextInput","styledBody","styleable","props","forwardedRef","_theme_placeholderTextColor","_theme_selectionColor","type","disabled","readOnly","id","rows","autoComplete","enterKeyHint","placeholderTextColor","selectionColor","onChange","onInput","onKeyDown","onChangeText","onSubmitEditing","onSelectionChange","selection","dirname","min","max","minLength","multiple","name","pattern","required","step","tag","rest","ref","default","useRef","theme","useTheme","composedRefs","useComposedRefs","secureTextEntry","keyboardType","inputMode","returnKeyType","_theme_placeholderTextColor_val","resolvedPlaceholderColor","getTokenValue","val","_theme_selectionColor_val","resolvedSelectionColor","useEffect","registerFocusable","focusAndSelect","_ref_current","current","focus","handleChangeText","text","target","value","handleKeyPress","e","key","nativeEvent","length","handleSubmitEditing","handleSelectionChange","finalProps","editable","multiline","numberOfLines","onKeyPress","jsx"],"sources":["../../src/Input.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/TextArea.js

@@ -12,7 +12,7 @@ const TextArea = styled(Input, {
       false: {
         height: "auto",
         ...defaultStyles,
-        numberOfLines: 3
+        rows: 3
       }
     },
     size: {

package/dist/jsx/TextArea.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/TextArea.tsx"],
-  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,eAAe,2BAA2B;AAM5C,MAAM,WAAW,OAAO,OAAO;AAAA,EACpC,MAAM;AAAA,EACN,KAAK;AAAA;AAAA;AAAA,EAIL,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,GAAG;AAAA,QACH,eAAe;AAAA,MACjB;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;",
+  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,eAAe,2BAA2B;AAQ5C,MAAM,WAAW,OAAO,OAAO;AAAA,EACpC,MAAM;AAAA,EACN,KAAK;AAAA;AAAA;AAAA,EAIL,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,GAAG;AAAA,QACH,MAAM;AAAA,MACR;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;",
   "names": []
 }

package/dist/jsx/TextArea.mjs

@@ -12,7 +12,7 @@ const TextArea = styled(Input, {
       false: {
         height: "auto",
         ...defaultStyles,
-        numberOfLines: 3
+        rows: 3
       }
     },
     size: {

package/dist/jsx/TextArea.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["styled","Input","defaultStyles","textAreaSizeVariant","TextArea","name","tag","whiteSpace","variants","unstyled","false","height","numberOfLines","size","defaultVariants","process","env","TAMAGUI_HEADLESS"],"sources":["../../src/TextArea.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,KAAA,QAAa;AACtB,SAASC,aAAA,EAAeC,mBAAA,QAA2B;AAM5C,MAAMC,QAAA,GAAWJ,MAAA,CAAOC,KAAA,EAAO;EACpCI,IAAA,EAAM;EACNC,GAAA,EAAK;EAAA;EAAA;EAILC,UAAA,EAAY;EAEZC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,MAAA,EAAQ;QACR,GAAGT,aAAA;QACHU,aAAA,EAAe;MACjB;IACF;IAEAC,IAAA,EAAM;MACJ,WAAWV;IACb;EACF;EAEAW,eAAA,EAAiB;IACfL,QAAA,EAAUM,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["styled","Input","defaultStyles","textAreaSizeVariant","TextArea","name","tag","whiteSpace","variants","unstyled","false","height","rows","size","defaultVariants","process","env","TAMAGUI_HEADLESS"],"sources":["../../src/TextArea.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,KAAA,QAAa;AACtB,SAASC,aAAA,EAAeC,mBAAA,QAA2B;AAQ5C,MAAMC,QAAA,GAAWJ,MAAA,CAAOC,KAAA,EAAO;EACpCI,IAAA,EAAM;EACNC,GAAA,EAAK;EAAA;EAAA;EAILC,UAAA,EAAY;EAEZC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,MAAA,EAAQ;QACR,GAAGT,aAAA;QACHU,IAAA,EAAM;MACR;IACF;IAEAC,IAAA,EAAM;MACJ,WAAWV;IACb;EACF;EAEAW,eAAA,EAAiB;IACfL,QAAA,EAAUM,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC","ignoreList":[]}

package/dist/jsx/TextArea.native.js

@@ -39,7 +39,7 @@ var import_web = require("@tamagui/web"),
         false: {
           height: "auto",
           ...import_shared.defaultStyles,
-          numberOfLines: 3
+          rows: 3
         }
       },
       size: {

package/dist/jsx/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","tag"],"sources":["../../src/TextArea.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAa,CAAAC,cAAA;AACtB,IAAAC,gBAAS,GAAAF,MAAe,CAAAG,wBAA2B;AAM5C,IAAAC,iBAAiB,GAAOJ,MAAA,CAAOK,mBAAA;AAAA,IACpCC,YAAM,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACNC,QAAK,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;EAILC,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,GACf,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","import_shared","styled","Input","tag"],"sources":["../../src/TextArea.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAa,CAAAC,cAAA;AACtB,IAAAC,gBAAS,GAAAF,MAAe,CAAAG,wBAA2B;AAQ5C,IAAAC,iBAAiB,GAAOJ,MAAA,CAAOK,mBAAA;AAAA,IACpCC,YAAM,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACNC,QAAK,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;EAILC,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,YACG,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,gBACR;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,GACf,YAAU;IACZ;IACD","ignoreList":[]}

package/dist/jsx/v1/Input.js

@@ -0,0 +1,151 @@
+import { View, styled, useComposedRefs, useEvent, useTheme } from "@tamagui/core";
+import { registerFocusable } from "@tamagui/focusable";
+import React from "react";
+import { styledBody } from "../shared";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const StyledInput = styled(View, styledBody[0], styledBody[1]), Input = StyledInput.styleable((inProps, forwardedRef) => {
+  const {
+    // some of destructed props are just to avoid passing them to ...rest because they are not in web.
+    allowFontScaling,
+    selectTextOnFocus,
+    showSoftInputOnFocus,
+    textContentType,
+    passwordRules,
+    textBreakStrategy,
+    underlineColorAndroid,
+    selection,
+    lineBreakStrategyIOS,
+    returnKeyLabel,
+    disabled,
+    onSubmitEditing,
+    caretHidden,
+    clearButtonMode,
+    clearTextOnFocus,
+    contextMenuHidden,
+    dataDetectorTypes,
+    id,
+    enablesReturnKeyAutomatically,
+    importantForAutofill,
+    inlineImageLeft,
+    inlineImagePadding,
+    inputAccessoryViewID,
+    keyboardAppearance,
+    keyboardType,
+    cursorColor,
+    disableFullscreenUI,
+    editable,
+    maxFontSizeMultiplier,
+    multiline,
+    numberOfLines,
+    onChangeText,
+    onContentSizeChange,
+    onEndEditing,
+    onScroll,
+    onSelectionChange,
+    // @ts-ignore
+    caretColor,
+    placeholderTextColor,
+    blurOnSubmit,
+    enterKeyHint,
+    returnKeyType,
+    rejectResponderTermination,
+    scrollEnabled,
+    secureTextEntry,
+    selectionColor,
+    inputMode,
+    ...rest
+  } = inProps, ref = React.useRef(null), theme = useTheme(), composedRefs = useComposedRefs(forwardedRef, ref), _onSelectionChange = useEvent(() => {
+    const start = ref.current?.selectionStart ?? 0, end = ref.current?.selectionEnd ?? 0;
+    onSelectionChange?.({
+      nativeEvent: {
+        selection: {
+          end,
+          start
+        }
+      }
+    });
+  });
+  React.useEffect(() => {
+    if (onSelectionChange)
+      return ref.current?.addEventListener("selectionchange", _onSelectionChange), () => {
+        ref.current?.removeEventListener("selectionchange", _onSelectionChange);
+      };
+  }, []), React.useEffect(() => {
+    selection && ref.current?.setSelectionRange(selection.start || null, selection.end || null);
+  }, [selection?.start, selection?.end]);
+  const finalProps = {
+    ...rest,
+    disabled,
+    caretColor,
+    id,
+    enterKeyHint,
+    type: (() => {
+      if (rest?.type) return rest.type;
+      if (secureTextEntry) return "password";
+      switch (keyboardType) {
+        case "number-pad":
+        case "numeric":
+          return "number";
+        case "email-address":
+          return "email";
+        case "phone-pad":
+          return "tel";
+        case "url":
+          return "url";
+        default:
+          return "text";
+      }
+    })(),
+    inputMode: (() => {
+      switch (keyboardType) {
+        case "number-pad":
+        case "numeric":
+          return "numeric";
+        case "decimal-pad":
+          return "decimal";
+        case "email-address":
+          return "email";
+        case "phone-pad":
+          return "tel";
+        case "url":
+          return "url";
+        default:
+          return;
+      }
+    })(),
+    style: {
+      ...rest.style,
+      ...placeholderTextColor && {
+        "--placeholderColor": theme[placeholderTextColor]?.variable || placeholderTextColor
+      },
+      ...selectionColor && {
+        "--selectionColor": theme[selectionColor]?.variable || selectionColor
+      }
+    }
+  };
+  return React.useEffect(() => {
+    if (id && !disabled)
+      return registerFocusable(id, {
+        focusAndSelect: () => {
+          ref.current?.focus();
+        },
+        focus: () => {
+        }
+      });
+  }, [id, disabled]), /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("style", { children: `
+      input::selection, textarea::selection {
+        background-color: var(--selectionBackground) !important;
+      }
+
+      input::placeholder, textarea::placeholder {
+        color: var(--placeholderColor) !important;
+      }
+      ` }),
+    /* @__PURE__ */ jsx(StyledInput, { ref: composedRefs, ...finalProps })
+  ] });
+});
+export {
+  Input
+};
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/v1/Input.tsx"],
+  "mappings": "AAAA,SAAS,MAAM,QAAQ,iBAAiB,UAAU,gBAAgB;AAClE,SAAS,yBAAyB;AAClC,OAAO,WAAiE;AACxE,SAAS,kBAAkB;AAyKvB,mBAEI,KAFJ;AAtKJ,MAAM,cAAc,OAAO,MAAM,WAAW,CAAC,GAAG,WAAW,CAAC,CAAC,GAOhD,QAAQ,YAAY,UAAsB,CAAC,SAAS,iBAAiB;AAChF,QAAM;AAAA;AAAA,IAEJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI,SAEE,MAAM,MAAM,OAAyB,IAAI,GACzC,QAAQ,SAAS,GAEjB,eAAe,gBAAgB,cAAc,GAAG,GAEhD,qBAAqB,SAAS,MAAM;AACxC,UAAM,QAAQ,IAAI,SAAS,kBAAkB,GACvC,MAAM,IAAI,SAAS,gBAAgB;AACzC,wBAAoB;AAAA,MAClB,aAAa;AAAA,QACX,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAQ;AAAA,EACV,CAAC;AAED,QAAM,UAAU,MAAM;AACpB,QAAI;AACF,iBAAI,SAAS,iBAAiB,mBAAmB,kBAAkB,GAC5D,MAAM;AACX,YAAI,SAAS,oBAAoB,mBAAmB,kBAAkB;AAAA,MACxE;AAAA,EAEJ,GAAG,CAAC,CAAC,GAEL,MAAM,UAAU,MAAM;AACpB,IAAI,aACF,IAAI,SAAS,kBAAkB,UAAU,SAAS,MAAM,UAAU,OAAO,IAAI;AAAA,EAEjF,GAAG,CAAC,WAAW,OAAO,WAAW,GAAG,CAAC;AAErC,QAAM,aAAa;AAAA,IACjB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAGM,OAAO,MAAM;AACX,UAAI,MAAM,KAAM,QAAO,KAAK;AAC5B,UAAI,gBAAiB,QAAO;AAC5B,cAAQ,cAAc;AAAA,QACpB,KAAK;AAAA,QACL,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG;AAAA,IACH,YAAY,MAAM;AAChB,cAAQ,cAAc;AAAA,QACpB,KAAK;AAAA,QACL,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE;AAAA,MACJ;AAAA,IACF,GAAG;AAAA,IAOT,OAAO;AAAA,MACL,GAAI,KAAK;AAAA,MACT,GAAI,wBAAwB;AAAA,QAC1B,sBACE,MAAM,oBAAoB,GAAG,YAAY;AAAA,MAC7C;AAAA,MACA,GAAI,kBAAkB;AAAA,QACpB,oBAAoB,MAAM,cAAc,GAAG,YAAY;AAAA,MACzD;AAAA,IACF;AAAA,EACF;AAEA,eAAM,UAAU,MAAM;AACpB,QAAK,MACD;AAEJ,aAAO,kBAAkB,IAAI;AAAA,QAC3B,gBAAgB,MAAM;AACpB,cAAI,SAAS,MAAM;AAAA,QACrB;AAAA,QACA,OAAO,MAAM;AAAA,QAAC;AAAA,MAChB,CAAC;AAAA,EACH,GAAG,CAAC,IAAI,QAAQ,CAAC,GAGf,iCAEI;AAAA,wBAAC,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SASH;AAAA,IAGF,oBAAC,eAAY,KAAK,cAAe,GAAG,YAAY;AAAA,KAClD;AAEJ,CAAC;",
+  "names": []
+}

package/dist/jsx/v1/Input.mjs

@@ -0,0 +1,156 @@
+import { View, styled, useComposedRefs, useEvent, useTheme } from "@tamagui/core";
+import { registerFocusable } from "@tamagui/focusable";
+import React from "react";
+import { styledBody } from "../shared.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const StyledInput = styled(View, styledBody[0], styledBody[1]),
+  Input = StyledInput.styleable((inProps, forwardedRef) => {
+    const {
+        // some of destructed props are just to avoid passing them to ...rest because they are not in web.
+        allowFontScaling,
+        selectTextOnFocus,
+        showSoftInputOnFocus,
+        textContentType,
+        passwordRules,
+        textBreakStrategy,
+        underlineColorAndroid,
+        selection,
+        lineBreakStrategyIOS,
+        returnKeyLabel,
+        disabled,
+        onSubmitEditing,
+        caretHidden,
+        clearButtonMode,
+        clearTextOnFocus,
+        contextMenuHidden,
+        dataDetectorTypes,
+        id,
+        enablesReturnKeyAutomatically,
+        importantForAutofill,
+        inlineImageLeft,
+        inlineImagePadding,
+        inputAccessoryViewID,
+        keyboardAppearance,
+        keyboardType,
+        cursorColor,
+        disableFullscreenUI,
+        editable,
+        maxFontSizeMultiplier,
+        multiline,
+        numberOfLines,
+        onChangeText,
+        onContentSizeChange,
+        onEndEditing,
+        onScroll,
+        onSelectionChange,
+        // @ts-ignore
+        caretColor,
+        placeholderTextColor,
+        blurOnSubmit,
+        enterKeyHint,
+        returnKeyType,
+        rejectResponderTermination,
+        scrollEnabled,
+        secureTextEntry,
+        selectionColor,
+        inputMode,
+        ...rest
+      } = inProps,
+      ref = React.useRef(null),
+      theme = useTheme(),
+      composedRefs = useComposedRefs(forwardedRef, ref),
+      _onSelectionChange = useEvent(() => {
+        const start = ref.current?.selectionStart ?? 0,
+          end = ref.current?.selectionEnd ?? 0;
+        onSelectionChange?.({
+          nativeEvent: {
+            selection: {
+              end,
+              start
+            }
+          }
+        });
+      });
+    React.useEffect(() => {
+      if (onSelectionChange) return ref.current?.addEventListener("selectionchange", _onSelectionChange), () => {
+        ref.current?.removeEventListener("selectionchange", _onSelectionChange);
+      };
+    }, []), React.useEffect(() => {
+      selection && ref.current?.setSelectionRange(selection.start || null, selection.end || null);
+    }, [selection?.start, selection?.end]);
+    const finalProps = {
+      ...rest,
+      disabled,
+      caretColor,
+      id,
+      enterKeyHint,
+      type: (() => {
+        if (rest?.type) return rest.type;
+        if (secureTextEntry) return "password";
+        switch (keyboardType) {
+          case "number-pad":
+          case "numeric":
+            return "number";
+          case "email-address":
+            return "email";
+          case "phone-pad":
+            return "tel";
+          case "url":
+            return "url";
+          default:
+            return "text";
+        }
+      })(),
+      inputMode: (() => {
+        switch (keyboardType) {
+          case "number-pad":
+          case "numeric":
+            return "numeric";
+          case "decimal-pad":
+            return "decimal";
+          case "email-address":
+            return "email";
+          case "phone-pad":
+            return "tel";
+          case "url":
+            return "url";
+          default:
+            return;
+        }
+      })(),
+      style: {
+        ...rest.style,
+        ...(placeholderTextColor && {
+          "--placeholderColor": theme[placeholderTextColor]?.variable || placeholderTextColor
+        }),
+        ...(selectionColor && {
+          "--selectionColor": theme[selectionColor]?.variable || selectionColor
+        })
+      }
+    };
+    return React.useEffect(() => {
+      if (id && !disabled) return registerFocusable(id, {
+        focusAndSelect: () => {
+          ref.current?.focus();
+        },
+        focus: () => {}
+      });
+    }, [id, disabled]), /* @__PURE__ */jsxs(Fragment, {
+      children: [/* @__PURE__ */jsx("style", {
+        children: `
+      input::selection, textarea::selection {
+        background-color: var(--selectionBackground) !important;
+      }
+
+      input::placeholder, textarea::placeholder {
+        color: var(--placeholderColor) !important;
+      }
+      `
+      }), /* @__PURE__ */jsx(StyledInput, {
+        ref: composedRefs,
+        ...finalProps
+      })]
+    });
+  });
+export { Input };
+//# sourceMappingURL=Input.mjs.map