@vxrn/safe-area 1.1.320 → 1.1.322

package/dist/cjs/InitialWindow.js

@@ -0,0 +1,22 @@
+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/NativeSafeAreaProvider.js

@@ -0,0 +1,98 @@
+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 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");
+const CSSTransitions = {
+  WebkitTransition: "webkitTransitionEnd",
+  Transition: "transitionEnd",
+  MozTransition: "transitionend",
+  MSTransition: "msTransitionEnd",
+  OTransition: "oTransitionEnd"
+};
+function NativeSafeAreaProvider({
+  children,
+  style,
+  onInsetsChange
+}) {
+  return React.useEffect(() => {
+    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 } });
+    };
+    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 });
+}
+let _supportedTransitionEvent = null;
+function getSupportedTransitionEvent() {
+  if (_supportedTransitionEvent != null)
+    return _supportedTransitionEvent;
+  const element = document.createElement("invalidtype");
+  _supportedTransitionEvent = CSSTransitions.Transition;
+  for (const key in CSSTransitions)
+    if (element.style[key] !== void 0) {
+      _supportedTransitionEvent = CSSTransitions[key];
+      break;
+    }
+  return _supportedTransitionEvent;
+}
+let _supportedEnv = null;
+function getSupportedEnv() {
+  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;
+  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.js

@@ -0,0 +1,14 @@
+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/SafeAreaContext.js

@@ -0,0 +1,99 @@
+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 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 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);
+isDev && (SafeAreaInsetsContext.displayName = "SafeAreaInsetsContext");
+const SafeAreaFrameContext = React.createContext(null);
+isDev && (SafeAreaFrameContext.displayName = "SafeAreaFrameContext");
+function SafeAreaProvider({
+  children,
+  initialMetrics,
+  initialSafeAreaInsets,
+  ...others
+}) {
+  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) => (
+        // 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 }) }) });
+}
+function useParentSafeAreaInsets() {
+  return React.useContext(SafeAreaInsetsContext);
+}
+function useParentSafeAreaFrame() {
+  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;
+}
+function useSafeAreaFrame() {
+  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 });
+  });
+}
+function useSafeArea() {
+  return useSafeAreaInsets();
+}
+const SafeAreaConsumer = SafeAreaInsetsContext.Consumer, SafeAreaContext = SafeAreaInsetsContext;
+//# sourceMappingURL=SafeAreaContext.js.map

package/dist/cjs/SafeAreaView.js

@@ -0,0 +1,74 @@
+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

@@ -0,0 +1,17 @@
+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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vxrn/safe-area",
-  "version": "1.1.320",
+  "version": "1.1.322",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "type": "module",
@@ -28,6 +28,6 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^1.8.3",
-    "@tamagui/build": "^1.115.0"
+    "@tamagui/build": "^1.116.4"
   }
 }