@tamagui/image 2.0.0-rc.8 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/dist/cjs/Image.cjs +42 -40
  2. package/dist/cjs/Image.native.js +17 -15
  3. package/dist/cjs/Image.native.js.map +1 -1
  4. package/dist/cjs/createImage.cjs +123 -88
  5. package/dist/cjs/createImage.native.js +128 -95
  6. package/dist/cjs/createImage.native.js.map +1 -1
  7. package/dist/cjs/index.cjs +7 -5
  8. package/dist/cjs/index.native.js +7 -5
  9. package/dist/cjs/index.native.js.map +1 -1
  10. package/dist/cjs/types.cjs +7 -5
  11. package/dist/cjs/types.native.js +7 -5
  12. package/dist/cjs/types.native.js.map +1 -1
  13. package/dist/cjs/v1/Image.cjs +63 -48
  14. package/dist/cjs/v1/Image.native.js +91 -73
  15. package/dist/cjs/v1/Image.native.js.map +1 -1
  16. package/dist/cjs/v1/index.cjs +7 -5
  17. package/dist/cjs/v1/index.native.js +7 -5
  18. package/dist/cjs/v1/index.native.js.map +1 -1
  19. package/dist/esm/Image.mjs +28 -28
  20. package/dist/esm/Image.mjs.map +1 -1
  21. package/dist/esm/createImage.mjs +109 -76
  22. package/dist/esm/createImage.mjs.map +1 -1
  23. package/dist/esm/createImage.native.js +113 -82
  24. package/dist/esm/createImage.native.js.map +1 -1
  25. package/dist/esm/index.js +2 -2
  26. package/dist/esm/index.js.map +1 -6
  27. package/dist/esm/v1/Image.mjs +34 -21
  28. package/dist/esm/v1/Image.mjs.map +1 -1
  29. package/dist/esm/v1/Image.native.js +62 -46
  30. package/dist/esm/v1/Image.native.js.map +1 -1
  31. package/dist/jsx/Image.mjs +28 -28
  32. package/dist/jsx/Image.mjs.map +1 -1
  33. package/dist/jsx/Image.native.js +17 -15
  34. package/dist/jsx/Image.native.js.map +1 -1
  35. package/dist/jsx/createImage.mjs +109 -76
  36. package/dist/jsx/createImage.mjs.map +1 -1
  37. package/dist/jsx/createImage.native.js +128 -95
  38. package/dist/jsx/createImage.native.js.map +1 -1
  39. package/dist/jsx/index.js +2 -2
  40. package/dist/jsx/index.js.map +1 -6
  41. package/dist/jsx/index.native.js +7 -5
  42. package/dist/jsx/types.native.js +7 -5
  43. package/dist/jsx/v1/Image.mjs +34 -21
  44. package/dist/jsx/v1/Image.mjs.map +1 -1
  45. package/dist/jsx/v1/Image.native.js +91 -73
  46. package/dist/jsx/v1/Image.native.js.map +1 -1
  47. package/dist/jsx/v1/index.native.js +7 -5
  48. package/package.json +10 -14
  49. package/src/createImage.tsx +20 -6
  50. package/src/types.ts +1 -1
  51. package/types/Image.native.d.ts +3 -3
  52. package/types/Image.native.d.ts.map +1 -1
  53. package/types/createImage.d.ts +4 -4
  54. package/types/createImage.d.ts.map +1 -1
  55. package/types/types.d.ts +1 -1
  56. package/types/types.d.ts.map +1 -1
  57. package/dist/cjs/Image.js +0 -55
  58. package/dist/cjs/Image.js.map +0 -6
  59. package/dist/cjs/createImage.js +0 -127
  60. package/dist/cjs/createImage.js.map +0 -6
  61. package/dist/cjs/index.js +0 -16
  62. package/dist/cjs/index.js.map +0 -6
  63. package/dist/cjs/types.js +0 -14
  64. package/dist/cjs/types.js.map +0 -6
  65. package/dist/cjs/v1/Image.js +0 -72
  66. package/dist/cjs/v1/Image.js.map +0 -6
  67. package/dist/cjs/v1/index.js +0 -15
  68. package/dist/cjs/v1/index.js.map +0 -6
  69. package/dist/esm/Image.js +0 -40
  70. package/dist/esm/Image.js.map +0 -6
  71. package/dist/esm/createImage.js +0 -112
  72. package/dist/esm/createImage.js.map +0 -6
  73. package/dist/esm/types.js +0 -1
  74. package/dist/esm/types.js.map +0 -6
  75. package/dist/esm/v1/Image.js +0 -52
  76. package/dist/esm/v1/Image.js.map +0 -6
  77. package/dist/esm/v1/index.js +0 -2
  78. package/dist/esm/v1/index.js.map +0 -6
  79. package/dist/jsx/Image.js +0 -40
  80. package/dist/jsx/Image.js.map +0 -6
  81. package/dist/jsx/createImage.js +0 -112
  82. package/dist/jsx/createImage.js.map +0 -6
  83. package/dist/jsx/types.js +0 -1
  84. package/dist/jsx/types.js.map +0 -6
  85. package/dist/jsx/v1/Image.js +0 -52
  86. package/dist/jsx/v1/Image.js.map +0 -6
  87. package/dist/jsx/v1/index.js +0 -2
  88. package/dist/jsx/v1/index.js.map +0 -6
