@tamagui/image 1.144.2 → 1.144.4

package/dist/cjs/createImage.cjs

@@ -0,0 +1,122 @@
+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 createImage_exports = {};
+__export(createImage_exports, {
+  createImage: () => createImage
+});
+module.exports = __toCommonJS(createImage_exports);
+var import_web = require("@tamagui/web"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const defaultObjectFitMap = objectFit => {
+    switch (objectFit) {
+      case "fill":
+        return "stretch";
+      case "none":
+        return "center";
+      case "scale-down":
+        return "contain";
+      case "contain":
+        return "contain";
+      default:
+        return "cover";
+    }
+  },
+  defaultTransformSource = props => {
+    const {
+      src,
+      source,
+      width,
+      height
+    } = props;
+    return source || (src && typeof src != "string" ? src : {
+      uri: src,
+      width,
+      height
+    });
+  };
+function createImage(options) {
+  const {
+      Component,
+      mapObjectFitToResizeMode = defaultObjectFitMap,
+      resizeModePropName = "resizeMode",
+      objectPositionPropName,
+      transformSource = defaultTransformSource
+    } = options,
+    ImageComponent = (0, import_web.styled)(Component, {
+      name: "Image"
+    }, {
+      inlineProps: /* @__PURE__ */new Set(["source", "placeholder", "transition", "contentFit", "contentPosition", "cachePolicy", "recyclingKey", "allowDownscaling", "autoplay", "blurRadius", "priority", "placeholderContentFit", "responsivePolicy", "onLoadStart", "onProgress", "onLoadEnd"])
+    }).styleable((incomingProps, ref) => {
+      const props = incomingProps,
+        {
+          src,
+          width,
+          height,
+          objectFit,
+          objectPosition,
+          // web only props - filter out on native
+          decoding,
+          elementTiming,
+          fetchpriority,
+          isMap,
+          loading,
+          sizes,
+          useMap,
+          onLoad,
+          onError,
+          ...rest
+        } = props,
+        resolvedWidth = typeof width == "string" && width[0] === "$" ? (0, import_web.getTokenValue)(width) : width,
+        resolvedHeight = typeof height == "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height) : height,
+        finalSource = transformSource({
+          src,
+          width: resolvedWidth,
+          height: resolvedHeight
+        }),
+        finalProps = {
+          ...rest,
+          source: finalSource,
+          style: {
+            width: resolvedWidth,
+            height: resolvedHeight
+          }
+        };
+      return objectFit && (finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit)), objectPositionPropName && objectPosition && (finalProps[objectPositionPropName] = objectPosition), onLoad && (finalProps.onLoad = e => {
+        const source = e?.nativeEvent?.source || e?.source || {};
+        onLoad({
+          target: {
+            naturalHeight: source?.height,
+            naturalWidth: source?.width
+          },
+          type: "load"
+        });
+      }), onError && (finalProps.onError = () => {
+        onError({
+          type: "error"
+        });
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+        ref,
+        ...finalProps
+      });
+    }),
+    comp = Component;
+  return ImageComponent.getSize = comp.getSize || (() => {}), ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || (() => {}), ImageComponent.prefetch = comp.prefetch || (() => {}), ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || (() => {}), ImageComponent.abortPrefetch = comp.abortPrefetch || (() => {}), ImageComponent.queryCache = comp.queryCache || (() => {}), ImageComponent;
+}

package/dist/cjs/createImage.js

