@tamagui/web 2.7.7 → 3.0.0-beta.643.1

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

@@ -1,59 +1,59 @@
 "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 resolveRem_native_exports = {};
 __export(resolveRem_native_exports, {
-  isRemValue: () => isRemValue,
-  resolveRem: () => resolveRem
+	isRemValue: () => isRemValue,
+	resolveRem: () => resolveRem
 });
 module.exports = __toCommonJS(resolveRem_native_exports);
 var import_react_native = require("react-native");
 var import_config = require("../config.native.js");
 var remRegex = /(-?[\d.]+)rem/g;
 function resolveRem(value) {
-  var _config_settings;
-  var config = (0, import_config.getConfig)();
-  var _config_settings_remBaseFontSize;
-  var baseFontSize = (_config_settings_remBaseFontSize = config === null || config === void 0 ? void 0 : (_config_settings = config.settings) === null || _config_settings === void 0 ? void 0 : _config_settings.remBaseFontSize) !== null && _config_settings_remBaseFontSize !== void 0 ? _config_settings_remBaseFontSize : 16;
-  if (value.endsWith("rem") && !value.includes(" ")) {
-    var numericValue = Number.parseFloat(value);
-    if (!Number.isNaN(numericValue)) {
-      return import_react_native.PixelRatio.getFontScale() * baseFontSize * numericValue;
-    }
-  }
-  var result = 0;
-  var match;
-  while ((match = remRegex.exec(value)) !== null) {
-    var numericValue1 = Number.parseFloat(match[1]);
-    if (!Number.isNaN(numericValue1)) {
-      result += import_react_native.PixelRatio.getFontScale() * baseFontSize * numericValue1;
-    }
-  }
-  remRegex.lastIndex = 0;
-  return result;
+	var _config_settings;
+	var config = (0, import_config.getConfig)();
+	var _config_settings_remBaseFontSize;
+	var baseFontSize = (_config_settings_remBaseFontSize = config === null || config === void 0 ? void 0 : (_config_settings = config.settings) === null || _config_settings === void 0 ? void 0 : _config_settings.remBaseFontSize) !== null && _config_settings_remBaseFontSize !== void 0 ? _config_settings_remBaseFontSize : 16;
+	if (value.endsWith("rem") && !value.includes(" ")) {
+		var numericValue = Number.parseFloat(value);
+		if (!Number.isNaN(numericValue)) {
+			return import_react_native.PixelRatio.getFontScale() * baseFontSize * numericValue;
+		}
+	}
+	var result = 0;
+	var match;
+	while ((match = remRegex.exec(value)) !== null) {
+		var numericValue1 = Number.parseFloat(match[1]);
+		if (!Number.isNaN(numericValue1)) {
+			result += import_react_native.PixelRatio.getFontScale() * baseFontSize * numericValue1;
+		}
+	}
+	remRegex.lastIndex = 0;
+	return result;
 }
 function isRemValue(value) {
-  return typeof value === "string" && value.includes("rem");
+	return typeof value === "string" && value.includes("rem");
 }
