@tamagui/image 1.9.8 → 1.9.10

package/dist/cjs/Image.js

@@ -42,6 +42,12 @@ const Image = StyledImage.extractable(
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledImage, { ref, source, ...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

package/dist/cjs/Image.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Image.tsx"],
-  "sourcesContent": ["import {\n  GetProps,\n  RadiusTokens,\n  StackProps,\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<\n  StyledImageProps,\n  'source' | 'width' | 'height' | 'style' | 'onLayout'\n> & {\n  width: number | string\n  height: number | string\n  src: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\nexport const Image: React.FC<ImageProps> = StyledImage.extractable(\n  forwardRef((inProps, ref) => {\n    const props = useMediaPropsActive(inProps)\n    const { src, ...rest } = props\n    const source =\n      typeof src === 'string'\n        ? { uri: src, ...(isWeb && { width: props.width, height: props.height }) }\n        : src\n\n    // must set defaultSource to allow SSR, default it to the same as src\n    return <StyledImage ref={ref} source={source} {...(rest as any)} />\n  })\n)\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgDW;AAhDX,kBAQO;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;AAiBM,MAAM,QAA8B,YAAY;AAAA,MACrD,yBAAW,CAAC,SAAS,QAAQ;AAC3B,UAAM,YAAQ,iCAAoB,OAAO;AACzC,UAAM,EAAE,KAAK,GAAG,KAAK,IAAI;AACzB,UAAM,SACJ,OAAO,QAAQ,WACX,EAAE,KAAK,KAAK,GAAI,qBAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,EAAG,IACvE;AAGN,WAAO,4CAAC,eAAY,KAAU,QAAiB,GAAI,MAAc;AAAA,EACnE,CAAC;AACH;",
+  "sourcesContent": ["import {\n  GetProps,\n  RadiusTokens,\n  StackProps,\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<\n  StyledImageProps,\n  'source' | 'width' | 'height' | 'style' | 'onLayout'\n> & {\n  width: number | string\n  height: number | string\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\nexport const Image = StyledImage.extractable(\n  forwardRef((inProps: ImageProps, ref) => {\n    const props = useMediaPropsActive(inProps)\n    const { src, ...rest } = props\n    const source =\n      typeof src === 'string'\n        ? { uri: src, ...(isWeb && { width: props.width, height: props.height }) }\n        : src\n\n    // must set defaultSource to allow SSR, default it to the same as src\n    return <StyledImage ref={ref} source={source} {...(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;AAAA;AAAA;AAAA;AAAA;AA2DW;AA3DX,kBAQO;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;AA4BM,MAAM,QAAQ,YAAY;AAAA,MAC/B,yBAAW,CAAC,SAAqB,QAAQ;AACvC,UAAM,YAAQ,iCAAoB,OAAO;AACzC,UAAM,EAAE,KAAK,GAAG,KAAK,IAAI;AACzB,UAAM,SACJ,OAAO,QAAQ,WACX,EAAE,KAAK,KAAK,GAAI,qBAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,EAAG,IACvE;AAGN,WAAO,4CAAC,eAAY,KAAU,QAAiB,GAAI,MAAc;AAAA,EACnE,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/esm/Image.js

@@ -24,6 +24,12 @@ const Image = StyledImage.extractable(
     return /* @__PURE__ */ jsx(StyledImage, { ref, source, ...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
 };

package/dist/esm/Image.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Image.tsx"],
-  "sourcesContent": ["import {\n  GetProps,\n  RadiusTokens,\n  StackProps,\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<\n  StyledImageProps,\n  'source' | 'width' | 'height' | 'style' | 'onLayout'\n> & {\n  width: number | string\n  height: number | string\n  src: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\nexport const Image: React.FC<ImageProps> = StyledImage.extractable(\n  forwardRef((inProps, ref) => {\n    const props = useMediaPropsActive(inProps)\n    const { src, ...rest } = props\n    const source =\n      typeof src === 'string'\n        ? { uri: src, ...(isWeb && { width: props.width, height: props.height }) }\n        : src\n\n    // must set defaultSource to allow SSR, default it to the same as src\n    return <StyledImage ref={ref} source={source} {...(rest as any)} />\n  })\n)\n"],
-  "mappings": "AAgDW;AAhDX;AAAA,EAIE;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;AAiBM,MAAM,QAA8B,YAAY;AAAA,EACrD,WAAW,CAAC,SAAS,QAAQ;AAC3B,UAAM,QAAQ,oBAAoB,OAAO;AACzC,UAAM,EAAE,KAAK,GAAG,KAAK,IAAI;AACzB,UAAM,SACJ,OAAO,QAAQ,WACX,EAAE,KAAK,KAAK,GAAI,SAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,EAAG,IACvE;AAGN,WAAO,oBAAC,eAAY,KAAU,QAAiB,GAAI,MAAc;AAAA,EACnE,CAAC;AACH;",
+  "sourcesContent": ["import {\n  GetProps,\n  RadiusTokens,\n  StackProps,\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<\n  StyledImageProps,\n  'source' | 'width' | 'height' | 'style' | 'onLayout'\n> & {\n  width: number | string\n  height: number | string\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\nexport const Image = StyledImage.extractable(\n  forwardRef((inProps: ImageProps, ref) => {\n    const props = useMediaPropsActive(inProps)\n    const { src, ...rest } = props\n    const source =\n      typeof src === 'string'\n        ? { uri: src, ...(isWeb && { width: props.width, height: props.height }) }\n        : src\n\n    // must set defaultSource to allow SSR, default it to the same as src\n    return <StyledImage ref={ref} source={source} {...(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": "AA2DW;AA3DX;AAAA,EAIE;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;AA4BM,MAAM,QAAQ,YAAY;AAAA,EAC/B,WAAW,CAAC,SAAqB,QAAQ;AACvC,UAAM,QAAQ,oBAAoB,OAAO;AACzC,UAAM,EAAE,KAAK,GAAG,KAAK,IAAI;AACzB,UAAM,SACJ,OAAO,QAAQ,WACX,EAAE,KAAK,KAAK,GAAI,SAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,EAAG,IACvE;AAGN,WAAO,oBAAC,eAAY,KAAU,QAAiB,GAAI,MAAc;AAAA,EACnE,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

@@ -24,6 +24,12 @@ const Image = StyledImage.extractable(
     return /* @__PURE__ */ jsx(StyledImage, { ref, source, ...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
 };

package/dist/esm/Image.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Image.tsx"],
-  "sourcesContent": ["import {\n  GetProps,\n  RadiusTokens,\n  StackProps,\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<\n  StyledImageProps,\n  'source' | 'width' | 'height' | 'style' | 'onLayout'\n> & {\n  width: number | string\n  height: number | string\n  src: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\nexport const Image: React.FC<ImageProps> = StyledImage.extractable(\n  forwardRef((inProps, ref) => {\n    const props = useMediaPropsActive(inProps)\n    const { src, ...rest } = props\n    const source =\n      typeof src === 'string'\n        ? { uri: src, ...(isWeb && { width: props.width, height: props.height }) }\n        : src\n\n    // must set defaultSource to allow SSR, default it to the same as src\n    return <StyledImage ref={ref} source={source} {...(rest as any)} />\n  })\n)\n"],
-  "mappings": "AAgDW;AAhDX;AAAA,EAIE;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;AAiBM,MAAM,QAA8B,YAAY;AAAA,EACrD,WAAW,CAAC,SAAS,QAAQ;AAC3B,UAAM,QAAQ,oBAAoB,OAAO;AACzC,UAAM,EAAE,KAAK,GAAG,KAAK,IAAI;AACzB,UAAM,SACJ,OAAO,QAAQ,WACX,EAAE,KAAK,KAAK,GAAI,SAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,EAAG,IACvE;AAGN,WAAO,oBAAC,eAAY,KAAU,QAAiB,GAAI,MAAc;AAAA,EACnE,CAAC;AACH;",
+  "sourcesContent": ["import {\n  GetProps,\n  RadiusTokens,\n  StackProps,\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<\n  StyledImageProps,\n  'source' | 'width' | 'height' | 'style' | 'onLayout'\n> & {\n  width: number | string\n  height: number | string\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\nexport const Image = StyledImage.extractable(\n  forwardRef((inProps: ImageProps, ref) => {\n    const props = useMediaPropsActive(inProps)\n    const { src, ...rest } = props\n    const source =\n      typeof src === 'string'\n        ? { uri: src, ...(isWeb && { width: props.width, height: props.height }) }\n        : src\n\n    // must set defaultSource to allow SSR, default it to the same as src\n    return <StyledImage ref={ref} source={source} {...(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": "AA2DW;AA3DX;AAAA,EAIE;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;AA4BM,MAAM,QAAQ,YAAY;AAAA,EAC/B,WAAW,CAAC,SAAqB,QAAQ;AACvC,UAAM,QAAQ,oBAAoB,OAAO;AACzC,UAAM,EAAE,KAAK,GAAG,KAAK,IAAI;AACzB,UAAM,SACJ,OAAO,QAAQ,WACX,EAAE,KAAK,KAAK,GAAI,SAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,EAAG,IACvE;AAGN,WAAO,oBAAC,eAAY,KAAU,QAAiB,GAAI,MAAc;AAAA,EACnE,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.js

@@ -23,6 +23,12 @@ const Image = StyledImage.extractable(
     return <StyledImage ref={ref} source={source} {...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
 };

package/dist/jsx/Image.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Image.tsx"],
-  "sourcesContent": ["import {\n  GetProps,\n  RadiusTokens,\n  StackProps,\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<\n  StyledImageProps,\n  'source' | 'width' | 'height' | 'style' | 'onLayout'\n> & {\n  width: number | string\n  height: number | string\n  src: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\nexport const Image: React.FC<ImageProps> = StyledImage.extractable(\n  forwardRef((inProps, ref) => {\n    const props = useMediaPropsActive(inProps)\n    const { src, ...rest } = props\n    const source =\n      typeof src === 'string'\n        ? { uri: src, ...(isWeb && { width: props.width, height: props.height }) }\n        : src\n\n    // must set defaultSource to allow SSR, default it to the same as src\n    return <StyledImage ref={ref} source={source} {...(rest as any)} />\n  })\n)\n"],
-  "mappings": "AAAA;AAAA,EAIE;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;AAiBM,MAAM,QAA8B,YAAY;AAAA,EACrD,WAAW,CAAC,SAAS,QAAQ;AAC3B,UAAM,QAAQ,oBAAoB,OAAO;AACzC,UAAM,EAAE,KAAK,GAAG,KAAK,IAAI;AACzB,UAAM,SACJ,OAAO,QAAQ,WACX,EAAE,KAAK,KAAK,GAAI,SAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,EAAG,IACvE;AAGN,WAAO,CAAC,YAAY,KAAK,KAAK,QAAQ,YAAa,MAAc;AAAA,EACnE,CAAC;AACH;",
+  "sourcesContent": ["import {\n  GetProps,\n  RadiusTokens,\n  StackProps,\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<\n  StyledImageProps,\n  'source' | 'width' | 'height' | 'style' | 'onLayout'\n> & {\n  width: number | string\n  height: number | string\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\nexport const Image = StyledImage.extractable(\n  forwardRef((inProps: ImageProps, ref) => {\n    const props = useMediaPropsActive(inProps)\n    const { src, ...rest } = props\n    const source =\n      typeof src === 'string'\n        ? { uri: src, ...(isWeb && { width: props.width, height: props.height }) }\n        : src\n\n    // must set defaultSource to allow SSR, default it to the same as src\n    return <StyledImage ref={ref} source={source} {...(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;AAAA,EAIE;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;AA4BM,MAAM,QAAQ,YAAY;AAAA,EAC/B,WAAW,CAAC,SAAqB,QAAQ;AACvC,UAAM,QAAQ,oBAAoB,OAAO;AACzC,UAAM,EAAE,KAAK,GAAG,KAAK,IAAI;AACzB,UAAM,SACJ,OAAO,QAAQ,WACX,EAAE,KAAK,KAAK,GAAI,SAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,EAAG,IACvE;AAGN,WAAO,CAAC,YAAY,KAAK,KAAK,QAAQ,YAAa,MAAc;AAAA,EACnE,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

@@ -23,6 +23,12 @@ const Image = StyledImage.extractable(
     return <StyledImage ref={ref} source={source} {...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
 };

package/dist/jsx/Image.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Image.tsx"],
-  "sourcesContent": ["import {\n  GetProps,\n  RadiusTokens,\n  StackProps,\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<\n  StyledImageProps,\n  'source' | 'width' | 'height' | 'style' | 'onLayout'\n> & {\n  width: number | string\n  height: number | string\n  src: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\nexport const Image: React.FC<ImageProps> = StyledImage.extractable(\n  forwardRef((inProps, ref) => {\n    const props = useMediaPropsActive(inProps)\n    const { src, ...rest } = props\n    const source =\n      typeof src === 'string'\n        ? { uri: src, ...(isWeb && { width: props.width, height: props.height }) }\n        : src\n\n    // must set defaultSource to allow SSR, default it to the same as src\n    return <StyledImage ref={ref} source={source} {...(rest as any)} />\n  })\n)\n"],
-  "mappings": "AAAA;AAAA,EAIE;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;AAiBM,MAAM,QAA8B,YAAY;AAAA,EACrD,WAAW,CAAC,SAAS,QAAQ;AAC3B,UAAM,QAAQ,oBAAoB,OAAO;AACzC,UAAM,EAAE,KAAK,GAAG,KAAK,IAAI;AACzB,UAAM,SACJ,OAAO,QAAQ,WACX,EAAE,KAAK,KAAK,GAAI,SAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,EAAG,IACvE;AAGN,WAAO,CAAC,YAAY,KAAK,KAAK,QAAQ,YAAa,MAAc;AAAA,EACnE,CAAC;AACH;",
+  "sourcesContent": ["import {\n  GetProps,\n  RadiusTokens,\n  StackProps,\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<\n  StyledImageProps,\n  'source' | 'width' | 'height' | 'style' | 'onLayout'\n> & {\n  width: number | string\n  height: number | string\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\nexport const Image = StyledImage.extractable(\n  forwardRef((inProps: ImageProps, ref) => {\n    const props = useMediaPropsActive(inProps)\n    const { src, ...rest } = props\n    const source =\n      typeof src === 'string'\n        ? { uri: src, ...(isWeb && { width: props.width, height: props.height }) }\n        : src\n\n    // must set defaultSource to allow SSR, default it to the same as src\n    return <StyledImage ref={ref} source={source} {...(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;AAAA,EAIE;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;AA4BM,MAAM,QAAQ,YAAY;AAAA,EAC/B,WAAW,CAAC,SAAqB,QAAQ;AACvC,UAAM,QAAQ,oBAAoB,OAAO;AACzC,UAAM,EAAE,KAAK,GAAG,KAAK,IAAI;AACzB,UAAM,SACJ,OAAO,QAAQ,WACX,EAAE,KAAK,KAAK,GAAI,SAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,EAAG,IACvE;AAGN,WAAO,CAAC,YAAY,KAAK,KAAK,QAAQ,YAAa,MAAc;AAAA,EACnE,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/package.json

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

package/src/Image.tsx

@@ -36,8 +36,19 @@ type BaseProps = Omit<
 
 export type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>
 
-export const Image: React.FC<ImageProps> = StyledImage.extractable(
-  forwardRef((inProps, ref) => {
+type RNImageType = typeof RNImage
+
+type ImageType = React.FC<ImageProps> & {
+  getSize: RNImageType['getSize']
+  getSizeWithHeaders: RNImageType['getSizeWithHeaders']
+  prefetch: RNImageType['prefetch']
+  prefetchWithMetadata: RNImageType['prefetchWithMetadata']
+  abortPrefetch: RNImageType['abortPrefetch']
+  queryCache: RNImageType['queryCache']
+}
+
+export const Image = StyledImage.extractable(
+  forwardRef((inProps: ImageProps, ref) => {
     const props = useMediaPropsActive(inProps)
     const { src, ...rest } = props
     const source =
@@ -48,4 +59,11 @@ export const Image: React.FC<ImageProps> = StyledImage.extractable(
     // must set defaultSource to allow SSR, default it to the same as src
     return <StyledImage ref={ref} source={source} {...(rest as any)} />
   })
-)
+) as any as ImageType
+
+Image.getSize = RNImage.getSize
+Image.getSizeWithHeaders = RNImage.getSizeWithHeaders
+Image.prefetch = RNImage.prefetch
+Image.prefetchWithMetadata = RNImage.prefetchWithMetadata
+Image.abortPrefetch = RNImage.abortPrefetch
+Image.queryCache = RNImage.queryCache

package/types/Image.d.ts

@@ -1,5 +1,6 @@
 import { GetProps, RadiusTokens, StackProps } from '@tamagui/core';
 import React from 'react';
+import { Image as RNImage } from 'react-native';
 declare const StyledImage: import("@tamagui/core").TamaguiComponent<(import("react-native").ImageProps & Omit<StackProps, keyof import("react-native").ImageProps>) | (import("react-native").ImageProps & Omit<StackProps, keyof import("react-native").ImageProps> & Omit<{}, string | number> & {
     [x: string]: undefined;
 } & import("@tamagui/core").MediaProps<Partial<import("react-native").ImageProps & Omit<StackProps, keyof import("react-native").ImageProps> & Omit<{}, string | number> & {
@@ -18,6 +19,15 @@ type BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style'
     src: string | StyledImageProps['source'];
 };
 export type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>;
-export declare const Image: React.FC<ImageProps>;
+type RNImageType = typeof RNImage;
+type ImageType = React.FC<ImageProps> & {
+    getSize: RNImageType['getSize'];
+    getSizeWithHeaders: RNImageType['getSizeWithHeaders'];
+    prefetch: RNImageType['prefetch'];
+    prefetchWithMetadata: RNImageType['prefetchWithMetadata'];
+    abortPrefetch: RNImageType['abortPrefetch'];
+    queryCache: RNImageType['queryCache'];
+};
+export declare const Image: ImageType;
 export {};
 //# sourceMappingURL=Image.d.ts.map

package/types/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../src/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,UAAU,EAKX,MAAM,eAAe,CAAA;AACtB,OAAO,KAAqB,MAAM,OAAO,CAAA;AAOzC,QAAA,MAAM,WAAW;;;;;;;;EAKf,CAAA;AAEF,KAAK,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,WAAW,CAAC,EAAE,cAAc,CAAC,GAAG;IAC3E,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAA;AAED,KAAK,SAAS,GAAG,IAAI,CACnB,gBAAgB,EAChB,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CACrD,GAAG;IACF,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;CACzC,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,SAAS,CAAC,CAAA;AAEtE,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAYtC,CAAA"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../src/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,UAAU,EAKX,MAAM,eAAe,CAAA;AACtB,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,cAAc,CAAA;AAM/C,QAAA,MAAM,WAAW;;;;;;;;EAKf,CAAA;AAEF,KAAK,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,WAAW,CAAC,EAAE,cAAc,CAAC,GAAG;IAC3E,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAA;AAED,KAAK,SAAS,GAAG,IAAI,CACnB,gBAAgB,EAChB,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CACrD,GAAG;IACF,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;CACzC,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,SAAS,CAAC,CAAA;AAEtE,KAAK,WAAW,GAAG,OAAO,OAAO,CAAA;AAEjC,KAAK,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG;IACtC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAC/B,kBAAkB,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAA;IACrD,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAA;IACjC,oBAAoB,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAAA;IACzD,aAAa,EAAE,WAAW,CAAC,eAAe,CAAC,CAAA;IAC3C,UAAU,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,KAAK,WAYG,CAAA"}