@tamagui/input 2.7.7 → 3.0.0-beta.643.1

package/dist/jsx/Input.mjs

@@ -1,146 +1,72 @@
-import { View, styled, useTheme } from "@tamagui/core";
+import { View, createStyledHOC, styled, useTheme } from "@tamagui/core";
 import { registerFocusable } from "@tamagui/focusable";
 import { useWebRef } from "@tamagui/element";
 import React from "react";
 import { styledBody } from "./shared.mjs";
 import { jsx } from "react/jsx-runtime";
+
 const StyledInput = styled(View, styledBody[0], styledBody[1]);
-const Input = StyledInput.styleable((props, _forwardedRef) => {
-  const {
-    disabled,
-    id,
-    onChangeText,
-    onSubmitEditing,
-    onSelectionChange,
-    selection,
-    placeholderTextColor,
-    selectionColor,
-    rows,
-    // Native-only props (ignored on web)
-    keyboardAppearance,
-    returnKeyType,
-    submitBehavior,
-    blurOnSubmit,
-    caretHidden,
-    contextMenuHidden,
-    selectTextOnFocus,
-    secureTextEntry,
-    maxFontSizeMultiplier,
-    allowFontScaling,
-    multiline,
-    keyboardType,
-    autoCapitalize: autoCapitalizeProp,
-    autoCorrect: autoCorrectProp,
-    autoFocusNative,
-    textContentType,
-    onEndEditing,
-    onContentSizeChange,
-    onScroll,
-    onKeyPress,
-    // iOS-only props (ignored on web)
-    clearButtonMode,
-    clearTextOnFocus,
-    enablesReturnKeyAutomatically,
-    dataDetectorTypes,
-    scrollEnabled,
-    passwordRules,
-    rejectResponderTermination,
-    spellCheck,
-    lineBreakStrategyIOS,
-    lineBreakModeIOS,
-    smartInsertDelete,
-    inputAccessoryViewID,
-    inputAccessoryViewButtonLabel,
-    disableKeyboardShortcuts,
-    // Android-only props (ignored on web)
-    cursorColor,
-    selectionHandleColor,
-    underlineColorAndroid,
-    importantForAutofill,
-    disableFullscreenUI,
-    inlineImageLeft,
-    inlineImagePadding,
-    returnKeyLabel,
-    textBreakStrategy,
-    textAlignVertical,
-    verticalAlign,
-    showSoftInputOnFocus,
-    numberOfLines,
-    ...rest
-  } = props;
-  const {
-    ref,
-    composedRef
-  } = useWebRef(_forwardedRef);
-  const theme = useTheme();
-  const autoCorrect = autoCorrectProp === true ? "on" : autoCorrectProp === false ? "off" : autoCorrectProp;
-  const autoCapitalize = autoCapitalizeProp === "sentences" || autoCapitalizeProp === "words" ? "on" : autoCapitalizeProp === "none" || autoCapitalizeProp === "characters" ? "off" : autoCapitalizeProp;
-  React.useEffect(() => {
-    if (!onSelectionChange) return;
-    const node = ref.current;
-    if (!node) return;
-    const handleSelectionChange = () => {
-      onSelectionChange({
-        nativeEvent: {
-          selection: {
-            start: node.selectionStart ?? 0,
-            end: node.selectionEnd ?? 0
-          }
-        }
-      });
-    };
-    node.addEventListener("select", handleSelectionChange);
-    return () => node.removeEventListener("select", handleSelectionChange);
-  }, [onSelectionChange]);
-  React.useEffect(() => {
-    if (selection && ref.current) {
-      ref.current.setSelectionRange(selection.start, selection.end ?? selection.start);
-    }
-  }, [selection?.start, selection?.end]);
-  React.useEffect(() => {
-    if (!id || disabled) return;
-    return registerFocusable(id, {
-      focusAndSelect: () => ref.current?.focus(),
-      focus: () => ref.current?.focus()
-    });
-  }, [id, disabled]);
-  const handleKeyDown = e => {
-    if (e.key === "Enter" && onSubmitEditing) {
-      onSubmitEditing({
-        nativeEvent: {
-          text: e.target.value
-        }
-      });
-    }
-    rest.onKeyDown?.(e);
-  };
-  const handleChange = e => {
-    onChangeText?.(e.target.value);
-    rest.onChange?.(e);
-  };
-  const finalProps = {
-    ...rest,
-    disabled,
-    id,
-    rows,
-    autoCorrect,
-    autoCapitalize,
-    onKeyDown: onSubmitEditing ? handleKeyDown : rest.onKeyDown,
-    onChange: onChangeText ? handleChange : rest.onChange,
-    style: {
-      ...rest.style,
-      ...(placeholderTextColor && {
-        "--t_placeholderColor": theme[placeholderTextColor]?.variable || placeholderTextColor
-      }),
-      ...(selectionColor && {
-        "--t_selectionColor": theme[selectionColor]?.variable || selectionColor
-      })
-    }
-  };
-  return /* @__PURE__ */jsx(StyledInput, {
-    ref: composedRef,
-    ...finalProps
-  });
+const Input = createStyledHOC(StyledInput, (props, _forwardedRef) => {
+	const { disabled, id, onChangeText, onSubmitEditing, onSelectionChange, selection, placeholderTextColor, selectionColor, rows, keyboardAppearance, returnKeyType, submitBehavior, blurOnSubmit, caretHidden, contextMenuHidden, selectTextOnFocus, secureTextEntry, maxFontSizeMultiplier, allowFontScaling, multiline, keyboardType, autoCapitalize: autoCapitalizeProp, autoCorrect: autoCorrectProp, autoFocusNative, textContentType, onEndEditing, onContentSizeChange, onScroll, onKeyPress, clearButtonMode, clearTextOnFocus, enablesReturnKeyAutomatically, dataDetectorTypes, scrollEnabled, passwordRules, rejectResponderTermination, spellCheck, lineBreakStrategyIOS, lineBreakModeIOS, smartInsertDelete, inputAccessoryViewID, inputAccessoryViewButtonLabel, disableKeyboardShortcuts, cursorColor, selectionHandleColor, underlineColorAndroid, importantForAutofill, disableFullscreenUI, inlineImageLeft, inlineImagePadding, returnKeyLabel, textBreakStrategy, textAlignVertical, verticalAlign, showSoftInputOnFocus, numberOfLines, ...rest } = props;
+	const { ref, composedRef } = useWebRef(_forwardedRef);
+	const theme = useTheme();
+	const autoCorrect = autoCorrectProp === true ? "on" : autoCorrectProp === false ? "off" : autoCorrectProp;
+	const autoCapitalize = autoCapitalizeProp === "sentences" || autoCapitalizeProp === "words" ? "on" : autoCapitalizeProp === "none" || autoCapitalizeProp === "characters" ? "off" : autoCapitalizeProp;
+	React.useEffect(() => {
+		if (!onSelectionChange) return;
+		const node = ref.current;
+		if (!node) return;
+		const handleSelectionChange = () => {
+			onSelectionChange({ nativeEvent: { selection: {
+				start: node.selectionStart ?? 0,
+				end: node.selectionEnd ?? 0
+			} } });
+		};
+		node.addEventListener("select", handleSelectionChange);
+		return () => node.removeEventListener("select", handleSelectionChange);
+	}, [onSelectionChange]);
+	React.useEffect(() => {
+		if (selection && ref.current) {
+			ref.current.setSelectionRange(selection.start, selection.end ?? selection.start);
+		}
+	}, [selection?.start, selection?.end]);
+	React.useEffect(() => {
+		if (!id || disabled) return;
+		return registerFocusable(id, {
+			focusAndSelect: () => ref.current?.focus(),
+			focus: () => ref.current?.focus()
+		});
+	}, [id, disabled]);
+	const handleKeyDown = (e) => {
+		if (e.key === "Enter" && onSubmitEditing) {
+			onSubmitEditing({ nativeEvent: { text: e.target.value } });
+		}
+		rest.onKeyDown?.(e);
+	};
+	const handleChange = (e) => {
+		onChangeText?.(e.target.value);
+		rest.onChange?.(e);
+	};
+	const finalProps = {
+		...rest,
+		disabled,
+		id,
+		rows,
+		autoCorrect,
+		autoCapitalize,
+		onKeyDown: onSubmitEditing ? handleKeyDown : rest.onKeyDown,
+		onChange: onChangeText ? handleChange : rest.onChange,
+		style: {
+			...rest.style,
+			...placeholderTextColor && { "--t_placeholderColor": theme[placeholderTextColor]?.variable || placeholderTextColor },
+			...selectionColor && { "--t_selectionColor": theme[selectionColor]?.variable || selectionColor }
+		}
+	};
+	return /* @__PURE__ */ jsx(StyledInput, {
+		ref: composedRef,
+		...finalProps
+	});
 });
+
 export { Input };
 //# sourceMappingURL=Input.mjs.map

package/dist/jsx/Input.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["View","styled","useTheme","registerFocusable","useWebRef","React","styledBody","jsx","StyledInput","Input","styleable","props","_forwardedRef","disabled","id","onChangeText","onSubmitEditing","onSelectionChange","selection","placeholderTextColor","selectionColor","rows","keyboardAppearance","returnKeyType","submitBehavior","blurOnSubmit","caretHidden","contextMenuHidden","selectTextOnFocus","secureTextEntry","maxFontSizeMultiplier","allowFontScaling","multiline","keyboardType","autoCapitalize","autoCapitalizeProp","autoCorrect","autoCorrectProp","autoFocusNative","textContentType","onEndEditing","onContentSizeChange","onScroll","onKeyPress","clearButtonMode","clearTextOnFocus","enablesReturnKeyAutomatically","dataDetectorTypes","scrollEnabled","passwordRules","rejectResponderTermination","spellCheck","lineBreakStrategyIOS","lineBreakModeIOS","smartInsertDelete","inputAccessoryViewID","inputAccessoryViewButtonLabel","disableKeyboardShortcuts","cursorColor","selectionHandleColor","underlineColorAndroid","importantForAutofill","disableFullscreenUI","inlineImageLeft","inlineImagePadding","returnKeyLabel","textBreakStrategy","textAlignVertical","verticalAlign","showSoftInputOnFocus","numberOfLines","rest","ref","composedRef","theme","useEffect","node","current","handleSelectionChange","nativeEvent","start","selectionStart","end","selectionEnd","addEventListener","removeEventListener","setSelectionRange","focusAndSelect","focus","handleKeyDown","e","key","text","target","value","onKeyDown","handleChange","onChange","finalProps","style","variable"],"sources":["../../src/Input.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Input.js","names":[],"sources":["jsx/Input.js"],"sourcesContent":["import { createStyledHOC, View, styled, useTheme } from \"@tamagui/core\";\nimport { registerFocusable } from \"@tamagui/focusable\";\nimport { useWebRef } from \"@tamagui/element\";\nimport React from \"react\";\nimport { styledBody } from \"./shared\";\nimport { jsx } from \"react/jsx-runtime\";\nconst StyledInput = styled(View, styledBody[0], styledBody[1]);\nconst Input = createStyledHOC(\n  StyledInput,\n  (props, _forwardedRef) => {\n    const {\n      disabled,\n      id,\n      onChangeText,\n      onSubmitEditing,\n      onSelectionChange,\n      selection,\n      placeholderTextColor,\n      selectionColor,\n      rows,\n      // Native-only props (ignored on web)\n      keyboardAppearance,\n      returnKeyType,\n      submitBehavior,\n      blurOnSubmit,\n      caretHidden,\n      contextMenuHidden,\n      selectTextOnFocus,\n      secureTextEntry,\n      maxFontSizeMultiplier,\n      allowFontScaling,\n      multiline,\n      keyboardType,\n      autoCapitalize: autoCapitalizeProp,\n      autoCorrect: autoCorrectProp,\n      autoFocusNative,\n      textContentType,\n      onEndEditing,\n      onContentSizeChange,\n      onScroll,\n      onKeyPress,\n      // iOS-only props (ignored on web)\n      clearButtonMode,\n      clearTextOnFocus,\n      enablesReturnKeyAutomatically,\n      dataDetectorTypes,\n      scrollEnabled,\n      passwordRules,\n      rejectResponderTermination,\n      spellCheck,\n      lineBreakStrategyIOS,\n      lineBreakModeIOS,\n      smartInsertDelete,\n      inputAccessoryViewID,\n      inputAccessoryViewButtonLabel,\n      disableKeyboardShortcuts,\n      // Android-only props (ignored on web)\n      cursorColor,\n      selectionHandleColor,\n      underlineColorAndroid,\n      importantForAutofill,\n      disableFullscreenUI,\n      inlineImageLeft,\n      inlineImagePadding,\n      returnKeyLabel,\n      textBreakStrategy,\n      textAlignVertical,\n      verticalAlign,\n      showSoftInputOnFocus,\n      numberOfLines,\n      ...rest\n    } = props;\n    const { ref, composedRef } = useWebRef(_forwardedRef);\n    const theme = useTheme();\n    const autoCorrect = autoCorrectProp === true ? \"on\" : autoCorrectProp === false ? \"off\" : autoCorrectProp;\n    const autoCapitalize = autoCapitalizeProp === \"sentences\" || autoCapitalizeProp === \"words\" ? \"on\" : autoCapitalizeProp === \"none\" || autoCapitalizeProp === \"characters\" ? \"off\" : autoCapitalizeProp;\n    React.useEffect(() => {\n      if (!onSelectionChange) return;\n      const node = ref.current;\n      if (!node) return;\n      const handleSelectionChange = () => {\n        onSelectionChange({\n          nativeEvent: {\n            selection: {\n              start: node.selectionStart ?? 0,\n              end: node.selectionEnd ?? 0\n            }\n          }\n        });\n      };\n      node.addEventListener(\"select\", handleSelectionChange);\n      return () => node.removeEventListener(\"select\", handleSelectionChange);\n    }, [onSelectionChange]);\n    React.useEffect(() => {\n      if (selection && ref.current) {\n        ref.current.setSelectionRange(selection.start, selection.end ?? selection.start);\n      }\n    }, [selection?.start, selection?.end]);\n    React.useEffect(() => {\n      if (!id || disabled) return;\n      return registerFocusable(id, {\n        focusAndSelect: () => ref.current?.focus(),\n        focus: () => ref.current?.focus()\n      });\n    }, [id, disabled]);\n    const handleKeyDown = (e) => {\n      if (e.key === \"Enter\" && onSubmitEditing) {\n        onSubmitEditing({\n          nativeEvent: { text: e.target.value }\n        });\n      }\n      rest.onKeyDown?.(e);\n    };\n    const handleChange = (e) => {\n      onChangeText?.(e.target.value);\n      rest.onChange?.(e);\n    };\n    const finalProps = {\n      ...rest,\n      disabled,\n      id,\n      rows,\n      autoCorrect,\n      autoCapitalize,\n      onKeyDown: onSubmitEditing ? handleKeyDown : rest.onKeyDown,\n      onChange: onChangeText ? handleChange : rest.onChange,\n      style: {\n        ...rest.style,\n        ...placeholderTextColor && {\n          \"--t_placeholderColor\": theme[placeholderTextColor]?.variable || placeholderTextColor\n        },\n        ...selectionColor && {\n          \"--t_selectionColor\": theme[selectionColor]?.variable || selectionColor\n        }\n      }\n    };\n    return /* @__PURE__ */ jsx(StyledInput, { ref: composedRef, ...finalProps });\n  }\n);\nexport {\n  Input\n};\n//# sourceMappingURL=Input.js.map\n"],"mappings":";;;;;;;;AAMA,MAAM,cAAc,OAAO,MAAM,WAAW,IAAI,WAAW,EAAE;AAC7D,MAAM,QAAQ,gBACZ,cACC,OAAO,kBAAkB;CACxB,MAAM,EACJ,UACA,IACA,cACA,iBACA,mBACA,WACA,sBACA,gBACA,MAEA,oBACA,eACA,gBACA,cACA,aACA,mBACA,mBACA,iBACA,uBACA,kBACA,WACA,cACA,gBAAgB,oBAChB,aAAa,iBACb,iBACA,iBACA,cACA,qBACA,UACA,YAEA,iBACA,kBACA,+BACA,mBACA,eACA,eACA,4BACA,YACA,sBACA,kBACA,mBACA,sBACA,+BACA,0BAEA,aACA,sBACA,uBACA,sBACA,qBACA,iBACA,oBACA,gBACA,mBACA,mBACA,eACA,sBACA,eACA,GAAG,SACD;CACJ,MAAM,EAAE,KAAK,gBAAgB,UAAU,aAAa;CACpD,MAAM,QAAQ,SAAS;CACvB,MAAM,cAAc,oBAAoB,OAAO,OAAO,oBAAoB,QAAQ,QAAQ;CAC1F,MAAM,iBAAiB,uBAAuB,eAAe,uBAAuB,UAAU,OAAO,uBAAuB,UAAU,uBAAuB,eAAe,QAAQ;CACpL,MAAM,gBAAgB;EACpB,IAAI,CAAC,mBAAmB;EACxB,MAAM,OAAO,IAAI;EACjB,IAAI,CAAC,MAAM;EACX,MAAM,8BAA8B;GAClC,kBAAkB,EAChB,aAAa,EACX,WAAW;IACT,OAAO,KAAK,kBAAkB;IAC9B,KAAK,KAAK,gBAAgB;GAC5B,EACF,EACF,CAAC;EACH;EACA,KAAK,iBAAiB,UAAU,qBAAqB;EACrD,aAAa,KAAK,oBAAoB,UAAU,qBAAqB;CACvE,GAAG,CAAC,iBAAiB,CAAC;CACtB,MAAM,gBAAgB;EACpB,IAAI,aAAa,IAAI,SAAS;GAC5B,IAAI,QAAQ,kBAAkB,UAAU,OAAO,UAAU,OAAO,UAAU,KAAK;EACjF;CACF,GAAG,CAAC,WAAW,OAAO,WAAW,GAAG,CAAC;CACrC,MAAM,gBAAgB;EACpB,IAAI,CAAC,MAAM,UAAU;EACrB,OAAO,kBAAkB,IAAI;GAC3B,sBAAsB,IAAI,SAAS,MAAM;GACzC,aAAa,IAAI,SAAS,MAAM;EAClC,CAAC;CACH,GAAG,CAAC,IAAI,QAAQ,CAAC;CACjB,MAAM,iBAAiB,MAAM;EAC3B,IAAI,EAAE,QAAQ,WAAW,iBAAiB;GACxC,gBAAgB,EACd,aAAa,EAAE,MAAM,EAAE,OAAO,MAAM,EACtC,CAAC;EACH;EACA,KAAK,YAAY,CAAC;CACpB;CACA,MAAM,gBAAgB,MAAM;EAC1B,eAAe,EAAE,OAAO,KAAK;EAC7B,KAAK,WAAW,CAAC;CACnB;CACA,MAAM,aAAa;EACjB,GAAG;EACH;EACA;EACA;EACA;EACA;EACA,WAAW,kBAAkB,gBAAgB,KAAK;EAClD,UAAU,eAAe,eAAe,KAAK;EAC7C,OAAO;GACL,GAAG,KAAK;GACR,GAAG,wBAAwB,EACzB,wBAAwB,MAAM,uBAAuB,YAAY,qBACnE;GACA,GAAG,kBAAkB,EACnB,sBAAsB,MAAM,iBAAiB,YAAY,eAC3D;EACF;CACF;CACA,OAAuB,oBAAI,aAAa;EAAE,KAAK;EAAa,GAAG;CAAW,CAAC;AAC7E,CACF"}

package/dist/jsx/Input.native.cjs

@@ -0,0 +1,209 @@
+"use strict";
+
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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: 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;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(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");
+var import_react = __toESM(require("react"), 1);
+var import_react_native = require("react-native");
+var import_core = require("@tamagui/core");
+var import_focusable = require("@tamagui/focusable");
+var import_element = require("@tamagui/element");
+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 = (0, import_core.createStyledHOC)(StyledInput, function(props, forwardedRef) {
+	var { type, disabled, readOnly, id, rows, autoComplete, enterKeyHint, onChange, onInput, onKeyDown, onChangeText, onSubmitEditing, onSelectionChange, onEndEditing, onContentSizeChange, onScroll, onKeyPress: onKeyPressProp, selection, keyboardAppearance, returnKeyType: returnKeyTypeProp, submitBehavior, blurOnSubmit, caretHidden, contextMenuHidden, selectTextOnFocus, secureTextEntry: secureTextEntryProp, maxFontSizeMultiplier, allowFontScaling, multiline: multilineProp, keyboardType: keyboardTypeProp, inputMode: inputModeProp, autoCapitalize: autoCapitalizeProp, autoCorrect: autoCorrectProp, autoFocusNative, textContentType, clearButtonMode, clearTextOnFocus, enablesReturnKeyAutomatically, dataDetectorTypes, scrollEnabled, passwordRules, rejectResponderTermination, spellCheck, lineBreakStrategyIOS, lineBreakModeIOS, smartInsertDelete, inputAccessoryViewID, inputAccessoryViewButtonLabel, disableKeyboardShortcuts, importantForAutofill, disableFullscreenUI, inlineImageLeft, inlineImagePadding, returnKeyLabel, textBreakStrategy, textAlignVertical, verticalAlign, showSoftInputOnFocus, numberOfLines: numberOfLinesProp, dirname, min, max, minLength, multiple, name, pattern, required, step, render, caretColor, cursorColor: cursorColorProp, selectionColor: selectionColorProp, ...rest } = props;
+	var { ref, composedRef } = (0, import_element.useNativeInputRef)(forwardedRef);
+	var secureTextEntry = secureTextEntryProp !== null && secureTextEntryProp !== void 0 ? secureTextEntryProp : false;
+	var keyboardType = keyboardTypeProp !== null && keyboardTypeProp !== void 0 ? keyboardTypeProp : "default";
+	var inputMode = inputModeProp;
+	if (!secureTextEntryProp && !keyboardTypeProp && !inputModeProp) {
+		switch (type) {
+			case "password":
+				secureTextEntry = true;
+				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 = returnKeyTypeProp;
+	if (!returnKeyType && enterKeyHint) {
+		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 multiline = multilineProp !== null && multilineProp !== void 0 ? multilineProp : render === "textarea" || rows && rows > 1;
+	var numberOfLines = numberOfLinesProp !== null && numberOfLinesProp !== void 0 ? numberOfLinesProp : rows;
+	var autoCorrect = autoCorrectProp === "on" ? true : autoCorrectProp === "off" ? false : autoCorrectProp;
+	var autoCapitalize = autoCapitalizeProp === "on" ? "sentences" : autoCapitalizeProp === "off" ? "none" : autoCapitalizeProp;
+	import_react.default.useEffect(function() {
+		if (!id || disabled) return;
+		return (0, import_focusable.registerFocusable)(id, {
+			focusAndSelect: function() {
+				var _ref_current;
+				return (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
+			},
+			focus: function() {
+				var _ref_current;
+				return (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
+			}
+		});
+	}, [id, disabled]);
+	var handleChangeText = function(text) {
+		onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text);
+		if (onChange) {
+			onChange({
+				target: { value: text },
+				type: "change"
+			});
+		}
+		if (onInput) {
+			onInput({
+				target: { value: text },
+				type: "input"
+			});
+		}
+	};
+	var handleKeyPress = function(e) {
+		onKeyPressProp === null || onKeyPressProp === void 0 ? void 0 : onKeyPressProp(e);
+		if (onKeyDown) {
+			var { key } = e.nativeEvent;
+			if (key === "Backspace" || key === "Enter" || key.length === 1) {
+				onKeyDown({
+					key,
+					type: "keydown"
+				});
+			}
+		}
+	};
+	var handleSubmitEditing = function(e) {
+		if (onKeyDown) {
+			onKeyDown({
+				key: "Enter",
+				type: "keydown"
+			});
+		}
+		onSubmitEditing === null || onSubmitEditing === void 0 ? void 0 : onSubmitEditing(e);
+	};
+	var handleSelectionChange = function(e) {
+		onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(e);
+	};
+	var finalProps = {
+		...rest,
+		editable: !disabled && !readOnly,
+		secureTextEntry,
+		keyboardType,
+		keyboardAppearance,
+		inputMode,
+		returnKeyType,
+		multiline,
+		numberOfLines,
+		selection,
+		autoComplete,
+		autoFocus: autoFocusNative,
+		onChangeText: handleChangeText,
+		onKeyPress: onKeyPressProp || onKeyDown ? handleKeyPress : void 0,
+		onSubmitEditing: onKeyDown || onSubmitEditing ? handleSubmitEditing : void 0,
+		onSelectionChange: onSelectionChange ? handleSelectionChange : void 0,
+		onEndEditing,
+		onContentSizeChange,
+		onScroll,
+		submitBehavior,
+		blurOnSubmit,
+		caretHidden,
+		contextMenuHidden,
+		selectTextOnFocus,
+		maxFontSizeMultiplier,
+		allowFontScaling,
+		autoCapitalize,
+		autoCorrect,
+		textContentType,
+		clearButtonMode,
+		clearTextOnFocus,
+		enablesReturnKeyAutomatically,
+		dataDetectorTypes,
+		scrollEnabled,
+		passwordRules,
+		rejectResponderTermination,
+		spellCheck,
+		lineBreakStrategyIOS,
+		lineBreakModeIOS,
+		smartInsertDelete,
+		inputAccessoryViewID,
+		inputAccessoryViewButtonLabel,
+		disableKeyboardShortcuts,
+		importantForAutofill,
+		disableFullscreenUI,
+		inlineImageLeft,
+		inlineImagePadding,
+		returnKeyLabel,
+		textBreakStrategy,
+		textAlignVertical,
+		verticalAlign,
+		showSoftInputOnFocus,
+		cursorColor: cursorColorProp !== null && cursorColorProp !== void 0 ? cursorColorProp : caretColor,
+		selectionColor: selectionColorProp !== null && selectionColorProp !== void 0 ? selectionColorProp : caretColor
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledInput, {
+		ref: composedRef,
+		...finalProps
+	});
+});