@@ -0,0 +1,127 @@
+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 createImage_exports = {};
+__export(createImage_exports, {
+  createImage: () => createImage
+});
+module.exports = __toCommonJS(createImage_exports);
+var import_web = require("@tamagui/web"), import_jsx_runtime = require("react/jsx-runtime");
+const defaultObjectFitMap = (objectFit) => {
+  switch (objectFit) {
+    case "fill":
+      return "stretch";
+    case "none":
+      return "center";
+    case "scale-down":
+      return "contain";
+    case "contain":
+      return "contain";
+    default:
+      return "cover";
+  }
+}, defaultTransformSource = (props) => {
+  const { src, source, width, height } = props;
+  return source || (src && typeof src != "string" ? src : {
+    uri: src,
+    width,
+    height
+  });
+};
+function createImage(options) {
+  const {
+    Component,
+    mapObjectFitToResizeMode = defaultObjectFitMap,
+    resizeModePropName = "resizeMode",
+    objectPositionPropName,
+    transformSource = defaultTransformSource
+  } = options, ImageComponent = (0, import_web.styled)(
+    Component,
+    {
+      name: "Image"
+    },
+    {
+      inlineProps: /* @__PURE__ */ new Set([
+        "source",
+        "placeholder",
+        "transition",
+        "contentFit",
+        "contentPosition",
+        "cachePolicy",
+        "recyclingKey",
+        "allowDownscaling",
+        "autoplay",
+        "blurRadius",
+        "priority",
+        "placeholderContentFit",
+        "responsivePolicy",
+        "onLoadStart",
+        "onProgress",
+        "onLoadEnd"
+      ])
+    }
+  ).styleable((incomingProps, ref) => {
+    const props = incomingProps, {
+      src,
+      width,
+      height,
+      objectFit,
+      objectPosition,
+      // web only props - filter out on native
+      decoding,
+      elementTiming,
+      fetchpriority,
+      isMap,
+      loading,
+      sizes,
+      useMap,
+      onLoad,
+      onError,
+      ...rest
+    } = props, resolvedWidth = typeof width == "string" && width[0] === "$" ? (0, import_web.getTokenValue)(width) : width, resolvedHeight = typeof height == "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height) : height, finalSource = transformSource({
+      src,
+      width: resolvedWidth,
+      height: resolvedHeight
+    }), finalProps = {
+      ...rest,
+      source: finalSource,
+      style: {
+        width: resolvedWidth,
+        height: resolvedHeight
+      }
+    };
+    return objectFit && (finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit)), objectPositionPropName && objectPosition && (finalProps[objectPositionPropName] = objectPosition), onLoad && (finalProps.onLoad = (e) => {
+      const source = e?.nativeEvent?.source || e?.source || {};
+      onLoad({
+        target: {
+          naturalHeight: source?.height,
+          naturalWidth: source?.width
+        },
+        type: "load"
+      });
+    }), onError && (finalProps.onError = () => {
+      onError({
+        type: "error"
+      });
+    }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ref, ...finalProps });
+  }), comp = Component;
+  return ImageComponent.getSize = comp.getSize || (() => {
+  }), ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || (() => {
+  }), ImageComponent.prefetch = comp.prefetch || (() => {
+  }), ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || (() => {
+  }), ImageComponent.abortPrefetch = comp.abortPrefetch || (() => {
+  }), ImageComponent.queryCache = comp.queryCache || (() => {
+  }), ImageComponent;
+}
+//# sourceMappingURL=createImage.js.map

package/dist/cjs/createImage.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/createImage.tsx"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/createImage.native.js

