@hanzogui/avatar 2.0.0-rc.41-hanzoai.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/dist/cjs/Avatar.cjs

@@ -0,0 +1,167 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Avatar_exports = {};
+__export(Avatar_exports, {
+  Avatar: () => Avatar,
+  AvatarFallback: () => AvatarFallback,
+  AvatarFallbackFrame: () => AvatarFallbackFrame,
+  AvatarFrame: () => AvatarFrame,
+  AvatarImage: () => AvatarImage,
+  createAvatarScope: () => createAvatarScope
+});
+module.exports = __toCommonJS(Avatar_exports);
+var import_core = require("@hanzogui/core");
+var import_create_context = require("@hanzogui/create-context");
+var import_helpers = require("@hanzogui/helpers");
+var import_image = require("@hanzogui/image");
+var import_shapes = require("@hanzogui/shapes");
+var import_stacks = require("@hanzogui/stacks");
+var React = __toESM(require("react"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+const AVATAR_NAME = "Avatar";
+const [createAvatarContext, createAvatarScope] = (0, import_create_context.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 shapeSize = (0, import_core.getVariableValue)((0, import_shapes.getShapeSize)(context.size,
+  // @ts-expect-error
+  {
+    tokens: (0, import_core.getTokens)()
+  })?.width);
+  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__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
+    fullscreen: true,
+    zIndex: 1,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_image.Image, {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      objectFit: "cover",
+      ...(typeof shapeSize === "number" && !Number.isNaN(shapeSize) && {
+        width: shapeSize,
+        height: shapeSize
+      }),
+      ...imageProps,
+      ref: forwardedRef,
+      src: resolvedSrc,
+      onError: () => {
+        setStatus("error");
+      },
+      onLoad: () => {
+        setStatus("loaded");
+      }
+    })
+  });
+});
+AvatarImage.displayName = IMAGE_NAME;
+const FALLBACK_NAME = "AvatarFallback";
+const AvatarFallbackFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: FALLBACK_NAME,
+  position: "absolute",
+  fullscreen: true,
+  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__ */(0, import_jsx_runtime.jsx)(AvatarFallbackFrame, {
+    ...fallbackProps,
+    ref: forwardedRef
+  }) : null;
+});
+AvatarFallback.displayName = FALLBACK_NAME;
+const AvatarFrame = (0, import_core.styled)(import_shapes.Square, {
+  name: AVATAR_NAME,
+  position: "relative",
+  overflow: "hidden"
+});
+const Avatar = (0, import_helpers.withStaticProperties)(React.forwardRef((props, forwardedRef) => {
+  const {
+    __scopeAvatar,
+    size = "$true",
+    ...avatarProps
+  } = props;
+  const [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(AvatarProvider, {
+    size,
+    scope: __scopeAvatar,
+    imageLoadingStatus,
+    onImageLoadingStatusChange: setImageLoadingStatus,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AvatarFrame, {
+      size,
+      ...avatarProps,
+      ref: forwardedRef
+    })
+  });
+}), {
+  Image: AvatarImage,
+  Fallback: AvatarFallback
+});
+Avatar.displayName = AVATAR_NAME;

package/dist/cjs/Avatar.native.js

@@ -0,0 +1,185 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Avatar_exports = {};
+__export(Avatar_exports, {
+  Avatar: () => Avatar,
+  AvatarFallback: () => AvatarFallback,
+  AvatarFallbackFrame: () => AvatarFallbackFrame,
+  AvatarFrame: () => AvatarFrame,
+  AvatarImage: () => AvatarImage,
+  createAvatarScope: () => createAvatarScope
+});
+module.exports = __toCommonJS(Avatar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@hanzogui/core");
+var import_create_context = require("@hanzogui/create-context");
+var import_helpers = require("@hanzogui/helpers");
+var import_image = require("@hanzogui/image");
+var import_shapes = require("@hanzogui/shapes");
+var import_stacks = require("@hanzogui/stacks");
+var React = __toESM(require("react"), 1);
+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] = (0, import_create_context.createContextScope)(AVATAR_NAME);
+var [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);
+var IMAGE_NAME = "AvatarImage";
+var AvatarImage = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+  var _getShapeSize;
+  var {
+    __scopeAvatar,
+    src,
+    source,
+    onLoadingStatusChange = function () {},
+    ...imageProps
+  } = props;
+  var context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
+  var [status, setStatus] = React.useState("idle");
+  var shapeSize = (0, import_core.getVariableValue)((_getShapeSize = (0, import_shapes.getShapeSize)(context.size,
+  // @ts-expect-error
+  {
+    tokens: (0, import_core.getTokens)()
+  })) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width);
+  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__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
+    fullscreen: true,
+    zIndex: 1,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_image.Image, {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      objectFit: "cover",
+      ...(typeof shapeSize === "number" && !Number.isNaN(shapeSize) && {
+        width: shapeSize,
+        height: shapeSize
+      }),
+      ...imageProps,
+      // @ts-ignore
+      ref: forwardedRef,
+      // @ts-ignore
+      src: resolvedSrc,
+      // onLoadStart={() => {
+      //   // setStatus('loading')
+      // }}
+      onError: function () {
+        setStatus("error");
+      },
+      onLoad: function () {
+        setStatus("loaded");
+      }
+    })
+  });
+});
+AvatarImage.displayName = IMAGE_NAME;
+var FALLBACK_NAME = "AvatarFallback";
+var AvatarFallbackFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: FALLBACK_NAME,
+  position: "absolute",
+  fullscreen: true,
+  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__ */(0, import_jsx_runtime.jsx)(AvatarFallbackFrame, {
+    ...fallbackProps,
+    ref: forwardedRef
+  }) : null;
+});
+AvatarFallback.displayName = FALLBACK_NAME;
+var AvatarFrame = (0, import_core.styled)(import_shapes.Square, {
+  name: AVATAR_NAME,
+  position: "relative",
+  overflow: "hidden"
+});
+var Avatar = (0, import_helpers.withStaticProperties)(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+  var {
+    __scopeAvatar,
+    size = "$true",
+    ...avatarProps
+  } = props;
+  var [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(AvatarProvider, {
+    size,
+    scope: __scopeAvatar,
+    imageLoadingStatus,
+    onImageLoadingStatusChange: setImageLoadingStatus,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AvatarFrame, {
+      size,
+      ...avatarProps,
+      ref: forwardedRef
+    })
+  });
+}), {
+  Image: AvatarImage,
+  Fallback: AvatarFallback
+});
+Avatar.displayName = AVATAR_NAME;
+//# sourceMappingURL=Avatar.native.js.map

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

