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

package/.turbo/turbo-build.log

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

package/dist/cjs/InitialWindow.native.cjs

@@ -20,11 +20,12 @@ var __copyProps = (to, from, except, desc) => {
 	return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var InitialWindow_exports = {};
-__export(InitialWindow_exports, {
+var InitialWindow_native_exports = {};
+__export(InitialWindow_native_exports, {
 	initialWindowMetrics: () => initialWindowMetrics,
 	initialWindowSafeAreaInsets: () => initialWindowSafeAreaInsets
 });
-module.exports = __toCommonJS(InitialWindow_exports);
-var initialWindowMetrics = null;
-var initialWindowSafeAreaInsets = null;
+module.exports = __toCommonJS(InitialWindow_native_exports);
+var import_safe_area = require("@vxrn/native/safe-area");
+var initialWindowMetrics = (0, import_safe_area.getInitialWindowMetrics)();
+var initialWindowSafeAreaInsets = initialWindowMetrics === null || initialWindowMetrics === void 0 ? void 0 : initialWindowMetrics.insets;

package/dist/cjs/InitialWindow.native.js

@@ -20,13 +20,14 @@ var __copyProps = (to, from, except, desc) => {
 	return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var InitialWindow_exports = {};
-__export(InitialWindow_exports, {
+var InitialWindow_native_exports = {};
+__export(InitialWindow_native_exports, {
 	initialWindowMetrics: () => initialWindowMetrics,
 	initialWindowSafeAreaInsets: () => initialWindowSafeAreaInsets
 });
-module.exports = __toCommonJS(InitialWindow_exports);
-var initialWindowMetrics = null;
-var initialWindowSafeAreaInsets = null;
+module.exports = __toCommonJS(InitialWindow_native_exports);
+var import_safe_area = require("@vxrn/native/safe-area");
+var initialWindowMetrics = (0, import_safe_area.getInitialWindowMetrics)();
+var initialWindowSafeAreaInsets = initialWindowMetrics === null || initialWindowMetrics === void 0 ? void 0 : initialWindowMetrics.insets;
 
 //# sourceMappingURL=InitialWindow.native.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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_native_exports = {};\n__export(InitialWindow_native_exports, {\n  initialWindowMetrics: () => initialWindowMetrics,\n  initialWindowSafeAreaInsets: () => initialWindowSafeAreaInsets\n});\nmodule.exports = __toCommonJS(InitialWindow_native_exports);\nvar import_safe_area = require(\"@vxrn/native/safe-area\");\nvar initialWindowMetrics = (0, import_safe_area.getInitialWindowMetrics)();\nvar initialWindowSafeAreaInsets = initialWindowMetrics === null || initialWindowMetrics === void 0 ? void 0 : initialWindowMetrics.insets;\n//# sourceMappingURL=InitialWindow.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,+BAA+B,CAAC;AACpC,SAAS,8BAA8B;CACrC,4BAA4B;CAC5B,mCAAmC;AACrC,CAAC;AACD,OAAO,UAAU,aAAa,4BAA4B;AAC1D,IAAI,mBAAmB,QAAQ,wBAAwB;AACvD,IAAI,wBAAwB,GAAG,iBAAiB,wBAAuB,CAAE;AACzE,IAAI,8BAA8B,yBAAyB,QAAQ,yBAAyB,KAAK,IAAI,KAAK,IAAI,qBAAqB"}

package/dist/cjs/NativeSafeAreaProvider.native.cjs

@@ -26,116 +26,23 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	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 NativeSafeAreaProvider_native_exports = {};
+__export(NativeSafeAreaProvider_native_exports, { NativeSafeAreaProvider: () => NativeSafeAreaProvider });
+module.exports = __toCommonJS(NativeSafeAreaProvider_native_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"
-};
+var import_react_native = require("react-native");
+var import_safe_area = require("@vxrn/native/safe-area");
 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);
-		};
+	var handleInsetsChange = React.useCallback(function(param2) {
+		var { nativeEvent } = param2;
+		onInsetsChange({ nativeEvent: (0, import_safe_area.providerEventToMetrics)(nativeEvent) });
 	}, [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" },
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_safe_area.NativeSafeAreaProvider, {
+		style: [styles.fill, style],
+		onNativeInsetsChange: handleInsetsChange,
 		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;
-}
+var styles = import_react_native.StyleSheet.create({ fill: { flex: 1 } });

package/dist/cjs/NativeSafeAreaProvider.native.js

@@ -26,118 +26,25 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	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 NativeSafeAreaProvider_native_exports = {};
+__export(NativeSafeAreaProvider_native_exports, { NativeSafeAreaProvider: () => NativeSafeAreaProvider });
+module.exports = __toCommonJS(NativeSafeAreaProvider_native_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"
-};
+var import_react_native = require("react-native");
+var import_safe_area = require("@vxrn/native/safe-area");
 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);
-		};
+	var handleInsetsChange = React.useCallback(function(param2) {
+		var { nativeEvent } = param2;
+		onInsetsChange({ nativeEvent: (0, import_safe_area.providerEventToMetrics)(nativeEvent) });
 	}, [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" },
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_safe_area.NativeSafeAreaProvider, {
+		style: [styles.fill, style],
+		onNativeInsetsChange: handleInsetsChange,
 		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;
-}
+var styles = import_react_native.StyleSheet.create({ fill: { flex: 1 } });
 
 //# sourceMappingURL=NativeSafeAreaProvider.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NativeSafeAreaProvider.native.js","names":[],"sources":["cjs/NativeSafeAreaProvider.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar NativeSafeAreaProvider_exports = {};\n__export(NativeSafeAreaProvider_exports, {\n  NativeSafeAreaProvider: () => NativeSafeAreaProvider\n});\nmodule.exports = __toCommonJS(NativeSafeAreaProvider_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar React = __toESM(require(\"react\"), 1);\nvar CSSTransitions = {\n  WebkitTransition: \"webkitTransitionEnd\",\n  Transition: \"transitionEnd\",\n  MozTransition: \"transitionend\",\n  MSTransition: \"msTransitionEnd\",\n  OTransition: \"oTransitionEnd\"\n};\nfunction NativeSafeAreaProvider(param) {\n  var { children, style, onInsetsChange } = param;\n  React.useEffect(function() {\n    if (typeof document === \"undefined\") {\n      return;\n    }\n    var element = createContextElement();\n    document.body.appendChild(element);\n    var onEnd = function() {\n      var { paddingTop, paddingBottom, paddingLeft, paddingRight } = window.getComputedStyle(element);\n      var 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      var frame = {\n        x: 0,\n        y: 0,\n        width: document.documentElement.offsetWidth,\n        height: document.documentElement.offsetHeight\n      };\n      onInsetsChange({\n        nativeEvent: {\n          insets,\n          frame\n        }\n      });\n    };\n    element.addEventListener(getSupportedTransitionEvent(), onEnd);\n    onEnd();\n    return function() {\n      document.body.removeChild(element);\n      element.removeEventListener(getSupportedTransitionEvent(), onEnd);\n    };\n  }, [\n    onInsetsChange\n  ]);\n  if (style) {\n    var styleValue = style;\n    var styleValues = Array.isArray(styleValue) ? styleValue.flat(Number.POSITIVE_INFINITY) : [\n      styleValue\n    ];\n    var flattenedStyle = styleValues.reduce(function(result, value) {\n      return value && typeof value === \"object\" ? Object.assign(result, value) : result;\n    }, {});\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", {\n      style: flattenedStyle,\n      children\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", {\n    style: {\n      display: \"contents\"\n    },\n    children\n  });\n}\nvar _supportedTransitionEvent = null;\nfunction getSupportedTransitionEvent() {\n  if (_supportedTransitionEvent != null) {\n    return _supportedTransitionEvent;\n  }\n  var element = document.createElement(\"invalidtype\");\n  _supportedTransitionEvent = CSSTransitions.Transition;\n  for (var key in CSSTransitions) {\n    if (element.style[key] !== void 0) {\n      _supportedTransitionEvent = CSSTransitions[key];\n      break;\n    }\n  }\n  return _supportedTransitionEvent;\n}\nvar _supportedEnv = null;\nfunction getSupportedEnv() {\n  if (_supportedEnv !== null) {\n    return _supportedEnv;\n  }\n  var { 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  var element = document.createElement(\"div\");\n  var { 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}\n//# sourceMappingURL=NativeSafeAreaProvider.js.map\n"],"mappings":"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"}
+{"version":3,"file":"NativeSafeAreaProvider.native.js","names":[],"sources":["cjs/NativeSafeAreaProvider.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar NativeSafeAreaProvider_native_exports = {};\n__export(NativeSafeAreaProvider_native_exports, {\n  NativeSafeAreaProvider: () => NativeSafeAreaProvider\n});\nmodule.exports = __toCommonJS(NativeSafeAreaProvider_native_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar React = __toESM(require(\"react\"), 1);\nvar import_react_native = require(\"react-native\");\nvar import_safe_area = require(\"@vxrn/native/safe-area\");\nfunction NativeSafeAreaProvider(param) {\n  var { children, style, onInsetsChange } = param;\n  var handleInsetsChange = React.useCallback(function(param2) {\n    var { nativeEvent } = param2;\n    onInsetsChange({\n      nativeEvent: (0, import_safe_area.providerEventToMetrics)(nativeEvent)\n    });\n  }, [\n    onInsetsChange\n  ]);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_safe_area.NativeSafeAreaProvider, {\n    style: [\n      styles.fill,\n      style\n    ],\n    onNativeInsetsChange: handleInsetsChange,\n    children\n  });\n}\nvar styles = import_react_native.StyleSheet.create({\n  fill: {\n    flex: 1\n  }\n});\n//# sourceMappingURL=NativeSafeAreaProvider.native.js.map\n"],"mappings":";;;AACA,IAAI,WAAW,OAAO;AACtB,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO;AAC1B,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,WAAW,KAAK,YAAY,YAAY,SAAS,OAAO,OAAO,SAAS,aAAa,GAAG,CAAC,IAAI,CAAC,GAAG,YAKnG,cAAc,CAAC,OAAO,CAAC,IAAI,aAAa,UAAU,QAAQ,WAAW;CAAE,OAAO;CAAK,YAAY;AAAK,CAAC,IAAI,QACzG,GACF;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,wCAAwC,CAAC;AAC7C,SAAS,uCAAuC,EAC9C,8BAA8B,uBAChC,CAAC;AACD,OAAO,UAAU,aAAa,qCAAqC;AACnE,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,QAAQ,QAAQ,QAAQ,OAAO,GAAG,CAAC;AACvC,IAAI,sBAAsB,QAAQ,cAAc;AAChD,IAAI,mBAAmB,QAAQ,wBAAwB;AACvD,SAAS,uBAAuB,OAAO;CACrC,IAAI,EAAE,UAAU,OAAO,mBAAmB;CAC1C,IAAI,qBAAqB,MAAM,YAAY,SAAS,QAAQ;EAC1D,IAAI,EAAE,gBAAgB;EACtB,eAAe,EACb,cAAc,GAAG,iBAAiB,uBAAsB,CAAE,WAAW,EACvE,CAAC;CACH,GAAG,CACD,cACF,CAAC;CACD,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,iBAAiB,wBAAwB;EAC1F,OAAO,CACL,OAAO,MACP,KACF;EACA,sBAAsB;EACtB;CACF,CAAC;AACH;AACA,IAAI,SAAS,oBAAoB,WAAW,OAAO,EACjD,MAAM,EACJ,MAAM,EACR,EACF,CAAC"}

package/dist/cjs/SafeAreaView.native.cjs

@@ -26,72 +26,44 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	enumerable: true
 }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SafeAreaView_exports = {};
-__export(SafeAreaView_exports, { SafeAreaView: () => SafeAreaView });
-module.exports = __toCommonJS(SafeAreaView_exports);
+var SafeAreaView_native_exports = {};
+__export(SafeAreaView_native_exports, { SafeAreaView: () => SafeAreaView });
+module.exports = __toCommonJS(SafeAreaView_native_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"), 1);
+var import_react_native = require("react-native");
+var import_safe_area = require("@vxrn/native/safe-area");
+var import_InitialWindow = require("./InitialWindow.native.js");
 var import_SafeAreaContext = require("./SafeAreaContext.native.js");
-var TOP = 8;
-var RIGHT = 4;
-var BOTTOM = 2;
-var LEFT = 1;
-var ALL = 15;
-var edgeBitmaskMap = {
-	top: TOP,
-	right: RIGHT,
-	bottom: BOTTOM,
-	left: LEFT
+var ZERO_INSETS = {
+	top: 0,
+	right: 0,
+	bottom: 0,
+	left: 0
 };
 var SafeAreaView = /* @__PURE__ */ React.forwardRef(function(param, ref) {
-	var { style = {}, mode, edges, ...rest } = param;
-	var insets = (0, import_SafeAreaContext.useSafeAreaInsets)();
-	var edgeBitmask = edges != null ? Array.isArray(edges) ? edges.reduce(function(acc, edge) {
-		return acc | edgeBitmaskMap[edge];
-	}, 0) : Object.keys(edges).reduce(function(acc, edge) {
-		return acc | edgeBitmaskMap[edge];
-	}, 0) : ALL;
+	var { style, mode, edges, ...rest } = param;
+	var _ref;
+	var contextInsets = React.useContext(import_SafeAreaContext.SafeAreaInsetsContext);
+	var insets = (_ref = contextInsets !== null && contextInsets !== void 0 ? contextInsets : import_InitialWindow.initialWindowMetrics === null || import_InitialWindow.initialWindowMetrics === void 0 ? void 0 : import_InitialWindow.initialWindowMetrics.insets) !== null && _ref !== void 0 ? _ref : ZERO_INSETS;
 	var appliedStyle = React.useMemo(function() {
-		var insetTop = edgeBitmask & TOP ? insets.top : 0;
-		var insetRight = edgeBitmask & RIGHT ? insets.right : 0;
-		var insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;
-		var insetLeft = edgeBitmask & LEFT ? insets.left : 0;
-		var flatStyle = (Array.isArray(style) ? style.flat(Number.POSITIVE_INFINITY) : [style]).reduce(function(result, value) {
-			return value ? Object.assign(result, value) : result;
-		}, {});
-		if (mode === "margin") {
-			var { margin = 0, marginVertical = margin, marginHorizontal = margin, marginTop = marginVertical, marginRight = marginHorizontal, marginBottom = marginVertical, marginLeft = marginHorizontal } = flatStyle;
-			var marginStyle = {
-				marginTop: marginTop + insetTop,
-				marginRight: marginRight + insetRight,
-				marginBottom: marginBottom + insetBottom,
-				marginLeft: marginLeft + insetLeft
-			};
-			var { marginVertical: _marginVertical, marginHorizontal: _marginHorizontal, ...domStyle } = flatStyle;
-			return {
-				...domStyle,
-				...marginStyle
-			};
-		}
-		var { padding = 0, paddingVertical = padding, paddingHorizontal = padding, paddingTop = paddingVertical, paddingRight = paddingHorizontal, paddingBottom = paddingVertical, paddingLeft = paddingHorizontal } = flatStyle;
-		var paddingStyle = {
-			paddingTop: paddingTop + insetTop,
-			paddingRight: paddingRight + insetRight,
-			paddingBottom: paddingBottom + insetBottom,
-			paddingLeft: paddingLeft + insetLeft
-		};
-		var { paddingVertical: _paddingVertical, paddingHorizontal: _paddingHorizontal, ...domStyle1 } = flatStyle;
 		return {
-			...domStyle1,
-			...paddingStyle
+			...import_react_native.StyleSheet.flatten(style),
+			...(0, import_safe_area.buildSafeAreaInsetStyle)({
+				insets,
+				edges,
+				mode,
+				style,
+				resolveStyle: import_react_native.StyleSheet.flatten
+			})
 		};
 	}, [
 		style,
 		insets,
-		mode,
-		edgeBitmask
+		edges,
+		mode
 	]);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {
 		...rest,
 		style: appliedStyle,
 		ref

package/dist/cjs/SafeAreaView.native.js

@@ -26,72 +26,44 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	enumerable: true
 }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SafeAreaView_exports = {};
-__export(SafeAreaView_exports, { SafeAreaView: () => SafeAreaView });
-module.exports = __toCommonJS(SafeAreaView_exports);
+var SafeAreaView_native_exports = {};
+__export(SafeAreaView_native_exports, { SafeAreaView: () => SafeAreaView });
+module.exports = __toCommonJS(SafeAreaView_native_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"), 1);
+var import_react_native = require("react-native");
+var import_safe_area = require("@vxrn/native/safe-area");
+var import_InitialWindow = require("./InitialWindow.native.js");
 var import_SafeAreaContext = require("./SafeAreaContext.native.js");
-var TOP = 8;
-var RIGHT = 4;
-var BOTTOM = 2;
-var LEFT = 1;
-var ALL = 15;
-var edgeBitmaskMap = {
-	top: TOP,
-	right: RIGHT,
-	bottom: BOTTOM,
-	left: LEFT
+var ZERO_INSETS = {
+	top: 0,
+	right: 0,
+	bottom: 0,
+	left: 0
 };
 var SafeAreaView = /* @__PURE__ */ React.forwardRef(function(param, ref) {
-	var { style = {}, mode, edges, ...rest } = param;
-	var insets = (0, import_SafeAreaContext.useSafeAreaInsets)();
-	var edgeBitmask = edges != null ? Array.isArray(edges) ? edges.reduce(function(acc, edge) {
-		return acc | edgeBitmaskMap[edge];
-	}, 0) : Object.keys(edges).reduce(function(acc, edge) {
-		return acc | edgeBitmaskMap[edge];
-	}, 0) : ALL;
+	var { style, mode, edges, ...rest } = param;
+	var _ref;
+	var contextInsets = React.useContext(import_SafeAreaContext.SafeAreaInsetsContext);
+	var insets = (_ref = contextInsets !== null && contextInsets !== void 0 ? contextInsets : import_InitialWindow.initialWindowMetrics === null || import_InitialWindow.initialWindowMetrics === void 0 ? void 0 : import_InitialWindow.initialWindowMetrics.insets) !== null && _ref !== void 0 ? _ref : ZERO_INSETS;
 	var appliedStyle = React.useMemo(function() {
-		var insetTop = edgeBitmask & TOP ? insets.top : 0;
-		var insetRight = edgeBitmask & RIGHT ? insets.right : 0;
-		var insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;
-		var insetLeft = edgeBitmask & LEFT ? insets.left : 0;
-		var flatStyle = (Array.isArray(style) ? style.flat(Number.POSITIVE_INFINITY) : [style]).reduce(function(result, value) {
-			return value ? Object.assign(result, value) : result;
-		}, {});
-		if (mode === "margin") {
-			var { margin = 0, marginVertical = margin, marginHorizontal = margin, marginTop = marginVertical, marginRight = marginHorizontal, marginBottom = marginVertical, marginLeft = marginHorizontal } = flatStyle;
-			var marginStyle = {
-				marginTop: marginTop + insetTop,
-				marginRight: marginRight + insetRight,
-				marginBottom: marginBottom + insetBottom,
-				marginLeft: marginLeft + insetLeft
-			};
-			var { marginVertical: _marginVertical, marginHorizontal: _marginHorizontal, ...domStyle } = flatStyle;
-			return {
-				...domStyle,
-				...marginStyle
-			};
-		}
-		var { padding = 0, paddingVertical = padding, paddingHorizontal = padding, paddingTop = paddingVertical, paddingRight = paddingHorizontal, paddingBottom = paddingVertical, paddingLeft = paddingHorizontal } = flatStyle;
-		var paddingStyle = {
-			paddingTop: paddingTop + insetTop,
-			paddingRight: paddingRight + insetRight,
-			paddingBottom: paddingBottom + insetBottom,
-			paddingLeft: paddingLeft + insetLeft
-		};
-		var { paddingVertical: _paddingVertical, paddingHorizontal: _paddingHorizontal, ...domStyle1 } = flatStyle;
 		return {
-			...domStyle1,
-			...paddingStyle
+			...import_react_native.StyleSheet.flatten(style),
+			...(0, import_safe_area.buildSafeAreaInsetStyle)({
+				insets,
+				edges,
+				mode,
+				style,
+				resolveStyle: import_react_native.StyleSheet.flatten
+			})
 		};
 	}, [
 		style,
 		insets,
-		mode,
-		edgeBitmask
+		edges,
+		mode
 	]);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {
 		...rest,
 		style: appliedStyle,
 		ref

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

@@ -1 +1 @@
-{"version":3,"file":"SafeAreaView.native.js","names":[],"sources":["cjs/SafeAreaView.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SafeAreaView_exports = {};\n__export(SafeAreaView_exports, {\n  SafeAreaView: () => SafeAreaView\n});\nmodule.exports = __toCommonJS(SafeAreaView_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar React = __toESM(require(\"react\"), 1);\nvar import_SafeAreaContext = require(\"./SafeAreaContext\");\nvar TOP = 8;\nvar RIGHT = 4;\nvar BOTTOM = 2;\nvar LEFT = 1;\nvar ALL = 15;\nvar edgeBitmaskMap = {\n  top: TOP,\n  right: RIGHT,\n  bottom: BOTTOM,\n  left: LEFT\n};\nvar SafeAreaView = /* @__PURE__ */ React.forwardRef(function(param, ref) {\n  var { style = {}, mode, edges, ...rest } = param;\n  var insets = (0, import_SafeAreaContext.useSafeAreaInsets)();\n  var edgeBitmask = edges != null ? Array.isArray(edges) ? edges.reduce(function(acc, edge) {\n    return acc | edgeBitmaskMap[edge];\n  }, 0) : Object.keys(edges).reduce(function(acc, edge) {\n    return acc | edgeBitmaskMap[edge];\n  }, 0) : ALL;\n  var appliedStyle = React.useMemo(function() {\n    var insetTop = edgeBitmask & TOP ? insets.top : 0;\n    var insetRight = edgeBitmask & RIGHT ? insets.right : 0;\n    var insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;\n    var insetLeft = edgeBitmask & LEFT ? insets.left : 0;\n    var flatStyle = (Array.isArray(style) ? style.flat(Number.POSITIVE_INFINITY) : [\n      style\n    ]).reduce(function(result, value) {\n      return value ? Object.assign(result, value) : result;\n    }, {});\n    if (mode === \"margin\") {\n      var { margin = 0, marginVertical = margin, marginHorizontal = margin, marginTop = marginVertical, marginRight = marginHorizontal, marginBottom = marginVertical, marginLeft = marginHorizontal } = flatStyle;\n      var marginStyle = {\n        marginTop: marginTop + insetTop,\n        marginRight: marginRight + insetRight,\n        marginBottom: marginBottom + insetBottom,\n        marginLeft: marginLeft + insetLeft\n      };\n      var { marginVertical: _marginVertical, marginHorizontal: _marginHorizontal, ...domStyle } = flatStyle;\n      return {\n        ...domStyle,\n        ...marginStyle\n      };\n    }\n    var { padding = 0, paddingVertical = padding, paddingHorizontal = padding, paddingTop = paddingVertical, paddingRight = paddingHorizontal, paddingBottom = paddingVertical, paddingLeft = paddingHorizontal } = flatStyle;\n    var paddingStyle = {\n      paddingTop: paddingTop + insetTop,\n      paddingRight: paddingRight + insetRight,\n      paddingBottom: paddingBottom + insetBottom,\n      paddingLeft: paddingLeft + insetLeft\n    };\n    var { paddingVertical: _paddingVertical, paddingHorizontal: _paddingHorizontal, ...domStyle1 } = flatStyle;\n    return {\n      ...domStyle1,\n      ...paddingStyle\n    };\n  }, [\n    style,\n    insets,\n    mode,\n    edgeBitmask\n  ]);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", {\n    ...rest,\n    style: appliedStyle,\n    ref\n  });\n});\n//# sourceMappingURL=SafeAreaView.js.map\n"],"mappings":"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"}
+{"version":3,"file":"SafeAreaView.native.js","names":[],"sources":["cjs/SafeAreaView.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SafeAreaView_native_exports = {};\n__export(SafeAreaView_native_exports, {\n  SafeAreaView: () => SafeAreaView\n});\nmodule.exports = __toCommonJS(SafeAreaView_native_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar React = __toESM(require(\"react\"), 1);\nvar import_react_native = require(\"react-native\");\nvar import_safe_area = require(\"@vxrn/native/safe-area\");\nvar import_InitialWindow = require(\"./InitialWindow\");\nvar import_SafeAreaContext = require(\"./SafeAreaContext\");\nvar ZERO_INSETS = {\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0\n};\nvar SafeAreaView = /* @__PURE__ */ React.forwardRef(function(param, ref) {\n  var { style, mode, edges, ...rest } = param;\n  var _ref;\n  var contextInsets = React.useContext(import_SafeAreaContext.SafeAreaInsetsContext);\n  var insets = (_ref = contextInsets !== null && contextInsets !== void 0 ? contextInsets : import_InitialWindow.initialWindowMetrics === null || import_InitialWindow.initialWindowMetrics === void 0 ? void 0 : import_InitialWindow.initialWindowMetrics.insets) !== null && _ref !== void 0 ? _ref : ZERO_INSETS;\n  var appliedStyle = React.useMemo(function() {\n    return {\n      ...import_react_native.StyleSheet.flatten(style),\n      ...(0, import_safe_area.buildSafeAreaInsetStyle)({\n        insets,\n        edges,\n        mode,\n        style,\n        resolveStyle: import_react_native.StyleSheet.flatten\n      })\n    };\n  }, [\n    style,\n    insets,\n    edges,\n    mode\n  ]);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {\n    ...rest,\n    style: appliedStyle,\n    ref\n  });\n});\n//# sourceMappingURL=SafeAreaView.native.js.map\n"],"mappings":";;;AACA,IAAI,WAAW,OAAO;AACtB,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO;AAC1B,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,WAAW,KAAK,YAAY,YAAY,SAAS,OAAO,OAAO,SAAS,aAAa,GAAG,CAAC,IAAI,CAAC,GAAG,YAKnG,cAAc,CAAC,OAAO,CAAC,IAAI,aAAa,UAAU,QAAQ,WAAW;CAAE,OAAO;CAAK,YAAY;AAAK,CAAC,IAAI,QACzG,GACF;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,8BAA8B,CAAC;AACnC,SAAS,6BAA6B,EACpC,oBAAoB,aACtB,CAAC;AACD,OAAO,UAAU,aAAa,2BAA2B;AACzD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,QAAQ,QAAQ,QAAQ,OAAO,GAAG,CAAC;AACvC,IAAI,sBAAsB,QAAQ,cAAc;AAChD,IAAI,mBAAmB,QAAQ,wBAAwB;AACvD,IAAI,uBAAuB,QAAQ,2BAAiB;AACpD,IAAI,yBAAyB,QAAQ,6BAAmB;AACxD,IAAI,cAAc;CAChB,KAAK;CACL,OAAO;CACP,QAAQ;CACR,MAAM;AACR;AACA,IAAI,eAA+B,sBAAM,WAAW,SAAS,OAAO,KAAK;CACvE,IAAI,EAAE,OAAO,MAAM,OAAO,GAAG,SAAS;CACtC,IAAI;CACJ,IAAI,gBAAgB,MAAM,WAAW,uBAAuB,qBAAqB;CACjF,IAAI,UAAU,OAAO,kBAAkB,QAAQ,kBAAkB,KAAK,IAAI,gBAAgB,qBAAqB,yBAAyB,QAAQ,qBAAqB,yBAAyB,KAAK,IAAI,KAAK,IAAI,qBAAqB,qBAAqB,YAAY,QAAQ,SAAS,KAAK,IAAI,OAAO;CACvS,IAAI,eAAe,MAAM,QAAQ,WAAW;EAC1C,OAAO;GACL,GAAG,oBAAoB,WAAW,QAAQ,KAAK;GAC/C,IAAI,GAAG,iBAAiB,wBAAuB,CAAE;IAC/C;IACA;IACA;IACA;IACA,cAAc,oBAAoB,WAAW;GAC/C,CAAC;EACH;CACF,GAAG;EACD;EACA;EACA;EACA;CACF,CAAC;CACD,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,oBAAoB,MAAM;EAC3E,GAAG;EACH,OAAO;EACP;CACF,CAAC;AACH,CAAC"}

package/dist/esm/InitialWindow.native.js

@@ -1,5 +1,7 @@
-var initialWindowMetrics = null;
-var initialWindowSafeAreaInsets = null;
+import { getInitialWindowMetrics } from "@vxrn/native/safe-area";
+
+var initialWindowMetrics = getInitialWindowMetrics();
+var initialWindowSafeAreaInsets = initialWindowMetrics === null || initialWindowMetrics === void 0 ? void 0 : initialWindowMetrics.insets;
 
 export { initialWindowMetrics, initialWindowSafeAreaInsets };
 //# sourceMappingURL=InitialWindow.native.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"InitialWindow.native.js","names":[],"sources":["esm/InitialWindow.native.js"],"sourcesContent":["import { getInitialWindowMetrics } from \"@vxrn/native/safe-area\";\nvar initialWindowMetrics = getInitialWindowMetrics();\nvar initialWindowSafeAreaInsets = initialWindowMetrics === null || initialWindowMetrics === void 0 ? void 0 : initialWindowMetrics.insets;\nexport {\n  initialWindowMetrics,\n  initialWindowSafeAreaInsets\n};\n//# sourceMappingURL=InitialWindow.native.js.map\n"],"mappings":";;;AACA,IAAI,uBAAuB,wBAAwB;AACnD,IAAI,8BAA8B,yBAAyB,QAAQ,yBAAyB,KAAK,IAAI,KAAK,IAAI,qBAAqB"}

package/dist/esm/NativeSafeAreaProvider.native.js

@@ -1,114 +1,21 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
+import { StyleSheet } from "react-native";
+import { NativeSafeAreaProvider as NativeSafeAreaProvider$1, providerEventToMetrics } from "@vxrn/native/safe-area";
 
-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);
-		};
+	var handleInsetsChange = React.useCallback(function(param2) {
+		var { nativeEvent } = param2;
+		onInsetsChange({ nativeEvent: providerEventToMetrics(nativeEvent) });
 	}, [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__ */ jsx("div", {
-			style: flattenedStyle,
-			children
-		});
-	}
-	return /* @__PURE__ */ jsx("div", {
-		style: { display: "contents" },
+	return /* @__PURE__ */ jsx(NativeSafeAreaProvider$1, {
+		style: [styles.fill, style],
+		onNativeInsetsChange: handleInsetsChange,
 		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;
-}
+var styles = StyleSheet.create({ fill: { flex: 1 } });
 
 export { NativeSafeAreaProvider };
 //# sourceMappingURL=NativeSafeAreaProvider.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NativeSafeAreaProvider.native.js","names":[],"sources":["esm/NativeSafeAreaProvider.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nvar CSSTransitions = {\n  WebkitTransition: \"webkitTransitionEnd\",\n  Transition: \"transitionEnd\",\n  MozTransition: \"transitionend\",\n  MSTransition: \"msTransitionEnd\",\n  OTransition: \"oTransitionEnd\"\n};\nfunction NativeSafeAreaProvider(param) {\n  var { children, style, onInsetsChange } = param;\n  React.useEffect(function() {\n    if (typeof document === \"undefined\") {\n      return;\n    }\n    var element = createContextElement();\n    document.body.appendChild(element);\n    var onEnd = function() {\n      var { paddingTop, paddingBottom, paddingLeft, paddingRight } = window.getComputedStyle(element);\n      var 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      var frame = {\n        x: 0,\n        y: 0,\n        width: document.documentElement.offsetWidth,\n        height: document.documentElement.offsetHeight\n      };\n      onInsetsChange({\n        nativeEvent: {\n          insets,\n          frame\n        }\n      });\n    };\n    element.addEventListener(getSupportedTransitionEvent(), onEnd);\n    onEnd();\n    return function() {\n      document.body.removeChild(element);\n      element.removeEventListener(getSupportedTransitionEvent(), onEnd);\n    };\n  }, [\n    onInsetsChange\n  ]);\n  if (style) {\n    var styleValue = style;\n    var styleValues = Array.isArray(styleValue) ? styleValue.flat(Number.POSITIVE_INFINITY) : [\n      styleValue\n    ];\n    var flattenedStyle = styleValues.reduce(function(result, value) {\n      return value && typeof value === \"object\" ? Object.assign(result, value) : result;\n    }, {});\n    return /* @__PURE__ */ _jsx(\"div\", {\n      style: flattenedStyle,\n      children\n    });\n  }\n  return /* @__PURE__ */ _jsx(\"div\", {\n    style: {\n      display: \"contents\"\n    },\n    children\n  });\n}\nvar _supportedTransitionEvent = null;\nfunction getSupportedTransitionEvent() {\n  if (_supportedTransitionEvent != null) {\n    return _supportedTransitionEvent;\n  }\n  var element = document.createElement(\"invalidtype\");\n  _supportedTransitionEvent = CSSTransitions.Transition;\n  for (var key in CSSTransitions) {\n    if (element.style[key] !== void 0) {\n      _supportedTransitionEvent = CSSTransitions[key];\n      break;\n    }\n  }\n  return _supportedTransitionEvent;\n}\nvar _supportedEnv = null;\nfunction getSupportedEnv() {\n  if (_supportedEnv !== null) {\n    return _supportedEnv;\n  }\n  var { 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  var element = document.createElement(\"div\");\n  var { 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":"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"}
+{"version":3,"file":"NativeSafeAreaProvider.native.js","names":["NativeSafeAreaProviderHost"],"sources":["esm/NativeSafeAreaProvider.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport { NativeSafeAreaProvider as NativeSafeAreaProviderHost, providerEventToMetrics } from \"@vxrn/native/safe-area\";\nfunction NativeSafeAreaProvider(param) {\n  var { children, style, onInsetsChange } = param;\n  var handleInsetsChange = React.useCallback(function(param2) {\n    var { nativeEvent } = param2;\n    onInsetsChange({\n      nativeEvent: providerEventToMetrics(nativeEvent)\n    });\n  }, [\n    onInsetsChange\n  ]);\n  return /* @__PURE__ */ _jsx(NativeSafeAreaProviderHost, {\n    style: [\n      styles.fill,\n      style\n    ],\n    onNativeInsetsChange: handleInsetsChange,\n    children\n  });\n}\nvar styles = StyleSheet.create({\n  fill: {\n    flex: 1\n  }\n});\nexport {\n  NativeSafeAreaProvider\n};\n//# sourceMappingURL=NativeSafeAreaProvider.native.js.map\n"],"mappings":";;;;;;AAIA,SAAS,uBAAuB,OAAO;CACrC,IAAI,EAAE,UAAU,OAAO,mBAAmB;CAC1C,IAAI,qBAAqB,MAAM,YAAY,SAAS,QAAQ;EAC1D,IAAI,EAAE,gBAAgB;EACtB,eAAe,EACb,aAAa,uBAAuB,WAAW,EACjD,CAAC;CACH,GAAG,CACD,cACF,CAAC;CACD,OAAuB,oBAAKA,0BAA4B;EACtD,OAAO,CACL,OAAO,MACP,KACF;EACA,sBAAsB;EACtB;CACF,CAAC;AACH;AACA,IAAI,SAAS,WAAW,OAAO,EAC7B,MAAM,EACJ,MAAM,EACR,EACF,CAAC"}

package/dist/esm/SafeAreaView.native.js

@@ -1,67 +1,39 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { useSafeAreaInsets } from "./SafeAreaContext.native.js";
+import { StyleSheet, View } from "react-native";
+import { buildSafeAreaInsetStyle } from "@vxrn/native/safe-area";
+import { initialWindowMetrics } from "./InitialWindow.native.js";
+import { SafeAreaInsetsContext } from "./SafeAreaContext.native.js";
 
-var TOP = 8;
-var RIGHT = 4;
-var BOTTOM = 2;
-var LEFT = 1;
-var ALL = 15;
-var edgeBitmaskMap = {
-	top: TOP,
-	right: RIGHT,
-	bottom: BOTTOM,
-	left: LEFT
+var ZERO_INSETS = {
+	top: 0,
+	right: 0,
+	bottom: 0,
+	left: 0
 };
 var SafeAreaView = /* @__PURE__ */ React.forwardRef(function(param, ref) {
-	var { style = {}, mode, edges, ...rest } = param;
-	var insets = useSafeAreaInsets();
-	var edgeBitmask = edges != null ? Array.isArray(edges) ? edges.reduce(function(acc, edge) {
-		return acc | edgeBitmaskMap[edge];
-	}, 0) : Object.keys(edges).reduce(function(acc, edge) {
-		return acc | edgeBitmaskMap[edge];
-	}, 0) : ALL;
+	var { style, mode, edges, ...rest } = param;
+	var _ref;
+	var contextInsets = React.useContext(SafeAreaInsetsContext);
+	var insets = (_ref = contextInsets !== null && contextInsets !== void 0 ? contextInsets : initialWindowMetrics === null || initialWindowMetrics === void 0 ? void 0 : initialWindowMetrics.insets) !== null && _ref !== void 0 ? _ref : ZERO_INSETS;
 	var appliedStyle = React.useMemo(function() {
-		var insetTop = edgeBitmask & TOP ? insets.top : 0;
-		var insetRight = edgeBitmask & RIGHT ? insets.right : 0;
-		var insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;
-		var insetLeft = edgeBitmask & LEFT ? insets.left : 0;
-		var flatStyle = (Array.isArray(style) ? style.flat(Number.POSITIVE_INFINITY) : [style]).reduce(function(result, value) {
-			return value ? Object.assign(result, value) : result;
-		}, {});
-		if (mode === "margin") {
-			var { margin = 0, marginVertical = margin, marginHorizontal = margin, marginTop = marginVertical, marginRight = marginHorizontal, marginBottom = marginVertical, marginLeft = marginHorizontal } = flatStyle;
-			var marginStyle = {
-				marginTop: marginTop + insetTop,
-				marginRight: marginRight + insetRight,
-				marginBottom: marginBottom + insetBottom,
-				marginLeft: marginLeft + insetLeft
-			};
-			var { marginVertical: _marginVertical, marginHorizontal: _marginHorizontal, ...domStyle } = flatStyle;
-			return {
-				...domStyle,
-				...marginStyle
-			};
-		}
-		var { padding = 0, paddingVertical = padding, paddingHorizontal = padding, paddingTop = paddingVertical, paddingRight = paddingHorizontal, paddingBottom = paddingVertical, paddingLeft = paddingHorizontal } = flatStyle;
-		var paddingStyle = {
-			paddingTop: paddingTop + insetTop,
-			paddingRight: paddingRight + insetRight,
-			paddingBottom: paddingBottom + insetBottom,
-			paddingLeft: paddingLeft + insetLeft
-		};
-		var { paddingVertical: _paddingVertical, paddingHorizontal: _paddingHorizontal, ...domStyle1 } = flatStyle;
 		return {
-			...domStyle1,
-			...paddingStyle
+			...StyleSheet.flatten(style),
+			...buildSafeAreaInsetStyle({
+				insets,
+				edges,
+				mode,
+				style,
+				resolveStyle: StyleSheet.flatten
+			})
 		};
 	}, [
 		style,
 		insets,
-		mode,
-		edgeBitmask
+		edges,
+		mode
 	]);
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsx(View, {
 		...rest,
 		style: appliedStyle,
 		ref

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

@@ -1 +1 @@
-{"version":3,"file":"SafeAreaView.native.js","names":[],"sources":["esm/SafeAreaView.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nimport { useSafeAreaInsets } from \"./SafeAreaContext\";\nvar TOP = 8;\nvar RIGHT = 4;\nvar BOTTOM = 2;\nvar LEFT = 1;\nvar ALL = 15;\nvar edgeBitmaskMap = {\n  top: TOP,\n  right: RIGHT,\n  bottom: BOTTOM,\n  left: LEFT\n};\nvar SafeAreaView = /* @__PURE__ */ React.forwardRef(function(param, ref) {\n  var { style = {}, mode, edges, ...rest } = param;\n  var insets = useSafeAreaInsets();\n  var edgeBitmask = edges != null ? Array.isArray(edges) ? edges.reduce(function(acc, edge) {\n    return acc | edgeBitmaskMap[edge];\n  }, 0) : Object.keys(edges).reduce(function(acc, edge) {\n    return acc | edgeBitmaskMap[edge];\n  }, 0) : ALL;\n  var appliedStyle = React.useMemo(function() {\n    var insetTop = edgeBitmask & TOP ? insets.top : 0;\n    var insetRight = edgeBitmask & RIGHT ? insets.right : 0;\n    var insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;\n    var insetLeft = edgeBitmask & LEFT ? insets.left : 0;\n    var flatStyle = (Array.isArray(style) ? style.flat(Number.POSITIVE_INFINITY) : [\n      style\n    ]).reduce(function(result, value) {\n      return value ? Object.assign(result, value) : result;\n    }, {});\n    if (mode === \"margin\") {\n      var { margin = 0, marginVertical = margin, marginHorizontal = margin, marginTop = marginVertical, marginRight = marginHorizontal, marginBottom = marginVertical, marginLeft = marginHorizontal } = flatStyle;\n      var marginStyle = {\n        marginTop: marginTop + insetTop,\n        marginRight: marginRight + insetRight,\n        marginBottom: marginBottom + insetBottom,\n        marginLeft: marginLeft + insetLeft\n      };\n      var { marginVertical: _marginVertical, marginHorizontal: _marginHorizontal, ...domStyle } = flatStyle;\n      return {\n        ...domStyle,\n        ...marginStyle\n      };\n    }\n    var { padding = 0, paddingVertical = padding, paddingHorizontal = padding, paddingTop = paddingVertical, paddingRight = paddingHorizontal, paddingBottom = paddingVertical, paddingLeft = paddingHorizontal } = flatStyle;\n    var paddingStyle = {\n      paddingTop: paddingTop + insetTop,\n      paddingRight: paddingRight + insetRight,\n      paddingBottom: paddingBottom + insetBottom,\n      paddingLeft: paddingLeft + insetLeft\n    };\n    var { paddingVertical: _paddingVertical, paddingHorizontal: _paddingHorizontal, ...domStyle1 } = flatStyle;\n    return {\n      ...domStyle1,\n      ...paddingStyle\n    };\n  }, [\n    style,\n    insets,\n    mode,\n    edgeBitmask\n  ]);\n  return /* @__PURE__ */ _jsx(\"div\", {\n    ...rest,\n    style: appliedStyle,\n    ref\n  });\n});\nexport {\n  SafeAreaView\n};\n//# sourceMappingURL=SafeAreaView.js.map\n"],"mappings":";;;;;AAGA,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,iBAAiB;CACnB,KAAK;CACL,OAAO;CACP,QAAQ;CACR,MAAM;AACR;AACA,IAAI,eAA+B,sBAAM,WAAW,SAAS,OAAO,KAAK;CACvE,IAAI,EAAE,QAAQ,CAAC,GAAG,MAAM,OAAO,GAAG,SAAS;CAC3C,IAAI,SAAS,kBAAkB;CAC/B,IAAI,cAAc,SAAS,OAAO,MAAM,QAAQ,KAAK,IAAI,MAAM,OAAO,SAAS,KAAK,MAAM;EACxF,OAAO,MAAM,eAAe;CAC9B,GAAG,CAAC,IAAI,OAAO,KAAK,KAAK,CAAC,CAAC,OAAO,SAAS,KAAK,MAAM;EACpD,OAAO,MAAM,eAAe;CAC9B,GAAG,CAAC,IAAI;CACR,IAAI,eAAe,MAAM,QAAQ,WAAW;EAC1C,IAAI,WAAW,cAAc,MAAM,OAAO,MAAM;EAChD,IAAI,aAAa,cAAc,QAAQ,OAAO,QAAQ;EACtD,IAAI,cAAc,cAAc,SAAS,OAAO,SAAS;EACzD,IAAI,YAAY,cAAc,OAAO,OAAO,OAAO;EACnD,IAAI,aAAa,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,OAAO,iBAAiB,IAAI,CAC7E,KACF,EAAC,CAAE,OAAO,SAAS,QAAQ,OAAO;GAChC,OAAO,QAAQ,OAAO,OAAO,QAAQ,KAAK,IAAI;EAChD,GAAG,CAAC,CAAC;EACL,IAAI,SAAS,UAAU;GACrB,IAAI,EAAE,SAAS,GAAG,iBAAiB,QAAQ,mBAAmB,QAAQ,YAAY,gBAAgB,cAAc,kBAAkB,eAAe,gBAAgB,aAAa,qBAAqB;GACnM,IAAI,cAAc;IAChB,WAAW,YAAY;IACvB,aAAa,cAAc;IAC3B,cAAc,eAAe;IAC7B,YAAY,aAAa;GAC3B;GACA,IAAI,EAAE,gBAAgB,iBAAiB,kBAAkB,mBAAmB,GAAG,aAAa;GAC5F,OAAO;IACL,GAAG;IACH,GAAG;GACL;EACF;EACA,IAAI,EAAE,UAAU,GAAG,kBAAkB,SAAS,oBAAoB,SAAS,aAAa,iBAAiB,eAAe,mBAAmB,gBAAgB,iBAAiB,cAAc,sBAAsB;EAChN,IAAI,eAAe;GACjB,YAAY,aAAa;GACzB,cAAc,eAAe;GAC7B,eAAe,gBAAgB;GAC/B,aAAa,cAAc;EAC7B;EACA,IAAI,EAAE,iBAAiB,kBAAkB,mBAAmB,oBAAoB,GAAG,cAAc;EACjG,OAAO;GACL,GAAG;GACH,GAAG;EACL;CACF,GAAG;EACD;EACA;EACA;EACA;CACF,CAAC;CACD,OAAuB,oBAAK,OAAO;EACjC,GAAG;EACH,OAAO;EACP;CACF,CAAC;AACH,CAAC"}
+{"version":3,"file":"SafeAreaView.native.js","names":[],"sources":["esm/SafeAreaView.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport { buildSafeAreaInsetStyle } from \"@vxrn/native/safe-area\";\nimport { initialWindowMetrics } from \"./InitialWindow\";\nimport { SafeAreaInsetsContext } from \"./SafeAreaContext\";\nvar ZERO_INSETS = {\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0\n};\nvar SafeAreaView = /* @__PURE__ */ React.forwardRef(function(param, ref) {\n  var { style, mode, edges, ...rest } = param;\n  var _ref;\n  var contextInsets = React.useContext(SafeAreaInsetsContext);\n  var insets = (_ref = contextInsets !== null && contextInsets !== void 0 ? contextInsets : initialWindowMetrics === null || initialWindowMetrics === void 0 ? void 0 : initialWindowMetrics.insets) !== null && _ref !== void 0 ? _ref : ZERO_INSETS;\n  var appliedStyle = React.useMemo(function() {\n    return {\n      ...StyleSheet.flatten(style),\n      ...buildSafeAreaInsetStyle({\n        insets,\n        edges,\n        mode,\n        style,\n        resolveStyle: StyleSheet.flatten\n      })\n    };\n  }, [\n    style,\n    insets,\n    edges,\n    mode\n  ]);\n  return /* @__PURE__ */ _jsx(View, {\n    ...rest,\n    style: appliedStyle,\n    ref\n  });\n});\nexport {\n  SafeAreaView\n};\n//# sourceMappingURL=SafeAreaView.native.js.map\n"],"mappings":";;;;;;;;AAMA,IAAI,cAAc;CAChB,KAAK;CACL,OAAO;CACP,QAAQ;CACR,MAAM;AACR;AACA,IAAI,eAA+B,sBAAM,WAAW,SAAS,OAAO,KAAK;CACvE,IAAI,EAAE,OAAO,MAAM,OAAO,GAAG,SAAS;CACtC,IAAI;CACJ,IAAI,gBAAgB,MAAM,WAAW,qBAAqB;CAC1D,IAAI,UAAU,OAAO,kBAAkB,QAAQ,kBAAkB,KAAK,IAAI,gBAAgB,yBAAyB,QAAQ,yBAAyB,KAAK,IAAI,KAAK,IAAI,qBAAqB,YAAY,QAAQ,SAAS,KAAK,IAAI,OAAO;CACxO,IAAI,eAAe,MAAM,QAAQ,WAAW;EAC1C,OAAO;GACL,GAAG,WAAW,QAAQ,KAAK;GAC3B,GAAG,wBAAwB;IACzB;IACA;IACA;IACA;IACA,cAAc,WAAW;GAC3B,CAAC;EACH;CACF,GAAG;EACD;EACA;EACA;EACA;CACF,CAAC;CACD,OAAuB,oBAAK,MAAM;EAChC,GAAG;EACH,OAAO;EACP;CACF,CAAC;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vxrn/safe-area",
-  "version": "2.0.0-beta.46.1",
+  "version": "2.0.0-beta.51.1",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "type": "module",
@@ -26,6 +26,9 @@
       "require": "./dist/cjs/index.cjs"
     }
   },
+  "dependencies": {
+    "@vxrn/native": "2.0.0-beta.51.1"
+  },
   "devDependencies": {
     "@biomejs/biome": "2.3.3",
     "@tamagui/build": "3.0.0-beta.1309.1"

package/src/InitialWindow.native.ts

@@ -0,0 +1,9 @@
+import { getInitialWindowMetrics } from '@vxrn/native/safe-area'
+import type { Metrics } from './SafeArea-types'
+
+export const initialWindowMetrics: Metrics | null = getInitialWindowMetrics()
+
+/**
+ * @deprecated
+ */
+export const initialWindowSafeAreaInsets = initialWindowMetrics?.insets

package/src/NativeSafeAreaProvider.native.tsx

@@ -0,0 +1,41 @@
+import * as React from 'react'
+import { StyleSheet } from 'react-native'
+import {
+  NativeSafeAreaProvider as NativeSafeAreaProviderHost,
+  providerEventToMetrics,
+} from '@vxrn/native/safe-area'
+import type { InsetChangedEvent, NativeSafeAreaProviderProps } from './SafeArea-types'
+
+// native provider: the OneNativeSafeAreaProvider host measures insets on the
+// UI thread and the adapter reshapes its flat event into context Metrics.
+// fills like upstream so the measured view covers its parent; the reported
+// insets stay relative to this view, exactly as with RNCSafeAreaProvider.
+// the fill lives here rather than the shared context so web keeps its
+// display:contents provider and sticky positioning keeps working there.
+export function NativeSafeAreaProvider({
+  children,
+  style,
+  onInsetsChange,
+}: NativeSafeAreaProviderProps) {
+  const handleInsetsChange = React.useCallback(
+    ({ nativeEvent }: { nativeEvent: Parameters<typeof providerEventToMetrics>[0] }) => {
+      onInsetsChange({
+        nativeEvent: providerEventToMetrics(nativeEvent),
+      } as InsetChangedEvent)
+    },
+    [onInsetsChange]
+  )
+
+  return (
+    <NativeSafeAreaProviderHost
+      style={[styles.fill, style]}
+      onNativeInsetsChange={handleInsetsChange}
+    >
+      {children}
+    </NativeSafeAreaProviderHost>
+  )
+}
+
+const styles = StyleSheet.create({
+  fill: { flex: 1 },
+})

package/src/SafeAreaView.native.tsx

@@ -0,0 +1,39 @@
+import * as React from 'react'
+import { StyleSheet, View } from 'react-native'
+import { buildSafeAreaInsetStyle } from '@vxrn/native/safe-area'
+import { initialWindowMetrics } from './InitialWindow'
+import { SafeAreaInsetsContext } from './SafeAreaContext'
+import type {
+  NativeSafeAreaViewInstance,
+  NativeSafeAreaViewProps,
+} from './SafeArea-types'
+
+const ZERO_INSETS = { top: 0, right: 0, bottom: 0, left: 0 }
+
+// native view: applies the nearest provider's insets as padding or margin
+// per the edge modes. without a provider it falls back to the synchronous
+// native initial metrics, so a standalone view still matches upstream
+// instead of throwing like the hook.
+export const SafeAreaView = React.forwardRef<
+  NativeSafeAreaViewInstance,
+  NativeSafeAreaViewProps
+>(({ style, mode, edges, ...rest }, ref) => {
+  const contextInsets = React.useContext(SafeAreaInsetsContext)
+  const insets = contextInsets ?? initialWindowMetrics?.insets ?? ZERO_INSETS
+
+  const appliedStyle = React.useMemo(
+    () => ({
+      ...StyleSheet.flatten(style),
+      ...buildSafeAreaInsetStyle({
+        insets,
+        edges,
+        mode,
+        style,
+        resolveStyle: StyleSheet.flatten,
+      }),
+    }),
+    [style, insets, edges, mode]
+  )
+
+  return <View {...rest} style={appliedStyle} ref={ref} />
+})

package/types/InitialWindow.native.d.ts

@@ -0,0 +1,7 @@
+import type { Metrics } from './SafeArea-types';
+export declare const initialWindowMetrics: Metrics | null;
+/**
+ * @deprecated
+ */
+export declare const initialWindowSafeAreaInsets: import("./SafeArea-types").EdgeInsets | undefined;
+//# sourceMappingURL=InitialWindow.native.d.ts.map

package/types/InitialWindow.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InitialWindow.native.d.ts","sourceRoot":"","sources":["../src/InitialWindow.native.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE/C,eAAO,MAAM,oBAAoB,EAAE,OAAO,GAAG,IAAgC,CAAA;AAE7E;;GAEG;AACH,eAAO,MAAM,2BAA2B,mDAA+B,CAAA"}

package/types/NativeSafeAreaProvider.native.d.ts

@@ -0,0 +1,3 @@
+import type { NativeSafeAreaProviderProps } from './SafeArea-types';
+export declare function NativeSafeAreaProvider({ children, style, onInsetsChange, }: NativeSafeAreaProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NativeSafeAreaProvider.native.d.ts.map

package/types/NativeSafeAreaProvider.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSafeAreaProvider.native.d.ts","sourceRoot":"","sources":["../src/NativeSafeAreaProvider.native.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAqB,2BAA2B,EAAE,MAAM,kBAAkB,CAAA;AAQtF,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,KAAK,EACL,cAAc,GACf,EAAE,2BAA2B,2CAkB7B"}

package/types/SafeAreaView.native.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { NativeSafeAreaViewProps } from './SafeArea-types';
+export declare const SafeAreaView: React.ForwardRefExoticComponent<NativeSafeAreaViewProps & React.RefAttributes<any>>;
+//# sourceMappingURL=SafeAreaView.native.d.ts.map

package/types/SafeAreaView.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafeAreaView.native.d.ts","sourceRoot":"","sources":["../src/SafeAreaView.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAEV,uBAAuB,EACxB,MAAM,kBAAkB,CAAA;AAQzB,eAAO,MAAM,YAAY,qFAsBvB,CAAA"}