@tamagui/image 2.7.7 → 3.0.0-beta.643.1

package/dist/jsx/Image.mjs

@@ -1,39 +1,24 @@
-import { View, styled } from "@tamagui/web";
+import { View, createStyledHOC, styled } from "@tamagui/web";
 import { jsx } from "react/jsx-runtime";
+
 const StyledImage = styled(View, {
-  name: "Image",
-  render: "img"
+	displayName: "Image",
+	render: "img"
 });
-const 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: true
-  }
-});
-const func = () => {};
+const Image = createStyledHOC(StyledImage, (inProps, ref) => {
+	const { blurRadius, capInsets, defaultSource, fadeDuration, loadingIndicatorSource, onLoadEnd, onPartialLoad, progressiveRenderingEnabled, resizeMethod, tintColor, ...rest } = inProps;
+	return /* @__PURE__ */ jsx(StyledImage, {
+		ref,
+		...rest
+	});
+}, { staticConfig: { memo: true } });
+const func = (() => {});
 Image.getSize = func;
 Image.getSizeWithHeaders = func;
 Image.prefetch = func;
 Image.prefetchWithMetadata = func;
 Image.abortPrefetch = func;
 Image.queryCache = func;
+
 export { Image };
 //# sourceMappingURL=Image.mjs.map

package/dist/jsx/Image.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["View","styled","jsx","StyledImage","name","render","Image","styleable","inProps","ref","blurRadius","capInsets","defaultSource","fadeDuration","loadingIndicatorSource","onLoadEnd","onPartialLoad","progressiveRenderingEnabled","resizeMethod","tintColor","rest","staticConfig","memo","func","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../src/Image.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,MAAA,QAAc;AAwBlB,SAAAC,GAAA;AArBX,MAAMC,WAAA,GAAcF,MAAA,CAAOD,IAAA,EAAM;EAC/BI,IAAA,EAAM;EACNC,MAAA,EAAQ;AACV,CAAC;AAEM,MAAMC,KAAA,GAAQH,WAAA,CAAYI,SAAA,CAC/B,CAACC,OAAA,EAASC,GAAA,KAAQ;EAChB,MAAM;IAAA;IAEJC,UAAA;IACAC,SAAA;IACAC,aAAA;IACAC,YAAA;IACAC,sBAAA;IACAC,SAAA;IACAC,aAAA;IACAC,2BAAA;IACAC,YAAA;IACAC,SAAA;IACA,GAAGC;EACL,IAAIZ,OAAA;EACJ,OAAO,eAAAN,GAAA,CAACC,WAAA;IAAYM,GAAA;IAAW,GAAGW;EAAA,CAAM;AAC1C,GACA;EACEC,YAAA,EAAc;IACZC,IAAA,EAAM;EACR;AACF,CACF;AAEA,MAAMC,IAAA,GAAQA,CAAA,KAAM,CAAC;AAErBjB,KAAA,CAAMkB,OAAA,GAAUD,IAAA;AAChBjB,KAAA,CAAMmB,kBAAA,GAAqBF,IAAA;AAC3BjB,KAAA,CAAMoB,QAAA,GAAWH,IAAA;AACjBjB,KAAA,CAAMqB,oBAAA,GAAuBJ,IAAA;AAC7BjB,KAAA,CAAMsB,aAAA,GAAgBL,IAAA;AACtBjB,KAAA,CAAMuB,UAAA,GAAaN,IAAA","ignoreList":[]}
+{"version":3,"file":"Image.js","names":[],"sources":["jsx/Image.js"],"sourcesContent":["import { createStyledHOC, View, styled } from \"@tamagui/web\";\nimport { jsx } from \"react/jsx-runtime\";\nconst StyledImage = styled(View, {\n  displayName: \"Image\",\n  render: \"img\"\n});\nconst Image = createStyledHOC(\n  StyledImage,\n  (inProps, ref) => {\n    const {\n      // exclude native only props\n      blurRadius,\n      capInsets,\n      defaultSource,\n      fadeDuration,\n      loadingIndicatorSource,\n      onLoadEnd,\n      onPartialLoad,\n      progressiveRenderingEnabled,\n      resizeMethod,\n      tintColor,\n      ...rest\n    } = inProps;\n    return /* @__PURE__ */ jsx(StyledImage, { ref, ...rest });\n  },\n  {\n    staticConfig: {\n      memo: true\n    }\n  }\n);\nconst func = (() => {\n});\nImage.getSize = func;\nImage.getSizeWithHeaders = func;\nImage.prefetch = func;\nImage.prefetchWithMetadata = func;\nImage.abortPrefetch = func;\nImage.queryCache = func;\nexport {\n  Image\n};\n//# sourceMappingURL=Image.js.map\n"],"mappings":";;;;AAEA,MAAM,cAAc,OAAO,MAAM;CAC/B,aAAa;CACb,QAAQ;AACV,CAAC;AACD,MAAM,QAAQ,gBACZ,cACC,SAAS,QAAQ;CAChB,MAAM,EAEJ,YACA,WACA,eACA,cACA,wBACA,WACA,eACA,6BACA,cACA,WACA,GAAG,SACD;CACJ,OAAuB,oBAAI,aAAa;EAAE;EAAK,GAAG;CAAK,CAAC;AAC1D,GACA,EACE,cAAc,EACZ,MAAM,KACR,EACF,CACF;AACA,MAAM,cAAc,CACpB;AACA,MAAM,UAAU;AAChB,MAAM,qBAAqB;AAC3B,MAAM,WAAW;AACjB,MAAM,uBAAuB;AAC7B,MAAM,gBAAgB;AACtB,MAAM,aAAa"}

