@tamagui/input 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/shared.mjs

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

package/dist/esm/shared.native.js

@@ -1,120 +1,115 @@
-import { Text } from "@tamagui/core";
-import { getVariableValue, isWeb } from "@tamagui/core";
-import { getButtonSized } from "@tamagui/get-button-sized";
+import { Text, getVariableValue, isWeb, resolveTokenSize } 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 resolveInputFrame = function(val, extras) {
+	return resolveTokenSize(val, {
+		tokens: extras.tokens,
+		font: extras.font
+	}).frame;
 };
-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 inputSizeKeys = [
+	"0",
+	"0-25",
+	"0-5",
+	"0-75",
+	"1",
+	"1-5",
+	"2",
+	"2-5",
+	"3",
+	"3-5",
+	"4",
+	"4-5",
+	"5",
+	"6",
+	"7",
+	"8",
+	"9",
+	"10",
+	"11",
+	"12",
+	"13",
+	"14",
+	"15",
+	"16",
+	"17",
+	"18",
+	"19",
+	"20"
+];
+var getInputPadding = function(val, extras, steps) {
+	if (typeof val === "number") {
+		return steps === 1 ? Math.max(0, Math.round(val * .6 - 12)) : Math.max(0, Math.round(val * .52 - 11.5));
+	}
+	var key = val === true ? "4" : val;
+	var index = inputSizeKeys.indexOf(key);
+	return extras.tokens.space[inputSizeKeys[Math.max(0, index - steps)]];
+};
+var inputSizeVariant = function() {
+	var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, extras = arguments.length > 1 ? arguments[1] : void 0;
+	if (extras.props.tag === "textarea" || extras.props.rows > 1 || extras.props.multiline || extras.props.numberOfLines > 1) {
+		return textAreaSizeVariant(val, extras);
+	}
+	var frame = resolveInputFrame(val, extras);
+	var fontStyle = getFontSized(val, extras);
+	if (!isWeb && fontStyle) {
+		delete fontStyle["lineHeight"];
+	}
+	return {
+		...fontStyle,
+		height: frame.size,
+		borderRadius: frame.radius,
+		paddingHorizontal: getInputPadding(val, extras, 1)
+	};
+};
+var textAreaSizeVariant = function() {
+	var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, extras = arguments.length > 1 ? arguments[1] : void 0;
+	var { props } = extras;
+	var frame = resolveInputFrame(val, extras);
+	var fontStyle = 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"];
+	}
+	return {
+		borderRadius: frame.radius,
+		...fontStyle,
+		paddingVertical: getInputPadding(val, extras, 2),
+		paddingHorizontal: getInputPadding(val, extras, 1),
+		height
+	};
 };
 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"
-  }
+	name: INPUT_NAME,
+	render: "input",
+	...defaultStyles,
+	variants: {
+		size: {
+			true: inputSizeVariant,
+			Size: inputSizeVariant
+		},
+		disabled: { true: {} }
+	}
 }, {
-  isInput: true,
-  accept: {
-    placeholderTextColor: "color",
-    selectionColor: "color",
-    cursorColor: "color",
-    selectionHandleColor: "color",
-    underlineColorAndroid: "color"
-  },
-  validStyles: Text.staticConfig.validStyles
+	isInput: true,
+	accept: {
+		placeholderTextColor: "color",
+		selectionColor: "color",
+		cursorColor: "color",
+		selectionHandleColor: "color",
+		underlineColorAndroid: "color"
+	},
+	validStyles: Text.staticConfig.validStyles
 }];
