@vxrn/safe-area 2.0.0-beta.33.1 → 2.0.0-beta.46.1

package/dist/cjs/getWindowFrame.cjs

@@ -3,33 +3,29 @@ 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 getWindowFrame_exports = {};
-__export(getWindowFrame_exports, {
-  getWindowFrame: () => getWindowFrame
-});
+__export(getWindowFrame_exports, { getWindowFrame: () => getWindowFrame });
 module.exports = __toCommonJS(getWindowFrame_exports);
 function getWindowFrame() {
-  return {
-    x: 0,
-    y: 0,
-    width: typeof window === "undefined" ? 0 : window.innerWidth,
-    height: typeof window === "undefined" ? 0 : window.innerHeight
-  };
-}
+	return {
+		x: 0,
+		y: 0,
+		width: typeof window === "undefined" ? 0 : window.innerWidth,
+		height: typeof window === "undefined" ? 0 : window.innerHeight
+	};
+}

package/dist/cjs/getWindowFrame.native.cjs

@@ -0,0 +1,35 @@
+"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 getWindowFrame_native_exports = {};
+__export(getWindowFrame_native_exports, { getWindowFrame: () => getWindowFrame });
+module.exports = __toCommonJS(getWindowFrame_native_exports);
+var import_react_native = require("react-native");
+function getWindowFrame() {
+	var { width, height } = import_react_native.Dimensions.get("window");
+	return {
+		x: 0,
+		y: 0,
+		width,
+		height
+	};
+}

package/dist/cjs/getWindowFrame.native.js

@@ -5,39 +5,33 @@ 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 getWindowFrame_native_exports = {};
-__export(getWindowFrame_native_exports, {
-  getWindowFrame: () => getWindowFrame
-});
+__export(getWindowFrame_native_exports, { getWindowFrame: () => getWindowFrame });
 module.exports = __toCommonJS(getWindowFrame_native_exports);
 var import_react_native = require("react-native");
 function getWindowFrame() {
-  var {
-    width,
-    height
-  } = import_react_native.Dimensions.get("window");
-  return {
-    x: 0,
-    y: 0,
-    width,
-    height
-  };
+	var { width, height } = import_react_native.Dimensions.get("window");
+	return {
+		x: 0,
+		y: 0,
+		width,
+		height
+	};
 }
+
 //# sourceMappingURL=getWindowFrame.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["getWindowFrame_native_exports","__export","getWindowFrame","module","exports","__toCommonJS","import_react_native","require","width","height","Dimensions","get","x","y"],"sources":["../../src/getWindowFrame.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,6BAAA;AAAA,IAAAM,mBAAA,GAA2BC,OAAA;AACpB,SAASL,eAAA,EAAiB;EAC7B,IAAI;IAAEM,KAAA;IAAOC;EAAO,IAAIH,mBAAA,CAAAI,UAAA,CAAWC,GAAA,CAAI,QAAQ;EAC/C,OAAO;IACHC,CAAA,EAAG;IACHC,CAAA,EAAG;IACHL,KAAA;IACAC;EACJ;AACJ","ignoreList":[]}
+{"version":3,"file":"getWindowFrame.native.js","names":[],"sources":["cjs/getWindowFrame.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 getWindowFrame_native_exports = {};\n__export(getWindowFrame_native_exports, {\n  getWindowFrame: () => getWindowFrame\n});\nmodule.exports = __toCommonJS(getWindowFrame_native_exports);\nvar import_react_native = require(\"react-native\");\nfunction getWindowFrame() {\n  var { width, height } = import_react_native.Dimensions.get(\"window\");\n  return {\n    x: 0,\n    y: 0,\n    width,\n    height\n  };\n}\n//# sourceMappingURL=getWindowFrame.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,gCAAgC,CAAC;AACrC,SAAS,+BAA+B,EACtC,sBAAsB,eACxB,CAAC;AACD,OAAO,UAAU,aAAa,6BAA6B;AAC3D,IAAI,sBAAsB,QAAQ,cAAc;AAChD,SAAS,iBAAiB;CACxB,IAAI,EAAE,OAAO,WAAW,oBAAoB,WAAW,IAAI,QAAQ;CACnE,OAAO;EACL,GAAG;EACH,GAAG;EACH;EACA;CACF;AACF"}

package/dist/cjs/index.cjs

@@ -3,20 +3,18 @@ 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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, require("./SafeAreaContext.cjs"), module.exports);
 __reExport(index_exports, require("./SafeAreaView.cjs"), module.exports);
-__reExport(index_exports, require("./InitialWindow.cjs"), module.exports);
+__reExport(index_exports, require("./InitialWindow.cjs"), module.exports);

package/dist/cjs/index.native.cjs