package/dist/jsx/Image.native.cjs

@@ -0,0 +1,29 @@
+"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_native_exports = {};
+__export(Image_native_exports, { Image: () => Image });
+module.exports = __toCommonJS(Image_native_exports);
+var import_react_native = require("react-native");
+var import_createImage = require("./createImage.native.js");
+var Image = (0, import_createImage.createImage)({ Component: import_react_native.Image });

package/dist/jsx/Image.native.js

@@ -1,35 +1,31 @@
 "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
-  });
+	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;
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Image_native_exports = {};
-__export(Image_native_exports, {
-  Image: () => Image
-});
+__export(Image_native_exports, { Image: () => Image });
 module.exports = __toCommonJS(Image_native_exports);
 var import_react_native = require("react-native");
 var import_createImage = require("./createImage.native.js");
-var Image = (0, import_createImage.createImage)({
-  Component: import_react_native.Image
-});
+var Image = (0, import_createImage.createImage)({ Component: import_react_native.Image });
+
 //# sourceMappingURL=Image.native.js.map

package/dist/jsx/Image.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["Image_native_exports","__export","Image","module","exports","__toCommonJS","import_react_native","require","import_createImage","createImage","Component"],"sources":["../../src/Image.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,KAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,oBAAA;AAAA,IAAAM,mBAAA,GAAiCC,OAAA;AACjC,IAAAC,kBAAA,GAA4BD,OAAA;AACrB,IAAIL,KAAA,OAAQM,kBAAA,CAAAC,WAAA,EAAY;EAC3BC,SAAA,EAAWJ,mBAAA,CAAAJ;AACf,CAAC","ignoreList":[]}
+{"version":3,"file":"Image.native.js","names":[],"sources":["jsx/Image.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Image_native_exports = {};\n__export(Image_native_exports, {\n  Image: () => Image\n});\nmodule.exports = __toCommonJS(Image_native_exports);\nvar import_react_native = require(\"react-native\");\nvar import_createImage = require(\"./createImage\");\nvar Image = (0, import_createImage.createImage)({\n  Component: import_react_native.Image\n});\n//# sourceMappingURL=Image.native.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,uBAAuB,CAAC;AAC5B,SAAS,sBAAsB,EAC7B,aAAa,MACf,CAAC;AACD,OAAO,UAAU,aAAa,oBAAoB;AAClD,IAAI,sBAAsB,QAAQ,cAAc;AAChD,IAAI,qBAAqB,QAAQ,yBAAe;AAChD,IAAI,SAAS,GAAG,mBAAmB,aAAa,EAC9C,WAAW,oBAAoB,MACjC,CAAC"}

package/dist/jsx/createImage.mjs

@@ -1,135 +1,107 @@
-import { getTokenValue, styled } from "@tamagui/web";
+import { createStyledHOC, 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";
-  }
+
+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";
+	}
 };
