@tamagui/image 2.7.7 → 3.0.0-beta.643.1

package/dist/jsx/createImage.native.js

@@ -1,164 +1,135 @@
 "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 createImage_exports = {};
-__export(createImage_exports, {
-  createImage: () => createImage
-});
+__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 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
-  };
+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, {
-    name: "Image"
-  }, {
-    inlineProps: inlinePropsSet
-  });
-  var ImageComponent = StyledImage.styleable(function (incomingProps, ref) {
-    var props = incomingProps;
-    var {
-      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;
-    var resolvedWidth = typeof width === "string" && width[0] === "$" ? (0, import_web.getTokenValue)(width, "size") : width;
-    var resolvedHeight = typeof height === "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height, "size") : height;
-    var finalSource = transformSource({
-      src,
-      source,
-      width: resolvedWidth,
-      height: resolvedHeight
-    });
-    var incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style;
-    var resolvedBorderRadius = typeof borderRadius === "string" && borderRadius[0] === "$" ? (0, import_web.getTokenValue)(borderRadius, "radius") : borderRadius;
-    var 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 = 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;
+	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;
 }
+
 //# sourceMappingURL=createImage.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","createImage_exports","createImage","module","exports","import_jsx_runtime","require","import_web","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","uri","options","Component","mapObjectFitToResizeMode","resizeModePropName","objectPositionPropName","transformSource","inlinePropsSet","Set","StyledImage","styled","inlineProps","ImageComponent","styleable","incomingProps","ref","width","height","borderRadius","objectPosition","decoding","elementTiming","fetchpriority","isMap","loading","sizes","useMap","onLoad","onError","rest","resolvedWidth","getTokenValue","resolvedHeight","finalSource","incomingStyle","Array","isArray","style","assign","flat","resolvedBorderRadius","finalProps","e","_e_nativeEvent","source2","nativeEvent","naturalHeight","naturalWidth","type"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"createImage.native.js","names":[],"sources":["jsx/createImage.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 createImage_exports = {};\n__export(createImage_exports, {\n  createImage: () => createImage\n});\nmodule.exports = __toCommonJS(createImage_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_web = require(\"@tamagui/web\");\nvar defaultObjectFitMap = function(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};\nvar defaultTransformSource = function(props) {\n  var { 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  var { Component, mapObjectFitToResizeMode = defaultObjectFitMap, resizeModePropName = \"resizeMode\", objectPositionPropName, transformSource = defaultTransformSource } = options;\n  var 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  var StyledImage = (0, import_web.styled)(Component, {\n    displayName: \"Image\"\n  }, {\n    inlineProps: inlinePropsSet\n  });\n  var ImageComponent = (0, import_web.createStyledHOC)(StyledImage, function(incomingProps, ref) {\n    var props = incomingProps;\n    var {\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    var _getTokenValue;\n    var resolvedWidth = typeof width === \"string\" ? (_getTokenValue = (0, import_web.getTokenValue)(width, \"size\")) !== null && _getTokenValue !== void 0 ? _getTokenValue : width : width;\n    var _getTokenValue1;\n    var resolvedHeight = typeof height === \"string\" ? (_getTokenValue1 = (0, import_web.getTokenValue)(height, \"size\")) !== null && _getTokenValue1 !== void 0 ? _getTokenValue1 : height : height;\n    var finalSource = transformSource({\n      src,\n      source,\n      width: resolvedWidth,\n      height: resolvedHeight\n    });\n    var incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style;\n    var _getTokenValue2;\n    var resolvedBorderRadius = typeof borderRadius === \"string\" ? (_getTokenValue2 = (0, import_web.getTokenValue)(borderRadius, \"radius\")) !== null && _getTokenValue2 !== void 0 ? _getTokenValue2 : borderRadius : borderRadius;\n    var finalProps = {\n      ...rest,\n      source: finalSource,\n      style: {\n        ...incomingStyle,\n        ...resolvedBorderRadius !== void 0 && {\n          borderRadius: resolvedBorderRadius\n        },\n        ...resolvedWidth !== void 0 && {\n          width: resolvedWidth\n        },\n        ...resolvedHeight !== void 0 && {\n          height: resolvedHeight\n        },\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 && {\n          objectFit\n        },\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 && {\n          objectPosition\n        }\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 = function(e) {\n        var _e_nativeEvent;\n        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) || {};\n        onLoad({\n          target: {\n            naturalHeight: source2 === null || source2 === void 0 ? void 0 : source2.height,\n            naturalWidth: source2 === null || source2 === void 0 ? void 0 : source2.width\n          },\n          type: \"load\"\n        });\n      };\n    }\n    if (onError) {\n      finalProps.onError = function() {\n        onError({\n          type: \"error\"\n        });\n      };\n    }\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledImage, {\n      ref,\n      ...finalProps\n    });\n  });\n  var comp = Component;\n  ImageComponent.getSize = comp.getSize || function() {\n  };\n  ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || function() {\n  };\n  ImageComponent.prefetch = comp.prefetch || function() {\n  };\n  ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || function() {\n  };\n  ImageComponent.abortPrefetch = comp.abortPrefetch || function() {\n  };\n  ImageComponent.queryCache = comp.queryCache || function() {\n  };\n  return ImageComponent;\n}\n//# sourceMappingURL=createImage.js.map\n"],"mappings":"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"}

package/dist/jsx/index.js

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

package/dist/jsx/index.mjs

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

package/dist/jsx/index.native.cjs

@@ -0,0 +1,22 @@
+"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 index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Image.native.js"), module.exports);
+__reExport(index_exports, require("./createImage.native.js"), module.exports);