@@ -0,0 +1,128 @@
+"use strict";
+
+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 createImage_exports = {};
+__export(createImage_exports, {
+  createImage: () => createImage
+});
+module.exports = __toCommonJS(createImage_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_web = require("@tamagui/web"),
+  defaultObjectFitMap = function (objectFit) {
+    switch (objectFit) {
+      case "fill":
+        return "stretch";
+      case "none":
+        return "center";
+      case "scale-down":
+        return "contain";
+      case "contain":
+        return "contain";
+      default:
+        return "cover";
+    }
+  },
+  defaultTransformSource = function (props) {
+    var {
+      src,
+      source,
+      width,
+      height
+    } = props;
+    return source || (src && typeof src != "string" ? src : {
+      uri: src,
+      width,
+      height
+    });
+  };
+function createImage(options) {
+  var {
+      Component,
+      mapObjectFitToResizeMode = defaultObjectFitMap,
+      resizeModePropName = "resizeMode",
+      objectPositionPropName,
+      transformSource = defaultTransformSource
+    } = options,
+    inlinePropsSet = /* @__PURE__ */new Set(["source", "placeholder", "transition", "contentFit", "contentPosition", "cachePolicy", "recyclingKey", "allowDownscaling", "autoplay", "blurRadius", "priority", "placeholderContentFit", "responsivePolicy", "onLoadStart", "onProgress", "onLoadEnd"]),
+    StyledImage = (0, import_web.styled)(Component, {
+      name: "Image"
+    }, {
+      inlineProps: inlinePropsSet
+    }),
+    ImageComponent = StyledImage.styleable(function (incomingProps, ref) {
+      var props = incomingProps,
+        {
+          src,
+          width,
+          height,
+          objectFit,
+          objectPosition,
+          // web only props - filter out on native
+          decoding,
+          elementTiming,
+          fetchpriority,
+          isMap,
+          loading,
+          sizes,
+          useMap,
+          onLoad,
+          onError,
+          ...rest
+        } = props,
+        resolvedWidth = typeof width == "string" && width[0] === "$" ? (0, import_web.getTokenValue)(width) : width,
+        resolvedHeight = typeof height == "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height) : height,
+        finalSource = transformSource({
+          src,
+          width: resolvedWidth,
+          height: resolvedHeight
+        }),
+        finalProps = {
+          ...rest,
+          source: finalSource,
+          style: {
+            width: resolvedWidth,
+            height: resolvedHeight
+          }
+        };
+      return objectFit && (finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit)), objectPositionPropName && objectPosition && (finalProps[objectPositionPropName] = objectPosition), onLoad && (finalProps.onLoad = function (e) {
+        var _e_nativeEvent,
+          source = (e == null || (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.source) || e?.source || {};
+        onLoad({
+          target: {
+            naturalHeight: source?.height,
+            naturalWidth: source?.width
+          },
+          type: "load"
+        });
+      }), onError && (finalProps.onError = function () {
+        onError({
+          type: "error"
+        });
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+        ref,
+        ...finalProps
+      });
+    }),
+    comp = Component;
+  return ImageComponent.getSize = comp.getSize || function () {}, ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || function () {}, ImageComponent.prefetch = comp.prefetch || function () {}, ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || function () {}, ImageComponent.abortPrefetch = comp.abortPrefetch || function () {}, ImageComponent.queryCache = comp.queryCache || function () {}, ImageComponent;
+}
+//# sourceMappingURL=createImage.native.js.map

package/dist/cjs/createImage.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","createImage_exports","__export","createImage","module","exports","import_jsx_runtime","require","import_web","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","width","height","uri","options","Component","mapObjectFitToResizeMode","resizeModePropName","objectPositionPropName","transformSource","inlinePropsSet","Set","StyledImage","styled","name","inlineProps","ImageComponent","styleable","incomingProps","ref","objectPosition","decoding","elementTiming","fetchpriority","isMap","loading","sizes","useMap","onLoad","onError","rest","resolvedWidth","getTokenValue","resolvedHeight","finalSource","finalProps","style","e","_e_nativeEvent","nativeEvent","target","naturalHeight","naturalWidth","type","jsx","comp","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/types.cjs

@@ -0,0 +1,16 @@
+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);

package/dist/cjs/types.js

@@ -0,0 +1,14 @@
+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/types.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/types.ts"],
+  "mappings": ";;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/types.native.js

@@ -0,0 +1,19 @@
+"use strict";
+
+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.native.js.map

package/dist/cjs/types.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","types_exports"],"sources":["../../src/types.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA","ignoreList":[]}

package/dist/cjs/v1/Image.cjs