@@ -0,0 +1,22 @@
+"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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./SafeAreaContext.native.js"), module.exports);
+__reExport(index_exports, require("./SafeAreaView.native.js"), module.exports);
+__reExport(index_exports, require("./InitialWindow.native.js"), module.exports);

package/dist/cjs/index.native.js

@@ -5,21 +5,20 @@ 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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, require("./SafeAreaContext.native.js"), module.exports);
 __reExport(index_exports, require("./SafeAreaView.native.js"), module.exports);
 __reExport(index_exports, require("./InitialWindow.native.js"), module.exports);
+
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports","__reExport","require"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA;AACdG,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BADd,GAAAH,MAAA,CAAAC,OAAA;AAEAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BAAAH,MAFd,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":[],"sources":["cjs/index.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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\nmodule.exports = __toCommonJS(index_exports);\n__reExport(index_exports, require(\"./SafeAreaContext\"), module.exports);\n__reExport(index_exports, require(\"./SafeAreaView\"), module.exports);\n__reExport(index_exports, require(\"./InitialWindow\"), module.exports);\n//# sourceMappingURL=index.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,cAAc,QAAQ,KAAK,kBAAkB,YAAY,QAAQ,KAAK,SAAS,GAAG,gBAAgB,YAAY,cAAc,KAAK,SAAS;AAC9I,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,OAAO,UAAU,aAAa,aAAa;AAC3C,WAAW,eAAe,QAAQ,6BAAmB,GAAG,OAAO,OAAO;AACtE,WAAW,eAAe,QAAQ,0BAAgB,GAAG,OAAO,OAAO;AACnE,WAAW,eAAe,QAAQ,2BAAiB,GAAG,OAAO,OAAO"}

package/dist/esm/InitialWindow.mjs

@@ -1,4 +1,5 @@
 const initialWindowMetrics = null;
 const initialWindowSafeAreaInsets = null;
+
 export { initialWindowMetrics, initialWindowSafeAreaInsets };
 //# sourceMappingURL=InitialWindow.mjs.map

package/dist/esm/InitialWindow.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["initialWindowMetrics","initialWindowSafeAreaInsets"],"sources":["../../src/InitialWindow.ts"],"sourcesContent":[null],"mappings":"AAEO,MAAMA,oBAAA,GAAuC;AAK7C,MAAMC,2BAAA,GAAiD","ignoreList":[]}
+{"version":3,"file":"InitialWindow.js","names":[],"sources":["esm/InitialWindow.js"],"sourcesContent":["const initialWindowMetrics = null;\nconst initialWindowSafeAreaInsets = null;\nexport {\n  initialWindowMetrics,\n  initialWindowSafeAreaInsets\n};\n//# sourceMappingURL=InitialWindow.js.map\n"],"mappings":";AAAA,MAAM,uBAAuB;AAC7B,MAAM,8BAA8B"}

package/dist/esm/InitialWindow.native.js

@@ -1,4 +1,5 @@
 var initialWindowMetrics = null;
 var initialWindowSafeAreaInsets = null;
+
 export { initialWindowMetrics, initialWindowSafeAreaInsets };
 //# sourceMappingURL=InitialWindow.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["initialWindowMetrics","initialWindowSafeAreaInsets"],"sources":["../../src/InitialWindow.ts"],"sourcesContent":[null],"mappings":"AAEO,IAAAA,oBAAM,OAAuC;AAK7C,IAAAC,2BAAM,OAAiD","ignoreList":[]}
+{"version":3,"file":"InitialWindow.native.js","names":[],"sources":["esm/InitialWindow.native.js"],"sourcesContent":["var initialWindowMetrics = null;\nvar initialWindowSafeAreaInsets = null;\nexport {\n  initialWindowMetrics,\n  initialWindowSafeAreaInsets\n};\n//# sourceMappingURL=InitialWindow.js.map\n"],"mappings":";AAAA,IAAI,uBAAuB;AAC3B,IAAI,8BAA8B"}

package/dist/esm/NativeSafeAreaProvider.mjs

@@ -1,126 +1,111 @@
 import * as React from "react";
 import { jsx } from "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__ */jsx("div", {
-      style: flattenedStyle,
-      children
-    });
-  }
-  return /* @__PURE__ */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__ */ jsx("div", {
+			style: flattenedStyle,
+			children
+		});
+	}
+	return /* @__PURE__ */ 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;
 }
+
 export { NativeSafeAreaProvider };
 //# sourceMappingURL=NativeSafeAreaProvider.mjs.map

