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

package/dist/cjs/SafeAreaContext.cjs

@@ -5,43 +5,36 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SafeAreaContext_exports = {};
 __export(SafeAreaContext_exports, {
-  SafeAreaConsumer: () => SafeAreaConsumer,
-  SafeAreaContext: () => SafeAreaContext,
-  SafeAreaFrameContext: () => SafeAreaFrameContext,
-  SafeAreaInsetsContext: () => SafeAreaInsetsContext,
-  SafeAreaProvider: () => SafeAreaProvider,
-  useSafeArea: () => useSafeArea,
-  useSafeAreaFrame: () => useSafeAreaFrame,
-  useSafeAreaInsets: () => useSafeAreaInsets,
-  withSafeAreaInsets: () => withSafeAreaInsets
+	SafeAreaConsumer: () => SafeAreaConsumer,
+	SafeAreaContext: () => SafeAreaContext,
+	SafeAreaFrameContext: () => SafeAreaFrameContext,
+	SafeAreaInsetsContext: () => SafeAreaInsetsContext,
+	SafeAreaProvider: () => SafeAreaProvider,
+	useSafeArea: () => useSafeArea,
+	useSafeAreaFrame: () => useSafeAreaFrame,
+	useSafeAreaInsets: () => useSafeAreaInsets,
+	withSafeAreaInsets: () => withSafeAreaInsets
 });
 module.exports = __toCommonJS(SafeAreaContext_exports);
 var React = __toESM(require("react"), 1);
@@ -51,99 +44,85 @@ var import_jsx_runtime = require("react/jsx-runtime");
 const isDev = process.env.NODE_ENV !== "production";
 const SafeAreaInsetsContext = React.createContext(null);
 if (isDev) {
-  SafeAreaInsetsContext.displayName = "SafeAreaInsetsContext";
+	SafeAreaInsetsContext.displayName = "SafeAreaInsetsContext";
 }
 const SafeAreaFrameContext = React.createContext(null);
 if (isDev) {
-  SafeAreaFrameContext.displayName = "SafeAreaFrameContext";
+	SafeAreaFrameContext.displayName = "SafeAreaFrameContext";
 }
 const ZERO_INSETS = {
-  top: 0,
-  bottom: 0,
-  left: 0,
-  right: 0
+	top: 0,
+	bottom: 0,
+	left: 0,
+	right: 0
 };
