@tamagui/react-native-web-lite 1.116.1 → 1.116.3

package/dist/cjs/InteractionManager/index.native.js

@@ -0,0 +1,99 @@
+"use strict";
+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 InteractionManager_exports = {};
+__export(InteractionManager_exports, {
+  default: () => InteractionManager_default
+});
+module.exports = __toCommonJS(InteractionManager_exports);
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals"), import_EventEmitter = __toESM(require("../vendor/react-native/emitter/_EventEmitter")), import_TaskQueue = __toESM(require("./TaskQueue")), _emitter = new import_EventEmitter.default(), InteractionManager = {
+  Events: {
+    interactionStart: "interactionStart",
+    interactionComplete: "interactionComplete"
+  },
+  /**
+  * Schedule a function to run after all interactions have completed.
+  */
+  runAfterInteractions(task) {
+    var tasks = [], promise = new Promise(function(resolve) {
+      _scheduleUpdate(), task && tasks.push(task), tasks.push({
+        run: resolve,
+        name: "resolve " + (task && task.name || "?")
+      }), _taskQueue.enqueueTasks(tasks);
+    });
+    return {
+      then: promise.then.bind(promise),
+      done: promise.then.bind(promise),
+      cancel: function() {
+        _taskQueue.cancelTasks(tasks);
+      }
+    };
+  },
+  /**
+  * Notify manager that an interaction has started.
+  */
+  createInteractionHandle() {
+    _scheduleUpdate();
+    var handle = ++_inc;
+    return _addInteractionSet.add(handle), handle;
+  },
+  /**
+  * Notify manager that an interaction has completed.
+  */
+  clearInteractionHandle(handle) {
+    (0, import_react_native_web_internals.invariant)(!!handle, "Must provide a handle to clear."), _scheduleUpdate(), _addInteractionSet.delete(handle), _deleteInteractionSet.add(handle);
+  },
+  addListener: _emitter.addListener.bind(_emitter),
+  /**
+  *
+  * @param deadline
+  */
+  setDeadline(deadline) {
+    _deadline = deadline;
+  }
+}, _interactionSet = /* @__PURE__ */ new Set(), _addInteractionSet = /* @__PURE__ */ new Set(), _deleteInteractionSet = /* @__PURE__ */ new Set(), _taskQueue = new import_TaskQueue.default({
+  onMoreTasks: _scheduleUpdate
+}), _nextUpdateHandle = null, _inc = 0, _deadline = -1;
+function _scheduleUpdate() {
+  _nextUpdateHandle || (_deadline > 0 ? _nextUpdateHandle = setTimeout(_processUpdate) : _nextUpdateHandle = requestIdleCallback(_processUpdate));
+}
+function _processUpdate() {
+  _nextUpdateHandle = null;
+  var interactionCount = _interactionSet.size;
+  _addInteractionSet.forEach(function(handle) {
+    return _interactionSet.add(handle);
+  }), _deleteInteractionSet.forEach(function(handle) {
+    return _interactionSet.delete(handle);
+  });
+  var nextInteractionCount = _interactionSet.size;
+  if (interactionCount !== 0 && nextInteractionCount === 0 ? _emitter.emit(InteractionManager.Events.interactionComplete) : interactionCount === 0 && nextInteractionCount !== 0 && _emitter.emit(InteractionManager.Events.interactionStart), nextInteractionCount === 0) {
+    for (var begin = Date.now(); _taskQueue.hasTasksToProcess(); )
+      if (_taskQueue.processNext(), _deadline > 0 && Date.now() - begin >= _deadline) {
+        _scheduleUpdate();
+        break;
+      }
+  }
+  _addInteractionSet.clear(), _deleteInteractionSet.clear();
+}
+var InteractionManager_default = InteractionManager;
+//# sourceMappingURL=index.js.map

