@hanzogui/image 3.0.2 → 102.0.0-rc.41-hanzoai.1

package/dist/cjs/Image.cjs

@@ -3,57 +3,59 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var Image_exports = {};
 __export(Image_exports, {
   Image: () => Image
 });
 module.exports = __toCommonJS(Image_exports);
-var import_gui_web = require("@hanzogui/web"),
-  import_jsx_runtime = require("react/jsx-runtime");
-const StyledImage = (0, import_gui_web.styled)(import_gui_web.View, {
-    name: "Image",
-    render: "img"
-  }),
-  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: !0
-    }
-  }),
-  func = () => {};
+var import_web = require("@hanzogui/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
+  }
+});
+const func = () => {};
 Image.getSize = func;
 Image.getSizeWithHeaders = func;
 Image.prefetch = func;

package/dist/cjs/Image.native.js

@@ -5,29 +5,31 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  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"),
-  import_createImage = require("./createImage.native.js"),
-  Image = (0, import_createImage.createImage)({
-    Component: import_react_native.Image
-  });
+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
+});
 //# 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;EACjCC,kBAAA,GAA4BD,OAAA;EACjBL,KAAA,OAAQM,kBAAA,CAAAC,WAAA,EAAY;IAC3BC,SAAA,EAAWJ,mBAAA,CAAAJ;EACf,CAAC","ignoreList":[]}
+{"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":[]}

package/dist/cjs/createImage.cjs

@@ -3,109 +3,127 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var createImage_exports = {};
 __export(createImage_exports, {
   createImage: () => createImage
 });
 module.exports = __toCommonJS(createImage_exports);
-var import_gui_web = require("@hanzogui/web"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_web = require("@hanzogui/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";
-    }
-  },
-  defaultTransformSource = props => {
+  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,
+    width,
+    height
+  } = props;
+  if (source) return source;
+  if (src && typeof src !== "string") return src;
+  return {
+    uri: src,
+    width,
+    height
+  };
+};
+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
+      height,
+      borderRadius,
+      objectFit,
+      objectPosition,
+      // web only props - filter out on native
+      decoding,
+      elementTiming,
+      fetchpriority,
+      isMap,
+      loading,
+      sizes,
+      useMap,
+      onLoad,
+      onError,
+      ...rest
     } = props;
-    return source || (src && typeof src != "string" ? src : {
-      uri: src,
-      width,
-      height
+    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,
+      width: resolvedWidth,
+      height: resolvedHeight
     });
-  };
-function createImage(options) {
-  const {
-      Component,
-      mapObjectFitToResizeMode = defaultObjectFitMap,
-      resizeModePropName = "resizeMode",
-      objectPositionPropName,
-      transformSource = defaultTransformSource
-    } = options,
-    ImageComponent = (0, import_gui_web.styled)(Component, {
-      name: "Image"
-    }, {
-      inlineProps: /* @__PURE__ */new Set(["source", "placeholder", "transition", "contentFit", "contentPosition", "cachePolicy", "recyclingKey", "allowDownscaling", "autoplay", "blurRadius", "priority", "placeholderContentFit", "responsivePolicy", "onLoadStart", "onProgress", "onLoadEnd"])
-    }).styleable((incomingProps, ref) => {
-      const props = incomingProps,
-        {
-          src,
-          width,
-          height,
-          objectFit,
-          objectPosition,
-          // web only props - filter out on native
-          decoding,
-          elementTiming,
-          fetchpriority,
-          isMap,
-          loading,
-          sizes,
-          useMap,
-          onLoad,
-          onError,
-          ...rest
-        } = props,
-        resolvedWidth = typeof width == "string" && width[0] === "$" ? (0, import_gui_web.getTokenValue)(width) : width,
-        resolvedHeight = typeof height == "string" && height[0] === "$" ? (0, import_gui_web.getTokenValue)(height) : height,
-        finalSource = transformSource({
-          src,
-          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
         }),
-        incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style,
-        finalProps = {
-          ...rest,
-          source: finalSource,
-          style: {
-            ...incomingStyle,
-            ...(resolvedWidth !== void 0 && {
-              width: resolvedWidth
-            }),
-            ...(resolvedHeight !== void 0 && {
-              height: resolvedHeight
-            })
-          }
-        };
-      return objectFit && (finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit)), objectPositionPropName && objectPosition && (finalProps[objectPositionPropName] = objectPosition), onLoad && (finalProps.onLoad = e => {
+        ...(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 source = e?.nativeEvent?.source || e?.source || {};
         onLoad({
           target: {
@@ -114,15 +132,26 @@ function createImage(options) {
           },
           type: "load"
         });
-      }), onError && (finalProps.onError = () => {
+      };
+    }
+    if (onError) {
+      finalProps.onError = () => {
         onError({
           type: "error"
         });
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
-        ref,
-        ...finalProps
-      });
-    }),
-    comp = Component;
-  return ImageComponent.getSize = comp.getSize || (() => {}), ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || (() => {}), ImageComponent.prefetch = comp.prefetch || (() => {}), ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || (() => {}), ImageComponent.abortPrefetch = comp.abortPrefetch || (() => {}), ImageComponent.queryCache = comp.queryCache || (() => {}), ImageComponent;
+      };
+    }
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+      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.js

