skillgrid 0.0.23-dev-31782-34252-avatar-and-badge.1144012 → 0.0.24-dev-31782-34252-avatar-and-badge.1146081

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import * as ut from "react";
-import _t, { forwardRef as Q, useState as Se, useEffect as De, useRef as pt, useCallback as et, Fragment as Ft, createContext as qt, useContext as Vt } from "react";
-import tt, { clsx as J } from "clsx";
+import _t, { forwardRef as K, useState as Se, useEffect as De, useRef as pt, useCallback as et, Fragment as ft, createContext as qt, useContext as Vt } from "react";
+import tt, { clsx as U } from "clsx";
 import './index.css';function Wt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
@@ -68,14 +68,14 @@ function Ut() {
     }
     var P = !1, z = !1, B = !1, L = !1, F = !1, A;
     A = Symbol.for("react.module.reference");
-    function U(e) {
+    function G(e) {
       return !!(typeof e == "string" || typeof e == "function" || e === s || e === i || F || e === d || e === b || e === f || L || e === C || P || z || B || typeof e == "object" && e !== null && (e.$$typeof === h || e.$$typeof === g || e.$$typeof === u || e.$$typeof === _ || e.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       e.$$typeof === A || e.getModuleId !== void 0));
     }
-    function G(e, a, l) {
+    function Y(e, a, l) {
       var p = e.displayName;
       if (p)
         return p;
@@ -115,7 +115,7 @@ function Ut() {
             var l = e;
             return W(l._context) + ".Provider";
           case c:
-            return G(e, e.render, "ForwardRef");
+            return Y(e, e.render, "ForwardRef");
           case g:
             var p = e.displayName || null;
             return p !== null ? p : M(e.type) || "Memo";
@@ -130,14 +130,14 @@ function Ut() {
         }
       return null;
     }
-    var S = Object.assign, q = 0, X, ae, he, ye, me, ve, Ce;
+    var S = Object.assign, q = 0, Q, te, he, ye, me, ve, Ce;
     function xe() {
     }
     xe.__reactDisabledLog = !0;
     function Re() {
       {
         if (q === 0) {
-          X = console.log, ae = console.info, he = console.warn, ye = console.error, me = console.group, ve = console.groupCollapsed, Ce = console.groupEnd;
+          Q = console.log, te = console.info, he = console.warn, ye = console.error, me = console.group, ve = console.groupCollapsed, Ce = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -167,10 +167,10 @@ function Ut() {
           };
           Object.defineProperties(console, {
             log: S({}, e, {
-              value: X
+              value: Q
             }),
             info: S({}, e, {
-              value: ae
+              value: te
             }),
             warn: S({}, e, {
               value: he
@@ -192,35 +192,35 @@ function Ut() {
         q < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var de = k.ReactCurrentDispatcher, re;
-    function ee(e, a, l) {
+    var de = k.ReactCurrentDispatcher, ae;
+    function X(e, a, l) {
       {
-        if (re === void 0)
+        if (ae === void 0)
           try {
             throw Error();
           } catch (x) {
             var p = x.stack.trim().match(/\n( *(at )?)/);
-            re = p && p[1] || "";
+            ae = p && p[1] || "";
           }
         return `
-` + re + e;
+` + ae + e;
       }
     }
-    var ne = !1, te;
+    var re = !1, ee;
     {
       var ue = typeof WeakMap == "function" ? WeakMap : Map;
-      te = new ue();
+      ee = new ue();
     }
     function ze(e, a) {
-      if (!e || ne)
+      if (!e || re)
         return "";
       {
-        var l = te.get(e);
+        var l = ee.get(e);
         if (l !== void 0)
           return l;
       }
       var p;
-      ne = !0;
+      re = !0;
       var x = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var $;
@@ -270,22 +270,22 @@ function Ut() {
                   if (R--, T--, T < 0 || y[R] !== I[T]) {
                     var V = `
 ` + y[R].replace(" at new ", " at ");
-                    return e.displayName && V.includes("<anonymous>") && (V = V.replace("<anonymous>", e.displayName)), typeof e == "function" && te.set(e, V), V;
+                    return e.displayName && V.includes("<anonymous>") && (V = V.replace("<anonymous>", e.displayName)), typeof e == "function" && ee.set(e, V), V;
                   }
                 while (R >= 1 && T >= 0);
               break;
             }
         }
       } finally {
-        ne = !1, de.current = $, je(), Error.prepareStackTrace = x;
+        re = !1, de.current = $, je(), Error.prepareStackTrace = x;
       }
-      var le = e ? e.displayName || e.name : "", oe = le ? ee(le) : "";
-      return typeof e == "function" && te.set(e, oe), oe;
+      var ie = e ? e.displayName || e.name : "", ne = ie ? X(ie) : "";
+      return typeof e == "function" && ee.set(e, ne), ne;
     }
-    function ht(e, a, l) {
+    function yt(e, a, l) {
       return ze(e, !1);
     }
-    function yt(e) {
+    function mt(e) {
       var a = e.prototype;
       return !!(a && a.isReactComponent);
     }
@@ -293,19 +293,19 @@ function Ut() {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return ze(e, yt(e));
+        return ze(e, mt(e));
       if (typeof e == "string")
-        return ee(e);
+        return X(e);
       switch (e) {
         case b:
-          return ee("Suspense");
+          return X("Suspense");
         case f:
-          return ee("SuspenseList");
+          return X("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case c:
-            return ht(e.render);
+            return yt(e.render);
           case g:
             return we(e.type, a, l);
           case h: {
@@ -326,7 +326,7 @@ function Ut() {
       } else
         Fe.setExtraStackFrame(null);
     }
-    function mt(e, a, l, p, x) {
+    function vt(e, a, l, p, x) {
       {
         var $ = Function.call.bind(_e);
         for (var v in e)
@@ -345,17 +345,17 @@ function Ut() {
           }
       }
     }
-    var vt = Array.isArray;
+    var Ct = Array.isArray;
     function Te(e) {
-      return vt(e);
+      return Ct(e);
     }
-    function Ct(e) {
+    function xt(e) {
       {
         var a = typeof Symbol == "function" && Symbol.toStringTag, l = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return l;
       }
     }
-    function xt(e) {
+    function wt(e) {
       try {
         return qe(e), !1;
       } catch {
@@ -366,16 +366,16 @@ function Ut() {
       return "" + e;
     }
     function Ve(e) {
-      if (xt(e))
-        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ct(e)), qe(e);
+      if (wt(e))
+        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", xt(e)), qe(e);
     }
-    var We = k.ReactCurrentOwner, wt = {
+    var We = k.ReactCurrentOwner, $t = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, Ze, Ue;
-    function $t(e) {
+    function kt(e) {
       if (_e.call(e, "ref")) {
         var a = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (a && a.isReactWarning)
@@ -383,7 +383,7 @@ function Ut() {
       }
       return e.ref !== void 0;
     }
-    function kt(e) {
+    function Et(e) {
       if (_e.call(e, "key")) {
         var a = Object.getOwnPropertyDescriptor(e, "key").get;
         if (a && a.isReactWarning)
@@ -391,10 +391,10 @@ function Ut() {
       }
       return e.key !== void 0;
     }
-    function Et(e, a) {
+    function St(e, a) {
       typeof e.ref == "string" && We.current;
     }
-    function St(e, a) {
+    function Rt(e, a) {
       {
         var l = function() {
           Ze || (Ze = !0, m("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
@@ -405,7 +405,7 @@ function Ut() {
         });
       }
     }
-    function Rt(e, a) {
+    function jt(e, a) {
       {
         var l = function() {
           Ue || (Ue = !0, m("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
@@ -416,7 +416,7 @@ function Ut() {
         });
       }
     }
-    var jt = function(e, a, l, p, x, $, v) {
+    var Tt = function(e, a, l, p, x, $, v) {
       var y = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
@@ -445,12 +445,12 @@ function Ut() {
         value: x
       }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
     };
-    function Tt(e, a, l, p, x) {
+    function Nt(e, a, l, p, x) {
       {
         var $, v = {}, y = null, I = null;
-        l !== void 0 && (Ve(l), y = "" + l), kt(a) && (Ve(a.key), y = "" + a.key), $t(a) && (I = a.ref, Et(a, x));
+        l !== void 0 && (Ve(l), y = "" + l), Et(a) && (Ve(a.key), y = "" + a.key), kt(a) && (I = a.ref, St(a, x));
         for ($ in a)
-          _e.call(a, $) && !wt.hasOwnProperty($) && (v[$] = a[$]);
+          _e.call(a, $) && !$t.hasOwnProperty($) && (v[$] = a[$]);
         if (e && e.defaultProps) {
           var R = e.defaultProps;
           for ($ in R)
@@ -458,13 +458,13 @@ function Ut() {
         }
         if (y || I) {
           var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          y && St(v, T), I && Rt(v, T);
+          y && Rt(v, T), I && jt(v, T);
         }
-        return jt(e, y, I, x, p, We.current, v);
+        return Tt(e, y, I, x, p, We.current, v);
       }
     }
     var Ne = k.ReactCurrentOwner, Ge = k.ReactDebugCurrentFrame;
-    function ie(e) {
+    function se(e) {
       if (e) {
         var a = e._owner, l = we(e.type, e._source, a ? a.type : null);
         Ge.setExtraStackFrame(l);
@@ -488,11 +488,11 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Nt(e) {
+    function Ot(e) {
       return "";
     }
     var He = {};
-    function Ot(e) {
+    function Lt(e) {
       {
         var a = Ye();
         if (!a) {
@@ -509,12 +509,12 @@ Check the top-level render call using <` + l + ">.");
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var l = Ot(a);
+        var l = Lt(a);
         if (He[l])
           return;
         He[l] = !0;
         var p = "";
-        e && e._owner && e._owner !== Ne.current && (p = " It was passed a child from " + M(e._owner.type) + "."), ie(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, p), ie(null);
+        e && e._owner && e._owner !== Ne.current && (p = " It was passed a child from " + M(e._owner.type) + "."), se(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, p), se(null);
       }
     }
     function Ke(e, a) {
@@ -536,7 +536,7 @@ Check the top-level render call using <` + l + ">.");
         }
       }
     }
-    function Lt(e) {
+    function Pt(e) {
       {
         var a = e.type;
         if (a == null || typeof a == "string")
@@ -552,7 +552,7 @@ Check the top-level render call using <` + l + ">.");
           return;
         if (l) {
           var p = M(a);
-          mt(l, e.props, "prop", p, e);
+          vt(l, e.props, "prop", p, e);
         } else if (a.PropTypes !== void 0 && !Oe) {
           Oe = !0;
           var x = M(a);
@@ -561,31 +561,31 @@ Check the top-level render call using <` + l + ">.");
         typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Pt(e) {
+    function It(e) {
       {
         for (var a = Object.keys(e.props), l = 0; l < a.length; l++) {
           var p = a[l];
           if (p !== "children" && p !== "key") {
-            ie(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), ie(null);
+            se(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), se(null);
             break;
           }
         }
-        e.ref !== null && (ie(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), ie(null));
+        e.ref !== null && (se(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), se(null));
       }
     }
     var Qe = {};
     function Xe(e, a, l, p, x, $) {
       {
-        var v = U(e);
+        var v = G(e);
         if (!v) {
           var y = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (y += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var I = Nt();
+          var I = Ot();
           I ? y += I : y += Ye();
           var R;
           e === null ? R = "null" : Te(e) ? R = "array" : e !== void 0 && e.$$typeof === n ? (R = "<" + (M(e.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : R = typeof e, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", R, y);
         }
-        var T = Tt(e, a, l, x, $);
+        var T = Nt(e, a, l, x, $);
         if (T == null)
           return T;
         if (v) {
@@ -593,8 +593,8 @@ Check the top-level render call using <` + l + ">.");
           if (V !== void 0)
             if (p)
               if (Te(V)) {
-                for (var le = 0; le < V.length; le++)
-                  Ke(V[le], e);
+                for (var ie = 0; ie < V.length; ie++)
+                  Ke(V[ie], e);
                 Object.freeze && Object.freeze(V);
               } else
                 m("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
@@ -602,30 +602,30 @@ Check the top-level render call using <` + l + ">.");
               Ke(V, e);
         }
         if (_e.call(a, "key")) {
-          var oe = M(e), D = Object.keys(a).filter(function(Bt) {
-            return Bt !== "key";
+          var ne = M(e), D = Object.keys(a).filter(function(Ft) {
+            return Ft !== "key";
           }), Pe = D.length > 0 ? "{key: someKey, " + D.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Qe[oe + Pe]) {
-            var zt = D.length > 0 ? "{" + D.join(": ..., ") + ": ...}" : "{}";
+          if (!Qe[ne + Pe]) {
+            var Bt = D.length > 0 ? "{" + D.join(": ..., ") + ": ...}" : "{}";
             m(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Pe, oe, zt, oe), Qe[oe + Pe] = !0;
+  <%s key={someKey} {...props} />`, Pe, ne, Bt, ne), Qe[ne + Pe] = !0;
           }
         }
-        return e === s ? Pt(T) : Lt(T), T;
+        return e === s ? It(T) : Pt(T), T;
       }
     }
-    function It(e, a, l) {
+    function At(e, a, l) {
       return Xe(e, a, l, !0);
     }
-    function At(e, a, l) {
+    function Mt(e, a, l) {
       return Xe(e, a, l, !1);
     }
-    var Mt = At, Dt = It;
-    fe.Fragment = s, fe.jsx = Mt, fe.jsxs = Dt;
+    var Dt = Mt, zt = At;
+    fe.Fragment = s, fe.jsx = Dt, fe.jsxs = zt;
   }()), fe;
 }
 var nt;
@@ -688,7 +688,7 @@ const Yt = (t) => t.as === "a", Ht = (t) => t.as === void 0 || t.as === "button"
       "span",
       {
         "data-testid": "button-badge",
-        className: J(
+        className: U(
           j.badge,
           j[`badge${f ? "ExtraSmall" : s === "medium" ? "Medium" : "Small"}`],
           { [j.circular]: h && !f }
@@ -707,7 +707,7 @@ const Yt = (t) => t.as === "a", Ht = (t) => t.as === void 0 || t.as === "button"
       ] })
     ] }) : /* @__PURE__ */ o.jsx("span", { "data-testid": "button-icon", className: j.icon, children: d })
   ] });
