@tamagui/input 2.7.7 → 3.0.0-beta.1091.1

package/dist/jsx/TextArea.mjs.map

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

package/dist/jsx/TextArea.native.cjs

@@ -0,0 +1,38 @@
+"use strict";
+
+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, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TextArea_exports = {};
+__export(TextArea_exports, { TextArea: () => TextArea });
+module.exports = __toCommonJS(TextArea_exports);
+var import_web = require("@tamagui/web");
+var import_Input = require("./Input.native.js");
+var import_shared = require("./shared.native.js");
+var TextAreaFrame = (0, import_web.styled)(import_Input.Input, {
+	displayName: "TextArea",
+	render: "textarea",
+	whiteSpace: "pre-wrap",
+	height: "auto",
+	...import_shared.defaultStyles,
+	rows: 3,
+	variants: { size: import_shared.textAreaSizeVariant }
+});
+var TextArea = TextAreaFrame.resolve(import_shared.resolveTextAreaSize);

package/dist/jsx/TextArea.native.js

@@ -5,51 +5,36 @@ 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
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var TextArea_exports = {};
-__export(TextArea_exports, {
-  TextArea: () => TextArea
-});
+__export(TextArea_exports, { TextArea: () => TextArea });
 module.exports = __toCommonJS(TextArea_exports);
 var import_web = require("@tamagui/web");
 var import_Input = require("./Input.native.js");
 var import_shared = require("./shared.native.js");
