@tamagui/input 3.0.0-beta.1313.1 → 3.0.0-beta.1341.1

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,61 +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 inputSizeVariant = import_core.styled.dynamic((val = true, env) => {
-	const { frame } = (0, import_core.resolveSize)(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,
-		...frame
-	};
-});
-const textAreaSizeVariant = import_core.styled.dynamic((val = true, env) => {
-	return {
-		...inputSizeVariant(val, env),
-		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;
@@ -87,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,66 +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 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 } = (0, import_core.resolveSize)(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,
-		...frame
-	};
-});
-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;
-	return {
-		...inputSizeVariant(val, env),
-		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;
@@ -94,8 +62,5 @@ var styledBody = [{
 	name: INPUT_NAME,
 	render: "input",
 	...defaultStyles,
-	variants: {
-		size: inputSizeVariant,
-		disabled: { true: {} }
-	}
+	variants: { disabled: { true: {} } }
 }, { isInput: true }];

package/dist/cjs/shared.native.js

@@ -24,66 +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 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 } = (0, import_core.resolveSize)(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,
-		...frame
-	};
-});
-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;
-	return {
-		...inputSizeVariant(val, env),
-		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;
@@ -94,10 +62,7 @@ var styledBody = [{
 	name: INPUT_NAME,
 	render: "input",
 	...defaultStyles,
-	variants: {
-		size: inputSizeVariant,
-		disabled: { true: {} }
-	}
+	variants: { disabled: { true: {} } }
 }, { isInput: true }];
 
 //# sourceMappingURL=shared.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"shared.native.js","names":[],"sources":["cjs/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 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 } = (0, import_core.resolveSize)(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    ...frame\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  return {\n    ...inputSizeVariant(val, env),\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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"}
+{"version":3,"file":"shared.native.js","names":[],"sources":["cjs/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  resolveMultilineInputSize: () => resolveMultilineInputSize,\n  resolveTextAreaSize: () => resolveTextAreaSize,\n  styledBody: () => styledBody\n});\nmodule.exports = __toCommonJS(shared_exports);\nvar import_core = require(\"@tamagui/core\");\nvar defaultStyles = {\n  outlineWidth: 0,\n  tabIndex: 0,\n  // this fixes a flex bug where it overflows container\n  minWidth: 0\n};\nvar resolveTextAreaSize = function(props, env) {\n  var _font_lineHeight, _font_lineHeight1;\n  var font = props.fontFamily ? env.fonts[props.fontFamily] : env.font;\n  var defaultKey = font && \"sm\" in font.size ? \"sm\" : \"4\";\n  var _props_fontSize;\n  var fontSize = (_props_fontSize = props.fontSize) !== null && _props_fontSize !== void 0 ? _props_fontSize : defaultKey;\n  var _props_lineHeight;\n  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];\n  var configuredSize = typeof fontSize === \"string\" ? font === null || font === void 0 ? void 0 : font.size[fontSize] : void 0;\n  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;\n  var metrics = {\n    fontSize: Number.parseFloat(String((0, import_core.getVariableValue)(configuredSize !== null && configuredSize !== void 0 ? configuredSize : fontSize)))\n  };\n  var leading = configuredLeading !== null && configuredLeading !== void 0 ? configuredLeading : lineHeight;\n  (0, import_core.resolveTextMetrics)(metrics, (props.lineHeight == null || configuredLeading !== void 0) && typeof leading === \"number\" ? `${leading}px` : leading);\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\" && typeof metrics.lineHeight === \"number\" ? lines * metrics.lineHeight : void 0;\n  return {\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      disabled: {\n        true: {}\n      }\n    }\n  },\n  {\n    isInput: true\n  }\n];\n//# sourceMappingURL=shared.js.map\n"],"mappings":"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"}

package/dist/esm/TextArea.mjs

@@ -1,6 +1,6 @@
 import { styled } from "@tamagui/web";
 import { Input } from "./Input.mjs";
-import { defaultStyles, resolveTextAreaSize, textAreaSizeVariant } from "./shared.mjs";
+import { defaultStyles, resolveTextAreaSize } from "./shared.mjs";
 
 const TextAreaFrame = styled(Input, {
 	displayName: "TextArea",
@@ -8,8 +8,7 @@ const TextAreaFrame = styled(Input, {
 	whiteSpace: "pre-wrap",
 	height: "auto",
 	...defaultStyles,
-	rows: 3,
-	variants: { size: textAreaSizeVariant }
+	rows: 3
 });
 const TextArea = TextAreaFrame.resolve(resolveTextAreaSize);
 

package/dist/esm/TextArea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":[],"sources":["esm/TextArea.js"],"sourcesContent":["import { styled } from \"@tamagui/web\";\nimport { Input } from \"./Input\";\nimport { defaultStyles, resolveTextAreaSize, textAreaSizeVariant } from \"./shared\";\nconst TextAreaFrame = styled(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  ...defaultStyles,\n  rows: 3,\n  variants: {\n    size: textAreaSizeVariant\n  }\n});\nconst TextArea = TextAreaFrame.resolve(resolveTextAreaSize);\nexport {\n  TextArea\n};\n//# sourceMappingURL=TextArea.js.map\n"],"mappings":";;;;;AAGA,MAAM,gBAAgB,OAAO,OAAO;CAClC,aAAa;CACb,QAAQ;CAGR,YAAY;CACZ,QAAQ;CACR,GAAG;CACH,MAAM;CACN,UAAU,EACR,MAAM,oBACR;AACF,CAAC;AACD,MAAM,WAAW,cAAc,QAAQ,mBAAmB"}
+{"version":3,"file":"TextArea.js","names":[],"sources":["esm/TextArea.js"],"sourcesContent":["import { styled } from \"@tamagui/web\";\nimport { Input } from \"./Input\";\nimport { defaultStyles, resolveTextAreaSize } from \"./shared\";\nconst TextAreaFrame = styled(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  ...defaultStyles,\n  rows: 3\n});\nconst TextArea = TextAreaFrame.resolve(resolveTextAreaSize);\nexport {\n  TextArea\n};\n//# sourceMappingURL=TextArea.js.map\n"],"mappings":";;;;;AAGA,MAAM,gBAAgB,OAAO,OAAO;CAClC,aAAa;CACb,QAAQ;CAGR,YAAY;CACZ,QAAQ;CACR,GAAG;CACH,MAAM;AACR,CAAC;AACD,MAAM,WAAW,cAAc,QAAQ,mBAAmB"}

package/dist/esm/TextArea.native.js

@@ -1,6 +1,6 @@
 import { styled } from "@tamagui/web";
 import { Input } from "./Input.native.js";
-import { defaultStyles, resolveTextAreaSize, textAreaSizeVariant } from "./shared.native.js";
+import { defaultStyles, resolveTextAreaSize } from "./shared.native.js";
 
 var TextAreaFrame = styled(Input, {
 	displayName: "TextArea",
@@ -8,8 +8,7 @@ var TextAreaFrame = styled(Input, {
 	whiteSpace: "pre-wrap",
 	height: "auto",
 	...defaultStyles,
-	rows: 3,
-	variants: { size: textAreaSizeVariant }
+	rows: 3
 });
 var TextArea = TextAreaFrame.resolve(resolveTextAreaSize);
 

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.native.js","names":[],"sources":["esm/TextArea.native.js"],"sourcesContent":["import { styled } from \"@tamagui/web\";\nimport { Input } from \"./Input\";\nimport { defaultStyles, resolveTextAreaSize, textAreaSizeVariant } from \"./shared\";\nvar TextAreaFrame = styled(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  ...defaultStyles,\n  rows: 3,\n  variants: {\n    size: textAreaSizeVariant\n  }\n});\nvar TextArea = TextAreaFrame.resolve(resolveTextAreaSize);\nexport {\n  TextArea\n};\n//# sourceMappingURL=TextArea.js.map\n"],"mappings":";;;;;AAGA,IAAI,gBAAgB,OAAO,OAAO;CAChC,aAAa;CACb,QAAQ;CAGR,YAAY;CACZ,QAAQ;CACR,GAAG;CACH,MAAM;CACN,UAAU,EACR,MAAM,oBACR;AACF,CAAC;AACD,IAAI,WAAW,cAAc,QAAQ,mBAAmB"}
+{"version":3,"file":"TextArea.native.js","names":[],"sources":["esm/TextArea.native.js"],"sourcesContent":["import { styled } from \"@tamagui/web\";\nimport { Input } from \"./Input\";\nimport { defaultStyles, resolveTextAreaSize } from \"./shared\";\nvar TextAreaFrame = styled(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  ...defaultStyles,\n  rows: 3\n});\nvar TextArea = TextAreaFrame.resolve(resolveTextAreaSize);\nexport {\n  TextArea\n};\n//# sourceMappingURL=TextArea.js.map\n"],"mappings":";;;;;AAGA,IAAI,gBAAgB,OAAO,OAAO;CAChC,aAAa;CACb,QAAQ;CAGR,YAAY;CACZ,QAAQ;CACR,GAAG;CACH,MAAM;AACR,CAAC;AACD,IAAI,WAAW,cAAc,QAAQ,mBAAmB"}

package/dist/esm/index.js

@@ -1,7 +1,3 @@
-import { inputSizeVariant, textAreaSizeVariant } from "./shared.mjs";
-
 export * from "./Input.mjs"
 
 export * from "./TextArea.mjs"
-
-export { inputSizeVariant, textAreaSizeVariant };

package/dist/esm/index.mjs

@@ -1,7 +1,3 @@
-import { inputSizeVariant, textAreaSizeVariant } from "./shared.mjs";
-
 export * from "./Input.mjs"
 
 export * from "./TextArea.mjs"
-
-export { inputSizeVariant, textAreaSizeVariant };

package/dist/esm/index.native.js

@@ -1,7 +1,3 @@
-import { inputSizeVariant, textAreaSizeVariant } from "./shared.native.js";
-
 export * from "./Input.native.js"
 
 export * from "./TextArea.native.js"
-
-export { inputSizeVariant, textAreaSizeVariant };

package/dist/esm/shared.mjs

@@ -1,52 +1,23 @@
-import { getVariableValue, isWeb, resolveSize, styled } from "@tamagui/core";
-import { getFontSized } from "@tamagui/get-font-sized";
+import { getVariableValue, resolveTextMetrics } from "@tamagui/core";
 
 const defaultStyles = {
-	size: true,
 	outlineWidth: 0,
 	tabIndex: 0,
 	minWidth: 0
 };
-const inputSizeVariant = styled.dynamic((val = true, env) => {
-	const { frame } = resolveSize(val, env);
-	const fontStyle = getFontSized(val, env);
-	return {
-		color: fontStyle?.color,
-		fontFamily: fontStyle?.fontFamily,
-		fontSize: fontStyle?.fontSize,
-		fontStyle: fontStyle?.fontStyle,
-		fontWeight: fontStyle?.fontWeight,
-		letterSpacing: fontStyle?.letterSpacing,
-		lineHeight: isWeb ? fontStyle?.lineHeight : void 0,
-		textTransform: fontStyle?.textTransform,
-		...frame
-	};
-});
-const textAreaSizeVariant = styled.dynamic((val = true, env) => {
-	return {
-		...inputSizeVariant(val, env),
-		height: "auto"
-	};
-});
 const resolveTextAreaSize = (props, env) => {
-	const sized = textAreaSizeVariant(props.size ?? true, env);
-	const fontStyle = 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(getVariableValue(configuredSize ?? fontSize))) };
+	const leading = configuredLeading ?? lineHeight;
+	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 * 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;
@@ -57,11 +28,8 @@ const styledBody = [{
 	name: INPUT_NAME,
 	render: "input",
 	...defaultStyles,
-	variants: {
-		size: inputSizeVariant,
-		disabled: { true: {} }
-	}
+	variants: { disabled: { true: {} } }
 }, { isInput: true }];
 
-export { INPUT_NAME, defaultStyles, inputSizeVariant, resolveMultilineInputSize, resolveTextAreaSize, styledBody, textAreaSizeVariant };
+export { INPUT_NAME, defaultStyles, resolveMultilineInputSize, resolveTextAreaSize, styledBody };
 //# sourceMappingURL=shared.mjs.map