package/dist/jsx/index.native.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA;;AACA,IAAAA,SAAA,GAAcC,MAAA,CAAAC,cAAA","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":[],"sources":["jsx/index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\nmodule.exports = __toCommonJS(index_exports);\n__reExport(index_exports, require(\"./Image\"), module.exports);\n__reExport(index_exports, require(\"./createImage\"), module.exports);\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,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,cAAc,QAAQ,KAAK,kBAAkB,YAAY,QAAQ,KAAK,SAAS,GAAG,gBAAgB,YAAY,cAAc,KAAK,SAAS;AAC9I,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,OAAO,UAAU,aAAa,aAAa;AAC3C,WAAW,eAAe,QAAQ,mBAAS,GAAG,OAAO,OAAO;AAC5D,WAAW,eAAe,QAAQ,yBAAe,GAAG,OAAO,OAAO"}

package/dist/jsx/types.mjs

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

package/dist/jsx/types.native.cjs

@@ -0,0 +1,19 @@
+"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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/jsx/types.native.js

@@ -1,21 +1,21 @@
 "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;
+	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 types_exports = {};
 module.exports = __toCommonJS(types_exports);
+
 //# sourceMappingURL=types.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.native.js","names":[],"sources":["jsx/types.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\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 types_exports = {};\nmodule.exports = __toCommonJS(types_exports);\n//# sourceMappingURL=types.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,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,gBAAgB,CAAC;AACrB,OAAO,UAAU,aAAa,aAAa"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/image",
-  "version": "2.7.7",
+  "version": "3.0.0-beta.643.1",
   "source": "src/index.ts",
   "files": [
     "src",
@@ -34,17 +34,18 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/constants": "2.7.7",
-    "@tamagui/core": "2.7.7",
-    "@tamagui/web": "2.7.7"
+    "@tamagui/constants": "3.0.0-beta.643.1",
+    "@tamagui/core": "3.0.0-beta.643.1",
+    "@tamagui/web": "3.0.0-beta.643.1"
   },
   "devDependencies": {
-    "@tamagui/build": "2.7.7",
+    "@tamagui/build": "3.0.0-beta.643.1",
     "react": ">=19",
-    "react-native": "0.83.2"
+    "react-native": "0.86.2"
   },
   "peerDependencies": {
-    "react": ">=19"
+    "react": ">=19",
+    "react-native-web": "*"
   },
   "module:jsx": "dist/jsx",
   "repository": {

package/src/Image.tsx

@@ -1,13 +1,14 @@
-import { View, styled } from '@tamagui/web'
+import { createStyledHOC, View, styled } from '@tamagui/web'
 import type { ImageProps, ImageType } from './types'
 
 const StyledImage = styled(View, {
-  name: 'Image',
+  displayName: 'Image',
   render: 'img',
 })
 
-export const Image = StyledImage.styleable<ImageProps>(
-  (inProps, ref) => {
+export const Image = createStyledHOC(
+  StyledImage,
+  (inProps: ImageProps, ref) => {
     const {
       // exclude native only props
       blurRadius,