@tamagui/react-native-web-lite 2.7.7 → 3.0.0-beta.637.1

package/dist/esm/Libraries/Pressability/Pressability.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Pressability_default"],"sources":["../../../../src/Libraries/Pressability/Pressability.ts"],"sourcesContent":[null],"mappings":"AACA,IAAOA,oBAAA,GAAQ,CAAC","ignoreList":[]}
+{"version":3,"file":"Pressability.js","names":[],"sources":["esm/Libraries/Pressability/Pressability.js"],"sourcesContent":["var Pressability_default = {};\nexport {\n  Pressability_default as default\n};\n//# sourceMappingURL=Pressability.js.map\n"],"mappings":";AAAA,IAAI,uBAAuB,CAAC"}

package/dist/esm/Libraries/Pressability/usePressability.mjs

@@ -1,3 +1,4 @@
-var usePressability_default = config => ({});
+var usePressability_default = (config) => ({});
+
 export { usePressability_default as default };
 //# sourceMappingURL=usePressability.mjs.map

package/dist/esm/Libraries/Pressability/usePressability.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["usePressability_default","config"],"sources":["../../../../src/Libraries/Pressability/usePressability.ts"],"sourcesContent":[null],"mappings":"AACA,IAAOA,uBAAA,GAASC,MAAA,KAAiB,CAAC","ignoreList":[]}
+{"version":3,"file":"usePressability.js","names":[],"sources":["esm/Libraries/Pressability/usePressability.js"],"sourcesContent":["var usePressability_default = (config) => ({});\nexport {\n  usePressability_default as default\n};\n//# sourceMappingURL=usePressability.js.map\n"],"mappings":";AAAA,IAAI,2BAA2B,YAAY,CAAC"}

package/dist/esm/Linking/index.mjs

@@ -1,78 +1,80 @@
 import { canUseDOM, invariant } from "@tamagui/react-native-web-internals";
+
 const initialURL = 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];
-    if (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 callbacks = this._eventCallbacks[event];
-    const filteredCallbacks = callbacks.filter(c => c.toString() !== callback.toString());
-    this._eventCallbacks[event] = filteredCallbacks;
-  };
-  canOpenURL() {
-    return Promise.resolve(true);
-  }
-  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) {
-    if (arguments.length === 1) {
-      target = "_blank";
-    }
-    try {
-      open(url, target);
-      this._dispatchEvent("onOpen", url);
-      return Promise.resolve();
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  }
-  _validateURL(url) {
-    invariant(typeof url === "string", "Invalid URL: should be a string. Was: " + url);
-    invariant(url, "Invalid URL: cannot be empty");
-  }
-}
+var Linking = class {
+	/**
+	* An object mapping of event name
+	* and all the callbacks subscribing to it
+	*/
+	_eventCallbacks = {};
+	_dispatchEvent(event, ...data) {
+		const listeners = this._eventCallbacks[event];
+		if (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 callbacks = this._eventCallbacks[event];
+		const filteredCallbacks = callbacks.filter((c) => c.toString() !== callback.toString());
+		this._eventCallbacks[event] = filteredCallbacks;
+	};
+	canOpenURL() {
+		return Promise.resolve(true);
+	}
+	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) {
+		if (arguments.length === 1) {
+			target = "_blank";
+		}
+		try {
+			open(url, target);
+			this._dispatchEvent("onOpen", url);
+			return Promise.resolve();
+		} catch (e) {
+			return Promise.reject(e);
+		}
+	}
+	_validateURL(url) {
+		invariant(typeof url === "string", "Invalid URL: should be a string. Was: " + url);
+		invariant(url, "Invalid URL: cannot be empty");
+	}
+};
 const open = (url, target) => {
-  if (canUseDOM) {
-    const urlToOpen = new URL(url, window.location).toString();
-    if (urlToOpen.indexOf("tel:") === 0) {
-      window.location = urlToOpen;
-    } else {
-      window.open(urlToOpen, target, "noopener");
-    }
-  }
+	if (canUseDOM) {
+		const urlToOpen = new URL(url, window.location).toString();
+		if (urlToOpen.indexOf("tel:") === 0) {
+			window.location = urlToOpen;
+		} else {
+			window.open(urlToOpen, target, "noopener");
+		}
+	}
 };
 const LinkingInstance = new Linking();