@@ -0,0 +1,86 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var Image_exports = {};
+__export(Image_exports, {
+  Image: () => Image
+});
+module.exports = __toCommonJS(Image_exports);
+var import_react = __toESM(require("react"), 1),
+  import_constants = require("@tamagui/constants"),
+  import_web = require("@tamagui/web"),
+  import_react_native = require("react-native-web"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const StyledImage = (0, import_web.styled)(import_react_native.Image, {
+  name: "Image"
+});
+let hasWarned = !1;
+const Image = StyledImage.styleable((inProps, ref) => {
+  const [props, style] = (0, import_web.usePropsAndStyle)(inProps),
+    {
+      src,
+      source,
+      objectFit,
+      ...rest
+    } = props;
+  process.env.NODE_ENV === "development" && typeof src == "string" && (typeof props.width == "string" && props.width[0] !== "$" || typeof props.height == "string" && props.height[0] !== "$") && (hasWarned || (hasWarned = !0, console.warn('React Native expects a numerical width/height. If you want to use a percent you must define the "source" prop with width, height, and uri.')));
+  let finalSource = typeof src == "string" ? {
+    uri: src,
+    ...(import_constants.isWeb && {
+      width: props.width || style?.width,
+      height: props.height || style?.height
+    })
+  } : source ?? src;
+  return finalSource && typeof finalSource == "object" && (process.env.NODE_ENV === "development" && process.env.TAMAGUI_IMAGE_CHECK_ERROR && import_react.default.useEffect(() => {
+    async function run() {
+      if (typeof src == "string") try {
+        await fetch(src).then(res => res.text());
+      } catch {
+        console.error(`Error loading image: ${src}`, {
+          props
+        });
+      }
+    }
+    run();
+  }, [src]), finalSource.default && (finalSource = finalSource.default)), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Image, {
+    resizeMode: objectFit,
+    ref,
+    source: finalSource,
+    style,
+    ...rest
+  });
+});
+Image.getSize = import_react_native.Image.getSize;
+Image.getSizeWithHeaders = import_react_native.Image.getSizeWithHeaders;
+Image.prefetch = import_react_native.Image.prefetch;
+Image.prefetchWithMetadata = import_react_native.Image.prefetchWithMetadata;
+Image.abortPrefetch = import_react_native.Image.abortPrefetch;
+Image.queryCache = import_react_native.Image.queryCache;

package/dist/cjs/v1/Image.js

@@ -0,0 +1,72 @@
+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, {
+  Image: () => Image
+});
+module.exports = __toCommonJS(Image_exports);
+var import_react = __toESM(require("react"), 1), import_constants = require("@tamagui/constants"), import_web = require("@tamagui/web"), import_react_native = require("react-native-web"), import_jsx_runtime = require("react/jsx-runtime");
+const StyledImage = (0, import_web.styled)(import_react_native.Image, {
+  name: "Image"
+});
+let hasWarned = !1;
+const Image = StyledImage.styleable((inProps, ref) => {
+  const [props, style] = (0, import_web.usePropsAndStyle)(inProps), { src, source, objectFit, ...rest } = props;
+  process.env.NODE_ENV === "development" && typeof src == "string" && (typeof props.width == "string" && props.width[0] !== "$" || typeof props.height == "string" && props.height[0] !== "$") && (hasWarned || (hasWarned = !0, console.warn(
+    'React Native expects a numerical width/height. If you want to use a percent you must define the "source" prop with width, height, and uri.'
+  )));
+  let finalSource = typeof src == "string" ? {
+    uri: src,
+    ...import_constants.isWeb && {
+      width: props.width || style?.width,
+      height: props.height || style?.height
+    }
+  } : source ?? src;
+  return finalSource && typeof finalSource == "object" && (process.env.NODE_ENV === "development" && process.env.TAMAGUI_IMAGE_CHECK_ERROR && import_react.default.useEffect(() => {
+    async function run() {
+      if (typeof src == "string")
+        try {
+          await fetch(src).then((res) => res.text());
+        } catch {
+          console.error(`Error loading image: ${src}`, { props });
+        }
+    }
+    run();
+  }, [src]), finalSource.default && (finalSource = finalSource.default)), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_native.Image,
+    {
+      resizeMode: objectFit,
+      ref,
+      source: finalSource,
+      style,
+      ...rest
+    }
+  );
+});
+Image.getSize = import_react_native.Image.getSize;
+Image.getSizeWithHeaders = import_react_native.Image.getSizeWithHeaders;
+Image.prefetch = import_react_native.Image.prefetch;
+Image.prefetchWithMetadata = import_react_native.Image.prefetchWithMetadata;
+Image.abortPrefetch = import_react_native.Image.abortPrefetch;
+Image.queryCache = import_react_native.Image.queryCache;
+//# sourceMappingURL=Image.js.map

