@vxrn/safe-area 1.27.1 → 2.0.0-beta.45.1

package/.turbo/turbo-build.log

@@ -1,2 +1,2 @@
 $ tamagui-build
-built @vxrn/safe-area in 9657 ms
+built @vxrn/safe-area in 1332 ms

package/dist/cjs/InitialWindow.cjs

@@ -3,28 +3,26 @@ 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 InitialWindow_exports = {};
 __export(InitialWindow_exports, {
-  initialWindowMetrics: () => initialWindowMetrics,
-  initialWindowSafeAreaInsets: () => initialWindowSafeAreaInsets
+	initialWindowMetrics: () => initialWindowMetrics,
+	initialWindowSafeAreaInsets: () => initialWindowSafeAreaInsets
 });
 module.exports = __toCommonJS(InitialWindow_exports);
 const initialWindowMetrics = null;
-const initialWindowSafeAreaInsets = null;
+const initialWindowSafeAreaInsets = null;

package/dist/cjs/InitialWindow.native.cjs

@@ -0,0 +1,30 @@
+"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 InitialWindow_exports = {};
+__export(InitialWindow_exports, {
+	initialWindowMetrics: () => initialWindowMetrics,
+	initialWindowSafeAreaInsets: () => initialWindowSafeAreaInsets
+});
+module.exports = __toCommonJS(InitialWindow_exports);
+var initialWindowMetrics = null;
+var initialWindowSafeAreaInsets = null;

package/dist/cjs/InitialWindow.native.js

@@ -5,29 +5,28 @@ 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 InitialWindow_exports = {};
 __export(InitialWindow_exports, {
-  initialWindowMetrics: () => initialWindowMetrics,
-  initialWindowSafeAreaInsets: () => initialWindowSafeAreaInsets
+	initialWindowMetrics: () => initialWindowMetrics,
+	initialWindowSafeAreaInsets: () => initialWindowSafeAreaInsets
 });
 module.exports = __toCommonJS(InitialWindow_exports);
 var initialWindowMetrics = null;
 var initialWindowSafeAreaInsets = null;
+
 //# sourceMappingURL=InitialWindow.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","InitialWindow_exports","__export","initialWindowMetrics","initialWindowSafeAreaInsets","module","exports"],"sources":["../../src/InitialWindow.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,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,2BAAA,EAAAA,CAAA,KAAAA;AAAA;AAEOC,MAAM,CAAAC,OAAA,GAAAV,YAAuC,CAAAK,qBAAA;AAK7C,IAAAE,oBAAM","ignoreList":[]}
