@tamagui/image 2.0.0-rc.4 → 2.0.0-rc.40

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 (87) 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 +9 -12
  49. package/src/createImage.tsx +20 -6
  50. package/src/types.ts +1 -1
  51. package/types/Image.native.d.ts +1 -1
  52. package/types/createImage.d.ts +2 -2
  53. package/types/createImage.d.ts.map +1 -1
  54. package/types/types.d.ts +1 -1
  55. package/types/types.d.ts.map +1 -1
  56. package/dist/cjs/Image.js +0 -55
  57. package/dist/cjs/Image.js.map +0 -6
  58. package/dist/cjs/createImage.js +0 -127
  59. package/dist/cjs/createImage.js.map +0 -6
  60. package/dist/cjs/index.js +0 -16
  61. package/dist/cjs/index.js.map +0 -6
  62. package/dist/cjs/types.js +0 -14
  63. package/dist/cjs/types.js.map +0 -6
  64. package/dist/cjs/v1/Image.js +0 -72
  65. package/dist/cjs/v1/Image.js.map +0 -6
  66. package/dist/cjs/v1/index.js +0 -15
  67. package/dist/cjs/v1/index.js.map +0 -6
  68. package/dist/esm/Image.js +0 -40
  69. package/dist/esm/Image.js.map +0 -6
  70. package/dist/esm/createImage.js +0 -112
  71. package/dist/esm/createImage.js.map +0 -6
  72. package/dist/esm/types.js +0 -1
  73. package/dist/esm/types.js.map +0 -6
  74. package/dist/esm/v1/Image.js +0 -52
  75. package/dist/esm/v1/Image.js.map +0 -6
  76. package/dist/esm/v1/index.js +0 -2
  77. package/dist/esm/v1/index.js.map +0 -6
  78. package/dist/jsx/Image.js +0 -40
  79. package/dist/jsx/Image.js.map +0 -6
  80. package/dist/jsx/createImage.js +0 -112
  81. package/dist/jsx/createImage.js.map +0 -6
  82. package/dist/jsx/types.js +0 -1
  83. package/dist/jsx/types.js.map +0 -6
  84. package/dist/jsx/v1/Image.js +0 -52
  85. package/dist/jsx/v1/Image.js.map +0 -6
  86. package/dist/jsx/v1/index.js +0 -2
  87. 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.4",
3
+ "version": "2.0.0-rc.40",
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,14 +36,14 @@
39
36
  "clean:build": "tamagui-build clean:build"
40
37
  },
41
38
  "dependencies": {
42
- "@tamagui/constants": "2.0.0-rc.4",
43
- "@tamagui/core": "2.0.0-rc.4",
44
- "@tamagui/web": "2.0.0-rc.4"
39
+ "@tamagui/constants": "2.0.0-rc.40",
40
+ "@tamagui/core": "2.0.0-rc.40",
41
+ "@tamagui/web": "2.0.0-rc.40"
45
42
  },
46
43
  "devDependencies": {
47
- "@tamagui/build": "2.0.0-rc.4",
44
+ "@tamagui/build": "2.0.0-rc.40",
48
45
  "react": ">=19",
49
- "react-native": "0.81.5"
46
+ "react-native": "0.83.2"
50
47
  },
