@tamagui/image 1.14.0 → 1.14.2

package/dist/cjs/Image.js

@@ -1,2 +1,68 @@
-"use strict";var h=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var I=Object.prototype.hasOwnProperty;var l=(a,t)=>{for(var e in t)h(a,e,{get:t[e],enumerable:!0})},S=(a,t,e,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of u(t))!I.call(a,o)&&o!==e&&h(a,o,{get:()=>t[o],enumerable:!(s=f(t,o))||s.enumerable});return a};var P=a=>S(h({},"__esModule",{value:!0}),a);var R={};l(R,{Image:()=>p});module.exports=P(R);var y=require("react/jsx-runtime"),i=require("@tamagui/core"),m=require("react"),r=require("react-native");(0,i.setupReactNative)({Image:r.Image});const g=(0,i.styled)(r.Image,{name:"Image",position:"relative",source:{uri:""},zIndex:1});let c=!1;const p=g.extractable((0,m.forwardRef)((a,t)=>{const e=(0,i.useMediaPropsActive)(a),{src:s,source:o,...n}=e;process.env.NODE_ENV==="development"&&typeof s=="string"&&(typeof e.width=="string"&&e.width[0]!=="$"||typeof e.height=="string"&&e.height[0]!=="$")&&(c||(c=!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.')));const d=typeof s=="string"?{uri:s,...i.isWeb&&{width:e.width,height:e.height}}:o??s;return(0,y.jsx)(g,{ref:t,source:d,...n})}));p.getSize=r.Image.getSize,p.getSizeWithHeaders=r.Image.getSizeWithHeaders,p.prefetch=r.Image.prefetch,p.prefetchWithMetadata=r.Image.prefetchWithMetadata,p.abortPrefetch=r.Image.abortPrefetch,p.queryCache=r.Image.queryCache;0&&(module.exports={Image});
+"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: 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;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Image_exports = {};
+__export(Image_exports, {
+  Image: () => Image
+});
+module.exports = __toCommonJS(Image_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tamagui/core");
+var import_react = require("react");
+var import_react_native = require("react-native");
+(0, import_core.setupReactNative)({
+  Image: import_react_native.Image
+});
+const StyledImage = (0, import_core.styled)(import_react_native.Image, {
+  name: "Image",
+  position: "relative",
+  source: { uri: "" },
+  zIndex: 1
+});
+let hasWarned = false;
+const Image = StyledImage.extractable(
+  (0, import_react.forwardRef)((inProps, ref) => {
+    const props = (0, import_core.useMediaPropsActive)(inProps);
+    const { src, source, ...rest } = props;
+    if (process.env.NODE_ENV === "development") {
+      if (typeof src === "string") {
+        if (typeof props.width === "string" && props.width[0] !== "$" || typeof props.height === "string" && props.height[0] !== "$") {
+          if (!hasWarned) {
+            hasWarned = true;
+            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.`
+            );
+          }
+        }
+      }
+    }
+    const finalSource = typeof src === "string" ? { uri: src, ...import_core.isWeb && { width: props.width, height: props.height } } : source ?? src;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledImage, { ref, source: finalSource, ...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;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Image
+});
 //# sourceMappingURL=Image.js.map

package/dist/cjs/Image.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Image.tsx"],
   "sourcesContent": ["import {\n  GetProps,\n  RadiusTokens,\n  SizeTokens,\n  StackProps,\n  ThemeValueFallback,\n  isWeb,\n  setupReactNative,\n  styled,\n  useMediaPropsActive,\n} from '@tamagui/core'\nimport React, { forwardRef } from 'react'\nimport { Image as RNImage } from 'react-native'\n\nsetupReactNative({\n  Image: RNImage,\n})\n\nconst StyledImage = styled(RNImage, {\n  name: 'Image',\n  position: 'relative',\n  source: { uri: '' },\n  zIndex: 1,\n})\n\ntype StyledImageProps = Omit<GetProps<typeof StyledImage>, 'borderRadius'> & {\n  borderRadius?: RadiusTokens\n}\n\ntype BaseProps = Omit<StyledImageProps, 'width' | 'height' | 'style' | 'onLayout'> & {\n  width?: string | number | SizeTokens | ThemeValueFallback\n  height?: string | number | SizeTokens | ThemeValueFallback\n\n  /**\n   * @deprecated use `source` instead to disambiguate width/height style from width/height of the actual image\n   */\n  src?: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\ntype RNImageType = typeof RNImage\n\ntype ImageType = React.FC<ImageProps> & {\n  getSize: RNImageType['getSize']\n  getSizeWithHeaders: RNImageType['getSizeWithHeaders']\n  prefetch: RNImageType['prefetch']\n  prefetchWithMetadata: RNImageType['prefetchWithMetadata']\n  abortPrefetch: RNImageType['abortPrefetch']\n  queryCache: RNImageType['queryCache']\n}\n\nlet hasWarned = false\n\nexport const Image = StyledImage.extractable(\n  forwardRef((inProps: ImageProps, ref) => {\n    const props = useMediaPropsActive(inProps)\n    const { src, source, ...rest } = props\n\n    if (process.env.NODE_ENV === 'development') {\n      if (typeof src === 'string') {\n        if (\n          (typeof props.width === 'string' && props.width[0] !== '$') ||\n          (typeof props.height === 'string' && props.height[0] !== '$')\n        ) {\n          if (!hasWarned) {\n            hasWarned = true\n            console.warn(\n              `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.`\n            )\n          }\n        }\n      }\n    }\n\n    const finalSource =\n      typeof src === 'string'\n        ? { uri: src, ...(isWeb && { width: props.width, height: props.height }) }\n        : source ?? src\n\n    // must set defaultSource to allow SSR, default it to the same as src\n    return <StyledImage ref={ref} source={finalSource} {...(rest as any)} />\n  })\n) as any as ImageType\n\nImage.getSize = RNImage.getSize\nImage.getSizeWithHeaders = RNImage.getSizeWithHeaders\nImage.prefetch = RNImage.prefetch\nImage.prefetchWithMetadata = RNImage.prefetchWithMetadata\nImage.abortPrefetch = RNImage.abortPrefetch\nImage.queryCache = RNImage.queryCache\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GAiFW,IAAAI,EAAA,6BAjFXC,EAUO,yBACPC,EAAkC,iBAClCC,EAAiC,2BAEjC,oBAAiB,CACf,MAAO,EAAAC,KACT,CAAC,EAED,MAAMC,KAAc,UAAO,EAAAD,MAAS,CAClC,KAAM,QACN,SAAU,WACV,OAAQ,CAAE,IAAK,EAAG,EAClB,OAAQ,CACV,CAAC,EA6BD,IAAIE,EAAY,GAET,MAAMR,EAAQO,EAAY,eAC/B,cAAW,CAACE,EAAqBC,IAAQ,CACvC,MAAMC,KAAQ,uBAAoBF,CAAO,EACnC,CAAE,IAAAG,EAAK,OAAAC,EAAQ,GAAGC,CAAK,EAAIH,EAE7B,QAAQ,IAAI,WAAa,eACvB,OAAOC,GAAQ,WAEd,OAAOD,EAAM,OAAU,UAAYA,EAAM,MAAM,CAAC,IAAM,KACtD,OAAOA,EAAM,QAAW,UAAYA,EAAM,OAAO,CAAC,IAAM,OAEpDH,IACHA,EAAY,GACZ,QAAQ,KACN,4IACF,IAMR,MAAMO,EACJ,OAAOH,GAAQ,SACX,CAAE,IAAKA,EAAK,GAAI,SAAS,CAAE,MAAOD,EAAM,MAAO,OAAQA,EAAM,MAAO,CAAG,EACvEE,GAAUD,EAGhB,SAAO,OAACL,EAAA,CAAY,IAAKG,EAAK,OAAQK,EAAc,GAAID,EAAc,CACxE,CAAC,CACH,EAEAd,EAAM,QAAU,EAAAM,MAAQ,QACxBN,EAAM,mBAAqB,EAAAM,MAAQ,mBACnCN,EAAM,SAAW,EAAAM,MAAQ,SACzBN,EAAM,qBAAuB,EAAAM,MAAQ,qBACrCN,EAAM,cAAgB,EAAAM,MAAQ,cAC9BN,EAAM,WAAa,EAAAM,MAAQ",
-  "names": ["Image_exports", "__export", "Image", "__toCommonJS", "import_jsx_runtime", "import_core", "import_react", "import_react_native", "RNImage", "StyledImage", "hasWarned", "inProps", "ref", "props", "src", "source", "rest", "finalSource"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiFW;AAjFX,kBAUO;AACP,mBAAkC;AAClC,0BAAiC;AAAA,IAEjC,8BAAiB;AAAA,EACf,OAAO,oBAAAA;AACT,CAAC;AAED,MAAM,kBAAc,oBAAO,oBAAAA,OAAS;AAAA,EAClC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ,EAAE,KAAK,GAAG;AAAA,EAClB,QAAQ;AACV,CAAC;AA6BD,IAAI,YAAY;AAET,MAAM,QAAQ,YAAY;AAAA,MAC/B,yBAAW,CAAC,SAAqB,QAAQ;AACvC,UAAM,YAAQ,iCAAoB,OAAO;AACzC,UAAM,EAAE,KAAK,QAAQ,GAAG,KAAK,IAAI;AAEjC,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAI,OAAO,QAAQ,UAAU;AAC3B,YACG,OAAO,MAAM,UAAU,YAAY,MAAM,MAAM,CAAC,MAAM,OACtD,OAAO,MAAM,WAAW,YAAY,MAAM,OAAO,CAAC,MAAM,KACzD;AACA,cAAI,CAAC,WAAW;AACd,wBAAY;AACZ,oBAAQ;AAAA,cACN;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,cACJ,OAAO,QAAQ,WACX,EAAE,KAAK,KAAK,GAAI,qBAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,EAAG,IACvE,UAAU;AAGhB,WAAO,4CAAC,eAAY,KAAU,QAAQ,aAAc,GAAI,MAAc;AAAA,EACxE,CAAC;AACH;AAEA,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"]
 }

package/dist/cjs/index.js

@@ -1,2 +1,19 @@
-"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./Image"),module.exports);
+"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))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Image"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Image'\n"],
-  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,mBAAd",
-  "names": ["src_exports", "__toCommonJS", "__reExport"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,oBAAd;",
+  "names": []
 }

package/dist/esm/Image.js

@@ -1,2 +1,49 @@
-import{jsx as u}from"react/jsx-runtime";import{isWeb as m,setupReactNative as y,styled as n,useMediaPropsActive as d}from"@tamagui/core";import{forwardRef as f}from"react";import{Image as e}from"react-native";y({Image:e});const i=n(e,{name:"Image",position:"relative",source:{uri:""},zIndex:1});let s=!1;const a=i.extractable(f((o,p)=>{const t=d(o),{src:r,source:h,...g}=t;process.env.NODE_ENV==="development"&&typeof r=="string"&&(typeof t.width=="string"&&t.width[0]!=="$"||typeof t.height=="string"&&t.height[0]!=="$")&&(s||(s=!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.')));const c=typeof r=="string"?{uri:r,...m&&{width:t.width,height:t.height}}:h??r;return u(i,{ref:p,source:c,...g})}));a.getSize=e.getSize,a.getSizeWithHeaders=e.getSizeWithHeaders,a.prefetch=e.prefetch,a.prefetchWithMetadata=e.prefetchWithMetadata,a.abortPrefetch=e.abortPrefetch,a.queryCache=e.queryCache;export{a as Image};
+import { jsx } from "react/jsx-runtime";
+import {
+  isWeb,
+  setupReactNative,
+  styled,
+  useMediaPropsActive
+} from "@tamagui/core";
+import { forwardRef } from "react";
+import { Image as RNImage } from "react-native";
+setupReactNative({
+  Image: RNImage
+});
+const StyledImage = styled(RNImage, {
+  name: "Image",
+  position: "relative",
+  source: { uri: "" },
+  zIndex: 1
+});
+let hasWarned = false;
+const Image = StyledImage.extractable(
+  forwardRef((inProps, ref) => {
+    const props = useMediaPropsActive(inProps);
+    const { src, source, ...rest } = props;
+    if (process.env.NODE_ENV === "development") {
+      if (typeof src === "string") {
+        if (typeof props.width === "string" && props.width[0] !== "$" || typeof props.height === "string" && props.height[0] !== "$") {
+          if (!hasWarned) {
+            hasWarned = true;
+            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.`
+            );
+          }
+        }
+      }
+    }
+    const finalSource = typeof src === "string" ? { uri: src, ...isWeb && { width: props.width, height: props.height } } : source ?? src;
+    return /* @__PURE__ */ jsx(StyledImage, { ref, source: finalSource, ...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/Image.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Image.tsx"],
   "sourcesContent": ["import {\n  GetProps,\n  RadiusTokens,\n  SizeTokens,\n  StackProps,\n  ThemeValueFallback,\n  isWeb,\n  setupReactNative,\n  styled,\n  useMediaPropsActive,\n} from '@tamagui/core'\nimport React, { forwardRef } from 'react'\nimport { Image as RNImage } from 'react-native'\n\nsetupReactNative({\n  Image: RNImage,\n})\n\nconst StyledImage = styled(RNImage, {\n  name: 'Image',\n  position: 'relative',\n  source: { uri: '' },\n  zIndex: 1,\n})\n\ntype StyledImageProps = Omit<GetProps<typeof StyledImage>, 'borderRadius'> & {\n  borderRadius?: RadiusTokens\n}\n\ntype BaseProps = Omit<StyledImageProps, 'width' | 'height' | 'style' | 'onLayout'> & {\n  width?: string | number | SizeTokens | ThemeValueFallback\n  height?: string | number | SizeTokens | ThemeValueFallback\n\n  /**\n   * @deprecated use `source` instead to disambiguate width/height style from width/height of the actual image\n   */\n  src?: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\ntype RNImageType = typeof RNImage\n\ntype ImageType = React.FC<ImageProps> & {\n  getSize: RNImageType['getSize']\n  getSizeWithHeaders: RNImageType['getSizeWithHeaders']\n  prefetch: RNImageType['prefetch']\n  prefetchWithMetadata: RNImageType['prefetchWithMetadata']\n  abortPrefetch: RNImageType['abortPrefetch']\n  queryCache: RNImageType['queryCache']\n}\n\nlet hasWarned = false\n\nexport const Image = StyledImage.extractable(\n  forwardRef((inProps: ImageProps, ref) => {\n    const props = useMediaPropsActive(inProps)\n    const { src, source, ...rest } = props\n\n    if (process.env.NODE_ENV === 'development') {\n      if (typeof src === 'string') {\n        if (\n          (typeof props.width === 'string' && props.width[0] !== '$') ||\n          (typeof props.height === 'string' && props.height[0] !== '$')\n        ) {\n          if (!hasWarned) {\n            hasWarned = true\n            console.warn(\n              `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.`\n            )\n          }\n        }\n      }\n    }\n\n    const finalSource =\n      typeof src === 'string'\n        ? { uri: src, ...(isWeb && { width: props.width, height: props.height }) }\n        : source ?? src\n\n    // must set defaultSource to allow SSR, default it to the same as src\n    return <StyledImage ref={ref} source={finalSource} {...(rest as any)} />\n  })\n) as any as ImageType\n\nImage.getSize = RNImage.getSize\nImage.getSizeWithHeaders = RNImage.getSizeWithHeaders\nImage.prefetch = RNImage.prefetch\nImage.prefetchWithMetadata = RNImage.prefetchWithMetadata\nImage.abortPrefetch = RNImage.abortPrefetch\nImage.queryCache = RNImage.queryCache\n"],
-  "mappings": "AAiFW,cAAAA,MAAA,oBAjFX,OAME,SAAAC,EACA,oBAAAC,EACA,UAAAC,EACA,uBAAAC,MACK,gBACP,OAAgB,cAAAC,MAAkB,QAClC,OAAS,SAASC,MAAe,eAEjCJ,EAAiB,CACf,MAAOI,CACT,CAAC,EAED,MAAMC,EAAcJ,EAAOG,EAAS,CAClC,KAAM,QACN,SAAU,WACV,OAAQ,CAAE,IAAK,EAAG,EAClB,OAAQ,CACV,CAAC,EA6BD,IAAIE,EAAY,GAET,MAAMC,EAAQF,EAAY,YAC/BF,EAAW,CAACK,EAAqBC,IAAQ,CACvC,MAAMC,EAAQR,EAAoBM,CAAO,EACnC,CAAE,IAAAG,EAAK,OAAAC,EAAQ,GAAGC,CAAK,EAAIH,EAE7B,QAAQ,IAAI,WAAa,eACvB,OAAOC,GAAQ,WAEd,OAAOD,EAAM,OAAU,UAAYA,EAAM,MAAM,CAAC,IAAM,KACtD,OAAOA,EAAM,QAAW,UAAYA,EAAM,OAAO,CAAC,IAAM,OAEpDJ,IACHA,EAAY,GACZ,QAAQ,KACN,4IACF,IAMR,MAAMQ,EACJ,OAAOH,GAAQ,SACX,CAAE,IAAKA,EAAK,GAAIZ,GAAS,CAAE,MAAOW,EAAM,MAAO,OAAQA,EAAM,MAAO,CAAG,EACvEE,GAAUD,EAGhB,OAAOb,EAACO,EAAA,CAAY,IAAKI,EAAK,OAAQK,EAAc,GAAID,EAAc,CACxE,CAAC,CACH,EAEAN,EAAM,QAAUH,EAAQ,QACxBG,EAAM,mBAAqBH,EAAQ,mBACnCG,EAAM,SAAWH,EAAQ,SACzBG,EAAM,qBAAuBH,EAAQ,qBACrCG,EAAM,cAAgBH,EAAQ,cAC9BG,EAAM,WAAaH,EAAQ",
-  "names": ["jsx", "isWeb", "setupReactNative", "styled", "useMediaPropsActive", "forwardRef", "RNImage", "StyledImage", "hasWarned", "Image", "inProps", "ref", "props", "src", "source", "rest", "finalSource"]
+  "mappings": "AAiFW;AAjFX;AAAA,EAME;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,kBAAkB;AAClC,SAAS,SAAS,eAAe;AAEjC,iBAAiB;AAAA,EACf,OAAO;AACT,CAAC;AAED,MAAM,cAAc,OAAO,SAAS;AAAA,EAClC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ,EAAE,KAAK,GAAG;AAAA,EAClB,QAAQ;AACV,CAAC;AA6BD,IAAI,YAAY;AAET,MAAM,QAAQ,YAAY;AAAA,EAC/B,WAAW,CAAC,SAAqB,QAAQ;AACvC,UAAM,QAAQ,oBAAoB,OAAO;AACzC,UAAM,EAAE,KAAK,QAAQ,GAAG,KAAK,IAAI;AAEjC,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAI,OAAO,QAAQ,UAAU;AAC3B,YACG,OAAO,MAAM,UAAU,YAAY,MAAM,MAAM,CAAC,MAAM,OACtD,OAAO,MAAM,WAAW,YAAY,MAAM,OAAO,CAAC,MAAM,KACzD;AACA,cAAI,CAAC,WAAW;AACd,wBAAY;AACZ,oBAAQ;AAAA,cACN;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,cACJ,OAAO,QAAQ,WACX,EAAE,KAAK,KAAK,GAAI,SAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,EAAG,IACvE,UAAU;AAGhB,WAAO,oBAAC,eAAY,KAAU,QAAQ,aAAc,GAAI,MAAc;AAAA,EACxE,CAAC;AACH;AAEA,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/Image.mjs

@@ -1,2 +1,49 @@
-import{jsx as u}from"react/jsx-runtime";import{isWeb as m,setupReactNative as y,styled as n,useMediaPropsActive as d}from"@tamagui/core";import{forwardRef as f}from"react";import{Image as e}from"react-native";y({Image:e});const i=n(e,{name:"Image",position:"relative",source:{uri:""},zIndex:1});let s=!1;const a=i.extractable(f((o,p)=>{const t=d(o),{src:r,source:h,...g}=t;process.env.NODE_ENV==="development"&&typeof r=="string"&&(typeof t.width=="string"&&t.width[0]!=="$"||typeof t.height=="string"&&t.height[0]!=="$")&&(s||(s=!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.')));const c=typeof r=="string"?{uri:r,...m&&{width:t.width,height:t.height}}:h??r;return u(i,{ref:p,source:c,...g})}));a.getSize=e.getSize,a.getSizeWithHeaders=e.getSizeWithHeaders,a.prefetch=e.prefetch,a.prefetchWithMetadata=e.prefetchWithMetadata,a.abortPrefetch=e.abortPrefetch,a.queryCache=e.queryCache;export{a as Image};
+import { jsx } from "react/jsx-runtime";
+import {
+  isWeb,
+  setupReactNative,
+  styled,
+  useMediaPropsActive
+} from "@tamagui/core";
+import { forwardRef } from "react";
+import { Image as RNImage } from "react-native";
+setupReactNative({
+  Image: RNImage
+});
+const StyledImage = styled(RNImage, {
+  name: "Image",
+  position: "relative",
+  source: { uri: "" },
+  zIndex: 1
+});
+let hasWarned = false;
+const Image = StyledImage.extractable(
+  forwardRef((inProps, ref) => {
+    const props = useMediaPropsActive(inProps);
+    const { src, source, ...rest } = props;
+    if (process.env.NODE_ENV === "development") {
+      if (typeof src === "string") {
+        if (typeof props.width === "string" && props.width[0] !== "$" || typeof props.height === "string" && props.height[0] !== "$") {
+          if (!hasWarned) {
+            hasWarned = true;
+            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.`
+            );
+          }
+        }
+      }
+    }
+    const finalSource = typeof src === "string" ? { uri: src, ...isWeb && { width: props.width, height: props.height } } : source ?? src;
+    return /* @__PURE__ */ jsx(StyledImage, { ref, source: finalSource, ...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.mjs.map

package/dist/esm/Image.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Image.tsx"],
   "sourcesContent": ["import {\n  GetProps,\n  RadiusTokens,\n  SizeTokens,\n  StackProps,\n  ThemeValueFallback,\n  isWeb,\n  setupReactNative,\n  styled,\n  useMediaPropsActive,\n} from '@tamagui/core'\nimport React, { forwardRef } from 'react'\nimport { Image as RNImage } from 'react-native'\n\nsetupReactNative({\n  Image: RNImage,\n})\n\nconst StyledImage = styled(RNImage, {\n  name: 'Image',\n  position: 'relative',\n  source: { uri: '' },\n  zIndex: 1,\n})\n\ntype StyledImageProps = Omit<GetProps<typeof StyledImage>, 'borderRadius'> & {\n  borderRadius?: RadiusTokens\n}\n\ntype BaseProps = Omit<StyledImageProps, 'width' | 'height' | 'style' | 'onLayout'> & {\n  width?: string | number | SizeTokens | ThemeValueFallback\n  height?: string | number | SizeTokens | ThemeValueFallback\n\n  /**\n   * @deprecated use `source` instead to disambiguate width/height style from width/height of the actual image\n   */\n  src?: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\ntype RNImageType = typeof RNImage\n\ntype ImageType = React.FC<ImageProps> & {\n  getSize: RNImageType['getSize']\n  getSizeWithHeaders: RNImageType['getSizeWithHeaders']\n  prefetch: RNImageType['prefetch']\n  prefetchWithMetadata: RNImageType['prefetchWithMetadata']\n  abortPrefetch: RNImageType['abortPrefetch']\n  queryCache: RNImageType['queryCache']\n}\n\nlet hasWarned = false\n\nexport const Image = StyledImage.extractable(\n  forwardRef((inProps: ImageProps, ref) => {\n    const props = useMediaPropsActive(inProps)\n    const { src, source, ...rest } = props\n\n    if (process.env.NODE_ENV === 'development') {\n      if (typeof src === 'string') {\n        if (\n          (typeof props.width === 'string' && props.width[0] !== '$') ||\n          (typeof props.height === 'string' && props.height[0] !== '$')\n        ) {\n          if (!hasWarned) {\n            hasWarned = true\n            console.warn(\n              `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.`\n            )\n          }\n        }\n      }\n    }\n\n    const finalSource =\n      typeof src === 'string'\n        ? { uri: src, ...(isWeb && { width: props.width, height: props.height }) }\n        : source ?? src\n\n    // must set defaultSource to allow SSR, default it to the same as src\n    return <StyledImage ref={ref} source={finalSource} {...(rest as any)} />\n  })\n) as any as ImageType\n\nImage.getSize = RNImage.getSize\nImage.getSizeWithHeaders = RNImage.getSizeWithHeaders\nImage.prefetch = RNImage.prefetch\nImage.prefetchWithMetadata = RNImage.prefetchWithMetadata\nImage.abortPrefetch = RNImage.abortPrefetch\nImage.queryCache = RNImage.queryCache\n"],
-  "mappings": "AAiFW,cAAAA,MAAA,oBAjFX,OAME,SAAAC,EACA,oBAAAC,EACA,UAAAC,EACA,uBAAAC,MACK,gBACP,OAAgB,cAAAC,MAAkB,QAClC,OAAS,SAASC,MAAe,eAEjCJ,EAAiB,CACf,MAAOI,CACT,CAAC,EAED,MAAMC,EAAcJ,EAAOG,EAAS,CAClC,KAAM,QACN,SAAU,WACV,OAAQ,CAAE,IAAK,EAAG,EAClB,OAAQ,CACV,CAAC,EA6BD,IAAIE,EAAY,GAET,MAAMC,EAAQF,EAAY,YAC/BF,EAAW,CAACK,EAAqBC,IAAQ,CACvC,MAAMC,EAAQR,EAAoBM,CAAO,EACnC,CAAE,IAAAG,EAAK,OAAAC,EAAQ,GAAGC,CAAK,EAAIH,EAE7B,QAAQ,IAAI,WAAa,eACvB,OAAOC,GAAQ,WAEd,OAAOD,EAAM,OAAU,UAAYA,EAAM,MAAM,CAAC,IAAM,KACtD,OAAOA,EAAM,QAAW,UAAYA,EAAM,OAAO,CAAC,IAAM,OAEpDJ,IACHA,EAAY,GACZ,QAAQ,KACN,4IACF,IAMR,MAAMQ,EACJ,OAAOH,GAAQ,SACX,CAAE,IAAKA,EAAK,GAAIZ,GAAS,CAAE,MAAOW,EAAM,MAAO,OAAQA,EAAM,MAAO,CAAG,EACvEE,GAAUD,EAGhB,OAAOb,EAACO,EAAA,CAAY,IAAKI,EAAK,OAAQK,EAAc,GAAID,EAAc,CACxE,CAAC,CACH,EAEAN,EAAM,QAAUH,EAAQ,QACxBG,EAAM,mBAAqBH,EAAQ,mBACnCG,EAAM,SAAWH,EAAQ,SACzBG,EAAM,qBAAuBH,EAAQ,qBACrCG,EAAM,cAAgBH,EAAQ,cAC9BG,EAAM,WAAaH,EAAQ",
-  "names": ["jsx", "isWeb", "setupReactNative", "styled", "useMediaPropsActive", "forwardRef", "RNImage", "StyledImage", "hasWarned", "Image", "inProps", "ref", "props", "src", "source", "rest", "finalSource"]
+  "mappings": "AAiFW;AAjFX;AAAA,EAME;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,kBAAkB;AAClC,SAAS,SAAS,eAAe;AAEjC,iBAAiB;AAAA,EACf,OAAO;AACT,CAAC;AAED,MAAM,cAAc,OAAO,SAAS;AAAA,EAClC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ,EAAE,KAAK,GAAG;AAAA,EAClB,QAAQ;AACV,CAAC;AA6BD,IAAI,YAAY;AAET,MAAM,QAAQ,YAAY;AAAA,EAC/B,WAAW,CAAC,SAAqB,QAAQ;AACvC,UAAM,QAAQ,oBAAoB,OAAO;AACzC,UAAM,EAAE,KAAK,QAAQ,GAAG,KAAK,IAAI;AAEjC,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAI,OAAO,QAAQ,UAAU;AAC3B,YACG,OAAO,MAAM,UAAU,YAAY,MAAM,MAAM,CAAC,MAAM,OACtD,OAAO,MAAM,WAAW,YAAY,MAAM,OAAO,CAAC,MAAM,KACzD;AACA,cAAI,CAAC,WAAW;AACd,wBAAY;AACZ,oBAAQ;AAAA,cACN;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,cACJ,OAAO,QAAQ,WACX,EAAE,KAAK,KAAK,GAAI,SAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,EAAG,IACvE,UAAU;AAGhB,WAAO,oBAAC,eAAY,KAAU,QAAQ,aAAc,GAAI,MAAc;AAAA,EACxE,CAAC;AACH;AAEA,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/index.js

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

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Image'\n"],
-  "mappings": "AAAA,WAAc",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/dist/esm/index.mjs

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

package/dist/esm/index.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Image'\n"],
-  "mappings": "AAAA,WAAc",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/dist/jsx/Image.js

@@ -1,2 +1,48 @@
-import{isWeb as N,setupReactNative as w,styled as z,useMediaPropsActive as k}from"@tamagui/core";import{forwardRef as W}from"react";import{Image as e}from"react-native";w({Image:e});const I=z(e,{name:"Image",position:"relative",source:{uri:""},zIndex:1});let l=!1;const a=I.extractable(W((S,P)=>{const t=k(S),{src:r,source:R,...T}=t;process.env.NODE_ENV==="development"&&typeof r=="string"&&(typeof t.width=="string"&&t.width[0]!=="$"||typeof t.height=="string"&&t.height[0]!=="$")&&(l||(l=!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.')));const b=typeof r=="string"?{uri:r,...N&&{width:t.width,height:t.height}}:R??r;return<I ref={P}source={b}{...T}/>}));a.getSize=e.getSize,a.getSizeWithHeaders=e.getSizeWithHeaders,a.prefetch=e.prefetch,a.prefetchWithMetadata=e.prefetchWithMetadata,a.abortPrefetch=e.abortPrefetch,a.queryCache=e.queryCache;export{a as Image};
+import {
+  isWeb,
+  setupReactNative,
+  styled,
+  useMediaPropsActive
+} from "@tamagui/core";
+import { forwardRef } from "react";
+import { Image as RNImage } from "react-native";
+setupReactNative({
+  Image: RNImage
+});
+const StyledImage = styled(RNImage, {
+  name: "Image",
+  position: "relative",
+  source: { uri: "" },
+  zIndex: 1
+});
+let hasWarned = false;
+const Image = StyledImage.extractable(
+  forwardRef((inProps, ref) => {
+    const props = useMediaPropsActive(inProps);
+    const { src, source, ...rest } = props;
+    if (process.env.NODE_ENV === "development") {
+      if (typeof src === "string") {
+        if (typeof props.width === "string" && props.width[0] !== "$" || typeof props.height === "string" && props.height[0] !== "$") {
+          if (!hasWarned) {
+            hasWarned = true;
+            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.`
+            );
+          }
+        }
+      }
+    }
+    const finalSource = typeof src === "string" ? { uri: src, ...isWeb && { width: props.width, height: props.height } } : source ?? src;
+    return <StyledImage ref={ref} source={finalSource} {...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/jsx/Image.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Image.tsx"],
   "sourcesContent": ["import {\n  GetProps,\n  RadiusTokens,\n  SizeTokens,\n  StackProps,\n  ThemeValueFallback,\n  isWeb,\n  setupReactNative,\n  styled,\n  useMediaPropsActive,\n} from '@tamagui/core'\nimport React, { forwardRef } from 'react'\nimport { Image as RNImage } from 'react-native'\n\nsetupReactNative({\n  Image: RNImage,\n})\n\nconst StyledImage = styled(RNImage, {\n  name: 'Image',\n  position: 'relative',\n  source: { uri: '' },\n  zIndex: 1,\n})\n\ntype StyledImageProps = Omit<GetProps<typeof StyledImage>, 'borderRadius'> & {\n  borderRadius?: RadiusTokens\n}\n\ntype BaseProps = Omit<StyledImageProps, 'width' | 'height' | 'style' | 'onLayout'> & {\n  width?: string | number | SizeTokens | ThemeValueFallback\n  height?: string | number | SizeTokens | ThemeValueFallback\n\n  /**\n   * @deprecated use `source` instead to disambiguate width/height style from width/height of the actual image\n   */\n  src?: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\ntype RNImageType = typeof RNImage\n\ntype ImageType = React.FC<ImageProps> & {\n  getSize: RNImageType['getSize']\n  getSizeWithHeaders: RNImageType['getSizeWithHeaders']\n  prefetch: RNImageType['prefetch']\n  prefetchWithMetadata: RNImageType['prefetchWithMetadata']\n  abortPrefetch: RNImageType['abortPrefetch']\n  queryCache: RNImageType['queryCache']\n}\n\nlet hasWarned = false\n\nexport const Image = StyledImage.extractable(\n  forwardRef((inProps: ImageProps, ref) => {\n    const props = useMediaPropsActive(inProps)\n    const { src, source, ...rest } = props\n\n    if (process.env.NODE_ENV === 'development') {\n      if (typeof src === 'string') {\n        if (\n          (typeof props.width === 'string' && props.width[0] !== '$') ||\n          (typeof props.height === 'string' && props.height[0] !== '$')\n        ) {\n          if (!hasWarned) {\n            hasWarned = true\n            console.warn(\n              `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.`\n            )\n          }\n        }\n      }\n    }\n\n    const finalSource =\n      typeof src === 'string'\n        ? { uri: src, ...(isWeb && { width: props.width, height: props.height }) }\n        : source ?? src\n\n    // must set defaultSource to allow SSR, default it to the same as src\n    return <StyledImage ref={ref} source={finalSource} {...(rest as any)} />\n  })\n) as any as ImageType\n\nImage.getSize = RNImage.getSize\nImage.getSizeWithHeaders = RNImage.getSizeWithHeaders\nImage.prefetch = RNImage.prefetch\nImage.prefetchWithMetadata = RNImage.prefetchWithMetadata\nImage.abortPrefetch = RNImage.abortPrefetch\nImage.queryCache = RNImage.queryCache\n"],
-  "mappings": "AAAA,OAME,SAAAA,EACA,oBAAAC,EACA,UAAAC,EACA,uBAAAC,MACK,gBACP,OAAgB,cAAAC,MAAkB,QAClC,OAAS,SAASC,MAAe,eAEjCJ,EAAiB,CACf,MAAOI,CACT,CAAC,EAED,MAAMC,EAAcJ,EAAOG,EAAS,CAClC,KAAM,QACN,SAAU,WACV,OAAQ,CAAE,IAAK,EAAG,EAClB,OAAQ,CACV,CAAC,EA6BD,IAAIE,EAAY,GAET,MAAMC,EAAQF,EAAY,YAC/BF,EAAW,CAACK,EAAqBC,IAAQ,CACvC,MAAMC,EAAQR,EAAoBM,CAAO,EACnC,CAAE,IAAAG,EAAK,OAAAC,EAAQ,GAAGC,CAAK,EAAIH,EAE7B,QAAQ,IAAI,WAAa,eACvB,OAAOC,GAAQ,WAEd,OAAOD,EAAM,OAAU,UAAYA,EAAM,MAAM,CAAC,IAAM,KACtD,OAAOA,EAAM,QAAW,UAAYA,EAAM,OAAO,CAAC,IAAM,OAEpDJ,IACHA,EAAY,GACZ,QAAQ,KACN,4IACF,IAMR,MAAMQ,EACJ,OAAOH,GAAQ,SACX,CAAE,IAAKA,EAAK,GAAIZ,GAAS,CAAE,MAAOW,EAAM,MAAO,OAAQA,EAAM,MAAO,CAAG,EACvEE,GAAUD,EAGhB,MAAO,CAACN,EAAY,KAAKI,EAAK,QAAQK,MAAkBD,EAAc,EACxE,CAAC,CACH,EAEAN,EAAM,QAAUH,EAAQ,QACxBG,EAAM,mBAAqBH,EAAQ,mBACnCG,EAAM,SAAWH,EAAQ,SACzBG,EAAM,qBAAuBH,EAAQ,qBACrCG,EAAM,cAAgBH,EAAQ,cAC9BG,EAAM,WAAaH,EAAQ",
-  "names": ["isWeb", "setupReactNative", "styled", "useMediaPropsActive", "forwardRef", "RNImage", "StyledImage", "hasWarned", "Image", "inProps", "ref", "props", "src", "source", "rest", "finalSource"]
+  "mappings": "AAAA;AAAA,EAME;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,kBAAkB;AAClC,SAAS,SAAS,eAAe;AAEjC,iBAAiB;AAAA,EACf,OAAO;AACT,CAAC;AAED,MAAM,cAAc,OAAO,SAAS;AAAA,EAClC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ,EAAE,KAAK,GAAG;AAAA,EAClB,QAAQ;AACV,CAAC;AA6BD,IAAI,YAAY;AAET,MAAM,QAAQ,YAAY;AAAA,EAC/B,WAAW,CAAC,SAAqB,QAAQ;AACvC,UAAM,QAAQ,oBAAoB,OAAO;AACzC,UAAM,EAAE,KAAK,QAAQ,GAAG,KAAK,IAAI;AAEjC,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAI,OAAO,QAAQ,UAAU;AAC3B,YACG,OAAO,MAAM,UAAU,YAAY,MAAM,MAAM,CAAC,MAAM,OACtD,OAAO,MAAM,WAAW,YAAY,MAAM,OAAO,CAAC,MAAM,KACzD;AACA,cAAI,CAAC,WAAW;AACd,wBAAY;AACZ,oBAAQ;AAAA,cACN;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,cACJ,OAAO,QAAQ,WACX,EAAE,KAAK,KAAK,GAAI,SAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,EAAG,IACvE,UAAU;AAGhB,WAAO,CAAC,YAAY,KAAK,KAAK,QAAQ,iBAAkB,MAAc;AAAA,EACxE,CAAC;AACH;AAEA,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/jsx/Image.mjs

@@ -1,2 +1,48 @@
-import{isWeb as N,setupReactNative as w,styled as z,useMediaPropsActive as k}from"@tamagui/core";import{forwardRef as W}from"react";import{Image as e}from"react-native";w({Image:e});const I=z(e,{name:"Image",position:"relative",source:{uri:""},zIndex:1});let l=!1;const a=I.extractable(W((S,P)=>{const t=k(S),{src:r,source:R,...T}=t;process.env.NODE_ENV==="development"&&typeof r=="string"&&(typeof t.width=="string"&&t.width[0]!=="$"||typeof t.height=="string"&&t.height[0]!=="$")&&(l||(l=!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.')));const b=typeof r=="string"?{uri:r,...N&&{width:t.width,height:t.height}}:R??r;return<I ref={P}source={b}{...T}/>}));a.getSize=e.getSize,a.getSizeWithHeaders=e.getSizeWithHeaders,a.prefetch=e.prefetch,a.prefetchWithMetadata=e.prefetchWithMetadata,a.abortPrefetch=e.abortPrefetch,a.queryCache=e.queryCache;export{a as Image};
+import {
+  isWeb,
+  setupReactNative,
+  styled,
+  useMediaPropsActive
+} from "@tamagui/core";
+import { forwardRef } from "react";
+import { Image as RNImage } from "react-native";
+setupReactNative({
+  Image: RNImage
+});
+const StyledImage = styled(RNImage, {
+  name: "Image",
+  position: "relative",
+  source: { uri: "" },
+  zIndex: 1
+});
+let hasWarned = false;
+const Image = StyledImage.extractable(
+  forwardRef((inProps, ref) => {
+    const props = useMediaPropsActive(inProps);
+    const { src, source, ...rest } = props;
+    if (process.env.NODE_ENV === "development") {
+      if (typeof src === "string") {
+        if (typeof props.width === "string" && props.width[0] !== "$" || typeof props.height === "string" && props.height[0] !== "$") {
+          if (!hasWarned) {
+            hasWarned = true;
+            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.`
+            );
+          }
+        }
+      }
+    }
+    const finalSource = typeof src === "string" ? { uri: src, ...isWeb && { width: props.width, height: props.height } } : source ?? src;
+    return <StyledImage ref={ref} source={finalSource} {...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.mjs.map

package/dist/jsx/Image.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Image.tsx"],
   "sourcesContent": ["import {\n  GetProps,\n  RadiusTokens,\n  SizeTokens,\n  StackProps,\n  ThemeValueFallback,\n  isWeb,\n  setupReactNative,\n  styled,\n  useMediaPropsActive,\n} from '@tamagui/core'\nimport React, { forwardRef } from 'react'\nimport { Image as RNImage } from 'react-native'\n\nsetupReactNative({\n  Image: RNImage,\n})\n\nconst StyledImage = styled(RNImage, {\n  name: 'Image',\n  position: 'relative',\n  source: { uri: '' },\n  zIndex: 1,\n})\n\ntype StyledImageProps = Omit<GetProps<typeof StyledImage>, 'borderRadius'> & {\n  borderRadius?: RadiusTokens\n}\n\ntype BaseProps = Omit<StyledImageProps, 'width' | 'height' | 'style' | 'onLayout'> & {\n  width?: string | number | SizeTokens | ThemeValueFallback\n  height?: string | number | SizeTokens | ThemeValueFallback\n\n  /**\n   * @deprecated use `source` instead to disambiguate width/height style from width/height of the actual image\n   */\n  src?: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\ntype RNImageType = typeof RNImage\n\ntype ImageType = React.FC<ImageProps> & {\n  getSize: RNImageType['getSize']\n  getSizeWithHeaders: RNImageType['getSizeWithHeaders']\n  prefetch: RNImageType['prefetch']\n  prefetchWithMetadata: RNImageType['prefetchWithMetadata']\n  abortPrefetch: RNImageType['abortPrefetch']\n  queryCache: RNImageType['queryCache']\n}\n\nlet hasWarned = false\n\nexport const Image = StyledImage.extractable(\n  forwardRef((inProps: ImageProps, ref) => {\n    const props = useMediaPropsActive(inProps)\n    const { src, source, ...rest } = props\n\n    if (process.env.NODE_ENV === 'development') {\n      if (typeof src === 'string') {\n        if (\n          (typeof props.width === 'string' && props.width[0] !== '$') ||\n          (typeof props.height === 'string' && props.height[0] !== '$')\n        ) {\n          if (!hasWarned) {\n            hasWarned = true\n            console.warn(\n              `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.`\n            )\n          }\n        }\n      }\n    }\n\n    const finalSource =\n      typeof src === 'string'\n        ? { uri: src, ...(isWeb && { width: props.width, height: props.height }) }\n        : source ?? src\n\n    // must set defaultSource to allow SSR, default it to the same as src\n    return <StyledImage ref={ref} source={finalSource} {...(rest as any)} />\n  })\n) as any as ImageType\n\nImage.getSize = RNImage.getSize\nImage.getSizeWithHeaders = RNImage.getSizeWithHeaders\nImage.prefetch = RNImage.prefetch\nImage.prefetchWithMetadata = RNImage.prefetchWithMetadata\nImage.abortPrefetch = RNImage.abortPrefetch\nImage.queryCache = RNImage.queryCache\n"],
-  "mappings": "AAAA,OAME,SAAAA,EACA,oBAAAC,EACA,UAAAC,EACA,uBAAAC,MACK,gBACP,OAAgB,cAAAC,MAAkB,QAClC,OAAS,SAASC,MAAe,eAEjCJ,EAAiB,CACf,MAAOI,CACT,CAAC,EAED,MAAMC,EAAcJ,EAAOG,EAAS,CAClC,KAAM,QACN,SAAU,WACV,OAAQ,CAAE,IAAK,EAAG,EAClB,OAAQ,CACV,CAAC,EA6BD,IAAIE,EAAY,GAET,MAAMC,EAAQF,EAAY,YAC/BF,EAAW,CAACK,EAAqBC,IAAQ,CACvC,MAAMC,EAAQR,EAAoBM,CAAO,EACnC,CAAE,IAAAG,EAAK,OAAAC,EAAQ,GAAGC,CAAK,EAAIH,EAE7B,QAAQ,IAAI,WAAa,eACvB,OAAOC,GAAQ,WAEd,OAAOD,EAAM,OAAU,UAAYA,EAAM,MAAM,CAAC,IAAM,KACtD,OAAOA,EAAM,QAAW,UAAYA,EAAM,OAAO,CAAC,IAAM,OAEpDJ,IACHA,EAAY,GACZ,QAAQ,KACN,4IACF,IAMR,MAAMQ,EACJ,OAAOH,GAAQ,SACX,CAAE,IAAKA,EAAK,GAAIZ,GAAS,CAAE,MAAOW,EAAM,MAAO,OAAQA,EAAM,MAAO,CAAG,EACvEE,GAAUD,EAGhB,MAAO,CAACN,EAAY,KAAKI,EAAK,QAAQK,MAAkBD,EAAc,EACxE,CAAC,CACH,EAEAN,EAAM,QAAUH,EAAQ,QACxBG,EAAM,mBAAqBH,EAAQ,mBACnCG,EAAM,SAAWH,EAAQ,SACzBG,EAAM,qBAAuBH,EAAQ,qBACrCG,EAAM,cAAgBH,EAAQ,cAC9BG,EAAM,WAAaH,EAAQ",
-  "names": ["isWeb", "setupReactNative", "styled", "useMediaPropsActive", "forwardRef", "RNImage", "StyledImage", "hasWarned", "Image", "inProps", "ref", "props", "src", "source", "rest", "finalSource"]
+  "mappings": "AAAA;AAAA,EAME;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,kBAAkB;AAClC,SAAS,SAAS,eAAe;AAEjC,iBAAiB;AAAA,EACf,OAAO;AACT,CAAC;AAED,MAAM,cAAc,OAAO,SAAS;AAAA,EAClC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ,EAAE,KAAK,GAAG;AAAA,EAClB,QAAQ;AACV,CAAC;AA6BD,IAAI,YAAY;AAET,MAAM,QAAQ,YAAY;AAAA,EAC/B,WAAW,CAAC,SAAqB,QAAQ;AACvC,UAAM,QAAQ,oBAAoB,OAAO;AACzC,UAAM,EAAE,KAAK,QAAQ,GAAG,KAAK,IAAI;AAEjC,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAI,OAAO,QAAQ,UAAU;AAC3B,YACG,OAAO,MAAM,UAAU,YAAY,MAAM,MAAM,CAAC,MAAM,OACtD,OAAO,MAAM,WAAW,YAAY,MAAM,OAAO,CAAC,MAAM,KACzD;AACA,cAAI,CAAC,WAAW;AACd,wBAAY;AACZ,oBAAQ;AAAA,cACN;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,cACJ,OAAO,QAAQ,WACX,EAAE,KAAK,KAAK,GAAI,SAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,EAAG,IACvE,UAAU;AAGhB,WAAO,CAAC,YAAY,KAAK,KAAK,QAAQ,iBAAkB,MAAc;AAAA,EACxE,CAAC;AACH;AAEA,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/jsx/index.js

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

package/dist/jsx/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Image'\n"],
-  "mappings": "AAAA,WAAc",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/dist/jsx/index.mjs

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

package/dist/jsx/index.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Image'\n"],
-  "mappings": "AAAA,WAAc",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/image",
-  "version": "1.14.0",
+  "version": "1.14.2",
   "sideEffects": [
     "*.css"
   ],
@@ -23,14 +23,14 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/core": "1.14.0"
+    "@tamagui/core": "1.14.2"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.14.0",
+    "@tamagui/build": "1.14.2",
     "react": "^18.2.0",
     "react-native": "^0.71.4"
   },