@tamagui/input 3.0.0-beta.831.1 → 3.0.0-beta.889.1

package/dist/jsx/shared.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","names":[],"sources":["jsx/shared.js"],"sourcesContent":["import { Text } from \"@tamagui/core\";\nimport { getVariableValue, isWeb, resolveTokenSize } from \"@tamagui/core\";\nimport { getFontSized } from \"@tamagui/get-font-sized\";\nconst defaultStyles = {\n  size: true,\n  outlineWidth: 0,\n  tabIndex: 0,\n  // this fixes a flex bug where it overflows container\n  minWidth: 0\n};\nconst resolveInputFrame = (val, extras) => resolveTokenSize(val, { tokens: extras.tokens, font: extras.font }).frame;\nconst inputSizeKeys = [\n  \"0\",\n  \"0-25\",\n  \"0-5\",\n  \"0-75\",\n  \"1\",\n  \"1-5\",\n  \"2\",\n  \"2-5\",\n  \"3\",\n  \"3-5\",\n  \"4\",\n  \"4-5\",\n  \"5\",\n  \"6\",\n  \"7\",\n  \"8\",\n  \"9\",\n  \"10\",\n  \"11\",\n  \"12\",\n  \"13\",\n  \"14\",\n  \"15\",\n  \"16\",\n  \"17\",\n  \"18\",\n  \"19\",\n  \"20\"\n];\nconst getInputPadding = (val, extras, steps) => {\n  if (typeof val === \"number\") {\n    return steps === 1 ? Math.max(0, Math.round(val * 0.6 - 12)) : Math.max(0, Math.round(val * 0.52 - 11.5));\n  }\n  const key = val === true ? \"4\" : val;\n  const index = inputSizeKeys.indexOf(key);\n  return extras.tokens.space[inputSizeKeys[Math.max(0, index - steps)]];\n};\nconst inputSizeVariant = (val = true, extras) => {\n  if (extras.props.tag === \"textarea\" || extras.props.rows > 1 || extras.props.multiline || extras.props.numberOfLines > 1) {\n    return textAreaSizeVariant(val, extras);\n  }\n  const frame = resolveInputFrame(val, extras);\n  const fontStyle = getFontSized(val, extras);\n  if (!isWeb && fontStyle) {\n    delete fontStyle[\"lineHeight\"];\n  }\n  return {\n    ...fontStyle,\n    height: frame.size,\n    borderRadius: frame.radius,\n    paddingHorizontal: getInputPadding(val, extras, 1)\n  };\n};\nconst textAreaSizeVariant = (val = true, extras) => {\n  const { props } = extras;\n  const frame = resolveInputFrame(val, extras);\n  const fontStyle = getFontSized(val, extras);\n  const lines = props.rows ?? props.numberOfLines;\n  const height = typeof lines === \"number\" ? lines * getVariableValue(fontStyle.lineHeight) : \"auto\";\n  if (!isWeb && fontStyle) {\n    delete fontStyle[\"lineHeight\"];\n  }\n  return {\n    borderRadius: frame.radius,\n    ...fontStyle,\n    paddingVertical: getInputPadding(val, extras, 2),\n    paddingHorizontal: getInputPadding(val, extras, 1),\n    height\n  };\n};\nconst INPUT_NAME = \"Input\";\nconst styledBody = [\n  {\n    name: INPUT_NAME,\n    render: \"input\",\n    ...defaultStyles,\n    variants: {\n      size: {\n        true: inputSizeVariant,\n        Size: inputSizeVariant\n      },\n      disabled: {\n        true: {}\n      }\n    }\n  },\n  {\n    isInput: true,\n    accept: {\n      placeholderTextColor: \"color\",\n      selectionColor: \"color\",\n      cursorColor: \"color\",\n      selectionHandleColor: \"color\",\n      underlineColorAndroid: \"color\"\n    },\n    validStyles: Text.staticConfig.validStyles\n  }\n];\nexport {\n  INPUT_NAME,\n  defaultStyles,\n  inputSizeVariant,\n  styledBody,\n  textAreaSizeVariant\n};\n//# sourceMappingURL=shared.js.map\n"],"mappings":";;;;AAGA,MAAM,gBAAgB;CACpB,MAAM;CACN,cAAc;CACd,UAAU;CAEV,UAAU;AACZ;AACA,MAAM,qBAAqB,KAAK,WAAW,iBAAiB,KAAK;CAAE,QAAQ,OAAO;CAAQ,MAAM,OAAO;AAAK,CAAC,CAAC,CAAC;AAC/G,MAAM,gBAAgB;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AACA,MAAM,mBAAmB,KAAK,QAAQ,UAAU;CAC9C,IAAI,OAAO,QAAQ,UAAU;EAC3B,OAAO,UAAU,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,KAAM,EAAE,CAAC,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,MAAO,IAAI,CAAC;CAC1G;CACA,MAAM,MAAM,QAAQ,OAAO,MAAM;CACjC,MAAM,QAAQ,cAAc,QAAQ,GAAG;CACvC,OAAO,OAAO,OAAO,MAAM,cAAc,KAAK,IAAI,GAAG,QAAQ,KAAK;AACpE;AACA,MAAM,oBAAoB,MAAM,MAAM,WAAW;CAC/C,IAAI,OAAO,MAAM,QAAQ,cAAc,OAAO,MAAM,OAAO,KAAK,OAAO,MAAM,aAAa,OAAO,MAAM,gBAAgB,GAAG;EACxH,OAAO,oBAAoB,KAAK,MAAM;CACxC;CACA,MAAM,QAAQ,kBAAkB,KAAK,MAAM;CAC3C,MAAM,YAAY,aAAa,KAAK,MAAM;CAC1C,IAAI,CAAC,SAAS,WAAW;EACvB,OAAO,UAAU;CACnB;CACA,OAAO;EACL,GAAG;EACH,QAAQ,MAAM;EACd,cAAc,MAAM;EACpB,mBAAmB,gBAAgB,KAAK,QAAQ,CAAC;CACnD;AACF;AACA,MAAM,uBAAuB,MAAM,MAAM,WAAW;CAClD,MAAM,EAAE,UAAU;CAClB,MAAM,QAAQ,kBAAkB,KAAK,MAAM;CAC3C,MAAM,YAAY,aAAa,KAAK,MAAM;CAC1C,MAAM,QAAQ,MAAM,QAAQ,MAAM;CAClC,MAAM,SAAS,OAAO,UAAU,WAAW,QAAQ,iBAAiB,UAAU,UAAU,IAAI;CAC5F,IAAI,CAAC,SAAS,WAAW;EACvB,OAAO,UAAU;CACnB;CACA,OAAO;EACL,cAAc,MAAM;EACpB,GAAG;EACH,iBAAiB,gBAAgB,KAAK,QAAQ,CAAC;EAC/C,mBAAmB,gBAAgB,KAAK,QAAQ,CAAC;EACjD;CACF;AACF;AACA,MAAM,aAAa;AACnB,MAAM,aAAa,CACjB;CACE,MAAM;CACN,QAAQ;CACR,GAAG;CACH,UAAU;EACR,MAAM;GACJ,MAAM;GACN,MAAM;EACR;EACA,UAAU,EACR,MAAM,CAAC,EACT;CACF;AACF,GACA;CACE,SAAS;CACT,QAAQ;EACN,sBAAsB;EACtB,gBAAgB;EAChB,aAAa;EACb,sBAAsB;EACtB,uBAAuB;CACzB;CACA,aAAa,KAAK,aAAa;AACjC,CACF"}
+{"version":3,"file":"shared.js","names":[],"sources":["jsx/shared.js"],"sourcesContent":["import { getVariableValue, isWeb, resolveTokenSize, styled } from \"@tamagui/core\";\nimport { getFontSized } from \"@tamagui/get-font-sized\";\nconst defaultStyles = {\n  size: true,\n  outlineWidth: 0,\n  tabIndex: 0,\n  // this fixes a flex bug where it overflows container\n  minWidth: 0\n};\nconst resolveInputFrame = (val, env) => resolveTokenSize(val, { tokens: env.tokens, font: env.font }).frame;\nconst inputSizeKeys = [\n  \"0\",\n  \"0-25\",\n  \"0-5\",\n  \"0-75\",\n  \"1\",\n  \"1-5\",\n  \"2\",\n  \"2-5\",\n  \"3\",\n  \"3-5\",\n  \"4\",\n  \"4-5\",\n  \"5\",\n  \"6\",\n  \"7\",\n  \"8\",\n  \"9\",\n  \"10\",\n  \"11\",\n  \"12\",\n  \"13\",\n  \"14\",\n  \"15\",\n  \"16\",\n  \"17\",\n  \"18\",\n  \"19\",\n  \"20\"\n];\nconst getInputPadding = (val, env, steps) => {\n  if (typeof val === \"number\") {\n    return steps === 1 ? Math.max(0, Math.round(val * 0.6 - 12)) : Math.max(0, Math.round(val * 0.52 - 11.5));\n  }\n  const key = val === true ? \"4\" : val;\n  const index = inputSizeKeys.indexOf(key);\n  return env.tokens.space[inputSizeKeys[Math.max(0, index - steps)]];\n};\nconst inputSizeVariant = styled.dynamic((val = true, env) => {\n  const frame = resolveInputFrame(val, env);\n  const fontStyle = getFontSized(val, env);\n  return {\n    color: fontStyle?.color,\n    fontFamily: fontStyle?.fontFamily,\n    fontSize: fontStyle?.fontSize,\n    fontStyle: fontStyle?.fontStyle,\n    fontWeight: fontStyle?.fontWeight,\n    letterSpacing: fontStyle?.letterSpacing,\n    lineHeight: isWeb ? fontStyle?.lineHeight : void 0,\n    textTransform: fontStyle?.textTransform,\n    height: frame.size,\n    borderRadius: frame.radius,\n    paddingHorizontal: getInputPadding(val, env, 1)\n  };\n});\nconst textAreaSizeVariant = styled.dynamic((val = true, env) => {\n  const frame = resolveInputFrame(val, env);\n  const fontStyle = getFontSized(val, env);\n  return {\n    borderRadius: frame.radius,\n    color: fontStyle?.color,\n    fontFamily: fontStyle?.fontFamily,\n    fontSize: fontStyle?.fontSize,\n    fontStyle: fontStyle?.fontStyle,\n    fontWeight: fontStyle?.fontWeight,\n    letterSpacing: fontStyle?.letterSpacing,\n    lineHeight: isWeb ? fontStyle?.lineHeight : void 0,\n    textTransform: fontStyle?.textTransform,\n    paddingVertical: getInputPadding(val, env, 2),\n    paddingHorizontal: getInputPadding(val, env, 1),\n    height: \"auto\"\n  };\n});\nconst resolveTextAreaSize = (props, env) => {\n  const sized = textAreaSizeVariant(props.size ?? true, env);\n  const fontStyle = getFontSized(props.size ?? true, env);\n  const lines = props.rows ?? props.numberOfLines;\n  const height = typeof lines === \"number\" ? lines * getVariableValue(fontStyle?.lineHeight) : sized?.height;\n  return {\n    borderRadius: sized?.borderRadius,\n    color: sized?.color,\n    fontFamily: sized?.fontFamily,\n    fontSize: sized?.fontSize,\n    fontStyle: sized?.fontStyle,\n    fontWeight: sized?.fontWeight,\n    letterSpacing: sized?.letterSpacing,\n    lineHeight: sized?.lineHeight,\n    textTransform: sized?.textTransform,\n    paddingVertical: sized?.paddingVertical,\n    paddingHorizontal: sized?.paddingHorizontal,\n    height\n  };\n};\nconst resolveMultilineInputSize = (props, env) => {\n  if (!(props.rows > 1 || props.multiline || props.numberOfLines > 1)) return;\n  return resolveTextAreaSize(props, env);\n};\nconst INPUT_NAME = \"Input\";\nconst styledBody = [\n  {\n    name: INPUT_NAME,\n    render: \"input\",\n    ...defaultStyles,\n    variants: {\n      size: inputSizeVariant,\n      disabled: {\n        true: {}\n      }\n    }\n  },\n  {\n    isInput: true\n  }\n];\nexport {\n  INPUT_NAME,\n  defaultStyles,\n  inputSizeVariant,\n  resolveMultilineInputSize,\n  resolveTextAreaSize,\n  styledBody,\n  textAreaSizeVariant\n};\n//# sourceMappingURL=shared.js.map\n"],"mappings":"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"}