package/dist/cjs/v1/Image.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/v1/Image.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAClB,mBAAsB,+BAQtB,aAAyC,yBAEzC,sBAAiC,yBAqH7B;AAnHJ,MAAM,kBAAc,mBAAO,oBAAAA,OAAS;AAAA,EAClC,MAAM;AACR,CAAC;AAmCD,IAAI,YAAY;AAMT,MAAM,QAAQ,YAAY,UAAsB,CAAC,SAAS,QAAQ;AACvE,QAAM,CAAC,OAAO,KAAK,QAAI,6BAAiB,OAAO,GACzC,EAAE,KAAK,QAAQ,WAAW,GAAG,KAAK,IAAI;AAE5C,EAAI,QAAQ,IAAI,aAAa,iBACvB,OAAO,OAAQ,aAEd,OAAO,MAAM,SAAU,YAAY,MAAM,MAAM,CAAC,MAAM,OACtD,OAAO,MAAM,UAAW,YAAY,MAAM,OAAO,CAAC,MAAM,SAEpD,cACH,YAAY,IACZ,QAAQ;AAAA,IACN;AAAA,EACF;AAMR,MAAI,cACF,OAAO,OAAQ,WACX;AAAA,IACE,KAAK;AAAA,IACL,GAAI,0BAAS;AAAA,MACX,OAAO,MAAM,SAAS,OAAO;AAAA,MAC7B,QAAQ,MAAM,UAAU,OAAO;AAAA,IACjC;AAAA,EACF,IACC,UAAU;AAEjB,SAAI,eAAe,OAAO,eAAgB,aAgBpC,QAAQ,IAAI,aAAa,iBAAiB,QAAQ,IAAI,6BAExD,aAAAC,QAAM,UAAU,MAAM;AACpB,mBAAe,MAAM;AACnB,UAAI,OAAO,OAAQ;AACjB,YAAI;AACF,gBAAM,MAAM,GAAG,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC;AAAA,QAC3C,QAAc;AACZ,kBAAQ,MAAM,wBAAwB,GAAG,IAAI,EAAE,MAAM,CAAC;AAAA,QACxD;AAAA,IAEJ;AAEA,QAAI;AAAA,EACN,GAAG,CAAC,GAAG,CAAC,GAIN,YAAY,YACd,cAAc,YAAY,WAM5B;AAAA,IAAC,oBAAAD;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACC,GAAI;AAAA;AAAA,EACP;AAEJ,CAAC;AAED,MAAM,UAAU,oBAAAA,MAAQ;AACxB,MAAM,qBAAqB,oBAAAA,MAAQ;AACnC,MAAM,WAAW,oBAAAA,MAAQ;AACzB,MAAM,uBAAuB,oBAAAA,MAAQ;AACrC,MAAM,gBAAgB,oBAAAA,MAAQ;AAC9B,MAAM,aAAa,oBAAAA,MAAQ;",
+  "names": ["RNImage", "React"]
+}