@tamagui/image 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/Image.cjs

@@ -1,64 +1,44 @@
+
 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_exports = {};
-__export(Image_exports, {
-  Image: () => Image
-});
+__export(Image_exports, { Image: () => Image });
 module.exports = __toCommonJS(Image_exports);
 var import_web = require("@tamagui/web");
 var import_jsx_runtime = require("react/jsx-runtime");
 const StyledImage = (0, import_web.styled)(import_web.View, {
-  name: "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__ */(0, import_jsx_runtime.jsx)(StyledImage, {
-    ref,
-    ...rest
-  });
-}, {
-  staticConfig: {
-    memo: true
-  }
+	displayName: "Image",
+	render: "img"
 });
-const func = () => {};
+const Image = (0, import_web.createStyledHOC)(StyledImage, (inProps, ref) => {
+	const { blurRadius, capInsets, defaultSource, fadeDuration, loadingIndicatorSource, onLoadEnd, onPartialLoad, progressiveRenderingEnabled, resizeMethod, tintColor, ...rest } = inProps;
+	return /* @__PURE__ */ (0, import_jsx_runtime.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;
+Image.queryCache = func;

package/dist/cjs/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/cjs/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/cjs/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":["cjs/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/cjs/createImage.cjs

@@ -1,160 +1,127 @@
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: 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 createImage_exports = {};
-__export(createImage_exports, {
-  createImage: () => createImage
-});
+__export(createImage_exports, { createImage: () => createImage });
 module.exports = __toCommonJS(createImage_exports);
 var import_web = require("@tamagui/web");
 var import_jsx_runtime = require("react/jsx-runtime");
-const defaultObjectFitMap = objectFit => {
-  switch (objectFit) {
-    case "fill":
-      return "stretch";
-    case "none":
-      return "center";
-    case "scale-down":
-      return "contain";
-    case "contain":
-      return "contain";
-    default:
-      return "cover";
-  }
+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 = (0, import_web.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] === "$" ? (0, import_web.getTokenValue)(width, "size") : width;
-    const resolvedHeight = typeof height === "string" && height[0] === "$" ? (0, import_web.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] === "$" ? (0, import_web.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__ */(0, import_jsx_runtime.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 = (0, import_web.styled)(Component, { displayName: "Image" }, { inlineProps: inlinePropsSet });
+	const ImageComponent = (0, import_web.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" ? (0, import_web.getTokenValue)(width, "size") ?? width : width;
+		const resolvedHeight = typeof height === "string" ? (0, import_web.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" ? (0, import_web.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__ */ (0, import_jsx_runtime.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;
+}

package/dist/cjs/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;
+}