@@ -5,130 +5,157 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var createImage_exports = {};
 __export(createImage_exports, {
   createImage: () => createImage
 });
 module.exports = __toCommonJS(createImage_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_gui_web = require("@hanzogui/web"),
-  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";
-    }
-  },
-  defaultTransformSource = function (props) {
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_web = require("@hanzogui/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,
+    width,
+    height
+  } = props;
+  if (source) return source;
+  if (src && typeof src !== "string") return src;
+  return {
+    uri: src,
+    width,
+    height
+  };
+};
+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
+      height,
+      borderRadius,
+      objectFit,
+      objectPosition,
+      // web only props - filter out on native
+      decoding,
+      elementTiming,
+      fetchpriority,
+      isMap,
+      loading,
+      sizes,
+      useMap,
+      onLoad,
+      onError,
+      ...rest
     } = props;
-    return source || (src && typeof src != "string" ? src : {
-      uri: src,
-      width,
-      height
+    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,
+      width: resolvedWidth,
+      height: resolvedHeight
     });
-  };
-function createImage(options) {
-  var {
-      Component,
-      mapObjectFitToResizeMode = defaultObjectFitMap,
-      resizeModePropName = "resizeMode",
-      objectPositionPropName,
-      transformSource = defaultTransformSource
-    } = options,
-    inlinePropsSet = /* @__PURE__ */new Set(["source", "placeholder", "transition", "contentFit", "contentPosition", "cachePolicy", "recyclingKey", "allowDownscaling", "autoplay", "blurRadius", "priority", "placeholderContentFit", "responsivePolicy", "onLoadStart", "onProgress", "onLoadEnd"]),
-    StyledImage = (0, import_gui_web.styled)(Component, {
-      name: "Image"
-    }, {
-      inlineProps: inlinePropsSet
-    }),
-    ImageComponent = StyledImage.styleable(function (incomingProps, ref) {
-      var props = incomingProps,
-        {
-          src,
-          width,
-          height,
-          objectFit,
-          objectPosition,
-          // web only props - filter out on native
-          decoding,
-          elementTiming,
-          fetchpriority,
-          isMap,
-          loading,
-          sizes,
-          useMap,
-          onLoad,
-          onError,
-          ...rest
-        } = props,
-        resolvedWidth = typeof width == "string" && width[0] === "$" ? (0, import_gui_web.getTokenValue)(width) : width,
-        resolvedHeight = typeof height == "string" && height[0] === "$" ? (0, import_gui_web.getTokenValue)(height) : height,
-        finalSource = transformSource({
-          src,
-          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
         }),
-        incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style,
-        finalProps = {
-          ...rest,
-          source: finalSource,
-          style: {
-            ...incomingStyle,
-            ...(resolvedWidth !== void 0 && {
-              width: resolvedWidth
-            }),
-            ...(resolvedHeight !== void 0 && {
-              height: resolvedHeight
-            })
-          }
-        };
-      return objectFit && (finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit)), objectPositionPropName && objectPosition && (finalProps[objectPositionPropName] = objectPosition), onLoad && (finalProps.onLoad = function (e) {
-        var _e_nativeEvent,
-          source = (e == null || (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.source) || e?.source || {};
+        ...(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 source = (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: source?.height,
-            naturalWidth: source?.width
+            naturalHeight: source === null || source === void 0 ? void 0 : source.height,
+            naturalWidth: source === null || source === void 0 ? void 0 : source.width
           },
           type: "load"
         });
-      }), onError && (finalProps.onError = function () {
+      };
+    }
+    if (onError) {
+      finalProps.onError = function () {
         onError({
           type: "error"
         });
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
-        ref,
-        ...finalProps
-      });
-    }),
-    comp = Component;
-  return 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 () {}, ImageComponent;
+      };
+    }
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+      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