-}, w2 = Q((t, n) => {
+}, w2 = K((t, n) => {
   const {
     mode: r = "primary",
     size: s = "m",
@@ -725,7 +725,7 @@ const Yt = (t) => t.as === "a", Ht = (t) => t.as === void 0 || t.as === "button"
     postfix: N,
     className: E,
     children: k
-  } = t, m = u, O = i, P = !m && !O, z = !!w && !k, B = J(
+  } = t, m = u, O = i, P = !m && !O, z = !!w && !k, B = U(
     j.button,
     j[s],
     j[r],
@@ -755,14 +755,14 @@ const Yt = (t) => t.as === "a", Ht = (t) => t.as === void 0 || t.as === "button"
     const {
       href: F,
       onClick: A,
-      mode: U,
-      size: G,
+      mode: G,
+      size: Y,
       buttonStyle: W,
       loading: M,
       disabled: S,
       showBadge: q,
-      badgeSize: X,
-      badgeValue: ae,
+      badgeSize: Q,
+      badgeValue: te,
       showSubcaption: he,
       subcaption: ye,
       stretched: me,
@@ -772,10 +772,10 @@ const Yt = (t) => t.as === "a", Ht = (t) => t.as === void 0 || t.as === "button"
       className: Re,
       tabIndex: je,
       children: de,
-      "data-testid": re,
-      style: ee,
-      ...ne
-    } = t, te = (ue) => {
+      "data-testid": ae,
+      style: X,
+      ...re
+    } = t, ee = (ue) => {
       P && A && A(ue);
     };
     return /* @__PURE__ */ o.jsx(
@@ -785,11 +785,11 @@ const Yt = (t) => t.as === "a", Ht = (t) => t.as === void 0 || t.as === "button"
         className: B,
         href: P ? F : void 0,
         tabIndex: t.tabIndex,
-        onClick: te,
-        "data-testid": re,
+        onClick: ee,
+        "data-testid": ae,
         "aria-disabled": m || O,
-        style: ee,
-        ...ne,
+        style: X,
+        ...re,
         children: /* @__PURE__ */ o.jsx(ot, { ...L })
       }
     );
@@ -798,14 +798,14 @@ const Yt = (t) => t.as === "a", Ht = (t) => t.as === void 0 || t.as === "button"
     const {
       type: F = "button",
       onClick: A,
-      mode: U,
-      size: G,
+      mode: G,
+      size: Y,
       buttonStyle: W,
       loading: M,
       disabled: S,
       showBadge: q,
-      badgeSize: X,
-      badgeValue: ae,
+      badgeSize: Q,
+      badgeValue: te,
       showSubcaption: he,
       subcaption: ye,
       stretched: me,
@@ -815,10 +815,10 @@ const Yt = (t) => t.as === "a", Ht = (t) => t.as === void 0 || t.as === "button"
       className: Re,
       tabIndex: je,
       children: de,
-      "data-testid": re,
-      style: ee,
-      ...ne
-    } = t, te = (ue) => {
+      "data-testid": ae,
+      style: X,
+      ...re
+    } = t, ee = (ue) => {
       P && A && A(ue);
     };
     return /* @__PURE__ */ o.jsx(
@@ -829,11 +829,11 @@ const Yt = (t) => t.as === "a", Ht = (t) => t.as === void 0 || t.as === "button"
         className: B,
         disabled: m,
         tabIndex: t.tabIndex,
-        onClick: te,
-        "data-testid": re,
+        onClick: ee,
+        "data-testid": ae,
         "aria-disabled": m || O,
-        style: ee,
-        ...ne,
+        style: X,
+        ...re,
         children: /* @__PURE__ */ o.jsx(ot, { ...L })
       }
     );
@@ -880,7 +880,7 @@ function Ta() {
   }(Ie)), Ie.exports;
 }
 var Na = Ta();