+
 export { LinkingInstance as Linking };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/Linking/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["canUseDOM","invariant","initialURL","window","location","href","Linking","_eventCallbacks","_dispatchEvent","event","data","listeners","Array","isArray","map","listener","addEventListener","callback","push","removeEventListener","callbacks","filteredCallbacks","filter","c","toString","canOpenURL","Promise","resolve","getInitialURL","openURL","url","target","arguments","length","open","e","reject","_validateURL","urlToOpen","URL","indexOf","LinkingInstance"],"sources":["../../../src/Linking/index.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,SAAA,EAAWC,SAAA,QAAiB;AAErC,MAAMC,UAAA,GAAaF,SAAA,GAAYG,MAAA,CAAOC,QAAA,CAASC,IAAA,GAAO;AAOtD,MAAMC,OAAA,CAAQ;EAAA;AAAA;AAAA;AAAA;EAKZC,eAAA,GAAsD,CAAC;EAEvDC,eAAeC,KAAA,KAAkBC,IAAA,EAAW;IAC1C,MAAMC,SAAA,GAAY,KAAKJ,eAAA,CAAgBE,KAAK;IAC5C,IAAIE,SAAA,IAAa,QAAQC,KAAA,CAAMC,OAAA,CAAQF,SAAS,GAAG;MACjDA,SAAA,CAAUG,GAAA,CAAKC,QAAA,IAAa;QAC1BA,QAAA,CAAS,GAAGL,IAAI;MAClB,CAAC;IACH;EACF;EAAA;AAAA;AAAA;AAAA;EAMAM,gBAAA,GAAqDA,CACnDP,KAAA,EACAQ,QAAA,KACG;IACH,IAAI,CAAC,KAAKV,eAAA,CAAgBE,KAAK,GAAG;MAChC,KAAKF,eAAA,CAAgBE,KAAK,IAAI,CAACQ,QAAQ;MACvC;IACF;IACA,KAAKV,eAAA,CAAgBE,KAAK,EAAES,IAAA,CAAKD,QAAQ;EAC3C;EAAA;AAAA;AAAA;AAAA;EAMAE,mBAAA,GAAwDA,CACtDV,KAAA,EACAQ,QAAA,KACG;IACH,MAAMG,SAAA,GAAY,KAAKb,eAAA,CAAgBE,KAAK;IAC5C,MAAMY,iBAAA,GAAoBD,SAAA,CAAUE,MAAA,CACjCC,CAAA,IAAMA,CAAA,CAAEC,QAAA,CAAS,MAAMP,QAAA,CAASO,QAAA,CAAS,CAC5C;IACA,KAAKjB,eAAA,CAAgBE,KAAK,IAAIY,iBAAA;EAChC;EAEAI,WAAA,EAA+B;IAC7B,OAAOC,OAAA,CAAQC,OAAA,CAAQ,IAAI;EAC7B;EAEAC,cAAA,EAAiC;IAC/B,OAAOF,OAAA,CAAQC,OAAA,CAAQzB,UAAU;EACnC;EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQA2B,QAAQC,GAAA,EAAaC,MAAA,EAAyC;IAC5D,IAAIC,SAAA,CAAUC,MAAA,KAAW,GAAG;MAC1BF,MAAA,GAAS;IACX;IACA,IAAI;MACFG,IAAA,CAAKJ,GAAA,EAAKC,MAAM;MAChB,KAAKvB,cAAA,CAAe,UAAUsB,GAAG;MACjC,OAAOJ,OAAA,CAAQC,OAAA,CAAQ;IACzB,SAASQ,CAAA,EAAG;MACV,OAAOT,OAAA,CAAQU,MAAA,CAAOD,CAAC;IACzB;EACF;EAEAE,aAAaP,GAAA,EAAa;IACxB7B,SAAA,CAAU,OAAO6B,GAAA,KAAQ,UAAU,2CAA2CA,GAAG;IACjF7B,SAAA,CAAU6B,GAAA,EAAK,8BAA8B;EAC/C;AACF;AAEA,MAAMI,IAAA,GAAOA,CAACJ,GAAA,EAAKC,MAAA,KAAW;EAC5B,IAAI/B,SAAA,EAAW;IAEb,MAAMsC,SAAA,GAAY,IAAIC,GAAA,CAAIT,GAAA,EAAK3B,MAAA,CAAOC,QAAQ,EAAEoB,QAAA,CAAS;IACzD,IAAIc,SAAA,CAAUE,OAAA,CAAQ,MAAM,MAAM,GAAG;MAEnCrC,MAAA,CAAOC,QAAA,GAAWkC,SAAA;IACpB,OAAO;MACLnC,MAAA,CAAO+B,IAAA,CAAKI,SAAA,EAAWP,MAAA,EAAQ,UAAU;IAC3C;EACF;AACF;AAEA,MAAMU,eAAA,GAAkB,IAAInC,OAAA,CAAQ","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["esm/Linking/index.js"],"sourcesContent":["import { canUseDOM, invariant } from \"@tamagui/react-native-web-internals\";\nconst initialURL = canUseDOM ? window.location.href : \"\";\nclass Linking {\n  /**\n   * An object mapping of event name\n   * and all the callbacks subscribing to it\n   */\n  _eventCallbacks = {};\n  _dispatchEvent(event, ...data) {\n    const listeners = this._eventCallbacks[event];\n    if (listeners != null && Array.isArray(listeners)) {\n      listeners.map((listener) => {\n        listener(...data);\n      });\n    }\n  }\n  /**\n   * Adds a event listener for the specified event. The callback will be called when the\n   * said event is dispatched.\n   */\n  addEventListener = (event, callback) => {\n    if (!this._eventCallbacks[event]) {\n      this._eventCallbacks[event] = [callback];\n      return;\n    }\n    this._eventCallbacks[event].push(callback);\n  };\n  /**\n   * Removes a previously added event listener for the specified event. The callback must\n   * be the same object as the one passed to `addEventListener`.\n   */\n  removeEventListener = (event, callback) => {\n    const callbacks = this._eventCallbacks[event];\n    const filteredCallbacks = callbacks.filter(\n      (c) => c.toString() !== callback.toString()\n    );\n    this._eventCallbacks[event] = filteredCallbacks;\n  };\n  canOpenURL() {\n    return Promise.resolve(true);\n  }\n  getInitialURL() {\n    return Promise.resolve(initialURL);\n  }\n  /**\n   * Try to open the given url in a secure fashion. The method returns a Promise object.\n   * If a target is passed (including undefined) that target will be used, otherwise '_blank'.\n   * If the url opens, the promise is resolved. If not, the promise is rejected.\n   * Dispatches the `onOpen` event if `url` is opened successfully.\n   */\n  openURL(url, target) {\n    if (arguments.length === 1) {\n      target = \"_blank\";\n    }\n    try {\n      open(url, target);\n      this._dispatchEvent(\"onOpen\", url);\n      return Promise.resolve();\n    } catch (e) {\n      return Promise.reject(e);\n    }\n  }\n  _validateURL(url) {\n    invariant(typeof url === \"string\", \"Invalid URL: should be a string. Was: \" + url);\n    invariant(url, \"Invalid URL: cannot be empty\");\n  }\n}\nconst open = (url, target) => {\n  if (canUseDOM) {\n    const urlToOpen = new URL(url, window.location).toString();\n    if (urlToOpen.indexOf(\"tel:\") === 0) {\n      window.location = urlToOpen;\n    } else {\n      window.open(urlToOpen, target, \"noopener\");\n    }\n  }\n};\nconst LinkingInstance = new Linking();\nexport {\n  LinkingInstance as Linking\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;AACA,MAAM,aAAa,YAAY,OAAO,SAAS,OAAO;AACtD,IAAM,UAAN,MAAc;;;;;CAKZ,kBAAkB,CAAC;CACnB,eAAe,OAAO,GAAG,MAAM;EAC7B,MAAM,YAAY,KAAK,gBAAgB;EACvC,IAAI,aAAa,QAAQ,MAAM,QAAQ,SAAS,GAAG;GACjD,UAAU,KAAK,aAAa;IAC1B,SAAS,GAAG,IAAI;GAClB,CAAC;EACH;CACF;;;;;CAKA,oBAAoB,OAAO,aAAa;EACtC,IAAI,CAAC,KAAK,gBAAgB,QAAQ;GAChC,KAAK,gBAAgB,SAAS,CAAC,QAAQ;GACvC;EACF;EACA,KAAK,gBAAgB,OAAO,KAAK,QAAQ;CAC3C;;;;;CAKA,uBAAuB,OAAO,aAAa;EACzC,MAAM,YAAY,KAAK,gBAAgB;EACvC,MAAM,oBAAoB,UAAU,QACjC,MAAM,EAAE,SAAS,MAAM,SAAS,SAAS,CAC5C;EACA,KAAK,gBAAgB,SAAS;CAChC;CACA,aAAa;EACX,OAAO,QAAQ,QAAQ,IAAI;CAC7B;CACA,gBAAgB;EACd,OAAO,QAAQ,QAAQ,UAAU;CACnC;;;;;;;CAOA,QAAQ,KAAK,QAAQ;EACnB,IAAI,UAAU,WAAW,GAAG;GAC1B,SAAS;EACX;EACA,IAAI;GACF,KAAK,KAAK,MAAM;GAChB,KAAK,eAAe,UAAU,GAAG;GACjC,OAAO,QAAQ,QAAQ;EACzB,SAAS,GAAG;GACV,OAAO,QAAQ,OAAO,CAAC;EACzB;CACF;CACA,aAAa,KAAK;EAChB,UAAU,OAAO,QAAQ,UAAU,2CAA2C,GAAG;EACjF,UAAU,KAAK,8BAA8B;CAC/C;AACF;AACA,MAAM,QAAQ,KAAK,WAAW;CAC5B,IAAI,WAAW;EACb,MAAM,YAAY,IAAI,IAAI,KAAK,OAAO,QAAQ,EAAE,SAAS;EACzD,IAAI,UAAU,QAAQ,MAAM,MAAM,GAAG;GACnC,OAAO,WAAW;EACpB,OAAO;GACL,OAAO,KAAK,WAAW,QAAQ,UAAU;EAC3C;CACF;AACF;AACA,MAAM,kBAAkB,IAAI,QAAQ"}

