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

package/dist/index.es.js

@@ -1,9 +1,10 @@
-import nt, { forwardRef as H, useState as Le, useRef as ot, useEffect as st, useCallback as He, Fragment as Nt, createContext as It, useContext as At } from "react";
-import { clsx as ae } from "clsx";
-import './index.css';function Mt(r) {
-  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+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 './index.css';function Wt(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var xe = { exports: {} }, ce = {};
+var ke = { exports: {} }, pe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,21 +14,21 @@ var xe = { exports: {} }, ce = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Je;
-function Dt() {
-  if (Je) return ce;
-  Je = 1;
-  var r = nt, s = Symbol.for("react.element"), a = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, d = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function _(f, c, h) {
-    var p, g = {}, C = null, w = null;
-    h !== void 0 && (C = "" + h), c.key !== void 0 && (C = "" + c.key), c.ref !== void 0 && (w = c.ref);
-    for (p in c) o.call(c, p) && !i.hasOwnProperty(p) && (g[p] = c[p]);
-    if (f && f.defaultProps) for (p in c = f.defaultProps, c) g[p] === void 0 && (g[p] = c[p]);
-    return { $$typeof: s, type: f, key: C, ref: w, props: g, _owner: d.current };
+var at;
+function Zt() {
+  if (at) return pe;
+  at = 1;
+  var t = _t, n = Symbol.for("react.element"), r = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, d = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(_, c, b) {
+    var f, g = {}, h = null, C = null;
+    b !== void 0 && (h = "" + b), c.key !== void 0 && (h = "" + c.key), c.ref !== void 0 && (C = c.ref);
+    for (f in c) s.call(c, f) && !i.hasOwnProperty(f) && (g[f] = c[f]);
+    if (_ && _.defaultProps) for (f in c = _.defaultProps, c) g[f] === void 0 && (g[f] = c[f]);
+    return { $$typeof: n, type: _, key: h, ref: C, props: g, _owner: d.current };
   }
-  return ce.Fragment = a, ce.jsx = _, ce.jsxs = _, ce;
+  return pe.Fragment = r, pe.jsx = u, pe.jsxs = u, pe;
 }
-var ue = {};
+var fe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -37,91 +38,91 @@ var ue = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ke;
-function Bt() {
-  return Ke || (Ke = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = nt, s = Symbol.for("react.element"), a = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), _ = Symbol.for("react.provider"), f = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), $ = Symbol.iterator, k = "@@iterator";
-    function L(e) {
+var rt;
+function Ut() {
+  return rt || (rt = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = _t, n = Symbol.for("react.element"), r = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), _ = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), w = Symbol.iterator, N = "@@iterator";
+    function E(e) {
       if (e === null || typeof e != "object")
         return null;
-      var t = $ && e[$] || e[k];
-      return typeof t == "function" ? t : null;
+      var a = w && e[w] || e[N];
+      return typeof a == "function" ? a : null;
     }
-    var S = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function y(e) {
+    var k = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function m(e) {
       {
-        for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), u = 1; u < t; u++)
-          n[u - 1] = arguments[u];
-        T("error", e, n);
+        for (var a = arguments.length, l = new Array(a > 1 ? a - 1 : 0), p = 1; p < a; p++)
+          l[p - 1] = arguments[p];
+        O("error", e, l);
       }
     }
-    function T(e, t, n) {
+    function O(e, a, l) {
       {
-        var u = S.ReactDebugCurrentFrame, m = u.getStackAddendum();
-        m !== "" && (t += "%s", n = n.concat([m]));
-        var x = n.map(function(v) {
+        var p = k.ReactDebugCurrentFrame, x = p.getStackAddendum();
+        x !== "" && (a += "%s", l = l.concat([x]));
+        var $ = l.map(function(v) {
           return String(v);
         });
-        x.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, x);
+        $.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, $);
       }
     }
-    var N = !1, U = !1, B = !1, F = !1, z = !1, A;
+    var P = !1, z = !1, B = !1, L = !1, F = !1, A;
     A = Symbol.for("react.module.reference");
-    function J(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === i || z || e === d || e === h || e === p || F || e === w || N || U || B || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === g || e.$$typeof === _ || e.$$typeof === f || e.$$typeof === c || // This needs to include all possible module reference object
+    function U(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 K(e, t, n) {
-      var u = e.displayName;
-      if (u)
-        return u;
-      var m = t.displayName || t.name || "";
-      return m !== "" ? n + "(" + m + ")" : n;
+    function G(e, a, l) {
+      var p = e.displayName;
+      if (p)
+        return p;
+      var x = a.displayName || a.name || "";
+      return x !== "" ? l + "(" + x + ")" : l;
     }
-    function G(e) {
+    function W(e) {
       return e.displayName || "Context";
     }
-    function I(e) {
+    function M(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
-        case o:
+        case s:
           return "Fragment";
-        case a:
+        case r:
           return "Portal";
         case i:
           return "Profiler";
         case d:
           return "StrictMode";
-        case h:
+        case b:
           return "Suspense";
-        case p:
+        case f:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case f:
-            var t = e;
-            return G(t) + ".Consumer";
           case _:
-            var n = e;
-            return G(n._context) + ".Provider";
+            var a = e;
+            return W(a) + ".Consumer";
+          case u:
+            var l = e;
+            return W(l._context) + ".Provider";
           case c:
-            return K(e, e.render, "ForwardRef");
+            return G(e, e.render, "ForwardRef");
           case g:
-            var u = e.displayName || null;
-            return u !== null ? u : I(e.type) || "Memo";
-          case C: {
-            var m = e, x = m._payload, v = m._init;
+            var p = e.displayName || null;
+            return p !== null ? p : M(e.type) || "Memo";
+          case h: {
+            var x = e, $ = x._payload, v = x._init;
             try {
-              return I(v(x));
+              return M(v($));
             } catch {
               return null;
             }
@@ -129,18 +130,18 @@ function Bt() {
         }
       return null;
     }
-    var V = Object.assign, Q = 0, _e, fe, pe, be, ge, ve, he;
-    function me() {
+    var S = Object.assign, q = 0, X, ae, he, ye, me, ve, Ce;
+    function xe() {
     }
-    me.__reactDisabledLog = !0;
-    function we() {
+    xe.__reactDisabledLog = !0;
+    function Re() {
       {
-        if (Q === 0) {
-          _e = console.log, fe = console.info, pe = console.warn, be = console.error, ge = console.group, ve = console.groupCollapsed, he = console.groupEnd;
+        if (q === 0) {
+          X = console.log, ae = console.info, he = console.warn, ye = console.error, me = console.group, ve = console.groupCollapsed, Ce = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: me,
+            value: xe,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -153,79 +154,79 @@ function Bt() {
             groupEnd: e
           });
         }
-        Q++;
+        q++;
       }
     }
-    function Ee() {
+    function je() {
       {
-        if (Q--, Q === 0) {
+        if (q--, q === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: V({}, e, {
-              value: _e
+            log: S({}, e, {
+              value: X
             }),
-            info: V({}, e, {
-              value: fe
+            info: S({}, e, {
+              value: ae
             }),
-            warn: V({}, e, {
-              value: pe
+            warn: S({}, e, {
+              value: he
             }),
-            error: V({}, e, {
-              value: be
+            error: S({}, e, {
+              value: ye
             }),
-            group: V({}, e, {
-              value: ge
+            group: S({}, e, {
+              value: me
             }),
-            groupCollapsed: V({}, e, {
+            groupCollapsed: S({}, e, {
               value: ve
             }),
-            groupEnd: V({}, e, {
-              value: he
+            groupEnd: S({}, e, {
+              value: Ce
             })
           });
         }
-        Q < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        q < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var se = S.ReactCurrentDispatcher, X;
-    function Y(e, t, n) {
+    var de = k.ReactCurrentDispatcher, re;
+    function ee(e, a, l) {
       {
-        if (X === void 0)
+        if (re === void 0)
           try {
             throw Error();
-          } catch (m) {
-            var u = m.stack.trim().match(/\n( *(at )?)/);
-            X = u && u[1] || "";
+          } catch (x) {
+            var p = x.stack.trim().match(/\n( *(at )?)/);
+            re = p && p[1] || "";
           }
         return `
-` + X + e;
+` + re + e;
       }
     }
-    var ee = !1, q;
+    var ne = !1, te;
     {
-      var ie = typeof WeakMap == "function" ? WeakMap : Map;
-      q = new ie();
+      var ue = typeof WeakMap == "function" ? WeakMap : Map;
+      te = new ue();
     }
-    function Ne(e, t) {
-      if (!e || ee)
+    function ze(e, a) {
+      if (!e || ne)
         return "";
       {
-        var n = q.get(e);
-        if (n !== void 0)
-          return n;
+        var l = te.get(e);
+        if (l !== void 0)
+          return l;
       }
-      var u;
-      ee = !0;
-      var m = Error.prepareStackTrace;
+      var p;
+      ne = !0;
+      var x = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var x;
-      x = se.current, se.current = null, we();
+      var $;
+      $ = de.current, de.current = null, Re();
       try {
-        if (t) {
+        if (a) {
           var v = function() {
             throw Error();
           };
@@ -236,249 +237,249 @@ function Bt() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(v, []);
-            } catch (P) {
-              u = P;
+            } catch (D) {
+              p = D;
             }
             Reflect.construct(e, [], v);
           } else {
             try {
               v.call();
-            } catch (P) {
-              u = P;
+            } catch (D) {
+              p = D;
             }
             e.call(v.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (P) {
-            u = P;
+          } catch (D) {
+            p = D;
           }
           e();
         }
-      } catch (P) {
-        if (P && u && typeof P.stack == "string") {
-          for (var b = P.stack.split(`
-`), O = u.stack.split(`
-`), E = b.length - 1, j = O.length - 1; E >= 1 && j >= 0 && b[E] !== O[j]; )
-            j--;
-          for (; E >= 1 && j >= 0; E--, j--)
-            if (b[E] !== O[j]) {
-              if (E !== 1 || j !== 1)
+      } catch (D) {
+        if (D && p && typeof D.stack == "string") {
+          for (var y = D.stack.split(`
+`), I = p.stack.split(`
+`), R = y.length - 1, T = I.length - 1; R >= 1 && T >= 0 && y[R] !== I[T]; )
+            T--;
+          for (; R >= 1 && T >= 0; R--, T--)
+            if (y[R] !== I[T]) {
+              if (R !== 1 || T !== 1)
                 do
-                  if (E--, j--, j < 0 || b[E] !== O[j]) {
-                    var M = `
-` + b[E].replace(" at new ", " at ");
-                    return e.displayName && M.includes("<anonymous>") && (M = M.replace("<anonymous>", e.displayName)), typeof e == "function" && q.set(e, M), M;
+                  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;
                   }
-                while (E >= 1 && j >= 0);
+                while (R >= 1 && T >= 0);
               break;
             }
         }
       } finally {
-        ee = !1, se.current = x, Ee(), Error.prepareStackTrace = m;
+        ne = !1, de.current = $, je(), Error.prepareStackTrace = x;
       }
-      var oe = e ? e.displayName || e.name : "", te = oe ? Y(oe) : "";
-      return typeof e == "function" && q.set(e, te), te;
+      var le = e ? e.displayName || e.name : "", oe = le ? ee(le) : "";
+      return typeof e == "function" && te.set(e, oe), oe;
     }
-    function ut(e, t, n) {
-      return Ne(e, !1);
+    function ht(e, a, l) {
+      return ze(e, !1);
     }
-    function dt(e) {
-      var t = e.prototype;
-      return !!(t && t.isReactComponent);
+    function yt(e) {
+      var a = e.prototype;
+      return !!(a && a.isReactComponent);
     }
-    function Ce(e, t, n) {
+    function we(e, a, l) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Ne(e, dt(e));
+        return ze(e, yt(e));
       if (typeof e == "string")
-        return Y(e);
+        return ee(e);
       switch (e) {
-        case h:
-          return Y("Suspense");
-        case p:
-          return Y("SuspenseList");
+        case b:
+          return ee("Suspense");
+        case f:
+          return ee("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case c:
-            return ut(e.render);
+            return ht(e.render);
           case g:
-            return Ce(e.type, t, n);
-          case C: {
-            var u = e, m = u._payload, x = u._init;
+            return we(e.type, a, l);
+          case h: {
+            var p = e, x = p._payload, $ = p._init;
             try {
-              return Ce(x(m), t, n);
+              return we($(x), a, l);
             } catch {
             }
           }
         }
       return "";
     }
-    var le = Object.prototype.hasOwnProperty, Ie = {}, Ae = S.ReactDebugCurrentFrame;
-    function ye(e) {
+    var _e = Object.prototype.hasOwnProperty, Be = {}, Fe = k.ReactDebugCurrentFrame;
+    function $e(e) {
       if (e) {
-        var t = e._owner, n = Ce(e.type, e._source, t ? t.type : null);
-        Ae.setExtraStackFrame(n);
+        var a = e._owner, l = we(e.type, e._source, a ? a.type : null);
+        Fe.setExtraStackFrame(l);
       } else
-        Ae.setExtraStackFrame(null);
+        Fe.setExtraStackFrame(null);
     }
-    function _t(e, t, n, u, m) {
+    function mt(e, a, l, p, x) {
       {
-        var x = Function.call.bind(le);
+        var $ = Function.call.bind(_e);
         for (var v in e)
-          if (x(e, v)) {
-            var b = void 0;
+          if ($(e, v)) {
+            var y = void 0;
             try {
               if (typeof e[v] != "function") {
-                var O = Error((u || "React class") + ": " + n + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw O.name = "Invariant Violation", O;
+                var I = Error((p || "React class") + ": " + l + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw I.name = "Invariant Violation", I;
               }
-              b = e[v](t, v, u, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (E) {
-              b = E;
+              y = e[v](a, v, p, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (R) {
+              y = R;
             }
-            b && !(b instanceof Error) && (ye(m), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", u || "React class", n, v, typeof b), ye(null)), b instanceof Error && !(b.message in Ie) && (Ie[b.message] = !0, ye(m), y("Failed %s type: %s", n, b.message), ye(null));
+            y && !(y instanceof Error) && ($e(x), m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", l, v, typeof y), $e(null)), y instanceof Error && !(y.message in Be) && (Be[y.message] = !0, $e(x), m("Failed %s type: %s", l, y.message), $e(null));
           }
       }
     }
-    var ft = Array.isArray;
-    function Re(e) {
-      return ft(e);
+    var vt = Array.isArray;
+    function Te(e) {
+      return vt(e);
     }
-    function pt(e) {
+    function Ct(e) {
       {
-        var t = typeof Symbol == "function" && Symbol.toStringTag, n = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return n;
+        var a = typeof Symbol == "function" && Symbol.toStringTag, l = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l;
       }
     }
-    function bt(e) {
+    function xt(e) {
       try {
-        return Me(e), !1;
+        return qe(e), !1;
       } catch {
         return !0;
       }
     }
-    function Me(e) {
+    function qe(e) {
       return "" + e;
     }
-    function De(e) {
-      if (bt(e))
-        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", pt(e)), Me(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);
     }
-    var Be = S.ReactCurrentOwner, gt = {
+    var We = k.ReactCurrentOwner, wt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Fe, ze;
-    function vt(e) {
-      if (le.call(e, "ref")) {
-        var t = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (t && t.isReactWarning)
+    }, Ze, Ue;
+    function $t(e) {
+      if (_e.call(e, "ref")) {
+        var a = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (a && a.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function ht(e) {
-      if (le.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning)
+    function kt(e) {
+      if (_e.call(e, "key")) {
+        var a = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (a && a.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function mt(e, t) {
-      typeof e.ref == "string" && Be.current;
+    function Et(e, a) {
+      typeof e.ref == "string" && We.current;
     }
-    function Ct(e, t) {
+    function St(e, a) {
       {
-        var n = function() {
-          Fe || (Fe = !0, y("%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)", t));
+        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));
         };
-        n.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: n,
+        l.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: l,
           configurable: !0
         });
       }
     }
-    function yt(e, t) {
+    function Rt(e, a) {
       {
-        var n = function() {
-          ze || (ze = !0, y("%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)", t));
+        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));
         };
-        n.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: n,
+        l.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: l,
           configurable: !0
         });
       }
     }
-    var xt = function(e, t, n, u, m, x, v) {
-      var b = {
+    var jt = function(e, a, l, p, x, $, v) {
+      var y = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: s,
+        $$typeof: n,
         // Built-in properties that belong on the element
         type: e,
-        key: t,
-        ref: n,
+        key: a,
+        ref: l,
         props: v,
         // Record the component responsible for creating this element.
-        _owner: x
+        _owner: $
       };
-      return b._store = {}, Object.defineProperty(b._store, "validated", {
+      return y._store = {}, Object.defineProperty(y._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(b, "_self", {
+      }), Object.defineProperty(y, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: u
-      }), Object.defineProperty(b, "_source", {
+        value: p
+      }), Object.defineProperty(y, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: m
-      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
+        value: x
+      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
     };
-    function wt(e, t, n, u, m) {
+    function Tt(e, a, l, p, x) {
       {
-        var x, v = {}, b = null, O = null;
-        n !== void 0 && (De(n), b = "" + n), ht(t) && (De(t.key), b = "" + t.key), vt(t) && (O = t.ref, mt(t, m));
-        for (x in t)
-          le.call(t, x) && !gt.hasOwnProperty(x) && (v[x] = t[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));
+        for ($ in a)
+          _e.call(a, $) && !wt.hasOwnProperty($) && (v[$] = a[$]);
         if (e && e.defaultProps) {
-          var E = e.defaultProps;
-          for (x in E)
-            v[x] === void 0 && (v[x] = E[x]);
+          var R = e.defaultProps;
+          for ($ in R)
+            v[$] === void 0 && (v[$] = R[$]);
         }
-        if (b || O) {
-          var j = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          b && Ct(v, j), O && yt(v, j);
+        if (y || I) {
+          var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          y && St(v, T), I && Rt(v, T);
         }
-        return xt(e, b, O, m, u, Be.current, v);
+        return jt(e, y, I, x, p, We.current, v);
       }
     }
-    var Se = S.ReactCurrentOwner, Ve = S.ReactDebugCurrentFrame;
-    function ne(e) {
+    var Ne = k.ReactCurrentOwner, Ge = k.ReactDebugCurrentFrame;
+    function ie(e) {
       if (e) {
-        var t = e._owner, n = Ce(e.type, e._source, t ? t.type : null);
-        Ve.setExtraStackFrame(n);
+        var a = e._owner, l = we(e.type, e._source, a ? a.type : null);
+        Ge.setExtraStackFrame(l);
       } else
-        Ve.setExtraStackFrame(null);
+        Ge.setExtraStackFrame(null);
     }
-    var je;
-    je = !1;
-    function $e(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === s;
+    var Oe;
+    Oe = !1;
+    function Le(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === n;
     }
-    function We() {
+    function Ye() {
       {
-        if (Se.current) {
-          var e = I(Se.current.type);
+        if (Ne.current) {
+          var e = M(Ne.current.type);
           if (e)
             return `
 
@@ -487,442 +488,457 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Et(e) {
+    function Nt(e) {
       return "";
     }
-    var Ze = {};
-    function Rt(e) {
+    var He = {};
+    function Ot(e) {
       {
-        var t = We();
-        if (!t) {
-          var n = typeof e == "string" ? e : e.displayName || e.name;
-          n && (t = `
+        var a = Ye();
+        if (!a) {
+          var l = typeof e == "string" ? e : e.displayName || e.name;
+          l && (a = `
 
-Check the top-level render call using <` + n + ">.");
+Check the top-level render call using <` + l + ">.");
         }
-        return t;
+        return a;
       }
     }
-    function Ue(e, t) {
+    function Je(e, a) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var n = Rt(t);
-        if (Ze[n])
+        var l = Ot(a);
+        if (He[l])
           return;
-        Ze[n] = !0;
-        var u = "";
-        e && e._owner && e._owner !== Se.current && (u = " It was passed a child from " + I(e._owner.type) + "."), ne(e), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, u), ne(null);
+        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);
       }
     }
-    function Ge(e, t) {
+    function Ke(e, a) {
       {
         if (typeof e != "object")
           return;
-        if (Re(e))
-          for (var n = 0; n < e.length; n++) {
-            var u = e[n];
-            $e(u) && Ue(u, t);
+        if (Te(e))
+          for (var l = 0; l < e.length; l++) {
+            var p = e[l];
+            Le(p) && Je(p, a);
           }
-        else if ($e(e))
+        else if (Le(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var m = L(e);
-          if (typeof m == "function" && m !== e.entries)
-            for (var x = m.call(e), v; !(v = x.next()).done; )
-              $e(v.value) && Ue(v.value, t);
+          var x = E(e);
+          if (typeof x == "function" && x !== e.entries)
+            for (var $ = x.call(e), v; !(v = $.next()).done; )
+              Le(v.value) && Je(v.value, a);
         }
       }
     }
-    function St(e) {
+    function Lt(e) {
       {
-        var t = e.type;
-        if (t == null || typeof t == "string")
+        var a = e.type;
+        if (a == null || typeof a == "string")
           return;
-        var n;
-        if (typeof t == "function")
-          n = t.propTypes;
-        else if (typeof t == "object" && (t.$$typeof === c || // Note: Memo only checks outer props here.
+        var l;
+        if (typeof a == "function")
+          l = a.propTypes;
+        else if (typeof a == "object" && (a.$$typeof === c || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        t.$$typeof === g))
-          n = t.propTypes;
+        a.$$typeof === g))
+          l = a.propTypes;
         else
           return;
-        if (n) {
-          var u = I(t);
-          _t(n, e.props, "prop", u, e);
-        } else if (t.PropTypes !== void 0 && !je) {
-          je = !0;
-          var m = I(t);
-          y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", m || "Unknown");
+        if (l) {
+          var p = M(a);
+          mt(l, e.props, "prop", p, e);
+        } else if (a.PropTypes !== void 0 && !Oe) {
+          Oe = !0;
+          var x = M(a);
+          m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
         }
-        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        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 jt(e) {
+    function Pt(e) {
       {
-        for (var t = Object.keys(e.props), n = 0; n < t.length; n++) {
-          var u = t[n];
-          if (u !== "children" && u !== "key") {
-            ne(e), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", u), ne(null);
+        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);
             break;
           }
         }
-        e.ref !== null && (ne(e), y("Invalid attribute `ref` supplied to `React.Fragment`."), ne(null));
+        e.ref !== null && (ie(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), ie(null));
       }
     }
-    var Ye = {};
-    function qe(e, t, n, u, m, x) {
+    var Qe = {};
+    function Xe(e, a, l, p, x, $) {
       {
-        var v = J(e);
+        var v = U(e);
         if (!v) {
-          var b = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (b += " 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 O = Et();
-          O ? b += O : b += We();
-          var E;
-          e === null ? E = "null" : Re(e) ? E = "array" : e !== void 0 && e.$$typeof === s ? (E = "<" + (I(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : E = typeof e, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, b);
+          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();
+          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 j = wt(e, t, n, m, x);
-        if (j == null)
-          return j;
+        var T = Tt(e, a, l, x, $);
+        if (T == null)
+          return T;
         if (v) {
-          var M = t.children;
-          if (M !== void 0)
-            if (u)
-              if (Re(M)) {
-                for (var oe = 0; oe < M.length; oe++)
-                  Ge(M[oe], e);
-                Object.freeze && Object.freeze(M);
+          var V = a.children;
+          if (V !== void 0)
+            if (p)
+              if (Te(V)) {
+                for (var le = 0; le < V.length; le++)
+                  Ke(V[le], e);
+                Object.freeze && Object.freeze(V);
               } else
-                y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                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.");
             else
-              Ge(M, e);
+              Ke(V, e);
         }
-        if (le.call(t, "key")) {
-          var te = I(e), P = Object.keys(t).filter(function(Lt) {
-            return Lt !== "key";
-          }), ke = P.length > 0 ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ye[te + ke]) {
-            var Pt = P.length > 0 ? "{" + P.join(": ..., ") + ": ...}" : "{}";
-            y(`A props object containing a "key" prop is being spread into JSX:
+        if (_e.call(a, "key")) {
+          var oe = M(e), D = Object.keys(a).filter(function(Bt) {
+            return Bt !== "key";
+          }), Pe = D.length > 0 ? "{key: someKey, " + D.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Qe[oe + Pe]) {
+            var zt = 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} />`, ke, te, Pt, te), Ye[te + ke] = !0;
+  <%s key={someKey} {...props} />`, Pe, oe, zt, oe), Qe[oe + Pe] = !0;
           }
         }
-        return e === o ? jt(j) : St(j), j;
+        return e === s ? Pt(T) : Lt(T), T;
       }
     }
-    function $t(e, t, n) {
-      return qe(e, t, n, !0);
+    function It(e, a, l) {
+      return Xe(e, a, l, !0);
     }
-    function kt(e, t, n) {
-      return qe(e, t, n, !1);
+    function At(e, a, l) {
+      return Xe(e, a, l, !1);
     }
-    var Tt = kt, Ot = $t;
-    ue.Fragment = o, ue.jsx = Tt, ue.jsxs = Ot;
-  }()), ue;
+    var Mt = At, Dt = It;
+    fe.Fragment = s, fe.jsx = Mt, fe.jsxs = Dt;
+  }()), fe;
 }
-var Qe;
-function Ft() {
-  return Qe || (Qe = 1, process.env.NODE_ENV === "production" ? xe.exports = Dt() : xe.exports = Bt()), xe.exports;
+var nt;
+function Gt() {
+  return nt || (nt = 1, process.env.NODE_ENV === "production" ? ke.exports = Zt() : ke.exports = Ut()), ke.exports;
 }
-var l = Ft();
-const zt = (r) => r.as === "a", Vt = (r) => r.as === void 0 || r.as === "button", Wt = "_button_unbux_213", Zt = "_disabled_unbux_237", Ut = "_loading_unbux_237", Gt = "_neutral_unbux_259", Yt = "_accent_unbux_263", qt = "_positive_unbux_267", Ht = "_negative_unbux_271", Jt = "_contrast_unbux_275", Kt = "_special_unbux_279", Qt = "_primary_unbux_284", Xt = "_secondary_unbux_285", e2 = "_tertiary_unbux_286", t2 = "_label_unbux_321", r2 = "_rightGroup_unbux_333", a2 = "_iconOnly_unbux_349", n2 = "_large_unbux_357", o2 = "_medium_unbux_361", s2 = "_small_unbux_365", i2 = "_spaceBetween_unbux_370", l2 = "_stretched_unbux_384", c2 = "_icon_unbux_349", u2 = "_badge_unbux_705", d2 = "_badgeMedium_unbux_721", _2 = "_circular_unbux_738", f2 = "_badgeSmall_unbux_743", p2 = "_badgeExtraSmall_unbux_765", b2 = "_withSubcaption_unbux_784", g2 = "_subcaption_unbux_797", v2 = "_loader_unbux_804", h2 = "_spin_unbux_1", m2 = "_l_unbux_237", C2 = "_m_unbux_361", y2 = "_s_unbux_279", x2 = "_xs_unbux_869", R = {
-  button: Wt,
-  disabled: Zt,
-  loading: Ut,
-  neutral: Gt,
-  accent: Yt,
-  positive: qt,
-  negative: Ht,
-  contrast: Jt,
-  special: Kt,
-  primary: Qt,
-  secondary: Xt,
-  tertiary: e2,
-  label: t2,
-  rightGroup: r2,
-  iconOnly: a2,
-  large: n2,
-  medium: o2,
-  small: s2,
-  spaceBetween: i2,
-  stretched: l2,
-  icon: c2,
-  badge: u2,
-  badgeMedium: d2,
-  circular: _2,
-  badgeSmall: f2,
-  badgeExtraSmall: p2,
-  withSubcaption: b2,
-  subcaption: g2,
-  loader: v2,
-  spin: h2,
-  l: m2,
-  m: C2,
-  s: y2,
-  xs: x2
-}, Xe = ({
-  isLoading: r,
-  showBadge: s,
-  badgeValue: a,
-  badgeSize: o,
+var o = Gt();
+const Yt = (t) => t.as === "a", Ht = (t) => t.as === void 0 || t.as === "button", Jt = "_button_1abee_213", Kt = "_disabled_1abee_237", Qt = "_loading_1abee_237", Xt = "_neutral_1abee_259", ea = "_accent_1abee_263", ta = "_positive_1abee_267", aa = "_negative_1abee_271", ra = "_contrast_1abee_275", na = "_special_1abee_279", oa = "_primary_1abee_284", sa = "_secondary_1abee_285", ia = "_tertiary_1abee_286", la = "_label_1abee_321", ca = "_rightGroup_1abee_333", da = "_iconOnly_1abee_349", ua = "_large_1abee_357", _a = "_medium_1abee_361", pa = "_small_1abee_365", fa = "_spaceBetween_1abee_370", ga = "_stretched_1abee_384", ba = "_icon_1abee_349", ha = "_badge_1abee_705", ya = "_badgeMedium_1abee_721", ma = "_circular_1abee_738", va = "_badgeSmall_1abee_743", Ca = "_badgeExtraSmall_1abee_765", xa = "_withSubcaption_1abee_784", wa = "_subcaption_1abee_797", $a = "_loader_1abee_804", ka = "_spin_1abee_1", Ea = "_l_1abee_237", Sa = "_m_1abee_361", Ra = "_s_1abee_279", ja = "_xs_1abee_869", j = {
+  button: Jt,
+  disabled: Kt,
+  loading: Qt,
+  neutral: Xt,
+  accent: ea,
+  positive: ta,
+  negative: aa,
+  contrast: ra,
+  special: na,
+  primary: oa,
+  secondary: sa,
+  tertiary: ia,
+  label: la,
+  rightGroup: ca,
+  iconOnly: da,
+  large: ua,
+  medium: _a,
+  small: pa,
+  spaceBetween: fa,
+  stretched: ga,
+  icon: ba,
+  badge: ha,
+  badgeMedium: ya,
+  circular: ma,
+  badgeSmall: va,
+  badgeExtraSmall: Ca,
+  withSubcaption: xa,
+  subcaption: wa,
+  loader: $a,
+  spin: ka,
+  l: Ea,
+  m: Sa,
+  s: Ra,
+  xs: ja
+}, ot = ({
+  isLoading: t,
+  showBadge: n,
+  badgeValue: r,
+  badgeSize: s,
   icon: d,
   children: i,
-  postfix: _,
-  showSubcaption: f,
+  postfix: u,
+  showSubcaption: _,
   subcaption: c,
-  size: h
+  size: b
 }) => {
-  if (r)
-    return /* @__PURE__ */ l.jsx("span", { className: R.loader, "data-testid": "button-loader", "aria-hidden": "true" });
-  const p = o === "extra-small", g = parseInt(String(a), 10), C = !isNaN(g) && g >= 0 && g <= 9;
-  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    s && (a || p) && /* @__PURE__ */ l.jsx(
+  if (t)
+    return /* @__PURE__ */ o.jsx("span", { className: j.loader, "data-testid": "button-loader", "aria-hidden": "true" });
+  const f = s === "extra-small", g = parseInt(String(r), 10), h = !isNaN(g) && g >= 0 && g <= 9;
+  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    n && (r || f) && /* @__PURE__ */ o.jsx(
       "span",
       {
         "data-testid": "button-badge",
-        className: ae(
-          R.badge,
-          R[`badge${p ? "ExtraSmall" : o === "medium" ? "Medium" : "Small"}`],
-          { [R.circular]: C && !p }
+        className: J(
+          j.badge,
+          j[`badge${f ? "ExtraSmall" : s === "medium" ? "Medium" : "Small"}`],
+          { [j.circular]: h && !f }
         ),
-        children: !p && a
+        children: !f && r
       }
     ),
-    f && h !== "s" && h !== "xs" ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsx("span", { "data-testid": "button-label", className: R.label, children: i }),
-      /* @__PURE__ */ l.jsx("span", { "data-testid": "button-subcaption", className: R.subcaption, children: c })
-    ] }) : i ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsx("span", { "data-testid": "button-label", className: R.label, children: i }),
-      /* @__PURE__ */ l.jsxs("div", { "data-testid": "button-right-group", className: R.rightGroup, children: [
-        d && /* @__PURE__ */ l.jsx("span", { "data-testid": "button-icon", className: R.icon, children: d }),
-        _ && /* @__PURE__ */ l.jsx("span", { "data-testid": "button-postfix", className: R.postfix, children: _ })
+    _ && b !== "s" && b !== "xs" ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      /* @__PURE__ */ o.jsx("span", { "data-testid": "button-label", className: j.label, children: i }),
+      /* @__PURE__ */ o.jsx("span", { "data-testid": "button-subcaption", className: j.subcaption, children: c })
+    ] }) : i ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      /* @__PURE__ */ o.jsx("span", { "data-testid": "button-label", className: j.label, children: i }),
+      /* @__PURE__ */ o.jsxs("div", { "data-testid": "button-right-group", className: j.rightGroup, children: [
+        d && /* @__PURE__ */ o.jsx("span", { "data-testid": "button-icon", className: j.icon, children: d }),
+        u && /* @__PURE__ */ o.jsx("span", { "data-testid": "button-postfix", className: j.postfix, children: u })
       ] })
-    ] }) : /* @__PURE__ */ l.jsx("span", { "data-testid": "button-icon", className: R.icon, children: d })
+    ] }) : /* @__PURE__ */ o.jsx("span", { "data-testid": "button-icon", className: j.icon, children: d })
   ] });
-}, Zr = H((r, s) => {
+}, w2 = Q((t, n) => {
   const {
-    mode: a = "primary",
-    size: o = "m",
+    mode: r = "primary",
+    size: s = "m",
     buttonStyle: d = "neutral",
     loading: i = !1,
-    disabled: _ = !1,
-    showBadge: f = !1,
+    disabled: u = !1,
+    showBadge: _ = !1,
     badgeSize: c = "small",
-    badgeValue: h,
-    showSubcaption: p = !1,
+    badgeValue: b,
+    showSubcaption: f = !1,
     subcaption: g,
-    stretched: C = !1,
-    spaceBetween: w = !1,
-    icon: $,
-    postfix: k,
-    className: L,
-    children: S
-  } = r, y = _, T = i, N = !y && !T, U = !!$ && !S, B = ae(
-    R.button,
-    R[o],
-    R[a],
-    R[d],
+    stretched: h = !1,
+    spaceBetween: C = !1,
+    icon: w,
+    postfix: N,
+    className: E,
+    children: k
+  } = t, m = u, O = i, P = !m && !O, z = !!w && !k, B = J(
+    j.button,
+    j[s],
+    j[r],
+    j[d],
     {
-      [R.disabled]: y,
-      [R.loading]: T,
-      [R.stretched]: C,
-      [R.spaceBetween]: w && C,
-      [R.withSubcaption]: p && g && o !== "s" && o !== "xs",
-      [R.iconOnly]: U
+      [j.disabled]: m,
+      [j.loading]: O,
+      [j.stretched]: h,
+      [j.spaceBetween]: C && h,
+      [j.withSubcaption]: f && g && s !== "s" && s !== "xs",
+      [j.iconOnly]: z
     },
-    L
-  ), F = {
-    isLoading: T,
-    showBadge: f,
-    badgeValue: h,
+    E
+  ), L = {
+    isLoading: O,
+    showBadge: _,
+    badgeValue: b,
     badgeSize: c,
-    icon: $,
-    children: S,
-    postfix: k,
-    showSubcaption: p,
+    icon: w,
+    children: k,
+    postfix: N,
+    showSubcaption: f,
     subcaption: g,
-    size: o
+    size: s
   };
-  if (zt(r)) {
+  if (Yt(t)) {
     const {
-      href: z,
+      href: F,
       onClick: A,
-      mode: J,
-      size: K,
-      buttonStyle: G,
-      loading: I,
-      disabled: V,
-      showBadge: Q,
-      badgeSize: _e,
-      badgeValue: fe,
-      showSubcaption: pe,
-      subcaption: be,
-      stretched: ge,
+      mode: U,
+      size: G,
+      buttonStyle: W,
+      loading: M,
+      disabled: S,
+      showBadge: q,
+      badgeSize: X,
+      badgeValue: ae,
+      showSubcaption: he,
+      subcaption: ye,
+      stretched: me,
       spaceBetween: ve,
-      icon: he,
-      postfix: me,
-      className: we,
-      tabIndex: Ee,
-      children: se,
-      "data-testid": X,
-      style: Y,
-      ...ee
-    } = r, q = (ie) => {
-      N && A && A(ie);
+      icon: Ce,
+      postfix: xe,
+      className: Re,
+      tabIndex: je,
+      children: de,
+      "data-testid": re,
+      style: ee,
+      ...ne
+    } = t, te = (ue) => {
+      P && A && A(ue);
     };
-    return /* @__PURE__ */ l.jsx(
+    return /* @__PURE__ */ o.jsx(
       "a",
       {
-        ref: s,
+        ref: n,
         className: B,
-        href: N ? z : void 0,
-        tabIndex: r.tabIndex,
-        onClick: q,
-        "data-testid": X,
-        "aria-disabled": y || T,
-        style: Y,
-        ...ee,
-        children: /* @__PURE__ */ l.jsx(Xe, { ...F })
+        href: P ? F : void 0,
+        tabIndex: t.tabIndex,
+        onClick: te,
+        "data-testid": re,
+        "aria-disabled": m || O,
+        style: ee,
+        ...ne,
+        children: /* @__PURE__ */ o.jsx(ot, { ...L })
       }
     );
   }
-  if (Vt(r)) {
+  if (Ht(t)) {
     const {
-      type: z = "button",
+      type: F = "button",
       onClick: A,
-      mode: J,
-      size: K,
-      buttonStyle: G,
-      loading: I,
-      disabled: V,
-      showBadge: Q,
-      badgeSize: _e,
-      badgeValue: fe,
-      showSubcaption: pe,
-      subcaption: be,
-      stretched: ge,
+      mode: U,
+      size: G,
+      buttonStyle: W,
+      loading: M,
+      disabled: S,
+      showBadge: q,
+      badgeSize: X,
+      badgeValue: ae,
+      showSubcaption: he,
+      subcaption: ye,
+      stretched: me,
       spaceBetween: ve,
-      icon: he,
-      postfix: me,
-      className: we,
-      tabIndex: Ee,
-      children: se,
-      "data-testid": X,
-      style: Y,
-      ...ee
-    } = r, q = (ie) => {
-      N && A && A(ie);
+      icon: Ce,
+      postfix: xe,
+      className: Re,
+      tabIndex: je,
+      children: de,
+      "data-testid": re,
+      style: ee,
+      ...ne
+    } = t, te = (ue) => {
+      P && A && A(ue);
     };
-    return /* @__PURE__ */ l.jsx(
+    return /* @__PURE__ */ o.jsx(
       "button",
       {
-        ref: s,
-        type: z,
+        ref: n,
+        type: F,
         className: B,
-        disabled: y,
-        tabIndex: r.tabIndex,
-        onClick: q,
-        "data-testid": X,
-        "aria-disabled": y || T,
-        style: Y,
-        ...ee,
-        children: /* @__PURE__ */ l.jsx(Xe, { ...F })
+        disabled: m,
+        tabIndex: t.tabIndex,
+        onClick: te,
+        "data-testid": re,
+        "aria-disabled": m || O,
+        style: ee,
+        ...ne,
+        children: /* @__PURE__ */ o.jsx(ot, { ...L })
       }
     );
   }
   return null;
 });
-var Te = { exports: {} };
+var Ie = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var et;
-function w2() {
-  return et || (et = 1, function(r) {
+var st;
+function Ta() {
+  return st || (st = 1, function(t) {
     (function() {
-      var s = {}.hasOwnProperty;
-      function a() {
-        for (var i = "", _ = 0; _ < arguments.length; _++) {
-          var f = arguments[_];
-          f && (i = d(i, o(f)));
+      var n = {}.hasOwnProperty;
+      function r() {
+        for (var i = "", u = 0; u < arguments.length; u++) {
+          var _ = arguments[u];
+          _ && (i = d(i, s(_)));
         }
         return i;
       }
-      function o(i) {
+      function s(i) {
         if (typeof i == "string" || typeof i == "number")
           return i;
         if (typeof i != "object")
           return "";
         if (Array.isArray(i))
-          return a.apply(null, i);
+          return r.apply(null, i);
         if (i.toString !== Object.prototype.toString && !i.toString.toString().includes("[native code]"))
           return i.toString();
-        var _ = "";
-        for (var f in i)
-          s.call(i, f) && i[f] && (_ = d(_, f));
-        return _;
+        var u = "";
+        for (var _ in i)
+          n.call(i, _) && i[_] && (u = d(u, _));
+        return u;
       }
-      function d(i, _) {
-        return _ ? i ? i + " " + _ : i + _ : i;
+      function d(i, u) {
+        return u ? i ? i + " " + u : i + u : i;
       }
-      r.exports ? (a.default = a, r.exports = a) : window.classNames = a;
+      t.exports ? (r.default = r, t.exports = r) : window.classNames = r;
     })();
-  }(Te)), Te.exports;
+  }(Ie)), Ie.exports;
 }
-var E2 = w2();
-const Z = /* @__PURE__ */ Mt(E2), R2 = "_avatar_1ob17_4", S2 = "_clickable_1ob17_23", j2 = "_icon_1ob17_40", $2 = "_disabled_1ob17_45", k2 = "_image_1ob17_51", T2 = "_name_1ob17_51", O2 = "_circle_1ob17_160", P2 = "_square_1ob17_164", D = {
-  avatar: R2,
-  clickable: S2,
-  icon: j2,
-  disabled: $2,
-  image: k2,
-  name: T2,
-  "size-208": "_size-208_1ob17_104",
-  "size-96": "_size-96_1ob17_111",
-  "size-84": "_size-84_1ob17_118",
-  "size-56": "_size-56_1ob17_125",
-  "size-48": "_size-48_1ob17_132",
-  "size-40": "_size-40_1ob17_139",
-  "size-32": "_size-32_1ob17_146",
-  "size-24": "_size-24_1ob17_153",
-  circle: O2,
-  square: P2,
-  "variant-filled": "_variant-filled_1ob17_185",
-  "color-brand": "_color-brand_1ob17_190",
-  "color-red": "_color-red_1ob17_194",
-  "color-orange": "_color-orange_1ob17_198",
-  "color-yellow": "_color-yellow_1ob17_202",
-  "color-green": "_color-green_1ob17_206",
-  "color-blue": "_color-blue_1ob17_210",
-  "color-lightblue": "_color-lightblue_1ob17_214",
-  "color-purple": "_color-purple_1ob17_218",
-  "color-gray": "_color-gray_1ob17_222",
-  "color-contrast": "_color-contrast_1ob17_226",
-  "variant-light": "_variant-light_1ob17_232",
-  "variant-outline": "_variant-outline_1ob17_304"
-}, tt = 99;
-function L2(r) {
-  return r < tt ? `+${r}` : `${tt}+`;
+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 = {
+  avatar: Oa,
+  clickable: La,
+  icon: Pa,
+  disabled: Ia,
+  loading: Aa,
+  image: Ma,
+  name: Da,
+  "variant-filled": "_variant-filled_1kyiq_126",
+  "color-brand": "_color-brand_1kyiq_131",
+  "color-red": "_color-red_1kyiq_135",
+  "color-orange": "_color-orange_1kyiq_139",
+  "color-yellow": "_color-yellow_1kyiq_143",
+  "color-green": "_color-green_1kyiq_147",
+  "color-blue": "_color-blue_1kyiq_151",
+  "color-lightblue": "_color-lightblue_1kyiq_155",
+  "color-purple": "_color-purple_1kyiq_159",
+  "color-gray": "_color-gray_1kyiq_163",
+  "color-contrast": "_color-contrast_1kyiq_167",
+  "variant-light": "_variant-light_1kyiq_173",
+  "variant-outline": "_variant-outline_1kyiq_245"
+}, be = {
+  "typography-title-1-semibold": "_typography-title-1-semibold_1lyxn_1",
+  "typography-title-2-semibold": "_typography-title-2-semibold_1lyxn_10",
+  "typography-title-3-semibold": "_typography-title-3-semibold_1lyxn_19",
+  "typography-title-4-semibold": "_typography-title-4-semibold_1lyxn_28",
+  "typography-title-5-semibold": "_typography-title-5-semibold_1lyxn_37",
+  "typography-subtitle-1-semibold": "_typography-subtitle-1-semibold_1lyxn_45",
+  "typography-subtitle-2-semibold": "_typography-subtitle-2-semibold_1lyxn_53",
+  "typography-subtitle-3-semibold": "_typography-subtitle-3-semibold_1lyxn_62",
+  "typography-subtitle-4-semibold": "_typography-subtitle-4-semibold_1lyxn_71",
+  "typography-label-1-medium": "_typography-label-1-medium_1lyxn_80",
+  "typography-label-2-medium": "_typography-label-2-medium_1lyxn_89",
+  "typography-label-3-medium": "_typography-label-3-medium_1lyxn_97",
+  "typography-label-4-medium": "_typography-label-4-medium_1lyxn_106",
+  "typography-label-5-medium": "_typography-label-5-medium_1lyxn_115",
+  "typography-label-1-regular": "_typography-label-1-regular_1lyxn_124",
+  "typography-label-2-regular": "_typography-label-2-regular_1lyxn_133",
+  "typography-label-3-regular": "_typography-label-3-regular_1lyxn_141",
+  "typography-label-4-regular": "_typography-label-4-regular_1lyxn_150",
+  "typography-label-5-regular": "_typography-label-5-regular_1lyxn_159",
+  "typography-paragraph-1-regular": "_typography-paragraph-1-regular_1lyxn_168",
+  "typography-paragraph-2-regular": "_typography-paragraph-2-regular_1lyxn_176",
+  "typography-paragraph-3-regular": "_typography-paragraph-3-regular_1lyxn_185",
+  "typography-paragraph-4-regular": "_typography-paragraph-4-regular_1lyxn_194"
+}, it = 99;
+function za(t) {
+  return t < it ? `+${t}` : `${it}+`;
 }
-function it(r) {
-  const s = typeof r == "string" ? r : JSON.stringify(r);
-  let a = 5381;
-  for (let o = 0; o < s.length; o++) {
-    const d = s.charCodeAt(o);
-    a = (a << 5) + a + d;
+function Me(t) {
+  const n = typeof t == "string" ? t : JSON.stringify(t);
+  let r = 5381;
+  for (let s = 0; s < n.length; s++) {
+    const d = n.charCodeAt(s);
+    r = (r << 5) + r + d;
   }
-  return a >>> 0;
+  return r >>> 0;
 }
-const N2 = [
+const Ba = [
   "red",
   "orange",
   "yellow",
@@ -931,335 +947,388 @@ const N2 = [
   "lightblue",
   "purple"
 ];
-function I2(r, s = N2) {
-  const a = it(r), o = Math.abs(a) % s.length;
-  return s[o];
+function Fa(t, n = Ba) {
+  if (!t) return "gray";
+  const r = Me(t), s = Math.abs(r) % n.length;
+  return n[s];
 }
-const rt = 2;
-function A2(r) {
-  const s = r.split(" ");
-  return s.length === 1 ? r.slice(0, rt).toUpperCase() : s.map((a) => a[0]).slice(0, rt).join("").toUpperCase();
+const lt = 2;
+function qa(t) {
+  if (!t) return "";
+  const n = t.trim().split(/\s+/);
+  return n.length === 1 ? t.slice(0, lt).toUpperCase() : n.map((r) => r[0]).slice(0, lt).join("").toUpperCase();
 }
-function M2(r, s) {
-  return s === "circle" ? r / 2 : r === 24 || r === 208 ? 8 : r === 32 || r === 40 || r === 48 ? 12 : r === 56 ? 16 : r === 84 || r === 96 ? 24 : 12;
+const Va = {
+  24: 8,
+  32: 12,
+  40: 12,
+  44: 12,
+  48: 12,
+  56: 16,
+  84: 24,
+  96: 24,
+  208: 8
+};
+function ft(t, n) {
+  return n === "circle" ? t / 2 : Va[t] || 12;
+}
+const Wa = {
+  24: "typography-subtitle-4-semibold",
+  32: "typography-subtitle-2-semibold",
+  40: "typography-subtitle-1-semibold",
+  44: "typography-subtitle-1-semibold",
+  48: "typography-subtitle-1-semibold",
+  56: "typography-subtitle-1-semibold",
+  84: "typography-title-3-semibold",
+  96: "typography-title-3-semibold",
+  208: "typography-title-1-semibold"
+};
+function Za(t) {
+  return Wa[t] || "typography-subtitle-1-semibold";
 }
-const D2 = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMinYMin%20meet'%20viewBox='0%200%20208%20208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cfilter%20id='shadowW'%20filterUnits='userSpaceOnUse'%3e%3cfeDropShadow%20dx='-2'%20dy='-1'%20stdDeviation='5'%20flood-color='rgba(0,0,0,0.5)'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23shadowW)'%3e%3cpath%20d='M23.9835%20174.59L113.41%20157.735L225.224%20191.671C225.224%20191.671%20250.259%20479.463%20243.525%20478.31C236.655%20477.167%20-7.79434%20482.039%20-8.17876%20476.943C-8.56308%20471.849%20-34.4445%20341.701%20-34.4445%20341.701L23.9835%20174.59Z'%20fill='darkgrey'/%3e%3cpath%20d='M-54.5558%20212.781C-85.688%20282.842%20-94.2122%20303.839%20-94.2122%20303.839L-213.504%20213.002C-214.953%20197.465%20-218.637%20181.68%20-225.636%20167.806C-234.412%20150.606%20-246.154%20149.138%20-259.595%20136.166C-267.368%20128.583%20-275.073%20140.242%20-267.3%20147.825L-259.338%20156.087C-258.869%20160.482%20-255.518%20171.861%20-254.634%20176.226C-267.475%20165.702%20-284.704%20150.246%20-300.665%20144.25C-305.079%20142.644%20-308.958%20144.46%20-311.08%20147.528C-314.628%20148.211%20-317.292%20151.458%20-317.858%20154.963C-321.103%20157.839%20-322.625%20163.354%20-319.254%20167.67C-321.407%20170.323%20-322.376%20173.998%20-320.433%20177.728C-320.274%20177.993%20-320.127%20178.12%20-320.106%20178.395C-320.997%20179.432%20-319.498%20182.78%20-320.337%20184.506C-324.035%20192.401%20-309.357%20221.757%20-285.221%20235.167C-277.291%20250.355%20-262.477%20259.485%20-261.354%20259.677C-234.512%20290.608%20-141.301%20400.999%20-97.2451%20436.169C-47.2868%20476.158%20-12.9855%20418.735%2010.6424%20317.115C34.2598%20215.358%2037.6457%20181.315%2037.6457%20181.315L116.374%20158.482C14.4423%20160.079%20-23.2964%20142.572%20-54.5558%20212.781Z'%20fill='darkgrey'/%3e%3cpath%20d='M116.781%20158.313L114.885%20158.871L61.4974%20174.391L38.0516%20181.145C38.0516%20181.145%2034.6758%20215.325%2011.0481%20316.945C9.47097%20323.572%207.88344%20330.061%206.27525%20336.275C-22.5942%20315.191%20-52.217%20295.131%20-82.0946%20275.368C-75.9632%20261.197%20-67.1116%20240.867%20-54.4359%20212.493C-30.4015%20158.477%20-2.57835%20156.516%2055.793%20157.512C72.5674%20157.77%2091.7239%20158.403%20114.133%20158.096C114.98%20158.309%20115.807%20158.247%20116.781%20158.313Z'%20fill='darkgrey'/%3e%3cpath%20d='M113.269%20157.745C175.26%20159.023%20252.771%20143.897%20266.382%20199.504C279.867%20255.26%20288.576%20280.774%20295.899%20320.932C303.221%20361.091%20322.043%20408.689%20271.897%20417.595C221.75%20426.502%20106.238%20444.495%20106.238%20444.495L78.8767%20384.662C78.8767%20384.662%20170.648%20343.813%20200.242%20332.303L185.17%20211.448L113.269%20157.745Z'%20fill='darkgrey'/%3e%3cpath%20d='M292.122%20302.108C260.506%20305.187%20228.942%20308.953%20198.219%20316.533L185.178%20211.585L140.855%20178.374L114.874%20158.871L114.144%20158.372L113.266%20157.746C127.138%20158.084%20141.774%20157.534%20156.283%20157.131C206.726%20155.818%20255.78%20156.271%20266.252%20199.654C277.643%20246.012%20285.665%20271.578%20292.122%20302.108Z'%20fill='darkgrey'/%3e%3cpath%20d='M108.001%20172.269C119.623%20168.485%20130.939%20164.308%20142.395%20160.12L112.224%20101.608L68.8441%20124.959C69.7222%20125.585%2079.0944%20154.372%2086.547%20177.904C93.7406%20175.977%20100.965%20174.463%20108.001%20172.269Z'%20fill='white'/%3e%3cpath%20d='M99.3655%20112.96C99.0934%20111.18%2098.8213%20109.401%2098.2722%20107.642L68.9864%20125.083C69.5682%20125.455%2073.8492%20138.148%2078.7406%20153.426C89.4856%20141.676%2097.5757%20127.773%2099.3655%20112.96Z'%20fill='darkgrey'/%3e%3cpath%20d='M144.524%2069.1209C143.075%2053.5829%20118.601%2039.3668%2099.9856%2038.5556C91.9262%2038.1943%2089.5107%2031.8684%2086.0605%2037.5291C77.5782%2051.7392%2049.6837%2094.9694%2052.2654%20110.837C56.0862%20133.951%2084.5691%20137.063%20102.228%20127.008C120.022%20116.942%20146.6%2091.1195%20144.524%2069.1209Z'%20fill='white'/%3e%3cpath%20d='M145.753%2072.4915C147.93%2068.3116%20146.317%2063.4483%20142.804%2060.944C142.656%2060.8166%20142.656%2060.8166%20142.507%2060.6894C143.028%2052.8957%20136.915%2047.1257%20129.979%2046.9567C129.007%2045.0914%20127.379%2043.691%20125.24%2042.883C124.903%2042.0778%20124.575%2041.4101%20123.982%2040.9009C122.651%2039.7551%20121.095%2039.3187%20119.441%2039.4435C118.081%2036.0843%20115.925%2033.2005%20112.495%2031.7977C110.348%2030.8519%20108.027%2031.304%20106.311%2032.4027C102.006%2028.5734%2096.789%2025.5051%2091.8112%2025.6038C89.736%2025.6218%2085.678%2026.8973%2084.2724%2032.1268C82.1968%2032.1449%2080.3522%2033.3917%2079.5546%2035.6676C78.427%2039.0759%2080.339%2042.3935%2083.1109%2044.2613C84.719%2045.3863%2086.9841%2046.0462%2089.0391%2045.7526C95.9026%2052.2969%20114.028%2063.1149%20118.148%2062.6657C115.532%2070.202%20113.218%2087.2698%20122.007%2088.1299C124.21%2095.3028%20116.99%20107.894%20121.368%20112.688C129.639%20104.863%20137.246%2095.5655%20141.359%2085.8391C141.496%2085.8288%20141.772%2085.808%20142.047%2085.7872C148.14%2083.9429%20149.527%2076.6377%20145.753%2072.4915Z'%20fill='darkgrey'/%3e%3cpath%20d='M140.151%20104.76C141.594%2096.3432%20132.67%2086.3542%20121.049%2088.3387C116.251%2096.3166%20111.305%20104.167%20106.21%20111.89C109.317%20116.364%20118.141%20121.376%20125.535%20120.264C133.872%20118.804%20138.613%20113.738%20140.151%20104.76Z'%20fill='white'/%3e%3cpath%20d='M156.755%20156.883C153.217%20165.043%20147.805%20172.237%20141.188%20178.136C133.925%20184.639%20125.011%20189.465%20114.809%20191.896C95.2214%20196.558%2072.2825%20189.842%2061.6836%20174.164C58.5559%20169.414%2056.4778%20163.894%2056%20157.561C72.7744%20157.818%2091.9311%20158.451%20114.34%20158.144L113.462%20157.519C127.463%20157.709%20142.098%20157.159%20156.755%20156.883Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e", B2 = "data:image/svg+xml,%3csvg%20viewBox='0%200%20208%20208'%20opacity='0.9'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23shadow)'%3e%3cpath%20filter='url(%23shadow)'%20d='M127.173%2079.8894C127.189%2079.1933%20128.026%2079.1201%20128.436%2079.4316C128.754%2079.6091%20128.895%2080.1021%20128.809%2080.5518C129.241%2083.1982%20129.581%2085.7106%20130.013%2088.357C136.835%2079.7558%20149.235%2076.9989%20158.979%2083.174C168.086%2088.9941%20171.001%20111.745%20135.501%20120.502C131.5%20123.502%20117%20125.002%20111.753%20103.279C111.682%2093.2427%20118.526%2084.529%20127.173%2079.8894Z'%20fill='darkgrey'/%3e%3cpath%20d='M28.0441%20167.788C21.826%20195.052%2018.7311%20223.361%2014.1881%20250.885C9.42226%20279.982%204.68042%20308.967%20-0.0853729%20338.064L-1.00047%20342.848C14.5039%20346.419%2030.8401%20350.407%2046.3671%20353.868C90.9428%20363.918%20134.837%20376.598%20179.293%20387.201C200.345%20337.142%20219.778%20286.027%20235.82%20234.041C243.806%20208.213%20244.758%20181.282%20225.443%20160.043C216.099%20149.841%20204.347%20143.858%20191.629%20140.212C188.924%20139.377%20186.108%20138.517%20183.355%20137.905C179.635%20136.959%20175.781%20136.1%20171.989%20135.487C167.45%20134.592%20162.753%20133.893%20158.277%20133.243L127.871%20128.671L116.251%20126.895C115.457%20126.833%20114.686%20126.662%20113.915%20126.49C102.87%20124.724%2091.7381%20122.824%2080.6188%20123.013C69.1682%20123.13%2056.9012%20125.964%2047.8363%20133.224C36.9821%20141.825%2031.1109%20154.087%2028.0441%20167.788Z'%20fill='darkgrey'/%3e%3cpath%20d='M103.74%20123.732L95.6984%20197.532C95.6984%20197.532%20137.13%20157.315%20158.742%20133.268C155.051%20132.316%20151.227%20131.449%20147.465%20130.831C142.962%20129.929%20138.302%20129.224%20133.861%20128.569L103.74%20123.732Z'%20fill='white'/%3e%3cpath%20d='M97.8143%20115.298C99.0227%20116.625%20108.229%20179.332%20108.229%20179.332L148.012%20142.157L129%20100L97.8143%20115.298Z'%20fill='white'/%3e%3cpath%20d='M101.71%20148.534C100.068%20137.868%2098.402%20127.706%2098.0001%20127.274L112.673%20122C113.831%20131.449%20108.467%20141.173%20101.71%20148.534Z'%20fill='grey'/%3e%3cpath%20d='M121.545%2040.7383C111.161%2030.599%2085.3871%2035.4814%2071.93%2046.2862C66.0912%2051.0172%2060.5415%2047.9025%2061.6427%2054.0842C64.3767%2069.3597%2074.0239%20120.283%2082.7631%20126.794C100.374%20139.728%20121.191%20125.699%20127.329%20107.658C133.554%2089.7517%20136.293%2055.2372%20121.545%2040.7383Z'%20fill='white'/%3e%3cpath%20d='M56.0176%2041.9837C61.9834%2036.7831%2074.9427%2037.4243%2081.3074%2039.639C95.1733%2033.9235%20112.672%2032.6801%20120.968%2040.1438C131.22%2049.4771%20133.446%2067.5345%20132.042%2083.8281C125.848%2083.0025%20122.779%2078.6471%20116.718%2075.0286C97.7466%2073.2611%2084.9353%2061.0313%2082.042%2054.2301C78.3492%2058.2067%2063.3398%2059.3993%2058.12%2055.1646C51.1278%2048.7596%2054.1283%2043.6248%2056.0176%2041.9837Z'%20fill='darkgrey'/%3e%3cpath%20d='M142.838%2074.8316C138.561%2067.841%20123.674%2066.785%20116.5%2075.5006C118.078%2084.3219%20121.503%2092.5524%20122.726%20101.41C127.77%20102.657%20137.388%20100.869%20141.908%2095.386C147.168%2089.1414%20147.462%2082.3637%20142.838%2074.8316Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='shadow'%3e%3cfeDropShadow%20dx='0'%20dy='0'%20stdDeviation='3'%20flood-color='rgba(0,0,0,0.3)'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e", F2 = "data:image/svg+xml,%3csvg%20opacity='0.9'%20viewBox='0%200%20208%20208'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cmask%20id='hole'%3e%3crect%20width='100%25'%20height='100%25'%20fill='white'/%3e%3ccircle%20cx='121.333'%20cy='121.333'%20r='52'%20fill='black'/%3e%3c/mask%3e%3cfilter%20id='shadow'%3e%3cfeDropShadow%20dx='-2'%20dy='-1'%20stdDeviation='10'%20flood-color='rgba(0,0,0,0.2)'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23shadow)'%3e%3ccircle%20cx='104'%20cy='225.333'%20r='95.3333'%20fill='darkgray'/%3e%3ccircle%20cx='104'%20cy='225.333'%20r='95.3333'%20fill='white'%20mask='url(%23hole)'/%3e%3ccircle%20cx='104'%20cy='86.6666'%20r='52'%20fill='white'/%3e%3c/g%3e%3c/svg%3e", z2 = "data:image/svg+xml,%3csvg%20opacity='0.9'%20viewBox='0%200%20208%20208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23shadow)'%3e%3cpath%20d='M168%20208V118.053C168%20113.824%20165.34%20110.052%20161.356%20108.633L134%2098.885V208H168Z'%20fill='darkgrey'/%3e%3cpath%20d='M40%2072.3726C40%2070.7381%2040.9944%2069.268%2042.5116%2068.6598L111.951%2040.8215C113.226%2040.3102%20114.675%2040.4893%20115.787%2041.2958L129.87%2051.5056C132.464%2053.3866%20134%2056.397%20134%2059.6017V208H40V72.3726Z'%20fill='white'/%3e%3cpath%20d='M114%2047.5001L126.325%2056.3036C127.376%2057.0544%20128%2058.2667%20128%2059.5585V208H114V47.5001Z'%20fill='darkgrey'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='shadow'%3e%3cfeDropShadow%20dx='-2'%20dy='-1'%20stdDeviation='7'%20flood-color='rgba(0,0,0,0.2)'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e", V2 = {
-  male: D2,
-  female: B2,
-  org: z2,
-  neutral: F2
-}, Pe = H((r, s) => {
+const Ua = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMinYMin%20meet'%20viewBox='0%200%20208%20208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cfilter%20id='shadowW'%20filterUnits='userSpaceOnUse'%3e%3cfeDropShadow%20dx='-2'%20dy='-1'%20stdDeviation='5'%20flood-color='rgba(0,0,0,0.5)'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23shadowW)'%3e%3cpath%20d='M23.9835%20174.59L113.41%20157.735L225.224%20191.671C225.224%20191.671%20250.259%20479.463%20243.525%20478.31C236.655%20477.167%20-7.79434%20482.039%20-8.17876%20476.943C-8.56308%20471.849%20-34.4445%20341.701%20-34.4445%20341.701L23.9835%20174.59Z'%20fill='darkgrey'/%3e%3cpath%20d='M-54.5558%20212.781C-85.688%20282.842%20-94.2122%20303.839%20-94.2122%20303.839L-213.504%20213.002C-214.953%20197.465%20-218.637%20181.68%20-225.636%20167.806C-234.412%20150.606%20-246.154%20149.138%20-259.595%20136.166C-267.368%20128.583%20-275.073%20140.242%20-267.3%20147.825L-259.338%20156.087C-258.869%20160.482%20-255.518%20171.861%20-254.634%20176.226C-267.475%20165.702%20-284.704%20150.246%20-300.665%20144.25C-305.079%20142.644%20-308.958%20144.46%20-311.08%20147.528C-314.628%20148.211%20-317.292%20151.458%20-317.858%20154.963C-321.103%20157.839%20-322.625%20163.354%20-319.254%20167.67C-321.407%20170.323%20-322.376%20173.998%20-320.433%20177.728C-320.274%20177.993%20-320.127%20178.12%20-320.106%20178.395C-320.997%20179.432%20-319.498%20182.78%20-320.337%20184.506C-324.035%20192.401%20-309.357%20221.757%20-285.221%20235.167C-277.291%20250.355%20-262.477%20259.485%20-261.354%20259.677C-234.512%20290.608%20-141.301%20400.999%20-97.2451%20436.169C-47.2868%20476.158%20-12.9855%20418.735%2010.6424%20317.115C34.2598%20215.358%2037.6457%20181.315%2037.6457%20181.315L116.374%20158.482C14.4423%20160.079%20-23.2964%20142.572%20-54.5558%20212.781Z'%20fill='darkgrey'/%3e%3cpath%20d='M116.781%20158.313L114.885%20158.871L61.4974%20174.391L38.0516%20181.145C38.0516%20181.145%2034.6758%20215.325%2011.0481%20316.945C9.47097%20323.572%207.88344%20330.061%206.27525%20336.275C-22.5942%20315.191%20-52.217%20295.131%20-82.0946%20275.368C-75.9632%20261.197%20-67.1116%20240.867%20-54.4359%20212.493C-30.4015%20158.477%20-2.57835%20156.516%2055.793%20157.512C72.5674%20157.77%2091.7239%20158.403%20114.133%20158.096C114.98%20158.309%20115.807%20158.247%20116.781%20158.313Z'%20fill='darkgrey'/%3e%3cpath%20d='M113.269%20157.745C175.26%20159.023%20252.771%20143.897%20266.382%20199.504C279.867%20255.26%20288.576%20280.774%20295.899%20320.932C303.221%20361.091%20322.043%20408.689%20271.897%20417.595C221.75%20426.502%20106.238%20444.495%20106.238%20444.495L78.8767%20384.662C78.8767%20384.662%20170.648%20343.813%20200.242%20332.303L185.17%20211.448L113.269%20157.745Z'%20fill='darkgrey'/%3e%3cpath%20d='M292.122%20302.108C260.506%20305.187%20228.942%20308.953%20198.219%20316.533L185.178%20211.585L140.855%20178.374L114.874%20158.871L114.144%20158.372L113.266%20157.746C127.138%20158.084%20141.774%20157.534%20156.283%20157.131C206.726%20155.818%20255.78%20156.271%20266.252%20199.654C277.643%20246.012%20285.665%20271.578%20292.122%20302.108Z'%20fill='darkgrey'/%3e%3cpath%20d='M108.001%20172.269C119.623%20168.485%20130.939%20164.308%20142.395%20160.12L112.224%20101.608L68.8441%20124.959C69.7222%20125.585%2079.0944%20154.372%2086.547%20177.904C93.7406%20175.977%20100.965%20174.463%20108.001%20172.269Z'%20fill='white'/%3e%3cpath%20d='M99.3655%20112.96C99.0934%20111.18%2098.8213%20109.401%2098.2722%20107.642L68.9864%20125.083C69.5682%20125.455%2073.8492%20138.148%2078.7406%20153.426C89.4856%20141.676%2097.5757%20127.773%2099.3655%20112.96Z'%20fill='darkgrey'/%3e%3cpath%20d='M144.524%2069.1209C143.075%2053.5829%20118.601%2039.3668%2099.9856%2038.5556C91.9262%2038.1943%2089.5107%2031.8684%2086.0605%2037.5291C77.5782%2051.7392%2049.6837%2094.9694%2052.2654%20110.837C56.0862%20133.951%2084.5691%20137.063%20102.228%20127.008C120.022%20116.942%20146.6%2091.1195%20144.524%2069.1209Z'%20fill='white'/%3e%3cpath%20d='M145.753%2072.4915C147.93%2068.3116%20146.317%2063.4483%20142.804%2060.944C142.656%2060.8166%20142.656%2060.8166%20142.507%2060.6894C143.028%2052.8957%20136.915%2047.1257%20129.979%2046.9567C129.007%2045.0914%20127.379%2043.691%20125.24%2042.883C124.903%2042.0778%20124.575%2041.4101%20123.982%2040.9009C122.651%2039.7551%20121.095%2039.3187%20119.441%2039.4435C118.081%2036.0843%20115.925%2033.2005%20112.495%2031.7977C110.348%2030.8519%20108.027%2031.304%20106.311%2032.4027C102.006%2028.5734%2096.789%2025.5051%2091.8112%2025.6038C89.736%2025.6218%2085.678%2026.8973%2084.2724%2032.1268C82.1968%2032.1449%2080.3522%2033.3917%2079.5546%2035.6676C78.427%2039.0759%2080.339%2042.3935%2083.1109%2044.2613C84.719%2045.3863%2086.9841%2046.0462%2089.0391%2045.7526C95.9026%2052.2969%20114.028%2063.1149%20118.148%2062.6657C115.532%2070.202%20113.218%2087.2698%20122.007%2088.1299C124.21%2095.3028%20116.99%20107.894%20121.368%20112.688C129.639%20104.863%20137.246%2095.5655%20141.359%2085.8391C141.496%2085.8288%20141.772%2085.808%20142.047%2085.7872C148.14%2083.9429%20149.527%2076.6377%20145.753%2072.4915Z'%20fill='darkgrey'/%3e%3cpath%20d='M140.151%20104.76C141.594%2096.3432%20132.67%2086.3542%20121.049%2088.3387C116.251%2096.3166%20111.305%20104.167%20106.21%20111.89C109.317%20116.364%20118.141%20121.376%20125.535%20120.264C133.872%20118.804%20138.613%20113.738%20140.151%20104.76Z'%20fill='white'/%3e%3cpath%20d='M156.755%20156.883C153.217%20165.043%20147.805%20172.237%20141.188%20178.136C133.925%20184.639%20125.011%20189.465%20114.809%20191.896C95.2214%20196.558%2072.2825%20189.842%2061.6836%20174.164C58.5559%20169.414%2056.4778%20163.894%2056%20157.561C72.7744%20157.818%2091.9311%20158.451%20114.34%20158.144L113.462%20157.519C127.463%20157.709%20142.098%20157.159%20156.755%20156.883Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e", Ga = "data:image/svg+xml,%3csvg%20viewBox='0%200%20208%20208'%20opacity='0.9'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23shadow)'%3e%3cpath%20filter='url(%23shadow)'%20d='M127.173%2079.8894C127.189%2079.1933%20128.026%2079.1201%20128.436%2079.4316C128.754%2079.6091%20128.895%2080.1021%20128.809%2080.5518C129.241%2083.1982%20129.581%2085.7106%20130.013%2088.357C136.835%2079.7558%20149.235%2076.9989%20158.979%2083.174C168.086%2088.9941%20171.001%20111.745%20135.501%20120.502C131.5%20123.502%20117%20125.002%20111.753%20103.279C111.682%2093.2427%20118.526%2084.529%20127.173%2079.8894Z'%20fill='darkgrey'/%3e%3cpath%20d='M28.0441%20167.788C21.826%20195.052%2018.7311%20223.361%2014.1881%20250.885C9.42226%20279.982%204.68042%20308.967%20-0.0853729%20338.064L-1.00047%20342.848C14.5039%20346.419%2030.8401%20350.407%2046.3671%20353.868C90.9428%20363.918%20134.837%20376.598%20179.293%20387.201C200.345%20337.142%20219.778%20286.027%20235.82%20234.041C243.806%20208.213%20244.758%20181.282%20225.443%20160.043C216.099%20149.841%20204.347%20143.858%20191.629%20140.212C188.924%20139.377%20186.108%20138.517%20183.355%20137.905C179.635%20136.959%20175.781%20136.1%20171.989%20135.487C167.45%20134.592%20162.753%20133.893%20158.277%20133.243L127.871%20128.671L116.251%20126.895C115.457%20126.833%20114.686%20126.662%20113.915%20126.49C102.87%20124.724%2091.7381%20122.824%2080.6188%20123.013C69.1682%20123.13%2056.9012%20125.964%2047.8363%20133.224C36.9821%20141.825%2031.1109%20154.087%2028.0441%20167.788Z'%20fill='darkgrey'/%3e%3cpath%20d='M103.74%20123.732L95.6984%20197.532C95.6984%20197.532%20137.13%20157.315%20158.742%20133.268C155.051%20132.316%20151.227%20131.449%20147.465%20130.831C142.962%20129.929%20138.302%20129.224%20133.861%20128.569L103.74%20123.732Z'%20fill='white'/%3e%3cpath%20d='M97.8143%20115.298C99.0227%20116.625%20108.229%20179.332%20108.229%20179.332L148.012%20142.157L129%20100L97.8143%20115.298Z'%20fill='white'/%3e%3cpath%20d='M101.71%20148.534C100.068%20137.868%2098.402%20127.706%2098.0001%20127.274L112.673%20122C113.831%20131.449%20108.467%20141.173%20101.71%20148.534Z'%20fill='grey'/%3e%3cpath%20d='M121.545%2040.7383C111.161%2030.599%2085.3871%2035.4814%2071.93%2046.2862C66.0912%2051.0172%2060.5415%2047.9025%2061.6427%2054.0842C64.3767%2069.3597%2074.0239%20120.283%2082.7631%20126.794C100.374%20139.728%20121.191%20125.699%20127.329%20107.658C133.554%2089.7517%20136.293%2055.2372%20121.545%2040.7383Z'%20fill='white'/%3e%3cpath%20d='M56.0176%2041.9837C61.9834%2036.7831%2074.9427%2037.4243%2081.3074%2039.639C95.1733%2033.9235%20112.672%2032.6801%20120.968%2040.1438C131.22%2049.4771%20133.446%2067.5345%20132.042%2083.8281C125.848%2083.0025%20122.779%2078.6471%20116.718%2075.0286C97.7466%2073.2611%2084.9353%2061.0313%2082.042%2054.2301C78.3492%2058.2067%2063.3398%2059.3993%2058.12%2055.1646C51.1278%2048.7596%2054.1283%2043.6248%2056.0176%2041.9837Z'%20fill='darkgrey'/%3e%3cpath%20d='M142.838%2074.8316C138.561%2067.841%20123.674%2066.785%20116.5%2075.5006C118.078%2084.3219%20121.503%2092.5524%20122.726%20101.41C127.77%20102.657%20137.388%20100.869%20141.908%2095.386C147.168%2089.1414%20147.462%2082.3637%20142.838%2074.8316Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='shadow'%3e%3cfeDropShadow%20dx='0'%20dy='0'%20stdDeviation='3'%20flood-color='rgba(0,0,0,0.3)'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e", Ya = "data:image/svg+xml,%3csvg%20opacity='0.9'%20viewBox='0%200%20208%20208'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cmask%20id='hole'%3e%3crect%20width='100%25'%20height='100%25'%20fill='white'/%3e%3ccircle%20cx='121.333'%20cy='121.333'%20r='52'%20fill='black'/%3e%3c/mask%3e%3cfilter%20id='shadow'%3e%3cfeDropShadow%20dx='-2'%20dy='-1'%20stdDeviation='10'%20flood-color='rgba(0,0,0,0.2)'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23shadow)'%3e%3ccircle%20cx='104'%20cy='225.333'%20r='95.3333'%20fill='darkgray'/%3e%3ccircle%20cx='104'%20cy='225.333'%20r='95.3333'%20fill='white'%20mask='url(%23hole)'/%3e%3ccircle%20cx='104'%20cy='86.6666'%20r='52'%20fill='white'/%3e%3c/g%3e%3c/svg%3e", Ha = "data:image/svg+xml,%3csvg%20opacity='0.9'%20viewBox='0%200%20208%20208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23shadow)'%3e%3cpath%20d='M168%20208V118.053C168%20113.824%20165.34%20110.052%20161.356%20108.633L134%2098.885V208H168Z'%20fill='darkgrey'/%3e%3cpath%20d='M40%2072.3726C40%2070.7381%2040.9944%2069.268%2042.5116%2068.6598L111.951%2040.8215C113.226%2040.3102%20114.675%2040.4893%20115.787%2041.2958L129.87%2051.5056C132.464%2053.3866%20134%2056.397%20134%2059.6017V208H40V72.3726Z'%20fill='white'/%3e%3cpath%20d='M114%2047.5001L126.325%2056.3036C127.376%2057.0544%20128%2058.2667%20128%2059.5585V208H114V47.5001Z'%20fill='darkgrey'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='shadow'%3e%3cfeDropShadow%20dx='-2'%20dy='-1'%20stdDeviation='7'%20flood-color='rgba(0,0,0,0.2)'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e", Ja = {
+  male: Ua,
+  female: Ga,
+  org: Ha,
+  neutral: Ya
+}, Ee = Q((t, n) => {
   const {
-    style: a,
-    size: o = 40,
+    style: r,
+    size: s = 40,
     isLoading: d = !1,
     isDisabled: i = !1,
-    shape: _ = "circle",
-    variant: f = "light",
+    shape: u = "circle",
+    variant: _ = "filled",
     placeholderType: c = "neutral",
-    name: h = "",
-    imgSrc: p,
+    name: b = "",
+    imgSrc: f,
     imgAlt: g = "",
-    icon: C,
-    imgProps: w,
-    colorScheme: $,
-    "data-testid": k,
-    ...L
-  } = r, { onClick: S, onPointerDown: y } = L, N = !i && !d && (!!S || !!y), [U, B] = Le(!p), F = p && !U ? "image" : C ? "icon" : h ? "name" : "placeholder", z = F === "name" ? $ || I2(h) : $ || "gray", A = Z(
-    D.avatar,
-    D[_],
-    D[`size-${o}`],
-    D[`variant-${f}`],
-    D[`color-${z}`],
+    icon: h,
+    imgProps: C,
+    colorScheme: w,
+    className: N,
+    "data-testid": E,
+    ...k
+  } = t, { onClick: m, onPointerDown: O } = k, z = !i && !d && (!!m || !!O), [B, L] = Se(!1);
+  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(
+    N,
+    Z.avatar,
+    Z[`variant-${_}`],
+    Z[`color-${A}`],
+    be[U],
     {
-      [D.disabled]: i,
-      [D.loading]: d,
-      [D.clickable]: N
+      [Z.disabled]: i,
+      [Z.loading]: d,
+      [Z.clickable]: z
     }
-  ), J = {
-    icon: () => /* @__PURE__ */ l.jsx("span", { "data-testid": "avatar-icon", title: g, role: "img", className: Z(D.icon), children: C == null ? void 0 : C({}) }),
-    name: () => /* @__PURE__ */ l.jsx(
+  ), M = {
+    "--avatar-size": `${s}px`,
+    "--avatar-border-radius": `${G}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({}) }),
+    name: () => /* @__PURE__ */ o.jsx(
       "span",
       {
         role: "textbox",
         "data-testid": "avatar-name",
-        className: Z(D.name),
+        className: K(Z.name),
         title: g,
-        children: A2(h)
+        children: qa(b)
       }
     ),
-    placeholder: () => /* @__PURE__ */ l.jsx(
+    placeholder: () => /* @__PURE__ */ o.jsx(
       "img",
       {
-        ...w,
+        ...C,
         "data-testid": "avatar-placeholder",
-        className: D.image,
-        src: V2[c],
+        className: Z.image,
+        src: Ja[c],
         alt: g
       }
     ),
-    image: () => /* @__PURE__ */ l.jsx(
+    image: () => /* @__PURE__ */ o.jsx(
       "img",
       {
         "data-testid": "avatar-image",
-        ...w,
-        className: D.image,
-        src: p,
+        ...C,
+        className: Z.image,
+        src: f,
         alt: g,
-        onLoad: () => B(!1),
-        onError: (G) => {
-          var I;
-          B(!0), (I = w == null ? void 0 : w.onError) == null || I.call(w, G);
+        onLoad: () => L(!1),
+        onError: (X) => {
+          var ae;
+          L(!0), (ae = C == null ? void 0 : C.onError) == null || ae.call(C, X);
         }
       }
     )
-  }, K = (G) => {
-    N && (S == null || S(G));
+  }, q = (X) => {
+    z && (m == null || m(X));
   };
-  return /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ o.jsx(
     "div",
     {
-      ref: s,
-      onClick: K,
-      className: A,
-      style: a,
-      "data-testid": k,
+      ref: n,
+      onClick: q,
+      className: W,
+      style: M,
+      "data-testid": E,
       "aria-disabled": i || d,
-      children: J[F](null)
+      children: S[F](null)
     }
   );
-}), W2 = "_avatarGroup_157g4_1", Z2 = {
-  avatarGroup: W2
+}), Ka = "_avatarGroup_157g4_1", Qa = {
+  avatarGroup: Ka
 };
-let U2 = (r = 21) => crypto.getRandomValues(new Uint8Array(r)).reduce((s, a) => (a &= 63, a < 36 ? s += a.toString(36) : a < 62 ? s += (a - 26).toString(36).toUpperCase() : a > 62 ? s += "-" : s += "_", s), "");
-function G2(r, s, a, o, d, i, _) {
-  const f = Math.min(d, i) / 2, c = Math.min(_, f), h = ["M0,0", `H${r}`, `V${s}`, "H0", "V0", "Z"].join(" "), p = [
-    `M${a + c},${o}`,
-    `L${a + d - c},${o}`,
+let Xa = (t = 21) => crypto.getRandomValues(new Uint8Array(t)).reduce((n, r) => (r &= 63, r < 36 ? n += r.toString(36) : r < 62 ? n += (r - 26).toString(36).toUpperCase() : r > 62 ? n += "-" : n += "_", n), "");
+function er(t, n, r, s, d, i, u) {
+  const _ = Math.min(d, i) / 2, c = Math.min(u, _), b = ["M0,0", `H${t}`, `V${n}`, "H0", "V0", "Z"].join(" "), f = [
+    `M${r + c},${s}`,
+    `L${r + d - c},${s}`,
     // Верхний правый угол
-    `A${c},${c} 0 0 1 ${a + d},${o + c}`,
-    `L${a + d},${o + i - c}`,
+    `A${c},${c} 0 0 1 ${r + d},${s + c}`,
+    `L${r + d},${s + i - c}`,
     // Нижний правый угол
-    `A${c},${c} 0 0 1 ${a + d - c},${o + i}`,
-    `L${a + c},${o + i}`,
+    `A${c},${c} 0 0 1 ${r + d - c},${s + i}`,
+    `L${r + c},${s + i}`,
     // Нижний левый угол
-    `A${c},${c} 0 0 1 ${a},${o + i - c}`,
-    `L${a},${o + c}`,
+    `A${c},${c} 0 0 1 ${r},${s + i - c}`,
+    `L${r},${s + c}`,
     // Верхний левый угол
-    `A${c},${c} 0 0 1 ${a + c},${o}`,
+    `A${c},${c} 0 0 1 ${r + c},${s}`,
     "Z"
   ].join(" ");
-  return `${h} ${p}`;
+  return `${b} ${f}`;
 }
-const Y2 = 2, q2 = (r) => {
+const tr = 3, ar = (t) => {
   const {
-    avatars: s = [],
-    overflowCount: a = 0,
-    size: o = 40,
-    overlap: d = 0.3,
-    shape: i = "circle",
-    overflowOnClick: _
-  } = r, f = o * d, c = -f + Y2, h = M2(o, i), g = ot(U2()).current.toString(), C = Z(Z2.avatarGroup), w = G2(
-    o,
-    o,
-    o - f,
+    avatars: n = [],
+    size: r = 40,
+    overlap: s = 0.3,
+    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(
+    r,
+    r,
+    r - _,
     // X-координата начала выреза
     0,
     // Y-координата начала выреза
-    o,
-    o,
-    h
+    r,
+    r,
+    b
   );
-  return s.length === 0 ? null : /* @__PURE__ */ l.jsxs("div", { className: C, children: [
-    s.map(($, k, L) => {
-      const S = k + 1 >= L.length;
-      return /* @__PURE__ */ l.jsx(
+  return n.length === 0 ? null : /* @__PURE__ */ o.jsxs("div", { className: h, children: [
+    n.map((w, N, E) => {
+      const k = N + 1 >= E.length;
+      if (w.wrapper) {
+        const m = w.wrapper;
+        return /* @__PURE__ */ o.jsx(
+          "div",
+          {
+            style: {
+              // Для последнего видимого аватара без overflowCount не применяем обрезку
+              clipPath: k && !i ? void 0 : `url(#${g})`,
+              marginRight: c
+            },
+            children: /* @__PURE__ */ o.jsx(m, { children: /* @__PURE__ */ o.jsx(Ee, { size: r, shape: d, ...w }) })
+          },
+          Me(w) + N
+        );
+      }
+      return /* @__PURE__ */ o.jsx(
         "div",
         {
           style: {
             // Для последнего видимого аватара без overflowCount не применяем обрезку
-            clipPath: S && !a ? void 0 : `url(#${g})`,
+            clipPath: k && !i ? void 0 : `url(#${g})`,
             marginRight: c
           },
-          children: /* @__PURE__ */ l.jsx(Pe, { size: o, shape: i, ...$ })
+          children: /* @__PURE__ */ o.jsx(Ee, { size: r, shape: d, ...w })
         },
-        it($) + k
+        Me(w) + N
       );
     }),
-    a > 0 && /* @__PURE__ */ l.jsx("div", { style: { marginRight: c }, children: /* @__PURE__ */ l.jsx(
-      Pe,
+    i > 0 && /* @__PURE__ */ o.jsx("div", { style: { marginRight: c }, children: /* @__PURE__ */ o.jsx(
+      Ee,
       {
-        size: o,
-        shape: i,
-        onClick: _,
-        icon: () => L2(a),
-        colorScheme: "gray"
+        size: r,
+        shape: d,
+        icon: () => za(i),
+        colorScheme: "gray",
+        variant: "light",
+        ...u
       }
     ) }),
-    /* @__PURE__ */ l.jsx("svg", { width: "0", height: "0", children: /* @__PURE__ */ l.jsx("clipPath", { id: `${g}`, children: /* @__PURE__ */ l.jsx("path", { clipPathUnits: "objectBoundingBox", d: w, clipRule: "evenodd" }) }) })
+    /* @__PURE__ */ o.jsx("svg", { width: "0", height: "0", children: /* @__PURE__ */ o.jsx("clipPath", { id: `${g}`, children: /* @__PURE__ */ o.jsx("path", { clipPathUnits: "objectBoundingBox", d: C, clipRule: "evenodd" }) }) })
   ] });
-}, Ur = Object.assign(Pe, {
-  Group: q2
-}), H2 = "_wrapper_1ncab_5", J2 = "_badge__container_1ncab_6", K2 = "_badge__content_1ncab_7", Q2 = "_interactive_1ncab_20", X2 = "_disabled_1ncab_21", er = "_icon_1ncab_22", W = {
-  wrapper: H2,
-  badge__container: J2,
-  badge__content: K2,
-  interactive: Q2,
-  disabled: X2,
-  icon: er,
-  "variant-filled": "_variant-filled_1ncab_101",
-  "color-brand": "_color-brand_1ncab_106",
-  "color-red": "_color-red_1ncab_110",
-  "color-orange": "_color-orange_1ncab_114",
-  "color-yellow": "_color-yellow_1ncab_118",
-  "color-green": "_color-green_1ncab_122",
-  "color-blue": "_color-blue_1ncab_126",
-  "color-lightblue": "_color-lightblue_1ncab_130",
-  "color-purple": "_color-purple_1ncab_134",
-  "color-gray": "_color-gray_1ncab_138",
-  "color-contrast": "_color-contrast_1ncab_142",
-  "variant-light": "_variant-light_1ncab_148",
-  "variant-outline": "_variant-outline_1ncab_220",
-  "variant-transparent": "_variant-transparent_1ncab_294",
-  "position-top-left": "_position-top-left_1ncab_361",
-  "position-top-right": "_position-top-right_1ncab_367",
-  "position-bottom-left": "_position-bottom-left_1ncab_373",
-  "position-bottom-right": "_position-bottom-right_1ncab_379",
-  "position-top-center": "_position-top-center_1ncab_385",
-  "position-bottom-center": "_position-bottom-center_1ncab_391",
-  "position-middle-left": "_position-middle-left_1ncab_397",
-  "position-middle-right": "_position-middle-right_1ncab_403",
-  "position-middle-center": "_position-middle-center_1ncab_409",
-  "position-top-left-inside": "_position-top-left-inside_1ncab_416",
-  "position-top-right-inside": "_position-top-right-inside_1ncab_422",
-  "position-bottom-left-inside": "_position-bottom-left-inside_1ncab_428",
-  "position-bottom-right-inside": "_position-bottom-right-inside_1ncab_434",
-  "position-top-center-inside": "_position-top-center-inside_1ncab_440",
-  "position-bottom-center-inside": "_position-bottom-center-inside_1ncab_446",
-  "position-middle-left-inside": "_position-middle-left-inside_1ncab_452",
-  "position-middle-right-inside": "_position-middle-right-inside_1ncab_458"
-}, tr = (r) => r === "rgba(0, 0, 0, 0)" || r === "transparent" || r.startsWith("rgba") && r.endsWith(", 0)"), rr = (r) => {
-  if (!r) return null;
-  let s = r;
-  for (; s; ) {
-    const o = window.getComputedStyle(s).backgroundColor;
-    if (!tr(o)) return o;
-    s = s.parentElement;
+}, $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 = {
+  wrapper: rr,
+  badge__container: nr,
+  badge__content: or,
+  interactive: sr,
+  disabled: ir,
+  icon: lr,
+  "variant-filled": "_variant-filled_ecbsu_102",
+  "color-brand": "_color-brand_ecbsu_107",
+  "color-red": "_color-red_ecbsu_111",
+  "color-orange": "_color-orange_ecbsu_115",
+  "color-yellow": "_color-yellow_ecbsu_119",
+  "color-green": "_color-green_ecbsu_123",
+  "color-blue": "_color-blue_ecbsu_127",
+  "color-lightblue": "_color-lightblue_ecbsu_131",
+  "color-purple": "_color-purple_ecbsu_135",
+  "color-gray": "_color-gray_ecbsu_139",
+  "color-contrast": "_color-contrast_ecbsu_143",
+  "variant-light": "_variant-light_ecbsu_149",
+  "variant-outline": "_variant-outline_ecbsu_221",
+  "variant-transparent": "_variant-transparent_ecbsu_295",
+  "position-top-left": "_position-top-left_ecbsu_362",
+  "position-top-right": "_position-top-right_ecbsu_368",
+  "position-bottom-left": "_position-bottom-left_ecbsu_374",
+  "position-bottom-right": "_position-bottom-right_ecbsu_380",
+  "position-top-center": "_position-top-center_ecbsu_386",
+  "position-bottom-center": "_position-bottom-center_ecbsu_392",
+  "position-middle-left": "_position-middle-left_ecbsu_398",
+  "position-middle-right": "_position-middle-right_ecbsu_404",
+  "position-middle-center": "_position-middle-center_ecbsu_410",
+  "position-top-left-inside": "_position-top-left-inside_ecbsu_417",
+  "position-top-right-inside": "_position-top-right-inside_ecbsu_423",
+  "position-bottom-left-inside": "_position-bottom-left-inside_ecbsu_429",
+  "position-bottom-right-inside": "_position-bottom-right-inside_ecbsu_435",
+  "position-top-center-inside": "_position-top-center-inside_ecbsu_441",
+  "position-bottom-center-inside": "_position-bottom-center-inside_ecbsu_447",
+  "position-middle-left-inside": "_position-middle-left-inside_ecbsu_453",
+  "position-middle-right-inside": "_position-middle-right-inside_ecbsu_459"
+}, cr = (t) => t === "rgba(0, 0, 0, 0)" || t === "transparent" || t.startsWith("rgba") && t.endsWith(", 0)"), dr = (t) => {
+  if (!t) return null;
+  let n = t;
+  for (; n; ) {
+    const s = window.getComputedStyle(n).backgroundColor;
+    if (!cr(s)) return s;
+    n = n.parentElement;
   }
   return null;
-}, ar = () => {
-  const r = ot(null), [s, a] = Le(null);
-  return st(() => {
-    if (r.current) {
-      const o = rr(r.current);
-      a(o);
+}, ur = () => {
+  const t = pt(null), [n, r] = Se(null);
+  return De(() => {
+    if (t.current) {
+      const s = dr(t.current);
+      r(s);
     }
-  }, []), { ref: r, bgColor: s };
-}, Gr = H((r, s) => {
+  }, []), { ref: t, bgColor: n };
+}, k2 = Q((t, n) => {
   const {
-    icon: a,
-    children: o,
+    icon: r,
+    children: s,
     variant: d = "filled",
     label: i,
+    isHidden: u = !1,
     colorScheme: _ = "red",
-    size: f = 20,
-    position: c = "top-right",
-    positionOffset: h = { x: 0, y: 0 },
-    cutoutBackground: p,
-    isDisabled: g,
+    size: c = 20,
+    position: b = "top-right",
+    positionOffset: f = { x: 0, y: 0 },
+    cutoutBackground: g,
+    isDisabled: h,
     className: C,
     "data-testid": w = "badge",
-    ...$
-  } = r, { onClick: k, onPointerDown: L } = $, { ref: S, bgColor: y } = ar(), T = p || y, U = !g && (!!k || !!L), B = Z(W.badge__container, W[`position-${c}`]), F = Z(
+    ...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(
     C,
-    W.badge__content,
-    W[`color-${_}`],
-    W[`variant-${d}`],
+    Y.badge__content,
+    Y[`color-${_}`],
+    Y[`variant-${d}`],
     {
-      [W.icon]: !!a,
-      [W.interactive]: U,
-      [W.disabled]: g
+      [Y.disabled]: h,
+      [Y.icon]: !!r,
+      [Y.interactive]: B
     }
-  ), z = {
-    "--badge-height": `${f}px`,
-    "--badge-offset-x": `${h.x}px`,
-    "--badge-offset-y": `${h.y}px`,
-    ...T && { "--badge-cutout-bg": T },
+  ), A = {
+    "--badge-height": `${c}px`,
+    "--badge-offset-x": `${f.x}px`,
+    "--badge-offset-y": `${f.y}px`,
+    ...P && { "--badge-cutout-bg": P },
     ...d === "transparent" && { "--badge-cutout-bg": "transparent" }
-  }, A = (a == null ? void 0 : a({})) || i, J = (K) => {
-    U && (k == null || k(K));
+  }, U = (r == null ? void 0 : r({})) || i, G = (W) => {
+    B && (E == null || E(W));
   };
-  return /* @__PURE__ */ l.jsxs("div", { className: W.wrapper, ref: S, "data-testid": w + "-wrapper", children: [
-    o,
-    /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ o.jsxs("div", { className: Y.wrapper, ref: m, "data-testid": w + "-wrapper", children: [
+    s,
+    !u && /* @__PURE__ */ o.jsx(
       "span",
       {
-        className: B,
-        style: z,
+        className: L,
+        style: A,
         "data-testid": w + "-container",
-        children: /* @__PURE__ */ l.jsx(
+        children: /* @__PURE__ */ o.jsx(
           "span",
           {
-            ...$,
-            onClick: J,
+            ...N,
+            onClick: G,
             className: F,
             "data-testid": w + "-content",
-            ref: s,
-            "aria-disabled": g,
-            children: A
+            ref: n,
+            "aria-disabled": h,
+            children: U
           }
         )
       }
     )
   ] });
-}), nr = "_container_chiat_7", or = "_image_chiat_19", sr = "_loading_chiat_28", Oe = {
-  container: nr,
-  image: or,
-  loading: sr
-}, ir = "_loader_1tevf_1", lr = "_spin_1tevf_1", cr = "_accent_1tevf_20", ur = "_neutral_1tevf_24", dr = "_positive_1tevf_28", _r = "_negative_1tevf_32", fr = "_gray_1tevf_36", pr = "_special_1tevf_40", br = "_contrast_1tevf_44", gr = "_container_1tevf_48", vr = "_overlay_1tevf_56", de = {
-  loader: ir,
-  spin: lr,
-  accent: cr,
-  neutral: ur,
-  positive: dr,
-  negative: _r,
-  gray: fr,
-  special: pr,
-  contrast: br,
-  container: gr,
-  overlay: vr,
+}), _r = "_container_chiat_7", pr = "_image_chiat_19", fr = "_loading_chiat_28", Ae = {
+  container: _r,
+  image: pr,
+  loading: fr
+}, gr = "_loader_1tevf_1", br = "_spin_1tevf_1", hr = "_accent_1tevf_20", yr = "_neutral_1tevf_24", mr = "_positive_1tevf_28", vr = "_negative_1tevf_32", Cr = "_gray_1tevf_36", xr = "_special_1tevf_40", wr = "_contrast_1tevf_44", $r = "_container_1tevf_48", kr = "_overlay_1tevf_56", ge = {
+  loader: gr,
+  spin: br,
+  accent: hr,
+  neutral: yr,
+  positive: mr,
+  negative: vr,
+  gray: Cr,
+  special: xr,
+  contrast: wr,
+  container: $r,
+  overlay: kr,
   "size-16": "_size-16_1tevf_71",
   "size-24": "_size-24_1tevf_75",
   "size-48": "_size-48_1tevf_79",
   "size-64": "_size-64_1tevf_83",
   "size-96": "_size-96_1tevf_87"
-}, lt = H(
+}, gt = Q(
   ({
-    size: r = 24,
-    variant: s = "accent",
-    className: a,
-    "data-testid": o = "loader",
+    size: t = 24,
+    variant: n = "accent",
+    className: r,
+    "data-testid": s = "loader",
     style: d,
     ...i
-  }, _) => {
-    const f = Z(
-      de.loader,
-      de[s],
-      de[`size-${r}`],
-      a
+  }, u) => {
+    const _ = K(
+      ge.loader,
+      ge[n],
+      ge[`size-${t}`],
+      r
     );
-    return /* @__PURE__ */ l.jsx(
+    return /* @__PURE__ */ o.jsx(
       "svg",
       {
-        ref: _,
-        className: f,
+        ref: u,
+        className: _,
         fill: "none",
         viewBox: "0 0 16 16",
         xmlns: "http://www.w3.org/2000/svg",
-        "data-testid": o,
+        "data-testid": s,
         style: d,
         ...i,
-        children: /* @__PURE__ */ l.jsx(
+        children: /* @__PURE__ */ o.jsx(
           "path",
           {
             d: "M14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2",
@@ -1271,38 +1340,38 @@ const Y2 = 2, q2 = (r) => {
       }
     );
   }
-), hr = H((r, s) => {
+), Er = Q((t, n) => {
   const {
-    loading: a = !1,
-    size: o = 24,
+    loading: r = !1,
+    size: s = 24,
     variant: d = "accent",
     children: i,
-    className: _,
-    style: f,
+    className: u,
+    style: _,
     "data-testid": c,
-    ...h
-  } = r, p = Z(de.container, _);
-  return /* @__PURE__ */ l.jsxs("div", { ref: s, className: p, style: f, "data-testid": c, ...h, children: [
+    ...b
+  } = t, f = K(ge.container, u);
+  return /* @__PURE__ */ o.jsxs("div", { ref: n, className: f, style: _, "data-testid": c, ...b, children: [
     i,
-    a && /* @__PURE__ */ l.jsx("div", { className: de.overlay, children: /* @__PURE__ */ l.jsx(lt, { size: o, variant: d, "data-testid": `${c}-spinner` }) })
+    r && /* @__PURE__ */ o.jsx("div", { className: ge.overlay, children: /* @__PURE__ */ o.jsx(gt, { size: s, variant: d, "data-testid": `${c}-spinner` }) })
   ] });
-}), mr = H((r, s) => r.children ? /* @__PURE__ */ l.jsx(
-  hr,
+}), Sr = Q((t, n) => t.children ? /* @__PURE__ */ o.jsx(
+  Er,
   {
-    ref: s,
-    ...r
+    ref: n,
+    ...t
   }
-) : /* @__PURE__ */ l.jsx(lt, { ref: s, ...r })), Cr = ({ width: r = 48, height: s = 48, className: a, "data-testid": o }) => /* @__PURE__ */ l.jsx(
+) : /* @__PURE__ */ o.jsx(gt, { ref: n, ...t })), Rr = ({ width: t = 48, height: n = 48, className: r, "data-testid": s }) => /* @__PURE__ */ o.jsx(
   "svg",
   {
-    width: r,
-    height: s,
+    width: t,
+    height: n,
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    className: a,
-    "data-testid": o,
-    children: /* @__PURE__ */ l.jsx(
+    className: r,
+    "data-testid": s,
+    children: /* @__PURE__ */ o.jsx(
       "path",
       {
         d: "M32.4 42H13.8627C12.6511 42 12.0453 42 11.7648 41.7604C11.5214 41.5525 11.3922 41.2407 11.4173 40.9215C11.4462 40.5538 11.8746 40.1254 12.7314 39.2686L29.7373 22.2627C30.5293 21.4707 30.9253 21.0747 31.382 20.9263C31.7837 20.7958 32.2163 20.7958 32.618 20.9263C33.0747 21.0747 33.4707 21.4707 34.2627 22.2627L42 30V32.4M32.4 42C35.7603 42 37.4405 42 38.7239 41.346C39.8529 40.7708 40.7708 39.8529 41.346 38.7239C42 37.4405 42 35.7603 42 32.4M32.4 42H15.6C12.2397 42 10.5595 42 9.27606 41.346C8.14708 40.7708 7.2292 39.8529 6.65396 38.7239C6 37.4405 6 35.7603 6 32.4V15.6C6 12.2397 6 10.5595 6.65396 9.27606C7.2292 8.14708 8.14708 7.2292 9.27606 6.65396C10.5595 6 12.2397 6 15.6 6H32.4C35.7603 6 37.4405 6 38.7239 6.65396C39.8529 7.2292 40.7708 8.14708 41.346 9.27606C42 10.5595 42 12.2397 42 15.6V32.4M21 17C21 19.2091 19.2091 21 17 21C14.7909 21 13 19.2091 13 17C13 14.7909 14.7909 13 17 13C19.2091 13 21 14.7909 21 17Z",
@@ -1313,170 +1382,446 @@ const Y2 = 2, q2 = (r) => {
       }
     )
   }
-), Yr = H((r, s) => {
+), E2 = Q((t, n) => {
   const {
-    alt: a = "",
-    loading: o = "lazy",
+    alt: r = "",
+    loading: s = "lazy",
     src: d,
     isLoading: i = !1,
-    className: _,
-    "data-testid": f = "image",
+    className: u,
+    "data-testid": _ = "image",
     onError: c,
-    onLoad: h,
-    ...p
-  } = r, [g, C] = Le("loading"), w = g === "error", $ = (i || g === "loading") && !w, k = g === "loaded" && !i, L = Z(
-    Oe.image,
+    onLoad: b,
+    ...f
+  } = t, [g, h] = Se("loading"), C = g === "error", w = (i || g === "loading") && !C, N = g === "loaded" && !i, E = K(
+    Ae.image,
     {
-      [Oe.loading]: $
+      [Ae.loading]: w
     },
-    _
-  ), S = He(
-    (N) => {
-      C("loaded"), h == null || h(N);
+    u
+  ), k = et(
+    (P) => {
+      h("loaded"), b == null || b(P);
     },
-    [h]
-  ), y = He(
-    (N) => {
-      C("error"), c == null || c(N);
+    [b]
+  ), m = et(
+    (P) => {
+      h("error"), c == null || c(P);
     },
     [c]
-  ), T = {
-    loader: /* @__PURE__ */ l.jsxs(Nt, { children: [
-      /* @__PURE__ */ l.jsx(mr, { size: 48, variant: "special", "data-testid": `${f}-loader` }),
-      /* @__PURE__ */ l.jsx(
+  ), O = {
+    loader: /* @__PURE__ */ o.jsxs(Ft, { children: [
+      /* @__PURE__ */ o.jsx(Sr, { size: 48, variant: "special", "data-testid": `${_}-loader` }),
+      /* @__PURE__ */ o.jsx(
         "img",
         {
-          alt: a,
+          alt: r,
           src: d,
-          onLoad: S,
-          onError: y,
+          onLoad: k,
+          onError: m,
           style: { display: "none" }
         }
       )
     ] }),
-    error: /* @__PURE__ */ l.jsx(Cr, { "data-testid": `${f}-fallback` }),
-    image: /* @__PURE__ */ l.jsx(
+    error: /* @__PURE__ */ o.jsx(Rr, { "data-testid": `${_}-fallback` }),
+    image: /* @__PURE__ */ o.jsx(
       "img",
       {
-        ref: s,
-        alt: a,
-        "data-testid": f,
-        loading: o,
+        ref: n,
+        alt: r,
+        "data-testid": _,
+        loading: s,
         src: d,
-        className: L
+        className: E
       }
     )
   };
-  return st(() => {
+  return De(() => {
     if (!d) {
-      C("error");
+      h("error");
       return;
     }
-    C("loading");
-  }, [d]), /* @__PURE__ */ l.jsxs("div", { className: Oe.container, "data-testid": `${f}-container`, ...p, children: [
-    $ && T.loader,
-    w && T.error,
-    k && T.image
+    h("loading");
+  }, [d]), /* @__PURE__ */ o.jsxs("div", { className: Ae.container, "data-testid": `${_}-container`, ...f, children: [
+    w && O.loader,
+    C && O.error,
+    N && O.image
   ] });
-}), yr = {}, ct = It({
-  locale: yr
-}), xr = () => {
-  const r = At(ct);
-  if (!r)
+}), jr = {}, bt = qt({
+  locale: jr
+}), Tr = () => {
+  const t = Vt(bt);
+  if (!t)
     throw new Error("useConfig must be used within a ConfigProvider");
-  return r;
-}, qr = () => {
-  const { locale: r } = xr();
-  return r;
-}, wr = {}, Er = {}, Rr = {}, Hr = ({
-  locale: r = {},
-  theme: s,
-  children: a,
-  className: o
+  return t;
+}, S2 = () => {
+  const { locale: t } = Tr();
+  return t;
+}, Nr = {}, Or = {}, Lr = {}, R2 = ({
+  locale: t = {},
+  theme: n,
+  children: r,
+  className: s
 }) => {
-  const d = s ? { ...Object.fromEntries(Object.entries(s)) } : {};
-  return /* @__PURE__ */ l.jsx(
+  const d = n ? { ...Object.fromEntries(Object.entries(n)) } : {};
+  return /* @__PURE__ */ o.jsx(
     "div",
     {
       "data-testid": "ConfigProvider-component",
       style: d,
-      className: ae(
-        wr,
-        Er,
-        Rr,
-        o
+      className: J(
+        Nr,
+        Or,
+        Lr,
+        s
       ),
-      children: /* @__PURE__ */ l.jsx(ct.Provider, { value: { locale: r }, children: a })
+      children: /* @__PURE__ */ o.jsx(bt.Provider, { value: { locale: t }, children: r })
     }
   );
-}, Jr = {}, Sr = "_tag_1llsi_1", jr = "_label_1llsi_16", $r = "_iconWrapper_1llsi_20", kr = "_medium_1llsi_27", Tr = "_large_1llsi_33", Or = "_disabled_1llsi_43", Pr = "_neutral_1llsi_47", Lr = "_positive_1llsi_53", Nr = "_negative_1llsi_59", Ir = "_warning_1llsi_65", Ar = "_vivid_1llsi_71", Mr = "_special_1llsi_77", Dr = "_accent_1llsi_84", Br = "_blue_1llsi_90", Fr = "_lovely_1llsi_96", zr = "_dreamy_1llsi_102", re = {
-  tag: Sr,
-  label: jr,
-  iconWrapper: $r,
-  medium: kr,
-  large: Tr,
-  disabled: Or,
-  neutral: Pr,
-  positive: Lr,
-  negative: Nr,
-  warning: Ir,
-  vivid: Ar,
-  special: Mr,
-  accent: Dr,
-  blue: Br,
-  lovely: Fr,
-  dreamy: zr
-}, at = {
-  "typography-subtitle-1-semibold": "_typography-subtitle-1-semibold_1lyxn_45",
-  "typography-label-3-regular": "_typography-label-3-regular_1lyxn_141"
-}, Kr = H((r, s) => {
+}, 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 = {
+  tag: Pr,
+  label: Ir,
+  iconWrapper: Ar,
+  medium: Mr,
+  large: Dr,
+  disabled: zr,
+  neutral: Br,
+  positive: Fr,
+  negative: qr,
+  warning: Vr,
+  vivid: Wr,
+  special: Zr,
+  accent: Ur,
+  blue: Gr,
+  lovely: Yr,
+  dreamy: Hr
+}, T2 = Q((t, n) => {
   const {
-    className: a,
-    children: o,
+    className: r,
+    children: s,
     componentStyle: d = "neutral",
     size: i = "medium",
-    disabled: _ = !1,
-    showLabel: f = !!o,
+    disabled: u = !1,
+    showLabel: _ = !!s,
     slotStart: c,
-    slotEnd: h,
-    slotStartWrapperProps: p = {},
+    slotEnd: b,
+    slotStartWrapperProps: f = {},
     slotEndWrapperProps: g = {},
-    "data-testid": C
-  } = r, { className: w, ...$ } = p, { className: k, ...L } = g;
-  return /* @__PURE__ */ l.jsxs(
+    "data-testid": h
+  } = t, { className: C, ...w } = f, { className: N, ...E } = g;
+  return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: ae(
-        re.tag,
-        re[i],
-        re[d],
+      className: J(
+        se.tag,
+        se[i],
+        se[d],
         {
-          [re.disabled]: _,
-          [at["typography-label-3-regular"]]: i === "medium",
-          [at["typography-subtitle-1-semibold"]]: i === "large"
+          [se.disabled]: u,
+          [be["typography-label-3-regular"]]: i === "medium",
+          [be["typography-subtitle-1-semibold"]]: i === "large"
         },
-        a
+        r
       ),
-      "data-testid": C || "tag-component",
-      ref: s,
+      "data-testid": h || "tag-component",
+      ref: n,
       children: [
-        c && /* @__PURE__ */ l.jsx("span", { className: ae([re.iconWrapper, w]), ...$, children: c }),
-        f && /* @__PURE__ */ l.jsx("span", { className: ae([re.label]), children: o }),
-        h && /* @__PURE__ */ l.jsx("span", { className: ae([re.iconWrapper, k]), ...L, children: h })
+        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 })
       ]
     }
   );
-});
+}), 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 = {
+  checkbox: Jr,
+  input: Kr,
+  icon: Qr,
+  container: Xr,
+  error: e2,
+  checkboxWrapper: t2,
+  medium: a2,
+  large: r2,
+  label: n2
+}, o2 = ({
+  width: t = 12,
+  height: n = 9,
+  className: r = "",
+  color: s = "currentColor",
+  ...d
+}) => /* @__PURE__ */ o.jsx(
+  "svg",
+  {
+    className: r,
+    width: t,
+    height: n,
+    viewBox: "0 0 14 10",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...d,
+    children: /* @__PURE__ */ o.jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M13.0001 2.49999C13.3906 2.10946 13.3906 1.4763 13.0001 1.08578C12.6095 0.695251 11.9764 0.695251 11.5859 1.08578L5.29296 7.37867L2.00007 4.08578C1.60954 3.69525 0.976378 3.69525 0.585855 4.08578C0.19533 4.4763 0.19533 5.10946 0.585855 5.49999L4.58585 9.49999C4.97638 9.89051 5.60954 9.89051 6.00007 9.49999L13.0001 2.49999Z",
+        fill: s
+      }
+    )
+  }
+), s2 = ({
+  width: t = 12,
+  height: n = 2,
+  className: r = "",
+  color: s = "currentColor",
+  ...d
+}) => /* @__PURE__ */ o.jsx(
+  "svg",
+  {
+    className: r,
+    width: t,
+    height: n,
+    viewBox: "0 0 12 2",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...d,
+    children: /* @__PURE__ */ o.jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M0 1C0 0.447715 0.447715 0 1 0H11C11.5523 0 12 0.447715 12 1C12 1.55228 11.5523 2 11 2H1C0.447715 2 0 1.55228 0 1Z",
+        fill: s
+      }
+    )
+  }
+), i2 = {
+  medium: { width: 10.83, height: 7.5 },
+  large: { width: 13, height: 9 }
+}, l2 = ({
+  size: t,
+  isChecked: n,
+  isDisabled: r,
+  indeterminate: s,
+  dataTestId: d
+}) => {
+  const { width: i, height: u } = i2[t];
+  return /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      className: H.icon,
+      "data-testid": `${d}-icon`,
+      "data-checked": n,
+      "data-disabled": r,
+      "data-indeterminate": s,
+      children: s ? /* @__PURE__ */ o.jsx(s2, { width: i, height: u }) : /* @__PURE__ */ o.jsx(o2, { width: i, height: u })
+    }
+  );
+}, N2 = Q((t, n) => {
+  const {
+    name: r,
+    value: s,
+    size: d = "medium",
+    indeterminate: i = !1,
+    loading: u = !1,
+    error: _,
+    disabled: c = !1,
+    containerClassName: b,
+    className: f,
+    containerStyle: g,
+    style: h,
+    children: C,
+    clickableLabel: w = !0,
+    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],
+    {
+      [H.error]: B
+    },
+    f
+  ), U = (S) => {
+    z || (O(S.target.checked), E == null || E(S.target.checked, S));
+  }, G = (S) => {
+    if (S.key === "Enter" && !z) {
+      S.preventDefault();
+      const q = !L;
+      O(q), E == null || E(q);
+    }
+  }, W = (S) => {
+    w || S.preventDefault();
+  }, M = (S) => S.stopPropagation();
+  return /* @__PURE__ */ o.jsxs(
+    "label",
+    {
+      className: F,
+      htmlFor: r,
+      style: g,
+      "data-testid": k,
+      "data-clickable-label": w,
+      children: [
+        /* @__PURE__ */ o.jsx("div", { className: H.checkboxWrapper, children: /* @__PURE__ */ o.jsxs(
+          "div",
+          {
+            tabIndex: N || 0,
+            className: A,
+            style: h,
+            onKeyDown: G,
+            "aria-checked": L,
+            "aria-disabled": z,
+            "aria-invalid": B,
+            "aria-describedby": _ ? `${r}-error` : void 0,
+            "data-testid": `${k}-label`,
+            children: [
+              /* @__PURE__ */ o.jsx(
+                "input",
+                {
+                  ref: n,
+                  type: "checkbox",
+                  id: r,
+                  name: r,
+                  checked: L,
+                  disabled: z,
+                  className: H.input,
+                  onChange: U,
+                  onClick: M,
+                  "aria-checked": L,
+                  "aria-invalid": B,
+                  "aria-describedby": _ ? `${r}-error` : void 0,
+                  "data-testid": `${k}-input`
+                }
+              ),
+              /* @__PURE__ */ o.jsx(
+                l2,
+                {
+                  name: r,
+                  size: d,
+                  isChecked: L,
+                  isDisabled: z,
+                  indeterminate: i,
+                  dataTestId: k
+                }
+              )
+            ]
+          }
+        ) }),
+        C && /* @__PURE__ */ o.jsx(
+          "span",
+          {
+            "data-testid": `${k}-label-text`,
+            "data-clickable-label": w,
+            className: H.label,
+            onClick: W,
+            children: C
+          }
+        )
+      ]
+    }
+  );
+}), 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 = {
+  typography: c2,
+  disabled: d2,
+  primary: u2,
+  secondary: _2,
+  tertiary: p2,
+  accent: f2,
+  "accent-secondary": "_accent-secondary_zt7xg_33",
+  positive: g2,
+  "positive-secondary": "_positive-secondary_zt7xg_43",
+  negative: b2,
+  "negative-secondary": "_negative-secondary_zt7xg_53",
+  warning: h2,
+  "warning-secondary": "_warning-secondary_zt7xg_63",
+  special: y2,
+  "special-secondary": "_special-secondary_zt7xg_73",
+  contrast: m2,
+  "contrast-secondary": "_contrast-secondary_zt7xg_83"
+}, v2 = {
+  1: "h1",
+  2: "h2",
+  3: "h3",
+  4: "h4",
+  5: "h5"
+}, ct = (t) => {
+  const n = ut.forwardRef(
+    ({
+      size: r = 3,
+      children: s,
+      className: d,
+      "data-testid": i,
+      as: u,
+      fontWeight: _ = "semibold",
+      disabled: c = !1,
+      typographyStyle: b = "primary",
+      ...f
+    }, g) => {
+      const h = u || v2[r], C = J(
+        ce.typography,
+        be[`typography-${t}-${r}-${_}`],
+        ce[b],
+        {
+          [ce.disabled]: c
+        },
+        d
+      );
+      return s ? /* @__PURE__ */ o.jsx(h, { ref: g, className: C, "data-testid": i, ...f, children: s }) : null;
+    }
+  );
+  return n.displayName = `Typography.${t === "title" ? "Title" : "Subtitle"}`, n;
+}, dt = (t) => {
+  const n = ut.forwardRef(
+    ({
+      size: r = 3,
+      children: s,
+      className: d,
+      "data-testid": i,
+      as: u = "p",
+      fontWeight: _ = "regular",
+      disabled: c = !1,
+      typographyStyle: b = "primary",
+      ...f
+    }, g) => {
+      const h = u, C = J(
+        ce.typography,
+        be[`typography-${t}-${r}-${_}`],
+        ce[b],
+        {
+          [ce.disabled]: c
+        },
+        d
+      );
+      return s ? /* @__PURE__ */ o.jsx(
+        h,
+        {
+          ref: g,
+          className: C,
+          "data-testid": i,
+          ...f,
+          children: s
+        }
+      ) : null;
+    }
+  );
+  return n.displayName = `Typography.${t.charAt(0).toUpperCase() + t.slice(1)}`, n;
+}, O2 = {
+  Title: ct("title"),
+  Subtitle: ct("subtitle"),
+  Label: dt("label"),
+  Paragraph: dt("paragraph")
+};
 export {
-  Ur as Avatar,
-  Gr as Badge,
-  Zr as Button,
-  Hr as ConfigProvider,
-  Yr as Image,
-  mr as Loader,
-  Kr as Tag,
-  yr as enUS,
-  Jr as ruRU,
-  xr as useConfig,
-  qr as useLocale
+  $2 as Avatar,
+  k2 as Badge,
+  w2 as Button,
+  N2 as Checkbox,
+  R2 as ConfigProvider,
+  E2 as Image,
+  Sr as Loader,
+  T2 as Tag,
+  O2 as Typography,
+  jr as enUS,
+  j2 as ruRU,
+  Tr as useConfig,
+  S2 as useLocale
 };