@tamagui/input 2.7.7 → 3.0.0-beta.1091.1

package/dist/esm/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/esm/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":["esm/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/esm/shared.native.js

@@ -1,120 +1,72 @@
-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";
+
 var 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
 };
-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 buttonStyles = getButtonSized(val, extras);
-  var paddingHorizontal = getSpace(val, {
-    shift: -1,
-    bounds: [2]
-  });
-  var fontStyle = getFontSized(val, extras);
-  if (!isWeb && fontStyle) {
-    delete fontStyle["lineHeight"];
-  }
-  return {
-    ...fontStyle,
-    ...buttonStyles,
-    paddingHorizontal
-  };
+var inputSizeVariant = 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 } = resolveSize(val, env);
+	var fontStyle = 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: 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 = 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 = 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 * 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 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 buttonStyles = getButtonSized(val, extras);
-  var fontStyle = getFontSized(val, extras);
-  var _props_rows;
-  var lines = (_props_rows = props.rows) !== null && _props_rows !== void 0 ? _props_rows : props.numberOfLines;
-  var height = typeof lines === "number" ? lines * getVariableValue(fontStyle.lineHeight) : "auto";
-  if (!isWeb && fontStyle) {
-    delete fontStyle["lineHeight"];
-  }
-  var paddingVertical = getSpace(val, {
-    shift: -2,
-    bounds: [2]
-  });
-  var paddingHorizontal = getSpace(val, {
-    shift: -1,
-    bounds: [2]
-  });
-  return {
-    ...buttonStyles,
-    ...fontStyle,
-    paddingVertical,
-    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",
-  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.native.js.map

package/dist/esm/shared.native.js.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","arguments","length","extras","props","tag","rows","multiline","numberOfLines","textAreaSizeVariant","buttonStyles","paddingHorizontal","shift","bounds","fontStyle","_props_rows","lines","height","lineHeight","paddingVertical","INPUT_NAME","styledBody","name","render","variants","unstyled","true","false","disabled","defaultVariants","process","env","TAMAGUI_HEADLESS","isInput","accept"],"sources":["../../src/shared.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,IAAA,QAAY;AACrB,SAASC,gBAAA,EAAkBC,KAAA,QAAa;AACxC,SAASC,cAAA,QAAsB;AAC/B,SAASC,YAAA,QAAoB;AAC7B,SAASC,QAAA,QAAgB;AAElB,IAAAC,aAAM;EACXC,IAAA,EAAM;EACNC,UAAA,EAAY;EACZC,WAAA,EAAa;EACbC,YAAA,EAAc;EACdC,KAAA,EAAO;EAEP,IAAIT,KAAA,GACA;IACEU,QAAA,EAAU;EACZ,IACA;IACEC,SAAA,EAAW;EACb;EAEJC,WAAA,EAAa;EACbC,eAAA,EAAiB;EAAA;EAGjBC,QAAA,EAAU;EAEVC,UAAA,EAAY;IACVH,WAAA,EAAa;EACf;EAEAI,UAAA,EAAY;IACVJ,WAAA,EAAa;EACf;EAEAK,iBAAA,EAAmB;IACjBC,YAAA,EAAc;IACdV,YAAA,EAAc;IACdW,YAAA,EAAc;EAChB;AACF;AAEO,IAAAC,gBAAM,YAAAA,CAAA,EACL;EAIN,IACEC,GAAA,GAAAC,SAAa,CAAAC,MAAQ,QAAAD,SACrB,GAAO,UAAM,IAAOA,SACpB,EAAO,WAAM;IAAAE,MACb,GAAAF,SAAO,CAAMC,MAAA,OAAAD,SACb;EACA,IAAAE,MAAO,CAAAC,KAAA,CAAAC,GAAA,eAAyB,IAAAF,MAAM,CAAAC,KAAA,CAAAE,IAAA,QAAAH,MAAA,CAAAC,KAAA,CAAAG,SAAA,IAAAJ,MAAA,CAAAC,KAAA,CAAAI,aAAA;IACxC,OAAAC,mBAAA,CAAAT,GAAA,EAAAG,MAAA;EACA;EACA,IAAAO,YAAM,GAAA9B,cAAoB,CAAAoB,GAAS,EAAAG,MAAK;EAAA,IACtCQ,iBAAO,GAAA7B,QAAA,CAAAkB,GAAA;IACPY,KAAA,GAAQ,CAAC;IACVC,MAAA,GACD;EAGE;EACF,IAAAC,SAAA,GAAAjC,YAAA,CAAAmB,GAAA,EAAAG,MAAA;EACA,KAAAxB,KAAO,IAAAmC,SAAA;IACL,OAAGA,SAAA;EAAA;EACA,OACH;IACF,GAAAA,SAAA;IACF,GAAAJ,YAAA;IAEOC;EAIL;AACA;AACA,IAAAF,mBAAkB,YAAAA,CAAA,EAAa;EAC/B,IAAAT,GAAM,GAAAC,SAAQ,CAAMC,MAAA,GAAQ,KAAMD,SAAA,iBAAAA,SAAA;IAAAE,MAAA,GAAAF,SAAA,CAAAC,MAAA,OAAAD,SAAA;EAClC;IAAMG;EAAA,IACJD,MAAO;EAET,IAAIO,YAAU,GAAA9B,cAAW,CAAAoB,GAAA,EAAAG,MAAA;EACvB,IAAAW,SAAO,GAAAjC,YAAU,CAAAmB,GAAY,EAAAG,MAAA;EAC/B,IAAAY,WAAA;EACA,IAAAC,KAAM,IAAAD,WAAkB,GAAAX,KAAA,CAASE,IAAA,MAAK,QAAAS,WAAA,cAAAA,WAAA,GAAAX,KAAA,CAAAI,aAAA;EAAA,IACpCS,MAAO,UAAAD,KAAA,gBAAAA,KAAA,GAAAtC,gBAAA,CAAAoC,SAAA,CAAAI,UAAA;EAAA,IACP,CAAAvC,KAAQ,IAAEmC,SAAA;IACX,OAAAA,SAAA;EACD;EAAwC,IACtCK,eAAO,GAAArC,QAAA,CAAAkB,GAAA;IACPY,KAAA,GAAQ,CAAC;IACVC,MAAA,GACD;EACK,EACH;EAAG,IACHF,iBAAA,GAAA7B,QAAA,CAAAkB,GAAA;IACAY,KAAA;IACAC,MAAA,GACF;EAEK;EAEA,OAAM;IACX,GAAAH,YAAA;IACE,GAAAI,SAAM;IACNK,eAAQ;IACRR,iBAAU;IAAAM;EACE;AACF;AAAA,IAAAG,UAEJ,UAAc;AAAA,IAAAC,UACd,IAAa;EACIC,IACnB,EAAAF,UAAA;EAAAG,MACA,SAAO;EAAAC,QACT;IAEAC,QAAM;MACJC,IAAA;QACF;QAEAvC,YAAU;QACRD,WAAO;QACTM,eAAA;MACF;MAEAmC,KAAA,EAAA5C;IACE;IACFC,IAAA;MACF,WAAAe;IAEA;IACE6B,QAAS;MACTF,IAAQ;IACN;EAAsB;EACNG,eACH;IACbJ,QAAA,EAAAK,OAAA,CAAAC,GAAA,CAAsBC,gBAAA;EAAA;AACC,GACzB;EAGFC,OAAA;EACFC,MAAA","ignoreList":[]}
+{"version":3,"file":"shared.native.js","names":[],"sources":["esm/shared.native.js"],"sourcesContent":["import { getVariableValue, isWeb, resolveSize, styled } from \"@tamagui/core\";\nimport { getFontSized } from \"@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 = 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 } = resolveSize(val, env);\n  var fontStyle = 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: 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 = 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 = 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 * 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];\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/esm/types.mjs

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.mjs.map

package/dist/esm/types.native.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.native.js.map

package/dist/jsx/Input.mjs

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