@tamagui/image 2.0.0-rc.3 → 2.0.0-rc.31

package/dist/cjs/createImage.js

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

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

package/dist/cjs/index.js

@@ -1,16 +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;
-}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var index_exports = {};
-module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./Image"), module.exports);
-__reExport(index_exports, require("./createImage"), module.exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/dist/cjs/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/types.js.map

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

package/dist/cjs/v1/Image.js

@@ -1,72 +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, {
-  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

@@ -1,6 +0,0 @@
-{
-  "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"]
-}

package/dist/cjs/v1/index.js

@@ -1,15 +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;
-}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var v1_exports = {};
-module.exports = __toCommonJS(v1_exports);
-__reExport(v1_exports, require("./Image"), module.exports);
-//# sourceMappingURL=index.js.map

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

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

package/dist/esm/Image.js

@@ -1,40 +0,0 @@
-import { View, styled } from "@tamagui/web";
-import { jsx } from "react/jsx-runtime";
-const StyledImage = styled(View, {
-  name: "Image",
-  render: "img"
-}), Image = StyledImage.styleable(
-  (inProps, ref) => {
-    const {
-      // exclude native only props
-      blurRadius,
-      capInsets,
-      defaultSource,
-      fadeDuration,
-      loadingIndicatorSource,
-      onLoadEnd,
-      onPartialLoad,
-      progressiveRenderingEnabled,
-      resizeMethod,
-      tintColor,
-      ...rest
-    } = inProps;
-    return /* @__PURE__ */ jsx(StyledImage, { ref, ...rest });
-  },
-  {
-    staticConfig: {
-      memo: !0
-    }
-  }
-), func = (() => {
-});
-Image.getSize = func;
-Image.getSizeWithHeaders = func;
-Image.prefetch = func;
-Image.prefetchWithMetadata = func;
-Image.abortPrefetch = func;
-Image.queryCache = func;
-export {
-  Image
-};
-//# sourceMappingURL=Image.js.map

package/dist/esm/Image.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Image.tsx"],
-  "mappings": "AAAA,SAAS,MAAM,cAAc;AAwBlB;AArBX,MAAM,cAAc,OAAO,MAAM;AAAA,EAC/B,MAAM;AAAA,EACN,QAAQ;AACV,CAAC,GAEY,QAAQ,YAAY;AAAA,EAC/B,CAAC,SAAS,QAAQ;AAChB,UAAM;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AACJ,WAAO,oBAAC,eAAY,KAAW,GAAG,MAAM;AAAA,EAC1C;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEM,QAAQ,MAAM;AAAC;AAErB,MAAM,UAAU;AAChB,MAAM,qBAAqB;AAC3B,MAAM,WAAW;AACjB,MAAM,uBAAuB;AAC7B,MAAM,gBAAgB;AACtB,MAAM,aAAa;",
-  "names": []
-}

package/dist/esm/createImage.js

@@ -1,112 +0,0 @@
-import { getTokenValue, styled } from "@tamagui/web";
-import { jsx } from "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 = 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] === "$" ? getTokenValue(width) : width, resolvedHeight = typeof height == "string" && height[0] === "$" ? 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__ */ 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;
-}
-export {
-  createImage
-};
-//# sourceMappingURL=createImage.js.map

package/dist/esm/createImage.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/createImage.tsx"],
-  "mappings": "AAAA,SAAS,eAAe,cAAc;AAyN3B;AA/KX,MAAM,sBAAsB,CAAC,cAAuC;AAClE,UAAQ,WAAW;AAAA,IACjB,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF,GAEM,yBAAyB,CAAC,UAK1B;AACJ,QAAM,EAAE,KAAK,QAAQ,OAAO,OAAO,IAAI;AACvC,SAAI,WACA,OAAO,OAAO,OAAQ,WAAiB,MACpC;AAAA,IACL,KAAK;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;AAyBO,SAAS,YACd,SACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA,2BAA2B;AAAA,IAC3B,qBAAqB;AAAA,IACrB;AAAA,IACA,kBAAkB;AAAA,EACpB,IAAI,SAmCE,iBAbc;AAAA,IAClB;AAAA,IACA;AAAA,MACE,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,aAzBmB,oBAAI,IAAI;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IASC;AAAA,EACF,EAKmC,UAAyB,CAAC,eAAe,QAAQ;AAClF,UAAM,QAAQ,eACR;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OAEE,gBACJ,OAAO,SAAU,YAAY,MAAM,CAAC,MAAM,MAAM,cAAc,KAAY,IAAI,OAC1E,iBACJ,OAAO,UAAW,YAAY,OAAO,CAAC,MAAM,MACxC,cAAc,MAAa,IAC3B,QAEA,cAAc,gBAAgB;AAAA,MAClC;AAAA,MACA,OAAO;AAAA,MACP,QAAQ;AAAA,IACV,CAAC,GAEK,aAAkB;AAAA,MACtB,GAAG;AAAA,MACH,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF;AAGA,WAAI,cACF,WAAW,kBAAkB,IAAI,yBAAyB,SAAS,IAIjE,0BAA0B,mBAC5B,WAAW,sBAAsB,IAAI,iBAInC,WACF,WAAW,SAAS,CAAC,MAAW;AAC9B,YAAM,SAAS,GAAG,aAAa,UAAU,GAAG,UAAU,CAAC;AACvD,aAAO;AAAA,QACL,QAAQ;AAAA,UACN,eAAe,QAAQ;AAAA,UACvB,cAAc,QAAQ;AAAA,QACxB;AAAA,QACA,MAAM;AAAA,MACR,CAAQ;AAAA,IACV,IAIE,YACF,WAAW,UAAU,MAAM;AACzB,cAAQ;AAAA,QACN,MAAM;AAAA,MACR,CAAQ;AAAA,IACV,IAIK,oBAAC,aAAU,KAAW,GAAG,YAAY;AAAA,EAC9C,CAAC,GAGK,OAAO;AACb,wBAAe,UAAU,KAAK,YAAY,MAAM;AAAA,EAAC,IACjD,eAAe,qBAAqB,KAAK,uBAAuB,MAAM;AAAA,EAAC,IACvE,eAAe,WAAW,KAAK,aAAa,MAAM;AAAA,EAAC,IACnD,eAAe,uBAAuB,KAAK,yBAAyB,MAAM;AAAA,EAAC,IAC3E,eAAe,gBAAgB,KAAK,kBAAkB,MAAM;AAAA,EAAC,IAC7D,eAAe,aAAa,KAAK,eAAe,MAAM;AAAA,EAAC,IAEhD;AACT;",
-  "names": []
-}

