@tamagui/web 2.7.7 → 3.0.0-beta.1097.1

package/dist/cjs/helpers/defaultOffset.native.js

@@ -5,30 +5,27 @@ 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 defaultOffset_exports = {};
-__export(defaultOffset_exports, {
-  defaultOffset: () => defaultOffset
-});
+__export(defaultOffset_exports, { defaultOffset: () => defaultOffset });
 module.exports = __toCommonJS(defaultOffset_exports);
 var defaultOffset = {
-  height: 0,
-  width: 0
+	height: 0,
+	width: 0
 };
+
 //# sourceMappingURL=defaultOffset.native.js.map

package/dist/cjs/helpers/defaultOffset.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","defaultOffset_exports","__export","defaultOffset","module","exports"],"sources":["../../../src/helpers/defaultOffset.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAOC,MAAM,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,qBAAoB","ignoreList":[]}
+{"version":3,"file":"defaultOffset.native.js","names":[],"sources":["cjs/helpers/defaultOffset.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 defaultOffset_exports = {};\n__export(defaultOffset_exports, {\n  defaultOffset: () => defaultOffset\n});\nmodule.exports = __toCommonJS(defaultOffset_exports);\nvar defaultOffset = {\n  height: 0,\n  width: 0\n};\n//# sourceMappingURL=defaultOffset.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,wBAAwB,CAAC;AAC7B,SAAS,uBAAuB,EAC9B,qBAAqB,cACvB,CAAC;AACD,OAAO,UAAU,aAAa,qBAAqB;AACnD,IAAI,gBAAgB;CAClB,QAAQ;CACR,OAAO;AACT"}

package/dist/cjs/helpers/expandStyle.cjs

@@ -3,108 +3,174 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all2) => {
-  for (var name in all2) __defProp(target, name, {
-    get: all2[name],
-    enumerable: true
-  });
+	for (var name in all2) __defProp(target, name, {
+		get: all2[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 expandStyle_exports = {};
-__export(expandStyle_exports, {
-  expandStyle: () => expandStyle
-});
+__export(expandStyle_exports, { expandStyle: () => expandStyle });
 module.exports = __toCommonJS(expandStyle_exports);
 var import_constants = require("@tamagui/constants");
 var import_config = require("../config.cjs");
 require("./parseBorderShorthand.cjs");
 require("./parseOutlineShorthand.cjs");
-const neg1Flex = [["flexGrow", 0], ["flexShrink", 1], ["flexBasis", "auto"]];
+const neg1Flex = [
+	["flexGrow", 0],
+	["flexShrink", 1],
+	["flexBasis", "auto"]
+];
 function expandFlex(value, compat) {
-  if (typeof value === "string") return [["flex", value]];
-  if (typeof value !== "number") return;
-  if (value === -1) return neg1Flex;
-  switch (compat) {
-    case "legacy":
-      return [["flexGrow", value], ["flexShrink", 1], ["flexBasis", "auto"]];
-    case "react-native":
-      if (value > 0) return [["flexGrow", value], ["flexShrink", 0], ["flexBasis", 0]];
-      if (value === 0) return [["flexGrow", 0], ["flexShrink", 0], ["flexBasis", "auto"]];
-      return [["flexGrow", 0], ["flexShrink", -value], ["flexBasis", "auto"]];
-    case "web":
-      if (value < 0) return [["flex", value]];
-      return [["flexGrow", value], ["flexShrink", 1], ["flexBasis", 0]];
-  }
+	if (typeof value === "string") return [["flex", value]];
+	if (typeof value !== "number") return;
+	if (value === -1) return neg1Flex;
+	switch (compat) {
+		case "legacy": return [
+			["flexGrow", value],
+			["flexShrink", 1],
+			["flexBasis", "auto"]
+		];
+		case "react-native":
+			if (value > 0) return [
+				["flexGrow", value],
+				["flexShrink", 0],
+				["flexBasis", 0]
+			];
+			if (value === 0) return [
+				["flexGrow", 0],
+				["flexShrink", 0],
+				["flexBasis", "auto"]
+			];
+			return [
+				["flexGrow", 0],
+				["flexShrink", -value],
+				["flexBasis", "auto"]
+			];
+		case "web":
+			if (value < 0) return [["flex", value]];
+			return [
+				["flexGrow", value],
+				["flexShrink", 1],
+				["flexBasis", 0]
+			];
+	}
 }
 function expandStyle(key, value, styleCompat = (0, import_config.getStyleCompat)()) {
-  if (key === "flex") return expandFlex(value, styleCompat);
-  switch (key) {
-    case "writingDirection":
-      return [["direction", value]];
-    case "backdropFilter":
-      return [["backdropFilter", value], ["WebkitBackdropFilter", value]];
-  }
-  if (key in universalExpansions) return universalExpansions[key].map(k => [k, value]);
-  if (key in EXPANSIONS) return EXPANSIONS[key].map(k => [k, value]);
+	if (key === "flex") return expandFlex(value, styleCompat);
+	switch (key) {
+		case "writingDirection": return [["direction", value]];
+		case "backdropFilter": return [["backdropFilter", value], ["WebkitBackdropFilter", value]];
+	}
+	if (key in webInlineRenames) return [[webInlineRenames[key], value]];
+	if (key in universalExpansions) return universalExpansions[key].map((k) => [k, value]);
+	if (key in EXPANSIONS) return EXPANSIONS[key].map((k) => [k, value]);
 }
-const all = ["Top", "Right", "Bottom", "Left"];
+const all = [
+	"Top",
+	"Right",
+	"Bottom",
+	"Left"
+];
 const horiz = ["Right", "Left"];
 const vert = ["Top", "Bottom"];
 const xy = ["X", "Y"];
 const EXPANSIONS = {
-  borderColor: ["TopColor", "RightColor", "BottomColor", "LeftColor"],
-  borderRadius: ["TopLeftRadius", "TopRightRadius", "BottomRightRadius", "BottomLeftRadius"],
-  borderWidth: ["TopWidth", "RightWidth", "BottomWidth", "LeftWidth"],
-  margin: all,
-  marginHorizontal: horiz,
-  marginVertical: vert,
-  padding: all,
-  paddingHorizontal: horiz,
-  paddingVertical: vert,
-  ...(import_constants.isWeb && {
-    borderStyle: ["TopStyle", "RightStyle", "BottomStyle", "LeftStyle"],
-    overflow: xy,
-    overscrollBehavior: xy
-  })
+	borderColor: [
+		"TopColor",
+		"RightColor",
+		"BottomColor",
+		"LeftColor"
+	],
+	borderRadius: [
+		"TopLeftRadius",
+		"TopRightRadius",
+		"BottomRightRadius",
+		"BottomLeftRadius"
+	],
+	borderWidth: [
+		"TopWidth",
+		"RightWidth",
+		"BottomWidth",
+		"LeftWidth"
+	],
+	margin: all,
+	marginHorizontal: horiz,
+	marginVertical: vert,
+	padding: all,
+	paddingHorizontal: horiz,
+	paddingVertical: vert,
+	...import_constants.isWeb && {
+		borderStyle: [
+			"TopStyle",
+			"RightStyle",
+			"BottomStyle",
+			"LeftStyle"
+		],
+		overflow: xy,
+		overscrollBehavior: xy
+	}
 };
 for (const parent in EXPANSIONS) {
-  const prefix = parent.slice(0, /[A-Z]/.exec(parent)?.index ?? parent.length);
-  EXPANSIONS[parent] = EXPANSIONS[parent].map(k => `${prefix}${k}`);
+	const prefix = parent.slice(0, /[A-Z]/.exec(parent)?.index ?? parent.length);
+	EXPANSIONS[parent] = EXPANSIONS[parent].map((k) => `${prefix}${k}`);
 }
 const universalExpansions = {
-  inset: ["top", "right", "bottom", "left"],
-  insetBlock: ["top", "bottom"],
-  insetBlockStart: ["top"],
-  insetBlockEnd: ["bottom"],
-  marginBlock: ["marginTop", "marginBottom"],
-  marginBlockStart: ["marginTop"],
-  marginBlockEnd: ["marginBottom"],
-  paddingBlock: ["paddingTop", "paddingBottom"],
-  paddingBlockStart: ["paddingTop"],
-  paddingBlockEnd: ["paddingBottom"],
-  borderBlockColor: ["borderTopColor", "borderBottomColor"],
-  borderBlockWidth: ["borderTopWidth", "borderBottomWidth"],
-  borderBlockStyle: ["borderTopStyle", "borderBottomStyle"],
-  borderBlockStartColor: ["borderTopColor"],
-  borderBlockEndColor: ["borderBottomColor"],
-  borderBlockStartWidth: ["borderTopWidth"],
-  borderBlockEndWidth: ["borderBottomWidth"],
-  borderBlockStartStyle: ["borderTopStyle"],
-  borderBlockEndStyle: ["borderBottomStyle"],
-  minBlockSize: ["minHeight"],
-  maxBlockSize: ["maxHeight"],
-  minInlineSize: ["minWidth"],
-  maxInlineSize: ["maxWidth"],
-  blockSize: ["height"],
-  inlineSize: ["width"]
-};
+	inset: [
+		"top",
+		"right",
+		"bottom",
+		"left"
+	],
+	insetBlock: ["top", "bottom"],
+	insetBlockStart: ["top"],
+	insetBlockEnd: ["bottom"],
+	marginBlock: ["marginTop", "marginBottom"],
+	marginBlockStart: ["marginTop"],
+	marginBlockEnd: ["marginBottom"],
+	paddingBlock: ["paddingTop", "paddingBottom"],
+	paddingBlockStart: ["paddingTop"],
+	paddingBlockEnd: ["paddingBottom"],
+	borderBlockColor: ["borderTopColor", "borderBottomColor"],
+	borderBlockWidth: ["borderTopWidth", "borderBottomWidth"],
+	borderBlockStyle: ["borderTopStyle", "borderBottomStyle"],
+	borderBlockStartColor: ["borderTopColor"],
+	borderBlockEndColor: ["borderBottomColor"],
+	borderBlockStartWidth: ["borderTopWidth"],
+	borderBlockEndWidth: ["borderBottomWidth"],
+	borderBlockStartStyle: ["borderTopStyle"],
+	borderBlockEndStyle: ["borderBottomStyle"],
+	minBlockSize: ["minHeight"],
+	maxBlockSize: ["maxHeight"],
+	minInlineSize: ["minWidth"],
+	maxInlineSize: ["maxWidth"],
+	blockSize: ["height"],
+	inlineSize: ["width"]
+};
+const webInlineRenames = {
+	paddingStart: "paddingInlineStart",
+	paddingEnd: "paddingInlineEnd",
+	marginStart: "marginInlineStart",
+	marginEnd: "marginInlineEnd",
+	borderStartWidth: "borderInlineStartWidth",
+	borderEndWidth: "borderInlineEndWidth",
+	borderStartColor: "borderInlineStartColor",
+	borderEndColor: "borderInlineEndColor",
+	borderStartStyle: "borderInlineStartStyle",
+	borderEndStyle: "borderInlineEndStyle",
+	borderTopStartRadius: "borderStartStartRadius",
+	borderTopEndRadius: "borderStartEndRadius",
+	borderBottomStartRadius: "borderEndStartRadius",
+	borderBottomEndRadius: "borderEndEndRadius",
+	start: "insetInlineStart",
+	end: "insetInlineEnd"
+};

package/dist/cjs/helpers/expandStyle.native.cjs

@@ -0,0 +1,185 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all2) => {
+	for (var name in all2) __defProp(target, name, {
+		get: all2[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 expandStyle_exports = {};
+__export(expandStyle_exports, { expandStyle: () => expandStyle });
+module.exports = __toCommonJS(expandStyle_exports);
+var import_constants = require("@tamagui/constants");
+var import_config = require("../config.native.js");
+var import_parseBorderShorthand = require("./parseBorderShorthand.native.js");
+var import_parseOutlineShorthand = require("./parseOutlineShorthand.native.js");
+var _loop = function(parent2) {
+	var _exec;
+	var _exec_index;
+	var prefix = parent2.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent2)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent2.length);
+	EXPANSIONS[parent2] = EXPANSIONS[parent2].map(function(k) {
+		return `${prefix}${k}`;
+	});
+};
+function expandStyle(key, value) {
+	arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : (0, import_config.getStyleCompat)();
+	if (import_constants.isAndroid && key === "elevationAndroid") return [["elevation", value]];
+	switch (key) {
+		case "objectFit": return [["resizeMode", resizeModeMap[value] || "cover"]];
+		case "verticalAlign": return [["textAlignVertical", verticalAlignMap[value] || "auto"]];
+		case "position":
+			if (value === "fixed" || value === "sticky") return [["position", "absolute"]];
+			return;
+		case "visibility":
+			if (value === "hidden") return [["opacity", 0], ["pointerEvents", "none"]];
+			return [];
+		case "backgroundImage":
+			if (typeof value === "string") return;
+			return [["experimental_backgroundImage", value]];
+		case "border":
+			if (typeof value === "string") {
+				var parsed = (0, import_parseBorderShorthand.parseBorderShorthand)(value);
+				if (parsed) return parsed;
+			}
+			return;
+		case "outline":
+			if (typeof value === "string") {
+				var parsed1 = (0, import_parseOutlineShorthand.parseOutlineShorthand)(value);
+				if (parsed1) return parsed1;
+			}
+			return;
+	}
+	if (key in nativeInlineExpansions) return nativeInlineExpansions[key].map(function(k) {
+		return [k, value];
+	});
+	if (key in universalExpansions) return universalExpansions[key].map(function(k) {
+		return [k, value];
+	});
+	if (key in EXPANSIONS) return EXPANSIONS[key].map(function(k) {
+		return [k, value];
+	});
+}
+var resizeModeMap = {
+	fill: "stretch",
+	none: "center",
+	"scale-down": "contain",
+	contain: "contain",
+	cover: "cover"
+};
+var verticalAlignMap = {
+	top: "top",
+	middle: "center",
+	bottom: "bottom",
+	auto: "auto"
+};
+var all = [
+	"Top",
+	"Right",
+	"Bottom",
+	"Left"
+];
+var horiz = ["Right", "Left"];
+var vert = ["Top", "Bottom"];
+var xy = ["X", "Y"];
+var EXPANSIONS = {
+	borderColor: [
+		"TopColor",
+		"RightColor",
+		"BottomColor",
+		"LeftColor"
+	],
+	borderRadius: [
+		"TopLeftRadius",
+		"TopRightRadius",
+		"BottomRightRadius",
+		"BottomLeftRadius"
+	],
+	borderWidth: [
+		"TopWidth",
+		"RightWidth",
+		"BottomWidth",
+		"LeftWidth"
+	],
+	margin: all,
+	marginHorizontal: horiz,
+	marginVertical: vert,
+	padding: all,
+	paddingHorizontal: horiz,
+	paddingVertical: vert,
+	...import_constants.isWeb && {
+		borderStyle: [
+			"TopStyle",
+			"RightStyle",
+			"BottomStyle",
+			"LeftStyle"
+		],
+		overflow: xy,
+		overscrollBehavior: xy
+	}
+};
+for (var parent in EXPANSIONS) _loop(parent);
+var universalExpansions = {
+	inset: [
+		"top",
+		"right",
+		"bottom",
+		"left"
+	],
+	insetBlock: ["top", "bottom"],
+	insetBlockStart: ["top"],
+	insetBlockEnd: ["bottom"],
+	marginBlock: ["marginTop", "marginBottom"],
+	marginBlockStart: ["marginTop"],
+	marginBlockEnd: ["marginBottom"],
+	paddingBlock: ["paddingTop", "paddingBottom"],
+	paddingBlockStart: ["paddingTop"],
+	paddingBlockEnd: ["paddingBottom"],
+	borderBlockColor: ["borderTopColor", "borderBottomColor"],
+	borderBlockWidth: ["borderTopWidth", "borderBottomWidth"],
+	borderBlockStyle: ["borderTopStyle", "borderBottomStyle"],
+	borderBlockStartColor: ["borderTopColor"],
+	borderBlockEndColor: ["borderBottomColor"],
+	borderBlockStartWidth: ["borderTopWidth"],
+	borderBlockEndWidth: ["borderBottomWidth"],
+	borderBlockStartStyle: ["borderTopStyle"],
+	borderBlockEndStyle: ["borderBottomStyle"],
+	minBlockSize: ["minHeight"],
+	maxBlockSize: ["maxHeight"],
+	minInlineSize: ["minWidth"],
+	maxInlineSize: ["maxWidth"],
+	blockSize: ["height"],
+	inlineSize: ["width"]
+};
+var nativeInlineExpansions = {
+	borderInlineColor: ["borderEndColor", "borderStartColor"],
+	borderInlineWidth: ["borderEndWidth", "borderStartWidth"],
+	borderInlineStyle: ["borderEndStyle", "borderStartStyle"],
+	borderInlineStartColor: ["borderStartColor"],
+	borderInlineEndColor: ["borderEndColor"],
+	borderInlineStartWidth: ["borderStartWidth"],
+	borderInlineEndWidth: ["borderEndWidth"],
+	borderInlineStartStyle: ["borderStartStyle"],
+	borderInlineEndStyle: ["borderEndStyle"],
+	marginInline: ["marginEnd", "marginStart"],
+	marginInlineStart: ["marginStart"],
+	marginInlineEnd: ["marginEnd"],
+	paddingInline: ["paddingEnd", "paddingStart"],
+	paddingInlineStart: ["paddingStart"],
+	paddingInlineEnd: ["paddingEnd"],
+	insetInlineStart: ["left"],
+	insetInlineEnd: ["right"]
+};