-const K = /* @__PURE__ */ Wt(Na), Oa = "_avatar_1kyiq_17", La = "_clickable_1kyiq_41", Pa = "_icon_1kyiq_58", Ia = "_disabled_1kyiq_63", Aa = "_loading_1kyiq_68", Ma = "_image_1kyiq_74", Da = "_name_1kyiq_74", Z = {
+const ce = /* @__PURE__ */ Wt(Na), Oa = "_avatar_1kyiq_17", La = "_clickable_1kyiq_41", Pa = "_icon_1kyiq_58", Ia = "_disabled_1kyiq_63", Aa = "_loading_1kyiq_68", Ma = "_image_1kyiq_74", Da = "_name_1kyiq_74", Z = {
   avatar: Oa,
   clickable: La,
   icon: Pa,
@@ -969,7 +969,7 @@ const Va = {
   96: 24,
   208: 8
 };
-function ft(t, n) {
+function gt(t, n) {
   return n === "circle" ? t / 2 : Va[t] || 12;
 }
 const Wa = {
@@ -991,7 +991,7 @@ const Ua = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
   female: Ga,
   org: Ha,
   neutral: Ya
-}, Ee = Q((t, n) => {
+}, Ee = K((t, n) => {
   const {
     style: r,
     size: s = 40,
@@ -1000,9 +1000,9 @@ const Ua = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
     shape: u = "circle",
     variant: _ = "filled",
     placeholderType: c = "neutral",
-    name: b = "",
+    name: b,
     imgSrc: f,
-    imgAlt: g = "",
+    imgAlt: g,
     icon: h,
     imgProps: C,
     colorScheme: w,
@@ -1013,12 +1013,12 @@ const Ua = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
   De(() => {
     f && L(!1);
   }, [f]);
-  const F = f && !B ? "image" : h ? "icon" : b ? "name" : "placeholder", A = w || F === "name" && Fa(b) || "gray", U = Za(s), G = ft(s, u), W = K(
+  const F = f && !B ? "image" : h ? "icon" : b ? "name" : "placeholder", A = w || F === "name" && Fa(b) || "gray", G = Za(s), Y = gt(s, u), W = U(
     N,
     Z.avatar,
     Z[`variant-${_}`],
     Z[`color-${A}`],
-    be[U],
+    be[G],
     {
       [Z.disabled]: i,
       [Z.loading]: d,
@@ -1026,18 +1026,18 @@ const Ua = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
     }
   ), M = {
     "--avatar-size": `${s}px`,
-    "--avatar-border-radius": `${G}px`,
+    "--avatar-border-radius": `${Y}px`,
     ...r
   }, S = {
-    icon: () => /* @__PURE__ */ o.jsx("span", { "data-testid": "avatar-icon", title: g, role: "img", className: K(Z.icon), children: h == null ? void 0 : h({}) }),
+    icon: () => /* @__PURE__ */ o.jsx("span", { "data-testid": "avatar-icon", title: g || void 0, role: "img", className: Z.icon, children: h == null ? void 0 : h({}) }),
     name: () => /* @__PURE__ */ o.jsx(
       "span",
       {
         role: "textbox",
         "data-testid": "avatar-name",
-        className: K(Z.name),
-        title: g,
-        children: qa(b)
+        className: Z.name,
+        title: g || void 0,
+        children: qa(b || "")
       }
     ),
     placeholder: () => /* @__PURE__ */ o.jsx(
@@ -1047,7 +1047,7 @@ const Ua = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
         "data-testid": "avatar-placeholder",
         className: Z.image,
         src: Ja[c],
-        alt: g
+        alt: g || void 0
       }
     ),
     image: () => /* @__PURE__ */ o.jsx(
@@ -1056,17 +1056,17 @@ const Ua = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
         "data-testid": "avatar-image",
         ...C,
         className: Z.image,
-        src: f,
-        alt: g,
+        src: f || void 0,
+        alt: g || void 0,
         onLoad: () => L(!1),
-        onError: (X) => {
-          var ae;
-          L(!0), (ae = C == null ? void 0 : C.onError) == null || ae.call(C, X);
+        onError: (Q) => {
+          var te;
+          L(!0), (te = C == null ? void 0 : C.onError) == null || te.call(C, Q);
         }
       }
     )
-  }, q = (X) => {
-    z && (m == null || m(X));
+  }, q = (Q) => {
+    z && (m == null || m(Q));
   };
   return /* @__PURE__ */ o.jsx(
     "div",
@@ -1111,7 +1111,7 @@ const tr = 3, ar = (t) => {
     shape: d = "circle",
     overflowCount: i = 0,
     overflowProps: u
-  } = t, _ = r * s, c = -_ + tr, b = ft(r, d), g = pt(Xa()).current.toString(), h = K(Qa.avatarGroup), C = er(
+  } = t, _ = r * s, c = -_ + tr, b = gt(r, d), g = pt(Xa()).current.toString(), h = ce(Qa.avatarGroup), C = er(
     r,
     r,
     r - _,
@@ -1168,7 +1168,7 @@ const tr = 3, ar = (t) => {
   ] });
 }, $2 = Object.assign(Ee, {
   Group: ar
-}), rr = "_wrapper_ecbsu_5", nr = "_badge__container_ecbsu_6", or = "_badge__content_ecbsu_7", sr = "_interactive_ecbsu_20", ir = "_disabled_ecbsu_21", lr = "_icon_ecbsu_22", Y = {
+}), rr = "_wrapper_ecbsu_5", nr = "_badge__container_ecbsu_6", or = "_badge__content_ecbsu_7", sr = "_interactive_ecbsu_20", ir = "_disabled_ecbsu_21", lr = "_icon_ecbsu_22", H = {
   wrapper: rr,
   badge__container: nr,
   badge__content: or,
@@ -1223,7 +1223,7 @@ const tr = 3, ar = (t) => {
       r(s);
     }
   }, []), { ref: t, bgColor: n };
-}, k2 = Q((t, n) => {
+}, k2 = K((t, n) => {
   const {
     icon: r,
     children: s,
@@ -1239,15 +1239,15 @@ const tr = 3, ar = (t) => {
     className: C,
     "data-testid": w = "badge",
     ...N
-  } = t, { onClick: E, onPointerDown: k } = N, { ref: m, bgColor: O } = ur(), P = g || O, B = !h && (!!E || !!k), L = K(Y.badge__container, Y[`position-${b}`]), F = K(
+  } = t, { onClick: E, onPointerDown: k } = N, { ref: m, bgColor: O } = ur(), P = g || O, B = !h && (!!E || !!k), L = ce(H.badge__container, H[`position-${b}`]), F = ce(
     C,
-    Y.badge__content,
-    Y[`color-${_}`],
-    Y[`variant-${d}`],
+    H.badge__content,
+    H[`color-${_}`],
+    H[`variant-${d}`],
     {
-      [Y.disabled]: h,
-      [Y.icon]: !!r,
-      [Y.interactive]: B
+      [H.disabled]: h,
+      [H.icon]: !!r,
+      [H.interactive]: B
     }
   ), A = {
     "--badge-height": `${c}px`,
@@ -1255,10 +1255,10 @@ const tr = 3, ar = (t) => {
     "--badge-offset-y": `${f.y}px`,
     ...P && { "--badge-cutout-bg": P },
     ...d === "transparent" && { "--badge-cutout-bg": "transparent" }
-  }, U = (r == null ? void 0 : r({})) || i, G = (W) => {
+  }, G = (r == null ? void 0 : r({})) || i, Y = (W) => {
     B && (E == null || E(W));
   };
-  return /* @__PURE__ */ o.jsxs("div", { className: Y.wrapper, ref: m, "data-testid": w + "-wrapper", children: [
+  return /* @__PURE__ */ o.jsxs("div", { className: H.wrapper, ref: m, "data-testid": w + "-wrapper", children: [
     s,
     !u && /* @__PURE__ */ o.jsx(
       "span",
@@ -1270,12 +1270,12 @@ const tr = 3, ar = (t) => {
           "span",
           {
             ...N,
-            onClick: G,
+            onClick: Y,
             className: F,
             "data-testid": w + "-content",
             ref: n,
             "aria-disabled": h,
-            children: U
+            children: G
           }
         )
       }
@@ -1302,7 +1302,7 @@ const tr = 3, ar = (t) => {
   "size-48": "_size-48_1tevf_79",
   "size-64": "_size-64_1tevf_83",
   "size-96": "_size-96_1tevf_87"
-}, gt = Q(
+}, bt = K(
   ({
     size: t = 24,
     variant: n = "accent",
@@ -1311,7 +1311,7 @@ const tr = 3, ar = (t) => {
     style: d,
     ...i
   }, u) => {
-    const _ = K(
+    const _ = ce(
       ge.loader,
       ge[n],
       ge[`size-${t}`],
@@ -1340,7 +1340,7 @@ const tr = 3, ar = (t) => {
       }
     );
   }
-), Er = Q((t, n) => {
+), Er = K((t, n) => {
   const {
     loading: r = !1,
     size: s = 24,
@@ -1350,18 +1350,18 @@ const tr = 3, ar = (t) => {
     style: _,
     "data-testid": c,
     ...b
-  } = t, f = K(ge.container, u);
+  } = t, f = ce(ge.container, u);
   return /* @__PURE__ */ o.jsxs("div", { ref: n, className: f, style: _, "data-testid": c, ...b, children: [
     i,
-    r && /* @__PURE__ */ o.jsx("div", { className: ge.overlay, children: /* @__PURE__ */ o.jsx(gt, { size: s, variant: d, "data-testid": `${c}-spinner` }) })
+    r && /* @__PURE__ */ o.jsx("div", { className: ge.overlay, children: /* @__PURE__ */ o.jsx(bt, { size: s, variant: d, "data-testid": `${c}-spinner` }) })
   ] });
-}), Sr = Q((t, n) => t.children ? /* @__PURE__ */ o.jsx(
+}), Sr = K((t, n) => t.children ? /* @__PURE__ */ o.jsx(
   Er,
   {
     ref: n,
     ...t
   }
-) : /* @__PURE__ */ o.jsx(gt, { ref: n, ...t })), Rr = ({ width: t = 48, height: n = 48, className: r, "data-testid": s }) => /* @__PURE__ */ o.jsx(
+) : /* @__PURE__ */ o.jsx(bt, { ref: n, ...t })), Rr = ({ width: t = 48, height: n = 48, className: r, "data-testid": s }) => /* @__PURE__ */ o.jsx(
   "svg",
   {
     width: t,
@@ -1382,7 +1382,7 @@ const tr = 3, ar = (t) => {
       }
     )
   }
-), E2 = Q((t, n) => {
+), E2 = K((t, n) => {
   const {
     alt: r = "",
     loading: s = "lazy",
@@ -1393,7 +1393,7 @@ const tr = 3, ar = (t) => {
     onError: c,
     onLoad: b,
     ...f
-  } = t, [g, h] = Se("loading"), C = g === "error", w = (i || g === "loading") && !C, N = g === "loaded" && !i, E = K(
+  } = t, [g, h] = Se("loading"), C = g === "error", w = (i || g === "loading") && !C, N = g === "loaded" && !i, E = ce(
     Ae.image,
     {
       [Ae.loading]: w
@@ -1410,7 +1410,7 @@ const tr = 3, ar = (t) => {
     },
     [c]
   ), O = {
-    loader: /* @__PURE__ */ o.jsxs(Ft, { children: [
+    loader: /* @__PURE__ */ o.jsxs(ft, { children: [
       /* @__PURE__ */ o.jsx(Sr, { size: 48, variant: "special", "data-testid": `${_}-loader` }),
       /* @__PURE__ */ o.jsx(
         "img",
@@ -1447,10 +1447,10 @@ const tr = 3, ar = (t) => {
     C && O.error,
     N && O.image
   ] });
-}), jr = {}, bt = qt({
+}), jr = {}, ht = qt({
   locale: jr
 }), Tr = () => {
-  const t = Vt(bt);
+  const t = Vt(ht);
   if (!t)
     throw new Error("useConfig must be used within a ConfigProvider");
   return t;
@@ -1464,21 +1464,18 @@ const tr = 3, ar = (t) => {
   className: s
 }) => {
   const d = n ? { ...Object.fromEntries(Object.entries(n)) } : {};
-  return /* @__PURE__ */ o.jsx(
-    "div",
-    {
-      "data-testid": "ConfigProvider-component",
-      style: d,
-      className: J(
-        Nr,
-        Or,
-        Lr,
-        s
-      ),
-      children: /* @__PURE__ */ o.jsx(bt.Provider, { value: { locale: t }, children: r })
-    }
-  );
-}, j2 = {}, Pr = "_tag_1llsi_1", Ir = "_label_1llsi_16", Ar = "_iconWrapper_1llsi_20", Mr = "_medium_1llsi_27", Dr = "_large_1llsi_33", zr = "_disabled_1llsi_43", Br = "_neutral_1llsi_47", Fr = "_positive_1llsi_53", qr = "_negative_1llsi_59", Vr = "_warning_1llsi_65", Wr = "_vivid_1llsi_71", Zr = "_special_1llsi_77", Ur = "_accent_1llsi_84", Gr = "_blue_1llsi_90", Yr = "_lovely_1llsi_96", Hr = "_dreamy_1llsi_102", se = {
+  return /* @__PURE__ */ o.jsxs(ft, { children: [
+    /* @__PURE__ */ o.jsx(
+      "div",
+      {
+        "data-testid": "ConfigProvider-component",
+        style: d,
+        className: U(Nr, Or, Lr, s)
+      }
+    ),
+    /* @__PURE__ */ o.jsx(ht.Provider, { value: { locale: t }, children: r })
+  ] });
+}, j2 = {}, Pr = "_tag_1llsi_1", Ir = "_label_1llsi_16", Ar = "_iconWrapper_1llsi_20", Mr = "_medium_1llsi_27", Dr = "_large_1llsi_33", zr = "_disabled_1llsi_43", Br = "_neutral_1llsi_47", Fr = "_positive_1llsi_53", qr = "_negative_1llsi_59", Vr = "_warning_1llsi_65", Wr = "_vivid_1llsi_71", Zr = "_special_1llsi_77", Ur = "_accent_1llsi_84", Gr = "_blue_1llsi_90", Yr = "_lovely_1llsi_96", Hr = "_dreamy_1llsi_102", oe = {
   tag: Pr,
   label: Ir,
   iconWrapper: Ar,
@@ -1495,7 +1492,7 @@ const tr = 3, ar = (t) => {
   blue: Gr,
   lovely: Yr,
   dreamy: Hr
-}, T2 = Q((t, n) => {
+}, T2 = K((t, n) => {
   const {
     className: r,
     children: s,
@@ -1512,12 +1509,12 @@ const tr = 3, ar = (t) => {
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: J(
-        se.tag,
-        se[i],
-        se[d],
+      className: U(
+        oe.tag,
+        oe[i],
+        oe[d],
         {
-          [se.disabled]: u,
+          [oe.disabled]: u,
           [be["typography-label-3-regular"]]: i === "medium",
           [be["typography-subtitle-1-semibold"]]: i === "large"
         },
@@ -1526,13 +1523,13 @@ const tr = 3, ar = (t) => {
       "data-testid": h || "tag-component",
       ref: n,
       children: [
-        c && /* @__PURE__ */ o.jsx("span", { className: J([se.iconWrapper, C]), ...w, children: c }),
-        _ && /* @__PURE__ */ o.jsx("span", { className: J([se.label]), children: s }),
-        b && /* @__PURE__ */ o.jsx("span", { className: J([se.iconWrapper, N]), ...E, children: b })
+        c && /* @__PURE__ */ o.jsx("span", { className: U([oe.iconWrapper, C]), ...w, children: c }),
+        _ && /* @__PURE__ */ o.jsx("span", { className: U([oe.label]), children: s }),
+        b && /* @__PURE__ */ o.jsx("span", { className: U([oe.iconWrapper, N]), ...E, children: b })
       ]
     }
   );
-}), Jr = "_checkbox_qo5f5_43", Kr = "_input_qo5f5_59", Qr = "_icon_qo5f5_67", Xr = "_container_qo5f5_84", e2 = "_error_qo5f5_135", t2 = "_checkboxWrapper_qo5f5_147", a2 = "_medium_qo5f5_201", r2 = "_large_qo5f5_206", n2 = "_label_qo5f5_247", H = {
+}), Jr = "_checkbox_qo5f5_43", Kr = "_input_qo5f5_59", Qr = "_icon_qo5f5_67", Xr = "_container_qo5f5_84", e2 = "_error_qo5f5_135", t2 = "_checkboxWrapper_qo5f5_147", a2 = "_medium_qo5f5_201", r2 = "_large_qo5f5_206", n2 = "_label_qo5f5_247", J = {
   checkbox: Jr,
   input: Kr,
   icon: Qr,
@@ -1608,7 +1605,7 @@ const tr = 3, ar = (t) => {
   return /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: H.icon,
+      className: J.icon,
       "data-testid": `${d}-icon`,
       "data-checked": n,
       "data-disabled": r,
@@ -1616,7 +1613,7 @@ const tr = 3, ar = (t) => {
       children: s ? /* @__PURE__ */ o.jsx(s2, { width: i, height: u }) : /* @__PURE__ */ o.jsx(o2, { width: i, height: u })
     }
   );
-}, N2 = Q((t, n) => {
+}, N2 = K((t, n) => {
   const {
     name: r,
     value: s,
@@ -1634,16 +1631,16 @@ const tr = 3, ar = (t) => {
     tabIndex: N,
     onChange: E,
     "data-testid": k = "checkbox"
-  } = t, [m, O] = Se(!1), P = s ?? m, z = c || u, B = !!_, L = P || i, F = tt(H.container, H[d], b), A = tt(
-    H.checkbox,
-    H[d],
+  } = t, [m, O] = Se(!1), P = s ?? m, z = c || u, B = !!_, L = P || i, F = tt(J.container, J[d], b), A = tt(
+    J.checkbox,
+    J[d],
     {
-      [H.error]: B
+      [J.error]: B
     },
     f
-  ), U = (S) => {
+  ), G = (S) => {
     z || (O(S.target.checked), E == null || E(S.target.checked, S));
-  }, G = (S) => {
+  }, Y = (S) => {
     if (S.key === "Enter" && !z) {
       S.preventDefault();
       const q = !L;
@@ -1661,13 +1658,13 @@ const tr = 3, ar = (t) => {
       "data-testid": k,
       "data-clickable-label": w,
       children: [
-        /* @__PURE__ */ o.jsx("div", { className: H.checkboxWrapper, children: /* @__PURE__ */ o.jsxs(
+        /* @__PURE__ */ o.jsx("div", { className: J.checkboxWrapper, children: /* @__PURE__ */ o.jsxs(
           "div",
           {
             tabIndex: N || 0,
             className: A,
             style: h,
-            onKeyDown: G,
+            onKeyDown: Y,
             "aria-checked": L,
             "aria-disabled": z,
             "aria-invalid": B,
@@ -1683,8 +1680,8 @@ const tr = 3, ar = (t) => {
                   name: r,
                   checked: L,
                   disabled: z,
-                  className: H.input,
-                  onChange: U,
+                  className: J.input,
+                  onChange: G,
                   onClick: M,
                   "aria-checked": L,
                   "aria-invalid": B,
@@ -1711,7 +1708,7 @@ const tr = 3, ar = (t) => {
           {
             "data-testid": `${k}-label-text`,
             "data-clickable-label": w,
-            className: H.label,
+            className: J.label,
             onClick: W,
             children: C
           }
@@ -1719,7 +1716,7 @@ const tr = 3, ar = (t) => {
       ]
     }
   );
-}), c2 = "_typography_zt7xg_1", d2 = "_disabled_zt7xg_8", u2 = "_primary_zt7xg_13", _2 = "_secondary_zt7xg_18", p2 = "_tertiary_zt7xg_23", f2 = "_accent_zt7xg_28", g2 = "_positive_zt7xg_38", b2 = "_negative_zt7xg_48", h2 = "_warning_zt7xg_58", y2 = "_special_zt7xg_68", m2 = "_contrast_zt7xg_78", ce = {
+}), c2 = "_typography_zt7xg_1", d2 = "_disabled_zt7xg_8", u2 = "_primary_zt7xg_13", _2 = "_secondary_zt7xg_18", p2 = "_tertiary_zt7xg_23", f2 = "_accent_zt7xg_28", g2 = "_positive_zt7xg_38", b2 = "_negative_zt7xg_48", h2 = "_warning_zt7xg_58", y2 = "_special_zt7xg_68", m2 = "_contrast_zt7xg_78", le = {
   typography: c2,
   disabled: d2,
   primary: u2,
@@ -1756,12 +1753,12 @@ const tr = 3, ar = (t) => {
       typographyStyle: b = "primary",
       ...f
     }, g) => {
-      const h = u || v2[r], C = J(
-        ce.typography,
+      const h = u || v2[r], C = U(
+        le.typography,
         be[`typography-${t}-${r}-${_}`],
-        ce[b],
+        le[b],
         {
-          [ce.disabled]: c
+          [le.disabled]: c
         },
         d
       );
@@ -1782,12 +1779,12 @@ const tr = 3, ar = (t) => {
       typographyStyle: b = "primary",
       ...f
     }, g) => {
-      const h = u, C = J(
-        ce.typography,
+      const h = u, C = U(
+        le.typography,
         be[`typography-${t}-${r}-${_}`],
-        ce[b],
+        le[b],
         {
-          [ce.disabled]: c
+          [le.disabled]: c
         },
         d
       );