@tamagui/react-native-web-lite 1.114.3 → 1.115.0

package/dist/cjs/ImageBackground/index.cjs

@@ -0,0 +1,77 @@
+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 ImageBackground_exports = {};
+__export(ImageBackground_exports, {
+  default: () => ImageBackground_default
+});
+module.exports = __toCommonJS(ImageBackground_exports);
+var import_react = require("react"),
+  import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
+  import_Image = __toESM(require("../Image/index.cjs")),
+  import_View = __toESM(require("../View/index.cjs")),
+  import_jsx_runtime = require("react/jsx-runtime");
+const emptyObject = {},
+  ImageBackground = (0, import_react.forwardRef)((props, forwardedRef) => {
+    const {
+        children,
+        style = emptyObject,
+        imageStyle,
+        imageRef,
+        ...rest
+      } = props,
+      {
+        height,
+        width
+      } = import_react_native_web_internals.StyleSheet.flatten(style);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_View.default, {
+      ref: forwardedRef,
+      style,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Image.default, {
+        ...rest,
+        ref: imageRef,
+        style: [{
+          // Temporary Workaround:
+          // Current (imperfect yet) implementation of <Image> overwrites width and height styles
+          // (which is not quite correct), and these styles conflict with explicitly set styles
+          // of <ImageBackground> and with our internal layout model here.
+          // So, we have to proxy/reapply these styles explicitly for actual <Image> component.
+          // This workaround should be removed after implementing proper support of
+          // intrinsic content size of the <Image>.
+          width,
+          height,
+          zIndex: -1
+        }, import_react_native_web_internals.StyleSheet.absoluteFill, imageStyle]
+      }), children]
+    });
+  });
+ImageBackground.displayName = "ImageBackground";
+var ImageBackground_default = ImageBackground;

package/dist/cjs/Keyboard/index.cjs

@@ -0,0 +1,39 @@
+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 Keyboard_exports = {};
+__export(Keyboard_exports, {
+  default: () => Keyboard_default
+});
+module.exports = __toCommonJS(Keyboard_exports);
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
+const Keyboard = {
+  addListener() {
+    return {
+      remove: () => {}
+    };
+  },
+  dismiss() {
+    (0, import_react_native_web_internals.dismissKeyboard)();
+  },
+  removeAllListeners() {},
+  removeListener() {}
+};
+var Keyboard_default = Keyboard;

package/dist/cjs/KeyboardAvoidingView/{index.js → index.cjs}

@@ -2,42 +2,51 @@ 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 KeyboardAvoidingView_exports = {};
 __export(KeyboardAvoidingView_exports, {
   default: () => KeyboardAvoidingView_default
 });
 module.exports = __toCommonJS(KeyboardAvoidingView_exports);
-var React = __toESM(require("react")), import_View = __toESM(require("../View/index")), import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react")),
+  import_View = __toESM(require("../View/index.cjs")),
+  import_jsx_runtime = require("react/jsx-runtime");
 class KeyboardAvoidingView extends React.Component {
   frame = null;
   relativeKeyboardHeight(keyboardFrame) {
     const frame = this.frame;
-    if (!frame || !keyboardFrame)
-      return 0;
+    if (!frame || !keyboardFrame) return 0;
     const keyboardY = keyboardFrame.screenY - (this.props.keyboardVerticalOffset || 0);
     return Math.max(frame.y + frame.height - keyboardY, 0);
   }
-  onKeyboardChange(event) {
-  }
-  onLayout = (event) => {
+  onKeyboardChange(event) {}
+  onLayout = event => {
     this.frame = event.nativeEvent.layout;
   };
   render() {
@@ -49,8 +58,10 @@ class KeyboardAvoidingView extends React.Component {
       /* eslint-enable */
       ...rest
     } = this.props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_View.default, { onLayout: this.onLayout, ...rest });
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.default, {
+      onLayout: this.onLayout,
+      ...rest
+    });
   }
 }
-var KeyboardAvoidingView_default = KeyboardAvoidingView;
-//# sourceMappingURL=index.js.map
+var KeyboardAvoidingView_default = KeyboardAvoidingView;

package/dist/cjs/Linking/__tests__/{index-test.js → index-test.cjs}