package/dist/esm/LogBox/index.mjs

@@ -1,9 +1,10 @@
 const LogBox = {
-  ignoreLogs() {},
-  ignoreAllLogs() {},
-  uninstall() {},
-  install() {}
+	ignoreLogs() {},
+	ignoreAllLogs() {},
+	uninstall() {},
+	install() {}
 };
 var LogBox_default = LogBox;
+
 export { LogBox, LogBox_default as default };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/LogBox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["LogBox","ignoreLogs","ignoreAllLogs","uninstall","install","LogBox_default"],"sources":["../../../src/LogBox/index.tsx"],"sourcesContent":[null],"mappings":"AASO,MAAMA,MAAA,GAAS;EACpBC,WAAA,EAAa,CAAC;EACdC,cAAA,EAAgB,CAAC;EACjBC,UAAA,EAAY,CAAC;EACbC,QAAA,EAAU,CAAC;AACb;AAEA,IAAOC,cAAA,GAAQL,MAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["esm/LogBox/index.js"],"sourcesContent":["const LogBox = {\n  ignoreLogs() {\n  },\n  ignoreAllLogs() {\n  },\n  uninstall() {\n  },\n  install() {\n  }\n};\nvar LogBox_default = LogBox;\nexport {\n  LogBox,\n  LogBox_default as default\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":";AAAA,MAAM,SAAS;CACb,aAAa,CACb;CACA,gBAAgB,CAChB;CACA,YAAY,CACZ;CACA,UAAU,CACV;AACF;AACA,IAAI,iBAAiB"}

package/dist/esm/Modal/ModalAnimation.mjs

@@ -1,138 +1,128 @@
 import * as React from "react";
 import { StyleSheet } from "@tamagui/react-native-web-internals";
 import { createElement } from "../createElement/index.mjs";
+
 var ANIMATION_DURATION = 300;
 function getAnimationStyle(animationType, visible) {
-  if (animationType === "slide") {
-    return visible ? animatedSlideInStyles : animatedSlideOutStyles;
-  }
-  if (animationType === "fade") {
-    return visible ? animatedFadeInStyles : animatedFadeOutStyles;
-  }
-  return visible ? styles.container : styles.hidden;
+	if (animationType === "slide") {
+		return visible ? animatedSlideInStyles : animatedSlideOutStyles;
+	}
+	if (animationType === "fade") {
+		return visible ? animatedFadeInStyles : animatedFadeOutStyles;
+	}
+	return visible ? styles.container : styles.hidden;
 }
 function ModalAnimation(props) {
-  var animationType = props.animationType,
-    children = props.children,
-    onDismiss = props.onDismiss,
-    onShow = props.onShow,
-    visible = props.visible;
-  var _React$useState = React.useState(false),
-    isRendering = _React$useState[0],
-    setIsRendering = _React$useState[1];
-  var wasVisible = React.useRef(false);
-  var isAnimated = animationType && animationType !== "none";
-  var animationEndCallback = React.useCallback(e => {
-    if (e && e.currentTarget !== e.target) {
-      return;
-    }
-    if (visible) {
-      if (onShow) {
-        onShow();
-      }
-    } else {
-      setIsRendering(false);
-      if (onDismiss) {
-        onDismiss();
-      }
-    }
-  }, [onDismiss, onShow, visible]);
-  React.useEffect(() => {
-    if (visible) {
-      setIsRendering(true);
-    }
-    if (visible !== wasVisible.current && !isAnimated) {
-      animationEndCallback();
-    }
-    wasVisible.current = visible;
-  }, [isAnimated, visible, animationEndCallback]);
-  return isRendering || visible ? createElement("div", {
-    style: isRendering ? getAnimationStyle(animationType, visible) : styles.hidden,
-    onAnimationEnd: animationEndCallback,
-    children
-  }) : null;
+	var animationType = props.animationType, children = props.children, onDismiss = props.onDismiss, onShow = props.onShow, visible = props.visible;
+	var _React$useState = React.useState(false), isRendering = _React$useState[0], setIsRendering = _React$useState[1];
+	var wasVisible = React.useRef(false);
+	var isAnimated = animationType && animationType !== "none";
+	var animationEndCallback = React.useCallback((e) => {
+		if (e && e.currentTarget !== e.target) {
+			return;
+		}
+		if (visible) {
+			if (onShow) {
+				onShow();
+			}
+		} else {
+			setIsRendering(false);
+			if (onDismiss) {
+				onDismiss();
+			}
+		}
+	}, [
+		onDismiss,
+		onShow,
+		visible
+	]);
+	React.useEffect(() => {
+		if (visible) {
+			setIsRendering(true);
+		}
+		if (visible !== wasVisible.current && !isAnimated) {
+			animationEndCallback();
+		}
+		wasVisible.current = visible;
+	}, [
+		isAnimated,
+		visible,
+		animationEndCallback
+	]);
+	return isRendering || visible ? createElement("div", {
+		style: isRendering ? getAnimationStyle(animationType, visible) : styles.hidden,
+		onAnimationEnd: animationEndCallback,
+		children
+	}) : null;
 }
 var styles = 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
-  }
+	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 }
 });
