@tamagui/input 3.0.0-beta.922.1 → 3.0.0

package/dist/cjs/Input.native.cjs

@@ -36,7 +36,8 @@ 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]).resolve(import_shared.resolveMultilineInputSize);
+var NativeTextInput = import_react_native.TextInput;
+var StyledInput = (0, import_core.styled)(NativeTextInput, import_shared.styledBody[0], import_shared.styledBody[1]).resolve(import_shared.resolveMultilineInputSize);
 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);

package/dist/cjs/Input.native.js

@@ -36,7 +36,8 @@ 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]).resolve(import_shared.resolveMultilineInputSize);
+var NativeTextInput = import_react_native.TextInput;
+var StyledInput = (0, import_core.styled)(NativeTextInput, import_shared.styledBody[0], import_shared.styledBody[1]).resolve(import_shared.resolveMultilineInputSize);
 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);

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

@@ -1 +1 @@
-{"version":3,"file":"Input.native.js","names":[],"sources":["cjs/Input.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Input_native_exports = {};\n__export(Input_native_exports, {\n  Input: () => Input\n});\nmodule.exports = __toCommonJS(Input_native_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_react_native = require(\"react-native\");\nvar import_core = require(\"@tamagui/core\");\nvar import_focusable = require(\"@tamagui/focusable\");\nvar import_element = require(\"@tamagui/element\");\nvar import_shared = require(\"./shared\");\nvar StyledInput = (0, import_core.styled)(import_react_native.TextInput, import_shared.styledBody[0], import_shared.styledBody[1]).resolve(import_shared.resolveMultilineInputSize);\nvar Input = (0, import_core.createStyledHOC)(StyledInput, function(props, forwardedRef) {\n  var {\n    // Web props we need to convert\n    type,\n    disabled,\n    readOnly,\n    id,\n    rows,\n    autoComplete,\n    enterKeyHint,\n    // Callbacks\n    onChange,\n    onInput,\n    onKeyDown,\n    onChangeText,\n    onSubmitEditing,\n    onSelectionChange,\n    onEndEditing,\n    onContentSizeChange,\n    onScroll,\n    onKeyPress: onKeyPressProp,\n    selection,\n    // Native-only props (pass through directly)\n    keyboardAppearance,\n    returnKeyType: returnKeyTypeProp,\n    submitBehavior,\n    blurOnSubmit,\n    caretHidden,\n    contextMenuHidden,\n    selectTextOnFocus,\n    secureTextEntry: secureTextEntryProp,\n    maxFontSizeMultiplier,\n    allowFontScaling,\n    multiline: multilineProp,\n    keyboardType: keyboardTypeProp,\n    inputMode: inputModeProp,\n    autoCapitalize: autoCapitalizeProp,\n    autoCorrect: autoCorrectProp,\n    autoFocusNative,\n    textContentType,\n    // iOS-only props\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\n    importantForAutofill,\n    disableFullscreenUI,\n    inlineImageLeft,\n    inlineImagePadding,\n    returnKeyLabel,\n    textBreakStrategy,\n    textAlignVertical,\n    verticalAlign,\n    showSoftInputOnFocus,\n    numberOfLines: numberOfLinesProp,\n    // Web-only props to filter out\n    // @ts-ignore\n    dirname,\n    min,\n    max,\n    minLength,\n    multiple,\n    name,\n    pattern,\n    required,\n    step,\n    render,\n    // caretColor is web-only as a CSS prop; on native forward to\n    // cursorColor (Android) + selectionColor (iOS+Android caret) unless\n    // those are explicitly set.\n    // @ts-ignore - caretColor is typed as web-only in core\n    caretColor,\n    cursorColor: cursorColorProp,\n    selectionColor: selectionColorProp,\n    ...rest\n  } = props;\n  var { ref, composedRef } = (0, import_element.useNativeInputRef)(forwardedRef);\n  var secureTextEntry = secureTextEntryProp !== null && secureTextEntryProp !== void 0 ? secureTextEntryProp : false;\n  var keyboardType = keyboardTypeProp !== null && keyboardTypeProp !== void 0 ? keyboardTypeProp : \"default\";\n  var inputMode = inputModeProp;\n  if (!secureTextEntryProp && !keyboardTypeProp && !inputModeProp) {\n    switch (type) {\n      case \"password\":\n        secureTextEntry = true;\n        break;\n      case \"email\":\n        keyboardType = \"email-address\";\n        inputMode = \"email\";\n        break;\n      case \"tel\":\n        keyboardType = \"phone-pad\";\n        inputMode = \"tel\";\n        break;\n      case \"number\":\n        keyboardType = \"numeric\";\n        inputMode = \"numeric\";\n        break;\n      case \"url\":\n        keyboardType = \"url\";\n        inputMode = \"url\";\n        break;\n      case \"search\":\n        inputMode = \"search\";\n        break;\n    }\n  }\n  var returnKeyType = returnKeyTypeProp;\n  if (!returnKeyType && enterKeyHint) {\n    switch (enterKeyHint) {\n      case \"done\":\n        returnKeyType = \"done\";\n        break;\n      case \"go\":\n        returnKeyType = \"go\";\n        break;\n      case \"next\":\n        returnKeyType = \"next\";\n        break;\n      case \"search\":\n        returnKeyType = \"search\";\n        break;\n      case \"send\":\n        returnKeyType = \"send\";\n        break;\n    }\n  }\n  var multiline = multilineProp !== null && multilineProp !== void 0 ? multilineProp : render === \"textarea\" || rows && rows > 1;\n  var numberOfLines = numberOfLinesProp !== null && numberOfLinesProp !== void 0 ? numberOfLinesProp : rows;\n  var autoCorrect = autoCorrectProp === \"on\" ? true : autoCorrectProp === \"off\" ? false : autoCorrectProp;\n  var autoCapitalize = autoCapitalizeProp === \"on\" ? \"sentences\" : autoCapitalizeProp === \"off\" ? \"none\" : autoCapitalizeProp;\n  import_react.default.useEffect(function() {\n    if (!id || disabled) return;\n    return (0, import_focusable.registerFocusable)(id, {\n      focusAndSelect: function() {\n        var _ref_current;\n        return (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();\n      },\n      focus: function() {\n        var _ref_current;\n        return (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();\n      }\n    });\n  }, [\n    id,\n    disabled\n  ]);\n  var handleChangeText = function(text) {\n    onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text);\n    if (onChange) {\n      onChange({\n        target: {\n          value: text\n        },\n        type: \"change\"\n      });\n    }\n    if (onInput) {\n      onInput({\n        target: {\n          value: text\n        },\n        type: \"input\"\n      });\n    }\n  };\n  var handleKeyPress = function(e) {\n    onKeyPressProp === null || onKeyPressProp === void 0 ? void 0 : onKeyPressProp(e);\n    if (onKeyDown) {\n      var { key } = e.nativeEvent;\n      if (key === \"Backspace\" || key === \"Enter\" || key.length === 1) {\n        onKeyDown({\n          key,\n          type: \"keydown\"\n        });\n      }\n    }\n  };\n  var handleSubmitEditing = function(e) {\n    if (onKeyDown) {\n      onKeyDown({\n        key: \"Enter\",\n        type: \"keydown\"\n      });\n    }\n    onSubmitEditing === null || onSubmitEditing === void 0 ? void 0 : onSubmitEditing(e);\n  };\n  var handleSelectionChange = function(e) {\n    onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(e);\n  };\n  var finalProps = {\n    ...rest,\n    editable: !disabled && !readOnly,\n    secureTextEntry,\n    keyboardType,\n    keyboardAppearance,\n    inputMode,\n    returnKeyType,\n    multiline,\n    numberOfLines,\n    selection,\n    autoComplete,\n    autoFocus: autoFocusNative,\n    // callbacks\n    onChangeText: handleChangeText,\n    onKeyPress: onKeyPressProp || onKeyDown ? handleKeyPress : void 0,\n    onSubmitEditing: onKeyDown || onSubmitEditing ? handleSubmitEditing : void 0,\n    onSelectionChange: onSelectionChange ? handleSelectionChange : void 0,\n    onEndEditing,\n    onContentSizeChange,\n    onScroll,\n    // cross-platform native props\n    submitBehavior,\n    blurOnSubmit,\n    caretHidden,\n    contextMenuHidden,\n    selectTextOnFocus,\n    maxFontSizeMultiplier,\n    allowFontScaling,\n    autoCapitalize,\n    autoCorrect,\n    textContentType,\n    // iOS-only props\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\n    importantForAutofill,\n    disableFullscreenUI,\n    inlineImageLeft,\n    inlineImagePadding,\n    returnKeyLabel,\n    textBreakStrategy,\n    textAlignVertical,\n    verticalAlign,\n    showSoftInputOnFocus,\n    // caretColor → cursorColor (Android) + selectionColor (iOS+Android),\n    // unless the caller passed those explicitly.\n    cursorColor: cursorColorProp !== null && cursorColorProp !== void 0 ? cursorColorProp : caretColor,\n    selectionColor: selectionColorProp !== null && selectionColorProp !== void 0 ? selectionColorProp : caretColor\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledInput, {\n    ref: composedRef,\n    ...finalProps\n  });\n});\n//# sourceMappingURL=Input.native.js.map\n"],"mappings":"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"}
+{"version":3,"file":"Input.native.js","names":[],"sources":["cjs/Input.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Input_native_exports = {};\n__export(Input_native_exports, {\n  Input: () => Input\n});\nmodule.exports = __toCommonJS(Input_native_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_react_native = require(\"react-native\");\nvar import_core = require(\"@tamagui/core\");\nvar import_focusable = require(\"@tamagui/focusable\");\nvar import_element = require(\"@tamagui/element\");\nvar import_shared = require(\"./shared\");\nvar NativeTextInput = import_react_native.TextInput;\nvar StyledInput = (0, import_core.styled)(NativeTextInput, import_shared.styledBody[0], import_shared.styledBody[1]).resolve(import_shared.resolveMultilineInputSize);\nvar Input = (0, import_core.createStyledHOC)(StyledInput, function(props, forwardedRef) {\n  var {\n    // Web props we need to convert\n    type,\n    disabled,\n    readOnly,\n    id,\n    rows,\n    autoComplete,\n    enterKeyHint,\n    // Callbacks\n    onChange,\n    onInput,\n    onKeyDown,\n    onChangeText,\n    onSubmitEditing,\n    onSelectionChange,\n    onEndEditing,\n    onContentSizeChange,\n    onScroll,\n    onKeyPress: onKeyPressProp,\n    selection,\n    // Native-only props (pass through directly)\n    keyboardAppearance,\n    returnKeyType: returnKeyTypeProp,\n    submitBehavior,\n    blurOnSubmit,\n    caretHidden,\n    contextMenuHidden,\n    selectTextOnFocus,\n    secureTextEntry: secureTextEntryProp,\n    maxFontSizeMultiplier,\n    allowFontScaling,\n    multiline: multilineProp,\n    keyboardType: keyboardTypeProp,\n    inputMode: inputModeProp,\n    autoCapitalize: autoCapitalizeProp,\n    autoCorrect: autoCorrectProp,\n    autoFocusNative,\n    textContentType,\n    // iOS-only props\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\n    importantForAutofill,\n    disableFullscreenUI,\n    inlineImageLeft,\n    inlineImagePadding,\n    returnKeyLabel,\n    textBreakStrategy,\n    textAlignVertical,\n    verticalAlign,\n    showSoftInputOnFocus,\n    numberOfLines: numberOfLinesProp,\n    // Web-only props to filter out\n    // @ts-ignore\n    dirname,\n    min,\n    max,\n    minLength,\n    multiple,\n    name,\n    pattern,\n    required,\n    step,\n    render,\n    // caretColor is web-only as a CSS prop; on native forward to\n    // cursorColor (Android) + selectionColor (iOS+Android caret) unless\n    // those are explicitly set.\n    // @ts-ignore - caretColor is typed as web-only in core\n    caretColor,\n    cursorColor: cursorColorProp,\n    selectionColor: selectionColorProp,\n    ...rest\n  } = props;\n  var { ref, composedRef } = (0, import_element.useNativeInputRef)(forwardedRef);\n  var secureTextEntry = secureTextEntryProp !== null && secureTextEntryProp !== void 0 ? secureTextEntryProp : false;\n  var keyboardType = keyboardTypeProp !== null && keyboardTypeProp !== void 0 ? keyboardTypeProp : \"default\";\n  var inputMode = inputModeProp;\n  if (!secureTextEntryProp && !keyboardTypeProp && !inputModeProp) {\n    switch (type) {\n      case \"password\":\n        secureTextEntry = true;\n        break;\n      case \"email\":\n        keyboardType = \"email-address\";\n        inputMode = \"email\";\n        break;\n      case \"tel\":\n        keyboardType = \"phone-pad\";\n        inputMode = \"tel\";\n        break;\n      case \"number\":\n        keyboardType = \"numeric\";\n        inputMode = \"numeric\";\n        break;\n      case \"url\":\n        keyboardType = \"url\";\n        inputMode = \"url\";\n        break;\n      case \"search\":\n        inputMode = \"search\";\n        break;\n    }\n  }\n  var returnKeyType = returnKeyTypeProp;\n  if (!returnKeyType && enterKeyHint) {\n    switch (enterKeyHint) {\n      case \"done\":\n        returnKeyType = \"done\";\n        break;\n      case \"go\":\n        returnKeyType = \"go\";\n        break;\n      case \"next\":\n        returnKeyType = \"next\";\n        break;\n      case \"search\":\n        returnKeyType = \"search\";\n        break;\n      case \"send\":\n        returnKeyType = \"send\";\n        break;\n    }\n  }\n  var multiline = multilineProp !== null && multilineProp !== void 0 ? multilineProp : render === \"textarea\" || rows && rows > 1;\n  var numberOfLines = numberOfLinesProp !== null && numberOfLinesProp !== void 0 ? numberOfLinesProp : rows;\n  var autoCorrect = autoCorrectProp === \"on\" ? true : autoCorrectProp === \"off\" ? false : autoCorrectProp;\n  var autoCapitalize = autoCapitalizeProp === \"on\" ? \"sentences\" : autoCapitalizeProp === \"off\" ? \"none\" : autoCapitalizeProp;\n  import_react.default.useEffect(function() {\n    if (!id || disabled) return;\n    return (0, import_focusable.registerFocusable)(id, {\n      focusAndSelect: function() {\n        var _ref_current;\n        return (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();\n      },\n      focus: function() {\n        var _ref_current;\n        return (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();\n      }\n    });\n  }, [\n    id,\n    disabled\n  ]);\n  var handleChangeText = function(text) {\n    onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text);\n    if (onChange) {\n      onChange({\n        target: {\n          value: text\n        },\n        type: \"change\"\n      });\n    }\n    if (onInput) {\n      onInput({\n        target: {\n          value: text\n        },\n        type: \"input\"\n      });\n    }\n  };\n  var handleKeyPress = function(e) {\n    onKeyPressProp === null || onKeyPressProp === void 0 ? void 0 : onKeyPressProp(e);\n    if (onKeyDown) {\n      var { key } = e.nativeEvent;\n      if (key === \"Backspace\" || key === \"Enter\" || key.length === 1) {\n        onKeyDown({\n          key,\n          type: \"keydown\"\n        });\n      }\n    }\n  };\n  var handleSubmitEditing = function(e) {\n    if (onKeyDown) {\n      onKeyDown({\n        key: \"Enter\",\n        type: \"keydown\"\n      });\n    }\n    onSubmitEditing === null || onSubmitEditing === void 0 ? void 0 : onSubmitEditing(e);\n  };\n  var handleSelectionChange = function(e) {\n    onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(e);\n  };\n  var finalProps = {\n    ...rest,\n    editable: !disabled && !readOnly,\n    secureTextEntry,\n    keyboardType,\n    keyboardAppearance,\n    inputMode,\n    returnKeyType,\n    multiline,\n    numberOfLines,\n    selection,\n    autoComplete,\n    autoFocus: autoFocusNative,\n    // callbacks\n    onChangeText: handleChangeText,\n    onKeyPress: onKeyPressProp || onKeyDown ? handleKeyPress : void 0,\n    onSubmitEditing: onKeyDown || onSubmitEditing ? handleSubmitEditing : void 0,\n    onSelectionChange: onSelectionChange ? handleSelectionChange : void 0,\n    onEndEditing,\n    onContentSizeChange,\n    onScroll,\n    // cross-platform native props\n    submitBehavior,\n    blurOnSubmit,\n    caretHidden,\n    contextMenuHidden,\n    selectTextOnFocus,\n    maxFontSizeMultiplier,\n    allowFontScaling,\n    autoCapitalize,\n    autoCorrect,\n    textContentType,\n    // iOS-only props\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\n    importantForAutofill,\n    disableFullscreenUI,\n    inlineImageLeft,\n    inlineImagePadding,\n    returnKeyLabel,\n    textBreakStrategy,\n    textAlignVertical,\n    verticalAlign,\n    showSoftInputOnFocus,\n    // caretColor → cursorColor (Android) + selectionColor (iOS+Android),\n    // unless the caller passed those explicitly.\n    cursorColor: cursorColorProp !== null && cursorColorProp !== void 0 ? cursorColorProp : caretColor,\n    selectionColor: selectionColorProp !== null && selectionColorProp !== void 0 ? selectionColorProp : caretColor\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledInput, {\n    ref: composedRef,\n    ...finalProps\n  });\n});\n//# sourceMappingURL=Input.native.js.map\n"],"mappings":";;;AACA,IAAI,WAAW,OAAO;AACtB,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO;AAC1B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,WAAW,KAAK,YAAY,YAAY,SAAS,OAAO,OAAO,SAAS,aAAa,GAAG,CAAC,IAAI,CAAC,GAAG,YAKnG,cAAc,CAAC,OAAO,CAAC,IAAI,aAAa,UAAU,QAAQ,WAAW;CAAE,OAAO;CAAK,YAAY;AAAK,CAAC,IAAI,QACzG,GACF;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,uBAAuB,CAAC;AAC5B,SAAS,sBAAsB,EAC7B,aAAa,MACf,CAAC;AACD,OAAO,UAAU,aAAa,oBAAoB;AAClD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,eAAe,QAAQ,QAAQ,OAAO,GAAG,CAAC;AAC9C,IAAI,sBAAsB,QAAQ,cAAc;AAChD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,mBAAmB,QAAQ,oBAAoB;AACnD,IAAI,iBAAiB,QAAQ,kBAAkB;AAC/C,IAAI,gBAAgB,QAAQ,oBAAU;AACtC,IAAI,kBAAkB,oBAAoB;AAC1C,IAAI,eAAe,GAAG,YAAY,OAAM,CAAE,iBAAiB,cAAc,WAAW,IAAI,cAAc,WAAW,EAAE,CAAC,CAAC,QAAQ,cAAc,yBAAyB;AACpK,IAAI,SAAS,GAAG,YAAY,gBAAe,CAAE,aAAa,SAAS,OAAO,cAAc;CACtF,IAAI,EAEF,MACA,UACA,UACA,IACA,MACA,cACA,cAEA,UACA,SACA,WACA,cACA,iBACA,mBACA,cACA,qBACA,UACA,YAAY,gBACZ,WAEA,oBACA,eAAe,mBACf,gBACA,cACA,aACA,mBACA,mBACA,iBAAiB,qBACjB,uBACA,kBACA,WAAW,eACX,cAAc,kBACd,WAAW,eACX,gBAAgB,oBAChB,aAAa,iBACb,iBACA,iBAEA,iBACA,kBACA,+BACA,mBACA,eACA,eACA,4BACA,YACA,sBACA,kBACA,mBACA,sBACA,+BACA,0BAEA,sBACA,qBACA,iBACA,oBACA,gBACA,mBACA,mBACA,eACA,sBACA,eAAe,mBAGf,SACA,KACA,KACA,WACA,UACA,MACA,SACA,UACA,MACA,QAKA,YACA,aAAa,iBACb,gBAAgB,oBAChB,GAAG,SACD;CACJ,IAAI,EAAE,KAAK,iBAAiB,GAAG,eAAe,kBAAiB,CAAE,YAAY;CAC7E,IAAI,kBAAkB,wBAAwB,QAAQ,wBAAwB,KAAK,IAAI,sBAAsB;CAC7G,IAAI,eAAe,qBAAqB,QAAQ,qBAAqB,KAAK,IAAI,mBAAmB;CACjG,IAAI,YAAY;CAChB,IAAI,CAAC,uBAAuB,CAAC,oBAAoB,CAAC,eAAe;EAC/D,QAAQ,MAAR;GACE,KAAK;IACH,kBAAkB;IAClB;GACF,KAAK;IACH,eAAe;IACf,YAAY;IACZ;GACF,KAAK;IACH,eAAe;IACf,YAAY;IACZ;GACF,KAAK;IACH,eAAe;IACf,YAAY;IACZ;GACF,KAAK;IACH,eAAe;IACf,YAAY;IACZ;GACF,KAAK;IACH,YAAY;IACZ;EACJ;CACF;CACA,IAAI,gBAAgB;CACpB,IAAI,CAAC,iBAAiB,cAAc;EAClC,QAAQ,cAAR;GACE,KAAK;IACH,gBAAgB;IAChB;GACF,KAAK;IACH,gBAAgB;IAChB;GACF,KAAK;IACH,gBAAgB;IAChB;GACF,KAAK;IACH,gBAAgB;IAChB;GACF,KAAK;IACH,gBAAgB;IAChB;EACJ;CACF;CACA,IAAI,YAAY,kBAAkB,QAAQ,kBAAkB,KAAK,IAAI,gBAAgB,WAAW,cAAc,QAAQ,OAAO;CAC7H,IAAI,gBAAgB,sBAAsB,QAAQ,sBAAsB,KAAK,IAAI,oBAAoB;CACrG,IAAI,cAAc,oBAAoB,OAAO,OAAO,oBAAoB,QAAQ,QAAQ;CACxF,IAAI,iBAAiB,uBAAuB,OAAO,cAAc,uBAAuB,QAAQ,SAAS;CACzG,aAAa,QAAQ,UAAU,WAAW;EACxC,IAAI,CAAC,MAAM,UAAU;EACrB,QAAQ,GAAG,iBAAiB,kBAAiB,CAAE,IAAI;GACjD,gBAAgB,WAAW;IACzB,IAAI;IACJ,QAAQ,eAAe,IAAI,aAAa,QAAQ,iBAAiB,KAAK,IAAI,KAAK,IAAI,aAAa,MAAM;GACxG;GACA,OAAO,WAAW;IAChB,IAAI;IACJ,QAAQ,eAAe,IAAI,aAAa,QAAQ,iBAAiB,KAAK,IAAI,KAAK,IAAI,aAAa,MAAM;GACxG;EACF,CAAC;CACH,GAAG,CACD,IACA,QACF,CAAC;CACD,IAAI,mBAAmB,SAAS,MAAM;EACpC,iBAAiB,QAAQ,iBAAiB,KAAK,IAAI,KAAK,IAAI,aAAa,IAAI;EAC7E,IAAI,UAAU;GACZ,SAAS;IACP,QAAQ,EACN,OAAO,KACT;IACA,MAAM;GACR,CAAC;EACH;EACA,IAAI,SAAS;GACX,QAAQ;IACN,QAAQ,EACN,OAAO,KACT;IACA,MAAM;GACR,CAAC;EACH;CACF;CACA,IAAI,iBAAiB,SAAS,GAAG;EAC/B,mBAAmB,QAAQ,mBAAmB,KAAK,IAAI,KAAK,IAAI,eAAe,CAAC;EAChF,IAAI,WAAW;GACb,IAAI,EAAE,QAAQ,EAAE;GAChB,IAAI,QAAQ,eAAe,QAAQ,WAAW,IAAI,WAAW,GAAG;IAC9D,UAAU;KACR;KACA,MAAM;IACR,CAAC;GACH;EACF;CACF;CACA,IAAI,sBAAsB,SAAS,GAAG;EACpC,IAAI,WAAW;GACb,UAAU;IACR,KAAK;IACL,MAAM;GACR,CAAC;EACH;EACA,oBAAoB,QAAQ,oBAAoB,KAAK,IAAI,KAAK,IAAI,gBAAgB,CAAC;CACrF;CACA,IAAI,wBAAwB,SAAS,GAAG;EACtC,sBAAsB,QAAQ,sBAAsB,KAAK,IAAI,KAAK,IAAI,kBAAkB,CAAC;CAC3F;CACA,IAAI,aAAa;EACf,GAAG;EACH,UAAU,CAAC,YAAY,CAAC;EACxB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAAW;EAEX,cAAc;EACd,YAAY,kBAAkB,YAAY,iBAAiB,KAAK;EAChE,iBAAiB,aAAa,kBAAkB,sBAAsB,KAAK;EAC3E,mBAAmB,oBAAoB,wBAAwB,KAAK;EACpE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA,aAAa,oBAAoB,QAAQ,oBAAoB,KAAK,IAAI,kBAAkB;EACxF,gBAAgB,uBAAuB,QAAQ,uBAAuB,KAAK,IAAI,qBAAqB;CACtG;CACA,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,aAAa;EAC9D,KAAK;EACL,GAAG;CACL,CAAC;AACH,CAAC"}