package/dist/jsx/shared.native.cjs

@@ -25,12 +25,13 @@ __export(shared_exports, {
 	INPUT_NAME: () => INPUT_NAME,
 	defaultStyles: () => defaultStyles,
 	inputSizeVariant: () => inputSizeVariant,
+	resolveMultilineInputSize: () => resolveMultilineInputSize,
+	resolveTextAreaSize: () => resolveTextAreaSize,
 	styledBody: () => styledBody,
 	textAreaSizeVariant: () => textAreaSizeVariant
 });
 module.exports = __toCommonJS(shared_exports);
 var import_core = require("@tamagui/core");
-var import_core2 = require("@tamagui/core");
 var import_get_font_sized = require("@tamagui/get-font-sized");
 var defaultStyles = {
 	size: true,
@@ -38,10 +39,10 @@ var defaultStyles = {
 	tabIndex: 0,
 	minWidth: 0
 };
-var resolveInputFrame = function(val, extras) {
-	return (0, import_core2.resolveTokenSize)(val, {
-		tokens: extras.tokens,
-		font: extras.font
+var resolveInputFrame = function(val, env) {
+	return (0, import_core.resolveTokenSize)(val, {
+		tokens: env.tokens,
+		font: env.font
 	}).frame;
 };
 var inputSizeKeys = [
@@ -74,70 +75,85 @@ var inputSizeKeys = [
 	"19",
 	"20"
 ];
-var getInputPadding = function(val, extras, steps) {
+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 extras.tokens.space[inputSizeKeys[Math.max(0, index - steps)]];
+	return env.tokens.space[inputSizeKeys[Math.max(0, index - steps)]];
 };
-var inputSizeVariant = function() {
-	var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, extras = arguments.length > 1 ? arguments[1] : void 0;
-	if (extras.props.tag === "textarea" || extras.props.rows > 1 || extras.props.multiline || extras.props.numberOfLines > 1) {
-		return textAreaSizeVariant(val, extras);
-	}
-	var frame = resolveInputFrame(val, extras);
-	var fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
-	if (!import_core2.isWeb && fontStyle) {
-		delete fontStyle["lineHeight"];
-	}
+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 {
-		...fontStyle,
+		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, extras, 1)
+		paddingHorizontal: getInputPadding(val, env, 1)
 	};
-};
-var textAreaSizeVariant = function() {
-	var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, extras = arguments.length > 1 ? arguments[1] : void 0;
-	var { props } = extras;
-	var frame = resolveInputFrame(val, extras);
-	var fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
+});
+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 _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_core2.getVariableValue)(fontStyle.lineHeight) : "auto";
-	if (!import_core2.isWeb && fontStyle) {
-		delete fontStyle["lineHeight"];
-	}
+	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: frame.radius,
-		...fontStyle,
-		paddingVertical: getInputPadding(val, extras, 2),
-		paddingHorizontal: getInputPadding(val, extras, 1),
+		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 resolveMultilineInputSize = function(props, env) {
+	if (!(props.rows > 1 || props.multiline || props.numberOfLines > 1)) return;
+	return resolveTextAreaSize(props, env);
+};
 var INPUT_NAME = "Input";
 var styledBody = [{
 	name: INPUT_NAME,
 	render: "input",
 	...defaultStyles,
 	variants: {
-		size: {
-			true: inputSizeVariant,
-			Size: inputSizeVariant
-		},
+		size: inputSizeVariant,
 		disabled: { true: {} }
 	}
-}, {
-	isInput: true,
-	accept: {
-		placeholderTextColor: "color",
-		selectionColor: "color",
-		cursorColor: "color",
-		selectionHandleColor: "color",
-		underlineColorAndroid: "color"
-	},
-	validStyles: import_core.Text.staticConfig.validStyles
-}];
+}, { isInput: true }];

