@tamagui/image 2.7.7 → 3.0.0-beta.643.1

package/src/createImage.tsx

@@ -1,4 +1,4 @@
-import { getTokenValue, styled } from '@tamagui/web'
+import { createStyledHOC, getTokenValue, styled } from '@tamagui/web'
 import type { ComponentType } from 'react'
 import type { ImageResizeMode } from 'react-native'
 import type { ImageProps, ImageType } from './types'
@@ -131,7 +131,7 @@ export function createImage<C extends ComponentType<any>>(
   const StyledImage = styled(
     Component as ComponentType<any>,
     {
-      name: 'Image',
+      displayName: 'Image',
     },
     {
       inlineProps: inlinePropsSet,
@@ -141,100 +141,110 @@ export function createImage<C extends ComponentType<any>>(
   // Combined props: ImageProps (Tamagui) + Component's native props
   type CombinedProps = ImageProps & Omit<GetProps<C>, keyof ImageProps>
 
-  const ImageComponent = StyledImage.styleable<CombinedProps>((incomingProps, ref) => {
-    const props = incomingProps as any
-    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 as any, 'size')
-        : width
-    const resolvedHeight =
-      typeof height === 'string' && height[0] === '$'
-        ? getTokenValue(height as any, '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 as any, 'radius')
-        : borderRadius
-
-    const finalProps: any = {
-      ...rest,
-      source: finalSource,
-      style: {
-        ...incomingStyle,
-        ...(resolvedBorderRadius !== undefined && { borderRadius: resolvedBorderRadius }),
-        ...(resolvedWidth !== undefined && { width: resolvedWidth }),
-        ...(resolvedHeight !== undefined && { height: resolvedHeight }),
-      },
-    }
+  const ImageComponent = createStyledHOC(
+    StyledImage,
+    (incomingProps: CombinedProps, ref) => {
+      const props = incomingProps as any
+      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
 
-    // Set resize mode / content fit
-    if (objectFit) {
-      finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit)
-    }
+      const resolvedWidth =
+        typeof width === 'string' ? (getTokenValue(width as any, 'size') ?? width) : width
+      const resolvedHeight =
+        typeof height === 'string'
+          ? (getTokenValue(height as any, 'size') ?? height)
+          : height
 
-    // Add object position if supported
-    if (objectPositionPropName && objectPosition) {
-      finalProps[objectPositionPropName] = objectPosition
-    }
+      const finalSource = transformSource({
+        src,
+        source,
+        width: resolvedWidth,
+        height: resolvedHeight,
+      })
+
+      const incomingStyle = Array.isArray(rest.style)
+        ? Object.assign({}, ...rest.style.flat())
+        : rest.style
 
-    // Normalize onLoad event
-    if (onLoad) {
-      finalProps.onLoad = (e: any) => {
-        const source = e?.nativeEvent?.source || e?.source || {}
-        onLoad({
-          target: {
-            naturalHeight: source?.height,
-            naturalWidth: source?.width,
-          },
-          type: 'load',
-        } as any)
+      const resolvedBorderRadius =
+        typeof borderRadius === 'string'
+          ? (getTokenValue(borderRadius as any, 'radius') ?? borderRadius)
+          : borderRadius
+
+      const finalProps: any = {
+        ...rest,
+        source: finalSource,
+        style: {
+          ...incomingStyle,
+          ...(resolvedBorderRadius !== undefined && {
+            borderRadius: resolvedBorderRadius,
+          }),
+          ...(resolvedWidth !== undefined && { width: resolvedWidth }),
+          ...(resolvedHeight !== undefined && { height: resolvedHeight }),
+          // RN 0.76+ reads objectFit from style natively on Image; harmless on older.
+          // Also forwarded to the resize-mode prop below for back-compat / non-RN components.
+          ...(objectFit !== undefined && { objectFit }),
+          // RN doesn't currently read objectPosition from style; expo-image uses
+          // contentPosition (handled via objectPositionPropName below). Forwarding
+          // through style is a no-op there but matches CSS shape and is forward-compatible.
+          ...(objectPosition !== undefined && { objectPosition }),
+        },
       }
-    }
 
-    // Normalize onError event
-    if (onError) {
-      finalProps.onError = () => {
-        onError({
-          type: 'error',
-        } as any)
+      // Set resize mode / content fit
+      if (objectFit) {
+        finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit)
       }
-    }
 
-    return <StyledImage ref={ref} {...finalProps} />
-  }) as unknown as ImageType & React.FC<CombinedProps>
+      // Add object position if supported (e.g. expo-image's contentPosition)
+      if (objectPositionPropName && objectPosition) {
+        finalProps[objectPositionPropName] = objectPosition
+      }
+
+      // Normalize onLoad event
+      if (onLoad) {
+        finalProps.onLoad = (e: any) => {
+          const source = e?.nativeEvent?.source || e?.source || {}
+          onLoad({
+            target: {
+              naturalHeight: source?.height,
+              naturalWidth: source?.width,
+            },
+            type: 'load',
+          } as any)
+        }
+      }
+
+      // Normalize onError event
+      if (onError) {
+        finalProps.onError = () => {
+          onError({
+            type: 'error',
+          } as any)
+        }
+      }
+
+      return <StyledImage ref={ref} {...finalProps} />
+    }
+  ) as unknown as ImageType & React.FC<CombinedProps>
 
   // Add static methods if the component has them
   const comp = Component as any

package/types/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../src/Image.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,SAAS,CAAA;AAOpD,eAAO,MAAM,KAAK,EAuBF,SAAS,CAAA"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../src/Image.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,SAAS,CAAA;AAOpD,eAAO,MAAM,KAAK,EAwBF,SAAS,CAAA"}

package/types/Image.native.d.ts

@@ -6,11 +6,11 @@ export declare const Image: import("react").FC<Partial<import("./types").ImagePr
     prefetchWithMetadata: typeof RNImage.prefetchWithMetadata;
     abortPrefetch: typeof RNImage.abortPrefetch | undefined;
     queryCache: typeof RNImage.queryCache | undefined;
-} & import("react").FC<import("@tamagui/web").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & Omit<import("react-native").ImageProps, `$${string}` | `$${number}` | import("@tamagui/web").GroupMediaKeys | keyof import("@tamagui/web").StackStyleBase | keyof import("@tamagui/web").StackNonStyleProps | keyof import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> | "source" | "resizeMode"> & {
+} & import("react").FC<import("@tamagui/web").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & Omit<import("react-native").ImageProps, "resizeMode" | "source" | keyof import("@tamagui/web").StackNonStyleProps | keyof import("@tamagui/web").StackStyleBase> & {
     src?: string | number;
     source?: import("react-native").ImageSourcePropType;
     resizeMode?: import("react-native").ImageResizeMode;
-    objectFit?: React.CSSProperties["objectFit"];
-    objectPosition?: React.CSSProperties["objectPosition"];
-} & Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, `$${string}` | `$${number}` | import("@tamagui/web").GroupMediaKeys | keyof import("@tamagui/web").StackStyleBase | keyof import("@tamagui/web").StackNonStyleProps | keyof import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> | "src"> & Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, "style" | "height" | "width" | "src"> & Omit<import("react-native").ImageProps, `$${string}` | `$${number}` | import("@tamagui/web").GroupMediaKeys | "onLayout" | "rel" | "dir" | keyof import("@tamagui/web").StackStyleBase | keyof import("@tamagui/web").StackNonStyleProps | keyof import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> | "source" | "resizeMode" | "onError" | "onLoad" | "onLoadEnd" | "onLoadStart" | "progressiveRenderingEnabled" | "src" | "srcSet" | "loadingIndicatorSource" | "defaultSource" | "alt" | "crossOrigin" | "tintColor" | "referrerPolicy" | "blurRadius" | "capInsets" | "onProgress" | "onPartialLoad" | "resizeMethod" | "fadeDuration" | "objectPosition" | "decoding" | "fetchPriority" | "loading" | "sizes" | "useMap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "lang" | "nonce" | "slot" | "spellCheck" | "title" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-setsize" | "aria-sort" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture">>;
+    objectFit?: React.CSSProperties['objectFit'];
+    objectPosition?: React.CSSProperties['objectPosition'];
+} & Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, "src" | keyof import("@tamagui/web").StackNonStyleProps | keyof import("@tamagui/web").StackStyleBase> & Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, "height" | "src" | "style" | "width"> & Omit<import("react-native").ImageProps, "about" | "accessKey" | "alt" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-setsize" | "aria-sort" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "blurRadius" | "capInsets" | "content" | "contentEditable" | "contextMenu" | "crossOrigin" | "datatype" | "decoding" | "defaultChecked" | "defaultSource" | "defaultValue" | "dir" | "draggable" | "enterKeyHint" | "exportparts" | "fadeDuration" | "fetchPriority" | "hidden" | "inert" | "inlist" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "lang" | "loading" | "loadingIndicatorSource" | "nonce" | "objectPosition" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChangeCapture" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenuCapture" | "onCopyCapture" | "onCutCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onLayout" | "onLoad" | "onLoadCapture" | "onLoadEnd" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onPartialLoad" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancelCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheelCapture" | "part" | "popover" | "popoverTarget" | "popoverTargetAction" | "prefix" | "progressiveRenderingEnabled" | "property" | "radioGroup" | "referrerPolicy" | "rel" | "resizeMethod" | "resizeMode" | "resource" | "results" | "rev" | "security" | "sizes" | "slot" | "source" | "spellCheck" | "src" | "srcSet" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tintColor" | "title" | "translate" | "typeof" | "unselectable" | "useMap" | "vocab" | keyof import("@tamagui/web").StackNonStyleProps | keyof import("@tamagui/web").StackStyleBase>>;
 //# sourceMappingURL=Image.native.d.ts.map

package/types/Image.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.native.d.ts","sourceRoot":"","sources":["../src/Image.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,cAAc,CAAA;AAG/C,eAAO,MAAM,KAAK;;;;;;;;;;;;;4vKAEhB,CAAA"}
+{"version":3,"file":"Image.native.d.ts","sourceRoot":"","sources":["../src/Image.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,cAAc,CAAA;AAG/C,eAAO,MAAM,KAAK;;;;;;;;;;;;;gqJAEhB,CAAA"}

package/types/createImage.d.ts

@@ -66,12 +66,12 @@ export declare function createImage<C extends ComponentType<any>>(options: Creat
     prefetchWithMetadata: typeof import("react-native").Image.prefetchWithMetadata;
     abortPrefetch: typeof import("react-native").Image.abortPrefetch | undefined;
     queryCache: typeof import("react-native").Image.queryCache | undefined;
-} & import("react").FC<import("@tamagui/web").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & Omit<import("react-native").ImageProps, `$${string}` | `$${number}` | import("@tamagui/web").GroupMediaKeys | keyof import("@tamagui/web").StackStyleBase | keyof import("@tamagui/web").StackNonStyleProps | keyof import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> | "source" | "resizeMode"> & {
+} & import("react").FC<import("@tamagui/web").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & Omit<import("react-native").ImageProps, "resizeMode" | "source" | keyof import("@tamagui/web").StackNonStyleProps | keyof import("@tamagui/web").StackStyleBase> & {
     src?: string | number;
     source?: import("react-native").ImageSourcePropType;
     resizeMode?: ImageResizeMode;
-    objectFit?: React.CSSProperties["objectFit"];
-    objectPosition?: React.CSSProperties["objectPosition"];
-} & Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, `$${string}` | `$${number}` | import("@tamagui/web").GroupMediaKeys | keyof import("@tamagui/web").StackStyleBase | keyof import("@tamagui/web").StackNonStyleProps | keyof import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> | "src"> & Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, "style" | "height" | "width" | "src"> & Omit<GetProps<C>, `$${string}` | `$${number}` | import("@tamagui/web").GroupMediaKeys | "onLayout" | "rel" | "dir" | keyof import("@tamagui/web").StackStyleBase | keyof import("@tamagui/web").StackNonStyleProps | keyof import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> | "source" | "resizeMode" | "onError" | "onLoad" | "onLoadEnd" | "onLoadStart" | "progressiveRenderingEnabled" | "src" | "srcSet" | "loadingIndicatorSource" | "defaultSource" | "alt" | "crossOrigin" | "tintColor" | "referrerPolicy" | "blurRadius" | "capInsets" | "onProgress" | "onPartialLoad" | "resizeMethod" | "fadeDuration" | "objectPosition" | "decoding" | "fetchPriority" | "loading" | "sizes" | "useMap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "lang" | "nonce" | "slot" | "spellCheck" | "title" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-setsize" | "aria-sort" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture">>;
+    objectFit?: React.CSSProperties['objectFit'];
+    objectPosition?: React.CSSProperties['objectPosition'];
+} & Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, "src" | keyof import("@tamagui/web").StackNonStyleProps | keyof import("@tamagui/web").StackStyleBase> & Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, "height" | "src" | "style" | "width"> & Omit<GetProps<C>, "about" | "accessKey" | "alt" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-setsize" | "aria-sort" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "blurRadius" | "capInsets" | "content" | "contentEditable" | "contextMenu" | "crossOrigin" | "datatype" | "decoding" | "defaultChecked" | "defaultSource" | "defaultValue" | "dir" | "draggable" | "enterKeyHint" | "exportparts" | "fadeDuration" | "fetchPriority" | "hidden" | "inert" | "inlist" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "lang" | "loading" | "loadingIndicatorSource" | "nonce" | "objectPosition" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChangeCapture" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenuCapture" | "onCopyCapture" | "onCutCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onLayout" | "onLoad" | "onLoadCapture" | "onLoadEnd" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onPartialLoad" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancelCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheelCapture" | "part" | "popover" | "popoverTarget" | "popoverTargetAction" | "prefix" | "progressiveRenderingEnabled" | "property" | "radioGroup" | "referrerPolicy" | "rel" | "resizeMethod" | "resizeMode" | "resource" | "results" | "rev" | "security" | "sizes" | "slot" | "source" | "spellCheck" | "src" | "srcSet" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tintColor" | "title" | "translate" | "typeof" | "unselectable" | "useMap" | "vocab" | keyof import("@tamagui/web").StackNonStyleProps | keyof import("@tamagui/web").StackStyleBase>>;
 export {};
 //# sourceMappingURL=createImage.d.ts.map

package/types/createImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createImage.d.ts","sourceRoot":"","sources":["../src/createImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,SAAS,CAAA;AAEpD,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAE/D,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,IAAI;IAC7D;;;OAGG;IACH,SAAS,EAAE,CAAC,CAAA;IACZ;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;IACxD;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACrB,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,KAAK,GAAG,CAAA;CACV,CAAA;AAoCD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,EACtD,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC;;;;;;;;;;;;;uuKAoJ/B"}
+{"version":3,"file":"createImage.d.ts","sourceRoot":"","sources":["../src/createImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,SAAS,CAAA;AAEpD,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAE/D,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,IAAI;IAC7D;;;OAGG;IACH,SAAS,EAAE,CAAC,CAAA;IACZ;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;IACxD;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACrB,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,KAAK,GAAG,CAAA;CACV,CAAA;AAoCD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,EACtD,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC;;;;;;;;;;;;;mnJA8J/B"}

package/dist/cjs/v1/Image.cjs

@@ -1,101 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var Image_exports = {};
-__export(Image_exports, {
-  Image: () => Image
-});
-module.exports = __toCommonJS(Image_exports);
-var import_react = __toESM(require("react"), 1);
-var import_constants = require("@tamagui/constants");
-var import_web = require("@tamagui/web");
-var import_react_native = require("react-native-web");
-var import_jsx_runtime = require("react/jsx-runtime");
-const StyledImage = (0, import_web.styled)(import_react_native.Image, {
-  name: "Image"
-});
-let hasWarned = false;
-const Image = StyledImage.styleable((inProps, ref) => {
-  const [props, style] = (0, import_web.usePropsAndStyle)(inProps);
-  const {
-    src,
-    source,
-    objectFit,
-    ...rest
-  } = props;
-  if (process.env.NODE_ENV === "development") {
-    if (typeof src === "string") {
-      if (typeof props.width === "string" && props.width[0] !== "$" || typeof props.height === "string" && props.height[0] !== "$") {
-        if (!hasWarned) {
-          hasWarned = true;
-          console.warn(`React Native expects a numerical width/height. If you want to use a percent you must define the "source" prop with width, height, and uri.`);
-        }
-      }
-    }
-  }
-  let finalSource = typeof src === "string" ? {
-    uri: src,
-    ...(import_constants.isWeb && {
-      width: props.width || style?.width,
-      height: props.height || style?.height
-    })
-  } : source ?? src;
-  if (finalSource && typeof finalSource === "object") {
-    if (process.env.NODE_ENV === "development" && process.env.TAMAGUI_IMAGE_CHECK_ERROR) import_react.default.useEffect(() => {
-      async function run() {
-        if (typeof src === "string") try {
-          await fetch(src).then(res => res.text());
-        } catch (err) {
-          console.error(`Error loading image: ${src}`, {
-            props
-          });
-        }
-      }
-      run();
-    }, [src]);
-    if (finalSource["default"]) finalSource = finalSource["default"];
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Image, {
-    resizeMode: objectFit,
-    ref,
-    source: finalSource,
-    style,
-    ...rest
-  });
-});
-Image.getSize = import_react_native.Image.getSize;
-Image.getSizeWithHeaders = import_react_native.Image.getSizeWithHeaders;
-Image.prefetch = import_react_native.Image.prefetch;
-Image.prefetchWithMetadata = import_react_native.Image.prefetchWithMetadata;
-Image.abortPrefetch = import_react_native.Image.abortPrefetch;
-Image.queryCache = import_react_native.Image.queryCache;

package/dist/cjs/v1/Image.native.js

@@ -1,123 +0,0 @@
-"use strict";
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var Image_exports = {};
-__export(Image_exports, {
-  Image: () => Image
-});
-module.exports = __toCommonJS(Image_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"), 1);
-var import_constants = require("@tamagui/constants");
-var import_web = require("@tamagui/web");
-var import_react_native = require("react-native");
-function _type_of(obj) {
-  "@swc/helpers - typeof";
-
-  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-var StyledImage = (0, import_web.styled)(import_react_native.Image, {
-  name: "Image"
-});
-var hasWarned = false;
-var Image = StyledImage.styleable(function (inProps, ref) {
-  var [props, style] = (0, import_web.usePropsAndStyle)(inProps);
-  var {
-    src,
-    source,
-    objectFit,
-    ...rest
-  } = props;
-  if (process.env.NODE_ENV === "development") {
-    if (typeof src === "string") {
-      if (typeof props.width === "string" && props.width[0] !== "$" || typeof props.height === "string" && props.height[0] !== "$") {
-        if (!hasWarned) {
-          hasWarned = true;
-          console.warn(`React Native expects a numerical width/height. If you want to use a percent you must define the "source" prop with width, height, and uri.`);
-        }
-      }
-    }
-  }
-  var finalSource = typeof src === "string" ? {
-    uri: src,
-    ...(import_constants.isWeb && {
-      width: props.width || (style === null || style === void 0 ? void 0 : style.width),
-      height: props.height || (style === null || style === void 0 ? void 0 : style.height)
-    })
-  } : source !== null && source !== void 0 ? source : src;
-  if (finalSource && (typeof finalSource === "undefined" ? "undefined" : _type_of(finalSource)) === "object") {
-    if (!Array.isArray(finalSource)) {
-      if (typeof finalSource.uri === "number") {
-        finalSource = finalSource.uri;
-        if (source && (typeof source === "undefined" ? "undefined" : _type_of(source)) === "object" && !Array.isArray(source)) {
-          var _style, _style1;
-          var _width;
-          (_width = (_style = style).width) !== null && _width !== void 0 || (_style.width = source.width);
-          var _height;
-          (_height = (_style1 = style).height) !== null && _height !== void 0 || (_style1.height = source.height);
-        }
-      }
-    }
-    if (process.env.NODE_ENV === "development" && process.env.TAMAGUI_IMAGE_CHECK_ERROR) import_react.default.useEffect(function () {
-      async function run() {
-        if (typeof src === "string") try {
-          await fetch(src).then(function (res) {
-            return res.text();
-          });
-        } catch (err) {
-          console.error(`Error loading image: ${src}`, {
-            props
-          });
-        }
-      }
-      run();
-    }, [src]);
-    if (finalSource["default"]) finalSource = finalSource["default"];
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Image, {
-    resizeMode: objectFit,
-    ref,
-    source: finalSource,
-    style,
-    ...rest
-  });
-});
-Image.getSize = import_react_native.Image.getSize;
-Image.getSizeWithHeaders = import_react_native.Image.getSizeWithHeaders;
-Image.prefetch = import_react_native.Image.prefetch;
-Image.prefetchWithMetadata = import_react_native.Image.prefetchWithMetadata;
-Image.abortPrefetch = import_react_native.Image.abortPrefetch;
-Image.queryCache = import_react_native.Image.queryCache;
-//# sourceMappingURL=Image.native.js.map

package/dist/cjs/v1/Image.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["isNodeMode","mod","__esModule","__defProp","target","value","enumerable","__toCommonJS","__copyProps","Image_exports","__export","Image","module","exports","import_jsx_runtime","require","import_react","__toESM","import_constants","import_web","import_react_native","_type_of","obj","Symbol","constructor","StyledImage","styled","name","hasWarned","styleable","inProps","ref","props","style","usePropsAndStyle","src","source","objectFit","rest","process","env","NODE_ENV","width","height","console","warn","finalSource","uri","isWeb","Array","isArray","_style","_style1","_width","_height","TAMAGUI_IMAGE_CHECK_ERROR","default","useEffect","run","fetch","then","res","text","err","error","jsx","resizeMode","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../../src/v1/Image.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/v1/index.cjs

@@ -1,20 +0,0 @@
-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 v1_exports = {};
-module.exports = __toCommonJS(v1_exports);
-__reExport(v1_exports, require("./Image.cjs"), module.exports);

package/dist/cjs/v1/index.native.js

@@ -1,23 +0,0 @@
-"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 v1_exports = {};
-module.exports = __toCommonJS(v1_exports);
-__reExport(v1_exports, require("./Image.native.js"), module.exports);
-//# sourceMappingURL=index.native.js.map