@tamagui/input 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/shared.native.cjs

@@ -0,0 +1,144 @@
+"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,
+	styledBody: () => styledBody,
+	textAreaSizeVariant: () => textAreaSizeVariant
+});
+module.exports = __toCommonJS(shared_exports);
+var import_core = require("@tamagui/core");
+var import_core2 = require("@tamagui/core");
+var import_get_font_sized = require("@tamagui/get-font-sized");
+var defaultStyles = {
+	size: true,
+	outlineWidth: 0,
+	tabIndex: 0,
+	minWidth: 0
+};
+var resolveInputFrame = function(val, extras) {
+	return (0, import_core2.resolveTokenSize)(val, {
+		tokens: extras.tokens,
+		font: extras.font
+	}).frame;
+};
+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 = (0, import_get_font_sized.getFontSized)(val, extras);
+	if (!import_core2.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 = (0, import_get_font_sized.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 * (0, import_core2.getVariableValue)(fontStyle.lineHeight) : "auto";
+	if (!import_core2.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",
+	...defaultStyles,
+	variants: {
+		size: {
+			true: inputSizeVariant,
+			Size: inputSizeVariant
+		},
+		disabled: { true: {} }
+	}
+}, {
+	isInput: true,
+	accept: {
+		placeholderTextColor: "color",
+		selectionColor: "color",
+		cursorColor: "color",
+		selectionHandleColor: "color",
+		underlineColorAndroid: "color"
+	},
+	validStyles: import_core.Text.staticConfig.validStyles
+}];

package/dist/cjs/shared.native.js

@@ -1,152 +1,146 @@
 "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
-  });
+	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 shared_exports = {};
 __export(shared_exports, {
-  INPUT_NAME: () => INPUT_NAME,
-  defaultStyles: () => defaultStyles,
-  inputSizeVariant: () => inputSizeVariant,
-  styledBody: () => styledBody,
-  textAreaSizeVariant: () => textAreaSizeVariant
+	INPUT_NAME: () => INPUT_NAME,
+	defaultStyles: () => defaultStyles,
+	inputSizeVariant: () => inputSizeVariant,
+	styledBody: () => styledBody,
+	textAreaSizeVariant: () => textAreaSizeVariant
 });
 module.exports = __toCommonJS(shared_exports);
 var import_core = require("@tamagui/core");
 var import_core2 = require("@tamagui/core");
-var import_get_button_sized = require("@tamagui/get-button-sized");
 var import_get_font_sized = require("@tamagui/get-font-sized");