-const defaultTransformSource = props => {
-  const {
-    src,
-    source
-  } = props;
-  if (typeof src === "string") {
-    return {
-      uri: src
-    };
-  }
-  if (source !== void 0 && source !== null) return source;
-  if (src !== void 0 && src !== null) return src;
-  return {
-    uri: src
-  };
+const defaultTransformSource = (props) => {
+	const { src, source } = props;
+	if (typeof src === "string") {
+		return { uri: src };
+	}
+	if (source !== void 0 && source !== null) return source;
+	if (src !== void 0 && src !== null) return src;
+	return { uri: src };
 };
 function createImage(options) {
-  const {
-    Component,
-    mapObjectFitToResizeMode = defaultObjectFitMap,
-    resizeModePropName = "resizeMode",
-    objectPositionPropName,
-    transformSource = defaultTransformSource
-  } = options;
-  const inlinePropsSet = /* @__PURE__ */new Set(["source", "placeholder", "transition", "contentFit", "contentPosition", "cachePolicy", "recyclingKey", "allowDownscaling", "autoplay", "blurRadius", "priority", "placeholderContentFit", "responsivePolicy", "onLoadStart", "onProgress", "onLoadEnd"]);
-  const StyledImage = styled(Component, {
-    name: "Image"
-  }, {
-    inlineProps: inlinePropsSet
-  });
-  const ImageComponent = StyledImage.styleable((incomingProps, ref) => {
-    const props = incomingProps;
-    const {
-      src,
-      source,
-      width,
-      height,
-      borderRadius,
-      objectFit,
-      objectPosition,
-      // web only props - filter out on native
-      decoding,
-      elementTiming,
-      fetchpriority,
-      isMap,
-      loading,
-      sizes,
-      useMap,
-      onLoad,
-      onError,
-      ...rest
-    } = props;
-    const resolvedWidth = typeof width === "string" && width[0] === "$" ? getTokenValue(width, "size") : width;
-    const resolvedHeight = typeof height === "string" && height[0] === "$" ? getTokenValue(height, "size") : height;
-    const finalSource = transformSource({
-      src,
-      source,
-      width: resolvedWidth,
-      height: resolvedHeight
-    });
-    const incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style;
-    const resolvedBorderRadius = typeof borderRadius === "string" && borderRadius[0] === "$" ? getTokenValue(borderRadius, "radius") : borderRadius;
-    const finalProps = {
-      ...rest,
-      source: finalSource,
-      style: {
-        ...incomingStyle,
-        ...(resolvedBorderRadius !== void 0 && {
-          borderRadius: resolvedBorderRadius
-        }),
-        ...(resolvedWidth !== void 0 && {
-          width: resolvedWidth
-        }),
-        ...(resolvedHeight !== void 0 && {
-          height: resolvedHeight
-        })
-      }
-    };
-    if (objectFit) {
-      finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit);
-    }
-    if (objectPositionPropName && objectPosition) {
-      finalProps[objectPositionPropName] = objectPosition;
-    }
-    if (onLoad) {
-      finalProps.onLoad = e => {
-        const source2 = e?.nativeEvent?.source || e?.source || {};
-        onLoad({
-          target: {
-            naturalHeight: source2?.height,
-            naturalWidth: source2?.width
-          },
-          type: "load"
-        });
-      };
-    }
-    if (onError) {
-      finalProps.onError = () => {
-        onError({
-          type: "error"
-        });
-      };
-    }
-    return /* @__PURE__ */jsx(StyledImage, {
-      ref,
-      ...finalProps
-    });
-  });
-  const comp = Component;
-  ImageComponent.getSize = comp.getSize || (() => {});
-  ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || (() => {});
-  ImageComponent.prefetch = comp.prefetch || (() => {});
-  ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || (() => {});
-  ImageComponent.abortPrefetch = comp.abortPrefetch || (() => {});
-  ImageComponent.queryCache = comp.queryCache || (() => {});
-  return ImageComponent;
+	const { Component, mapObjectFitToResizeMode = defaultObjectFitMap, resizeModePropName = "resizeMode", objectPositionPropName, transformSource = defaultTransformSource } = options;
+	const inlinePropsSet = /* @__PURE__ */ new Set([
+		"source",
+		"placeholder",
+		"transition",
+		"contentFit",
+		"contentPosition",
+		"cachePolicy",
+		"recyclingKey",
+		"allowDownscaling",
+		"autoplay",
+		"blurRadius",
+		"priority",
+		"placeholderContentFit",
+		"responsivePolicy",
+		"onLoadStart",
+		"onProgress",
+		"onLoadEnd"
+	]);
+	const StyledImage = styled(Component, { displayName: "Image" }, { inlineProps: inlinePropsSet });
+	const ImageComponent = createStyledHOC(StyledImage, (incomingProps, ref) => {
+		const props = incomingProps;
+		const { src, source, width, height, borderRadius, objectFit, objectPosition, decoding, elementTiming, fetchpriority, isMap, loading, sizes, useMap, onLoad, onError, ...rest } = props;
+		const resolvedWidth = typeof width === "string" ? getTokenValue(width, "size") ?? width : width;
+		const resolvedHeight = typeof height === "string" ? getTokenValue(height, "size") ?? height : height;
+		const finalSource = transformSource({
+			src,
+			source,
+			width: resolvedWidth,
+			height: resolvedHeight
+		});
+		const incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style;
+		const resolvedBorderRadius = typeof borderRadius === "string" ? getTokenValue(borderRadius, "radius") ?? borderRadius : borderRadius;
+		const finalProps = {
+			...rest,
+			source: finalSource,
+			style: {
+				...incomingStyle,
+				...resolvedBorderRadius !== void 0 && { borderRadius: resolvedBorderRadius },
+				...resolvedWidth !== void 0 && { width: resolvedWidth },
+				...resolvedHeight !== void 0 && { height: resolvedHeight },
+				...objectFit !== void 0 && { objectFit },
+				...objectPosition !== void 0 && { objectPosition }
+			}
+		};
+		if (objectFit) {
+			finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit);
+		}
+		if (objectPositionPropName && objectPosition) {
+			finalProps[objectPositionPropName] = objectPosition;
+		}
+		if (onLoad) {
+			finalProps.onLoad = (e) => {
+				const source2 = e?.nativeEvent?.source || e?.source || {};
+				onLoad({
+					target: {
+						naturalHeight: source2?.height,
+						naturalWidth: source2?.width
+					},
+					type: "load"
+				});
+			};
+		}
+		if (onError) {
+			finalProps.onError = () => {
+				onError({ type: "error" });
+			};
+		}
+		return /* @__PURE__ */ jsx(StyledImage, {
+			ref,
+			...finalProps
+		});
+	});
+	const comp = Component;
+	ImageComponent.getSize = comp.getSize || (() => {});
+	ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || (() => {});
+	ImageComponent.prefetch = comp.prefetch || (() => {});
+	ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || (() => {});
+	ImageComponent.abortPrefetch = comp.abortPrefetch || (() => {});
+	ImageComponent.queryCache = comp.queryCache || (() => {});
+	return ImageComponent;
 }