+
 //# sourceMappingURL=resolveRem.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["resolveRem_native_exports","__export","isRemValue","resolveRem","module","exports","__toCommonJS","import_react_native","require","import_config","remRegex","value","_config_settings","config","getConfig","_config_settings_remBaseFontSize","baseFontSize","settings","remBaseFontSize","endsWith","includes","numericValue","Number","parseFloat","isNaN","PixelRatio","getFontScale","result","match","exec","numericValue1","lastIndex"],"sources":["../../../src/helpers/resolveRem.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,yBAAA;AAAAC,QAAA,CAAAD,yBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAN,yBAAA;AAAA,IAAAO,mBAAA,GAA2BC,OAAA;AAC3B,IAAAC,aAAA,GAA0BD,OAAA;AAC1B,IAAIE,QAAA,GAAW;AAOJ,SAASP,WAAWQ,KAAA,EAAO;EAClC,IAAIC,gBAAA;EACJ,IAAIC,MAAA,OAASJ,aAAA,CAAAK,SAAA,EAAU;EACvB,IAAIC,gCAAA;EACJ,IAAIC,YAAA,IAAgBD,gCAAA,GAAmCF,MAAA,KAAW,QAAQA,MAAA,KAAW,SAAS,UAAUD,gBAAA,GAAmBC,MAAA,CAAOI,QAAA,MAAc,QAAQL,gBAAA,KAAqB,SAAS,SAASA,gBAAA,CAAiBM,eAAA,MAAqB,QAAQH,gCAAA,KAAqC,SAASA,gCAAA,GAAmC;EAE9T,IAAIJ,KAAA,CAAMQ,QAAA,CAAS,KAAK,KAAK,CAACR,KAAA,CAAMS,QAAA,CAAS,GAAG,GAAG;IAC/C,IAAIC,YAAA,GAAeC,MAAA,CAAOC,UAAA,CAAWZ,KAAK;IAC1C,IAAI,CAACW,MAAA,CAAOE,KAAA,CAAMH,YAAY,GAAG;MAC7B,OAAOd,mBAAA,CAAAkB,UAAA,CAAWC,YAAA,CAAa,IAAIV,YAAA,GAAeK,YAAA;IACtD;EACJ;EAEA,IAAIM,MAAA,GAAS;EACb,IAAIC,KAAA;EACJ,QAAOA,KAAA,GAAQlB,QAAA,CAASmB,IAAA,CAAKlB,KAAK,OAAO,MAAK;IAC1C,IAAImB,aAAA,GAAgBR,MAAA,CAAOC,UAAA,CAAWK,KAAA,CAAM,CAAC,CAAC;IAC9C,IAAI,CAACN,MAAA,CAAOE,KAAA,CAAMM,aAAa,GAAG;MAC9BH,MAAA,IAAUpB,mBAAA,CAAAkB,UAAA,CAAWC,YAAA,CAAa,IAAIV,YAAA,GAAec,aAAA;IACzD;EACJ;EACApB,QAAA,CAASqB,SAAA,GAAY;EAErB,OAAOJ,MAAA;AACX;AAGW,SAASzB,WAAWS,KAAA,EAAO;EAClC,OAAO,OAAOA,KAAA,KAAU,YAAYA,KAAA,CAAMS,QAAA,CAAS,KAAK;AAC5D","ignoreList":[]}