@@ -2,37 +2,39 @@ 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 __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 });
+  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
-));
-var import__ = __toESM(require(".."));
+// 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));
+var import__ = __toESM(require("../index.cjs"));
 describe("apis/Linking", () => {
   describe("openURL", () => {
-    test("calls open with a url and target", (done) => {
+    test("calls open with a url and target", done => {
       jest.spyOn(window, "open").mockImplementationOnce((url, target, opener) => {
         expect(url).toBe("http://foo.com/"), expect(target).toBe("target_name"), expect(opener).toBe("noopener"), done();
       }), import__.default.openURL("http://foo.com", "target_name");
-    }), test("defaults target to _blank if not provided", (done) => {
+    }), test("defaults target to _blank if not provided", done => {
       jest.spyOn(window, "open").mockImplementationOnce((url, target, opener) => {
         expect(url).toBe("http://foo.com/"), expect(target).toBe("_blank"), expect(opener).toBe("noopener"), done();
       }), import__.default.openURL("http://foo.com");
-    }), test("accepts undefined as a target", (done) => {
+    }), test("accepts undefined as a target", done => {
       jest.spyOn(window, "open").mockImplementationOnce((url, target, opener) => {
         expect(url).toBe("http://foo.com/"), expect(target).toBe(void 0), expect(opener).toBe("noopener"), done();
       }), import__.default.openURL("http://foo.com", void 0);
     });
   });
-});
-//# sourceMappingURL=index-test.js.map
+});

package/dist/cjs/Linking/{index.js → index.cjs}

