@tamagui/avatar 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/Avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["styled","createContextScope","withStaticProperties","Image","Square","YStack","React","jsx","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","position","top","left","right","bottom","objectFit","width","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","AvatarFallback","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar","size","avatarProps","setImageLoadingStatus","scope","Fallback"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Avatar.js","names":[],"sources":["esm/Avatar.js"],"sourcesContent":["import { createStyledHOC, styled, createRefComponent } from \"@tamagui/core\";\nimport { createContextScope } from \"@tamagui/create-context\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { Image } from \"@tamagui/image\";\nimport { Square } from \"@tamagui/shapes\";\nimport { YStack } from \"@tamagui/stacks\";\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst AVATAR_NAME = \"Avatar\";\nconst [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME);\nconst [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);\nconst IMAGE_NAME = \"AvatarImage\";\nconst AvatarImage = createRefComponent(\n  (props, forwardedRef) => {\n    const {\n      __scopeAvatar,\n      src,\n      source,\n      onLoadingStatusChange = () => {\n      },\n      ...imageProps\n    } = props;\n    const context = useAvatarContext(IMAGE_NAME, __scopeAvatar);\n    const [status, setStatus] = React.useState(\"idle\");\n    const resolvedSrc = src || (source && typeof source === \"object\" && \"uri\" in source ? source.uri : source);\n    React.useEffect(() => {\n      if (!resolvedSrc) {\n        setStatus(\"error\");\n      } else {\n        setStatus(\"idle\");\n      }\n    }, [resolvedSrc]);\n    React.useEffect(() => {\n      onLoadingStatusChange(status);\n      context.onImageLoadingStatusChange(status);\n    }, [status]);\n    if (!resolvedSrc) {\n      return null;\n    }\n    return /* @__PURE__ */ jsx(YStack, { position: \"absolute\", inset: 0, zIndex: 1, children: /* @__PURE__ */ jsx(\n      Image,\n      {\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        objectFit: \"cover\",\n        width: \"100%\",\n        height: \"100%\",\n        ...imageProps,\n        ref: forwardedRef,\n        src: resolvedSrc,\n        onError: () => {\n          setStatus(\"error\");\n        },\n        onLoad: () => {\n          setStatus(\"loaded\");\n        }\n      }\n    ) });\n  }\n);\nAvatarImage.displayName = IMAGE_NAME;\nconst FALLBACK_NAME = \"AvatarFallback\";\nconst AvatarFallbackFrame = styled(YStack, {\n  displayName: FALLBACK_NAME,\n  position: \"absolute\",\n  inset: 0,\n  zIndex: 0\n});\nconst AvatarFallback = createStyledHOC(\n  AvatarFallbackFrame,\n  (props, forwardedRef) => {\n    const { __scopeAvatar, delay, ...fallbackProps } = props;\n    const context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);\n    const [canRender, setCanRender] = React.useState(delay === void 0);\n    React.useEffect(() => {\n      if (delay !== void 0) {\n        const timerId = setTimeout(() => setCanRender(true), delay);\n        return () => clearTimeout(timerId);\n      }\n    }, [delay]);\n    return canRender && context.imageLoadingStatus !== \"loaded\" ? /* @__PURE__ */ jsx(AvatarFallbackFrame, { ...fallbackProps, ref: forwardedRef }) : null;\n  }\n);\nAvatarFallback.displayName = FALLBACK_NAME;\nconst AvatarFrame = styled(Square, {\n  displayName: AVATAR_NAME,\n  position: \"relative\",\n  overflow: \"hidden\"\n});\nconst Avatar = withStaticProperties(\n  createRefComponent(\n    (props, forwardedRef) => {\n      const { __scopeAvatar, size = true, ...avatarProps } = props;\n      const [imageLoadingStatus, setImageLoadingStatus] = React.useState(\"idle\");\n      return /* @__PURE__ */ jsx(\n        AvatarProvider,\n        {\n          size,\n          scope: __scopeAvatar,\n          imageLoadingStatus,\n          onImageLoadingStatusChange: setImageLoadingStatus,\n          children: /* @__PURE__ */ jsx(AvatarFrame, { size, ...avatarProps, ref: forwardedRef })\n        }\n      );\n    }\n  ),\n  {\n    Image: AvatarImage,\n    Fallback: AvatarFallback\n  }\n);\nAvatar.displayName = AVATAR_NAME;\nexport {\n  Avatar,\n  AvatarFallback,\n  AvatarFallbackFrame,\n  AvatarFrame,\n  AvatarImage,\n  createAvatarScope\n};\n//# sourceMappingURL=Avatar.js.map\n"],"mappings":";;;;;;;;;;AAQA,MAAM,cAAc;AACpB,MAAM,CAAC,qBAAqB,qBAAqB,mBAAmB,WAAW;AAC/E,MAAM,CAAC,gBAAgB,oBAAoB,oBAAoB,WAAW;AAC1E,MAAM,aAAa;AACnB,MAAM,cAAc,oBACjB,OAAO,iBAAiB;CACvB,MAAM,EACJ,eACA,KACA,QACA,8BAA8B,CAC9B,GACA,GAAG,eACD;CACJ,MAAM,UAAU,iBAAiB,YAAY,aAAa;CAC1D,MAAM,CAAC,QAAQ,aAAa,MAAM,SAAS,MAAM;CACjD,MAAM,cAAc,QAAQ,UAAU,OAAO,WAAW,YAAY,SAAS,SAAS,OAAO,MAAM;CACnG,MAAM,gBAAgB;EACpB,IAAI,CAAC,aAAa;GAChB,UAAU,OAAO;EACnB,OAAO;GACL,UAAU,MAAM;EAClB;CACF,GAAG,CAAC,WAAW,CAAC;CAChB,MAAM,gBAAgB;EACpB,sBAAsB,MAAM;EAC5B,QAAQ,2BAA2B,MAAM;CAC3C,GAAG,CAAC,MAAM,CAAC;CACX,IAAI,CAAC,aAAa;EAChB,OAAO;CACT;CACA,OAAuB,oBAAI,QAAQ;EAAE,UAAU;EAAY,OAAO;EAAG,QAAQ;EAAG,UAA0B,oBACxG,OACA;GACE,UAAU;GACV,KAAK;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,WAAW;GACX,OAAO;GACP,QAAQ;GACR,GAAG;GACH,KAAK;GACL,KAAK;GACL,eAAe;IACb,UAAU,OAAO;GACnB;GACA,cAAc;IACZ,UAAU,QAAQ;GACpB;EACF,CACF;CAAE,CAAC;AACL,CACF;AACA,YAAY,cAAc;AAC1B,MAAM,gBAAgB;AACtB,MAAM,sBAAsB,OAAO,QAAQ;CACzC,aAAa;CACb,UAAU;CACV,OAAO;CACP,QAAQ;AACV,CAAC;AACD,MAAM,iBAAiB,gBACrB,sBACC,OAAO,iBAAiB;CACvB,MAAM,EAAE,eAAe,OAAO,GAAG,kBAAkB;CACnD,MAAM,UAAU,iBAAiB,eAAe,aAAa;CAC7D,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,UAAU,KAAK,CAAC;CACjE,MAAM,gBAAgB;EACpB,IAAI,UAAU,KAAK,GAAG;GACpB,MAAM,UAAU,iBAAiB,aAAa,IAAI,GAAG,KAAK;GAC1D,aAAa,aAAa,OAAO;EACnC;CACF,GAAG,CAAC,KAAK,CAAC;CACV,OAAO,aAAa,QAAQ,uBAAuB,WAA2B,oBAAI,qBAAqB;EAAE,GAAG;EAAe,KAAK;CAAa,CAAC,IAAI;AACpJ,CACF;AACA,eAAe,cAAc;AAC7B,MAAM,cAAc,OAAO,QAAQ;CACjC,aAAa;CACb,UAAU;CACV,UAAU;AACZ,CAAC;AACD,MAAM,SAAS,qBACb,oBACG,OAAO,iBAAiB;CACvB,MAAM,EAAE,eAAe,OAAO,MAAM,GAAG,gBAAgB;CACvD,MAAM,CAAC,oBAAoB,yBAAyB,MAAM,SAAS,MAAM;CACzE,OAAuB,oBACrB,gBACA;EACE;EACA,OAAO;EACP;EACA,4BAA4B;EAC5B,UAA0B,oBAAI,aAAa;GAAE;GAAM,GAAG;GAAa,KAAK;EAAa,CAAC;CACxF,CACF;AACF,CACF,GACA;CACE,OAAO;CACP,UAAU;AACZ,CACF;AACA,OAAO,cAAc"}