+{"version":3,"file":"resolveRem.native.js","names":[],"sources":["cjs/helpers/resolveRem.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 resolveRem_native_exports = {};\n__export(resolveRem_native_exports, {\n  isRemValue: () => isRemValue,\n  resolveRem: () => resolveRem\n});\nmodule.exports = __toCommonJS(resolveRem_native_exports);\nvar import_react_native = require(\"react-native\");\nvar import_config = require(\"../config\");\nvar remRegex = /(-?[\\d.]+)rem/g;\nfunction resolveRem(value) {\n  var _config_settings;\n  var config = (0, import_config.getConfig)();\n  var _config_settings_remBaseFontSize;\n  var baseFontSize = (_config_settings_remBaseFontSize = config === null || config === void 0 ? void 0 : (_config_settings = config.settings) === null || _config_settings === void 0 ? void 0 : _config_settings.remBaseFontSize) !== null && _config_settings_remBaseFontSize !== void 0 ? _config_settings_remBaseFontSize : 16;\n  if (value.endsWith(\"rem\") && !value.includes(\" \")) {\n    var numericValue = Number.parseFloat(value);\n    if (!Number.isNaN(numericValue)) {\n      return import_react_native.PixelRatio.getFontScale() * baseFontSize * numericValue;\n    }\n  }\n  var result = 0;\n  var match;\n  while ((match = remRegex.exec(value)) !== null) {\n    var numericValue1 = Number.parseFloat(match[1]);\n    if (!Number.isNaN(numericValue1)) {\n      result += import_react_native.PixelRatio.getFontScale() * baseFontSize * numericValue1;\n    }\n  }\n  remRegex.lastIndex = 0;\n  return result;\n}\nfunction isRemValue(value) {\n  return typeof value === \"string\" && value.includes(\"rem\");\n}\n//# sourceMappingURL=resolveRem.native.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,4BAA4B,CAAC;AACjC,SAAS,2BAA2B;CAClC,kBAAkB;CAClB,kBAAkB;AACpB,CAAC;AACD,OAAO,UAAU,aAAa,yBAAyB;AACvD,IAAI,sBAAsB,QAAQ,cAAc;AAChD,IAAI,gBAAgB,QAAQ,qBAAW;AACvC,IAAI,WAAW;AACf,SAAS,WAAW,OAAO;CACzB,IAAI;CACJ,IAAI,UAAU,GAAG,cAAc,WAAW;CAC1C,IAAI;CACJ,IAAI,gBAAgB,mCAAmC,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,KAAK,mBAAmB,OAAO,cAAc,QAAQ,qBAAqB,KAAK,IAAI,KAAK,IAAI,iBAAiB,qBAAqB,QAAQ,qCAAqC,KAAK,IAAI,mCAAmC;CAC9T,IAAI,MAAM,SAAS,KAAK,KAAK,CAAC,MAAM,SAAS,GAAG,GAAG;EACjD,IAAI,eAAe,OAAO,WAAW,KAAK;EAC1C,IAAI,CAAC,OAAO,MAAM,YAAY,GAAG;GAC/B,OAAO,oBAAoB,WAAW,aAAa,IAAI,eAAe;EACxE;CACF;CACA,IAAI,SAAS;CACb,IAAI;CACJ,QAAQ,QAAQ,SAAS,KAAK,KAAK,OAAO,MAAM;EAC9C,IAAI,gBAAgB,OAAO,WAAW,MAAM,EAAE;EAC9C,IAAI,CAAC,OAAO,MAAM,aAAa,GAAG;GAChC,UAAU,oBAAoB,WAAW,aAAa,IAAI,eAAe;EAC3E;CACF;CACA,SAAS,YAAY;CACrB,OAAO;AACT;AACA,SAAS,WAAW,OAAO;CACzB,OAAO,OAAO,UAAU,YAAY,MAAM,SAAS,KAAK;AAC1D"}

package/dist/cjs/helpers/resolveSafeArea.cjs

@@ -1,36 +1,127 @@
+
 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 resolveSafeArea_exports = {};
 __export(resolveSafeArea_exports, {
-  resolveSafeAreaValue: () => resolveSafeAreaValue
+	expandSafeAreaValue: () => expandSafeAreaValue,
+	isSafeAreaKey: () => isSafeAreaKey
 });
 module.exports = __toCommonJS(resolveSafeArea_exports);
-const safeAreaTokens = {
-  $safeAreaTop: "env(safe-area-inset-top)",
-  $safeAreaBottom: "env(safe-area-inset-bottom)",
-  $safeAreaLeft: "env(safe-area-inset-left)",
-  $safeAreaRight: "env(safe-area-inset-right)"
+const propEdges = {
+	padding: [
+		"top",
+		"right",
+		"bottom",
+		"left"
+	],
+	paddingTop: "top",
+	paddingBottom: "bottom",
+	paddingLeft: "left",
+	paddingRight: "right",
+	paddingHorizontal: ["left", "right"],
+	paddingVertical: ["top", "bottom"],
+	paddingStart: "left",
+	paddingEnd: "right",
+	paddingBlock: ["top", "bottom"],
+	paddingInline: ["left", "right"],
+	paddingBlockStart: "top",
+	paddingBlockEnd: "bottom",
+	paddingInlineStart: "left",
+	paddingInlineEnd: "right",
+	margin: [
+		"top",
+		"right",
+		"bottom",
+		"left"
+	],
+	marginTop: "top",
+	marginBottom: "bottom",
+	marginLeft: "left",
+	marginRight: "right",
+	marginHorizontal: ["left", "right"],
+	marginVertical: ["top", "bottom"],
+	marginStart: "left",
+	marginEnd: "right",
+	marginBlock: ["top", "bottom"],
+	marginInline: ["left", "right"],
+	marginBlockStart: "top",
+	marginBlockEnd: "bottom",
+	marginInlineStart: "left",
+	marginInlineEnd: "right",
+	inset: [
+		"top",
+		"right",
+		"bottom",
+		"left"
+	],
+	top: "top",
+	bottom: "bottom",
+	left: "left",
+	right: "right",
+	start: "left",
+	end: "right"
+};
+const envForEdge = {
+	top: "env(safe-area-inset-top)",
+	bottom: "env(safe-area-inset-bottom)",
+	left: "env(safe-area-inset-left)",
+	right: "env(safe-area-inset-right)"
+};
+function isSafeAreaKey(key) {
+	return key in propEdges;
+}
+function expandSafeAreaValue(key) {
+	const edges = propEdges[key];
+	if (!edges) return void 0;
+	if (typeof edges === "string") {
+		return [[key, envForEdge[edges]]];
+	}
+	const base = baseKeyForExpansion[key];
+	if (base === "") {
+		return edges.map((e) => [edgeToSideKey[e], envForEdge[e]]);
+	}
+	return edges.map((e) => [`${base}${edgeToPascal[e]}`, envForEdge[e]]);
+}
+const edgeToPascal = {
+	top: "Top",
+	bottom: "Bottom",
+	left: "Left",
+	right: "Right"
+};
+const edgeToSideKey = {
+	top: "top",
+	bottom: "bottom",
+	left: "left",
+	right: "right"
+};
+const baseKeyForExpansion = {
+	padding: "padding",
+	paddingHorizontal: "padding",
+	paddingVertical: "padding",
+	paddingBlock: "padding",
+	paddingInline: "padding",
+	margin: "margin",
+	marginHorizontal: "margin",
+	marginVertical: "margin",
+	marginBlock: "margin",
+	marginInline: "margin",
+	inset: ""
 };
-function resolveSafeAreaValue(value) {
-  return safeAreaTokens[value];
-}

package/dist/cjs/helpers/resolveSafeArea.native.cjs

@@ -0,0 +1,130 @@
+"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 resolveSafeArea_native_exports = {};
+__export(resolveSafeArea_native_exports, {
+	expandSafeAreaValue: () => expandSafeAreaValue,
+	isSafeAreaKey: () => isSafeAreaKey
+});
+module.exports = __toCommonJS(resolveSafeArea_native_exports);
+var propEdges = {
+	padding: [
+		"top",
+		"right",
+		"bottom",
+		"left"
+	],
+	paddingTop: "top",
+	paddingBottom: "bottom",
+	paddingLeft: "left",
+	paddingRight: "right",
+	paddingHorizontal: ["left", "right"],
+	paddingVertical: ["top", "bottom"],
+	paddingStart: "left",
+	paddingEnd: "right",
+	paddingBlock: ["top", "bottom"],
+	paddingInline: ["left", "right"],
+	paddingBlockStart: "top",
+	paddingBlockEnd: "bottom",
+	paddingInlineStart: "left",
+	paddingInlineEnd: "right",
+	margin: [
+		"top",
+		"right",
+		"bottom",
+		"left"
+	],
+	marginTop: "top",
+	marginBottom: "bottom",
+	marginLeft: "left",
+	marginRight: "right",
+	marginHorizontal: ["left", "right"],
+	marginVertical: ["top", "bottom"],
+	marginStart: "left",
+	marginEnd: "right",
+	marginBlock: ["top", "bottom"],
+	marginInline: ["left", "right"],
+	marginBlockStart: "top",
+	marginBlockEnd: "bottom",
+	marginInlineStart: "left",
+	marginInlineEnd: "right",
+	inset: [
+		"top",
+		"right",
+		"bottom",
+		"left"
+	],
+	top: "top",
+	bottom: "bottom",
+	left: "left",
+	right: "right",
+	start: "left",
+	end: "right"
+};
+var edgeToPascal = {
+	top: "Top",
+	bottom: "Bottom",
+	left: "Left",
+	right: "Right"
+};
+var baseKeyForExpansion = {
+	padding: "padding",
+	paddingHorizontal: "padding",
+	paddingVertical: "padding",
+	paddingBlock: "padding",
+	paddingInline: "padding",
+	margin: "margin",
+	marginHorizontal: "margin",
+	marginVertical: "margin",
+	marginBlock: "margin",
+	marginInline: "margin",
+	inset: ""
+};
+function getInsetForEdge(edge) {
+	var g = globalThis;
+	var state = g.__tamagui_safe_area__;
+	if ((state === null || state === void 0 ? void 0 : state.enabled) && state.initialMetrics) {
+		var _state_initialMetrics_insets_edge;
+		return (_state_initialMetrics_insets_edge = state.initialMetrics.insets[edge]) !== null && _state_initialMetrics_insets_edge !== void 0 ? _state_initialMetrics_insets_edge : 0;
+	}
+	return 0;
+}
+function isSafeAreaKey(key) {
+	return key in propEdges;
+}
+function expandSafeAreaValue(key) {
+	var edges = propEdges[key];
+	if (!edges) return void 0;
+	if (typeof edges === "string") {
+		return [[key, getInsetForEdge(edges)]];
+	}
+	var base = baseKeyForExpansion[key];
+	if (base === "") {
+		return edges.map(function(e) {
+			return [e, getInsetForEdge(e)];
+		});
+	}
+	return edges.map(function(e) {
+		return [`${base}${edgeToPascal[e]}`, getInsetForEdge(e)];
+	});
+}

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

@@ -1,46 +1,132 @@
 "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 resolveSafeArea_native_exports = {};
 __export(resolveSafeArea_native_exports, {
-  resolveSafeAreaValue: () => resolveSafeAreaValue
+	expandSafeAreaValue: () => expandSafeAreaValue,
+	isSafeAreaKey: () => isSafeAreaKey
 });
 module.exports = __toCommonJS(resolveSafeArea_native_exports);
-var safeAreaEdges = {
-  $safeAreaTop: "top",
-  $safeAreaBottom: "bottom",
-  $safeAreaLeft: "left",
-  $safeAreaRight: "right"
+var propEdges = {
+	padding: [
+		"top",
+		"right",
+		"bottom",
+		"left"
+	],
+	paddingTop: "top",
+	paddingBottom: "bottom",
+	paddingLeft: "left",
+	paddingRight: "right",
+	paddingHorizontal: ["left", "right"],
+	paddingVertical: ["top", "bottom"],
+	paddingStart: "left",
+	paddingEnd: "right",
+	paddingBlock: ["top", "bottom"],
+	paddingInline: ["left", "right"],
+	paddingBlockStart: "top",
+	paddingBlockEnd: "bottom",
+	paddingInlineStart: "left",
+	paddingInlineEnd: "right",
+	margin: [
+		"top",
+		"right",
+		"bottom",
+		"left"
+	],
+	marginTop: "top",
+	marginBottom: "bottom",
+	marginLeft: "left",
+	marginRight: "right",
+	marginHorizontal: ["left", "right"],
+	marginVertical: ["top", "bottom"],
+	marginStart: "left",
+	marginEnd: "right",
+	marginBlock: ["top", "bottom"],
+	marginInline: ["left", "right"],
+	marginBlockStart: "top",
+	marginBlockEnd: "bottom",
+	marginInlineStart: "left",
+	marginInlineEnd: "right",
+	inset: [
+		"top",
+		"right",
+		"bottom",
+		"left"
+	],
+	top: "top",
+	bottom: "bottom",
+	left: "left",
+	right: "right",
+	start: "left",
+	end: "right"
+};
+var edgeToPascal = {
+	top: "Top",
+	bottom: "Bottom",
+	left: "Left",
+	right: "Right"
+};
+var baseKeyForExpansion = {
+	padding: "padding",
+	paddingHorizontal: "padding",
+	paddingVertical: "padding",
+	paddingBlock: "padding",
+	paddingInline: "padding",
+	margin: "margin",
+	marginHorizontal: "margin",
+	marginVertical: "margin",
+	marginBlock: "margin",
+	marginInline: "margin",
+	inset: ""
 };
-function resolveSafeAreaValue(value) {
-  var edge = safeAreaEdges[value];
-  if (!edge) return void 0;
-  var g = globalThis;
-  var state = g.__tamagui_native_safe_area_state__;
-  if ((state === null || state === void 0 ? void 0 : state.enabled) && state.initialMetrics) {
-    return state.initialMetrics.insets[edge];
-  }
-  return 0;
+function getInsetForEdge(edge) {
+	var g = globalThis;
+	var state = g.__tamagui_safe_area__;
+	if ((state === null || state === void 0 ? void 0 : state.enabled) && state.initialMetrics) {
+		var _state_initialMetrics_insets_edge;
+		return (_state_initialMetrics_insets_edge = state.initialMetrics.insets[edge]) !== null && _state_initialMetrics_insets_edge !== void 0 ? _state_initialMetrics_insets_edge : 0;
+	}
+	return 0;
 }
+function isSafeAreaKey(key) {
+	return key in propEdges;
+}
+function expandSafeAreaValue(key) {
+	var edges = propEdges[key];
+	if (!edges) return void 0;
+	if (typeof edges === "string") {
+		return [[key, getInsetForEdge(edges)]];
+	}
+	var base = baseKeyForExpansion[key];
+	if (base === "") {
+		return edges.map(function(e) {
+			return [e, getInsetForEdge(e)];
+		});
+	}
+	return edges.map(function(e) {
+		return [`${base}${edgeToPascal[e]}`, getInsetForEdge(e)];
+	});
+}
+
 //# sourceMappingURL=resolveSafeArea.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["resolveSafeArea_native_exports","__export","resolveSafeAreaValue","module","exports","__toCommonJS","safeAreaEdges","$safeAreaTop","$safeAreaBottom","$safeAreaLeft","$safeAreaRight","value","edge","g","globalThis","state","__tamagui_native_safe_area_state__","enabled","initialMetrics","insets"],"sources":["../../../src/helpers/resolveSafeArea.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,8BAAA;AAAA,IAAIM,aAAA,GAAgB;EAChBC,YAAA,EAAc;EACdC,eAAA,EAAiB;EACjBC,aAAA,EAAe;EACfC,cAAA,EAAgB;AACpB;AACO,SAASR,qBAAqBS,KAAA,EAAO;EACxC,IAAIC,IAAA,GAAON,aAAA,CAAcK,KAAK;EAC9B,IAAI,CAACC,IAAA,EAAM,OAAO;EAClB,IAAIC,CAAA,GAAIC,UAAA;EACR,IAAIC,KAAA,GAAQF,CAAA,CAAEG,kCAAA;EACd,KAAKD,KAAA,KAAU,QAAQA,KAAA,KAAU,SAAS,SAASA,KAAA,CAAME,OAAA,KAAYF,KAAA,CAAMG,cAAA,EAAgB;IACvF,OAAOH,KAAA,CAAMG,cAAA,CAAeC,MAAA,CAAOP,IAAI;EAC3C;EACA,OAAO;AACX","ignoreList":[]}
+{"version":3,"file":"resolveSafeArea.native.js","names":[],"sources":["cjs/helpers/resolveSafeArea.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 resolveSafeArea_native_exports = {};\n__export(resolveSafeArea_native_exports, {\n  expandSafeAreaValue: () => expandSafeAreaValue,\n  isSafeAreaKey: () => isSafeAreaKey\n});\nmodule.exports = __toCommonJS(resolveSafeArea_native_exports);\nvar propEdges = {\n  padding: [\n    \"top\",\n    \"right\",\n    \"bottom\",\n    \"left\"\n  ],\n  paddingTop: \"top\",\n  paddingBottom: \"bottom\",\n  paddingLeft: \"left\",\n  paddingRight: \"right\",\n  paddingHorizontal: [\n    \"left\",\n    \"right\"\n  ],\n  paddingVertical: [\n    \"top\",\n    \"bottom\"\n  ],\n  paddingStart: \"left\",\n  paddingEnd: \"right\",\n  paddingBlock: [\n    \"top\",\n    \"bottom\"\n  ],\n  paddingInline: [\n    \"left\",\n    \"right\"\n  ],\n  paddingBlockStart: \"top\",\n  paddingBlockEnd: \"bottom\",\n  paddingInlineStart: \"left\",\n  paddingInlineEnd: \"right\",\n  margin: [\n    \"top\",\n    \"right\",\n    \"bottom\",\n    \"left\"\n  ],\n  marginTop: \"top\",\n  marginBottom: \"bottom\",\n  marginLeft: \"left\",\n  marginRight: \"right\",\n  marginHorizontal: [\n    \"left\",\n    \"right\"\n  ],\n  marginVertical: [\n    \"top\",\n    \"bottom\"\n  ],\n  marginStart: \"left\",\n  marginEnd: \"right\",\n  marginBlock: [\n    \"top\",\n    \"bottom\"\n  ],\n  marginInline: [\n    \"left\",\n    \"right\"\n  ],\n  marginBlockStart: \"top\",\n  marginBlockEnd: \"bottom\",\n  marginInlineStart: \"left\",\n  marginInlineEnd: \"right\",\n  inset: [\n    \"top\",\n    \"right\",\n    \"bottom\",\n    \"left\"\n  ],\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  start: \"left\",\n  end: \"right\"\n};\nvar edgeToPascal = {\n  top: \"Top\",\n  bottom: \"Bottom\",\n  left: \"Left\",\n  right: \"Right\"\n};\nvar baseKeyForExpansion = {\n  padding: \"padding\",\n  paddingHorizontal: \"padding\",\n  paddingVertical: \"padding\",\n  paddingBlock: \"padding\",\n  paddingInline: \"padding\",\n  margin: \"margin\",\n  marginHorizontal: \"margin\",\n  marginVertical: \"margin\",\n  marginBlock: \"margin\",\n  marginInline: \"margin\",\n  inset: \"\"\n};\nfunction getInsetForEdge(edge) {\n  var g = globalThis;\n  var state = g.__tamagui_safe_area__;\n  if ((state === null || state === void 0 ? void 0 : state.enabled) && state.initialMetrics) {\n    var _state_initialMetrics_insets_edge;\n    return (_state_initialMetrics_insets_edge = state.initialMetrics.insets[edge]) !== null && _state_initialMetrics_insets_edge !== void 0 ? _state_initialMetrics_insets_edge : 0;\n  }\n  return 0;\n}\nfunction isSafeAreaKey(key) {\n  return key in propEdges;\n}\nfunction expandSafeAreaValue(key) {\n  var edges = propEdges[key];\n  if (!edges) return void 0;\n  if (typeof edges === \"string\") {\n    return [\n      [\n        key,\n        getInsetForEdge(edges)\n      ]\n    ];\n  }\n  var base = baseKeyForExpansion[key];\n  if (base === \"\") {\n    return edges.map(function(e) {\n      return [\n        e,\n        getInsetForEdge(e)\n      ];\n    });\n  }\n  return edges.map(function(e) {\n    return [\n      `${base}${edgeToPascal[e]}`,\n      getInsetForEdge(e)\n    ];\n  });\n}\n//# sourceMappingURL=resolveSafeArea.native.js.map\n"],"mappings":"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"}

package/dist/cjs/helpers/resolveSafeAreaVariable.cjs

@@ -0,0 +1,34 @@
+
+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 resolveSafeAreaVariable_exports = {};
+__export(resolveSafeAreaVariable_exports, {
+	resolveSafeAreaVariable: () => resolveSafeAreaVariable,
+	subscribeToSafeArea: () => subscribeToSafeArea
+});
+module.exports = __toCommonJS(resolveSafeAreaVariable_exports);
+function resolveSafeAreaVariable(name) {
+	const edge = name.startsWith("safe-area-") ? name.slice(10) : "";
+	return edge === "top" || edge === "right" || edge === "bottom" || edge === "left" ? `env(safe-area-inset-${edge})` : void 0;
+}
+function subscribeToSafeArea(_listener) {
+	return void 0;
+}