xtreme-ui 0.0.92 → 0.0.94

package/dist/components/base/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Avatar/Avatar.tsx"],"names":[],"mappings":"AASA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAIpD,eAAO,MAAM,MAAM,yGAwEjB,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Avatar/Avatar.tsx"],"names":[],"mappings":"AASA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,MAAM,yGA0EjB,CAAC"}

package/dist/components/base/Avatar/Avatar.js

@@ -1,52 +1,53 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as x, useState as c, useEffect as E } from "react";
-import S from "clsx";
-import { FACE_ICONS as d } from "../../../utils/constants/iconCollection.js";
-import { readImageFile as z, readImageSrc as C } from "../../../utils/helper/imageHelper.js";
-import { Icon as F } from "../Icon/Icon.js";
+import { forwardRef as z, useState as c, useEffect as E } from "react";
+import C from "clsx";
+import { FACE_ICONS as m } from "../../../utils/constants/iconCollection.js";
+import { readImageFile as F, readImageSrc as L } from "../../../utils/helper/imageHelper.js";
+import { Icon as b } from "../Icon/Icon.js";
 /* empty css            */
-import { EAvatarSize as L } from "./types.js";
-const M = d.happy[Math.floor(Math.random() * d.happy.length)], _ = x((g, h) => {
-  const { className: u, src: a, file: r, alt: v, placeholderIcon: A = M, size: l = "default", onClick: I } = g, [m, n] = c(), [y, t] = c(!!a || !!r), [f, o] = c(!1), p = typeof l == "number" ? l : L[l], N = S(
+import { EAvatarSize as M } from "./types.js";
+const R = z((h, g) => {
+  const { className: u, src: a, file: o, alt: v, placeholderIcon: y, size: l = "default", onClick: I } = h, [n, f] = c(), [x, A] = c(m.happy[0]), [N, t] = c(!!a || !!o), [p, r] = c(!1), d = typeof l == "number" ? l : M[l], S = C(
     "xtrAvatar",
     u,
-    y && "loading",
-    f && "error"
+    N && "loading",
+    p && "error"
   ), s = (e) => {
-    e && setTimeout(() => n(e), 300), setTimeout(() => t(!1), 1e3);
+    e && setTimeout(() => f(e), 300), setTimeout(() => t(!1), 1e3);
   };
   return E(() => {
+    A(m.happy[Math.floor(Math.random() * m.happy.length)]);
     try {
-      r ? (t(!0), o(!1), z(r).then((e) => s(e)).catch((e) => {
-        console.log(e), t(!1), o(!0);
-      })) : a ? (t(!0), o(!1), C(a).then((e) => s(e)).catch((e) => {
-        console.log(e, a), t(!1), o(!0);
-      })) : (n(void 0), s());
+      o ? (t(!0), r(!1), F(o).then((e) => s(e)).catch((e) => {
+        console.log(e), t(!1), r(!0);
+      })) : a ? (t(!0), r(!1), L(a).then((e) => s(e)).catch((e) => {
+        console.log(e, a), t(!1), r(!0);
+      })) : (f(void 0), s());
     } catch {
       s();
     }
-  }, [a, r]), /* @__PURE__ */ i(
+  }, [a, o]), /* @__PURE__ */ i(
     "div",
     {
-      ref: h,
-      className: N,
-      style: { "--avatarSize": p + "px" },
+      ref: g,
+      className: S,
+      style: { "--avatarSize": d + "px" },
       onClick: I,
       role: "img",
-      children: m ? /* @__PURE__ */ i("img", { className: "image", src: m, alt: v }) : /* @__PURE__ */ i(
-        F,
+      children: n ? /* @__PURE__ */ i("img", { className: "image", src: n, alt: v }) : /* @__PURE__ */ i(
+        b,
         {
           className: "placeholder",
           type: "solid",
-          size: 8 + p / 4,
-          code: f ? "e1b7" : A
+          size: 8 + d / 4,
+          code: p ? "e1b7" : y ?? x
         }
       )
     }
   );
 });
-_.displayName = "Avatar";
+R.displayName = "Avatar";
 export {
-  _ as Avatar
+  R as Avatar
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xtreme-ui",
-  "version": "0.0.92",
+  "version": "0.0.94",
   "type": "module",
   "description": "Collection of reusable components that can be used in web projects",
   "main": "dist/index.js",