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

package/dist/cjs/Modal/ModalAnimation.cjs

@@ -5,170 +5,149 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ModalAnimation_exports = {};
-__export(ModalAnimation_exports, {
-  ModalAnimation: () => ModalAnimation
-});
+__export(ModalAnimation_exports, { ModalAnimation: () => ModalAnimation });
 module.exports = __toCommonJS(ModalAnimation_exports);
 var React = __toESM(require("react"), 1);
 var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
 var import_createElement = require("../createElement/index.cjs");
 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 ? (0, import_createElement.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 ? (0, import_createElement.createElement)("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
-  }
+	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
+];

package/dist/cjs/Modal/ModalContent.cjs

@@ -5,91 +5,70 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ModalContent_exports = {};
-__export(ModalContent_exports, {
-  ModalContent: () => ModalContent
-});
+__export(ModalContent_exports, { ModalContent: () => ModalContent });
 module.exports = __toCommonJS(ModalContent_exports);
 var React = __toESM(require("react"), 1);
 var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
 var import_View = require("../View/index.cjs");
-const 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 => {
-        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(import_View.View, {
-    ...rest,
-    accessibilityModal: true,
-    accessibilityRole: active ? "dialog" : null,
-    ref: forwardedRef,
-    style
-  }, /* @__PURE__ */React.createElement(import_View.View, {
-    style: styles.container
-  }, children));
+const 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) => {
+				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(import_View.View, {
+		...rest,
+		accessibilityModal: true,
+		accessibilityRole: active ? "dialog" : null,
+		ref: forwardedRef,
+		style
+	}, /* @__PURE__ */ React.createElement(import_View.View, { style: styles.container }, children));
 });
 var 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
-  }
-});
+	modal: {
+		position: "fixed",
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0
+	},
+	modalTransparent: { backgroundColor: "transparent" },
+	modalOpaque: { backgroundColor: "white" },
+	container: {
+		top: 0,
+		flex: 1
+	}
+});

package/dist/cjs/Modal/ModalPortal.cjs

@@ -5,59 +5,50 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ModalPortal_exports = {};
-__export(ModalPortal_exports, {
-  ModalPortal: () => ModalPortal
-});
+__export(ModalPortal_exports, { ModalPortal: () => ModalPortal });
 module.exports = __toCommonJS(ModalPortal_exports);
 var React = __toESM(require("react"), 1);
 var import_react_dom = __toESM(require("react-dom"), 1);
 var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
 function ModalPortal(props) {
-  var children = props.children;
-  var elementRef = React.useRef(null);
-  if (import_react_native_web_internals.canUseDOM && !elementRef.current) {
-    var element = document.createElement("div");
-    if (element && document.body) {
-      document.body.appendChild(element);
-      elementRef.current = element;
-    }
-  }
-  React.useEffect(() => {
-    if (import_react_native_web_internals.canUseDOM) {
-      return () => {
-        if (document.body && elementRef.current) {
-          document.body.removeChild(elementRef.current);
-          elementRef.current = null;
-        }
-      };
-    }
-  }, []);
-  return elementRef.current && import_react_native_web_internals.canUseDOM ? /* @__PURE__ */import_react_dom.default.createPortal(children, elementRef.current) : null;
-}
+	var children = props.children;
+	var elementRef = React.useRef(null);
+	if (import_react_native_web_internals.canUseDOM && !elementRef.current) {
+		var element = document.createElement("div");
+		if (element && document.body) {
+			document.body.appendChild(element);
+			elementRef.current = element;
+		}
+	}
+	React.useEffect(() => {
+		if (import_react_native_web_internals.canUseDOM) {
+			return () => {
+				if (document.body && elementRef.current) {
+					document.body.removeChild(elementRef.current);
+					elementRef.current = null;
+				}
+			};
+		}
+	}, []);
+	return elementRef.current && import_react_native_web_internals.canUseDOM ? /* @__PURE__ */ import_react_dom.default.createPortal(children, elementRef.current) : null;
+}

package/dist/cjs/Modal/index.cjs

@@ -3,26 +3,22 @@ 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: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Modal_exports = {};
-__export(Modal_exports, {
-  Modal: () => Modal
-});
+__export(Modal_exports, { Modal: () => Modal });
 module.exports = __toCommonJS(Modal_exports);
-const Modal = () => null;
+const Modal = () => null;

package/dist/cjs/NativeModules/index.cjs

@@ -3,29 +3,23 @@ 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: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var NativeModules_exports = {};
-__export(NativeModules_exports, {
-  NativeModules: () => NativeModules
-});
+__export(NativeModules_exports, { NativeModules: () => NativeModules });
 module.exports = __toCommonJS(NativeModules_exports);
 var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
-const NativeModules = {
-  UIManager: import_react_native_web_internals.UIManager
-};
+const NativeModules = { UIManager: import_react_native_web_internals.UIManager };