@vxrn/safe-area 1.1.308 → 1.1.310

package/dist/cjs/InitialWindow.cjs

@@ -0,0 +1,28 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var InitialWindow_exports = {};
+__export(InitialWindow_exports, {
+  initialWindowMetrics: () => initialWindowMetrics,
+  initialWindowSafeAreaInsets: () => initialWindowSafeAreaInsets
+});
+module.exports = __toCommonJS(InitialWindow_exports);
+const initialWindowMetrics = null,
+  initialWindowSafeAreaInsets = null;

package/dist/cjs/{NativeSafeAreaProvider.js → NativeSafeAreaProvider.cjs}

@@ -2,30 +2,41 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
 var NativeSafeAreaProvider_exports = {};
 __export(NativeSafeAreaProvider_exports, {
   NativeSafeAreaProvider: () => NativeSafeAreaProvider
 });
 module.exports = __toCommonJS(NativeSafeAreaProvider_exports);
-var React = __toESM(require("react"), 1), import_react_native = require("react-native-web"), import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1),
+  import_react_native = require("react-native-web"),
+  import_jsx_runtime = require("react/jsx-runtime");
 const CSSTransitions = {
   WebkitTransition: "webkitTransitionEnd",
   Transition: "transitionEnd",
@@ -39,60 +50,75 @@ function NativeSafeAreaProvider({
   onInsetsChange
 }) {
   return React.useEffect(() => {
-    if (typeof document > "u")
-      return;
+    if (typeof document > "u") return;
     const element = createContextElement();
     document.body.appendChild(element);
     const onEnd = () => {
-      const { paddingTop, paddingBottom, paddingLeft, paddingRight } = window.getComputedStyle(element), 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
-      }, frame = {
-        x: 0,
-        y: 0,
-        width: document.documentElement.offsetWidth,
-        height: document.documentElement.offsetHeight
-      };
-      onInsetsChange({ nativeEvent: { insets, frame } });
+      const {
+          paddingTop,
+          paddingBottom,
+          paddingLeft,
+          paddingRight
+        } = window.getComputedStyle(element),
+        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
+        },
+        frame = {
+          x: 0,
+          y: 0,
+          width: document.documentElement.offsetWidth,
+          height: document.documentElement.offsetHeight
+        };
+      onInsetsChange({
+        nativeEvent: {
+          insets,
+          frame
+        }
+      });
     };
     return element.addEventListener(getSupportedTransitionEvent(), onEnd), onEnd(), () => {
       document.body.removeChild(element), element.removeEventListener(getSupportedTransitionEvent(), onEnd);
     };
-  }, [onInsetsChange]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style: style || {
-    flex: 1,
-    width: "100%",
-    height: "100%",
-    maxHeight: "100%",
-    maxWidth: "100%"
-  }, children });
+  }, [onInsetsChange]), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
+    style: style || {
+      flex: 1,
+      width: "100%",
+      height: "100%",
+      maxHeight: "100%",
+      maxWidth: "100%"
+    },
+    children
+  });
 }
 let _supportedTransitionEvent = null;
 function getSupportedTransitionEvent() {
-  if (_supportedTransitionEvent != null)
-    return _supportedTransitionEvent;
+  if (_supportedTransitionEvent != null) return _supportedTransitionEvent;
   const element = document.createElement("invalidtype");
   _supportedTransitionEvent = CSSTransitions.Transition;
-  for (const key in CSSTransitions)
-    if (element.style[key] !== void 0) {
-      _supportedTransitionEvent = CSSTransitions[key];
-      break;
-    }
+  for (const key in CSSTransitions) if (element.style[key] !== void 0) {
+    _supportedTransitionEvent = CSSTransitions[key];
+    break;
+  }
   return _supportedTransitionEvent;
 }
 let _supportedEnv = null;
 function getSupportedEnv() {
-  if (_supportedEnv !== null)
-    return _supportedEnv;
-  const { CSS } = window;
+  if (_supportedEnv !== null) return _supportedEnv;
+  const {
+    CSS
+  } = window;
   return CSS && CSS.supports && CSS.supports("top: constant(safe-area-inset-top)") ? _supportedEnv = "constant" : _supportedEnv = "env", _supportedEnv;
 }
 function getInset(side) {
   return `${getSupportedEnv()}(safe-area-inset-${side})`;
 }
 function createContextElement() {
-  const element = document.createElement("div"), { style } = element;
+  const element = document.createElement("div"),
+    {
+      style
+    } = element;
   return 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"), element;
-}
-//# sourceMappingURL=NativeSafeAreaProvider.js.map
+}