@@ -0,0 +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","Avatar_exports","Avatar","AvatarFallback","AvatarFallbackFrame","AvatarFrame","AvatarImage","createAvatarScope","module","exports","import_jsx_runtime","require","import_core","import_create_context","import_helpers","import_image","import_shapes","import_stacks","React","_type_of","obj","Symbol","constructor","AVATAR_NAME","createAvatarContext","createContextScope","AvatarProvider","useAvatarContext","IMAGE_NAME","forwardRef","props","forwardedRef","_getShapeSize","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","getVariableValue","getShapeSize","size","tokens","getTokens","width","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","jsx","YStack","fullscreen","zIndex","children","Image","position","top","left","right","bottom","objectFit","Number","isNaN","height","ref","onError","onLoad","displayName","FALLBACK_NAME","styled","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","Square","overflow","withStaticProperties","avatarProps","setImageLoadingStatus","scope","Fallback"],"sources":["Avatar.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Avatar_exports = {};\n__export(Avatar_exports, {\n  Avatar: () => Avatar,\n  AvatarFallback: () => AvatarFallback,\n  AvatarFallbackFrame: () => AvatarFallbackFrame,\n  AvatarFrame: () => AvatarFrame,\n  AvatarImage: () => AvatarImage,\n  createAvatarScope: () => createAvatarScope\n});\nmodule.exports = __toCommonJS(Avatar_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@hanzogui/core\");\nvar import_create_context = require(\"@hanzogui/create-context\");\nvar import_helpers = require(\"@hanzogui/helpers\");\nvar import_image = require(\"@hanzogui/image\");\nvar import_shapes = require(\"@hanzogui/shapes\");\nvar import_stacks = require(\"@hanzogui/stacks\");\nvar React = __toESM(require(\"react\"), 1);\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] = (0, import_create_context.createContextScope)(AVATAR_NAME);\nvar [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);\nvar IMAGE_NAME = \"AvatarImage\";\nvar AvatarImage = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {\n  var _getShapeSize;\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 shapeSize = (0, import_core.getVariableValue)((_getShapeSize = (0, import_shapes.getShapeSize)(\n    context.size,\n    // @ts-expect-error\n    {\n      tokens: (0, import_core.getTokens)()\n    }\n  )) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width);\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__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, {\n    fullscreen: true,\n    zIndex: 1,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.Image, {\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      objectFit: \"cover\",\n      ...typeof shapeSize === \"number\" && !Number.isNaN(shapeSize) && {\n        width: shapeSize,\n        height: shapeSize\n      },\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 = (0, import_core.styled)(import_stacks.YStack, {\n  name: FALLBACK_NAME,\n  position: \"absolute\",\n  fullscreen: true,\n  zIndex: 0\n});\nvar AvatarFallback = AvatarFallbackFrame.styleable(function(props, forwardedRef) {\n  var { __scopeAvatar, delayMs, ...fallbackProps } = props;\n  var context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);\n  var [canRender, setCanRender] = React.useState(delayMs === void 0);\n  React.useEffect(function() {\n    if (delayMs !== void 0) {\n      var timerId = setTimeout(function() {\n        return setCanRender(true);\n      }, delayMs);\n      return function() {\n        return clearTimeout(timerId);\n      };\n    }\n  }, [\n    delayMs\n  ]);\n  return canRender && context.imageLoadingStatus !== \"loaded\" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallbackFrame, {\n    ...fallbackProps,\n    ref: forwardedRef\n  }) : null;\n});\nAvatarFallback.displayName = FALLBACK_NAME;\nvar AvatarFrame = (0, import_core.styled)(import_shapes.Square, {\n  name: AVATAR_NAME,\n  position: \"relative\",\n  overflow: \"hidden\"\n});\nvar Avatar = (0, import_helpers.withStaticProperties)(/* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {\n  var { __scopeAvatar, size = \"$true\", ...avatarProps } = props;\n  var [imageLoadingStatus, setImageLoadingStatus] = React.useState(\"idle\");\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarProvider, {\n    size,\n    scope: __scopeAvatar,\n    imageLoadingStatus,\n    onImageLoadingStatusChange: setImageLoadingStatus,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFrame, {\n      size,\n      ...avatarProps,\n      ref: forwardedRef\n    })\n  });\n}), {\n  Image: AvatarImage,\n  Fallback: AvatarFallback\n});\nAvatar.displayName = AVATAR_NAME;\n//# sourceMappingURL=Avatar.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -0,0 +1,20 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Avatar.cjs"), module.exports);