package/dist/esm/Avatar.native.js

@@ -1,140 +1,116 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from "@tamagui/core";
+import { jsx } from "react/jsx-runtime";
+import { createRefComponent, createStyledHOC, styled } from "@tamagui/core";
 import { createContextScope } from "@tamagui/create-context";
 import { withStaticProperties } from "@tamagui/helpers";
 import { Image } from "@tamagui/image";
 import { Square } from "@tamagui/shapes";
 import { YStack } from "@tamagui/stacks";
 import * as React from "react";
-function _type_of(obj) {
-  "@swc/helpers - typeof";
 
-  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+function _type_of(obj) {
+	"@swc/helpers - typeof";
+	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
 var AVATAR_NAME = "Avatar";
 var [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME);
 var [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);
 var IMAGE_NAME = "AvatarImage";
-var AvatarImage = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-  var {
-    __scopeAvatar,
-    src,
-    source,
-    onLoadingStatusChange = function () {},
-    ...imageProps
-  } = props;
-  var context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
-  var [status, setStatus] = React.useState("idle");
-  var resolvedSrc = src || (source && (typeof source === "undefined" ? "undefined" : _type_of(source)) === "object" && "uri" in source ? source.uri : source);
-  React.useEffect(function () {
-    if (!resolvedSrc) {
-      setStatus("error");
-    } else {
-      setStatus("idle");
-    }
-  }, [resolvedSrc]);
-  React.useEffect(function () {
-    onLoadingStatusChange(status);
-    context.onImageLoadingStatusChange(status);
-  }, [status]);
-  if (!resolvedSrc) {
-    return null;
-  }
-  return /* @__PURE__ */_jsx(YStack, {
-    fullscreen: true,
-    zIndex: 1,
-    children: /* @__PURE__ */_jsx(Image, {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      objectFit: "cover",
-      // fill the frame. previously the image was sized to
-      // getShapeSize(context.size) — but that resolves a numeric `size`
-      // (e.g. <Avatar size={16} />) as a size-TOKEN index (tokens.size[16]),
-      // so it got the token-scale value (~224px) instead of 16px, blowing
-      // the image far past its frame; object-fit:cover then showed a
-      // blurry mis-cropped corner. the frame already owns the size, so the
-      // image just fills it — correct for numeric and token sizes alike.
-      width: "100%",
-      height: "100%",
-      ...imageProps,
-      // @ts-ignore
-      ref: forwardedRef,
-      // @ts-ignore
-      src: resolvedSrc,
-      // onLoadStart={() => {
-      //   // setStatus('loading')
-      // }}
-      onError: function () {
-        setStatus("error");
-      },
-      onLoad: function () {
-        setStatus("loaded");
-      }
-    })
-  });
+var AvatarImage = createRefComponent(function(props, forwardedRef) {
+	var { __scopeAvatar, src, source, onLoadingStatusChange = function() {}, ...imageProps } = props;
+	var context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
+	var [status, setStatus] = React.useState("idle");
+	var resolvedSrc = src || (source && (typeof source === "undefined" ? "undefined" : _type_of(source)) === "object" && "uri" in source ? source.uri : source);
+	React.useEffect(function() {
+		if (!resolvedSrc) {
+			setStatus("error");
+		} else {
+			setStatus("idle");
+		}
+	}, [resolvedSrc]);
+	React.useEffect(function() {
+		onLoadingStatusChange(status);
+		context.onImageLoadingStatusChange(status);
+	}, [status]);
+	if (!resolvedSrc) {
+		return null;
+	}
+	return /* @__PURE__ */ jsx(YStack, {
+		position: "absolute",
+		inset: 0,
+		zIndex: 1,
+		children: /* @__PURE__ */ jsx(Image, {
+			position: "absolute",
+			top: 0,
+			left: 0,
+			right: 0,
+			bottom: 0,
+			objectFit: "cover",
+			width: "100%",
+			height: "100%",
+			...imageProps,
+			ref: forwardedRef,
+			src: resolvedSrc,
+			onError: function() {
+				setStatus("error");
+			},
+			onLoad: function() {
+				setStatus("loaded");
+			}
+		})
+	});
 });
 AvatarImage.displayName = IMAGE_NAME;
 var FALLBACK_NAME = "AvatarFallback";
 var AvatarFallbackFrame = styled(YStack, {
-  name: FALLBACK_NAME,
-  position: "absolute",
-  fullscreen: true,
-  zIndex: 0
+	displayName: FALLBACK_NAME,
+	position: "absolute",
+	inset: 0,
+	zIndex: 0
 });
-var AvatarFallback = AvatarFallbackFrame.styleable(function (props, forwardedRef) {
-  var {
-    __scopeAvatar,
-    delayMs,
-    ...fallbackProps
-  } = props;
-  var context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);
-  var [canRender, setCanRender] = React.useState(delayMs === void 0);
-  React.useEffect(function () {
-    if (delayMs !== void 0) {
-      var timerId = setTimeout(function () {
-        return setCanRender(true);
-      }, delayMs);
-      return function () {
-        return clearTimeout(timerId);
-      };
-    }
-  }, [delayMs]);
-  return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */_jsx(AvatarFallbackFrame, {
-    ...fallbackProps,
-    ref: forwardedRef
-  }) : null;
+var AvatarFallback = createStyledHOC(AvatarFallbackFrame, function(props, forwardedRef) {
+	var { __scopeAvatar, delay, ...fallbackProps } = props;
+	var context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);
+	var [canRender, setCanRender] = React.useState(delay === void 0);
+	React.useEffect(function() {
+		if (delay !== void 0) {
+			var timerId = setTimeout(function() {
+				return setCanRender(true);
+			}, delay);
+			return function() {
+				return clearTimeout(timerId);
+			};
+		}
+	}, [delay]);
+	return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsx(AvatarFallbackFrame, {
+		...fallbackProps,
+		ref: forwardedRef
+	}) : null;
 });
 AvatarFallback.displayName = FALLBACK_NAME;
 var AvatarFrame = styled(Square, {
-  name: AVATAR_NAME,
-  position: "relative",
-  overflow: "hidden"
+	displayName: AVATAR_NAME,
+	position: "relative",
+	overflow: "hidden"
 });
-var Avatar = withStaticProperties(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-  var {
-    __scopeAvatar,
-    size = "$true",
-    ...avatarProps
-  } = props;
-  var [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
-  return /* @__PURE__ */_jsx(AvatarProvider, {
-    size,
-    scope: __scopeAvatar,
-    imageLoadingStatus,
-    onImageLoadingStatusChange: setImageLoadingStatus,
-    children: /* @__PURE__ */_jsx(AvatarFrame, {
-      size,
-      ...avatarProps,
-      ref: forwardedRef
-    })
-  });
+var Avatar = withStaticProperties(createRefComponent(function(props, forwardedRef) {
+	var { __scopeAvatar, size = true, ...avatarProps } = props;
+	var [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
+	return /* @__PURE__ */ jsx(AvatarProvider, {
+		size,
+		scope: __scopeAvatar,
+		imageLoadingStatus,
+		onImageLoadingStatusChange: setImageLoadingStatus,
+		children: /* @__PURE__ */ jsx(AvatarFrame, {
+			size,
+			...avatarProps,
+			ref: forwardedRef
+		})
+	});
 }), {
-  Image: AvatarImage,
-  Fallback: AvatarFallback
+	Image: AvatarImage,
+	Fallback: AvatarFallback
 });
 Avatar.displayName = AVATAR_NAME;
+
 export { Avatar, AvatarFallback, AvatarFallbackFrame, AvatarFrame, AvatarImage, createAvatarScope };
 //# sourceMappingURL=Avatar.native.js.map

package/dist/esm/Avatar.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","styled","createContextScope","withStaticProperties","Image","Square","YStack","React","_type_of","obj","Symbol","constructor","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","position","top","left","right","bottom","objectFit","width","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","AvatarFallback","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Avatar.native.js","names":[],"sources":["esm/Avatar.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createStyledHOC, styled, createRefComponent } from \"@tamagui/core\";\nimport { createContextScope } from \"@tamagui/create-context\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { Image } from \"@tamagui/image\";\nimport { Square } from \"@tamagui/shapes\";\nimport { YStack } from \"@tamagui/stacks\";\nimport * as React from \"react\";\nfunction _type_of(obj) {\n  \"@swc/helpers - typeof\";\n  return obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nvar AVATAR_NAME = \"Avatar\";\nvar [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME);\nvar [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);\nvar IMAGE_NAME = \"AvatarImage\";\nvar AvatarImage = createRefComponent(function(props, forwardedRef) {\n  var { __scopeAvatar, src, source, onLoadingStatusChange = function() {\n  }, ...imageProps } = props;\n  var context = useAvatarContext(IMAGE_NAME, __scopeAvatar);\n  var [status, setStatus] = React.useState(\"idle\");\n  var resolvedSrc = src || (source && (typeof source === \"undefined\" ? \"undefined\" : _type_of(source)) === \"object\" && \"uri\" in source ? source.uri : source);\n  React.useEffect(function() {\n    if (!resolvedSrc) {\n      setStatus(\"error\");\n    } else {\n      setStatus(\"idle\");\n    }\n  }, [\n    resolvedSrc\n  ]);\n  React.useEffect(function() {\n    onLoadingStatusChange(status);\n    context.onImageLoadingStatusChange(status);\n  }, [\n    status\n  ]);\n  if (!resolvedSrc) {\n    return null;\n  }\n  return /* @__PURE__ */ _jsx(YStack, {\n    position: \"absolute\",\n    inset: 0,\n    zIndex: 1,\n    children: /* @__PURE__ */ _jsx(Image, {\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      objectFit: \"cover\",\n      // fill the frame. previously the image was sized to\n      // getShapeSize(context.size) — but that resolves a numeric `size`\n      // (e.g. <Avatar size={16} />) as a size-TOKEN index (tokens.size[16]),\n      // so it got the token-scale value (~224px) instead of 16px, blowing\n      // the image far past its frame; object-fit:cover then showed a\n      // blurry mis-cropped corner. the frame already owns the size, so the\n      // image just fills it — correct for numeric and token sizes alike.\n      width: \"100%\",\n      height: \"100%\",\n      ...imageProps,\n      // @ts-ignore\n      ref: forwardedRef,\n      // @ts-ignore\n      src: resolvedSrc,\n      // onLoadStart={() => {\n      //   // setStatus('loading')\n      // }}\n      onError: function() {\n        setStatus(\"error\");\n      },\n      onLoad: function() {\n        setStatus(\"loaded\");\n      }\n    })\n  });\n});\nAvatarImage.displayName = IMAGE_NAME;\nvar FALLBACK_NAME = \"AvatarFallback\";\nvar AvatarFallbackFrame = styled(YStack, {\n  displayName: FALLBACK_NAME,\n  position: \"absolute\",\n  inset: 0,\n  zIndex: 0\n});\nvar AvatarFallback = createStyledHOC(AvatarFallbackFrame, function(props, forwardedRef) {\n  var { __scopeAvatar, delay, ...fallbackProps } = props;\n  var context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);\n  var [canRender, setCanRender] = React.useState(delay === void 0);\n  React.useEffect(function() {\n    if (delay !== void 0) {\n      var timerId = setTimeout(function() {\n        return setCanRender(true);\n      }, delay);\n      return function() {\n        return clearTimeout(timerId);\n      };\n    }\n  }, [\n    delay\n  ]);\n  return canRender && context.imageLoadingStatus !== \"loaded\" ? /* @__PURE__ */ _jsx(AvatarFallbackFrame, {\n    ...fallbackProps,\n    ref: forwardedRef\n  }) : null;\n});\nAvatarFallback.displayName = FALLBACK_NAME;\nvar AvatarFrame = styled(Square, {\n  displayName: AVATAR_NAME,\n  position: \"relative\",\n  overflow: \"hidden\"\n});\nvar Avatar = withStaticProperties(createRefComponent(function(props, forwardedRef) {\n  var { __scopeAvatar, size = true, ...avatarProps } = props;\n  var [imageLoadingStatus, setImageLoadingStatus] = React.useState(\"idle\");\n  return /* @__PURE__ */ _jsx(AvatarProvider, {\n    size,\n    scope: __scopeAvatar,\n    imageLoadingStatus,\n    onImageLoadingStatusChange: setImageLoadingStatus,\n    children: /* @__PURE__ */ _jsx(AvatarFrame, {\n      size,\n      ...avatarProps,\n      ref: forwardedRef\n    })\n  });\n}), {\n  Image: AvatarImage,\n  Fallback: AvatarFallback\n});\nAvatar.displayName = AVATAR_NAME;\nexport {\n  Avatar,\n  AvatarFallback,\n  AvatarFallbackFrame,\n  AvatarFrame,\n  AvatarImage,\n  createAvatarScope\n};\n//# sourceMappingURL=Avatar.js.map\n"],"mappings":";;;;;;;;;;AAQA,SAAS,SAAS,KAAK;CACrB;CACA,OAAO,OAAO,OAAO,WAAW,eAAe,IAAI,gBAAgB,SAAS,WAAW,OAAO;AAChG;AACA,IAAI,cAAc;AAClB,IAAI,CAAC,qBAAqB,qBAAqB,mBAAmB,WAAW;AAC7E,IAAI,CAAC,gBAAgB,oBAAoB,oBAAoB,WAAW;AACxE,IAAI,aAAa;AACjB,IAAI,cAAc,mBAAmB,SAAS,OAAO,cAAc;CACjE,IAAI,EAAE,eAAe,KAAK,QAAQ,wBAAwB,WAAW,CACrE,GAAG,GAAG,eAAe;CACrB,IAAI,UAAU,iBAAiB,YAAY,aAAa;CACxD,IAAI,CAAC,QAAQ,aAAa,MAAM,SAAS,MAAM;CAC/C,IAAI,cAAc,QAAQ,WAAW,OAAO,WAAW,cAAc,cAAc,SAAS,MAAM,OAAO,YAAY,SAAS,SAAS,OAAO,MAAM;CACpJ,MAAM,UAAU,WAAW;EACzB,IAAI,CAAC,aAAa;GAChB,UAAU,OAAO;EACnB,OAAO;GACL,UAAU,MAAM;EAClB;CACF,GAAG,CACD,WACF,CAAC;CACD,MAAM,UAAU,WAAW;EACzB,sBAAsB,MAAM;EAC5B,QAAQ,2BAA2B,MAAM;CAC3C,GAAG,CACD,MACF,CAAC;CACD,IAAI,CAAC,aAAa;EAChB,OAAO;CACT;CACA,OAAuB,oBAAK,QAAQ;EAClC,UAAU;EACV,OAAO;EACP,QAAQ;EACR,UAA0B,oBAAK,OAAO;GACpC,UAAU;GACV,KAAK;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,WAAW;GAQX,OAAO;GACP,QAAQ;GACR,GAAG;GAEH,KAAK;GAEL,KAAK;GAIL,SAAS,WAAW;IAClB,UAAU,OAAO;GACnB;GACA,QAAQ,WAAW;IACjB,UAAU,QAAQ;GACpB;EACF,CAAC;CACH,CAAC;AACH,CAAC;AACD,YAAY,cAAc;AAC1B,IAAI,gBAAgB;AACpB,IAAI,sBAAsB,OAAO,QAAQ;CACvC,aAAa;CACb,UAAU;CACV,OAAO;CACP,QAAQ;AACV,CAAC;AACD,IAAI,iBAAiB,gBAAgB,qBAAqB,SAAS,OAAO,cAAc;CACtF,IAAI,EAAE,eAAe,OAAO,GAAG,kBAAkB;CACjD,IAAI,UAAU,iBAAiB,eAAe,aAAa;CAC3D,IAAI,CAAC,WAAW,gBAAgB,MAAM,SAAS,UAAU,KAAK,CAAC;CAC/D,MAAM,UAAU,WAAW;EACzB,IAAI,UAAU,KAAK,GAAG;GACpB,IAAI,UAAU,WAAW,WAAW;IAClC,OAAO,aAAa,IAAI;GAC1B,GAAG,KAAK;GACR,OAAO,WAAW;IAChB,OAAO,aAAa,OAAO;GAC7B;EACF;CACF,GAAG,CACD,KACF,CAAC;CACD,OAAO,aAAa,QAAQ,uBAAuB,WAA2B,oBAAK,qBAAqB;EACtG,GAAG;EACH,KAAK;CACP,CAAC,IAAI;AACP,CAAC;AACD,eAAe,cAAc;AAC7B,IAAI,cAAc,OAAO,QAAQ;CAC/B,aAAa;CACb,UAAU;CACV,UAAU;AACZ,CAAC;AACD,IAAI,SAAS,qBAAqB,mBAAmB,SAAS,OAAO,cAAc;CACjF,IAAI,EAAE,eAAe,OAAO,MAAM,GAAG,gBAAgB;CACrD,IAAI,CAAC,oBAAoB,yBAAyB,MAAM,SAAS,MAAM;CACvE,OAAuB,oBAAK,gBAAgB;EAC1C;EACA,OAAO;EACP;EACA,4BAA4B;EAC5B,UAA0B,oBAAK,aAAa;GAC1C;GACA,GAAG;GACH,KAAK;EACP,CAAC;CACH,CAAC;AACH,CAAC,GAAG;CACF,OAAO;CACP,UAAU;AACZ,CAAC;AACD,OAAO,cAAc"}

package/dist/esm/index.js

@@ -1,2 +1 @@
-export * from "./Avatar.mjs";
-//# sourceMappingURL=index.js.map
+export * from "./Avatar.mjs"

package/dist/esm/index.mjs

@@ -1,2 +1 @@
-export * from "./Avatar.mjs";
-//# sourceMappingURL=index.mjs.map
+export * from "./Avatar.mjs"

package/dist/esm/index.native.js

@@ -1,2 +1 @@
-export * from "./Avatar.native.js";
-//# sourceMappingURL=index.native.js.map
+export * from "./Avatar.native.js"

package/dist/jsx/Avatar.mjs

@@ -1,4 +1,4 @@
-import { styled } from "@tamagui/core";
+import { createRefComponent, createStyledHOC, styled } from "@tamagui/core";
 import { createContextScope } from "@tamagui/create-context";
 import { withStaticProperties } from "@tamagui/helpers";
 import { Image } from "@tamagui/image";
@@ -6,114 +6,103 @@ import { Square } from "@tamagui/shapes";
 import { YStack } from "@tamagui/stacks";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
+
 const AVATAR_NAME = "Avatar";
 const [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME);
 const [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);
 const IMAGE_NAME = "AvatarImage";
-const AvatarImage = React.forwardRef((props, forwardedRef) => {
-  const {
-    __scopeAvatar,
-    src,
-    source,
-    onLoadingStatusChange = () => {},
-    ...imageProps
-  } = props;
-  const context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
-  const [status, setStatus] = React.useState("idle");
-  const resolvedSrc = src || (source && typeof source === "object" && "uri" in source ? source.uri : source);
-  React.useEffect(() => {
-    if (!resolvedSrc) {
-      setStatus("error");
-    } else {
-      setStatus("idle");
-    }
-  }, [resolvedSrc]);
-  React.useEffect(() => {
-    onLoadingStatusChange(status);
-    context.onImageLoadingStatusChange(status);
-  }, [status]);
-  if (!resolvedSrc) {
-    return null;
-  }
-  return /* @__PURE__ */jsx(YStack, {
-    fullscreen: true,
-    zIndex: 1,
-    children: /* @__PURE__ */jsx(Image, {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      objectFit: "cover",
-      width: "100%",
-      height: "100%",
-      ...imageProps,
-      ref: forwardedRef,
-      src: resolvedSrc,
-      onError: () => {
-        setStatus("error");
-      },
-      onLoad: () => {
-        setStatus("loaded");
-      }
-    })
-  });
+const AvatarImage = createRefComponent((props, forwardedRef) => {
+	const { __scopeAvatar, src, source, onLoadingStatusChange = () => {}, ...imageProps } = props;
+	const context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
+	const [status, setStatus] = React.useState("idle");
+	const resolvedSrc = src || (source && typeof source === "object" && "uri" in source ? source.uri : source);
+	React.useEffect(() => {
+		if (!resolvedSrc) {
+			setStatus("error");
+		} else {
+			setStatus("idle");
+		}
+	}, [resolvedSrc]);
+	React.useEffect(() => {
+		onLoadingStatusChange(status);
+		context.onImageLoadingStatusChange(status);
+	}, [status]);
+	if (!resolvedSrc) {
+		return null;
+	}
+	return /* @__PURE__ */ jsx(YStack, {
+		position: "absolute",
+		inset: 0,
+		zIndex: 1,
+		children: /* @__PURE__ */ jsx(Image, {
+			position: "absolute",
+			top: 0,
+			left: 0,
+			right: 0,
+			bottom: 0,
+			objectFit: "cover",
+			width: "100%",
+			height: "100%",
+			...imageProps,
+			ref: forwardedRef,
+			src: resolvedSrc,
+			onError: () => {
+				setStatus("error");
+			},
+			onLoad: () => {
+				setStatus("loaded");
+			}
+		})
+	});
 });
 AvatarImage.displayName = IMAGE_NAME;
 const FALLBACK_NAME = "AvatarFallback";
 const AvatarFallbackFrame = styled(YStack, {
-  name: FALLBACK_NAME,
-  position: "absolute",
-  fullscreen: true,
-  zIndex: 0
+	displayName: FALLBACK_NAME,
+	position: "absolute",
+	inset: 0,
+	zIndex: 0
 });
-const AvatarFallback = AvatarFallbackFrame.styleable((props, forwardedRef) => {
-  const {
-    __scopeAvatar,
-    delayMs,
-    ...fallbackProps
-  } = props;
-  const context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);
-  const [canRender, setCanRender] = React.useState(delayMs === void 0);
-  React.useEffect(() => {
-    if (delayMs !== void 0) {
-      const timerId = setTimeout(() => setCanRender(true), delayMs);
-      return () => clearTimeout(timerId);
-    }
-  }, [delayMs]);
-  return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */jsx(AvatarFallbackFrame, {
-    ...fallbackProps,
-    ref: forwardedRef
-  }) : null;
+const AvatarFallback = createStyledHOC(AvatarFallbackFrame, (props, forwardedRef) => {
+	const { __scopeAvatar, delay, ...fallbackProps } = props;
+	const context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);
+	const [canRender, setCanRender] = React.useState(delay === void 0);
+	React.useEffect(() => {
+		if (delay !== void 0) {
+			const timerId = setTimeout(() => setCanRender(true), delay);
+			return () => clearTimeout(timerId);
+		}
+	}, [delay]);
+	return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsx(AvatarFallbackFrame, {
+		...fallbackProps,
+		ref: forwardedRef
+	}) : null;
 });
 AvatarFallback.displayName = FALLBACK_NAME;
 const AvatarFrame = styled(Square, {
-  name: AVATAR_NAME,
-  position: "relative",
-  overflow: "hidden"
+	displayName: AVATAR_NAME,
+	position: "relative",
+	overflow: "hidden"
 });
-const Avatar = withStaticProperties(React.forwardRef((props, forwardedRef) => {
-  const {
-    __scopeAvatar,
-    size = "$true",
-    ...avatarProps
-  } = props;
-  const [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
-  return /* @__PURE__ */jsx(AvatarProvider, {
-    size,
-    scope: __scopeAvatar,
-    imageLoadingStatus,
-    onImageLoadingStatusChange: setImageLoadingStatus,
-    children: /* @__PURE__ */jsx(AvatarFrame, {
-      size,
-      ...avatarProps,
-      ref: forwardedRef
-    })
-  });
+const Avatar = withStaticProperties(createRefComponent((props, forwardedRef) => {
+	const { __scopeAvatar, size = true, ...avatarProps } = props;
+	const [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
+	return /* @__PURE__ */ jsx(AvatarProvider, {
+		size,
+		scope: __scopeAvatar,
+		imageLoadingStatus,
+		onImageLoadingStatusChange: setImageLoadingStatus,
+		children: /* @__PURE__ */ jsx(AvatarFrame, {
+			size,
+			...avatarProps,
+			ref: forwardedRef
+		})
+	});
 }), {
-  Image: AvatarImage,
-  Fallback: AvatarFallback
+	Image: AvatarImage,
+	Fallback: AvatarFallback
 });
 Avatar.displayName = AVATAR_NAME;
+
 export { Avatar, AvatarFallback, AvatarFallbackFrame, AvatarFrame, AvatarImage, createAvatarScope };
 //# sourceMappingURL=Avatar.mjs.map

package/dist/jsx/Avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["styled","createContextScope","withStaticProperties","Image","Square","YStack","React","jsx","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","position","top","left","right","bottom","objectFit","width","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","AvatarFallback","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar","size","avatarProps","setImageLoadingStatus","scope","Fallback"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Avatar.js","names":[],"sources":["jsx/Avatar.js"],"sourcesContent":["import { createStyledHOC, styled, createRefComponent } from \"@tamagui/core\";\nimport { createContextScope } from \"@tamagui/create-context\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { Image } from \"@tamagui/image\";\nimport { Square } from \"@tamagui/shapes\";\nimport { YStack } from \"@tamagui/stacks\";\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst AVATAR_NAME = \"Avatar\";\nconst [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME);\nconst [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);\nconst IMAGE_NAME = \"AvatarImage\";\nconst AvatarImage = createRefComponent(\n  (props, forwardedRef) => {\n    const {\n      __scopeAvatar,\n      src,\n      source,\n      onLoadingStatusChange = () => {\n      },\n      ...imageProps\n    } = props;\n    const context = useAvatarContext(IMAGE_NAME, __scopeAvatar);\n    const [status, setStatus] = React.useState(\"idle\");\n    const resolvedSrc = src || (source && typeof source === \"object\" && \"uri\" in source ? source.uri : source);\n    React.useEffect(() => {\n      if (!resolvedSrc) {\n        setStatus(\"error\");\n      } else {\n        setStatus(\"idle\");\n      }\n    }, [resolvedSrc]);\n    React.useEffect(() => {\n      onLoadingStatusChange(status);\n      context.onImageLoadingStatusChange(status);\n    }, [status]);\n    if (!resolvedSrc) {\n      return null;\n    }\n    return /* @__PURE__ */ jsx(YStack, { position: \"absolute\", inset: 0, zIndex: 1, children: /* @__PURE__ */ jsx(\n      Image,\n      {\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        objectFit: \"cover\",\n        width: \"100%\",\n        height: \"100%\",\n        ...imageProps,\n        ref: forwardedRef,\n        src: resolvedSrc,\n        onError: () => {\n          setStatus(\"error\");\n        },\n        onLoad: () => {\n          setStatus(\"loaded\");\n        }\n      }\n    ) });\n  }\n);\nAvatarImage.displayName = IMAGE_NAME;\nconst FALLBACK_NAME = \"AvatarFallback\";\nconst AvatarFallbackFrame = styled(YStack, {\n  displayName: FALLBACK_NAME,\n  position: \"absolute\",\n  inset: 0,\n  zIndex: 0\n});\nconst AvatarFallback = createStyledHOC(\n  AvatarFallbackFrame,\n  (props, forwardedRef) => {\n    const { __scopeAvatar, delay, ...fallbackProps } = props;\n    const context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);\n    const [canRender, setCanRender] = React.useState(delay === void 0);\n    React.useEffect(() => {\n      if (delay !== void 0) {\n        const timerId = setTimeout(() => setCanRender(true), delay);\n        return () => clearTimeout(timerId);\n      }\n    }, [delay]);\n    return canRender && context.imageLoadingStatus !== \"loaded\" ? /* @__PURE__ */ jsx(AvatarFallbackFrame, { ...fallbackProps, ref: forwardedRef }) : null;\n  }\n);\nAvatarFallback.displayName = FALLBACK_NAME;\nconst AvatarFrame = styled(Square, {\n  displayName: AVATAR_NAME,\n  position: \"relative\",\n  overflow: \"hidden\"\n});\nconst Avatar = withStaticProperties(\n  createRefComponent(\n    (props, forwardedRef) => {\n      const { __scopeAvatar, size = true, ...avatarProps } = props;\n      const [imageLoadingStatus, setImageLoadingStatus] = React.useState(\"idle\");\n      return /* @__PURE__ */ jsx(\n        AvatarProvider,\n        {\n          size,\n          scope: __scopeAvatar,\n          imageLoadingStatus,\n          onImageLoadingStatusChange: setImageLoadingStatus,\n          children: /* @__PURE__ */ jsx(AvatarFrame, { size, ...avatarProps, ref: forwardedRef })\n        }\n      );\n    }\n  ),\n  {\n    Image: AvatarImage,\n    Fallback: AvatarFallback\n  }\n);\nAvatar.displayName = AVATAR_NAME;\nexport {\n  Avatar,\n  AvatarFallback,\n  AvatarFallbackFrame,\n  AvatarFrame,\n  AvatarImage,\n  createAvatarScope\n};\n//# sourceMappingURL=Avatar.js.map\n"],"mappings":";;;;;;;;;;AAQA,MAAM,cAAc;AACpB,MAAM,CAAC,qBAAqB,qBAAqB,mBAAmB,WAAW;AAC/E,MAAM,CAAC,gBAAgB,oBAAoB,oBAAoB,WAAW;AAC1E,MAAM,aAAa;AACnB,MAAM,cAAc,oBACjB,OAAO,iBAAiB;CACvB,MAAM,EACJ,eACA,KACA,QACA,8BAA8B,CAC9B,GACA,GAAG,eACD;CACJ,MAAM,UAAU,iBAAiB,YAAY,aAAa;CAC1D,MAAM,CAAC,QAAQ,aAAa,MAAM,SAAS,MAAM;CACjD,MAAM,cAAc,QAAQ,UAAU,OAAO,WAAW,YAAY,SAAS,SAAS,OAAO,MAAM;CACnG,MAAM,gBAAgB;EACpB,IAAI,CAAC,aAAa;GAChB,UAAU,OAAO;EACnB,OAAO;GACL,UAAU,MAAM;EAClB;CACF,GAAG,CAAC,WAAW,CAAC;CAChB,MAAM,gBAAgB;EACpB,sBAAsB,MAAM;EAC5B,QAAQ,2BAA2B,MAAM;CAC3C,GAAG,CAAC,MAAM,CAAC;CACX,IAAI,CAAC,aAAa;EAChB,OAAO;CACT;CACA,OAAuB,oBAAI,QAAQ;EAAE,UAAU;EAAY,OAAO;EAAG,QAAQ;EAAG,UAA0B,oBACxG,OACA;GACE,UAAU;GACV,KAAK;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,WAAW;GACX,OAAO;GACP,QAAQ;GACR,GAAG;GACH,KAAK;GACL,KAAK;GACL,eAAe;IACb,UAAU,OAAO;GACnB;GACA,cAAc;IACZ,UAAU,QAAQ;GACpB;EACF,CACF;CAAE,CAAC;AACL,CACF;AACA,YAAY,cAAc;AAC1B,MAAM,gBAAgB;AACtB,MAAM,sBAAsB,OAAO,QAAQ;CACzC,aAAa;CACb,UAAU;CACV,OAAO;CACP,QAAQ;AACV,CAAC;AACD,MAAM,iBAAiB,gBACrB,sBACC,OAAO,iBAAiB;CACvB,MAAM,EAAE,eAAe,OAAO,GAAG,kBAAkB;CACnD,MAAM,UAAU,iBAAiB,eAAe,aAAa;CAC7D,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,UAAU,KAAK,CAAC;CACjE,MAAM,gBAAgB;EACpB,IAAI,UAAU,KAAK,GAAG;GACpB,MAAM,UAAU,iBAAiB,aAAa,IAAI,GAAG,KAAK;GAC1D,aAAa,aAAa,OAAO;EACnC;CACF,GAAG,CAAC,KAAK,CAAC;CACV,OAAO,aAAa,QAAQ,uBAAuB,WAA2B,oBAAI,qBAAqB;EAAE,GAAG;EAAe,KAAK;CAAa,CAAC,IAAI;AACpJ,CACF;AACA,eAAe,cAAc;AAC7B,MAAM,cAAc,OAAO,QAAQ;CACjC,aAAa;CACb,UAAU;CACV,UAAU;AACZ,CAAC;AACD,MAAM,SAAS,qBACb,oBACG,OAAO,iBAAiB;CACvB,MAAM,EAAE,eAAe,OAAO,MAAM,GAAG,gBAAgB;CACvD,MAAM,CAAC,oBAAoB,yBAAyB,MAAM,SAAS,MAAM;CACzE,OAAuB,oBACrB,gBACA;EACE;EACA,OAAO;EACP;EACA,4BAA4B;EAC5B,UAA0B,oBAAI,aAAa;GAAE;GAAM,GAAG;GAAa,KAAK;EAAa,CAAC;CACxF,CACF;AACF,CACF,GACA;CACE,OAAO;CACP,UAAU;AACZ,CACF;AACA,OAAO,cAAc"}