-function SafeAreaProvider({
-  children,
-  initialMetrics,
-  initialSafeAreaInsets,
-  ...others
-}) {
-  const parentInsets = useParentSafeAreaInsets();
-  const parentFrame = useParentSafeAreaFrame();
-  const [insets, setInsets] = React.useState(initialMetrics?.insets ?? initialSafeAreaInsets ?? parentInsets ?? ZERO_INSETS);
-  const [frame, setFrame] = React.useState(initialMetrics?.frame ?? parentFrame ??
-  // backwards compat so we render anyway if we don't have frame.
-  (0, import_getWindowFrame.getWindowFrame)());
-  const onInsetsChange = React.useCallback(event => {
-    const {
-      nativeEvent: {
-        frame: nextFrame,
-        insets: nextInsets
-      }
-    } = event;
-    React.startTransition(() => {
-      setFrame(curFrame => {
-        if (
-        // Backwards compat with old native code that won't send frame.
-        nextFrame && (nextFrame.height !== curFrame.height || nextFrame.width !== curFrame.width || nextFrame.x !== curFrame.x || nextFrame.y !== curFrame.y)) {
-          return nextFrame;
-        }
-        return curFrame;
-      });
-      setInsets(curInsets => {
-        if (!curInsets || nextInsets.bottom !== curInsets.bottom || nextInsets.left !== curInsets.left || nextInsets.right !== curInsets.right || nextInsets.top !== curInsets.top) {
-          return nextInsets;
-        }
-        return curInsets;
-      });
-    });
-  }, []);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_NativeSafeAreaProvider.NativeSafeAreaProvider, {
-    onInsetsChange,
-    ...others,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(SafeAreaFrameContext.Provider, {
-      value: frame,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(SafeAreaInsetsContext.Provider, {
-        value: insets,
-        children
-      })
-    })
-  });
+function SafeAreaProvider({ children, initialMetrics, initialSafeAreaInsets, ...others }) {
+	const parentInsets = useParentSafeAreaInsets();
+	const parentFrame = useParentSafeAreaFrame();
+	const [insets, setInsets] = React.useState(initialMetrics?.insets ?? initialSafeAreaInsets ?? parentInsets ?? ZERO_INSETS);
+	const [frame, setFrame] = React.useState(initialMetrics?.frame ?? parentFrame ?? (0, import_getWindowFrame.getWindowFrame)());
+	const onInsetsChange = React.useCallback((event) => {
+		const { nativeEvent: { frame: nextFrame, insets: nextInsets } } = event;
+		React.startTransition(() => {
+			setFrame((curFrame) => {
+				if (nextFrame && (nextFrame.height !== curFrame.height || nextFrame.width !== curFrame.width || nextFrame.x !== curFrame.x || nextFrame.y !== curFrame.y)) {
+					return nextFrame;
+				}
+				return curFrame;
+			});
+			setInsets((curInsets) => {
+				if (!curInsets || nextInsets.bottom !== curInsets.bottom || nextInsets.left !== curInsets.left || nextInsets.right !== curInsets.right || nextInsets.top !== curInsets.top) {
+					return nextInsets;
+				}
+				return curInsets;
+			});
+		});
+	}, []);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NativeSafeAreaProvider.NativeSafeAreaProvider, {
+		onInsetsChange,
+		...others,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SafeAreaFrameContext.Provider, {
+			value: frame,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SafeAreaInsetsContext.Provider, {
+				value: insets,
+				children
+			})
+		})
+	});
 }
 function useParentSafeAreaInsets() {
-  return React.useContext(SafeAreaInsetsContext);
+	return React.useContext(SafeAreaInsetsContext);
 }
 function useParentSafeAreaFrame() {
-  return React.useContext(SafeAreaFrameContext);
+	return React.useContext(SafeAreaFrameContext);
 }
 const NO_INSETS_ERROR = "No safe area value available. Make sure you are rendering `<SafeAreaProvider>` at the top of your app.";
 function useSafeAreaInsets() {
-  const insets = React.useContext(SafeAreaInsetsContext);
-  if (insets == null) {
-    throw new Error(NO_INSETS_ERROR);
-  }
-  return insets;
+	const insets = React.useContext(SafeAreaInsetsContext);
+	if (insets == null) {
+		throw new Error(NO_INSETS_ERROR);
+	}
+	return insets;
 }
 function useSafeAreaFrame() {
-  const frame = React.useContext(SafeAreaFrameContext);
-  if (frame == null) {
-    throw new Error(NO_INSETS_ERROR);
-  }
-  return frame;
+	const frame = React.useContext(SafeAreaFrameContext);
+	if (frame == null) {
+		throw new Error(NO_INSETS_ERROR);
+	}
+	return frame;
 }
 function withSafeAreaInsets(WrappedComponent) {
-  return React.forwardRef((props, ref) => {
-    const insets = useSafeAreaInsets();
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(WrappedComponent, {
-      ...props,
-      insets,
-      ref
-    });
-  });
+	return React.forwardRef((props, ref) => {
+		const insets = useSafeAreaInsets();
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrappedComponent, {
+			...props,
+			insets,
+			ref
+		});
+	});
 }
 function useSafeArea() {
-  return useSafeAreaInsets();
+	return useSafeAreaInsets();
 }
 const SafeAreaConsumer = SafeAreaInsetsContext.Consumer;
-const SafeAreaContext = SafeAreaInsetsContext;
+const SafeAreaContext = SafeAreaInsetsContext;

package/dist/cjs/SafeAreaContext.native.cjs