+{"version":3,"file":"InitialWindow.native.js","names":[],"sources":["cjs/InitialWindow.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 InitialWindow_exports = {};\n__export(InitialWindow_exports, {\n  initialWindowMetrics: () => initialWindowMetrics,\n  initialWindowSafeAreaInsets: () => initialWindowSafeAreaInsets\n});\nmodule.exports = __toCommonJS(InitialWindow_exports);\nvar initialWindowMetrics = null;\nvar initialWindowSafeAreaInsets = null;\n//# sourceMappingURL=InitialWindow.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;CAC9B,4BAA4B;CAC5B,mCAAmC;AACrC,CAAC;AACD,OAAO,UAAU,aAAa,qBAAqB;AACnD,IAAI,uBAAuB;AAC3B,IAAI,8BAA8B"}

package/dist/cjs/NativeSafeAreaProvider.cjs

@@ -5,158 +5,132 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var NativeSafeAreaProvider_exports = {};
-__export(NativeSafeAreaProvider_exports, {
-  NativeSafeAreaProvider: () => NativeSafeAreaProvider
-});
+__export(NativeSafeAreaProvider_exports, { NativeSafeAreaProvider: () => NativeSafeAreaProvider });
 module.exports = __toCommonJS(NativeSafeAreaProvider_exports);
 var React = __toESM(require("react"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
 const CSSTransitions = {
-  WebkitTransition: "webkitTransitionEnd",
-  Transition: "transitionEnd",
-  MozTransition: "transitionend",
-  MSTransition: "msTransitionEnd",
-  OTransition: "oTransitionEnd"
+	WebkitTransition: "webkitTransitionEnd",
+	Transition: "transitionEnd",
+	MozTransition: "transitionend",
+	MSTransition: "msTransitionEnd",
+	OTransition: "oTransitionEnd"
 };
-function NativeSafeAreaProvider({
-  children,
-  style,
-  onInsetsChange
-}) {
-  React.useEffect(() => {
-    if (typeof document === "undefined") {
-      return;
-    }
-    const element = createContextElement();
-    document.body.appendChild(element);
-    const onEnd = () => {
-      const {
-        paddingTop,
-        paddingBottom,
-        paddingLeft,
-        paddingRight
-      } = window.getComputedStyle(element);
-      const insets = {
-        top: paddingTop ? Number.parseInt(paddingTop, 10) : 0,
-        bottom: paddingBottom ? Number.parseInt(paddingBottom, 10) : 0,
-        left: paddingLeft ? Number.parseInt(paddingLeft, 10) : 0,
-        right: paddingRight ? Number.parseInt(paddingRight, 10) : 0
-      };
-      const frame = {
-        x: 0,
-        y: 0,
-        width: document.documentElement.offsetWidth,
-        height: document.documentElement.offsetHeight
-      };
-      onInsetsChange({
-        nativeEvent: {
-          insets,
-          frame
-        }
-      });
-    };
-    element.addEventListener(getSupportedTransitionEvent(), onEnd);
-    onEnd();
-    return () => {
-      document.body.removeChild(element);
-      element.removeEventListener(getSupportedTransitionEvent(), onEnd);
-    };
-  }, [onInsetsChange]);
-  if (style) {
-    const styleValue = style;
-    const styleValues = Array.isArray(styleValue) ? styleValue.flat(Number.POSITIVE_INFINITY) : [styleValue];
-    const flattenedStyle = styleValues.reduce((result, value) => value && typeof value === "object" ? Object.assign(result, value) : result, {});
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-      style: flattenedStyle,
-      children
-    });
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-    style: {
-      display: "contents"
-    },
-    children
-  });
+function NativeSafeAreaProvider({ children, style, onInsetsChange }) {
+	React.useEffect(() => {
+		if (typeof document === "undefined") {
+			return;
+		}
+		const element = createContextElement();
+		document.body.appendChild(element);
+		const onEnd = () => {
+			const { paddingTop, paddingBottom, paddingLeft, paddingRight } = window.getComputedStyle(element);
+			const insets = {
+				top: paddingTop ? Number.parseInt(paddingTop, 10) : 0,
+				bottom: paddingBottom ? Number.parseInt(paddingBottom, 10) : 0,
+				left: paddingLeft ? Number.parseInt(paddingLeft, 10) : 0,
+				right: paddingRight ? Number.parseInt(paddingRight, 10) : 0
+			};
+			const frame = {
+				x: 0,
+				y: 0,
+				width: document.documentElement.offsetWidth,
+				height: document.documentElement.offsetHeight
+			};
+			onInsetsChange({ nativeEvent: {
+				insets,
+				frame
+			} });
+		};
+		element.addEventListener(getSupportedTransitionEvent(), onEnd);
+		onEnd();
+		return () => {
+			document.body.removeChild(element);
+			element.removeEventListener(getSupportedTransitionEvent(), onEnd);
+		};
+	}, [onInsetsChange]);
+	if (style) {
+		const styleValue = style;
+		const styleValues = Array.isArray(styleValue) ? styleValue.flat(Number.POSITIVE_INFINITY) : [styleValue];
+		const flattenedStyle = styleValues.reduce((result, value) => value && typeof value === "object" ? Object.assign(result, value) : result, {});
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			style: flattenedStyle,
+			children
+		});
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		style: { display: "contents" },
+		children
+	});
 }
 let _supportedTransitionEvent = null;
 function getSupportedTransitionEvent() {
-  if (_supportedTransitionEvent != null) {
-    return _supportedTransitionEvent;
-  }
-  const element = document.createElement("invalidtype");
-  _supportedTransitionEvent = CSSTransitions.Transition;
-  for (const key in CSSTransitions) {
-    if (element.style[key] !== void 0) {
-      _supportedTransitionEvent = CSSTransitions[key];
-      break;
-    }
-  }
-  return _supportedTransitionEvent;
+	if (_supportedTransitionEvent != null) {
+		return _supportedTransitionEvent;
+	}
+	const element = document.createElement("invalidtype");
+	_supportedTransitionEvent = CSSTransitions.Transition;
+	for (const key in CSSTransitions) {
+		if (element.style[key] !== void 0) {
+			_supportedTransitionEvent = CSSTransitions[key];
+			break;
+		}
+	}
+	return _supportedTransitionEvent;
 }
 let _supportedEnv = null;
 function getSupportedEnv() {
-  if (_supportedEnv !== null) {
-    return _supportedEnv;
-  }
-  const {
-    CSS
-  } = window;
-  if (CSS && CSS.supports && CSS.supports("top: constant(safe-area-inset-top)")) {
-    _supportedEnv = "constant";
-  } else {
-    _supportedEnv = "env";
-  }
-  return _supportedEnv;
+	if (_supportedEnv !== null) {
+		return _supportedEnv;
+	}
+	const { CSS } = window;
+	if (CSS && CSS.supports && CSS.supports("top: constant(safe-area-inset-top)")) {
+		_supportedEnv = "constant";
+	} else {
+		_supportedEnv = "env";
+	}
+	return _supportedEnv;
 }
 function getInset(side) {
-  return `${getSupportedEnv()}(safe-area-inset-${side})`;
+	return `${getSupportedEnv()}(safe-area-inset-${side})`;
 }
 function createContextElement() {
-  const element = document.createElement("div");
-  const {
-    style
-  } = element;
-  style.position = "fixed";
-  style.left = "0";
-  style.top = "0";
-  style.width = "0";
-  style.height = "0";
-  style.zIndex = "-1";
-  style.overflow = "hidden";
-  style.visibility = "hidden";
-  style.transitionDuration = "0.05s";
-  style.transitionProperty = "padding";
-  style.transitionDelay = "0s";
-  style.paddingTop = getInset("top");
-  style.paddingBottom = getInset("bottom");
-  style.paddingLeft = getInset("left");
-  style.paddingRight = getInset("right");
-  return element;
-}
+	const element = document.createElement("div");
+	const { style } = element;
+	style.position = "fixed";
+	style.left = "0";
+	style.top = "0";
+	style.width = "0";
+	style.height = "0";
+	style.zIndex = "-1";
+	style.overflow = "hidden";
+	style.visibility = "hidden";
+	style.transitionDuration = "0.05s";
+	style.transitionProperty = "padding";
+	style.transitionDelay = "0s";
+	style.paddingTop = getInset("top");
+	style.paddingBottom = getInset("bottom");
+	style.paddingLeft = getInset("left");
+	style.paddingRight = getInset("right");
+	return element;
+}