package/dist/cjs/SafeArea-types.cjs

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+    get: () => from[key],
+    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+  });
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var SafeArea_types_exports = {};
+module.exports = __toCommonJS(SafeArea_types_exports);

package/dist/cjs/{SafeAreaContext.js → SafeAreaContext.cjs}

@@ -2,24 +2,33 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
 var SafeAreaContext_exports = {};
 __export(SafeAreaContext_exports, {
   SafeAreaConsumer: () => SafeAreaConsumer,
@@ -33,8 +42,12 @@ __export(SafeAreaContext_exports, {
   withSafeAreaInsets: () => withSafeAreaInsets
 });
 module.exports = __toCommonJS(SafeAreaContext_exports);
-var React = __toESM(require("react"), 1), import_react_native = require("react-native-web"), import_NativeSafeAreaProvider = require("./NativeSafeAreaProvider"), import_jsx_runtime = require("react/jsx-runtime");
-const isDev = process.env.NODE_ENV !== "production", SafeAreaInsetsContext = React.createContext(null);
+var React = __toESM(require("react"), 1),
+  import_react_native = require("react-native-web"),
+  import_NativeSafeAreaProvider = require("./NativeSafeAreaProvider.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const isDev = process.env.NODE_ENV !== "production",
+  SafeAreaInsetsContext = React.createContext(null);
 isDev && (SafeAreaInsetsContext.displayName = "SafeAreaInsetsContext");
 const SafeAreaFrameContext = React.createContext(null);
 isDev && (SafeAreaFrameContext.displayName = "SafeAreaFrameContext");
@@ -44,28 +57,40 @@ function SafeAreaProvider({
   initialSafeAreaInsets,
   ...others
 }) {
-  const parentInsets = useParentSafeAreaInsets(), parentFrame = useParentSafeAreaFrame(), [insets, setInsets] = React.useState(
-    initialMetrics?.insets ?? initialSafeAreaInsets ?? parentInsets ?? null
-  ), [frame, setFrame] = React.useState(
-    initialMetrics?.frame ?? parentFrame ?? {
+  const parentInsets = useParentSafeAreaInsets(),
+    parentFrame = useParentSafeAreaFrame(),
+    [insets, setInsets] = React.useState(initialMetrics?.insets ?? initialSafeAreaInsets ?? parentInsets ?? null),
+    [frame, setFrame] = React.useState(initialMetrics?.frame ?? parentFrame ?? {
       // Backwards compat so we render anyway if we don't have frame.
       x: 0,
       y: 0,
       width: import_react_native.Dimensions.get("window").width,
       height: import_react_native.Dimensions.get("window").height
-    }
-  ), onInsetsChange = React.useCallback((event) => {
-    const {
-      nativeEvent: { frame: nextFrame, insets: nextInsets }
-    } = event;
-    React.startTransition(() => {
-      setFrame((curFrame) => (
+    }),
+    onInsetsChange = React.useCallback(event => {
+      const {
+        nativeEvent: {
+          frame: nextFrame,
+          insets: nextInsets
+        }
+      } = event;
+      React.startTransition(() => {
+        setFrame(curFrame =>
         // 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) ? nextFrame : curFrame
-      )), setInsets((curInsets) => !curInsets || nextInsets.bottom !== curInsets.bottom || nextInsets.left !== curInsets.left || nextInsets.right !== curInsets.right || nextInsets.top !== curInsets.top ? nextInsets : 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 }) }) });
+        nextFrame && (nextFrame.height !== curFrame.height || nextFrame.width !== curFrame.width || nextFrame.x !== curFrame.x || nextFrame.y !== curFrame.y) ? nextFrame : curFrame), setInsets(curInsets => !curInsets || nextInsets.bottom !== curInsets.bottom || nextInsets.left !== curInsets.left || nextInsets.right !== curInsets.right || nextInsets.top !== curInsets.top ? nextInsets : 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);
@@ -76,24 +101,26 @@ function useParentSafeAreaFrame() {
 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);
+  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);
+  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 /* @__PURE__ */(0, import_jsx_runtime.jsx)(WrappedComponent, {
+      ...props,
+      insets,
+      ref
+    });
   });
 }
 function useSafeArea() {
   return useSafeAreaInsets();
 }
-const SafeAreaConsumer = SafeAreaInsetsContext.Consumer, SafeAreaContext = SafeAreaInsetsContext;
-//# sourceMappingURL=SafeAreaContext.js.map
+const SafeAreaConsumer = SafeAreaInsetsContext.Consumer,
+  SafeAreaContext = SafeAreaInsetsContext;

package/dist/cjs/SafeAreaView.cjs

@@ -0,0 +1,106 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var SafeAreaView_exports = {};
+__export(SafeAreaView_exports, {
+  SafeAreaView: () => SafeAreaView
+});
+module.exports = __toCommonJS(SafeAreaView_exports);
+var React = __toESM(require("react"), 1),
+  import_react_native = require("react-native-web"),
+  import_SafeAreaContext = require("./SafeAreaContext.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const TOP = 8,
+  RIGHT = 4,
+  BOTTOM = 2,
+  LEFT = 1,
+  ALL = 15,
+  edgeBitmaskMap = {
+    top: TOP,
+    right: RIGHT,
+    bottom: BOTTOM,
+    left: LEFT
+  },
+  SafeAreaView = React.forwardRef(({
+    style = {},
+    mode,
+    edges,
+    ...rest
+  }, ref) => {
+    const insets = (0, import_SafeAreaContext.useSafeAreaInsets)(),
+      edgeBitmask = edges != null ? Array.isArray(edges) ? edges.reduce((acc, edge) => acc | edgeBitmaskMap[edge], 0) : Object.keys(edges).reduce((acc, edge) => acc | edgeBitmaskMap[edge], 0) : ALL,
+      appliedStyle = React.useMemo(() => {
+        const insetTop = edgeBitmask & TOP ? insets.top : 0,
+          insetRight = edgeBitmask & RIGHT ? insets.right : 0,
+          insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0,
+          insetLeft = edgeBitmask & LEFT ? insets.left : 0,
+          flatStyle = import_react_native.StyleSheet.flatten(style);
+        if (mode === "margin") {
+          const {
+              margin = 0,
+              marginVertical = margin,
+              marginHorizontal = margin,
+              marginTop = marginVertical,
+              marginRight = marginHorizontal,
+              marginBottom = marginVertical,
+              marginLeft = marginHorizontal
+            } = flatStyle,
+            marginStyle = {
+              marginTop: marginTop + insetTop,
+              marginRight: marginRight + insetRight,
+              marginBottom: marginBottom + insetBottom,
+              marginLeft: marginLeft + insetLeft
+            };
+          return [style, marginStyle];
+        }
+        const {
+            padding = 0,
+            paddingVertical = padding,
+            paddingHorizontal = padding,
+            paddingTop = paddingVertical,
+            paddingRight = paddingHorizontal,
+            paddingBottom = paddingVertical,
+            paddingLeft = paddingHorizontal
+          } = flatStyle,
+          paddingStyle = {
+            paddingTop: paddingTop + insetTop,
+            paddingRight: paddingRight + insetRight,
+            paddingBottom: paddingBottom + insetBottom,
+            paddingLeft: paddingLeft + insetLeft
+          };
+        return [style, paddingStyle];
+      }, [style, insets, mode, edgeBitmask]);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
+      style: appliedStyle,
+      ...rest,
+      ref
+    });
+  });

package/dist/cjs/index.cjs

@@ -0,0 +1,20 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./SafeAreaContext.cjs"), module.exports);
+__reExport(src_exports, require("./SafeAreaView.cjs"), module.exports);
+__reExport(src_exports, require("./InitialWindow.cjs"), module.exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vxrn/safe-area",
-  "version": "1.1.308",
+  "version": "1.1.310",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "type": "module",
@@ -19,13 +19,15 @@
   "exports": {
     "./package.json": "./package.json",
     ".": {
+      "react-native-import": "./dist/esm/index.native.js",
+      "react-native": "./dist/cjs/index.native.js",
       "types": "./types/index.d.ts",
       "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.js"
+      "require": "./dist/cjs/index.cjs"
     }
   },
   "devDependencies": {
     "@biomejs/biome": "^1.8.3",
-    "@tamagui/build": "^1.114.4"
+    "@tamagui/build": "^1.115.0"
   }
 }

package/dist/cjs/InitialWindow.js

@@ -1,22 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var InitialWindow_exports = {};
-__export(InitialWindow_exports, {
-  initialWindowMetrics: () => initialWindowMetrics,
-  initialWindowSafeAreaInsets: () => initialWindowSafeAreaInsets
-});
-module.exports = __toCommonJS(InitialWindow_exports);
-const initialWindowMetrics = null, initialWindowSafeAreaInsets = null;
-//# sourceMappingURL=InitialWindow.js.map

package/dist/cjs/SafeArea-types.js

@@ -1,14 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var SafeArea_types_exports = {};
-module.exports = __toCommonJS(SafeArea_types_exports);
-//# sourceMappingURL=SafeArea-types.js.map

package/dist/cjs/SafeAreaView.js

@@ -1,74 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__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: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var SafeAreaView_exports = {};
-__export(SafeAreaView_exports, {
-  SafeAreaView: () => SafeAreaView
-});
-module.exports = __toCommonJS(SafeAreaView_exports);
-var React = __toESM(require("react"), 1), import_react_native = require("react-native-web"), import_SafeAreaContext = require("./SafeAreaContext"), import_jsx_runtime = require("react/jsx-runtime");
-const TOP = 8, RIGHT = 4, BOTTOM = 2, LEFT = 1, ALL = 15, edgeBitmaskMap = {
-  top: TOP,
-  right: RIGHT,
-  bottom: BOTTOM,
-  left: LEFT
-}, SafeAreaView = React.forwardRef(
-  ({ style = {}, mode, edges, ...rest }, ref) => {
-    const insets = (0, import_SafeAreaContext.useSafeAreaInsets)(), edgeBitmask = edges != null ? Array.isArray(edges) ? edges.reduce((acc, edge) => acc | edgeBitmaskMap[edge], 0) : Object.keys(edges).reduce((acc, edge) => acc | edgeBitmaskMap[edge], 0) : ALL, appliedStyle = React.useMemo(() => {
-      const insetTop = edgeBitmask & TOP ? insets.top : 0, insetRight = edgeBitmask & RIGHT ? insets.right : 0, insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0, insetLeft = edgeBitmask & LEFT ? insets.left : 0, flatStyle = import_react_native.StyleSheet.flatten(style);
-      if (mode === "margin") {
-        const {
-          margin = 0,
-          marginVertical = margin,
-          marginHorizontal = margin,
-          marginTop = marginVertical,
-          marginRight = marginHorizontal,
-          marginBottom = marginVertical,
-          marginLeft = marginHorizontal
-        } = flatStyle, marginStyle = {
-          marginTop: marginTop + insetTop,
-          marginRight: marginRight + insetRight,
-          marginBottom: marginBottom + insetBottom,
-          marginLeft: marginLeft + insetLeft
-        };
-        return [style, marginStyle];
-      }
-      const {
-        padding = 0,
-        paddingVertical = padding,
-        paddingHorizontal = padding,
-        paddingTop = paddingVertical,
-        paddingRight = paddingHorizontal,
-        paddingBottom = paddingVertical,
-        paddingLeft = paddingHorizontal
-      } = flatStyle, paddingStyle = {
-        paddingTop: paddingTop + insetTop,
-        paddingRight: paddingRight + insetRight,
-        paddingBottom: paddingBottom + insetBottom,
-        paddingLeft: paddingLeft + insetLeft
-      };
-      return [style, paddingStyle];
-    }, [style, insets, mode, edgeBitmask]);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style: appliedStyle, ...rest, ref });
-  }
-);
-//# sourceMappingURL=SafeAreaView.js.map

package/dist/cjs/index.js

@@ -1,17 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./SafeAreaContext"), module.exports);
-__reExport(src_exports, require("./SafeAreaView"), module.exports);
-__reExport(src_exports, require("./InitialWindow"), module.exports);
-//# sourceMappingURL=index.js.map