+
 export { createImage };
 //# sourceMappingURL=createImage.mjs.map

package/dist/jsx/createImage.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["getTokenValue","styled","jsx","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","uri","createImage","options","Component","mapObjectFitToResizeMode","resizeModePropName","objectPositionPropName","transformSource","inlinePropsSet","Set","StyledImage","name","inlineProps","ImageComponent","styleable","incomingProps","ref","width","height","borderRadius","objectPosition","decoding","elementTiming","fetchpriority","isMap","loading","sizes","useMap","onLoad","onError","rest","resolvedWidth","resolvedHeight","finalSource","incomingStyle","Array","isArray","style","Object","assign","flat","resolvedBorderRadius","finalProps","e","nativeEvent","target","naturalHeight","naturalWidth","type","comp","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"createImage.js","names":[],"sources":["jsx/createImage.js"],"sourcesContent":["import { createStyledHOC, getTokenValue, styled } from \"@tamagui/web\";\nimport { jsx } from \"react/jsx-runtime\";\nconst defaultObjectFitMap = (objectFit) => {\n  switch (objectFit) {\n    case \"fill\":\n      return \"stretch\";\n    case \"none\":\n      return \"center\";\n    case \"scale-down\":\n      return \"contain\";\n    case \"contain\":\n      return \"contain\";\n    default:\n      return \"cover\";\n  }\n};\nconst defaultTransformSource = (props) => {\n  const { src, source } = props;\n  if (typeof src === \"string\") {\n    return {\n      uri: src\n    };\n  }\n  if (source !== void 0 && source !== null) return source;\n  if (src !== void 0 && src !== null) return src;\n  return {\n    uri: src\n  };\n};\nfunction createImage(options) {\n  const {\n    Component,\n    mapObjectFitToResizeMode = defaultObjectFitMap,\n    resizeModePropName = \"resizeMode\",\n    objectPositionPropName,\n    transformSource = defaultTransformSource\n  } = options;\n  const inlinePropsSet = /* @__PURE__ */ new Set([\n    \"source\",\n    \"placeholder\",\n    \"transition\",\n    \"contentFit\",\n    \"contentPosition\",\n    \"cachePolicy\",\n    \"recyclingKey\",\n    \"allowDownscaling\",\n    \"autoplay\",\n    \"blurRadius\",\n    \"priority\",\n    \"placeholderContentFit\",\n    \"responsivePolicy\",\n    \"onLoadStart\",\n    \"onProgress\",\n    \"onLoadEnd\"\n  ]);\n  const StyledImage = styled(\n    Component,\n    {\n      displayName: \"Image\"\n    },\n    {\n      inlineProps: inlinePropsSet\n    }\n  );\n  const ImageComponent = createStyledHOC(\n    StyledImage,\n    (incomingProps, ref) => {\n      const props = incomingProps;\n      const {\n        src,\n        source,\n        width,\n        height,\n        borderRadius,\n        objectFit,\n        objectPosition,\n        // web only props - filter out on native\n        decoding,\n        elementTiming,\n        fetchpriority,\n        isMap,\n        loading,\n        sizes,\n        useMap,\n        onLoad,\n        onError,\n        ...rest\n      } = props;\n      const resolvedWidth = typeof width === \"string\" ? getTokenValue(width, \"size\") ?? width : width;\n      const resolvedHeight = typeof height === \"string\" ? getTokenValue(height, \"size\") ?? height : height;\n      const finalSource = transformSource({\n        src,\n        source,\n        width: resolvedWidth,\n        height: resolvedHeight\n      });\n      const incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style;\n      const resolvedBorderRadius = typeof borderRadius === \"string\" ? getTokenValue(borderRadius, \"radius\") ?? borderRadius : borderRadius;\n      const finalProps = {\n        ...rest,\n        source: finalSource,\n        style: {\n          ...incomingStyle,\n          ...resolvedBorderRadius !== void 0 && {\n            borderRadius: resolvedBorderRadius\n          },\n          ...resolvedWidth !== void 0 && { width: resolvedWidth },\n          ...resolvedHeight !== void 0 && { height: resolvedHeight },\n          // RN 0.76+ reads objectFit from style natively on Image; harmless on older.\n          // Also forwarded to the resize-mode prop below for back-compat / non-RN components.\n          ...objectFit !== void 0 && { objectFit },\n          // RN doesn't currently read objectPosition from style; expo-image uses\n          // contentPosition (handled via objectPositionPropName below). Forwarding\n          // through style is a no-op there but matches CSS shape and is forward-compatible.\n          ...objectPosition !== void 0 && { objectPosition }\n        }\n      };\n      if (objectFit) {\n        finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit);\n      }\n      if (objectPositionPropName && objectPosition) {\n        finalProps[objectPositionPropName] = objectPosition;\n      }\n      if (onLoad) {\n        finalProps.onLoad = (e) => {\n          const source2 = e?.nativeEvent?.source || e?.source || {};\n          onLoad({\n            target: {\n              naturalHeight: source2?.height,\n              naturalWidth: source2?.width\n            },\n            type: \"load\"\n          });\n        };\n      }\n      if (onError) {\n        finalProps.onError = () => {\n          onError({\n            type: \"error\"\n          });\n        };\n      }\n      return /* @__PURE__ */ jsx(StyledImage, { ref, ...finalProps });\n    }\n  );\n  const comp = Component;\n  ImageComponent.getSize = comp.getSize || (() => {\n  });\n  ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || (() => {\n  });\n  ImageComponent.prefetch = comp.prefetch || (() => {\n  });\n  ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || (() => {\n  });\n  ImageComponent.abortPrefetch = comp.abortPrefetch || (() => {\n  });\n  ImageComponent.queryCache = comp.queryCache || (() => {\n  });\n  return ImageComponent;\n}\nexport {\n  createImage\n};\n//# sourceMappingURL=createImage.js.map\n"],"mappings":"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"}

package/dist/jsx/createImage.native.cjs

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