package/dist/cjs/TextArea.cjs

@@ -30,7 +30,6 @@ const TextAreaFrame = (0, import_web.styled)(import_Input.Input, {
 	whiteSpace: "pre-wrap",
 	height: "auto",
 	...import_shared.defaultStyles,
-	rows: 3,
-	variants: { size: import_shared.textAreaSizeVariant }
+	rows: 3
 });
 const TextArea = TextAreaFrame.resolve(import_shared.resolveTextAreaSize);

package/dist/cjs/TextArea.native.cjs

@@ -32,7 +32,6 @@ var TextAreaFrame = (0, import_web.styled)(import_Input.Input, {
 	whiteSpace: "pre-wrap",
 	height: "auto",
 	...import_shared.defaultStyles,
-	rows: 3,
-	variants: { size: import_shared.textAreaSizeVariant }
+	rows: 3
 });
 var TextArea = TextAreaFrame.resolve(import_shared.resolveTextAreaSize);

package/dist/cjs/TextArea.native.js

@@ -32,8 +32,7 @@ var TextAreaFrame = (0, import_web.styled)(import_Input.Input, {
 	whiteSpace: "pre-wrap",
 	height: "auto",
 	...import_shared.defaultStyles,
-	rows: 3,
-	variants: { size: import_shared.textAreaSizeVariant }
+	rows: 3
 });
 var TextArea = TextAreaFrame.resolve(import_shared.resolveTextAreaSize);
 

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.native.js","names":[],"sources":["cjs/TextArea.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar TextArea_exports = {};\n__export(TextArea_exports, {\n  TextArea: () => TextArea\n});\nmodule.exports = __toCommonJS(TextArea_exports);\nvar import_web = require(\"@tamagui/web\");\nvar import_Input = require(\"./Input\");\nvar import_shared = require(\"./shared\");\nvar TextAreaFrame = (0, import_web.styled)(import_Input.Input, {\n  displayName: \"TextArea\",\n  render: \"textarea\",\n  // this attribute fixes firefox newline issue\n  // @ts-ignore\n  whiteSpace: \"pre-wrap\",\n  height: \"auto\",\n  ...import_shared.defaultStyles,\n  rows: 3,\n  variants: {\n    size: import_shared.textAreaSizeVariant\n  }\n});\nvar TextArea = TextAreaFrame.resolve(import_shared.resolveTextAreaSize);\n//# sourceMappingURL=TextArea.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,mBAAmB,CAAC;AACxB,SAAS,kBAAkB,EACzB,gBAAgB,SAClB,CAAC;AACD,OAAO,UAAU,aAAa,gBAAgB;AAC9C,IAAI,aAAa,QAAQ,cAAc;AACvC,IAAI,eAAe,QAAQ,mBAAS;AACpC,IAAI,gBAAgB,QAAQ,oBAAU;AACtC,IAAI,iBAAiB,GAAG,WAAW,OAAM,CAAE,aAAa,OAAO;CAC7D,aAAa;CACb,QAAQ;CAGR,YAAY;CACZ,QAAQ;CACR,GAAG,cAAc;CACjB,MAAM;CACN,UAAU,EACR,MAAM,cAAc,oBACtB;AACF,CAAC;AACD,IAAI,WAAW,cAAc,QAAQ,cAAc,mBAAmB"}
+{"version":3,"file":"TextArea.native.js","names":[],"sources":["cjs/TextArea.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar TextArea_exports = {};\n__export(TextArea_exports, {\n  TextArea: () => TextArea\n});\nmodule.exports = __toCommonJS(TextArea_exports);\nvar import_web = require(\"@tamagui/web\");\nvar import_Input = require(\"./Input\");\nvar import_shared = require(\"./shared\");\nvar TextAreaFrame = (0, import_web.styled)(import_Input.Input, {\n  displayName: \"TextArea\",\n  render: \"textarea\",\n  // this attribute fixes firefox newline issue\n  // @ts-ignore\n  whiteSpace: \"pre-wrap\",\n  height: \"auto\",\n  ...import_shared.defaultStyles,\n  rows: 3\n});\nvar TextArea = TextAreaFrame.resolve(import_shared.resolveTextAreaSize);\n//# sourceMappingURL=TextArea.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,mBAAmB,CAAC;AACxB,SAAS,kBAAkB,EACzB,gBAAgB,SAClB,CAAC;AACD,OAAO,UAAU,aAAa,gBAAgB;AAC9C,IAAI,aAAa,QAAQ,cAAc;AACvC,IAAI,eAAe,QAAQ,mBAAS;AACpC,IAAI,gBAAgB,QAAQ,oBAAU;AACtC,IAAI,iBAAiB,GAAG,WAAW,OAAM,CAAE,aAAa,OAAO;CAC7D,aAAa;CACb,QAAQ;CAGR,YAAY;CACZ,QAAQ;CACR,GAAG,cAAc;CACjB,MAAM;AACR,CAAC;AACD,IAAI,WAAW,cAAc,QAAQ,cAAc,mBAAmB"}

package/dist/cjs/index.cjs

@@ -2,12 +2,6 @@ var __defProp = Object.defineProperty;
 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: 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, {
@@ -20,11 +14,6 @@ var __copyProps = (to, from, except, desc) => {
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
-__export(index_exports, {
-	inputSizeVariant: () => import_shared.inputSizeVariant,
-	textAreaSizeVariant: () => import_shared.textAreaSizeVariant
-});
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, require("./Input.cjs"), module.exports);
 __reExport(index_exports, require("./TextArea.cjs"), module.exports);
-var import_shared = require("./shared.cjs");

package/dist/cjs/index.native.cjs

@@ -4,12 +4,6 @@ var __defProp = Object.defineProperty;
 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: 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, {
@@ -22,11 +16,6 @@ var __copyProps = (to, from, except, desc) => {
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
-__export(index_exports, {
-	inputSizeVariant: () => import_shared.inputSizeVariant,
-	textAreaSizeVariant: () => import_shared.textAreaSizeVariant
-});
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, require("./Input.native.js"), module.exports);
 __reExport(index_exports, require("./TextArea.native.js"), module.exports);
-var import_shared = require("./shared.native.js");

package/dist/cjs/index.native.js

@@ -4,12 +4,6 @@ var __defProp = Object.defineProperty;
 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: 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, {
@@ -22,13 +16,8 @@ var __copyProps = (to, from, except, desc) => {
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
-__export(index_exports, {
-	inputSizeVariant: () => import_shared.inputSizeVariant,
-	textAreaSizeVariant: () => import_shared.textAreaSizeVariant
-});
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, require("./Input.native.js"), module.exports);
 __reExport(index_exports, require("./TextArea.native.js"), module.exports);
-var import_shared = require("./shared.native.js");
 
 //# sourceMappingURL=index.native.js.map

package/dist/cjs/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":[],"sources":["cjs/index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\n__export(index_exports, {\n  inputSizeVariant: () => import_shared.inputSizeVariant,\n  textAreaSizeVariant: () => import_shared.textAreaSizeVariant\n});\nmodule.exports = __toCommonJS(index_exports);\n__reExport(index_exports, require(\"./Input\"), module.exports);\n__reExport(index_exports, require(\"./TextArea\"), module.exports);\nvar import_shared = require(\"./shared\");\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,cAAc,QAAQ,KAAK,kBAAkB,YAAY,QAAQ,KAAK,SAAS,GAAG,gBAAgB,YAAY,cAAc,KAAK,SAAS;AAC9I,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,SAAS,eAAe;CACtB,wBAAwB,cAAc;CACtC,2BAA2B,cAAc;AAC3C,CAAC;AACD,OAAO,UAAU,aAAa,aAAa;AAC3C,WAAW,eAAe,QAAQ,mBAAS,GAAG,OAAO,OAAO;AAC5D,WAAW,eAAe,QAAQ,sBAAY,GAAG,OAAO,OAAO;AAC/D,IAAI,gBAAgB,QAAQ,oBAAU"}
+{"version":3,"file":"index.native.js","names":[],"sources":["cjs/index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\nmodule.exports = __toCommonJS(index_exports);\n__reExport(index_exports, require(\"./Input\"), module.exports);\n__reExport(index_exports, require(\"./TextArea\"), module.exports);\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,cAAc,QAAQ,KAAK,kBAAkB,YAAY,QAAQ,KAAK,SAAS,GAAG,gBAAgB,YAAY,cAAc,KAAK,SAAS;AAC9I,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,OAAO,UAAU,aAAa,aAAa;AAC3C,WAAW,eAAe,QAAQ,mBAAS,GAAG,OAAO,OAAO;AAC5D,WAAW,eAAe,QAAQ,sBAAY,GAAG,OAAO,OAAO"}

package/dist/cjs/shared.cjs

@@ -22,117 +22,30 @@ var shared_exports = {};
 __export(shared_exports, {
 	INPUT_NAME: () => INPUT_NAME,
 	defaultStyles: () => defaultStyles,
-	inputSizeVariant: () => inputSizeVariant,
 	resolveMultilineInputSize: () => resolveMultilineInputSize,
 	resolveTextAreaSize: () => resolveTextAreaSize,
-	styledBody: () => styledBody,
-	textAreaSizeVariant: () => textAreaSizeVariant
+	styledBody: () => styledBody
 });
 module.exports = __toCommonJS(shared_exports);
 var import_core = require("@tamagui/core");
-var import_get_font_sized = require("@tamagui/get-font-sized");
 const defaultStyles = {
-	size: true,
 	outlineWidth: 0,
 	tabIndex: 0,
 	minWidth: 0
 };
-const resolveInputFrame = (val, env) => (0, import_core.resolveTokenSize)(val, {
-	tokens: env.tokens,
-	font: env.font
-}).frame;
-const inputSizeKeys = [
-	"0",
-	"0-25",
-	"0-5",
-	"0-75",
-	"1",
-	"1-5",
-	"2",
-	"2-5",
-	"3",
-	"3-5",
-	"4",
-	"4-5",
-	"5",
-	"6",
-	"7",
-	"8",
-	"9",
-	"10",
-	"11",
-	"12",
-	"13",
-	"14",
-	"15",
-	"16",
-	"17",
-	"18",
-	"19",
-	"20"
-];
-const getInputPadding = (val, env, steps) => {
-	if (typeof val === "number") {
-		return steps === 1 ? Math.max(0, Math.round(val * .6 - 12)) : Math.max(0, Math.round(val * .52 - 11.5));
-	}
-	const key = val === true ? "4" : val;
-	const index = inputSizeKeys.indexOf(key);
-	return env.tokens.space[inputSizeKeys[Math.max(0, index - steps)]];
-};
-const inputSizeVariant = import_core.styled.dynamic((val = true, env) => {
-	const frame = resolveInputFrame(val, env);
-	const fontStyle = (0, import_get_font_sized.getFontSized)(val, env);
-	return {
-		color: fontStyle?.color,
-		fontFamily: fontStyle?.fontFamily,
-		fontSize: fontStyle?.fontSize,
-		fontStyle: fontStyle?.fontStyle,
-		fontWeight: fontStyle?.fontWeight,
-		letterSpacing: fontStyle?.letterSpacing,
-		lineHeight: import_core.isWeb ? fontStyle?.lineHeight : void 0,
-		textTransform: fontStyle?.textTransform,
-		height: frame.size,
-		borderRadius: frame.radius,
-		paddingHorizontal: getInputPadding(val, env, 1)
-	};
-});
-const textAreaSizeVariant = import_core.styled.dynamic((val = true, env) => {
-	const frame = resolveInputFrame(val, env);
-	const fontStyle = (0, import_get_font_sized.getFontSized)(val, env);
-	return {
-		borderRadius: frame.radius,
-		color: fontStyle?.color,
-		fontFamily: fontStyle?.fontFamily,
-		fontSize: fontStyle?.fontSize,
-		fontStyle: fontStyle?.fontStyle,
-		fontWeight: fontStyle?.fontWeight,
-		letterSpacing: fontStyle?.letterSpacing,
-		lineHeight: import_core.isWeb ? fontStyle?.lineHeight : void 0,
-		textTransform: fontStyle?.textTransform,
-		paddingVertical: getInputPadding(val, env, 2),
-		paddingHorizontal: getInputPadding(val, env, 1),
-		height: "auto"
-	};
-});
 const resolveTextAreaSize = (props, env) => {
-	const sized = textAreaSizeVariant(props.size ?? true, env);
-	const fontStyle = (0, import_get_font_sized.getFontSized)(props.size ?? true, env);
+	const font = props.fontFamily ? env.fonts[props.fontFamily] : env.font;
+	const defaultKey = font && "sm" in font.size ? "sm" : "4";
+	const fontSize = props.fontSize ?? defaultKey;
+	const lineHeight = props.lineHeight ?? font?.lineHeight?.[defaultKey];
+	const configuredSize = typeof fontSize === "string" ? font?.size[fontSize] : void 0;
+	const configuredLeading = typeof lineHeight === "string" ? font?.lineHeight?.[lineHeight] : void 0;
+	const metrics = { fontSize: Number.parseFloat(String((0, import_core.getVariableValue)(configuredSize ?? fontSize))) };
+	const leading = configuredLeading ?? lineHeight;
+	(0, import_core.resolveTextMetrics)(metrics, (props.lineHeight == null || configuredLeading !== void 0) && typeof leading === "number" ? `${leading}px` : leading);
 	const lines = props.rows ?? props.numberOfLines;
-	const height = typeof lines === "number" ? lines * (0, import_core.getVariableValue)(fontStyle?.lineHeight) : sized?.height;
-	return {
-		borderRadius: sized?.borderRadius,
-		color: sized?.color,
-		fontFamily: sized?.fontFamily,
-		fontSize: sized?.fontSize,
-		fontStyle: sized?.fontStyle,
-		fontWeight: sized?.fontWeight,
-		letterSpacing: sized?.letterSpacing,
-		lineHeight: sized?.lineHeight,
-		textTransform: sized?.textTransform,
-		paddingVertical: sized?.paddingVertical,
-		paddingHorizontal: sized?.paddingHorizontal,
-		height
-	};
+	const height = typeof lines === "number" && typeof metrics.lineHeight === "number" ? lines * metrics.lineHeight : void 0;
+	return { height };
 };
 const resolveMultilineInputSize = (props, env) => {
 	if (!(props.rows > 1 || props.multiline || props.numberOfLines > 1)) return;
@@ -143,8 +56,5 @@ const styledBody = [{
 	name: INPUT_NAME,
 	render: "input",
 	...defaultStyles,
-	variants: {
-		size: inputSizeVariant,
-		disabled: { true: {} }
-	}
+	variants: { disabled: { true: {} } }
 }, { isInput: true }];

package/dist/cjs/shared.native.cjs

@@ -24,124 +24,34 @@ var shared_exports = {};
 __export(shared_exports, {
 	INPUT_NAME: () => INPUT_NAME,
 	defaultStyles: () => defaultStyles,
-	inputSizeVariant: () => inputSizeVariant,
 	resolveMultilineInputSize: () => resolveMultilineInputSize,
 	resolveTextAreaSize: () => resolveTextAreaSize,
-	styledBody: () => styledBody,
-	textAreaSizeVariant: () => textAreaSizeVariant
+	styledBody: () => styledBody
 });
 module.exports = __toCommonJS(shared_exports);
 var import_core = require("@tamagui/core");
-var import_get_font_sized = require("@tamagui/get-font-sized");
 var defaultStyles = {
-	size: true,
 	outlineWidth: 0,
 	tabIndex: 0,
 	minWidth: 0
 };
-var resolveInputFrame = function(val, env) {
-	return (0, import_core.resolveTokenSize)(val, {
-		tokens: env.tokens,
-		font: env.font
-	}).frame;
-};
-var inputSizeKeys = [
-	"0",
-	"0-25",
-	"0-5",
-	"0-75",
-	"1",
-	"1-5",
-	"2",
-	"2-5",
-	"3",
-	"3-5",
-	"4",
-	"4-5",
-	"5",
-	"6",
-	"7",
-	"8",
-	"9",
-	"10",
-	"11",
-	"12",
-	"13",
-	"14",
-	"15",
-	"16",
-	"17",
-	"18",
-	"19",
-	"20"
-];
-var getInputPadding = function(val, env, steps) {
-	if (typeof val === "number") {
-		return steps === 1 ? Math.max(0, Math.round(val * .6 - 12)) : Math.max(0, Math.round(val * .52 - 11.5));
-	}
-	var key = val === true ? "4" : val;
-	var index = inputSizeKeys.indexOf(key);
-	return env.tokens.space[inputSizeKeys[Math.max(0, index - steps)]];
-};
-var inputSizeVariant = import_core.styled.dynamic(function() {
-	var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, env = arguments.length > 1 ? arguments[1] : void 0;
-	var frame = resolveInputFrame(val, env);
-	var fontStyle = (0, import_get_font_sized.getFontSized)(val, env);
-	return {
-		color: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.color,
-		fontFamily: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.fontFamily,
-		fontSize: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.fontSize,
-		fontStyle: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.fontStyle,
-		fontWeight: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.fontWeight,
-		letterSpacing: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.letterSpacing,
-		lineHeight: import_core.isWeb ? fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.lineHeight : void 0,
-		textTransform: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.textTransform,
-		height: frame.size,
-		borderRadius: frame.radius,
-		paddingHorizontal: getInputPadding(val, env, 1)
-	};
-});
-var textAreaSizeVariant = import_core.styled.dynamic(function() {
-	var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, env = arguments.length > 1 ? arguments[1] : void 0;
-	var frame = resolveInputFrame(val, env);
-	var fontStyle = (0, import_get_font_sized.getFontSized)(val, env);
-	return {
-		borderRadius: frame.radius,
-		color: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.color,
-		fontFamily: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.fontFamily,
-		fontSize: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.fontSize,
-		fontStyle: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.fontStyle,
-		fontWeight: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.fontWeight,
-		letterSpacing: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.letterSpacing,
-		lineHeight: import_core.isWeb ? fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.lineHeight : void 0,
-		textTransform: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.textTransform,
-		paddingVertical: getInputPadding(val, env, 2),
-		paddingHorizontal: getInputPadding(val, env, 1),
-		height: "auto"
-	};
-});
 var resolveTextAreaSize = function(props, env) {
-	var _props_size;
-	var sized = textAreaSizeVariant((_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : true, env);
-	var _props_size1;
-	var fontStyle = (0, import_get_font_sized.getFontSized)((_props_size1 = props.size) !== null && _props_size1 !== void 0 ? _props_size1 : true, env);
+	var _font_lineHeight, _font_lineHeight1;
+	var font = props.fontFamily ? env.fonts[props.fontFamily] : env.font;
+	var defaultKey = font && "sm" in font.size ? "sm" : "4";
+	var _props_fontSize;
+	var fontSize = (_props_fontSize = props.fontSize) !== null && _props_fontSize !== void 0 ? _props_fontSize : defaultKey;
+	var _props_lineHeight;
+	var lineHeight = (_props_lineHeight = props.lineHeight) !== null && _props_lineHeight !== void 0 ? _props_lineHeight : font === null || font === void 0 ? void 0 : (_font_lineHeight = font.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[defaultKey];
+	var configuredSize = typeof fontSize === "string" ? font === null || font === void 0 ? void 0 : font.size[fontSize] : void 0;
+	var configuredLeading = typeof lineHeight === "string" ? font === null || font === void 0 ? void 0 : (_font_lineHeight1 = font.lineHeight) === null || _font_lineHeight1 === void 0 ? void 0 : _font_lineHeight1[lineHeight] : void 0;
+	var metrics = { fontSize: Number.parseFloat(String((0, import_core.getVariableValue)(configuredSize !== null && configuredSize !== void 0 ? configuredSize : fontSize))) };
+	var leading = configuredLeading !== null && configuredLeading !== void 0 ? configuredLeading : lineHeight;
+	(0, import_core.resolveTextMetrics)(metrics, (props.lineHeight == null || configuredLeading !== void 0) && typeof leading === "number" ? `${leading}px` : leading);
 	var _props_rows;
 	var lines = (_props_rows = props.rows) !== null && _props_rows !== void 0 ? _props_rows : props.numberOfLines;
-	var height = typeof lines === "number" ? lines * (0, import_core.getVariableValue)(fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.lineHeight) : sized === null || sized === void 0 ? void 0 : sized.height;
-	return {
-		borderRadius: sized === null || sized === void 0 ? void 0 : sized.borderRadius,
-		color: sized === null || sized === void 0 ? void 0 : sized.color,
-		fontFamily: sized === null || sized === void 0 ? void 0 : sized.fontFamily,
-		fontSize: sized === null || sized === void 0 ? void 0 : sized.fontSize,
-		fontStyle: sized === null || sized === void 0 ? void 0 : sized.fontStyle,
-		fontWeight: sized === null || sized === void 0 ? void 0 : sized.fontWeight,
-		letterSpacing: sized === null || sized === void 0 ? void 0 : sized.letterSpacing,
-		lineHeight: sized === null || sized === void 0 ? void 0 : sized.lineHeight,
-		textTransform: sized === null || sized === void 0 ? void 0 : sized.textTransform,
-		paddingVertical: sized === null || sized === void 0 ? void 0 : sized.paddingVertical,
-		paddingHorizontal: sized === null || sized === void 0 ? void 0 : sized.paddingHorizontal,
-		height
-	};
+	var height = typeof lines === "number" && typeof metrics.lineHeight === "number" ? lines * metrics.lineHeight : void 0;
+	return { height };
 };
 var resolveMultilineInputSize = function(props, env) {
 	if (!(props.rows > 1 || props.multiline || props.numberOfLines > 1)) return;
@@ -152,8 +62,5 @@ var styledBody = [{
 	name: INPUT_NAME,
 	render: "input",
 	...defaultStyles,
-	variants: {
-		size: inputSizeVariant,
-		disabled: { true: {} }
-	}
+	variants: { disabled: { true: {} } }
 }, { isInput: true }];