@@ -0,0 +1,132 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SafeAreaContext_exports = {};
+__export(SafeAreaContext_exports, {
+	SafeAreaConsumer: () => SafeAreaConsumer,
+	SafeAreaContext: () => SafeAreaContext,
+	SafeAreaFrameContext: () => SafeAreaFrameContext,
+	SafeAreaInsetsContext: () => SafeAreaInsetsContext,
+	SafeAreaProvider: () => SafeAreaProvider,
+	useSafeArea: () => useSafeArea,
+	useSafeAreaFrame: () => useSafeAreaFrame,
+	useSafeAreaInsets: () => useSafeAreaInsets,
+	withSafeAreaInsets: () => withSafeAreaInsets
+});
+module.exports = __toCommonJS(SafeAreaContext_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_NativeSafeAreaProvider = require("./NativeSafeAreaProvider.native.js");
+var import_getWindowFrame = require("./getWindowFrame.native.js");
+var isDev = process.env.NODE_ENV !== "production";
+var SafeAreaInsetsContext = /* @__PURE__ */ React.createContext(null);
+if (isDev) {
+	SafeAreaInsetsContext.displayName = "SafeAreaInsetsContext";
+}
+var SafeAreaFrameContext = /* @__PURE__ */ React.createContext(null);
+if (isDev) {
+	SafeAreaFrameContext.displayName = "SafeAreaFrameContext";
+}
+var ZERO_INSETS = {
+	top: 0,
+	bottom: 0,
+	left: 0,
+	right: 0
+};
+function SafeAreaProvider(param) {
+	var { children, initialMetrics, initialSafeAreaInsets, ...others } = param;
+	var _ref, _ref1, _ref2, _ref3, _ref4;
+	var parentInsets = useParentSafeAreaInsets();
+	var parentFrame = useParentSafeAreaFrame();
+	var [insets, setInsets] = React.useState((_ref = (_ref1 = (_ref2 = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.insets) !== null && _ref2 !== void 0 ? _ref2 : initialSafeAreaInsets) !== null && _ref1 !== void 0 ? _ref1 : parentInsets) !== null && _ref !== void 0 ? _ref : ZERO_INSETS);
+	var [frame, setFrame] = React.useState((_ref3 = (_ref4 = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.frame) !== null && _ref4 !== void 0 ? _ref4 : parentFrame) !== null && _ref3 !== void 0 ? _ref3 : (0, import_getWindowFrame.getWindowFrame)());
+	var onInsetsChange = React.useCallback(function(event) {
+		var { nativeEvent: { frame: nextFrame, insets: nextInsets } } = event;
+		React.startTransition(function() {
+			setFrame(function(curFrame) {
+				if (nextFrame && (nextFrame.height !== curFrame.height || nextFrame.width !== curFrame.width || nextFrame.x !== curFrame.x || nextFrame.y !== curFrame.y)) {
+					return nextFrame;
+				}
+				return curFrame;
+			});
+			setInsets(function(curInsets) {
+				if (!curInsets || nextInsets.bottom !== curInsets.bottom || nextInsets.left !== curInsets.left || nextInsets.right !== curInsets.right || nextInsets.top !== curInsets.top) {
+					return nextInsets;
+				}
+				return curInsets;
+			});
+		});
+	}, []);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NativeSafeAreaProvider.NativeSafeAreaProvider, {
+		onInsetsChange,
+		...others,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SafeAreaFrameContext.Provider, {
+			value: frame,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SafeAreaInsetsContext.Provider, {
+				value: insets,
+				children
+			})
+		})
+	});
+}
+function useParentSafeAreaInsets() {
+	return React.useContext(SafeAreaInsetsContext);
+}
+function useParentSafeAreaFrame() {
+	return React.useContext(SafeAreaFrameContext);
+}
+var NO_INSETS_ERROR = "No safe area value available. Make sure you are rendering `<SafeAreaProvider>` at the top of your app.";
+function useSafeAreaInsets() {
+	var insets = React.useContext(SafeAreaInsetsContext);
+	if (insets == null) {
+		throw new Error(NO_INSETS_ERROR);
+	}
+	return insets;
+}
+function useSafeAreaFrame() {
+	var frame = React.useContext(SafeAreaFrameContext);
+	if (frame == null) {
+		throw new Error(NO_INSETS_ERROR);
+	}
+	return frame;
+}
+function withSafeAreaInsets(WrappedComponent) {
+	return /* @__PURE__ */ React.forwardRef(function(props, ref) {
+		var insets = useSafeAreaInsets();
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrappedComponent, {
+			...props,
+			insets,
+			ref
+		});
+	});
+}
+function useSafeArea() {
+	return useSafeAreaInsets();
+}
+var SafeAreaConsumer = SafeAreaInsetsContext.Consumer;
+var SafeAreaContext = SafeAreaInsetsContext;

package/dist/cjs/SafeAreaContext.native.js