package/dist/esm/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

package/dist/esm/types.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "mappings": "",
-  "names": []
-}

package/dist/esm/v1/Image.js

@@ -1,52 +0,0 @@
-import React from "react";
-import { isWeb } from "@tamagui/constants";
-import { styled, usePropsAndStyle } from "@tamagui/web";
-import { Image as RNImage } from "react-native-web";
-import { jsx } from "react/jsx-runtime";
-const StyledImage = styled(RNImage, {
-  name: "Image"
-});
-let hasWarned = !1;
-const Image = StyledImage.styleable((inProps, ref) => {
-  const [props, style] = 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,
-    ...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 && React.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__ */ jsx(
-    RNImage,
-    {
-      resizeMode: objectFit,
-      ref,
-      source: finalSource,
-      style,
-      ...rest
-    }
-  );
-});
-Image.getSize = RNImage.getSize;
-Image.getSizeWithHeaders = RNImage.getSizeWithHeaders;
-Image.prefetch = RNImage.prefetch;
-Image.prefetchWithMetadata = RNImage.prefetchWithMetadata;
-Image.abortPrefetch = RNImage.abortPrefetch;
-Image.queryCache = RNImage.queryCache;
-export {
-  Image
-};
-//# sourceMappingURL=Image.js.map

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

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/v1/Image.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,aAAa;AAQtB,SAAS,QAAQ,wBAAwB;AAEzC,SAAS,SAAS,eAAe;AAqH7B;AAnHJ,MAAM,cAAc,OAAO,SAAS;AAAA,EAClC,MAAM;AACR,CAAC;AAmCD,IAAI,YAAY;AAMT,MAAM,QAAQ,YAAY,UAAsB,CAAC,SAAS,QAAQ;AACvE,QAAM,CAAC,OAAO,KAAK,IAAI,iBAAiB,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,SAAS;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,MAAM,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;AAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACC,GAAI;AAAA;AAAA,EACP;AAEJ,CAAC;AAED,MAAM,UAAU,QAAQ;AACxB,MAAM,qBAAqB,QAAQ;AACnC,MAAM,WAAW,QAAQ;AACzB,MAAM,uBAAuB,QAAQ;AACrC,MAAM,gBAAgB,QAAQ;AAC9B,MAAM,aAAa,QAAQ;",
-  "names": []
-}

package/dist/esm/v1/index.js

@@ -1,2 +0,0 @@
-export * from "./Image";
-//# sourceMappingURL=index.js.map

package/dist/esm/v1/index.js.map

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

package/dist/jsx/Image.js

@@ -1,40 +0,0 @@
-import { View, styled } from "@tamagui/web";
-import { jsx } from "react/jsx-runtime";
-const StyledImage = styled(View, {
-  name: "Image",
-  render: "img"
-}), Image = StyledImage.styleable(
-  (inProps, ref) => {
-    const {
-      // exclude native only props
-      blurRadius,
-      capInsets,
-      defaultSource,
-      fadeDuration,
-      loadingIndicatorSource,
-      onLoadEnd,
-      onPartialLoad,
-      progressiveRenderingEnabled,
-      resizeMethod,
-      tintColor,
-      ...rest
-    } = inProps;
-    return /* @__PURE__ */ jsx(StyledImage, { ref, ...rest });
-  },
-  {
-    staticConfig: {
-      memo: !0
-    }
-  }
-), func = (() => {
-});
-Image.getSize = func;
-Image.getSizeWithHeaders = func;
-Image.prefetch = func;
-Image.prefetchWithMetadata = func;
-Image.abortPrefetch = func;
-Image.queryCache = func;
-export {
-  Image
-};
-//# sourceMappingURL=Image.js.map

package/dist/jsx/Image.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Image.tsx"],
-  "mappings": "AAAA,SAAS,MAAM,cAAc;AAwBlB;AArBX,MAAM,cAAc,OAAO,MAAM;AAAA,EAC/B,MAAM;AAAA,EACN,QAAQ;AACV,CAAC,GAEY,QAAQ,YAAY;AAAA,EAC/B,CAAC,SAAS,QAAQ;AAChB,UAAM;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AACJ,WAAO,oBAAC,eAAY,KAAW,GAAG,MAAM;AAAA,EAC1C;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEM,QAAQ,MAAM;AAAC;AAErB,MAAM,UAAU;AAChB,MAAM,qBAAqB;AAC3B,MAAM,WAAW;AACjB,MAAM,uBAAuB;AAC7B,MAAM,gBAAgB;AACtB,MAAM,aAAa;",
-  "names": []
-}