xtreme-ui 0.0.91 → 0.0.92

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":"AAQA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,MAAM,yGAsEjB,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;AAIpD,eAAO,MAAM,MAAM,yGAwEjB,CAAC"}

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

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

package/dist/index.js

@@ -1,100 +1,102 @@
 /* empty css                  */
 import { STORAGE as t, THEME_SCHEME as p } from "./utils/constants/commons.js";
-import { getLocalState as f, setLocalState as i } from "./utils/function/localStorage.js";
-import { assignRef as a, mergeRefs as s } from "./utils/function/mergeRefs.js";
-import { capitalizeFirstLetter as c, safeStringFromCodePoint as g, unicodeToString as S } from "./utils/function/string.js";
-import { doc as d, elementObserver as P, getCssProperty as E, getCssPropertyPx as C, getCssPropertyVh as T, getCssPropertyVw as u, isClient as I, localStore as y, setCssProperty as z, waitForElement as h, win as A } from "./utils/helper/domHelper.js";
-import { createImage as k, getCroppedImg as v, getImageSize as L, getRadianAngle as w, readImageFile as D, readImageSrc as R } from "./utils/helper/imageHelper.js";
-import { themeController as M } from "./utils/helper/themeController.js";
-import { XProvider as b } from "./components/context/index.js";
-import { useXData as O, useXTheme as V } from "./components/context/useContext.js";
-import { ActionCard as N } from "./components/base/ActionCard/ActionCard.js";
-import { EActionCardSize as j } from "./components/base/ActionCard/types.js";
-import { Avatar as J } from "./components/base/Avatar/Avatar.js";
-import { EAvatarSize as Q } from "./components/base/Avatar/types.js";
-import { Button as W } from "./components/base/Button/Button.js";
-import { EButtonTypes as Z } from "./components/base/Button/types.js";
-import { Icon as ee } from "./components/base/Icon/Icon.js";
-import { EIconSize as oe } from "./components/base/Icon/types.js";
-import { Lottie as pe } from "./components/base/Lottie/Lottie.js";
-import { ELottieSize as fe } from "./components/base/Lottie/types.js";
-import { ProgressBar as xe } from "./components/base/ProgressBar/ProgressBar.js";
-import { Spinner as se } from "./components/base/Spinner/Spinner.js";
-import { ESpinnerSize as ce } from "./components/base/Spinner/types.js";
-import { Textfield as Se } from "./components/base/Textfield/Textfield.js";
-import { DatePicker as de } from "./components/base/DatePicker/DatePicker.js";
-import { EDatePickerTypes as Ee } from "./components/base/DatePicker/types.js";
-import { FilePicker as Te } from "./components/base/FilePicker/FilePicker.js";
-import { FilePickerIcon as Ie } from "./components/base/FilePicker/types.js";
-import { Select as ze } from "./components/base/Select/Select.js";
-import { ColorPopper as Ae } from "./components/base/ColorPopper/ColorPopper.js";
-import { Sider as ke } from "./components/layout/Sider/Sider.js";
-import { SiderModal as Le } from "./components/layout/SiderModal/SiderModal.js";
-import { Navigation as De } from "./components/layout/Navigation/Navigation.js";
-import { ThemePicker as Be } from "./components/layout/ThemePicker/ThemePicker.js";
-import { ThemeSwitch as Xe } from "./components/layout/ThemeSwitch/ThemeSwitch.js";
-import { ImageEditor as He } from "./components/layout/ImageEditor/ImageEditor.js";
-import { useScreenType as Ve } from "./components/hooks/useScreen.js";
-import { usePersistingState as Ne } from "./components/hooks/usePersistingState.js";
-import { useDebouncedEffect as je } from "./components/hooks/useDebouncedEffect.js";
+import { FACE_ICONS as f } from "./utils/constants/iconCollection.js";
+import { getLocalState as x, setLocalState as a } from "./utils/function/localStorage.js";
+import { assignRef as n, mergeRefs as c } from "./utils/function/mergeRefs.js";
+import { capitalizeFirstLetter as g, safeStringFromCodePoint as l, unicodeToString as d } from "./utils/function/string.js";
+import { doc as P, elementObserver as C, getCssProperty as I, getCssPropertyPx as T, getCssPropertyVh as u, getCssPropertyVw as y, isClient as z, localStore as A, setCssProperty as F, waitForElement as h, win as k } from "./utils/helper/domHelper.js";
+import { createImage as L, getCroppedImg as w, getImageSize as D, getRadianAngle as R, readImageFile as B, readImageSrc as M } from "./utils/helper/imageHelper.js";
+import { themeController as X } from "./utils/helper/themeController.js";
+import { XProvider as H } from "./components/context/index.js";
+import { useXData as V, useXTheme as _ } from "./components/context/useContext.js";
+import { ActionCard as j } from "./components/base/ActionCard/ActionCard.js";
+import { EActionCardSize as J } from "./components/base/ActionCard/types.js";
+import { Avatar as Q } from "./components/base/Avatar/Avatar.js";
+import { EAvatarSize as W } from "./components/base/Avatar/types.js";
+import { Button as Z } from "./components/base/Button/Button.js";
+import { EButtonTypes as ee } from "./components/base/Button/types.js";
+import { Icon as oe } from "./components/base/Icon/Icon.js";
+import { EIconSize as pe } from "./components/base/Icon/types.js";
+import { Lottie as fe } from "./components/base/Lottie/Lottie.js";
+import { ELottieSize as xe } from "./components/base/Lottie/types.js";
+import { ProgressBar as se } from "./components/base/ProgressBar/ProgressBar.js";
+import { Spinner as ce } from "./components/base/Spinner/Spinner.js";
+import { ESpinnerSize as ge } from "./components/base/Spinner/types.js";
+import { Textfield as de } from "./components/base/Textfield/Textfield.js";
+import { DatePicker as Pe } from "./components/base/DatePicker/DatePicker.js";
+import { EDatePickerTypes as Ie } from "./components/base/DatePicker/types.js";
+import { FilePicker as ue } from "./components/base/FilePicker/FilePicker.js";
+import { FilePickerIcon as ze } from "./components/base/FilePicker/types.js";
+import { Select as Fe } from "./components/base/Select/Select.js";
+import { ColorPopper as ke } from "./components/base/ColorPopper/ColorPopper.js";
+import { Sider as Le } from "./components/layout/Sider/Sider.js";
+import { SiderModal as De } from "./components/layout/SiderModal/SiderModal.js";
+import { Navigation as Be } from "./components/layout/Navigation/Navigation.js";
+import { ThemePicker as Oe } from "./components/layout/ThemePicker/ThemePicker.js";
+import { ThemeSwitch as be } from "./components/layout/ThemeSwitch/ThemeSwitch.js";
+import { ImageEditor as Ne } from "./components/layout/ImageEditor/ImageEditor.js";
+import { useScreenType as _e } from "./components/hooks/useScreen.js";
+import { usePersistingState as je } from "./components/hooks/usePersistingState.js";
+import { useDebouncedEffect as Je } from "./components/hooks/useDebouncedEffect.js";
 export {
-  N as ActionCard,
-  J as Avatar,
-  W as Button,
-  Ae as ColorPopper,
-  de as DatePicker,
-  j as EActionCardSize,
-  Q as EAvatarSize,
-  Z as EButtonTypes,
-  Ee as EDatePickerTypes,
-  oe as EIconSize,
-  fe as ELottieSize,
-  ce as ESpinnerSize,
-  Te as FilePicker,
-  Ie as FilePickerIcon,
-  ee as Icon,
-  He as ImageEditor,
-  pe as Lottie,
-  De as Navigation,
-  xe as ProgressBar,
+  j as ActionCard,
+  Q as Avatar,
+  Z as Button,
+  ke as ColorPopper,
+  Pe as DatePicker,
+  J as EActionCardSize,
+  W as EAvatarSize,
+  ee as EButtonTypes,
+  Ie as EDatePickerTypes,
+  pe as EIconSize,
+  xe as ELottieSize,
+  ge as ESpinnerSize,
+  f as FACE_ICONS,
+  ue as FilePicker,
+  ze as FilePickerIcon,
+  oe as Icon,
+  Ne as ImageEditor,
+  fe as Lottie,
+  Be as Navigation,
+  se as ProgressBar,
   t as STORAGE,
-  ze as Select,
-  ke as Sider,
-  Le as SiderModal,
-  se as Spinner,
+  Fe as Select,
+  Le as Sider,
+  De as SiderModal,
+  ce as Spinner,
   p as THEME_SCHEME,
-  Se as Textfield,
-  Be as ThemePicker,
-  Xe as ThemeSwitch,
-  b as XProvider,
-  a as assignRef,
-  c as capitalizeFirstLetter,
-  k as createImage,
-  d as doc,
-  P as elementObserver,
-  v as getCroppedImg,
-  E as getCssProperty,
-  C as getCssPropertyPx,
-  T as getCssPropertyVh,
-  u as getCssPropertyVw,
-  L as getImageSize,
-  f as getLocalState,
-  w as getRadianAngle,
-  I as isClient,
-  y as localStore,
-  s as mergeRefs,
-  D as readImageFile,
-  R as readImageSrc,
-  g as safeStringFromCodePoint,
-  z as setCssProperty,
-  i as setLocalState,
-  M as themeController,
-  S as unicodeToString,
-  je as useDebouncedEffect,
-  Ne as usePersistingState,
-  Ve as useScreenType,
-  O as useXData,
-  V as useXTheme,
+  de as Textfield,
+  Oe as ThemePicker,
+  be as ThemeSwitch,
+  H as XProvider,
+  n as assignRef,
+  g as capitalizeFirstLetter,
+  L as createImage,
+  P as doc,
+  C as elementObserver,
+  w as getCroppedImg,
+  I as getCssProperty,
+  T as getCssPropertyPx,
+  u as getCssPropertyVh,
+  y as getCssPropertyVw,
+  D as getImageSize,
+  x as getLocalState,
+  R as getRadianAngle,
+  z as isClient,
+  A as localStore,
+  c as mergeRefs,
+  B as readImageFile,
+  M as readImageSrc,
+  l as safeStringFromCodePoint,
+  F as setCssProperty,
+  a as setLocalState,
+  X as themeController,
+  d as unicodeToString,
+  Je as useDebouncedEffect,
+  je as usePersistingState,
+  _e as useScreenType,
+  V as useXData,
+  _ as useXTheme,
   h as waitForElement,
-  A as win
+  k as win
 };