package/dist/cjs/NativeSafeAreaProvider.native.cjs

@@ -0,0 +1,141 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var NativeSafeAreaProvider_exports = {};
+__export(NativeSafeAreaProvider_exports, { NativeSafeAreaProvider: () => NativeSafeAreaProvider });
+module.exports = __toCommonJS(NativeSafeAreaProvider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var CSSTransitions = {
+	WebkitTransition: "webkitTransitionEnd",
+	Transition: "transitionEnd",
+	MozTransition: "transitionend",
+	MSTransition: "msTransitionEnd",
+	OTransition: "oTransitionEnd"
+};
+function NativeSafeAreaProvider(param) {
+	var { children, style, onInsetsChange } = param;
+	React.useEffect(function() {
+		if (typeof document === "undefined") {
+			return;
+		}
+		var element = createContextElement();
+		document.body.appendChild(element);
+		var onEnd = function() {
+			var { paddingTop, paddingBottom, paddingLeft, paddingRight } = window.getComputedStyle(element);
+			var insets = {
+				top: paddingTop ? Number.parseInt(paddingTop, 10) : 0,
+				bottom: paddingBottom ? Number.parseInt(paddingBottom, 10) : 0,
+				left: paddingLeft ? Number.parseInt(paddingLeft, 10) : 0,
+				right: paddingRight ? Number.parseInt(paddingRight, 10) : 0
+			};
+			var frame = {
+				x: 0,
+				y: 0,
+				width: document.documentElement.offsetWidth,
+				height: document.documentElement.offsetHeight
+			};
+			onInsetsChange({ nativeEvent: {
+				insets,
+				frame
+			} });
+		};
+		element.addEventListener(getSupportedTransitionEvent(), onEnd);
+		onEnd();
+		return function() {
+			document.body.removeChild(element);
+			element.removeEventListener(getSupportedTransitionEvent(), onEnd);
+		};
+	}, [onInsetsChange]);
+	if (style) {
+		var styleValue = style;
+		var styleValues = Array.isArray(styleValue) ? styleValue.flat(Number.POSITIVE_INFINITY) : [styleValue];
+		var flattenedStyle = styleValues.reduce(function(result, value) {
+			return value && typeof value === "object" ? Object.assign(result, value) : result;
+		}, {});
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			style: flattenedStyle,
+			children
+		});
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		style: { display: "contents" },
+		children
+	});
+}
+var _supportedTransitionEvent = null;
+function getSupportedTransitionEvent() {
+	if (_supportedTransitionEvent != null) {
+		return _supportedTransitionEvent;
+	}
+	var element = document.createElement("invalidtype");
+	_supportedTransitionEvent = CSSTransitions.Transition;
+	for (var key in CSSTransitions) {
+		if (element.style[key] !== void 0) {
+			_supportedTransitionEvent = CSSTransitions[key];
+			break;
+		}
+	}
+	return _supportedTransitionEvent;
+}
+var _supportedEnv = null;
+function getSupportedEnv() {
+	if (_supportedEnv !== null) {
+		return _supportedEnv;
+	}
+	var { CSS } = window;
+	if (CSS && CSS.supports && CSS.supports("top: constant(safe-area-inset-top)")) {
+		_supportedEnv = "constant";
+	} else {
+		_supportedEnv = "env";
+	}
+	return _supportedEnv;
+}
+function getInset(side) {
+	return `${getSupportedEnv()}(safe-area-inset-${side})`;
+}
+function createContextElement() {
+	var element = document.createElement("div");
+	var { style } = element;
+	style.position = "fixed";
+	style.left = "0";
+	style.top = "0";
+	style.width = "0";
+	style.height = "0";
+	style.zIndex = "-1";
+	style.overflow = "hidden";
+	style.visibility = "hidden";
+	style.transitionDuration = "0.05s";
+	style.transitionProperty = "padding";
+	style.transitionDelay = "0s";
+	style.paddingTop = getInset("top");
+	style.paddingBottom = getInset("bottom");
+	style.paddingLeft = getInset("left");
+	style.paddingRight = getInset("right");
+	return element;
+}