-var animatedSlideInStyles = [styles.container, styles.animatedIn, styles.slideIn];
-var animatedSlideOutStyles = [styles.container, styles.animatedOut, styles.slideOut];
-var animatedFadeInStyles = [styles.container, styles.animatedIn, styles.fadeIn];
-var animatedFadeOutStyles = [styles.container, styles.animatedOut, styles.fadeOut];
+var animatedSlideInStyles = [
+	styles.container,
+	styles.animatedIn,
+	styles.slideIn
+];
+var animatedSlideOutStyles = [
+	styles.container,
+	styles.animatedOut,
+	styles.slideOut
+];
+var animatedFadeInStyles = [
+	styles.container,
+	styles.animatedIn,
+	styles.fadeIn
+];
+var animatedFadeOutStyles = [
+	styles.container,
+	styles.animatedOut,
+	styles.fadeOut
+];
+
 export { ModalAnimation };
 //# sourceMappingURL=ModalAnimation.mjs.map

package/dist/esm/Modal/ModalAnimation.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","createElement","ANIMATION_DURATION","getAnimationStyle","animationType","visible","animatedSlideInStyles","animatedSlideOutStyles","animatedFadeInStyles","animatedFadeOutStyles","styles","container","hidden","ModalAnimation","props","children","onDismiss","onShow","_React$useState","useState","isRendering","setIsRendering","wasVisible","useRef","isAnimated","animationEndCallback","useCallback","e","currentTarget","target","useEffect","current","style","onAnimationEnd","create","position","top","right","bottom","left","zIndex","animatedIn","animationDuration","animationTimingFunction","animatedOut","pointerEvents","fadeIn","opacity","animationKeyframes","fadeOut","slideIn","transform","translateY","slideOut"],"sources":["../../../src/Modal/ModalAnimation.js"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ModalAnimation.js","names":[],"sources":["esm/Modal/ModalAnimation.js"],"sourcesContent":["import * as React from \"react\";\nimport { StyleSheet } from \"@tamagui/react-native-web-internals\";\nimport { createElement } from \"../createElement/index\";\nvar ANIMATION_DURATION = 300;\nfunction getAnimationStyle(animationType, visible) {\n  if (animationType === \"slide\") {\n    return visible ? animatedSlideInStyles : animatedSlideOutStyles;\n  }\n  if (animationType === \"fade\") {\n    return visible ? animatedFadeInStyles : animatedFadeOutStyles;\n  }\n  return visible ? styles.container : styles.hidden;\n}\nfunction ModalAnimation(props) {\n  var animationType = props.animationType, children = props.children, onDismiss = props.onDismiss, onShow = props.onShow, visible = props.visible;\n  var _React$useState = React.useState(false), isRendering = _React$useState[0], setIsRendering = _React$useState[1];\n  var wasVisible = React.useRef(false);\n  var isAnimated = animationType && animationType !== \"none\";\n  var animationEndCallback = React.useCallback(\n    (e) => {\n      if (e && e.currentTarget !== e.target) {\n        return;\n      }\n      if (visible) {\n        if (onShow) {\n          onShow();\n        }\n      } else {\n        setIsRendering(false);\n        if (onDismiss) {\n          onDismiss();\n        }\n      }\n    },\n    [onDismiss, onShow, visible]\n  );\n  React.useEffect(() => {\n    if (visible) {\n      setIsRendering(true);\n    }\n    if (visible !== wasVisible.current && !isAnimated) {\n      animationEndCallback();\n    }\n    wasVisible.current = visible;\n  }, [isAnimated, visible, animationEndCallback]);\n  return isRendering || visible ? createElement(\"div\", {\n    style: isRendering ? getAnimationStyle(animationType, visible) : styles.hidden,\n    onAnimationEnd: animationEndCallback,\n    children\n  }) : null;\n}\nvar styles = StyleSheet.create({\n  container: {\n    position: \"fixed\",\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    zIndex: 9999\n  },\n  animatedIn: {\n    animationDuration: ANIMATION_DURATION + \"ms\",\n    animationTimingFunction: \"ease-in\"\n  },\n  animatedOut: {\n    pointerEvents: \"none\",\n    animationDuration: ANIMATION_DURATION + \"ms\",\n    animationTimingFunction: \"ease-out\"\n  },\n  fadeIn: {\n    opacity: 1,\n    animationKeyframes: {\n      \"0%\": {\n        opacity: 0\n      },\n      \"100%\": {\n        opacity: 1\n      }\n    }\n  },\n  fadeOut: {\n    opacity: 0,\n    animationKeyframes: {\n      \"0%\": {\n        opacity: 1\n      },\n      \"100%\": {\n        opacity: 0\n      }\n    }\n  },\n  slideIn: {\n    transform: [\n      {\n        translateY: \"0%\"\n      }\n    ],\n    animationKeyframes: {\n      \"0%\": {\n        transform: [\n          {\n            translateY: \"100%\"\n          }\n        ]\n      },\n      \"100%\": {\n        transform: [\n          {\n            translateY: \"0%\"\n          }\n        ]\n      }\n    }\n  },\n  slideOut: {\n    transform: [\n      {\n        translateY: \"100%\"\n      }\n    ],\n    animationKeyframes: {\n      \"0%\": {\n        transform: [\n          {\n            translateY: \"0%\"\n          }\n        ]\n      },\n      \"100%\": {\n        transform: [\n          {\n            translateY: \"100%\"\n          }\n        ]\n      }\n    }\n  },\n  hidden: {\n    opacity: 0\n  }\n});\nvar animatedSlideInStyles = [styles.container, styles.animatedIn, styles.slideIn];\nvar animatedSlideOutStyles = [styles.container, styles.animatedOut, styles.slideOut];\nvar animatedFadeInStyles = [styles.container, styles.animatedIn, styles.fadeIn];\nvar animatedFadeOutStyles = [styles.container, styles.animatedOut, styles.fadeOut];\nexport {\n  ModalAnimation\n};\n//# sourceMappingURL=ModalAnimation.js.map\n"],"mappings":";;;;;AAGA,IAAI,qBAAqB;AACzB,SAAS,kBAAkB,eAAe,SAAS;CACjD,IAAI,kBAAkB,SAAS;EAC7B,OAAO,UAAU,wBAAwB;CAC3C;CACA,IAAI,kBAAkB,QAAQ;EAC5B,OAAO,UAAU,uBAAuB;CAC1C;CACA,OAAO,UAAU,OAAO,YAAY,OAAO;AAC7C;AACA,SAAS,eAAe,OAAO;CAC7B,IAAI,gBAAgB,MAAM,eAAe,WAAW,MAAM,UAAU,YAAY,MAAM,WAAW,SAAS,MAAM,QAAQ,UAAU,MAAM;CACxI,IAAI,kBAAkB,MAAM,SAAS,KAAK,GAAG,cAAc,gBAAgB,IAAI,iBAAiB,gBAAgB;CAChH,IAAI,aAAa,MAAM,OAAO,KAAK;CACnC,IAAI,aAAa,iBAAiB,kBAAkB;CACpD,IAAI,uBAAuB,MAAM,aAC9B,MAAM;EACL,IAAI,KAAK,EAAE,kBAAkB,EAAE,QAAQ;GACrC;EACF;EACA,IAAI,SAAS;GACX,IAAI,QAAQ;IACV,OAAO;GACT;EACF,OAAO;GACL,eAAe,KAAK;GACpB,IAAI,WAAW;IACb,UAAU;GACZ;EACF;CACF,GACA;EAAC;EAAW;EAAQ;CAAO,CAC7B;CACA,MAAM,gBAAgB;EACpB,IAAI,SAAS;GACX,eAAe,IAAI;EACrB;EACA,IAAI,YAAY,WAAW,WAAW,CAAC,YAAY;GACjD,qBAAqB;EACvB;EACA,WAAW,UAAU;CACvB,GAAG;EAAC;EAAY;EAAS;CAAoB,CAAC;CAC9C,OAAO,eAAe,UAAU,cAAc,OAAO;EACnD,OAAO,cAAc,kBAAkB,eAAe,OAAO,IAAI,OAAO;EACxE,gBAAgB;EAChB;CACF,CAAC,IAAI;AACP;AACA,IAAI,SAAS,WAAW,OAAO;CAC7B,WAAW;EACT,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,QAAQ;CACV;CACA,YAAY;EACV,mBAAmB,qBAAqB;EACxC,yBAAyB;CAC3B;CACA,aAAa;EACX,eAAe;EACf,mBAAmB,qBAAqB;EACxC,yBAAyB;CAC3B;CACA,QAAQ;EACN,SAAS;EACT,oBAAoB;GAClB,MAAM,EACJ,SAAS,EACX;GACA,QAAQ,EACN,SAAS,EACX;EACF;CACF;CACA,SAAS;EACP,SAAS;EACT,oBAAoB;GAClB,MAAM,EACJ,SAAS,EACX;GACA,QAAQ,EACN,SAAS,EACX;EACF;CACF;CACA,SAAS;EACP,WAAW,CACT,EACE,YAAY,KACd,CACF;EACA,oBAAoB;GAClB,MAAM,EACJ,WAAW,CACT,EACE,YAAY,OACd,CACF,EACF;GACA,QAAQ,EACN,WAAW,CACT,EACE,YAAY,KACd,CACF,EACF;EACF;CACF;CACA,UAAU;EACR,WAAW,CACT,EACE,YAAY,OACd,CACF;EACA,oBAAoB;GAClB,MAAM,EACJ,WAAW,CACT,EACE,YAAY,KACd,CACF,EACF;GACA,QAAQ,EACN,WAAW,CACT,EACE,YAAY,OACd,CACF,EACF;EACF;CACF;CACA,QAAQ,EACN,SAAS,EACX;AACF,CAAC;AACD,IAAI,wBAAwB;CAAC,OAAO;CAAW,OAAO;CAAY,OAAO;AAAO;AAChF,IAAI,yBAAyB;CAAC,OAAO;CAAW,OAAO;CAAa,OAAO;AAAQ;AACnF,IAAI,uBAAuB;CAAC,OAAO;CAAW,OAAO;CAAY,OAAO;AAAM;AAC9E,IAAI,wBAAwB;CAAC,OAAO;CAAW,OAAO;CAAa,OAAO;AAAO"}