package/dist/cjs/index.native.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Avatar.native.js"), module.exports);
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__copyProps","to","from","except","desc","key","call","get","enumerable","__reExport","target","mod","secondTarget","__toCommonJS","value","index_exports","module","exports","require"],"sources":["index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\nmodule.exports = __toCommonJS(index_exports);\n__reExport(index_exports, require(\"./Avatar\"), module.exports);\n//# sourceMappingURL=index.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIV,iBAAiB,CAACO,IAAI,CAAC,EACrC,IAAI,CAACL,YAAY,CAACS,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/Cb,SAAS,CAACW,EAAE,EAAEI,GAAG,EAAE;MAAEE,GAAG,EAAEA,CAAA,KAAML,IAAI,CAACG,GAAG,CAAC;MAAEG,UAAU,EAAE,EAAEJ,IAAI,GAAGX,gBAAgB,CAACS,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACI;IAAW,CAAC,CAAC;EACxH;EACA,OAAOP,EAAE;AACX,CAAC;AACD,IAAIQ,UAAU,GAAGA,CAACC,MAAM,EAAEC,GAAG,EAAEC,YAAY,MAAMZ,WAAW,CAACU,MAAM,EAAEC,GAAG,EAAE,SAAS,CAAC,EAAEC,YAAY,IAAIZ,WAAW,CAACY,YAAY,EAAED,GAAG,EAAE,SAAS,CAAC,CAAC;AAChJ,IAAIE,YAAY,GAAIF,GAAG,IAAKX,WAAW,CAACV,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEwB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAEH,GAAG,CAAC;AAC1F,IAAII,aAAa,GAAG,CAAC,CAAC;AACtBC,MAAM,CAACC,OAAO,GAAGJ,YAAY,CAACE,aAAa,CAAC;AAC5CN,UAAU,CAACM,aAAa,EAAEG,OAAO,CAAC,oBAAU,CAAC,EAAEF,MAAM,CAACC,OAAO,CAAC","ignoreList":[]}

package/dist/esm/Avatar.mjs

@@ -0,0 +1,126 @@
+import { getTokens, getVariableValue, styled } from "@hanzogui/core";
+import { createContextScope } from "@hanzogui/create-context";
+import { withStaticProperties } from "@hanzogui/helpers";
+import { Image } from "@hanzogui/image";
+import { Square, getShapeSize } from "@hanzogui/shapes";
+import { YStack } from "@hanzogui/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 shapeSize = getVariableValue(getShapeSize(context.size,
+  // @ts-expect-error
+  {
+    tokens: getTokens()
+  })?.width);
+  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",
+      ...(typeof shapeSize === "number" && !Number.isNaN(shapeSize) && {
+        width: shapeSize,
+        height: shapeSize
+      }),
+      ...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
+});
+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;
+});
+AvatarFallback.displayName = FALLBACK_NAME;
+const AvatarFrame = styled(Square, {
+  name: 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
+    })
+  });
+}), {
+  Image: AvatarImage,
+  Fallback: AvatarFallback
+});
+Avatar.displayName = AVATAR_NAME;
+export { Avatar, AvatarFallback, AvatarFallbackFrame, AvatarFrame, AvatarImage, createAvatarScope };
+//# sourceMappingURL=Avatar.mjs.map

package/dist/esm/Avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["getTokens","getVariableValue","styled","createContextScope","withStaticProperties","Image","Square","getShapeSize","YStack","React","jsx","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","size","tokens","width","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","position","top","left","right","bottom","objectFit","Number","isNaN","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","AvatarFallback","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar","avatarProps","setImageLoadingStatus","scope","Fallback"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}