+
 export { INPUT_NAME, defaultStyles, inputSizeVariant, 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":"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","ignoreList":[]}
+{"version":3,"file":"shared.native.js","names":[],"sources":["esm/shared.native.js"],"sourcesContent":["import { Text } from \"@tamagui/core\";\nimport { getVariableValue, isWeb, resolveTokenSize } 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 resolveInputFrame = function(val, extras) {\n  return resolveTokenSize(val, {\n    tokens: extras.tokens,\n    font: extras.font\n  }).frame;\n};\nvar inputSizeKeys = [\n  \"0\",\n  \"0-25\",\n  \"0-5\",\n  \"0-75\",\n  \"1\",\n  \"1-5\",\n  \"2\",\n  \"2-5\",\n  \"3\",\n  \"3-5\",\n  \"4\",\n  \"4-5\",\n  \"5\",\n  \"6\",\n  \"7\",\n  \"8\",\n  \"9\",\n  \"10\",\n  \"11\",\n  \"12\",\n  \"13\",\n  \"14\",\n  \"15\",\n  \"16\",\n  \"17\",\n  \"18\",\n  \"19\",\n  \"20\"\n];\nvar getInputPadding = function(val, extras, steps) {\n  if (typeof val === \"number\") {\n    return steps === 1 ? Math.max(0, Math.round(val * 0.6 - 12)) : Math.max(0, Math.round(val * 0.52 - 11.5));\n  }\n  var key = val === true ? \"4\" : val;\n  var index = inputSizeKeys.indexOf(key);\n  return extras.tokens.space[inputSizeKeys[Math.max(0, index - steps)]];\n};\nvar inputSizeVariant = function() {\n  var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, extras = arguments.length > 1 ? arguments[1] : void 0;\n  if (extras.props.tag === \"textarea\" || extras.props.rows > 1 || extras.props.multiline || extras.props.numberOfLines > 1) {\n    return textAreaSizeVariant(val, extras);\n  }\n  var frame = resolveInputFrame(val, extras);\n  var fontStyle = getFontSized(val, extras);\n  if (!isWeb && fontStyle) {\n    delete fontStyle[\"lineHeight\"];\n  }\n  return {\n    ...fontStyle,\n    height: frame.size,\n    borderRadius: frame.radius,\n    paddingHorizontal: getInputPadding(val, extras, 1)\n  };\n};\nvar textAreaSizeVariant = function() {\n  var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, extras = arguments.length > 1 ? arguments[1] : void 0;\n  var { props } = extras;\n  var frame = resolveInputFrame(val, extras);\n  var fontStyle = getFontSized(val, extras);\n  var _props_rows;\n  var lines = (_props_rows = props.rows) !== null && _props_rows !== void 0 ? _props_rows : props.numberOfLines;\n  var height = typeof lines === \"number\" ? lines * getVariableValue(fontStyle.lineHeight) : \"auto\";\n  if (!isWeb && fontStyle) {\n    delete fontStyle[\"lineHeight\"];\n  }\n  return {\n    borderRadius: frame.radius,\n    ...fontStyle,\n    paddingVertical: getInputPadding(val, extras, 2),\n    paddingHorizontal: getInputPadding(val, extras, 1),\n    height\n  };\n};\nvar INPUT_NAME = \"Input\";\nvar styledBody = [\n  {\n    name: INPUT_NAME,\n    render: \"input\",\n    ...defaultStyles,\n    variants: {\n      size: {\n        true: inputSizeVariant,\n        Size: inputSizeVariant\n      },\n      disabled: {\n        true: {}\n      }\n    }\n  },\n  {\n    isInput: true,\n    accept: {\n      placeholderTextColor: \"color\",\n      selectionColor: \"color\",\n      cursorColor: \"color\",\n      selectionHandleColor: \"color\",\n      underlineColorAndroid: \"color\"\n    },\n    validStyles: Text.staticConfig.validStyles\n  }\n];\nexport {\n  INPUT_NAME,\n  defaultStyles,\n  inputSizeVariant,\n  styledBody,\n  textAreaSizeVariant\n};\n//# sourceMappingURL=shared.js.map\n"],"mappings":";;;;AAGA,IAAI,gBAAgB;CAClB,MAAM;CACN,cAAc;CACd,UAAU;CAEV,UAAU;AACZ;AACA,IAAI,oBAAoB,SAAS,KAAK,QAAQ;CAC5C,OAAO,iBAAiB,KAAK;EAC3B,QAAQ,OAAO;EACf,MAAM,OAAO;CACf,CAAC,EAAE;AACL;AACA,IAAI,gBAAgB;CAClB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AACA,IAAI,kBAAkB,SAAS,KAAK,QAAQ,OAAO;CACjD,IAAI,OAAO,QAAQ,UAAU;EAC3B,OAAO,UAAU,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,KAAM,EAAE,CAAC,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,MAAO,IAAI,CAAC;CAC1G;CACA,IAAI,MAAM,QAAQ,OAAO,MAAM;CAC/B,IAAI,QAAQ,cAAc,QAAQ,GAAG;CACrC,OAAO,OAAO,OAAO,MAAM,cAAc,KAAK,IAAI,GAAG,QAAQ,KAAK;AACpE;AACA,IAAI,mBAAmB,WAAW;CAChC,IAAI,MAAM,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK,MAAM,SAAS,UAAU,SAAS,IAAI,UAAU,KAAK,KAAK;CACrI,IAAI,OAAO,MAAM,QAAQ,cAAc,OAAO,MAAM,OAAO,KAAK,OAAO,MAAM,aAAa,OAAO,MAAM,gBAAgB,GAAG;EACxH,OAAO,oBAAoB,KAAK,MAAM;CACxC;CACA,IAAI,QAAQ,kBAAkB,KAAK,MAAM;CACzC,IAAI,YAAY,aAAa,KAAK,MAAM;CACxC,IAAI,CAAC,SAAS,WAAW;EACvB,OAAO,UAAU;CACnB;CACA,OAAO;EACL,GAAG;EACH,QAAQ,MAAM;EACd,cAAc,MAAM;EACpB,mBAAmB,gBAAgB,KAAK,QAAQ,CAAC;CACnD;AACF;AACA,IAAI,sBAAsB,WAAW;CACnC,IAAI,MAAM,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK,MAAM,SAAS,UAAU,SAAS,IAAI,UAAU,KAAK,KAAK;CACrI,IAAI,EAAE,UAAU;CAChB,IAAI,QAAQ,kBAAkB,KAAK,MAAM;CACzC,IAAI,YAAY,aAAa,KAAK,MAAM;CACxC,IAAI;CACJ,IAAI,SAAS,cAAc,MAAM,UAAU,QAAQ,gBAAgB,KAAK,IAAI,cAAc,MAAM;CAChG,IAAI,SAAS,OAAO,UAAU,WAAW,QAAQ,iBAAiB,UAAU,UAAU,IAAI;CAC1F,IAAI,CAAC,SAAS,WAAW;EACvB,OAAO,UAAU;CACnB;CACA,OAAO;EACL,cAAc,MAAM;EACpB,GAAG;EACH,iBAAiB,gBAAgB,KAAK,QAAQ,CAAC;EAC/C,mBAAmB,gBAAgB,KAAK,QAAQ,CAAC;EACjD;CACF;AACF;AACA,IAAI,aAAa;AACjB,IAAI,aAAa,CACf;CACE,MAAM;CACN,QAAQ;CACR,GAAG;CACH,UAAU;EACR,MAAM;GACJ,MAAM;GACN,MAAM;EACR;EACA,UAAU,EACR,MAAM,CAAC,EACT;CACF;AACF,GACA;CACE,SAAS;CACT,QAAQ;EACN,sBAAsB;EACtB,gBAAgB;EAChB,aAAa;EACb,sBAAsB;EACtB,uBAAuB;CACzB;CACA,aAAa,KAAK,aAAa;AACjC,CACF"}

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