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

package/dist/cjs/Image/index.js

@@ -1,253 +0,0 @@
-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 Image_exports = {};
-__export(Image_exports, {
-  default: () => Image_default
-});
-module.exports = __toCommonJS(Image_exports);
-var React = __toESM(require("react")), import_react_native_web_internals = require("@tamagui/react-native-web-internals"), import_react_native_web_internals2 = require("@tamagui/react-native-web-internals"), import_createElement = __toESM(require("../createElement/index")), import_PixelRatio = __toESM(require("../PixelRatio/index")), import_View = __toESM(require("../View/index")), import_jsx_runtime = require("react/jsx-runtime");
-const ERRORED = "ERRORED", LOADED = "LOADED", LOADING = "LOADING", IDLE = "IDLE";
-let _filterId = 0;
-const svgDataUriPattern = /^(data:image\/svg\+xml;utf8,)(.*)/;
-function createTintColorSVG(tintColor, id) {
-  return tintColor && id != null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "svg",
-    {
-      style: {
-        position: "absolute",
-        height: 0,
-        visibility: "hidden",
-        width: 0
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("filter", { id: `tint-${id}`, suppressHydrationWarning: !0, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feFlood", { floodColor: `${tintColor}` }, tintColor),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feComposite", { in2: "SourceAlpha", operator: "atop" })
-      ] }) })
-    }
-  ) : null;
-}
-function getFlatStyle(style, blurRadius, filterId) {
-  const flatStyle = import_react_native_web_internals.StyleSheet.flatten(style), { filter, resizeMode, shadowOffset, tintColor } = flatStyle, filters = [];
-  let _filter = null;
-  if (filter && filters.push(filter), blurRadius && filters.push(`blur(${blurRadius}px)`), shadowOffset) {
-    const shadowString = (0, import_react_native_web_internals.createBoxShadowValue)(flatStyle);
-    shadowString && filters.push(`drop-shadow(${shadowString})`);
-  }
-  return tintColor && filterId != null && filters.push(`url(#tint-${filterId})`), filters.length > 0 && (_filter = filters.join(" ")), delete flatStyle.blurRadius, delete flatStyle.shadowColor, delete flatStyle.shadowOpacity, delete flatStyle.shadowOffset, delete flatStyle.shadowRadius, delete flatStyle.tintColor, delete flatStyle.overlayColor, delete flatStyle.resizeMode, [flatStyle, resizeMode, _filter, tintColor];
-}
-function resolveAssetDimensions(source) {
-  if (typeof source == "number") {
-    const { height, width } = (0, import_react_native_web_internals2.getAssetByID)(source);
-    return { height, width };
-  } else if (source != null && !Array.isArray(source) && typeof source == "object") {
-    const { height, width } = source;
-    return { height, width };
-  }
-}
-function resolveAssetUri(source) {
-  let uri = null;
-  if (typeof source == "number") {
-    const asset = (0, import_react_native_web_internals2.getAssetByID)(source);
-    let scale = asset.scales[0];
-    if (asset.scales.length > 1) {
-      const preferredScale = import_PixelRatio.default.get();
-      scale = asset.scales.reduce(
-        (prev, curr) => Math.abs(curr - preferredScale) < Math.abs(prev - preferredScale) ? curr : prev
-      );
-    }
-    const scaleSuffix = scale !== 1 ? `@${scale}x` : "";
-    uri = asset ? `${asset.httpServerLocation}/${asset.name}${scaleSuffix}.${asset.type}` : "";
-  } else typeof source == "string" ? uri = source : source && typeof source.uri == "string" && (uri = source.uri);
-  if (uri) {
-    const match = uri.match(svgDataUriPattern);
-    if (match) {
-      const [, prefix, svg] = match, encodedSvg = encodeURIComponent(svg);
-      return `${prefix}${encodedSvg}`;
-    }
-  }
-  return uri;
-}
-const Image = React.forwardRef((props, ref) => {
-  const {
-    accessibilityLabel,
-    blurRadius,
-    defaultSource,
-    draggable,
-    onError,
-    onLayout,
-    onLoad,
-    onLoadEnd,
-    onLoadStart,
-    pointerEvents,
-    source,
-    style,
-    ...rest
-  } = props;
-  if (process.env.NODE_ENV !== "production" && props.children)
-    throw new Error(
-      "The <Image> component cannot contain children. If you want to render content on top of the image, consider using the <ImageBackground> component or absolute positioning."
-    );
-  const [state, updateState] = React.useState(() => {
-    const uri2 = resolveAssetUri(source);
-    return uri2 != null && import_react_native_web_internals2.ImageLoader.has(uri2) ? LOADED : IDLE;
-  }), [layout, updateLayout] = React.useState({}), hasTextAncestor = React.useContext(import_react_native_web_internals.TextAncestorContext), hiddenImageRef = React.useRef(null), filterRef = React.useRef(_filterId++), requestRef = React.useRef(null), shouldDisplaySource = state === LOADED || state === LOADING && defaultSource == null, [flatStyle, _resizeMode, filter, tintColor] = getFlatStyle(
-    {},
-    blurRadius,
-    filterRef.current
-  ), resizeMode = props.resizeMode || _resizeMode || "cover", selectedSource = shouldDisplaySource ? source : defaultSource, displayImageUri = resolveAssetUri(selectedSource), imageSizeStyle = resolveAssetDimensions(selectedSource), backgroundImage = displayImageUri ? `url("${displayImageUri}")` : null, backgroundSize = getBackgroundSize(), hiddenImage = displayImageUri ? (0, import_createElement.default)("img", {
-    alt: accessibilityLabel || "",
-    style: styles.accessibilityImage$raw,
-    draggable: draggable || !1,
-    ref: hiddenImageRef,
-    src: displayImageUri
-  }) : null;
-  function getBackgroundSize() {
-    if (hiddenImageRef.current != null && (resizeMode === "center" || resizeMode === "repeat")) {
-      const { naturalHeight, naturalWidth } = hiddenImageRef.current, { height, width } = layout;
-      if (naturalHeight && naturalWidth && height && width) {
-        const scaleFactor = Math.min(1, width / naturalWidth, height / naturalHeight), x = Math.ceil(scaleFactor * naturalWidth), y = Math.ceil(scaleFactor * naturalHeight);
-        return `${x}px ${y}px`;
-      }
-    }
-  }
-  function handleLayout(e) {
-    if (resizeMode === "center" || resizeMode === "repeat" || onLayout) {
-      const { layout: layout2 } = e.nativeEvent;
-      onLayout && onLayout(e), updateLayout(layout2);
-    }
-  }
-  const uri = resolveAssetUri(source);
-  return React.useEffect(() => {
-    abortPendingRequest(), uri != null && (updateState(LOADING), onLoadStart && onLoadStart(), requestRef.current = import_react_native_web_internals2.ImageLoader.load(
-      uri,
-      function(e) {
-        updateState(LOADED), onLoad && onLoad(e), onLoadEnd && onLoadEnd();
-      },
-      function() {
-        updateState(ERRORED), onError && onError({
-          nativeEvent: {
-            error: `Failed to load resource ${uri} (404)`
-          }
-        }), onLoadEnd && onLoadEnd();
-      }
-    ));
-    function abortPendingRequest() {
-      requestRef.current != null && (import_react_native_web_internals2.ImageLoader.abort(requestRef.current), requestRef.current = null);
-    }
-    return abortPendingRequest;
-  }, [uri, requestRef, updateState, onError, onLoad, onLoadEnd, onLoadStart]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_View.default,
-    {
-      ...rest,
-      accessibilityLabel,
-      onLayout: handleLayout,
-      pointerEvents,
-      ref,
-      style: [
-        style,
-        styles.root,
-        hasTextAncestor && styles.inline,
-        imageSizeStyle,
-        flatStyle
-      ],
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_View.default,
-          {
-            style: [
-              ...[].concat(styles.image),
-              resizeModeStyles[resizeMode],
-              { backgroundImage, filter },
-              backgroundSize != null && { backgroundSize }
-            ],
-            suppressHydrationWarning: !0
-          }
-        ),
-        hiddenImage,
-        createTintColorSVG(tintColor, filterRef.current)
-      ]
-    }
-  );
-});
-Image.displayName = "Image";
-const ImageWithStatics = Image;
-ImageWithStatics.getSize = function(uri, success, failure) {
-  import_react_native_web_internals2.ImageLoader.getSize(uri, success, failure);
-};
-ImageWithStatics.prefetch = function(uri) {
-  return import_react_native_web_internals2.ImageLoader.prefetch(uri);
-};
-ImageWithStatics.queryCache = function(uris) {
-  return import_react_native_web_internals2.ImageLoader.queryCache(uris);
-};
-const styles = import_react_native_web_internals.StyleSheet.create({
-  root: {
-    flexBasis: "auto",
-    overflow: "hidden",
-    zIndex: 0
-  },
-  inline: {
-    display: "inline-flex"
-  },
-  image: {
-    ...import_react_native_web_internals.StyleSheet.absoluteFillObject,
-    backgroundColor: "transparent",
-    backgroundPosition: "center",
-    backgroundRepeat: "no-repeat",
-    backgroundSize: "cover",
-    height: "100%",
-    width: "100%",
-    zIndex: -1
-  },
-  accessibilityImage$raw: {
-    ...import_react_native_web_internals.StyleSheet.absoluteFillObject,
-    height: "100%",
-    opacity: 0,
-    width: "100%",
-    zIndex: -1
-  }
-}), resizeModeStyles = import_react_native_web_internals.StyleSheet.create({
-  center: {
-    backgroundSize: "auto"
-  },
-  contain: {
-    backgroundSize: "contain"
-  },
-  cover: {
-    backgroundSize: "cover"
-  },
-  none: {
-    backgroundPosition: "0",
-    backgroundSize: "auto"
-  },
-  repeat: {
-    backgroundPosition: "0",
-    backgroundRepeat: "repeat",
-    backgroundSize: "auto"
-  },
-  stretch: {
-    backgroundSize: "100% 100%"
-  }
-});
-var Image_default = ImageWithStatics;
-//# sourceMappingURL=index.js.map