@@ -1 +1 @@
1
- {"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Image_exports","Image","module","exports","import_jsx_runtime","require","import_react","import_constants","import_web","import_react_native","_type_of","obj","Symbol","constructor","StyledImage","styled","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"],"sources":["../../../src/v1/Image.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Image_exports","Image","module","exports","import_jsx_runtime","require","import_react","import_constants","import_web","import_react_native","_type_of","obj","Symbol","constructor","StyledImage","styled","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"],"sources":["../../../src/v1/Image.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -5,15 +5,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
6
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
7
  var __copyProps = (to, from, except, desc) => {
8
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
8
+ if (from && typeof from === "object" || typeof from === "function") {
9
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
9
10
  get: () => from[key],
10
11
  enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
11
12
  });
12
- return to;
13
- },
14
- __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
13
+ }
14
+ return to;
15
+ };
16
+ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
15
17
  var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
16
- value: !0
18
+ value: true
17
19
  }), mod);
18
20
  var v1_exports = {};
19
21
  module.exports = __toCommonJS(v1_exports);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/image",
3
- "version": "2.0.0-rc.8",
3
+ "version": "2.0.0",
4
4
  "source": "src/index.ts",
5
5
  "files": [
6
6
  "src",
@@ -18,15 +18,12 @@
18
18
  "./package.json": "./package.json",
19
19
  ".": {
20
20
  "types": "./types/index.d.ts",
21
- "react-native": {
22
- "module": "./dist/esm/index.native.js",
23
- "import": "./dist/esm/index.native.js",
24
- "require": "./dist/cjs/index.native.js"
25
- },
21
+ "react-native": "./dist/esm/index.native.js",
22
+ "browser": "./dist/esm/index.mjs",
26
23
  "module": "./dist/esm/index.mjs",
27
24
  "import": "./dist/esm/index.mjs",
28
25
  "require": "./dist/cjs/index.cjs",
29
- "default": "./dist/cjs/index.native.js"
26
+ "default": "./dist/esm/index.mjs"
30
27
  }
31
28
  },
32
29
  "publishConfig": {
@@ -39,18 +36,17 @@
39
36
  "clean:build": "tamagui-build clean:build"
40
37
  },
41
38
  "dependencies": {
42
- "@tamagui/constants": "2.0.0-rc.8",
43
- "@tamagui/core": "2.0.0-rc.8",
44
- "@tamagui/web": "2.0.0-rc.8"
39
+ "@tamagui/constants": "2.0.0",
40
+ "@tamagui/core": "2.0.0",
41
+ "@tamagui/web": "2.0.0"
45
42
  },