package/dist/jsx/shared.native.js

@@ -25,12 +25,13 @@ __export(shared_exports, {
 	INPUT_NAME: () => INPUT_NAME,
 	defaultStyles: () => defaultStyles,
 	inputSizeVariant: () => inputSizeVariant,
+	resolveMultilineInputSize: () => resolveMultilineInputSize,
+	resolveTextAreaSize: () => resolveTextAreaSize,
 	styledBody: () => styledBody,
 	textAreaSizeVariant: () => textAreaSizeVariant
 });
 module.exports = __toCommonJS(shared_exports);
 var import_core = require("@tamagui/core");
-var import_core2 = require("@tamagui/core");
 var import_get_font_sized = require("@tamagui/get-font-sized");
 var defaultStyles = {
 	size: true,
@@ -38,10 +39,10 @@ var defaultStyles = {
 	tabIndex: 0,
 	minWidth: 0
 };
-var resolveInputFrame = function(val, extras) {
-	return (0, import_core2.resolveTokenSize)(val, {
-		tokens: extras.tokens,
-		font: extras.font
+var resolveInputFrame = function(val, env) {
+	return (0, import_core.resolveTokenSize)(val, {
+		tokens: env.tokens,
+		font: env.font
 	}).frame;
 };
 var inputSizeKeys = [
@@ -74,72 +75,87 @@ var inputSizeKeys = [
 	"19",
 	"20"
 ];
-var getInputPadding = function(val, extras, steps) {
+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 extras.tokens.space[inputSizeKeys[Math.max(0, index - steps)]];
+	return env.tokens.space[inputSizeKeys[Math.max(0, index - steps)]];
 };
-var inputSizeVariant = function() {
-	var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, extras = arguments.length > 1 ? arguments[1] : void 0;
-	if (extras.props.tag === "textarea" || extras.props.rows > 1 || extras.props.multiline || extras.props.numberOfLines > 1) {
-		return textAreaSizeVariant(val, extras);
-	}
-	var frame = resolveInputFrame(val, extras);
-	var fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
-	if (!import_core2.isWeb && fontStyle) {
-		delete fontStyle["lineHeight"];
-	}
+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 {
-		...fontStyle,
+		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, extras, 1)
+		paddingHorizontal: getInputPadding(val, env, 1)
 	};
-};
-var textAreaSizeVariant = function() {
-	var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, extras = arguments.length > 1 ? arguments[1] : void 0;
-	var { props } = extras;
-	var frame = resolveInputFrame(val, extras);
-	var fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
+});
+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 _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_core2.getVariableValue)(fontStyle.lineHeight) : "auto";
-	if (!import_core2.isWeb && fontStyle) {
-		delete fontStyle["lineHeight"];
-	}
+	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: frame.radius,
-		...fontStyle,
-		paddingVertical: getInputPadding(val, extras, 2),
-		paddingHorizontal: getInputPadding(val, extras, 1),
+		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 resolveMultilineInputSize = function(props, env) {
+	if (!(props.rows > 1 || props.multiline || props.numberOfLines > 1)) return;
+	return resolveTextAreaSize(props, env);
+};
 var INPUT_NAME = "Input";
 var styledBody = [{
 	name: INPUT_NAME,
 	render: "input",
 	...defaultStyles,
 	variants: {
-		size: {
-			true: inputSizeVariant,
-			Size: inputSizeVariant
-		},
+		size: inputSizeVariant,
 		disabled: { true: {} }
 	}
-}, {
-	isInput: true,
-	accept: {
-		placeholderTextColor: "color",
-		selectionColor: "color",
-		cursorColor: "color",
-		selectionHandleColor: "color",
-		underlineColorAndroid: "color"
-	},
-	validStyles: import_core.Text.staticConfig.validStyles
-}];
+}, { isInput: true }];
 
 //# sourceMappingURL=shared.native.js.map