package/dist/esm/NativeSafeAreaProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","jsx","CSSTransitions","WebkitTransition","Transition","MozTransition","MSTransition","OTransition","NativeSafeAreaProvider","children","style","onInsetsChange","useEffect","document","element","createContextElement","body","appendChild","onEnd","paddingTop","paddingBottom","paddingLeft","paddingRight","window","getComputedStyle","insets","top","Number","parseInt","bottom","left","right","frame","x","y","width","documentElement","offsetWidth","height","offsetHeight","nativeEvent","addEventListener","getSupportedTransitionEvent","removeChild","removeEventListener","styleValue","styleValues","Array","isArray","flat","POSITIVE_INFINITY","flattenedStyle","reduce","result","value","Object","assign","display","_supportedTransitionEvent","createElement","key","_supportedEnv","getSupportedEnv","CSS","supports","getInset","side","position","zIndex","overflow","visibility","transitionDuration","transitionProperty","transitionDelay"],"sources":["../../src/NativeSafeAreaProvider.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"NativeSafeAreaProvider.js","names":[],"sources":["esm/NativeSafeAreaProvider.js"],"sourcesContent":["import * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst CSSTransitions = {\n  WebkitTransition: \"webkitTransitionEnd\",\n  Transition: \"transitionEnd\",\n  MozTransition: \"transitionend\",\n  MSTransition: \"msTransitionEnd\",\n  OTransition: \"oTransitionEnd\"\n};\nfunction NativeSafeAreaProvider({\n  children,\n  style,\n  onInsetsChange\n}) {\n  React.useEffect(() => {\n    if (typeof document === \"undefined\") {\n      return;\n    }\n    const element = createContextElement();\n    document.body.appendChild(element);\n    const onEnd = () => {\n      const { paddingTop, paddingBottom, paddingLeft, paddingRight } = window.getComputedStyle(element);\n      const insets = {\n        top: paddingTop ? Number.parseInt(paddingTop, 10) : 0,\n        bottom: paddingBottom ? Number.parseInt(paddingBottom, 10) : 0,\n        left: paddingLeft ? Number.parseInt(paddingLeft, 10) : 0,\n        right: paddingRight ? Number.parseInt(paddingRight, 10) : 0\n      };\n      const frame = {\n        x: 0,\n        y: 0,\n        width: document.documentElement.offsetWidth,\n        height: document.documentElement.offsetHeight\n      };\n      onInsetsChange({ nativeEvent: { insets, frame } });\n    };\n    element.addEventListener(getSupportedTransitionEvent(), onEnd);\n    onEnd();\n    return () => {\n      document.body.removeChild(element);\n      element.removeEventListener(getSupportedTransitionEvent(), onEnd);\n    };\n  }, [onInsetsChange]);\n  if (style) {\n    const styleValue = style;\n    const styleValues = Array.isArray(styleValue) ? styleValue.flat(Number.POSITIVE_INFINITY) : [styleValue];\n    const flattenedStyle = styleValues.reduce(\n      (result, value) => value && typeof value === \"object\" ? Object.assign(result, value) : result,\n      {}\n    );\n    return /* @__PURE__ */ jsx(\"div\", { style: flattenedStyle, children });\n  }\n  return /* @__PURE__ */ jsx(\"div\", { style: { display: \"contents\" }, children });\n}\nlet _supportedTransitionEvent = null;\nfunction getSupportedTransitionEvent() {\n  if (_supportedTransitionEvent != null) {\n    return _supportedTransitionEvent;\n  }\n  const element = document.createElement(\"invalidtype\");\n  _supportedTransitionEvent = CSSTransitions.Transition;\n  for (const key in CSSTransitions) {\n    if (element.style[key] !== void 0) {\n      _supportedTransitionEvent = CSSTransitions[key];\n      break;\n    }\n  }\n  return _supportedTransitionEvent;\n}\nlet _supportedEnv = null;\nfunction getSupportedEnv() {\n  if (_supportedEnv !== null) {\n    return _supportedEnv;\n  }\n  const { CSS } = window;\n  if (CSS && CSS.supports && CSS.supports(\"top: constant(safe-area-inset-top)\")) {\n    _supportedEnv = \"constant\";\n  } else {\n    _supportedEnv = \"env\";\n  }\n  return _supportedEnv;\n}\nfunction getInset(side) {\n  return `${getSupportedEnv()}(safe-area-inset-${side})`;\n}\nfunction createContextElement() {\n  const element = document.createElement(\"div\");\n  const { style } = element;\n  style.position = \"fixed\";\n  style.left = \"0\";\n  style.top = \"0\";\n  style.width = \"0\";\n  style.height = \"0\";\n  style.zIndex = \"-1\";\n  style.overflow = \"hidden\";\n  style.visibility = \"hidden\";\n  style.transitionDuration = \"0.05s\";\n  style.transitionProperty = \"padding\";\n  style.transitionDelay = \"0s\";\n  style.paddingTop = getInset(\"top\");\n  style.paddingBottom = getInset(\"bottom\");\n  style.paddingLeft = getInset(\"left\");\n  style.paddingRight = getInset(\"right\");\n  return element;\n}\nexport {\n  NativeSafeAreaProvider\n};\n//# sourceMappingURL=NativeSafeAreaProvider.js.map\n"],"mappings":";;;;AAEA,MAAM,iBAAiB;CACrB,kBAAkB;CAClB,YAAY;CACZ,eAAe;CACf,cAAc;CACd,aAAa;AACf;AACA,SAAS,uBAAuB,EAC9B,UACA,OACA,kBACC;CACD,MAAM,gBAAgB;EACpB,IAAI,OAAO,aAAa,aAAa;GACnC;EACF;EACA,MAAM,UAAU,qBAAqB;EACrC,SAAS,KAAK,YAAY,OAAO;EACjC,MAAM,cAAc;GAClB,MAAM,EAAE,YAAY,eAAe,aAAa,iBAAiB,OAAO,iBAAiB,OAAO;GAChG,MAAM,SAAS;IACb,KAAK,aAAa,OAAO,SAAS,YAAY,EAAE,IAAI;IACpD,QAAQ,gBAAgB,OAAO,SAAS,eAAe,EAAE,IAAI;IAC7D,MAAM,cAAc,OAAO,SAAS,aAAa,EAAE,IAAI;IACvD,OAAO,eAAe,OAAO,SAAS,cAAc,EAAE,IAAI;GAC5D;GACA,MAAM,QAAQ;IACZ,GAAG;IACH,GAAG;IACH,OAAO,SAAS,gBAAgB;IAChC,QAAQ,SAAS,gBAAgB;GACnC;GACA,eAAe,EAAE,aAAa;IAAE;IAAQ;GAAM,EAAE,CAAC;EACnD;EACA,QAAQ,iBAAiB,4BAA4B,GAAG,KAAK;EAC7D,MAAM;EACN,aAAa;GACX,SAAS,KAAK,YAAY,OAAO;GACjC,QAAQ,oBAAoB,4BAA4B,GAAG,KAAK;EAClE;CACF,GAAG,CAAC,cAAc,CAAC;CACnB,IAAI,OAAO;EACT,MAAM,aAAa;EACnB,MAAM,cAAc,MAAM,QAAQ,UAAU,IAAI,WAAW,KAAK,OAAO,iBAAiB,IAAI,CAAC,UAAU;EACvG,MAAM,iBAAiB,YAAY,QAChC,QAAQ,UAAU,SAAS,OAAO,UAAU,WAAW,OAAO,OAAO,QAAQ,KAAK,IAAI,QACvF,CAAC,CACH;EACA,OAAuB,oBAAI,OAAO;GAAE,OAAO;GAAgB;EAAS,CAAC;CACvE;CACA,OAAuB,oBAAI,OAAO;EAAE,OAAO,EAAE,SAAS,WAAW;EAAG;CAAS,CAAC;AAChF;AACA,IAAI,4BAA4B;AAChC,SAAS,8BAA8B;CACrC,IAAI,6BAA6B,MAAM;EACrC,OAAO;CACT;CACA,MAAM,UAAU,SAAS,cAAc,aAAa;CACpD,4BAA4B,eAAe;CAC3C,KAAK,MAAM,OAAO,gBAAgB;EAChC,IAAI,QAAQ,MAAM,SAAS,KAAK,GAAG;GACjC,4BAA4B,eAAe;GAC3C;EACF;CACF;CACA,OAAO;AACT;AACA,IAAI,gBAAgB;AACpB,SAAS,kBAAkB;CACzB,IAAI,kBAAkB,MAAM;EAC1B,OAAO;CACT;CACA,MAAM,EAAE,QAAQ;CAChB,IAAI,OAAO,IAAI,YAAY,IAAI,SAAS,oCAAoC,GAAG;EAC7E,gBAAgB;CAClB,OAAO;EACL,gBAAgB;CAClB;CACA,OAAO;AACT;AACA,SAAS,SAAS,MAAM;CACtB,OAAO,GAAG,gBAAgB,EAAE,mBAAmB,KAAK;AACtD;AACA,SAAS,uBAAuB;CAC9B,MAAM,UAAU,SAAS,cAAc,KAAK;CAC5C,MAAM,EAAE,UAAU;CAClB,MAAM,WAAW;CACjB,MAAM,OAAO;CACb,MAAM,MAAM;CACZ,MAAM,QAAQ;CACd,MAAM,SAAS;CACf,MAAM,SAAS;CACf,MAAM,WAAW;CACjB,MAAM,aAAa;CACnB,MAAM,qBAAqB;CAC3B,MAAM,qBAAqB;CAC3B,MAAM,kBAAkB;CACxB,MAAM,aAAa,SAAS,KAAK;CACjC,MAAM,gBAAgB,SAAS,QAAQ;CACvC,MAAM,cAAc,SAAS,MAAM;CACnC,MAAM,eAAe,SAAS,OAAO;CACrC,OAAO;AACT"}