package/dist/cjs/InteractionManager/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/InteractionManager/Users/n8/tamagui/code/packages/react-native-web-lite/src/InteractionManager/index.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;AAQA,wCAA0B,gDAC1B,sBAAyB,kEAEzB,mBAAsB,iCAIhBA,WAAW,IAAIC,oBAAAA,QAAAA,GAEfC,qBAAqB;EACzBC,QAAQ;IACNC,kBAAkB;IAClBC,qBAAqB;EACvB;;;;EAKAC,qBAAqBC,MAAW;AAK9B,QAAMC,QAAqB,CAAA,GACrBC,UAAU,IAAIC,QAAc,SAACC,SAAAA;AACjCC,sBAAAA,GACIL,QACFC,MAAMK,KAAKN,IAAAA,GAEbC,MAAMK,KAAK;QACTC,KAAKH;QACLI,MAAM,cAAeR,QAAQA,KAAKQ,QAAS;MAC7C,CAAA,GACAC,WAAWC,aAAaT,KAAAA;IAC1B,CAAA;AACA,WAAO;MACLU,MAAMT,QAAQS,KAAKC,KAAKV,OAAAA;MACxBW,MAAMX,QAAQS,KAAKC,KAAKV,OAAAA;MACxBY,QAAQ,WAAA;AACNL,mBAAWM,YAAYd,KAAAA;MACzB;IACF;EACF;;;;EAKAe,0BAAAA;AACEX,oBAAAA;AACA,QAAMY,SAAS,EAAEC;AACjBC,8BAAmBC,IAAIH,MAAAA,GAChBA;EACT;;;;EAKAI,uBAAuBJ,QAAc;AACnCK,qDAAU,CAAC,CAACL,QAAQ,iCAAA,GACpBZ,gBAAAA,GACAc,mBAAmBI,OAAON,MAAAA,GAC1BO,sBAAsBJ,IAAIH,MAAAA;EAC5B;EAEAQ,aAAahC,SAASgC,YAAYb,KAAKnB,QAAAA;;;;;EAQvCiC,YAAYC,UAAgB;AAC1BC,gBAAYD;EACd;AACF,GAEME,kBAAkB,oBAAIC,IAAAA,GACtBX,qBAAqB,oBAAIW,IAAAA,GACzBN,wBAAwB,oBAAIM,IAAAA,GAC5BrB,aAAa,IAAIsB,iBAAAA,QAAU;EAAEC,aAAa3B;AAAgB,CAAA,GAC5D4B,oBAAmE,MACnEf,OAAO,GACPU,YAAY;AAKhB,SAASvB,kBAAAA;AACP,EAAK4B,sBACCL,YAAY,IACdK,oBAAoBC,WAAWC,cAAAA,IAE/BF,oBAAoBG,oBAAoBD,cAAAA;AAG9C;AAKA,SAASA,iBAAAA;AACPF,sBAAoB;AACpB,MAAMI,mBAAmBR,gBAAgBS;AACzCnB,qBAAmBoB,QAAQ,SAACtB,QAAAA;WAAWY,gBAAgBT,IAAIH,MAAAA;MAC3DO,sBAAsBe,QAAQ,SAACtB,QAAAA;WAAWY,gBAAgBN,OAAON,MAAAA;;AACjE,MAAMuB,uBAAuBX,gBAAgBS;AAQ7C,MANID,qBAAqB,KAAKG,yBAAyB,IACrD/C,SAASgD,KAAK9C,mBAAmBC,OAAOE,mBAAmB,IAClDuC,qBAAqB,KAAKG,yBAAyB,KAC5D/C,SAASgD,KAAK9C,mBAAmBC,OAAOC,gBAAgB,GAGtD2C,yBAAyB;AAI3B,aADME,QAAQC,KAAKC,IAAG,GACfnC,WAAWoC,kBAAiB;AAEjC,UADApC,WAAWqC,YAAW,GAClBlB,YAAY,KAAKe,KAAKC,IAAG,IAAKF,SAASd,WAAW;AACpDvB,wBAAAA;AACA;MACF;;AAGJc,qBAAmB4B,MAAK,GACxBvB,sBAAsBuB,MAAK;AAC7B;AAEA,IAAA,6BAAepD;",
+  "names": ["_emitter", "EventEmitter", "InteractionManager", "Events", "interactionStart", "interactionComplete", "runAfterInteractions", "task", "tasks", "promise", "Promise", "resolve", "_scheduleUpdate", "push", "run", "name", "_taskQueue", "enqueueTasks", "then", "bind", "done", "cancel", "cancelTasks", "createInteractionHandle", "handle", "_inc", "_addInteractionSet", "add", "clearInteractionHandle", "invariant", "delete", "_deleteInteractionSet", "addListener", "setDeadline", "deadline", "_deadline", "_interactionSet", "Set", "TaskQueue", "onMoreTasks", "_nextUpdateHandle", "setTimeout", "_processUpdate", "requestIdleCallback", "interactionCount", "size", "forEach", "nextInteractionCount", "emit", "begin", "Date", "now", "hasTasksToProcess", "processNext", "clear"]
+}