@@ -3,15 +3,21 @@ 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);
+    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 Linking_exports = {};
 __export(Linking_exports, {
   default: () => Linking_default
@@ -27,7 +33,7 @@ class Linking {
   _eventCallbacks = {};
   _dispatchEvent(event, ...data) {
     const listeners = this._eventCallbacks[event];
-    listeners != null && Array.isArray(listeners) && listeners.map((listener) => {
+    listeners != null && Array.isArray(listeners) && listeners.map(listener => {
       listener(...data);
     });
   }
@@ -47,9 +53,7 @@ class Linking {
    * be the same object as the one passed to `addEventListener`.
    */
   removeEventListener = (event, callback) => {
-    const filteredCallbacks = this._eventCallbacks[event].filter(
-      (c) => c.toString() !== callback.toString()
-    );
+    const filteredCallbacks = this._eventCallbacks[event].filter(c => c.toString() !== callback.toString());
     this._eventCallbacks[event] = filteredCallbacks;
   };
   canOpenURL() {
@@ -82,5 +86,4 @@ const open = (url, target) => {
     urlToOpen.indexOf("tel:") === 0 ? window.location = urlToOpen : window.open(urlToOpen, target, "noopener");
   }
 };
-var Linking_default = new Linking();
-//# sourceMappingURL=index.js.map
+var Linking_default = new Linking();

package/dist/cjs/LogBox/index.cjs

@@ -0,0 +1,32 @@
+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 LogBox_exports = {};
+__export(LogBox_exports, {
+  default: () => LogBox_default
+});
+module.exports = __toCommonJS(LogBox_exports);
+const LogBox = {
+  ignoreLogs() {},
+  ignoreAllLogs() {},
+  uninstall() {},
+  install() {}
+};
+var LogBox_default = LogBox;

package/dist/cjs/Modal/ModalAnimation.cjs

@@ -0,0 +1,148 @@
+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 ModalAnimation_exports = {};
+__export(ModalAnimation_exports, {
+  default: () => ModalAnimation_default
+});
+module.exports = __toCommonJS(ModalAnimation_exports);
+var React = __toESM(require("react")),
+  import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
+  import_createElement = __toESM(require("../createElement/index.cjs")),
+  ANIMATION_DURATION = 300;
+function getAnimationStyle(animationType, visible) {
+  return animationType === "slide" ? visible ? animatedSlideInStyles : animatedSlideOutStyles : animationType === "fade" ? visible ? animatedFadeInStyles : animatedFadeOutStyles : visible ? styles.container : styles.hidden;
+}
+function ModalAnimation(props) {
+  var animationType = props.animationType,
+    children = props.children,
+    onDismiss = props.onDismiss,
+    onShow = props.onShow,
+    visible = props.visible,
+    _React$useState = React.useState(!1),
+    isRendering = _React$useState[0],
+    setIsRendering = _React$useState[1],
+    wasVisible = React.useRef(!1),
+    isAnimated = animationType && animationType !== "none",
+    animationEndCallback = React.useCallback(e => {
+      e && e.currentTarget !== e.target || (visible ? onShow && onShow() : (setIsRendering(!1), onDismiss && onDismiss()));
+    }, [onDismiss, onShow, visible]);
+  return React.useEffect(() => {
+    visible && setIsRendering(!0), visible !== wasVisible.current && !isAnimated && animationEndCallback(), wasVisible.current = visible;
+  }, [isAnimated, visible, animationEndCallback]), isRendering || visible ? (0, import_createElement.default)("div", {
+    style: isRendering ? getAnimationStyle(animationType, visible) : styles.hidden,
+    onAnimationEnd: animationEndCallback,
+    children
+  }) : null;
+}
+var styles = import_react_native_web_internals.StyleSheet.create({
+    container: {
+      position: "fixed",
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0,
+      zIndex: 9999
+    },
+    animatedIn: {
+      animationDuration: ANIMATION_DURATION + "ms",
+      animationTimingFunction: "ease-in"
+    },
+    animatedOut: {
+      pointerEvents: "none",
+      animationDuration: ANIMATION_DURATION + "ms",
+      animationTimingFunction: "ease-out"
+    },
+    fadeIn: {
+      opacity: 1,
+      animationKeyframes: {
+        "0%": {
+          opacity: 0
+        },
+        "100%": {
+          opacity: 1
+        }
+      }
+    },
+    fadeOut: {
+      opacity: 0,
+      animationKeyframes: {
+        "0%": {
+          opacity: 1
+        },
+        "100%": {
+          opacity: 0
+        }
+      }
+    },
+    slideIn: {
+      transform: [{
+        translateY: "0%"
+      }],
+      animationKeyframes: {
+        "0%": {
+          transform: [{
+            translateY: "100%"
+          }]
+        },
+        "100%": {
+          transform: [{
+            translateY: "0%"
+          }]
+        }
+      }
+    },
+    slideOut: {
+      transform: [{
+        translateY: "100%"
+      }],
+      animationKeyframes: {
+        "0%": {
+          transform: [{
+            translateY: "0%"
+          }]
+        },
+        "100%": {
+          transform: [{
+            translateY: "100%"
+          }]
+        }
+      }
+    },
+    hidden: {
+      opacity: 0
+    }
+  }),
+  animatedSlideInStyles = [styles.container, styles.animatedIn, styles.slideIn],
+  animatedSlideOutStyles = [styles.container, styles.animatedOut, styles.slideOut],
+  animatedFadeInStyles = [styles.container, styles.animatedIn, styles.fadeIn],
+  animatedFadeOutStyles = [styles.container, styles.animatedOut, styles.fadeOut],
+  ModalAnimation_default = ModalAnimation;

package/dist/cjs/Modal/ModalContent.cjs

@@ -0,0 +1,86 @@
+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 ModalContent_exports = {};
+__export(ModalContent_exports, {
+  default: () => ModalContent_default
+});
+module.exports = __toCommonJS(ModalContent_exports);
+var React = __toESM(require("react")),
+  import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
+  import_View = __toESM(require("../View/index.cjs")),
+  ModalContent = /* @__PURE__ */React.forwardRef((props, forwardedRef) => {
+    const {
+      active,
+      children,
+      onRequestClose,
+      transparent,
+      ...rest
+    } = props;
+    React.useEffect(() => {
+      if (import_react_native_web_internals.canUseDOM) {
+        var closeOnEscape = e => {
+          active && e.key === "Escape" && (e.stopPropagation(), onRequestClose && onRequestClose());
+        };
+        return document.addEventListener("keyup", closeOnEscape, !1), () => document.removeEventListener("keyup", closeOnEscape, !1);
+      }
+    }, [active, onRequestClose]);
+    var style = React.useMemo(() => [styles.modal, transparent ? styles.modalTransparent : styles.modalOpaque], [transparent]);
+    return /* @__PURE__ */React.createElement(import_View.default, {
+      ...rest,
+      accessibilityModal: !0,
+      accessibilityRole: active ? "dialog" : null,
+      ref: forwardedRef,
+      style
+    }, /* @__PURE__ */React.createElement(import_View.default, {
+      style: styles.container
+    }, children));
+  }),
+  styles = import_react_native_web_internals.StyleSheet.create({
+    modal: {
+      position: "fixed",
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    },
+    modalTransparent: {
+      backgroundColor: "transparent"
+    },
+    modalOpaque: {
+      backgroundColor: "white"
+    },
+    container: {
+      top: 0,
+      flex: 1
+    }
+  }),
+  ModalContent_default = ModalContent;