package/dist/utils/constants/iconCollection.d.ts

@@ -0,0 +1,5 @@
+export declare const FACE_ICONS: {
+    happy: string[];
+    sad: string[];
+};
+//# sourceMappingURL=iconCollection.d.ts.map

package/dist/utils/constants/iconCollection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconCollection.d.ts","sourceRoot":"","sources":["../../../src/utils/constants/iconCollection.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;CAyGtB,CAAC"}

package/dist/utils/constants/iconCollection.js

@@ -0,0 +1,109 @@
+const e = {
+  happy: [
+    "f118",
+    "e392",
+    "f580",
+    "f5b8",
+    "e409",
+    "e3a4",
+    "e39d",
+    "f5c2",
+    "e398",
+    "e396",
+    "f4da",
+    "e391",
+    "e390",
+    "e38f",
+    "e38d",
+    "e389",
+    "e383",
+    "f59c",
+    "f59b",
+    "f59a",
+    "f599",
+    "f598",
+    "e37d",
+    "f597",
+    "f596",
+    "e379",
+    "f58c",
+    "f581",
+    "f58b",
+    "f58a",
+    "f589",
+    "f588",
+    "f587",
+    "f586",
+    "f585",
+    "f584",
+    "f583",
+    "f582",
+    "e377",
+    "f579",
+    "e2fe",
+    "e372",
+    "e36e",
+    "e47c",
+    "e36b",
+    "e368",
+    "f2fe"
+  ],
+  sad: [
+    "e3a0",
+    "e3a5",
+    "e3a3",
+    "e3a2",
+    "e3a1",
+    "e39f",
+    "f5c8",
+    "e485",
+    "e397",
+    "e395",
+    "e394",
+    "e393",
+    "e38b",
+    "f5b4",
+    "e38a",
+    "f5b3",
+    "f5a5",
+    "e388",
+    "e387",
+    "e386",
+    "e385",
+    "e384",
+    "e382",
+    "e380",
+    "e483",
+    "f5a4",
+    "f11a",
+    "e37c",
+    "e37b",
+    "e37a",
+    "e378",
+    "f57f",
+    "e376",
+    "f57a",
+    "f119",
+    "e375",
+    "e374",
+    "e373",
+    "e480",
+    "e371",
+    "e47f",
+    "f567",
+    "e36f",
+    "e47e",
+    "e36d",
+    "e36c",
+    "e47d",
+    "e36a",
+    "e369",
+    "f556",
+    "f6e2",
+    "f8f6",
+    "f54c"
+  ]
+};
+export {
+  e as FACE_ICONS
+};

package/dist/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from './constants/commons';
+export * from './constants/iconCollection';
 export * from './function/localStorage';
 export * from './function/mergeRefs';
 export * from './function/string';

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC"}

package/package.json

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