package/dist/jsx/shared.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.native.js","names":[],"sources":["jsx/shared.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 shared_exports = {};\n__export(shared_exports, {\n  INPUT_NAME: () => INPUT_NAME,\n  defaultStyles: () => defaultStyles,\n  inputSizeVariant: () => inputSizeVariant,\n  styledBody: () => styledBody,\n  textAreaSizeVariant: () => textAreaSizeVariant\n});\nmodule.exports = __toCommonJS(shared_exports);\nvar import_core = require(\"@tamagui/core\");\nvar import_core2 = require(\"@tamagui/core\");\nvar import_get_font_sized = require(\"@tamagui/get-font-sized\");\nvar defaultStyles = {\n  size: true,\n  outlineWidth: 0,\n  tabIndex: 0,\n  // this fixes a flex bug where it overflows container\n  minWidth: 0\n};\nvar resolveInputFrame = function(val, extras) {\n  return (0, import_core2.resolveTokenSize)(val, {\n    tokens: extras.tokens,\n    font: extras.font\n  }).frame;\n};\nvar inputSizeKeys = [\n  \"0\",\n  \"0-25\",\n  \"0-5\",\n  \"0-75\",\n  \"1\",\n  \"1-5\",\n  \"2\",\n  \"2-5\",\n  \"3\",\n  \"3-5\",\n  \"4\",\n  \"4-5\",\n  \"5\",\n  \"6\",\n  \"7\",\n  \"8\",\n  \"9\",\n  \"10\",\n  \"11\",\n  \"12\",\n  \"13\",\n  \"14\",\n  \"15\",\n  \"16\",\n  \"17\",\n  \"18\",\n  \"19\",\n  \"20\"\n];\nvar getInputPadding = function(val, extras, steps) {\n  if (typeof val === \"number\") {\n    return steps === 1 ? Math.max(0, Math.round(val * 0.6 - 12)) : Math.max(0, Math.round(val * 0.52 - 11.5));\n  }\n  var key = val === true ? \"4\" : val;\n  var index = inputSizeKeys.indexOf(key);\n  return extras.tokens.space[inputSizeKeys[Math.max(0, index - steps)]];\n};\nvar inputSizeVariant = function() {\n  var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, extras = arguments.length > 1 ? arguments[1] : void 0;\n  if (extras.props.tag === \"textarea\" || extras.props.rows > 1 || extras.props.multiline || extras.props.numberOfLines > 1) {\n    return textAreaSizeVariant(val, extras);\n  }\n  var frame = resolveInputFrame(val, extras);\n  var fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);\n  if (!import_core2.isWeb && fontStyle) {\n    delete fontStyle[\"lineHeight\"];\n  }\n  return {\n    ...fontStyle,\n    height: frame.size,\n    borderRadius: frame.radius,\n    paddingHorizontal: getInputPadding(val, extras, 1)\n  };\n};\nvar textAreaSizeVariant = function() {\n  var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, extras = arguments.length > 1 ? arguments[1] : void 0;\n  var { props } = extras;\n  var frame = resolveInputFrame(val, extras);\n  var fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);\n  var _props_rows;\n  var lines = (_props_rows = props.rows) !== null && _props_rows !== void 0 ? _props_rows : props.numberOfLines;\n  var height = typeof lines === \"number\" ? lines * (0, import_core2.getVariableValue)(fontStyle.lineHeight) : \"auto\";\n  if (!import_core2.isWeb && fontStyle) {\n    delete fontStyle[\"lineHeight\"];\n  }\n  return {\n    borderRadius: frame.radius,\n    ...fontStyle,\n    paddingVertical: getInputPadding(val, extras, 2),\n    paddingHorizontal: getInputPadding(val, extras, 1),\n    height\n  };\n};\nvar INPUT_NAME = \"Input\";\nvar styledBody = [\n  {\n    name: INPUT_NAME,\n    render: \"input\",\n    ...defaultStyles,\n    variants: {\n      size: {\n        true: inputSizeVariant,\n        Size: inputSizeVariant\n      },\n      disabled: {\n        true: {}\n      }\n    }\n  },\n  {\n    isInput: true,\n    accept: {\n      placeholderTextColor: \"color\",\n      selectionColor: \"color\",\n      cursorColor: \"color\",\n      selectionHandleColor: \"color\",\n      underlineColorAndroid: \"color\"\n    },\n    validStyles: import_core.Text.staticConfig.validStyles\n  }\n];\n//# sourceMappingURL=shared.js.map\n"],"mappings":"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"}
+{"version":3,"file":"shared.native.js","names":[],"sources":["jsx/shared.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 shared_exports = {};\n__export(shared_exports, {\n  INPUT_NAME: () => INPUT_NAME,\n  defaultStyles: () => defaultStyles,\n  inputSizeVariant: () => inputSizeVariant,\n  resolveMultilineInputSize: () => resolveMultilineInputSize,\n  resolveTextAreaSize: () => resolveTextAreaSize,\n  styledBody: () => styledBody,\n  textAreaSizeVariant: () => textAreaSizeVariant\n});\nmodule.exports = __toCommonJS(shared_exports);\nvar import_core = require(\"@tamagui/core\");\nvar import_get_font_sized = require(\"@tamagui/get-font-sized\");\nvar defaultStyles = {\n  size: true,\n  outlineWidth: 0,\n  tabIndex: 0,\n  // this fixes a flex bug where it overflows container\n  minWidth: 0\n};\nvar resolveInputFrame = function(val, env) {\n  return (0, import_core.resolveTokenSize)(val, {\n    tokens: env.tokens,\n    font: env.font\n  }).frame;\n};\nvar inputSizeKeys = [\n  \"0\",\n  \"0-25\",\n  \"0-5\",\n  \"0-75\",\n  \"1\",\n  \"1-5\",\n  \"2\",\n  \"2-5\",\n  \"3\",\n  \"3-5\",\n  \"4\",\n  \"4-5\",\n  \"5\",\n  \"6\",\n  \"7\",\n  \"8\",\n  \"9\",\n  \"10\",\n  \"11\",\n  \"12\",\n  \"13\",\n  \"14\",\n  \"15\",\n  \"16\",\n  \"17\",\n  \"18\",\n  \"19\",\n  \"20\"\n];\nvar getInputPadding = function(val, env, steps) {\n  if (typeof val === \"number\") {\n    return steps === 1 ? Math.max(0, Math.round(val * 0.6 - 12)) : Math.max(0, Math.round(val * 0.52 - 11.5));\n  }\n  var key = val === true ? \"4\" : val;\n  var index = inputSizeKeys.indexOf(key);\n  return env.tokens.space[inputSizeKeys[Math.max(0, index - steps)]];\n};\nvar inputSizeVariant = import_core.styled.dynamic(function() {\n  var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, env = arguments.length > 1 ? arguments[1] : void 0;\n  var frame = resolveInputFrame(val, env);\n  var fontStyle = (0, import_get_font_sized.getFontSized)(val, env);\n  return {\n    color: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.color,\n    fontFamily: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.fontFamily,\n    fontSize: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.fontSize,\n    fontStyle: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.fontStyle,\n    fontWeight: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.fontWeight,\n    letterSpacing: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.letterSpacing,\n    lineHeight: import_core.isWeb ? fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.lineHeight : void 0,\n    textTransform: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.textTransform,\n    height: frame.size,\n    borderRadius: frame.radius,\n    paddingHorizontal: getInputPadding(val, env, 1)\n  };\n});\nvar textAreaSizeVariant = import_core.styled.dynamic(function() {\n  var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, env = arguments.length > 1 ? arguments[1] : void 0;\n  var frame = resolveInputFrame(val, env);\n  var fontStyle = (0, import_get_font_sized.getFontSized)(val, env);\n  return {\n    borderRadius: frame.radius,\n    color: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.color,\n    fontFamily: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.fontFamily,\n    fontSize: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.fontSize,\n    fontStyle: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.fontStyle,\n    fontWeight: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.fontWeight,\n    letterSpacing: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.letterSpacing,\n    lineHeight: import_core.isWeb ? fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.lineHeight : void 0,\n    textTransform: fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.textTransform,\n    paddingVertical: getInputPadding(val, env, 2),\n    paddingHorizontal: getInputPadding(val, env, 1),\n    height: \"auto\"\n  };\n});\nvar resolveTextAreaSize = function(props, env) {\n  var _props_size;\n  var sized = textAreaSizeVariant((_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : true, env);\n  var _props_size1;\n  var fontStyle = (0, import_get_font_sized.getFontSized)((_props_size1 = props.size) !== null && _props_size1 !== void 0 ? _props_size1 : true, env);\n  var _props_rows;\n  var lines = (_props_rows = props.rows) !== null && _props_rows !== void 0 ? _props_rows : props.numberOfLines;\n  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;\n  return {\n    borderRadius: sized === null || sized === void 0 ? void 0 : sized.borderRadius,\n    color: sized === null || sized === void 0 ? void 0 : sized.color,\n    fontFamily: sized === null || sized === void 0 ? void 0 : sized.fontFamily,\n    fontSize: sized === null || sized === void 0 ? void 0 : sized.fontSize,\n    fontStyle: sized === null || sized === void 0 ? void 0 : sized.fontStyle,\n    fontWeight: sized === null || sized === void 0 ? void 0 : sized.fontWeight,\n    letterSpacing: sized === null || sized === void 0 ? void 0 : sized.letterSpacing,\n    lineHeight: sized === null || sized === void 0 ? void 0 : sized.lineHeight,\n    textTransform: sized === null || sized === void 0 ? void 0 : sized.textTransform,\n    paddingVertical: sized === null || sized === void 0 ? void 0 : sized.paddingVertical,\n    paddingHorizontal: sized === null || sized === void 0 ? void 0 : sized.paddingHorizontal,\n    height\n  };\n};\nvar resolveMultilineInputSize = function(props, env) {\n  if (!(props.rows > 1 || props.multiline || props.numberOfLines > 1)) return;\n  return resolveTextAreaSize(props, env);\n};\nvar INPUT_NAME = \"Input\";\nvar styledBody = [\n  {\n    name: INPUT_NAME,\n    render: \"input\",\n    ...defaultStyles,\n    variants: {\n      size: inputSizeVariant,\n      disabled: {\n        true: {}\n      }\n    }\n  },\n  {\n    isInput: true\n  }\n];\n//# sourceMappingURL=shared.js.map\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/input",
-  "version": "3.0.0-beta.831.1",
+  "version": "3.0.0-beta.889.1",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "source": "src/index.ts",
   "files": [
@@ -36,19 +36,19 @@
     "test:web": "vitest --typecheck --run"
   },
   "dependencies": {
-    "@tamagui/core": "3.0.0-beta.831.1",
-    "@tamagui/element": "3.0.0-beta.831.1",
-    "@tamagui/focusable": "3.0.0-beta.831.1",
-    "@tamagui/font-size": "3.0.0-beta.831.1",
-    "@tamagui/get-font-sized": "3.0.0-beta.831.1",
-    "@tamagui/helpers": "3.0.0-beta.831.1",
-    "@tamagui/helpers-tamagui": "3.0.0-beta.831.1",
-    "@tamagui/stacks": "3.0.0-beta.831.1",
-    "@tamagui/text": "3.0.0-beta.831.1",
-    "@tamagui/web": "3.0.0-beta.831.1"
+    "@tamagui/core": "3.0.0-beta.889.1",
+    "@tamagui/element": "3.0.0-beta.889.1",
+    "@tamagui/focusable": "3.0.0-beta.889.1",
+    "@tamagui/font-size": "3.0.0-beta.889.1",
+    "@tamagui/get-font-sized": "3.0.0-beta.889.1",
+    "@tamagui/helpers": "3.0.0-beta.889.1",
+    "@tamagui/helpers-tamagui": "3.0.0-beta.889.1",
+    "@tamagui/stacks": "3.0.0-beta.889.1",
+    "@tamagui/text": "3.0.0-beta.889.1",
+    "@tamagui/web": "3.0.0-beta.889.1"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.0-beta.831.1",
+    "@tamagui/build": "3.0.0-beta.889.1",
     "react": "19.2.3",
     "react-native": "0.86.2",
     "vitest": "4.1.0"

package/src/Input.native.tsx

@@ -3,10 +3,12 @@ import { TextInput, type TextInputProps as RNTextInputProps } from 'react-native
 import { createStyledHOC, type GetProps, styled } from '@tamagui/core'
 import { registerFocusable } from '@tamagui/focusable'
 import { useNativeInputRef } from '@tamagui/element'
-import { styledBody } from './shared'
+import { resolveMultilineInputSize, styledBody } from './shared'
 import type { InputExtraProps } from './types'
 
-const StyledInput = styled(TextInput, styledBody[0], styledBody[1])
+const StyledInput = styled(TextInput, styledBody[0], styledBody[1]).resolve(
+  resolveMultilineInputSize
+)
 
 /**
  * A web-aligned input component for React Native.

package/src/Input.tsx

@@ -1,11 +1,13 @@
-import { createStyledHOC, type GetProps, View, styled, useTheme } from '@tamagui/core'
+import { createStyledHOC, type GetProps, View, styled } from '@tamagui/core'
 import { registerFocusable } from '@tamagui/focusable'
 import { useWebRef } from '@tamagui/element'
 import React from 'react'
-import { styledBody } from './shared'
+import { resolveMultilineInputSize, styledBody } from './shared'
 import type { InputExtraProps } from './types'
 
-const StyledInput = styled(View, styledBody[0], styledBody[1])
+const StyledInput = styled(View, styledBody[0], styledBody[1]).resolve(
+  resolveMultilineInputSize
+)
 
 /**
  * A web-aligned input component.
@@ -24,8 +26,6 @@ export const Input = createStyledHOC(
       onSubmitEditing,
       onSelectionChange,
       selection,
-      placeholderTextColor,
-      selectionColor,
       rows,
 
       // Native-only props (ignored on web)
@@ -67,8 +67,6 @@ export const Input = createStyledHOC(
       disableKeyboardShortcuts,
 
       // Android-only props (ignored on web)
-      cursorColor,
-      selectionHandleColor,
       underlineColorAndroid,
       importantForAutofill,
       disableFullscreenUI,
@@ -85,8 +83,6 @@ export const Input = createStyledHOC(
     } = props
 
     const { ref, composedRef } = useWebRef<HTMLInputElement>(_forwardedRef)
-    const theme = useTheme()
-
     // convert native-style values to web equivalents
     const autoCorrect =
       autoCorrectProp === true
@@ -164,16 +160,6 @@ export const Input = createStyledHOC(
       autoCapitalize,
       onKeyDown: onSubmitEditing ? handleKeyDown : rest.onKeyDown,
       onChange: onChangeText ? handleChange : rest.onChange,
-      style: {
-        ...(rest.style as any),
-        ...(placeholderTextColor && {
-          '--t_placeholderColor':
-            theme[placeholderTextColor]?.variable || placeholderTextColor,
-        }),
-        ...(selectionColor && {
-          '--t_selectionColor': theme[selectionColor]?.variable || selectionColor,
-        }),
-      },
     } as any
 
     return <StyledInput ref={composedRef} {...finalProps} />

package/src/TextArea.tsx

@@ -1,12 +1,12 @@
 import { type GetProps, styled } from '@tamagui/web'
 import { Input } from './Input'
-import { defaultStyles, textAreaSizeVariant } from './shared'
+import { defaultStyles, resolveTextAreaSize, textAreaSizeVariant } from './shared'
 
 /**
  * A web-aligned textarea component (multi-line input).
  * @see — Docs https://tamagui.dev/ui/inputs#textarea
  */
-export const TextArea = styled(Input, {
+const TextAreaFrame = styled(Input, {
   displayName: 'TextArea',
   render: 'textarea',
 
@@ -18,11 +18,10 @@ export const TextArea = styled(Input, {
   rows: 3,
 
   variants: {
-    size: {
-      true: textAreaSizeVariant,
-      Size: textAreaSizeVariant,
-    },
+    size: textAreaSizeVariant,
   } as const,
 })
 
+export const TextArea = TextAreaFrame.resolve(resolveTextAreaSize)
+
 export type TextAreaProps = GetProps<typeof TextArea>