-var import_get_token = require("@tamagui/get-token");
 var defaultStyles = {
-  size: "$true",
-  fontFamily: "$body",
-  borderWidth: 1,
-  outlineWidth: 0,
-  color: "$color",
-  ...(import_core2.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 resolveInputFrame = function(val, extras) {
+	return (0, import_core2.resolveTokenSize)(val, {
+		tokens: extras.tokens,
+		font: extras.font
+	}).frame;
 };
-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 = (0, import_get_button_sized.getButtonSized)(val, extras);
-  var paddingHorizontal = (0, import_get_token.getSpace)(val, {
-    shift: -1,
-    bounds: [2]
-  });
-  var fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
-  if (!import_core2.isWeb && fontStyle) {
-    delete fontStyle["lineHeight"];
-  }
-  return {
-    ...fontStyle,
-    ...buttonStyles,
-    paddingHorizontal
-  };
+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 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 = (0, import_get_button_sized.getButtonSized)(val, extras);
-  var fontStyle = (0, import_get_font_sized.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 * (0, import_core2.getVariableValue)(fontStyle.lineHeight) : "auto";
-  if (!import_core2.isWeb && fontStyle) {
-    delete fontStyle["lineHeight"];
-  }
-  var paddingVertical = (0, import_get_token.getSpace)(val, {
-    shift: -2,
-    bounds: [2]
-  });
-  var paddingHorizontal = (0, import_get_token.getSpace)(val, {
-    shift: -1,
-    bounds: [2]
-  });
-  return {
-    ...buttonStyles,
-    ...fontStyle,
-    paddingVertical,
-    paddingHorizontal,
-    height
-  };
+var inputSizeVariant = function() {
+	var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, extras = arguments.length > 1 ? arguments[1] : void 0;
+	if (extras.props.tag === "textarea" || extras.props.rows > 1 || extras.props.multiline || extras.props.numberOfLines > 1) {
+		return textAreaSizeVariant(val, extras);
+	}
+	var frame = resolveInputFrame(val, extras);
+	var fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
+	if (!import_core2.isWeb && fontStyle) {
+		delete fontStyle["lineHeight"];
+	}
+	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 = (0, import_get_font_sized.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 * (0, import_core2.getVariableValue)(fontStyle.lineHeight) : "auto";
+	if (!import_core2.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: import_core.Text.staticConfig.validStyles
+	isInput: true,
+	accept: {
+		placeholderTextColor: "color",
+		selectionColor: "color",
+		cursorColor: "color",
+		selectionHandleColor: "color",
+		underlineColorAndroid: "color"
+	},
+	validStyles: import_core.Text.staticConfig.validStyles
 }];
+
 //# sourceMappingURL=shared.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","shared_exports","__export","INPUT_NAME","defaultStyles","inputSizeVariant","styledBody","textAreaSizeVariant","module","exports","import_core","require","import_core2","import_get_button_sized","import_get_font_sized","import_get_token","size","fontFamily","borderWidth","outlineWidth","color","isWeb","tabIndex","focusable","borderColor","backgroundColor","minWidth","hoverStyle","focusStyle","focusVisibleStyle","outlineColor","outlineStyle","val","arguments","length","extras","props","tag","rows","multiline","numberOfLines","buttonStyles","getButtonSized","paddingHorizontal","getSpace","shift","bounds","fontStyle","getFontSized","_props_rows","lines","height","getVariableValue","lineHeight","paddingVertical","name","render","variants","unstyled","true","false","disabled","defaultVariants","process","env","TAMAGUI_HEADLESS","isInput"],"sources":["../../src/shared.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"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  styledBody: () => styledBody,\n  textAreaSizeVariant: () => textAreaSizeVariant\n});\nmodule.exports = __toCommonJS(shared_exports);\nvar import_core = require(\"@tamagui/core\");\nvar import_core2 = require(\"@tamagui/core\");\nvar import_get_font_sized = require(\"@tamagui/get-font-sized\");\nvar defaultStyles = {\n  size: true,\n  outlineWidth: 0,\n  tabIndex: 0,\n  // this fixes a flex bug where it overflows container\n  minWidth: 0\n};\nvar resolveInputFrame = function(val, extras) {\n  return (0, import_core2.resolveTokenSize)(val, {\n    tokens: extras.tokens,\n    font: extras.font\n  }).frame;\n};\nvar inputSizeKeys = [\n  \"0\",\n  \"0-25\",\n  \"0-5\",\n  \"0-75\",\n  \"1\",\n  \"1-5\",\n  \"2\",\n  \"2-5\",\n  \"3\",\n  \"3-5\",\n  \"4\",\n  \"4-5\",\n  \"5\",\n  \"6\",\n  \"7\",\n  \"8\",\n  \"9\",\n  \"10\",\n  \"11\",\n  \"12\",\n  \"13\",\n  \"14\",\n  \"15\",\n  \"16\",\n  \"17\",\n  \"18\",\n  \"19\",\n  \"20\"\n];\nvar getInputPadding = function(val, extras, steps) {\n  if (typeof val === \"number\") {\n    return steps === 1 ? Math.max(0, Math.round(val * 0.6 - 12)) : Math.max(0, Math.round(val * 0.52 - 11.5));\n  }\n  var key = val === true ? \"4\" : val;\n  var index = inputSizeKeys.indexOf(key);\n  return extras.tokens.space[inputSizeKeys[Math.max(0, index - steps)]];\n};\nvar inputSizeVariant = function() {\n  var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, extras = arguments.length > 1 ? arguments[1] : void 0;\n  if (extras.props.tag === \"textarea\" || extras.props.rows > 1 || extras.props.multiline || extras.props.numberOfLines > 1) {\n    return textAreaSizeVariant(val, extras);\n  }\n  var frame = resolveInputFrame(val, extras);\n  var fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);\n  if (!import_core2.isWeb && fontStyle) {\n    delete fontStyle[\"lineHeight\"];\n  }\n  return {\n    ...fontStyle,\n    height: frame.size,\n    borderRadius: frame.radius,\n    paddingHorizontal: getInputPadding(val, extras, 1)\n  };\n};\nvar textAreaSizeVariant = function() {\n  var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, extras = arguments.length > 1 ? arguments[1] : void 0;\n  var { props } = extras;\n  var frame = resolveInputFrame(val, extras);\n  var fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);\n  var _props_rows;\n  var lines = (_props_rows = props.rows) !== null && _props_rows !== void 0 ? _props_rows : props.numberOfLines;\n  var height = typeof lines === \"number\" ? lines * (0, import_core2.getVariableValue)(fontStyle.lineHeight) : \"auto\";\n  if (!import_core2.isWeb && fontStyle) {\n    delete fontStyle[\"lineHeight\"];\n  }\n  return {\n    borderRadius: frame.radius,\n    ...fontStyle,\n    paddingVertical: getInputPadding(val, extras, 2),\n    paddingHorizontal: getInputPadding(val, extras, 1),\n    height\n  };\n};\nvar INPUT_NAME = \"Input\";\nvar styledBody = [\n  {\n    name: INPUT_NAME,\n    render: \"input\",\n    ...defaultStyles,\n    variants: {\n      size: {\n        true: inputSizeVariant,\n        Size: inputSizeVariant\n      },\n      disabled: {\n        true: {}\n      }\n    }\n  },\n  {\n    isInput: true,\n    accept: {\n      placeholderTextColor: \"color\",\n      selectionColor: \"color\",\n      cursorColor: \"color\",\n      selectionHandleColor: \"color\",\n      underlineColorAndroid: \"color\"\n    },\n    validStyles: import_core.Text.staticConfig.validStyles\n  }\n];\n//# sourceMappingURL=shared.js.map\n"],"mappings":"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"}

package/dist/cjs/types.cjs

@@ -1,18 +1,17 @@
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 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 types_exports = {};
-module.exports = __toCommonJS(types_exports);
+module.exports = __toCommonJS(types_exports);

package/dist/cjs/types.native.cjs

@@ -0,0 +1,19 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/cjs/types.native.js

@@ -1,21 +1,21 @@
 "use strict";
 
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 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 types_exports = {};
 module.exports = __toCommonJS(types_exports);
+
 //# sourceMappingURL=types.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","types_exports"],"sources":["../../src/types.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA","ignoreList":[]}
+{"version":3,"file":"types.native.js","names":[],"sources":["cjs/types.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 __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar types_exports = {};\nmodule.exports = __toCommonJS(types_exports);\n//# sourceMappingURL=types.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,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,OAAO,UAAU,aAAa,aAAa"}