package/dist/esm/Modal/ModalContent.mjs

@@ -1,59 +1,49 @@
 import * as React from "react";
 import { StyleSheet, canUseDOM } from "@tamagui/react-native-web-internals";
 import { View } from "../View/index.mjs";
-const ModalContent = /* @__PURE__ */React.forwardRef((props, forwardedRef) => {
-  const {
-    active,
-    children,
-    onRequestClose,
-    transparent,
-    ...rest
-  } = props;
-  React.useEffect(() => {
-    if (canUseDOM) {
-      var closeOnEscape = e => {
-        if (active && e.key === "Escape") {
-          e.stopPropagation();
-          if (onRequestClose) {
-            onRequestClose();
-          }
-        }
-      };
-      document.addEventListener("keyup", closeOnEscape, false);
-      return () => document.removeEventListener("keyup", closeOnEscape, false);
-    }
-  }, [active, onRequestClose]);
-  var style = React.useMemo(() => {
-    return [styles.modal, transparent ? styles.modalTransparent : styles.modalOpaque];
-  }, [transparent]);
-  return /* @__PURE__ */React.createElement(View, {
-    ...rest,
-    accessibilityModal: true,
-    accessibilityRole: active ? "dialog" : null,
-    ref: forwardedRef,
-    style
-  }, /* @__PURE__ */React.createElement(View, {
-    style: styles.container
-  }, children));
+
+const ModalContent = /* @__PURE__ */ React.forwardRef((props, forwardedRef) => {
+	const { active, children, onRequestClose, transparent, ...rest } = props;
+	React.useEffect(() => {
+		if (canUseDOM) {
+			var closeOnEscape = (e) => {
+				if (active && e.key === "Escape") {
+					e.stopPropagation();
+					if (onRequestClose) {
+						onRequestClose();
+					}
+				}
+			};
+			document.addEventListener("keyup", closeOnEscape, false);
+			return () => document.removeEventListener("keyup", closeOnEscape, false);
+		}
+	}, [active, onRequestClose]);
+	var style = React.useMemo(() => {
+		return [styles.modal, transparent ? styles.modalTransparent : styles.modalOpaque];
+	}, [transparent]);
+	return /* @__PURE__ */ React.createElement(View, {
+		...rest,
+		accessibilityModal: true,
+		accessibilityRole: active ? "dialog" : null,
+		ref: forwardedRef,
+		style
+	}, /* @__PURE__ */ React.createElement(View, { style: styles.container }, children));
 });
 var styles = StyleSheet.create({
-  modal: {
-    position: "fixed",
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0
-  },
-  modalTransparent: {
-    backgroundColor: "transparent"
-  },
-  modalOpaque: {
-    backgroundColor: "white"
-  },
-  container: {
-    top: 0,
-    flex: 1
-  }
+	modal: {
+		position: "fixed",
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0
+	},
+	modalTransparent: { backgroundColor: "transparent" },
+	modalOpaque: { backgroundColor: "white" },
+	container: {
+		top: 0,
+		flex: 1
+	}
 });
+
 export { ModalContent };
 //# sourceMappingURL=ModalContent.mjs.map