46
43
  "devDependencies": {
47
- "@tamagui/build": "2.0.0-rc.8",
44
+ "@tamagui/build": "2.0.0",
48
45
  "react": ">=19",
49
- "react-native": "0.81.5"
46
+ "react-native": "0.83.2"
50
47
  },
51
48
  "peerDependencies": {
52
- "react": ">=19",
53
- "react-native": "*"
49
+ "react": ">=19"
54
50
  },
55
51
  "module:jsx": "dist/jsx"
56
52
  }
@@ -33,7 +33,7 @@ export type CreateImageOptions<C extends ComponentType<any>> = {
33
33
  * Useful for expo-image which has a different source format.
34
34
  */
35
35
  transformSource?: (props: {
36
- src?: string
36
+ src?: string | number
37
37
  source?: any
38
38
  width?: any
39
39
  height?: any
@@ -56,7 +56,7 @@ const defaultObjectFitMap = (objectFit: string): ImageResizeMode => {
56
56
  }
57
57
 
58
58
  const defaultTransformSource = (props: {
59
- src?: string
59
+ src?: string | number
60
60
  source?: any
61
61
  width?: any
62
62
  height?: any
@@ -144,6 +144,7 @@ export function createImage<C extends ComponentType<any>>(
144
144
  src,
145
145
  width,
146
146
  height,
147
+ borderRadius,
147
148
  objectFit,
148
149
  objectPosition,
149
150
  // web only props - filter out on native
@@ -160,10 +161,12 @@ export function createImage<C extends ComponentType<any>>(
160
161
  } = props
161
162
 
162
163
  const resolvedWidth =
163
- typeof width === 'string' && width[0] === '$' ? getTokenValue(width as any) : width
164
+ typeof width === 'string' && width[0] === '$'
165
+ ? getTokenValue(width as any, 'size')
166
+ : width
164
167
  const resolvedHeight =
165
168
  typeof height === 'string' && height[0] === '$'
166
- ? getTokenValue(height as any)
169
+ ? getTokenValue(height as any, 'size')
167
170
  : height
168
171
 
169
172
  const finalSource = transformSource({
@@ -172,12 +175,23 @@ export function createImage<C extends ComponentType<any>>(
172
175
  height: resolvedHeight,
173
176
  })
174
177
 
178
+ const incomingStyle = Array.isArray(rest.style)
179
+ ? Object.assign({}, ...rest.style.flat())
180
+ : rest.style
181
+
182
+ const resolvedBorderRadius =
183
+ typeof borderRadius === 'string' && borderRadius[0] === '$'
184
+ ? getTokenValue(borderRadius as any, 'radius')
185
+ : borderRadius
186
+
175
187
  const finalProps: any = {
176
188
  ...rest,
177
189
  source: finalSource,
178
190
  style: {
179
- width: resolvedWidth,
180
- height: resolvedHeight,
191
+ ...incomingStyle,
192
+ ...(resolvedBorderRadius !== undefined && { borderRadius: resolvedBorderRadius }),
193
+ ...(resolvedWidth !== undefined && { width: resolvedWidth }),
194
+ ...(resolvedHeight !== undefined && { height: resolvedHeight }),
181
195
  },
182
196
  }
183
197
 
package/src/types.ts CHANGED
@@ -16,7 +16,7 @@ export type ImageProps = ViewProps &
16
16
  * The image source URL or require() result.
17
17
  * Preferred over `source` for better web alignment.
18
18
  */
19
- src?: string
19
+ src?: string | number
20
20
  /**
21
21
  * @deprecated
22
22
  * use src instead
@@ -6,11 +6,11 @@ export declare const Image: import("react").FC<Partial<import("./types").ImagePr
6
6
  prefetchWithMetadata: typeof RNImage.prefetchWithMetadata;
7
7
  abortPrefetch: typeof RNImage.abortPrefetch | undefined;
8
8
  queryCache: typeof RNImage.queryCache | undefined;
9
- } & 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 | `$theme-${string}` | `$theme-${number}` | 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"> & {
10
- src?: string;
9
+ } & 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"> & {
10
+ src?: string | number;
11
11
  source?: import("react-native").ImageSourcePropType;
12
12
  resizeMode?: import("react-native").ImageResizeMode;
13
13
  objectFit?: React.CSSProperties["objectFit"];
14
14
  objectPosition?: React.CSSProperties["objectPosition"];
15
- } & Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, `$${string}` | `$${number}` | import("@tamagui/web").GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | 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 | `$theme-${string}` | `$theme-${number}` | "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">>;
15
+ } & 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">>;
16
16
  //# sourceMappingURL=Image.native.d.ts.map
@@ -1 +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;;;;;;;;;;;;;g1KAEhB,CAAA"}
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"}
@@ -30,7 +30,7 @@ export type CreateImageOptions<C extends ComponentType<any>> = {
30
30
  * Useful for expo-image which has a different source format.
31
31
  */
32
32
  transformSource?: (props: {
33
- src?: string;
33
+ src?: string | number;
34
34
  source?: any;
35
35
  width?: any;
36
36
  height?: any;
@@ -66,12 +66,12 @@ export declare function createImage<C extends ComponentType<any>>(options: Creat
66
66
  prefetchWithMetadata: typeof import("react-native").Image.prefetchWithMetadata;
67
67
  abortPrefetch: typeof import("react-native").Image.abortPrefetch | undefined;
68
68
  queryCache: typeof import("react-native").Image.queryCache | undefined;
69
- } & 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 | `$theme-${string}` | `$theme-${number}` | 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"> & {
70
- src?: string;
69
+ } & 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"> & {
70
+ src?: string | number;
71
71
  source?: import("react-native").ImageSourcePropType;
72
72
  resizeMode?: ImageResizeMode;
73
73
  objectFit?: React.CSSProperties["objectFit"];
74
74
  objectPosition?: React.CSSProperties["objectPosition"];
75
- } & Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, `$${string}` | `$${number}` | import("@tamagui/web").GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | 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 | `$theme-${string}` | `$theme-${number}` | "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">>;
75
+ } & 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">>;
76
76
  export {};
77
77
  //# sourceMappingURL=createImage.d.ts.map
@@ -1 +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,CAAA;QACZ,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,KAAK,GAAG,CAAA;CACV,CAAA;AAiCD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,EACtD,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC;;;;;;;;;;;;;2zKAqI/B"}
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;AAiCD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,EACtD,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC;;;;;;;;;;;;;uuKAmJ/B"}
package/types/types.d.ts CHANGED
@@ -7,7 +7,7 @@ export type ImageProps = ViewProps & Omit<RNImageProps, KeyofViewProps | 'source
7
7
  * The image source URL or require() result.
8
8
  * Preferred over `source` for better web alignment.
9
9
  */
10
- src?: string;
10
+ src?: string | number;
11
11
  /**
12
12
  * @deprecated
13
13
  * use src instead
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,KAAK,IAAI,OAAO,EAChB,UAAU,IAAI,YAAY,EAC3B,MAAM,cAAc,CAAA;AAErB,KAAK,WAAW,GAAG,OAAO,OAAO,CAAA;AAEjC,KAAK,cAAc,GAAG,MAAM,SAAS,CAAA;AAErC,MAAM,MAAM,UAAU,GAAG,SAAS,GAChC,IAAI,CAAC,YAAY,EAAE,cAAc,GAAG,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAC,GAAG;IACvE;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;OAGG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5C;;;;OAIG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAA;CACvD,GAAG,IAAI,CACN,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EACzC,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,KAAK,CAC5C,GACD,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC,CAAA;AAEvF,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG;IACtD,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAC/B,kBAAkB,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAA;IACrD,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAA;IACjC,oBAAoB,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAAA;IACzD,aAAa,EAAE,WAAW,CAAC,eAAe,CAAC,CAAA;IAC3C,UAAU,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;CACtC,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,KAAK,IAAI,OAAO,EAChB,UAAU,IAAI,YAAY,EAC3B,MAAM,cAAc,CAAA;AAErB,KAAK,WAAW,GAAG,OAAO,OAAO,CAAA;AAEjC,KAAK,cAAc,GAAG,MAAM,SAAS,CAAA;AAErC,MAAM,MAAM,UAAU,GAAG,SAAS,GAChC,IAAI,CAAC,YAAY,EAAE,cAAc,GAAG,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAC,GAAG;IACvE;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5C;;;;OAIG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAA;CACvD,GAAG,IAAI,CACN,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EACzC,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,KAAK,CAC5C,GACD,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC,CAAA;AAEvF,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG;IACtD,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAC/B,kBAAkB,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAA;IACrD,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAA;IACjC,oBAAoB,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAAA;IACzD,aAAa,EAAE,WAAW,CAAC,eAAe,CAAC,CAAA;IAC3C,UAAU,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;CACtC,CAAA"}
package/dist/cjs/Image.js DELETED
@@ -1,55 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var Image_exports = {};
16
- __export(Image_exports, {
17
- Image: () => Image
18
- });
19
- module.exports = __toCommonJS(Image_exports);
20
- var import_web = require("@tamagui/web"), import_jsx_runtime = require("react/jsx-runtime");
21
- const StyledImage = (0, import_web.styled)(import_web.View, {
22
- name: "Image",
23
- render: "img"
24
- }), Image = StyledImage.styleable(
25
- (inProps, ref) => {
26
- const {
27
- // exclude native only props
28
- blurRadius,
29
- capInsets,
30
- defaultSource,
31
- fadeDuration,
32
- loadingIndicatorSource,
33
- onLoadEnd,
34
- onPartialLoad,
35
- progressiveRenderingEnabled,
36
- resizeMethod,
37
- tintColor,
38
- ...rest
39
- } = inProps;
40
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledImage, { ref, ...rest });
41
- },
42
- {
43
- staticConfig: {
44
- memo: !0
45
- }
46
- }
47
- ), func = (() => {
48
- });
49
- Image.getSize = func;
50
- Image.getSizeWithHeaders = func;
51
- Image.prefetch = func;
52
- Image.prefetchWithMetadata = func;
53
- Image.abortPrefetch = func;
54
- Image.queryCache = func;
55
- //# sourceMappingURL=Image.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Image.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAA6B,yBAwBlB;AArBX,MAAM,kBAAc,mBAAO,iBAAM;AAAA,EAC/B,MAAM;AAAA,EACN,QAAQ;AACV,CAAC,GAEY,QAAQ,YAAY;AAAA,EAC/B,CAAC,SAAS,QAAQ;AAChB,UAAM;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AACJ,WAAO,4CAAC,eAAY,KAAW,GAAG,MAAM;AAAA,EAC1C;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEM,QAAQ,MAAM;AAAC;AAErB,MAAM,UAAU;AAChB,MAAM,qBAAqB;AAC3B,MAAM,WAAW;AACjB,MAAM,uBAAuB;AAC7B,MAAM,gBAAgB;AACtB,MAAM,aAAa;",
5
- "names": []
6
- }
@@ -1,127 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var createImage_exports = {};
16
- __export(createImage_exports, {
17
- createImage: () => createImage
18
- });
19
- module.exports = __toCommonJS(createImage_exports);
20
- var import_web = require("@tamagui/web"), import_jsx_runtime = require("react/jsx-runtime");
21
- const defaultObjectFitMap = (objectFit) => {
22
- switch (objectFit) {
23
- case "fill":
24
- return "stretch";
25
- case "none":
26
- return "center";
27
- case "scale-down":
28
- return "contain";
29
- case "contain":
30
- return "contain";
31
- default:
32
- return "cover";
33
- }
34
- }, defaultTransformSource = (props) => {
35
- const { src, source, width, height } = props;
36
- return source || (src && typeof src != "string" ? src : {
37
- uri: src,
38
- width,
39
- height
40
- });
41
- };
42
- function createImage(options) {
43
- const {
44
- Component,
45
- mapObjectFitToResizeMode = defaultObjectFitMap,
46
- resizeModePropName = "resizeMode",
47
- objectPositionPropName,
48
- transformSource = defaultTransformSource
49
- } = options, ImageComponent = (0, import_web.styled)(
50
- Component,
51
- {
52
- name: "Image"
53
- },
54
- {
55
- inlineProps: /* @__PURE__ */ new Set([
56
- "source",
57
- "placeholder",
58
- "transition",
59
- "contentFit",
60
- "contentPosition",
61
- "cachePolicy",
62
- "recyclingKey",
63
- "allowDownscaling",
64
- "autoplay",
65
- "blurRadius",
66
- "priority",
67
- "placeholderContentFit",
68
- "responsivePolicy",
69
- "onLoadStart",
70
- "onProgress",
71
- "onLoadEnd"
72
- ])
73
- }
74
- ).styleable((incomingProps, ref) => {
75
- const props = incomingProps, {
76
- src,
77
- width,
78
- height,
79
- objectFit,
80
- objectPosition,
81
- // web only props - filter out on native
82
- decoding,
83
- elementTiming,
84
- fetchpriority,
85
- isMap,
86
- loading,
87
- sizes,
88
- useMap,
89
- onLoad,
90
- onError,
91
- ...rest
92
- } = props, resolvedWidth = typeof width == "string" && width[0] === "$" ? (0, import_web.getTokenValue)(width) : width, resolvedHeight = typeof height == "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height) : height, finalSource = transformSource({
93
- src,
94
- width: resolvedWidth,
95
- height: resolvedHeight
96
- }), finalProps = {
97
- ...rest,
98
- source: finalSource,
99
- style: {
100
- width: resolvedWidth,
101
- height: resolvedHeight
102
- }
103
- };
104
- return objectFit && (finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit)), objectPositionPropName && objectPosition && (finalProps[objectPositionPropName] = objectPosition), onLoad && (finalProps.onLoad = (e) => {
105
- const source = e?.nativeEvent?.source || e?.source || {};
106
- onLoad({
107
- target: {
108
- naturalHeight: source?.height,
109
- naturalWidth: source?.width
110
- },
111
- type: "load"
112
- });
113
- }), onError && (finalProps.onError = () => {
114
- onError({
115
- type: "error"
116
- });
117
- }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ref, ...finalProps });
118
- }), comp = Component;
119
- return ImageComponent.getSize = comp.getSize || (() => {
120
- }), ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || (() => {
121
- }), ImageComponent.prefetch = comp.prefetch || (() => {
122
- }), ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || (() => {
123
- }), ImageComponent.abortPrefetch = comp.abortPrefetch || (() => {
124
- }), ImageComponent.queryCache = comp.queryCache || (() => {
125
- }), ImageComponent;
126
- }
127
- //# sourceMappingURL=createImage.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/createImage.tsx"],
4
- "mappings": "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",
5
- "names": []
6
- }
package/dist/cjs/index.js DELETED
@@ -1,16 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __copyProps = (to, from, except, desc) => {
6
- if (from && typeof from == "object" || typeof from == "function")
7
- for (let key of __getOwnPropNames(from))
8
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
9
- return to;
10
- }, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
11
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
12
- var index_exports = {};
13
- module.exports = __toCommonJS(index_exports);
14
- __reExport(index_exports, require("./Image"), module.exports);
15
- __reExport(index_exports, require("./createImage"), module.exports);
16
- //# sourceMappingURL=index.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.ts"],
4
- "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,oBAAd;AACA,0BAAc,0BADd;",
5
- "names": []
6
- }
package/dist/cjs/types.js DELETED
@@ -1,14 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __copyProps = (to, from, except, desc) => {
6
- if (from && typeof from == "object" || typeof from == "function")
7
- for (let key of __getOwnPropNames(from))
8
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
9
- return to;
10
- };
11
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
12
- var types_exports = {};
13
- module.exports = __toCommonJS(types_exports);
14
- //# sourceMappingURL=types.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/types.ts"],
4
- "mappings": ";;;;;;;;;;;AAAA;AAAA;",
5
- "names": []
6
- }