@tamagui/image 1.0.1-beta.98 → 1.0.1-rc.0

package/dist/cjs/Image.js

@@ -1,38 +1,8 @@
-var __create = Object.create;
+"use strict";
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -45,37 +15,32 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(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_core = require("@tamagui/core");
-var import_react = __toESM(require("react"));
 var import_react_native = require("react-native");
-import_react.default["createElement"];
+(0, import_core.setupReactNative)({
+  Image: import_react_native.Image
+});
 const StyledImage = (0, import_core.styled)(import_react_native.Image, {
   name: "Image",
   position: "relative",
   source: { uri: "" },
   zIndex: 1
-}, {
-  inlineProps: /* @__PURE__ */ new Set(["src", "width", "height"])
 });
 const Image = StyledImage.extractable((inProps) => {
   const props = (0, import_core.getExpandedShorthands)(inProps);
-  const _a = props, { src, width = 100, height = 100 } = _a, rest = __objRest(_a, ["src", "width", "height"]);
-  const source = typeof src === "string" ? __spreadValues({ uri: src }, import_core.isWeb && { width, height }) : src;
-  const defaultSource = Array.isArray(source) ? source[0] : source;
-  if (!defaultSource) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react.default.createElement(StyledImage, __spreadValues(__spreadProps(__spreadValues({}, !import_core.isWeb && { style: { width, height } }), {
-    defaultSource,
-    source
-  }), rest));
+  const { src, ...rest } = props;
+  const source = typeof src === "string" ? { uri: src, ...import_core.isWeb && { width: props.width, height: props.height } } : src;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledImage, {
+    source,
+    ...rest
+  });
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/Image.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Image.tsx"],
-  "sourcesContent": ["import { GetProps, StackProps, getExpandedShorthands, isWeb, styled } from '@tamagui/core'\nimport React from 'react'\nimport { Image as RNImage } from 'react-native'\n\nReact['createElement']\n\nconst StyledImage = styled(\n  RNImage,\n  {\n    name: 'Image',\n    position: 'relative',\n    source: { uri: '' },\n    zIndex: 1,\n  },\n  {\n    inlineProps: new Set(['src', 'width', 'height']),\n  }\n)\n\ntype StyledImageProps = GetProps<typeof StyledImage>\n\ntype BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style' | 'onLayout'> & {\n  width: number\n  height: number\n  src: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\nexport const Image: React.FC<ImageProps> = StyledImage.extractable((inProps) => {\n  const props = getExpandedShorthands(inProps)\n  const { src, width = 100, height = 100, ...rest } = props\n  const source = typeof src === 'string' ? { uri: src, ...(isWeb && { width, height }) } : src\n  const defaultSource = Array.isArray(source) ? source[0] : source\n\n  if (!defaultSource) {\n    // placeholder with customizability\n    return null\n  }\n\n  // must set defaultSource to allow SSR, default it to the same as src\n  return (\n    <StyledImage\n      {...(!isWeb && { style: { width, height } })}\n      defaultSource={defaultSource}\n      source={source}\n      {...(rest as any)}\n    />\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA2E;AAC3E,mBAAkB;AAClB,0BAAiC;AAEjC,qBAAM;AAEN,MAAM,cAAc,wBAClB,2BACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ,EAAE,KAAK,GAAG;AAAA,EAClB,QAAQ;AACV,GACA;AAAA,EACE,aAAa,oBAAI,IAAI,CAAC,OAAO,SAAS,QAAQ,CAAC;AACjD,CACF;AAYO,MAAM,QAA8B,YAAY,YAAY,CAAC,YAAY;AAC9E,QAAM,QAAQ,uCAAsB,OAAO;AAC3C,QAAoD,YAA5C,OAAK,QAAQ,KAAK,SAAS,QAAiB,IAAT,iBAAS,IAAT,CAAnC,OAAK,SAAa;AAC1B,QAAM,SAAS,OAAO,QAAQ,WAAW,iBAAE,KAAK,OAAS,qBAAS,EAAE,OAAO,OAAO,KAAO;AACzF,QAAM,gBAAgB,MAAM,QAAQ,MAAM,IAAI,OAAO,KAAK;AAE1D,MAAI,CAAC,eAAe;AAElB,WAAO;AAAA,EACT;AAGA,SACE,mDAAC,6DACM,CAAC,qBAAS,EAAE,OAAO,EAAE,OAAO,OAAO,EAAE,IAD3C;AAAA,IAEC;AAAA,IACA;AAAA,MACK,KACP;AAEJ,CAAC;",
-  "names": []
+  "sourcesContent": ["import {\n  GetProps,\n  StackProps,\n  getExpandedShorthands,\n  isWeb,\n  setupReactNative,\n  styled,\n} from '@tamagui/core'\nimport React from 'react'\nimport { Image as RNImage } from 'react-native'\n\nsetupReactNative({\n  Image: RNImage,\n})\n\nconst StyledImage = styled(RNImage, {\n  name: 'Image',\n  position: 'relative',\n  source: { uri: '' },\n  zIndex: 1,\n})\n\ntype StyledImageProps = GetProps<typeof StyledImage>\n\ntype BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style' | 'onLayout'> & {\n  width: number | string\n  height: number | string\n  src: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\nexport const Image: React.FC<ImageProps> = StyledImage.extractable((inProps) => {\n  const props = getExpandedShorthands(inProps)\n  const { src, ...rest } = props\n  const source =\n    typeof src === 'string'\n      ? { uri: src, ...(isWeb && { width: props.width, height: props.height }) }\n      : src\n\n  // must set defaultSource to allow SSR, default it to the same as src\n  return <StyledImage source={source} {...(rest as any)} />\n})\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyCS;AAzCT,kBAOO;AAEP,0BAAiC;AAAA,IAEjC,8BAAiB;AAAA,EACf,OAAO,oBAAAA;AACT,CAAC;AAED,MAAM,kBAAc,oBAAO,oBAAAA,OAAS;AAAA,EAClC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ,EAAE,KAAK,GAAG;AAAA,EAClB,QAAQ;AACV,CAAC;AAYM,MAAM,QAA8B,YAAY,YAAY,CAAC,YAAY;AAC9E,QAAM,YAAQ,mCAAsB,OAAO;AAC3C,QAAM,EAAE,QAAQ,KAAK,IAAI;AACzB,QAAM,SACJ,OAAO,QAAQ,WACX,EAAE,KAAK,KAAK,GAAI,qBAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,EAAG,IACvE;AAGN,SAAO,4CAAC;AAAA,IAAY;AAAA,IAAiB,GAAI;AAAA,GAAc;AACzD,CAAC;",
+  "names": ["RNImage"]
 }

package/dist/cjs/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Image'\n"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,oBAAd;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,oBAAd;",
   "names": []
 }

package/dist/esm/Image.js

@@ -1,58 +1,28 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { getExpandedShorthands, isWeb, styled } from "@tamagui/core";
-import React from "react";
+import { jsx } from "react/jsx-runtime";
+import {
+  getExpandedShorthands,
+  isWeb,
+  setupReactNative,
+  styled
+} from "@tamagui/core";
 import { Image as RNImage } from "react-native";
-React["createElement"];
+setupReactNative({
+  Image: RNImage
+});
 const StyledImage = styled(RNImage, {
   name: "Image",
   position: "relative",
   source: { uri: "" },
   zIndex: 1
-}, {
-  inlineProps: /* @__PURE__ */ new Set(["src", "width", "height"])
 });
 const Image = StyledImage.extractable((inProps) => {
   const props = getExpandedShorthands(inProps);
-  const _a = props, { src, width = 100, height = 100 } = _a, rest = __objRest(_a, ["src", "width", "height"]);
-  const source = typeof src === "string" ? __spreadValues({ uri: src }, isWeb && { width, height }) : src;
-  const defaultSource = Array.isArray(source) ? source[0] : source;
-  if (!defaultSource) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(StyledImage, __spreadValues(__spreadProps(__spreadValues({}, !isWeb && { style: { width, height } }), {
-    defaultSource,
-    source
-  }), rest));
+  const { src, ...rest } = props;
+  const source = typeof src === "string" ? { uri: src, ...isWeb && { width: props.width, height: props.height } } : src;
+  return /* @__PURE__ */ jsx(StyledImage, {
+    source,
+    ...rest
+  });
 });
 export {
   Image

package/dist/esm/Image.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Image.tsx"],
-  "sourcesContent": ["import { GetProps, StackProps, getExpandedShorthands, isWeb, styled } from '@tamagui/core'\nimport React from 'react'\nimport { Image as RNImage } from 'react-native'\n\nReact['createElement']\n\nconst StyledImage = styled(\n  RNImage,\n  {\n    name: 'Image',\n    position: 'relative',\n    source: { uri: '' },\n    zIndex: 1,\n  },\n  {\n    inlineProps: new Set(['src', 'width', 'height']),\n  }\n)\n\ntype StyledImageProps = GetProps<typeof StyledImage>\n\ntype BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style' | 'onLayout'> & {\n  width: number\n  height: number\n  src: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\nexport const Image: React.FC<ImageProps> = StyledImage.extractable((inProps) => {\n  const props = getExpandedShorthands(inProps)\n  const { src, width = 100, height = 100, ...rest } = props\n  const source = typeof src === 'string' ? { uri: src, ...(isWeb && { width, height }) } : src\n  const defaultSource = Array.isArray(source) ? source[0] : source\n\n  if (!defaultSource) {\n    // placeholder with customizability\n    return null\n  }\n\n  // must set defaultSource to allow SSR, default it to the same as src\n  return (\n    <StyledImage\n      {...(!isWeb && { style: { width, height } })}\n      defaultSource={defaultSource}\n      source={source}\n      {...(rest as any)}\n    />\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEA,MAAM;AAEN,MAAM,cAAc,OAClB,SACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ,EAAE,KAAK,GAAG;AAAA,EAClB,QAAQ;AACV,GACA;AAAA,EACE,aAAa,oBAAI,IAAI,CAAC,OAAO,SAAS,QAAQ,CAAC;AACjD,CACF;AAYO,MAAM,QAA8B,YAAY,YAAY,CAAC,YAAY;AAC9E,QAAM,QAAQ,sBAAsB,OAAO;AAC3C,QAAoD,YAA5C,OAAK,QAAQ,KAAK,SAAS,QAAiB,IAAT,iBAAS,IAAT,CAAnC,OAAK,SAAa;AAC1B,QAAM,SAAS,OAAO,QAAQ,WAAW,iBAAE,KAAK,OAAS,SAAS,EAAE,OAAO,OAAO,KAAO;AACzF,QAAM,gBAAgB,MAAM,QAAQ,MAAM,IAAI,OAAO,KAAK;AAE1D,MAAI,CAAC,eAAe;AAElB,WAAO;AAAA,EACT;AAGA,SACE,oCAAC,6DACM,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,OAAO,EAAE,IAD3C;AAAA,IAEC;AAAA,IACA;AAAA,MACK,KACP;AAEJ,CAAC;",
+  "sourcesContent": ["import {\n  GetProps,\n  StackProps,\n  getExpandedShorthands,\n  isWeb,\n  setupReactNative,\n  styled,\n} from '@tamagui/core'\nimport React from 'react'\nimport { Image as RNImage } from 'react-native'\n\nsetupReactNative({\n  Image: RNImage,\n})\n\nconst StyledImage = styled(RNImage, {\n  name: 'Image',\n  position: 'relative',\n  source: { uri: '' },\n  zIndex: 1,\n})\n\ntype StyledImageProps = GetProps<typeof StyledImage>\n\ntype BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style' | 'onLayout'> & {\n  width: number | string\n  height: number | string\n  src: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\nexport const Image: React.FC<ImageProps> = StyledImage.extractable((inProps) => {\n  const props = getExpandedShorthands(inProps)\n  const { src, ...rest } = props\n  const source =\n    typeof src === 'string'\n      ? { uri: src, ...(isWeb && { width: props.width, height: props.height }) }\n      : src\n\n  // must set defaultSource to allow SSR, default it to the same as src\n  return <StyledImage source={source} {...(rest as any)} />\n})\n"],
+  "mappings": "AAyCS;AAzCT;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,SAAS,eAAe;AAEjC,iBAAiB;AAAA,EACf,OAAO;AACT,CAAC;AAED,MAAM,cAAc,OAAO,SAAS;AAAA,EAClC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ,EAAE,KAAK,GAAG;AAAA,EAClB,QAAQ;AACV,CAAC;AAYM,MAAM,QAA8B,YAAY,YAAY,CAAC,YAAY;AAC9E,QAAM,QAAQ,sBAAsB,OAAO;AAC3C,QAAM,EAAE,QAAQ,KAAK,IAAI;AACzB,QAAM,SACJ,OAAO,QAAQ,WACX,EAAE,KAAK,KAAK,GAAI,SAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,EAAG,IACvE;AAGN,SAAO,oBAAC;AAAA,IAAY;AAAA,IAAiB,GAAI;AAAA,GAAc;AACzD,CAAC;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Image'\n"],
-  "mappings": "AAAA;",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/dist/jsx/Image.js

@@ -1,24 +1,24 @@
-import { getExpandedShorthands, isWeb, styled } from "@tamagui/core";
-import React from "react";
+import {
+  getExpandedShorthands,
+  isWeb,
+  setupReactNative,
+  styled
+} from "@tamagui/core";
 import { Image as RNImage } from "react-native";
-React["createElement"];
+setupReactNative({
+  Image: RNImage
+});
 const StyledImage = styled(RNImage, {
   name: "Image",
   position: "relative",
   source: { uri: "" },
   zIndex: 1
-}, {
-  inlineProps: /* @__PURE__ */ new Set(["src", "width", "height"])
 });
 const Image = StyledImage.extractable((inProps) => {
   const props = getExpandedShorthands(inProps);
-  const { src, width = 100, height = 100, ...rest } = props;
-  const source = typeof src === "string" ? { uri: src, ...isWeb && { width, height } } : src;
-  const defaultSource = Array.isArray(source) ? source[0] : source;
-  if (!defaultSource) {
-    return null;
-  }
-  return <StyledImage {...!isWeb && { style: { width, height } }} defaultSource={defaultSource} source={source} {...rest} />;
+  const { src, ...rest } = props;
+  const source = typeof src === "string" ? { uri: src, ...isWeb && { width: props.width, height: props.height } } : src;
+  return <StyledImage source={source} {...rest} />;
 });
 export {
   Image

package/dist/jsx/Image.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Image.tsx"],
-  "sourcesContent": ["import { GetProps, StackProps, getExpandedShorthands, isWeb, styled } from '@tamagui/core'\nimport React from 'react'\nimport { Image as RNImage } from 'react-native'\n\nReact['createElement']\n\nconst StyledImage = styled(\n  RNImage,\n  {\n    name: 'Image',\n    position: 'relative',\n    source: { uri: '' },\n    zIndex: 1,\n  },\n  {\n    inlineProps: new Set(['src', 'width', 'height']),\n  }\n)\n\ntype StyledImageProps = GetProps<typeof StyledImage>\n\ntype BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style' | 'onLayout'> & {\n  width: number\n  height: number\n  src: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\nexport const Image: React.FC<ImageProps> = StyledImage.extractable((inProps) => {\n  const props = getExpandedShorthands(inProps)\n  const { src, width = 100, height = 100, ...rest } = props\n  const source = typeof src === 'string' ? { uri: src, ...(isWeb && { width, height }) } : src\n  const defaultSource = Array.isArray(source) ? source[0] : source\n\n  if (!defaultSource) {\n    // placeholder with customizability\n    return null\n  }\n\n  // must set defaultSource to allow SSR, default it to the same as src\n  return (\n    <StyledImage\n      {...(!isWeb && { style: { width, height } })}\n      defaultSource={defaultSource}\n      source={source}\n      {...(rest as any)}\n    />\n  )\n})\n"],
-  "mappings": "AAAA;AACA;AACA;AAEA,MAAM;AAEN,MAAM,cAAc,OAClB,SACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ,EAAE,KAAK,GAAG;AAAA,EAClB,QAAQ;AACV,GACA;AAAA,EACE,aAAa,oBAAI,IAAI,CAAC,OAAO,SAAS,QAAQ,CAAC;AACjD,CACF;AAYO,MAAM,QAA8B,YAAY,YAAY,CAAC,YAAY;AAC9E,QAAM,QAAQ,sBAAsB,OAAO;AAC3C,QAAM,EAAE,KAAK,QAAQ,KAAK,SAAS,QAAQ,SAAS;AACpD,QAAM,SAAS,OAAO,QAAQ,WAAW,EAAE,KAAK,KAAK,GAAI,SAAS,EAAE,OAAO,OAAO,EAAG,IAAI;AACzF,QAAM,gBAAgB,MAAM,QAAQ,MAAM,IAAI,OAAO,KAAK;AAE1D,MAAI,CAAC,eAAe;AAElB,WAAO;AAAA,EACT;AAGA,SACE,CAAC,gBACM,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,OAAO,EAAE,GAC1C,eAAe,eACf,QAAQ,YACH,MACP;AAEJ,CAAC;",
+  "sourcesContent": ["import {\n  GetProps,\n  StackProps,\n  getExpandedShorthands,\n  isWeb,\n  setupReactNative,\n  styled,\n} from '@tamagui/core'\nimport React from 'react'\nimport { Image as RNImage } from 'react-native'\n\nsetupReactNative({\n  Image: RNImage,\n})\n\nconst StyledImage = styled(RNImage, {\n  name: 'Image',\n  position: 'relative',\n  source: { uri: '' },\n  zIndex: 1,\n})\n\ntype StyledImageProps = GetProps<typeof StyledImage>\n\ntype BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style' | 'onLayout'> & {\n  width: number | string\n  height: number | string\n  src: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\nexport const Image: React.FC<ImageProps> = StyledImage.extractable((inProps) => {\n  const props = getExpandedShorthands(inProps)\n  const { src, ...rest } = props\n  const source =\n    typeof src === 'string'\n      ? { uri: src, ...(isWeb && { width: props.width, height: props.height }) }\n      : src\n\n  // must set defaultSource to allow SSR, default it to the same as src\n  return <StyledImage source={source} {...(rest as any)} />\n})\n"],
+  "mappings": "AAAA;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,SAAS,eAAe;AAEjC,iBAAiB;AAAA,EACf,OAAO;AACT,CAAC;AAED,MAAM,cAAc,OAAO,SAAS;AAAA,EAClC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ,EAAE,KAAK,GAAG;AAAA,EAClB,QAAQ;AACV,CAAC;AAYM,MAAM,QAA8B,YAAY,YAAY,CAAC,YAAY;AAC9E,QAAM,QAAQ,sBAAsB,OAAO;AAC3C,QAAM,EAAE,QAAQ,KAAK,IAAI;AACzB,QAAM,SACJ,OAAO,QAAQ,WACX,EAAE,KAAK,KAAK,GAAI,SAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO,EAAG,IACvE;AAGN,SAAO,CAAC,YAAY,QAAQ,YAAa,MAAc;AACzD,CAAC;",
   "names": []
 }

package/dist/jsx/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Image'\n"],
-  "mappings": "AAAA;",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/image",
-  "version": "1.0.1-beta.98",
+  "version": "1.0.1-rc.0",
   "sideEffects": [
     "*.css"
   ],
@@ -17,19 +17,21 @@
   "scripts": {
     "build": "tamagui-build",
     "watch": "tamagui-build --watch",
+    "lint": "eslint src",
+    "lint:fix": "yarn lint --fix",
     "clean": "tamagui-build clean",
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/core": "^1.0.1-beta.98"
+    "@tamagui/core": "^1.0.1-rc.0"
   },
   "peerDependencies": {
-    "react": "*",
+    "react": ">=18",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.98",
-    "react": "*",
+    "@tamagui/build": "^1.0.1-rc.0",
+    "react": ">=18",
     "react-native": "*"
   },
   "publishConfig": {

package/src/Image.tsx

@@ -1,27 +1,30 @@
-import { GetProps, StackProps, getExpandedShorthands, isWeb, styled } from '@tamagui/core'
+import {
+  GetProps,
+  StackProps,
+  getExpandedShorthands,
+  isWeb,
+  setupReactNative,
+  styled,
+} from '@tamagui/core'
 import React from 'react'
 import { Image as RNImage } from 'react-native'
 
-React['createElement']
+setupReactNative({
+  Image: RNImage,
+})
 
-const StyledImage = styled(
-  RNImage,
-  {
-    name: 'Image',
-    position: 'relative',
-    source: { uri: '' },
-    zIndex: 1,
-  },
-  {
-    inlineProps: new Set(['src', 'width', 'height']),
-  }
-)
+const StyledImage = styled(RNImage, {
+  name: 'Image',
+  position: 'relative',
+  source: { uri: '' },
+  zIndex: 1,
+})
 
 type StyledImageProps = GetProps<typeof StyledImage>
 
 type BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style' | 'onLayout'> & {
-  width: number
-  height: number
+  width: number | string
+  height: number | string
   src: string | StyledImageProps['source']
 }
 
@@ -29,22 +32,12 @@ export type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>
 
 export const Image: React.FC<ImageProps> = StyledImage.extractable((inProps) => {
   const props = getExpandedShorthands(inProps)
-  const { src, width = 100, height = 100, ...rest } = props
-  const source = typeof src === 'string' ? { uri: src, ...(isWeb && { width, height }) } : src
-  const defaultSource = Array.isArray(source) ? source[0] : source
-
-  if (!defaultSource) {
-    // placeholder with customizability
-    return null
-  }
+  const { src, ...rest } = props
+  const source =
+    typeof src === 'string'
+      ? { uri: src, ...(isWeb && { width: props.width, height: props.height }) }
+      : src
 
   // must set defaultSource to allow SSR, default it to the same as src
-  return (
-    <StyledImage
-      {...(!isWeb && { style: { width, height } })}
-      defaultSource={defaultSource}
-      source={source}
-      {...(rest as any)}
-    />
-  )
+  return <StyledImage source={source} {...(rest as any)} />
 })

package/types/Image.d.ts

@@ -6,13 +6,13 @@ declare const StyledImage: import("@tamagui/core").TamaguiComponent<(import("rea
     [x: string]: undefined;
 }>> & import("@tamagui/core").PseudoProps<Partial<import("react-native").ImageProps & Omit<StackProps, keyof import("react-native").ImageProps> & Omit<{}, string | number> & {
     [x: string]: undefined;
-}>>), any, import("react-native").ImageProps & Omit<StackProps, keyof import("react-native").ImageProps>, {} | {
+}>>), import("@tamagui/core").TamaguiElement, import("react-native").ImageProps & Omit<StackProps, keyof import("react-native").ImageProps>, {} | {
     [x: string]: undefined;
 }>;
 declare type StyledImageProps = GetProps<typeof StyledImage>;
 declare type BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style' | 'onLayout'> & {
-    width: number;
-    height: number;
+    width: number | string;
+    height: number | string;
     src: string | StyledImageProps['source'];
 };
 export declare type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>;

package/types/Image.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../src/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAwC,MAAM,eAAe,CAAA;AAC1F,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,QAAA,MAAM,WAAW;;;;;;;;EAWhB,CAAA;AAED,aAAK,gBAAgB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEpD,aAAK,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG;IAC9F,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;CACzC,CAAA;AAED,oBAAY,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,SAAS,CAAC,CAAA;AAEtE,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAoBrC,CAAA"}

package/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}