@@ -7,43 +7,36 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SafeAreaContext_exports = {};
 __export(SafeAreaContext_exports, {
-  SafeAreaConsumer: () => SafeAreaConsumer,
-  SafeAreaContext: () => SafeAreaContext,
-  SafeAreaFrameContext: () => SafeAreaFrameContext,
-  SafeAreaInsetsContext: () => SafeAreaInsetsContext,
-  SafeAreaProvider: () => SafeAreaProvider,
-  useSafeArea: () => useSafeArea,
-  useSafeAreaFrame: () => useSafeAreaFrame,
-  useSafeAreaInsets: () => useSafeAreaInsets,
-  withSafeAreaInsets: () => withSafeAreaInsets
+	SafeAreaConsumer: () => SafeAreaConsumer,
+	SafeAreaContext: () => SafeAreaContext,
+	SafeAreaFrameContext: () => SafeAreaFrameContext,
+	SafeAreaInsetsContext: () => SafeAreaInsetsContext,
+	SafeAreaProvider: () => SafeAreaProvider,
+	useSafeArea: () => useSafeArea,
+	useSafeAreaFrame: () => useSafeAreaFrame,
+	useSafeAreaInsets: () => useSafeAreaInsets,
+	withSafeAreaInsets: () => withSafeAreaInsets
 });
 module.exports = __toCommonJS(SafeAreaContext_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -51,104 +44,91 @@ var React = __toESM(require("react"), 1);
 var import_NativeSafeAreaProvider = require("./NativeSafeAreaProvider.native.js");
 var import_getWindowFrame = require("./getWindowFrame.native.js");
 var isDev = process.env.NODE_ENV !== "production";
-var SafeAreaInsetsContext = /* @__PURE__ */React.createContext(null);
+var SafeAreaInsetsContext = /* @__PURE__ */ React.createContext(null);
 if (isDev) {
-  SafeAreaInsetsContext.displayName = "SafeAreaInsetsContext";
+	SafeAreaInsetsContext.displayName = "SafeAreaInsetsContext";
 }
-var SafeAreaFrameContext = /* @__PURE__ */React.createContext(null);
+var SafeAreaFrameContext = /* @__PURE__ */ React.createContext(null);
 if (isDev) {
-  SafeAreaFrameContext.displayName = "SafeAreaFrameContext";
+	SafeAreaFrameContext.displayName = "SafeAreaFrameContext";
 }
 var ZERO_INSETS = {
-  top: 0,
-  bottom: 0,
-  left: 0,
-  right: 0
+	top: 0,
+	bottom: 0,
+	left: 0,
+	right: 0
 };
 function SafeAreaProvider(param) {
-  var {
-    children,
-    initialMetrics,
-    initialSafeAreaInsets,
-    ...others
-  } = param;
-  var _ref, _ref1, _ref2, _ref3, _ref4;
-  var parentInsets = useParentSafeAreaInsets();
-  var parentFrame = useParentSafeAreaFrame();
-  var [insets, setInsets] = React.useState((_ref = (_ref1 = (_ref2 = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.insets) !== null && _ref2 !== void 0 ? _ref2 : initialSafeAreaInsets) !== null && _ref1 !== void 0 ? _ref1 : parentInsets) !== null && _ref !== void 0 ? _ref : ZERO_INSETS);
-  var [frame, setFrame] = React.useState((_ref3 = (_ref4 = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.frame) !== null && _ref4 !== void 0 ? _ref4 : parentFrame) !== null && _ref3 !== void 0 ? _ref3 :
-  // backwards compat so we render anyway if we don't have frame.
-  (0, import_getWindowFrame.getWindowFrame)());
-  var onInsetsChange = React.useCallback(function (event) {
-    var {
-      nativeEvent: {
-        frame: nextFrame,
-        insets: nextInsets
-      }
-    } = event;
-    React.startTransition(function () {
-      setFrame(function (curFrame) {
-        if (
-        // Backwards compat with old native code that won't send frame.
-        nextFrame && (nextFrame.height !== curFrame.height || nextFrame.width !== curFrame.width || nextFrame.x !== curFrame.x || nextFrame.y !== curFrame.y)) {
-          return nextFrame;
-        }
-        return curFrame;
-      });
-      setInsets(function (curInsets) {
-        if (!curInsets || nextInsets.bottom !== curInsets.bottom || nextInsets.left !== curInsets.left || nextInsets.right !== curInsets.right || nextInsets.top !== curInsets.top) {
-          return nextInsets;
-        }
-        return curInsets;
-      });
-    });
-  }, []);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_NativeSafeAreaProvider.NativeSafeAreaProvider, {
-    onInsetsChange,
-    ...others,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(SafeAreaFrameContext.Provider, {
-      value: frame,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(SafeAreaInsetsContext.Provider, {
-        value: insets,
-        children
-      })
-    })
-  });
+	var { children, initialMetrics, initialSafeAreaInsets, ...others } = param;
+	var _ref, _ref1, _ref2, _ref3, _ref4;
+	var parentInsets = useParentSafeAreaInsets();
+	var parentFrame = useParentSafeAreaFrame();
+	var [insets, setInsets] = React.useState((_ref = (_ref1 = (_ref2 = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.insets) !== null && _ref2 !== void 0 ? _ref2 : initialSafeAreaInsets) !== null && _ref1 !== void 0 ? _ref1 : parentInsets) !== null && _ref !== void 0 ? _ref : ZERO_INSETS);
+	var [frame, setFrame] = React.useState((_ref3 = (_ref4 = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.frame) !== null && _ref4 !== void 0 ? _ref4 : parentFrame) !== null && _ref3 !== void 0 ? _ref3 : (0, import_getWindowFrame.getWindowFrame)());
+	var onInsetsChange = React.useCallback(function(event) {
+		var { nativeEvent: { frame: nextFrame, insets: nextInsets } } = event;
+		React.startTransition(function() {
+			setFrame(function(curFrame) {
+				if (nextFrame && (nextFrame.height !== curFrame.height || nextFrame.width !== curFrame.width || nextFrame.x !== curFrame.x || nextFrame.y !== curFrame.y)) {
+					return nextFrame;
+				}
+				return curFrame;
+			});
+			setInsets(function(curInsets) {
+				if (!curInsets || nextInsets.bottom !== curInsets.bottom || nextInsets.left !== curInsets.left || nextInsets.right !== curInsets.right || nextInsets.top !== curInsets.top) {
+					return nextInsets;
+				}
+				return curInsets;
+			});
+		});
+	}, []);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NativeSafeAreaProvider.NativeSafeAreaProvider, {
+		onInsetsChange,
+		...others,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SafeAreaFrameContext.Provider, {
+			value: frame,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SafeAreaInsetsContext.Provider, {
+				value: insets,
+				children
+			})
+		})
+	});
 }
 function useParentSafeAreaInsets() {
-  return React.useContext(SafeAreaInsetsContext);
+	return React.useContext(SafeAreaInsetsContext);
 }
 function useParentSafeAreaFrame() {
-  return React.useContext(SafeAreaFrameContext);
+	return React.useContext(SafeAreaFrameContext);
 }
 var NO_INSETS_ERROR = "No safe area value available. Make sure you are rendering `<SafeAreaProvider>` at the top of your app.";
 function useSafeAreaInsets() {
-  var insets = React.useContext(SafeAreaInsetsContext);
-  if (insets == null) {
-    throw new Error(NO_INSETS_ERROR);
-  }
-  return insets;
+	var insets = React.useContext(SafeAreaInsetsContext);
+	if (insets == null) {
+		throw new Error(NO_INSETS_ERROR);
+	}
+	return insets;
 }
 function useSafeAreaFrame() {
-  var frame = React.useContext(SafeAreaFrameContext);
-  if (frame == null) {
-    throw new Error(NO_INSETS_ERROR);
-  }
-  return frame;
+	var frame = React.useContext(SafeAreaFrameContext);
+	if (frame == null) {
+		throw new Error(NO_INSETS_ERROR);
+	}
+	return frame;
 }
 function withSafeAreaInsets(WrappedComponent) {
-  return /* @__PURE__ */React.forwardRef(function (props, ref) {
-    var insets = useSafeAreaInsets();
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(WrappedComponent, {
-      ...props,
-      insets,
-      ref
-    });
-  });
+	return /* @__PURE__ */ React.forwardRef(function(props, ref) {
+		var insets = useSafeAreaInsets();
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrappedComponent, {
+			...props,
+			insets,
+			ref
+		});
+	});
 }
 function useSafeArea() {
-  return useSafeAreaInsets();
+	return useSafeAreaInsets();
 }
 var SafeAreaConsumer = SafeAreaInsetsContext.Consumer;
 var SafeAreaContext = SafeAreaInsetsContext;
+
 //# sourceMappingURL=SafeAreaContext.native.js.map