51
48
  "peerDependencies": {
52
49
  "react": ">=19",
@@ -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
@@ -7,7 +7,7 @@ export declare const Image: import("react").FC<Partial<import("./types").ImagePr
7
7
  abortPrefetch: typeof RNImage.abortPrefetch | undefined;
8
8
  queryCache: typeof RNImage.queryCache | undefined;
9
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;
10
+ src?: string | number;
11
11
  source?: import("react-native").ImageSourcePropType;
12
12
  resizeMode?: import("react-native").ImageResizeMode;
13
13
  objectFit?: React.CSSProperties["objectFit"];
@@ -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;
@@ -67,7 +67,7 @@ export declare function createImage<C extends ComponentType<any>>(options: Creat
67
67
  abortPrefetch: typeof import("react-native").Image.abortPrefetch | undefined;
68
68
  queryCache: typeof import("react-native").Image.queryCache | undefined;
69
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;
70
+ src?: string | number;
71
71
  source?: import("react-native").ImageSourcePropType;
72
72
  resizeMode?: ImageResizeMode;
73
73
  objectFit?: React.CSSProperties["objectFit"];
@@ -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;;;;;;;;;;;;;2zKAmJ/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
- }
@@ -1,72 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
16
- // If the importer is in node compatibility mode or this is not an ESM
17
- // file that has been converted to a CommonJS file using a Babel-
18
- // compatible transform (i.e. "__esModule" has not been set), then set
19
- // "default" to the CommonJS "module.exports" for node compatibility.
20
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
21
- mod
22
- )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
23
- var Image_exports = {};
24
- __export(Image_exports, {
25
- Image: () => Image
26
- });
27
- module.exports = __toCommonJS(Image_exports);
28
- var import_react = __toESM(require("react"), 1), import_constants = require("@tamagui/constants"), import_web = require("@tamagui/web"), import_react_native = require("react-native-web"), import_jsx_runtime = require("react/jsx-runtime");
29
- const StyledImage = (0, import_web.styled)(import_react_native.Image, {
30
- name: "Image"
31
- });
32
- let hasWarned = !1;
33
- const Image = StyledImage.styleable((inProps, ref) => {
34
- const [props, style] = (0, import_web.usePropsAndStyle)(inProps), { src, source, objectFit, ...rest } = props;
35
- process.env.NODE_ENV === "development" && typeof src == "string" && (typeof props.width == "string" && props.width[0] !== "$" || typeof props.height == "string" && props.height[0] !== "$") && (hasWarned || (hasWarned = !0, console.warn(
36
- '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.'
37
- )));
38
- let finalSource = typeof src == "string" ? {
39
- uri: src,
40
- ...import_constants.isWeb && {
41
- width: props.width || style?.width,
42
- height: props.height || style?.height
43
- }
44
- } : source ?? src;
45
- return finalSource && typeof finalSource == "object" && (process.env.NODE_ENV === "development" && process.env.TAMAGUI_IMAGE_CHECK_ERROR && import_react.default.useEffect(() => {
46
- async function run() {
47
- if (typeof src == "string")
48
- try {
49
- await fetch(src).then((res) => res.text());
50
- } catch {
51
- console.error(`Error loading image: ${src}`, { props });
52
- }
53
- }
54
- run();
55
- }, [src]), finalSource.default && (finalSource = finalSource.default)), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
56
- import_react_native.Image,
57
- {
58
- resizeMode: objectFit,
59
- ref,
60
- source: finalSource,
61
- style,
62
- ...rest
63
- }
64
- );
65
- });
66
- Image.getSize = import_react_native.Image.getSize;
67
- Image.getSizeWithHeaders = import_react_native.Image.getSizeWithHeaders;
68
- Image.prefetch = import_react_native.Image.prefetch;
69
- Image.prefetchWithMetadata = import_react_native.Image.prefetchWithMetadata;
70
- Image.abortPrefetch = import_react_native.Image.abortPrefetch;
71
- Image.queryCache = import_react_native.Image.queryCache;
72
- //# sourceMappingURL=Image.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/v1/Image.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAClB,mBAAsB,+BAQtB,aAAyC,yBAEzC,sBAAiC,yBAqH7B;AAnHJ,MAAM,kBAAc,mBAAO,oBAAAA,OAAS;AAAA,EAClC,MAAM;AACR,CAAC;AAmCD,IAAI,YAAY;AAMT,MAAM,QAAQ,YAAY,UAAsB,CAAC,SAAS,QAAQ;AACvE,QAAM,CAAC,OAAO,KAAK,QAAI,6BAAiB,OAAO,GACzC,EAAE,KAAK,QAAQ,WAAW,GAAG,KAAK,IAAI;AAE5C,EAAI,QAAQ,IAAI,aAAa,iBACvB,OAAO,OAAQ,aAEd,OAAO,MAAM,SAAU,YAAY,MAAM,MAAM,CAAC,MAAM,OACtD,OAAO,MAAM,UAAW,YAAY,MAAM,OAAO,CAAC,MAAM,SAEpD,cACH,YAAY,IACZ,QAAQ;AAAA,IACN;AAAA,EACF;AAMR,MAAI,cACF,OAAO,OAAQ,WACX;AAAA,IACE,KAAK;AAAA,IACL,GAAI,0BAAS;AAAA,MACX,OAAO,MAAM,SAAS,OAAO;AAAA,MAC7B,QAAQ,MAAM,UAAU,OAAO;AAAA,IACjC;AAAA,EACF,IACC,UAAU;AAEjB,SAAI,eAAe,OAAO,eAAgB,aAgBpC,QAAQ,IAAI,aAAa,iBAAiB,QAAQ,IAAI,6BAExD,aAAAC,QAAM,UAAU,MAAM;AACpB,mBAAe,MAAM;AACnB,UAAI,OAAO,OAAQ;AACjB,YAAI;AACF,gBAAM,MAAM,GAAG,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC;AAAA,QAC3C,QAAc;AACZ,kBAAQ,MAAM,wBAAwB,GAAG,IAAI,EAAE,MAAM,CAAC;AAAA,QACxD;AAAA,IAEJ;AAEA,QAAI;AAAA,EACN,GAAG,CAAC,GAAG,CAAC,GAIN,YAAY,YACd,cAAc,YAAY,WAM5B;AAAA,IAAC,oBAAAD;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACC,GAAI;AAAA;AAAA,EACP;AAEJ,CAAC;AAED,MAAM,UAAU,oBAAAA,MAAQ;AACxB,MAAM,qBAAqB,oBAAAA,MAAQ;AACnC,MAAM,WAAW,oBAAAA,MAAQ;AACzB,MAAM,uBAAuB,oBAAAA,MAAQ;AACrC,MAAM,gBAAgB,oBAAAA,MAAQ;AAC9B,MAAM,aAAa,oBAAAA,MAAQ;",
5
- "names": ["RNImage", "React"]
6
- }
@@ -1,15 +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 v1_exports = {};
13
- module.exports = __toCommonJS(v1_exports);
14
- __reExport(v1_exports, require("./Image"), module.exports);
15
- //# sourceMappingURL=index.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/v1/index.ts"],
4
- "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,uBAAc,oBAAd;",
5
- "names": []
6
- }
package/dist/esm/Image.js DELETED
@@ -1,40 +0,0 @@
1
- import { View, styled } from "@tamagui/web";
2
- import { jsx } from "react/jsx-runtime";
3
- const StyledImage = styled(View, {
4
- name: "Image",
5
- render: "img"
6
- }), Image = StyledImage.styleable(
7
- (inProps, ref) => {
8
- const {
9
- // exclude native only props
10
- blurRadius,
11
- capInsets,
12
- defaultSource,
13
- fadeDuration,
14
- loadingIndicatorSource,
15
- onLoadEnd,
16
- onPartialLoad,
17
- progressiveRenderingEnabled,
18
- resizeMethod,
19
- tintColor,
20
- ...rest
21
- } = inProps;
22
- return /* @__PURE__ */ jsx(StyledImage, { ref, ...rest });
23
- },
24
- {
25
- staticConfig: {
26
- memo: !0
27
- }
28
- }
29
- ), func = (() => {
30
- });
31
- Image.getSize = func;
32
- Image.getSizeWithHeaders = func;
33
- Image.prefetch = func;
34
- Image.prefetchWithMetadata = func;
35
- Image.abortPrefetch = func;
36
- Image.queryCache = func;
37
- export {
38
- Image
39
- };
40
- //# sourceMappingURL=Image.js.map