-var TextArea = (0, import_web.styled)(import_Input.Input, {
-  name: "TextArea",
-  render: "textarea",
-  // this attribute fixes firefox newline issue
-  // @ts-ignore
-  whiteSpace: "pre-wrap",
-  variants: {
-    unstyled: {
-      false: {
-        height: "auto",
-        ...import_shared.defaultStyles,
-        rows: 3
-      }
-    },
-    size: {
-      "...size": import_shared.textAreaSizeVariant
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+var TextAreaFrame = (0, import_web.styled)(import_Input.Input, {
+	displayName: "TextArea",
+	render: "textarea",
+	whiteSpace: "pre-wrap",
+	height: "auto",
+	...import_shared.defaultStyles,
+	rows: 3,
+	variants: { size: import_shared.textAreaSizeVariant }
 });
+var TextArea = TextAreaFrame.resolve(import_shared.resolveTextAreaSize);
+
 //# sourceMappingURL=TextArea.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","TextArea_exports","TextArea","module","exports","import_web","require","import_Input"],"sources":["../../src/TextArea.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAwB;;AACxB,IAAAA,SAAS,GAAAC,MAAa,CAAAC,cAAA;AACtB,IAAAC,gBAAS,GAAAF,MAAe,CAAAG,wBAA2B;AAM5C,IAAAC,iBAAiB,GAAOJ,MAAA,CAAOK,mBAAA;AAAA,IACpCC,YAAM,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACNC,QAAQ,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAAA,SAAAC,IAAA,IAAAD,GAAA,EAAAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAII,IAEZC,WAAU,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACRF,IAAA,IAAU,OAAAA,IAAA,wBAAAA,IAAA;IAAA,KACR,IAAOG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,OACL,CAAAX,YAAQ,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACRnB,SAAG,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACG,OACRE,EAAA;AAAA;AACF,IAEAM,YAAM,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,gBACO;AAAAhB,QACb,CAAAgB,gBAAA;EACFC,QAAA,EAAAA,CAAA,KAAAA;AAAA,EAEA;AAAiBC,MACf,CAAAC,OAAU,GAAAN,YAAY,CAAAG,gBAAA,CAAqB;AAAA,IAC7CI,UAAA,GAAAC,OAAA;AACF,IAACC,YAAA,GAAAD,OAAA","ignoreList":[]}
+{"version":3,"file":"TextArea.native.js","names":[],"sources":["jsx/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"}

package/dist/jsx/index.js

@@ -1,5 +1,7 @@
-export * from "./Input.mjs";
-export * from "./TextArea.mjs";
 import { inputSizeVariant, textAreaSizeVariant } from "./shared.mjs";
-export { inputSizeVariant, textAreaSizeVariant };
-//# sourceMappingURL=index.js.map
+
+export * from "./Input.mjs"
+
+export * from "./TextArea.mjs"
+
+export { inputSizeVariant, textAreaSizeVariant };

package/dist/jsx/index.mjs

@@ -1,5 +1,7 @@
-export * from "./Input.mjs";
-export * from "./TextArea.mjs";
 import { inputSizeVariant, textAreaSizeVariant } from "./shared.mjs";
-export { inputSizeVariant, textAreaSizeVariant };
-//# sourceMappingURL=index.mjs.map
+
+export * from "./Input.mjs"
+
+export * from "./TextArea.mjs"
+
+export { inputSizeVariant, textAreaSizeVariant };

package/dist/jsx/index.native.cjs

@@ -0,0 +1,32 @@
+"use strict";
+
+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, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+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/jsx/index.native.js

@@ -5,31 +5,30 @@ 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
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 __export(index_exports, {
-  inputSizeVariant: () => import_shared.inputSizeVariant,
-  textAreaSizeVariant: () => import_shared.textAreaSizeVariant
+	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/jsx/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA;;AACA,IAAAA,SAAA,GAAcC,MAAA,CAAAC,cAAA;AACd,IAAAC,gBAAS,GAAAF,MAAkB,CAAAG,wBAA2B","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":[],"sources":["jsx/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"}

package/dist/jsx/shared.mjs

@@ -1,115 +1,67 @@
-import { Text } from "@tamagui/core";
-import { getVariableValue, isWeb } from "@tamagui/core";
-import { getButtonSized } from "@tamagui/get-button-sized";
+import { getVariableValue, isWeb, resolveSize, styled } from "@tamagui/core";
 import { getFontSized } from "@tamagui/get-font-sized";
-import { getSpace } from "@tamagui/get-token";
+
 const defaultStyles = {
-  size: "$true",
-  fontFamily: "$body",
-  borderWidth: 1,
-  outlineWidth: 0,
-  color: "$color",
-  ...(isWeb ? {
-    tabIndex: 0
-  } : {
-    focusable: true
-  }),
-  borderColor: "$borderColor",
-  backgroundColor: "$background",
-  // this fixes a flex bug where it overflows container
-  minWidth: 0,
-  hoverStyle: {
-    borderColor: "$borderColorHover"
-  },
-  focusStyle: {
-    borderColor: "$borderColorFocus"
-  },
-  focusVisibleStyle: {
-    outlineColor: "$outlineColor",
-    outlineWidth: 2,
-    outlineStyle: "solid"
-  }
+	size: true,
+	outlineWidth: 0,
+	tabIndex: 0,
+	minWidth: 0
 };
-const inputSizeVariant = (val = "$true", extras) => {
-  if (extras.props.tag === "textarea" || extras.props.rows > 1 || extras.props.multiline || extras.props.numberOfLines > 1) {
-    return textAreaSizeVariant(val, extras);
-  }
-  const buttonStyles = getButtonSized(val, extras);
-  const paddingHorizontal = getSpace(val, {
-    shift: -1,
-    bounds: [2]
-  });
-  const fontStyle = getFontSized(val, extras);
-  if (!isWeb && fontStyle) {
-    delete fontStyle["lineHeight"];
-  }
-  return {
-    ...fontStyle,
-    ...buttonStyles,
-    paddingHorizontal
-  };
+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 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 textAreaSizeVariant = (val = "$true", extras) => {
-  const {
-    props
-  } = extras;
-  const buttonStyles = getButtonSized(val, extras);
-  const fontStyle = getFontSized(val, extras);
-  const lines = props.rows ?? props.numberOfLines;
-  const height = typeof lines === "number" ? lines * getVariableValue(fontStyle.lineHeight) : "auto";
-  if (!isWeb && fontStyle) {
-    delete fontStyle["lineHeight"];
-  }
-  const paddingVertical = getSpace(val, {
-    shift: -2,
-    bounds: [2]
-  });
-  const paddingHorizontal = getSpace(val, {
-    shift: -1,
-    bounds: [2]
-  });
-  return {
-    ...buttonStyles,
-    ...fontStyle,
-    paddingVertical,
-    paddingHorizontal,
-    height
-  };
+const resolveMultilineInputSize = (props, env) => {
+	if (!(props.rows > 1 || props.multiline || props.numberOfLines > 1)) return;
+	return resolveTextAreaSize(props, env);
 };
 const INPUT_NAME = "Input";
 const styledBody = [{
-  name: INPUT_NAME,
-  render: "input",
-  variants: {
-    unstyled: {
-      true: {
-        // reset browser <input>/<textarea> defaults
-        outlineWidth: 0,
-        borderWidth: 0,
-        backgroundColor: "transparent"
-      },
-      false: defaultStyles
-    },
-    size: {
-      "...size": inputSizeVariant
-    },
-    disabled: {
-      true: {}
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}, {
-  isInput: true,
-  accept: {
-    placeholderTextColor: "color",
-    selectionColor: "color",
-    cursorColor: "color",
-    selectionHandleColor: "color",
-    underlineColorAndroid: "color"
-  },
-  validStyles: Text.staticConfig.validStyles
-}];
-export { INPUT_NAME, defaultStyles, inputSizeVariant, styledBody, textAreaSizeVariant };
+	name: INPUT_NAME,
+	render: "input",
+	...defaultStyles,
+	variants: {
+		size: inputSizeVariant,
+		disabled: { true: {} }
+	}
+}, { isInput: true }];
+
+export { INPUT_NAME, defaultStyles, inputSizeVariant, resolveMultilineInputSize, resolveTextAreaSize, styledBody, textAreaSizeVariant };
 //# sourceMappingURL=shared.mjs.map

package/dist/jsx/shared.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Text","getVariableValue","isWeb","getButtonSized","getFontSized","getSpace","defaultStyles","size","fontFamily","borderWidth","outlineWidth","color","tabIndex","focusable","borderColor","backgroundColor","minWidth","hoverStyle","focusStyle","focusVisibleStyle","outlineColor","outlineStyle","inputSizeVariant","val","extras","props","tag","rows","multiline","numberOfLines","textAreaSizeVariant","buttonStyles","paddingHorizontal","shift","bounds","fontStyle","lines","height","lineHeight","paddingVertical","INPUT_NAME","styledBody","name","render","variants","unstyled","true","false","disabled","defaultVariants","process","env","TAMAGUI_HEADLESS","isInput","accept","placeholderTextColor","selectionColor","cursorColor","selectionHandleColor","underlineColorAndroid","validStyles","staticConfig"],"sources":["../../src/shared.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"shared.js","names":[],"sources":["jsx/shared.js"],"sourcesContent":["import { getVariableValue, isWeb, resolveSize, 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 inputSizeVariant = styled.dynamic((val = true, env) => {\n  const { frame } = resolveSize(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    ...frame\n  };\n});\nconst textAreaSizeVariant = styled.dynamic((val = true, env) => {\n  return {\n    ...inputSizeVariant(val, env),\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":";;;;AAEA,MAAM,gBAAgB;CACpB,MAAM;CACN,cAAc;CACd,UAAU;CAEV,UAAU;AACZ;AACA,MAAM,mBAAmB,OAAO,SAAS,MAAM,MAAM,QAAQ;CAC3D,MAAM,EAAE,UAAU,YAAY,KAAK,GAAG;CACtC,MAAM,YAAY,aAAa,KAAK,GAAG;CACvC,OAAO;EACL,OAAO,WAAW;EAClB,YAAY,WAAW;EACvB,UAAU,WAAW;EACrB,WAAW,WAAW;EACtB,YAAY,WAAW;EACvB,eAAe,WAAW;EAC1B,YAAY,QAAQ,WAAW,aAAa,KAAK;EACjD,eAAe,WAAW;EAC1B,GAAG;CACL;AACF,CAAC;AACD,MAAM,sBAAsB,OAAO,SAAS,MAAM,MAAM,QAAQ;CAC9D,OAAO;EACL,GAAG,iBAAiB,KAAK,GAAG;EAC5B,QAAQ;CACV;AACF,CAAC;AACD,MAAM,uBAAuB,OAAO,QAAQ;CAC1C,MAAM,QAAQ,oBAAoB,MAAM,QAAQ,MAAM,GAAG;CACzD,MAAM,YAAY,aAAa,MAAM,QAAQ,MAAM,GAAG;CACtD,MAAM,QAAQ,MAAM,QAAQ,MAAM;CAClC,MAAM,SAAS,OAAO,UAAU,WAAW,QAAQ,iBAAiB,WAAW,UAAU,IAAI,OAAO;CACpG,OAAO;EACL,cAAc,OAAO;EACrB,OAAO,OAAO;EACd,YAAY,OAAO;EACnB,UAAU,OAAO;EACjB,WAAW,OAAO;EAClB,YAAY,OAAO;EACnB,eAAe,OAAO;EACtB,YAAY,OAAO;EACnB,eAAe,OAAO;EACtB,iBAAiB,OAAO;EACxB,mBAAmB,OAAO;EAC1B;CACF;AACF;AACA,MAAM,6BAA6B,OAAO,QAAQ;CAChD,IAAI,EAAE,MAAM,OAAO,KAAK,MAAM,aAAa,MAAM,gBAAgB,IAAI;CACrE,OAAO,oBAAoB,OAAO,GAAG;AACvC;AACA,MAAM,aAAa;AACnB,MAAM,aAAa,CACjB;CACE,MAAM;CACN,QAAQ;CACR,GAAG;CACH,UAAU;EACR,MAAM;EACN,UAAU,EACR,MAAM,CAAC,EACT;CACF;AACF,GACA,EACE,SAAS,KACX,CACF"}

package/dist/jsx/shared.native.cjs

@@ -0,0 +1,101 @@
+"use strict";
+
+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, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var shared_exports = {};
+__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_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 _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 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: inputSizeVariant,
+		disabled: { true: {} }
+	}
+}, { isInput: true }];