package/dist/cjs/Keyboard/index.js

@@ -0,0 +1,35 @@
+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;
+//# sourceMappingURL=index.js.map

package/dist/cjs/KeyboardAvoidingView/index.js

@@ -0,0 +1,56 @@
+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 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");
+class KeyboardAvoidingView extends React.Component {
+  frame = null;
+  relativeKeyboardHeight(keyboardFrame) {
+    const frame = this.frame;
+    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) => {
+    this.frame = event.nativeEvent.layout;
+  };
+  render() {
+    const {
+      /* eslint-disable */
+      behavior,
+      contentContainerStyle,
+      keyboardVerticalOffset,
+      /* eslint-enable */
+      ...rest
+    } = this.props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_View.default, { onLayout: this.onLayout, ...rest });
+  }
+}
+var KeyboardAvoidingView_default = KeyboardAvoidingView;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Linking/__tests__/index-test.js

@@ -0,0 +1,38 @@
+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 __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
+));
+var import__ = __toESM(require(".."));
+describe("apis/Linking", () => {
+  describe("openURL", () => {
+    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) => {
+      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) => {
+      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

@@ -0,0 +1,86 @@
+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 Linking_exports = {};
+__export(Linking_exports, {
+  default: () => Linking_default
+});
+module.exports = __toCommonJS(Linking_exports);
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
+const initialURL = import_react_native_web_internals.canUseDOM ? window.location.href : "";
+class Linking {
+  /**
+   * An object mapping of event name
+   * and all the callbacks subscribing to it
+   */
+  _eventCallbacks = {};
+  _dispatchEvent(event, ...data) {
+    const listeners = this._eventCallbacks[event];
+    listeners != null && Array.isArray(listeners) && listeners.map((listener) => {
+      listener(...data);
+    });
+  }
+  /**
+   * Adds a event listener for the specified event. The callback will be called when the
+   * said event is dispatched.
+   */
+  addEventListener = (event, callback) => {
+    if (!this._eventCallbacks[event]) {
+      this._eventCallbacks[event] = [callback];
+      return;
+    }
+    this._eventCallbacks[event].push(callback);
+  };
+  /**
+   * Removes a previously added event listener for the specified event. The callback must
+   * be the same object as the one passed to `addEventListener`.
+   */
+  removeEventListener = (event, callback) => {
+    const filteredCallbacks = this._eventCallbacks[event].filter(
+      (c) => c.toString() !== callback.toString()
+    );
+    this._eventCallbacks[event] = filteredCallbacks;
+  };
+  canOpenURL() {
+    return Promise.resolve(!0);
+  }
+  getInitialURL() {
+    return Promise.resolve(initialURL);
+  }
+  /**
+   * Try to open the given url in a secure fashion. The method returns a Promise object.
+   * If a target is passed (including undefined) that target will be used, otherwise '_blank'.
+   * If the url opens, the promise is resolved. If not, the promise is rejected.
+   * Dispatches the `onOpen` event if `url` is opened successfully.
+   */
+  openURL(url, target) {
+    arguments.length === 1 && (target = "_blank");
+    try {
+      return open(url, target), this._dispatchEvent("onOpen", url), Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }
+  _validateURL(url) {
+    (0, import_react_native_web_internals.invariant)(typeof url == "string", "Invalid URL: should be a string. Was: " + url), (0, import_react_native_web_internals.invariant)(url, "Invalid URL: cannot be empty");
+  }
+}
+const open = (url, target) => {
+  if (import_react_native_web_internals.canUseDOM) {
+    const urlToOpen = new URL(url, window.location).toString();
+    urlToOpen.indexOf("tel:") === 0 ? window.location = urlToOpen : window.open(urlToOpen, target, "noopener");
+  }
+};
+var Linking_default = new Linking();
+//# sourceMappingURL=index.js.map

package/dist/cjs/LogBox/index.js

@@ -0,0 +1,31 @@
+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;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Modal/ModalAnimation.js

@@ -0,0 +1,137 @@
+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")), 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;
+//# sourceMappingURL=ModalAnimation.js.map

package/dist/cjs/Modal/ModalContent.js

@@ -0,0 +1,75 @@
+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")), 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;
+//# sourceMappingURL=ModalContent.js.map