package/dist/cjs/Image/types.js

@@ -1,14 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);
-//# sourceMappingURL=types.js.map

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

@@ -1,48 +0,0 @@
-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_react = require("@testing-library/react"), import_Text = __toESM(require("../../Text")), import__ = __toESM(require("..")), import_jsx_runtime = require("react/jsx-runtime");
-function findImage(container) {
-  return container.firstChild.firstChild;
-}
-describe("components/ImageBackground", () => {
-  describe('prop "children"', () => {
-    test("render child content", () => {
-      const { getByText } = (0, import_react.render)(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default, { children: "Hello World!" }) })
-      );
-      expect(getByText("Hello World!")).toBeDefined();
-    });
-  }), describe('prop "imageStyle"', () => {
-    test("sets the style of the underlying Image", () => {
-      const imageStyle = { width: 40, height: 60 }, { container } = (0, import_react.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { imageStyle }));
-      expect(
-        findImage(container).getAttribute("style").includes("width: 40px; height: 60px;")
-      ).toBe(!0);
-    });
-  }), describe('prop "style"', () => {
-    test("sets the style of the container View", () => {
-      const style = { margin: 40 }, { container } = (0, import_react.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { style }));
-      expect(container.firstChild.getAttribute("style")).toEqual(
-        "margin: 40px 40px 40px 40px;"
-      );
-    });
-  });
-});
-//# sourceMappingURL=index-test.js.map

package/dist/cjs/ImageBackground/index.js

@@ -1,62 +0,0 @@
-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")), import_View = __toESM(require("../View/index")), 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;
-//# sourceMappingURL=index.js.map

package/dist/cjs/Keyboard/index.js

@@ -1,35 +0,0 @@
-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/LogBox/index.js

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

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

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