skillgrid 0.0.13 → 0.0.16-beta

package/dist/index.es.js

@@ -1,8 +1,9 @@
-import tt, { forwardRef as te, useState as Te, useRef as rt, useEffect as at, useCallback as Ye, Fragment as Tt, createContext as Pt, useContext as Lt } from "react";
-import './index.css';function Nt(r) {
+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;
 }
-var Ce = { exports: {} }, se = {};
+var xe = { exports: {} }, ce = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -12,21 +13,21 @@ var Ce = { exports: {} }, se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var qe;
-function At() {
-  if (qe) return se;
-  qe = 1;
-  var r = tt, i = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, d = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function f(_, c, m) {
-    var b, v = {}, y = null, w = null;
-    m !== void 0 && (y = "" + m), c.key !== void 0 && (y = "" + c.key), c.ref !== void 0 && (w = c.ref);
-    for (b in c) o.call(c, b) && !s.hasOwnProperty(b) && (v[b] = c[b]);
-    if (_ && _.defaultProps) for (b in c = _.defaultProps, c) v[b] === void 0 && (v[b] = c[b]);
-    return { $$typeof: i, type: _, key: y, ref: w, props: v, _owner: d.current };
+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 };
   }
-  return se.Fragment = n, se.jsx = f, se.jsxs = f, se;
+  return ce.Fragment = a, ce.jsx = _, ce.jsxs = _, ce;
 }
-var ce = {};
+var ue = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -36,91 +37,91 @@ var ce = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var He;
-function Mt() {
-  return He || (He = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = tt, i = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), _ = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), $ = Symbol.iterator, k = "@@iterator";
-    function B(e) {
+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) {
       if (e === null || typeof e != "object")
         return null;
       var t = $ && e[$] || e[k];
       return typeof t == "function" ? t : null;
     }
     var S = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function C(e) {
+    function y(e) {
       {
-        for (var t = arguments.length, a = new Array(t > 1 ? t - 1 : 0), u = 1; u < t; u++)
-          a[u - 1] = arguments[u];
-        O("error", e, a);
+        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);
       }
     }
-    function O(e, t, a) {
+    function T(e, t, n) {
       {
-        var u = S.ReactDebugCurrentFrame, h = u.getStackAddendum();
-        h !== "" && (t += "%s", a = a.concat([h]));
-        var x = a.map(function(g) {
-          return String(g);
+        var u = S.ReactDebugCurrentFrame, m = u.getStackAddendum();
+        m !== "" && (t += "%s", n = n.concat([m]));
+        var x = n.map(function(v) {
+          return String(v);
         });
         x.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, x);
       }
     }
-    var L = !1, U = !1, F = !1, z = !1, V = !1, A;
+    var N = !1, U = !1, B = !1, F = !1, z = !1, A;
     A = Symbol.for("react.module.reference");
-    function H(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === s || V || e === d || e === m || e === b || z || e === w || L || U || F || typeof e == "object" && e !== null && (e.$$typeof === y || e.$$typeof === v || e.$$typeof === f || e.$$typeof === _ || e.$$typeof === c || // This needs to include all possible module reference object
+    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
       // 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 J(e, t, a) {
+    function K(e, t, n) {
       var u = e.displayName;
       if (u)
         return u;
-      var h = t.displayName || t.name || "";
-      return h !== "" ? a + "(" + h + ")" : a;
+      var m = t.displayName || t.name || "";
+      return m !== "" ? n + "(" + m + ")" : n;
     }
     function G(e) {
       return e.displayName || "Context";
     }
-    function N(e) {
+    function I(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && C("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" && y("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:
           return "Fragment";
-        case n:
+        case a:
           return "Portal";
-        case s:
+        case i:
           return "Profiler";
         case d:
           return "StrictMode";
-        case m:
+        case h:
           return "Suspense";
-        case b:
+        case p:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case _:
+          case f:
             var t = e;
             return G(t) + ".Consumer";
-          case f:
-            var a = e;
-            return G(a._context) + ".Provider";
+          case _:
+            var n = e;
+            return G(n._context) + ".Provider";
           case c:
-            return J(e, e.render, "ForwardRef");
-          case v:
+            return K(e, e.render, "ForwardRef");
+          case g:
             var u = e.displayName || null;
-            return u !== null ? u : N(e.type) || "Memo";
-          case y: {
-            var h = e, x = h._payload, g = h._init;
+            return u !== null ? u : I(e.type) || "Memo";
+          case C: {
+            var m = e, x = m._payload, v = m._init;
             try {
-              return N(g(x));
+              return I(v(x));
             } catch {
               return null;
             }
@@ -128,18 +129,18 @@ function Mt() {
         }
       return null;
     }
-    var W = Object.assign, K = 0, ue, de, fe, _e, pe, be, ge;
-    function ve() {
+    var V = Object.assign, Q = 0, _e, fe, pe, be, ge, ve, he;
+    function me() {
     }
-    ve.__reactDisabledLog = !0;
-    function xe() {
+    me.__reactDisabledLog = !0;
+    function we() {
       {
-        if (K === 0) {
-          ue = console.log, de = console.info, fe = console.warn, _e = console.error, pe = console.group, be = console.groupCollapsed, ge = console.groupEnd;
+        if (Q === 0) {
+          _e = console.log, fe = console.info, pe = console.warn, be = console.error, ge = console.group, ve = console.groupCollapsed, he = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: ve,
+            value: me,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -152,100 +153,100 @@ function Mt() {
             groupEnd: e
           });
         }
-        K++;
+        Q++;
       }
     }
-    function ye() {
+    function Ee() {
       {
-        if (K--, K === 0) {
+        if (Q--, Q === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: W({}, e, {
-              value: ue
-            }),
-            info: W({}, e, {
-              value: de
+            log: V({}, e, {
+              value: _e
             }),
-            warn: W({}, e, {
+            info: V({}, e, {
               value: fe
             }),
-            error: W({}, e, {
-              value: _e
-            }),
-            group: W({}, e, {
+            warn: V({}, e, {
               value: pe
             }),
-            groupCollapsed: W({}, e, {
+            error: V({}, e, {
               value: be
             }),
-            groupEnd: W({}, e, {
+            group: V({}, e, {
               value: ge
+            }),
+            groupCollapsed: V({}, e, {
+              value: ve
+            }),
+            groupEnd: V({}, e, {
+              value: he
             })
           });
         }
-        K < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Q < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ne = S.ReactCurrentDispatcher, Q;
-    function Y(e, t, a) {
+    var se = S.ReactCurrentDispatcher, X;
+    function Y(e, t, n) {
       {
-        if (Q === void 0)
+        if (X === void 0)
           try {
             throw Error();
-          } catch (h) {
-            var u = h.stack.trim().match(/\n( *(at )?)/);
-            Q = u && u[1] || "";
+          } catch (m) {
+            var u = m.stack.trim().match(/\n( *(at )?)/);
+            X = u && u[1] || "";
           }
         return `
-` + Q + e;
+` + X + e;
       }
     }
-    var X = !1, q;
+    var ee = !1, q;
     {
-      var oe = typeof WeakMap == "function" ? WeakMap : Map;
-      q = new oe();
+      var ie = typeof WeakMap == "function" ? WeakMap : Map;
+      q = new ie();
     }
-    function Pe(e, t) {
-      if (!e || X)
+    function Ne(e, t) {
+      if (!e || ee)
         return "";
       {
-        var a = q.get(e);
-        if (a !== void 0)
-          return a;
+        var n = q.get(e);
+        if (n !== void 0)
+          return n;
       }
       var u;
-      X = !0;
-      var h = Error.prepareStackTrace;
+      ee = !0;
+      var m = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var x;
-      x = ne.current, ne.current = null, xe();
+      x = se.current, se.current = null, we();
       try {
         if (t) {
-          var g = function() {
+          var v = function() {
             throw Error();
           };
-          if (Object.defineProperty(g.prototype, "props", {
+          if (Object.defineProperty(v.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(g, []);
+              Reflect.construct(v, []);
             } catch (P) {
               u = P;
             }
-            Reflect.construct(e, [], g);
+            Reflect.construct(e, [], v);
           } else {
             try {
-              g.call();
+              v.call();
             } catch (P) {
               u = P;
             }
-            e.call(g.prototype);
+            e.call(v.prototype);
           }
         } else {
           try {
@@ -257,17 +258,17 @@ function Mt() {
         }
       } catch (P) {
         if (P && u && typeof P.stack == "string") {
-          for (var p = P.stack.split(`
-`), T = u.stack.split(`
-`), E = p.length - 1, j = T.length - 1; E >= 1 && j >= 0 && p[E] !== T[j]; )
+          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 (p[E] !== T[j]) {
+            if (b[E] !== O[j]) {
               if (E !== 1 || j !== 1)
                 do
-                  if (E--, j--, j < 0 || p[E] !== T[j]) {
+                  if (E--, j--, j < 0 || b[E] !== O[j]) {
                     var M = `
-` + p[E].replace(" at new ", " at ");
+` + 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;
                   }
                 while (E >= 1 && j >= 0);
@@ -275,209 +276,209 @@ function Mt() {
             }
         }
       } finally {
-        X = !1, ne.current = x, ye(), Error.prepareStackTrace = h;
+        ee = !1, se.current = x, Ee(), Error.prepareStackTrace = m;
       }
-      var ae = e ? e.displayName || e.name : "", ee = ae ? Y(ae) : "";
-      return typeof e == "function" && q.set(e, ee), ee;
+      var oe = e ? e.displayName || e.name : "", te = oe ? Y(oe) : "";
+      return typeof e == "function" && q.set(e, te), te;
     }
-    function st(e, t, a) {
-      return Pe(e, !1);
+    function ut(e, t, n) {
+      return Ne(e, !1);
     }
-    function ct(e) {
+    function dt(e) {
       var t = e.prototype;
       return !!(t && t.isReactComponent);
     }
-    function he(e, t, a) {
+    function Ce(e, t, n) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Pe(e, ct(e));
+        return Ne(e, dt(e));
       if (typeof e == "string")
         return Y(e);
       switch (e) {
-        case m:
+        case h:
           return Y("Suspense");
-        case b:
+        case p:
           return Y("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case c:
-            return st(e.render);
-          case v:
-            return he(e.type, t, a);
-          case y: {
-            var u = e, h = u._payload, x = u._init;
+            return ut(e.render);
+          case g:
+            return Ce(e.type, t, n);
+          case C: {
+            var u = e, m = u._payload, x = u._init;
             try {
-              return he(x(h), t, a);
+              return Ce(x(m), t, n);
             } catch {
             }
           }
         }
       return "";
     }
-    var ie = Object.prototype.hasOwnProperty, Le = {}, Ne = S.ReactDebugCurrentFrame;
-    function me(e) {
+    var le = Object.prototype.hasOwnProperty, Ie = {}, Ae = S.ReactDebugCurrentFrame;
+    function ye(e) {
       if (e) {
-        var t = e._owner, a = he(e.type, e._source, t ? t.type : null);
-        Ne.setExtraStackFrame(a);
+        var t = e._owner, n = Ce(e.type, e._source, t ? t.type : null);
+        Ae.setExtraStackFrame(n);
       } else
-        Ne.setExtraStackFrame(null);
+        Ae.setExtraStackFrame(null);
     }
-    function lt(e, t, a, u, h) {
+    function _t(e, t, n, u, m) {
       {
-        var x = Function.call.bind(ie);
-        for (var g in e)
-          if (x(e, g)) {
-            var p = void 0;
+        var x = Function.call.bind(le);
+        for (var v in e)
+          if (x(e, v)) {
+            var b = void 0;
             try {
-              if (typeof e[g] != "function") {
-                var T = Error((u || "React class") + ": " + a + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw T.name = "Invariant Violation", T;
+              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;
               }
-              p = e[g](t, g, u, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              b = e[v](t, v, u, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (E) {
-              p = E;
+              b = E;
             }
-            p && !(p instanceof Error) && (me(h), C("%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", a, g, typeof p), me(null)), p instanceof Error && !(p.message in Le) && (Le[p.message] = !0, me(h), C("Failed %s type: %s", a, p.message), me(null));
+            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));
           }
       }
     }
-    var ut = Array.isArray;
-    function we(e) {
-      return ut(e);
+    var ft = Array.isArray;
+    function Re(e) {
+      return ft(e);
     }
-    function dt(e) {
+    function pt(e) {
       {
-        var t = typeof Symbol == "function" && Symbol.toStringTag, a = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return a;
+        var t = typeof Symbol == "function" && Symbol.toStringTag, n = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n;
       }
     }
-    function ft(e) {
+    function bt(e) {
       try {
-        return Ae(e), !1;
+        return Me(e), !1;
       } catch {
         return !0;
       }
     }
-    function Ae(e) {
+    function Me(e) {
       return "" + e;
     }
-    function Me(e) {
-      if (ft(e))
-        return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", dt(e)), Ae(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);
     }
-    var Ie = S.ReactCurrentOwner, _t = {
+    var Be = S.ReactCurrentOwner, gt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, De, Be;
-    function pt(e) {
-      if (ie.call(e, "ref")) {
+    }, Fe, ze;
+    function vt(e) {
+      if (le.call(e, "ref")) {
         var t = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (t && t.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function bt(e) {
-      if (ie.call(e, "key")) {
+    function ht(e) {
+      if (le.call(e, "key")) {
         var t = Object.getOwnPropertyDescriptor(e, "key").get;
         if (t && t.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function gt(e, t) {
-      typeof e.ref == "string" && Ie.current;
+    function mt(e, t) {
+      typeof e.ref == "string" && Be.current;
     }
-    function vt(e, t) {
+    function Ct(e, t) {
       {
-        var a = function() {
-          De || (De = !0, C("%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 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));
         };
-        a.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: a,
+        n.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: n,
           configurable: !0
         });
       }
     }
-    function ht(e, t) {
+    function yt(e, t) {
       {
-        var a = function() {
-          Be || (Be = !0, C("%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 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));
         };
-        a.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: a,
+        n.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: n,
           configurable: !0
         });
       }
     }
-    var mt = function(e, t, a, u, h, x, g) {
-      var p = {
+    var xt = function(e, t, n, u, m, x, v) {
+      var b = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: i,
+        $$typeof: s,
         // Built-in properties that belong on the element
         type: e,
         key: t,
-        ref: a,
-        props: g,
+        ref: n,
+        props: v,
         // Record the component responsible for creating this element.
         _owner: x
       };
-      return p._store = {}, Object.defineProperty(p._store, "validated", {
+      return b._store = {}, Object.defineProperty(b._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(p, "_self", {
+      }), Object.defineProperty(b, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: u
-      }), Object.defineProperty(p, "_source", {
+      }), Object.defineProperty(b, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: h
-      }), Object.freeze && (Object.freeze(p.props), Object.freeze(p)), p;
+        value: m
+      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     };
-    function Ct(e, t, a, u, h) {
+    function wt(e, t, n, u, m) {
       {
-        var x, g = {}, p = null, T = null;
-        a !== void 0 && (Me(a), p = "" + a), bt(t) && (Me(t.key), p = "" + t.key), pt(t) && (T = t.ref, gt(t, h));
+        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)
-          ie.call(t, x) && !_t.hasOwnProperty(x) && (g[x] = t[x]);
+          le.call(t, x) && !gt.hasOwnProperty(x) && (v[x] = t[x]);
         if (e && e.defaultProps) {
           var E = e.defaultProps;
           for (x in E)
-            g[x] === void 0 && (g[x] = E[x]);
+            v[x] === void 0 && (v[x] = E[x]);
         }
-        if (p || T) {
+        if (b || O) {
           var j = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          p && vt(g, j), T && ht(g, j);
+          b && Ct(v, j), O && yt(v, j);
         }
-        return mt(e, p, T, h, u, Ie.current, g);
+        return xt(e, b, O, m, u, Be.current, v);
       }
     }
-    var Ee = S.ReactCurrentOwner, Fe = S.ReactDebugCurrentFrame;
-    function re(e) {
+    var Se = S.ReactCurrentOwner, Ve = S.ReactDebugCurrentFrame;
+    function ne(e) {
       if (e) {
-        var t = e._owner, a = he(e.type, e._source, t ? t.type : null);
-        Fe.setExtraStackFrame(a);
+        var t = e._owner, n = Ce(e.type, e._source, t ? t.type : null);
+        Ve.setExtraStackFrame(n);
       } else
-        Fe.setExtraStackFrame(null);
+        Ve.setExtraStackFrame(null);
     }
-    var Re;
-    Re = !1;
-    function Se(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === i;
+    var je;
+    je = !1;
+    function $e(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === s;
     }
-    function ze() {
+    function We() {
       {
-        if (Ee.current) {
-          var e = N(Ee.current.type);
+        if (Se.current) {
+          var e = I(Se.current.type);
           if (e)
             return `
 
@@ -486,197 +487,405 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function xt(e) {
+    function Et(e) {
       return "";
     }
-    var Ve = {};
-    function yt(e) {
+    var Ze = {};
+    function Rt(e) {
       {
-        var t = ze();
+        var t = We();
         if (!t) {
-          var a = typeof e == "string" ? e : e.displayName || e.name;
-          a && (t = `
+          var n = typeof e == "string" ? e : e.displayName || e.name;
+          n && (t = `
 
-Check the top-level render call using <` + a + ">.");
+Check the top-level render call using <` + n + ">.");
         }
         return t;
       }
     }
-    function We(e, t) {
+    function Ue(e, t) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var a = yt(t);
-        if (Ve[a])
+        var n = Rt(t);
+        if (Ze[n])
           return;
-        Ve[a] = !0;
+        Ze[n] = !0;
         var u = "";
-        e && e._owner && e._owner !== Ee.current && (u = " It was passed a child from " + N(e._owner.type) + "."), re(e), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, u), re(null);
+        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);
       }
     }
-    function Ze(e, t) {
+    function Ge(e, t) {
       {
         if (typeof e != "object")
           return;
-        if (we(e))
-          for (var a = 0; a < e.length; a++) {
-            var u = e[a];
-            Se(u) && We(u, t);
+        if (Re(e))
+          for (var n = 0; n < e.length; n++) {
+            var u = e[n];
+            $e(u) && Ue(u, t);
           }
-        else if (Se(e))
+        else if ($e(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var h = B(e);
-          if (typeof h == "function" && h !== e.entries)
-            for (var x = h.call(e), g; !(g = x.next()).done; )
-              Se(g.value) && We(g.value, t);
+          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);
         }
       }
     }
-    function wt(e) {
+    function St(e) {
       {
         var t = e.type;
         if (t == null || typeof t == "string")
           return;
-        var a;
+        var n;
         if (typeof t == "function")
-          a = t.propTypes;
+          n = t.propTypes;
         else if (typeof t == "object" && (t.$$typeof === c || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        t.$$typeof === v))
-          a = t.propTypes;
+        t.$$typeof === g))
+          n = t.propTypes;
         else
           return;
-        if (a) {
-          var u = N(t);
-          lt(a, e.props, "prop", u, e);
-        } else if (t.PropTypes !== void 0 && !Re) {
-          Re = !0;
-          var h = N(t);
-          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", h || "Unknown");
+        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");
         }
-        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Et(e) {
+    function jt(e) {
       {
-        for (var t = Object.keys(e.props), a = 0; a < t.length; a++) {
-          var u = t[a];
+        for (var t = Object.keys(e.props), n = 0; n < t.length; n++) {
+          var u = t[n];
           if (u !== "children" && u !== "key") {
-            re(e), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", u), re(null);
+            ne(e), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", u), ne(null);
             break;
           }
         }
-        e.ref !== null && (re(e), C("Invalid attribute `ref` supplied to `React.Fragment`."), re(null));
+        e.ref !== null && (ne(e), y("Invalid attribute `ref` supplied to `React.Fragment`."), ne(null));
       }
     }
-    var Ue = {};
-    function Ge(e, t, a, u, h, x) {
+    var Ye = {};
+    function qe(e, t, n, u, m, x) {
       {
-        var g = H(e);
-        if (!g) {
-          var p = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (p += " 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 T = xt();
-          T ? p += T : p += ze();
+        var v = J(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" : we(e) ? E = "array" : e !== void 0 && e.$$typeof === i ? (E = "<" + (N(e.type) || "Unknown") + " />", p = " Did you accidentally export a JSX literal instead of a component?") : E = typeof e, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, p);
+          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 j = Ct(e, t, a, h, x);
+        var j = wt(e, t, n, m, x);
         if (j == null)
           return j;
-        if (g) {
+        if (v) {
           var M = t.children;
           if (M !== void 0)
             if (u)
-              if (we(M)) {
-                for (var ae = 0; ae < M.length; ae++)
-                  Ze(M[ae], e);
+              if (Re(M)) {
+                for (var oe = 0; oe < M.length; oe++)
+                  Ge(M[oe], e);
                 Object.freeze && Object.freeze(M);
               } else
-                C("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                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.");
             else
-              Ze(M, e);
+              Ge(M, e);
         }
-        if (ie.call(t, "key")) {
-          var ee = N(e), P = Object.keys(t).filter(function(Ot) {
-            return Ot !== "key";
-          }), je = P.length > 0 ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ue[ee + je]) {
-            var kt = P.length > 0 ? "{" + P.join(": ..., ") + ": ...}" : "{}";
-            C(`A props object containing a "key" prop is being spread into JSX:
+        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:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, je, ee, kt, ee), Ue[ee + je] = !0;
+  <%s key={someKey} {...props} />`, ke, te, Pt, te), Ye[te + ke] = !0;
           }
         }
-        return e === o ? Et(j) : wt(j), j;
+        return e === o ? jt(j) : St(j), j;
       }
     }
-    function Rt(e, t, a) {
-      return Ge(e, t, a, !0);
+    function $t(e, t, n) {
+      return qe(e, t, n, !0);
     }
-    function St(e, t, a) {
-      return Ge(e, t, a, !1);
+    function kt(e, t, n) {
+      return qe(e, t, n, !1);
     }
-    var jt = St, $t = Rt;
-    ce.Fragment = o, ce.jsx = jt, ce.jsxs = $t;
-  }()), ce;
+    var Tt = kt, Ot = $t;
+    ue.Fragment = o, ue.jsx = Tt, ue.jsxs = Ot;
+  }()), ue;
 }
-var Je;
-function It() {
-  return Je || (Je = 1, process.env.NODE_ENV === "production" ? Ce.exports = At() : Ce.exports = Mt()), Ce.exports;
+var Qe;
+function Ft() {
+  return Qe || (Qe = 1, process.env.NODE_ENV === "production" ? xe.exports = Dt() : xe.exports = Bt()), xe.exports;
 }
-var l = It(), $e = { 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,
+  icon: d,
+  children: i,
+  postfix: _,
+  showSubcaption: f,
+  subcaption: c,
+  size: h
+}) => {
+  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(
+      "span",
+      {
+        "data-testid": "button-badge",
+        className: ae(
+          R.badge,
+          R[`badge${p ? "ExtraSmall" : o === "medium" ? "Medium" : "Small"}`],
+          { [R.circular]: C && !p }
+        ),
+        children: !p && a
+      }
+    ),
+    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: _ })
+      ] })
+    ] }) : /* @__PURE__ */ l.jsx("span", { "data-testid": "button-icon", className: R.icon, children: d })
+  ] });
+}, Zr = H((r, s) => {
+  const {
+    mode: a = "primary",
+    size: o = "m",
+    buttonStyle: d = "neutral",
+    loading: i = !1,
+    disabled: _ = !1,
+    showBadge: f = !1,
+    badgeSize: c = "small",
+    badgeValue: h,
+    showSubcaption: p = !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],
+    {
+      [R.disabled]: y,
+      [R.loading]: T,
+      [R.stretched]: C,
+      [R.spaceBetween]: w && C,
+      [R.withSubcaption]: p && g && o !== "s" && o !== "xs",
+      [R.iconOnly]: U
+    },
+    L
+  ), F = {
+    isLoading: T,
+    showBadge: f,
+    badgeValue: h,
+    badgeSize: c,
+    icon: $,
+    children: S,
+    postfix: k,
+    showSubcaption: p,
+    subcaption: g,
+    size: o
+  };
+  if (zt(r)) {
+    const {
+      href: z,
+      onClick: A,
+      mode: J,
+      size: K,
+      buttonStyle: G,
+      loading: I,
+      disabled: V,
+      showBadge: Q,
+      badgeSize: _e,
+      badgeValue: fe,
+      showSubcaption: pe,
+      subcaption: be,
+      stretched: ge,
+      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);
+    };
+    return /* @__PURE__ */ l.jsx(
+      "a",
+      {
+        ref: s,
+        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 })
+      }
+    );
+  }
+  if (Vt(r)) {
+    const {
+      type: z = "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,
+      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);
+    };
+    return /* @__PURE__ */ l.jsx(
+      "button",
+      {
+        ref: s,
+        type: z,
+        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 })
+      }
+    );
+  }
+  return null;
+});
+var Te = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Ke;
-function Dt() {
-  return Ke || (Ke = 1, function(r) {
+var et;
+function w2() {
+  return et || (et = 1, function(r) {
     (function() {
-      var i = {}.hasOwnProperty;
-      function n() {
-        for (var s = "", f = 0; f < arguments.length; f++) {
-          var _ = arguments[f];
-          _ && (s = d(s, o(_)));
+      var s = {}.hasOwnProperty;
+      function a() {
+        for (var i = "", _ = 0; _ < arguments.length; _++) {
+          var f = arguments[_];
+          f && (i = d(i, o(f)));
         }
-        return s;
+        return i;
       }
-      function o(s) {
-        if (typeof s == "string" || typeof s == "number")
-          return s;
-        if (typeof s != "object")
+      function o(i) {
+        if (typeof i == "string" || typeof i == "number")
+          return i;
+        if (typeof i != "object")
           return "";
-        if (Array.isArray(s))
-          return n.apply(null, s);
-        if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]"))
-          return s.toString();
-        var f = "";
-        for (var _ in s)
-          i.call(s, _) && s[_] && (f = d(f, _));
-        return f;
+        if (Array.isArray(i))
+          return a.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 _;
       }
-      function d(s, f) {
-        return f ? s ? s + " " + f : s + f : s;
+      function d(i, _) {
+        return _ ? i ? i + " " + _ : i + _ : i;
       }
-      r.exports ? (n.default = n, r.exports = n) : window.classNames = n;
+      r.exports ? (a.default = a, r.exports = a) : window.classNames = a;
     })();
-  }($e)), $e.exports;
+  }(Te)), Te.exports;
 }
-var Bt = Dt();
-const D = /* @__PURE__ */ Nt(Bt), Ft = "_avatar_1ob17_4", zt = "_clickable_1ob17_23", Vt = "_icon_1ob17_40", Wt = "_disabled_1ob17_45", Zt = "_image_1ob17_51", Ut = "_name_1ob17_51", Gt = "_circle_1ob17_160", Yt = "_square_1ob17_164", I = {
-  avatar: Ft,
-  clickable: zt,
-  icon: Vt,
-  disabled: Wt,
-  image: Zt,
-  name: Ut,
+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",
@@ -685,8 +894,8 @@ const D = /* @__PURE__ */ Nt(Bt), Ft = "_avatar_1ob17_4", zt = "_clickable_1ob17
   "size-40": "_size-40_1ob17_139",
   "size-32": "_size-32_1ob17_146",
   "size-24": "_size-24_1ob17_153",
-  circle: Gt,
-  square: Yt,
+  circle: O2,
+  square: P2,
   "variant-filled": "_variant-filled_1ob17_185",
   "color-brand": "_color-brand_1ob17_190",
   "color-red": "_color-red_1ob17_194",
@@ -700,20 +909,20 @@ const D = /* @__PURE__ */ Nt(Bt), Ft = "_avatar_1ob17_4", zt = "_clickable_1ob17
   "color-contrast": "_color-contrast_1ob17_226",
   "variant-light": "_variant-light_1ob17_232",
   "variant-outline": "_variant-outline_1ob17_304"
-}, Qe = 99;
-function qt(r) {
-  return r < Qe ? `+${r}` : `${Qe}+`;
+}, tt = 99;
+function L2(r) {
+  return r < tt ? `+${r}` : `${tt}+`;
 }
-function nt(r) {
-  const i = typeof r == "string" ? r : JSON.stringify(r);
-  let n = 5381;
-  for (let o = 0; o < i.length; o++) {
-    const d = i.charCodeAt(o);
-    n = (n << 5) + n + d;
+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;
   }
-  return n >>> 0;
+  return a >>> 0;
 }
-const Ht = [
+const N2 = [
   "red",
   "orange",
   "yellow",
@@ -722,62 +931,71 @@ const Ht = [
   "lightblue",
   "purple"
 ];
-function Jt(r, i = Ht) {
-  const n = nt(r), o = Math.abs(n) % i.length;
-  return i[o];
+function I2(r, s = N2) {
+  const a = it(r), o = Math.abs(a) % s.length;
+  return s[o];
 }
-const Xe = 2;
-function Kt(r) {
-  const i = r.split(" ");
-  return i.length === 1 ? r.slice(0, Xe).toUpperCase() : i.map((n) => n[0]).slice(0, Xe).join("").toUpperCase();
+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();
 }
-function Qt(r, i) {
-  return i === "circle" ? r / 2 : r === 24 || r === 208 ? 8 : r === 32 || r === 40 || r === 48 ? 12 : r === 56 ? 16 : r === 84 || r === 96 ? 24 : 12;
+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 Xt = "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", e2 = "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", t2 = "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", r2 = "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", a2 = {
-  male: Xt,
-  female: e2,
-  org: r2,
-  neutral: t2
-}, Oe = te((r, i) => {
+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 {
-    style: n,
+    style: a,
     size: o = 40,
     isLoading: d = !1,
-    isDisabled: s = !1,
-    shape: f = "circle",
-    variant: _ = "light",
+    isDisabled: i = !1,
+    shape: _ = "circle",
+    variant: f = "light",
     placeholderType: c = "neutral",
-    name: m = "",
-    imgSrc: b,
-    imgAlt: v = "",
-    icon: y,
+    name: h = "",
+    imgSrc: p,
+    imgAlt: g = "",
+    icon: C,
     imgProps: w,
     colorScheme: $,
     "data-testid": k,
-    ...B
-  } = r, { onClick: S, onPointerDown: C } = B, L = !s && !d && (!!S || !!C), [U, F] = Te(!b), z = b && !U ? "image" : y ? "icon" : m ? "name" : "placeholder", V = z === "name" ? $ || Jt(m) : $ || "gray", A = D(
-    I.avatar,
-    I[f],
-    I[`size-${o}`],
-    I[`variant-${_}`],
-    I[`color-${V}`],
+    ...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}`],
     {
-      [I.disabled]: s,
-      [I.loading]: d,
-      [I.clickable]: L
+      [D.disabled]: i,
+      [D.loading]: d,
+      [D.clickable]: N
     }
-  ), H = {
-    icon: () => /* @__PURE__ */ l.jsx("span", { "data-testid": "avatar-icon", title: v, role: "img", className: D(I.icon), children: y == null ? void 0 : y({}) }),
-    name: () => /* @__PURE__ */ l.jsx("span", { role: "textbox", "data-testid": "avatar-name", className: D(I.name), title: v, children: Kt(m) }),
+  ), 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(
+      "span",
+      {
+        role: "textbox",
+        "data-testid": "avatar-name",
+        className: Z(D.name),
+        title: g,
+        children: A2(h)
+      }
+    ),
     placeholder: () => /* @__PURE__ */ l.jsx(
       "img",
       {
         ...w,
         "data-testid": "avatar-placeholder",
-        className: I.image,
-        src: a2[c],
-        alt: v
+        className: D.image,
+        src: V2[c],
+        alt: g
       }
     ),
     image: () => /* @__PURE__ */ l.jsx(
@@ -785,110 +1003,110 @@ const Xt = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
       {
         "data-testid": "avatar-image",
         ...w,
-        className: I.image,
-        src: b,
-        alt: v,
-        onLoad: () => F(!1),
+        className: D.image,
+        src: p,
+        alt: g,
+        onLoad: () => B(!1),
         onError: (G) => {
-          var N;
-          F(!0), (N = w == null ? void 0 : w.onError) == null || N.call(w, G);
+          var I;
+          B(!0), (I = w == null ? void 0 : w.onError) == null || I.call(w, G);
         }
       }
     )
-  }, J = (G) => {
-    L && (S == null || S(G));
+  }, K = (G) => {
+    N && (S == null || S(G));
   };
   return /* @__PURE__ */ l.jsx(
     "div",
     {
-      ref: i,
-      onClick: J,
+      ref: s,
+      onClick: K,
       className: A,
-      style: n,
+      style: a,
       "data-testid": k,
-      "aria-disabled": s || d,
-      children: H[z](null)
+      "aria-disabled": i || d,
+      children: J[F](null)
     }
   );
-}), n2 = "_avatarGroup_157g4_1", o2 = {
-  avatarGroup: n2
+}), W2 = "_avatarGroup_157g4_1", Z2 = {
+  avatarGroup: W2
 };
-let i2 = (r = 21) => crypto.getRandomValues(new Uint8Array(r)).reduce((i, n) => (n &= 63, n < 36 ? i += n.toString(36) : n < 62 ? i += (n - 26).toString(36).toUpperCase() : n > 62 ? i += "-" : i += "_", i), "");
-function s2(r, i, n, o, d, s, f) {
-  const _ = Math.min(d, s) / 2, c = Math.min(f, _), m = ["M0,0", `H${r}`, `V${i}`, "H0", "V0", "Z"].join(" "), b = [
-    `M${n + c},${o}`,
-    `L${n + d - c},${o}`,
+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}`,
     // Верхний правый угол
-    `A${c},${c} 0 0 1 ${n + d},${o + c}`,
-    `L${n + d},${o + s - c}`,
+    `A${c},${c} 0 0 1 ${a + d},${o + c}`,
+    `L${a + d},${o + i - c}`,
     // Нижний правый угол
-    `A${c},${c} 0 0 1 ${n + d - c},${o + s}`,
-    `L${n + c},${o + s}`,
+    `A${c},${c} 0 0 1 ${a + d - c},${o + i}`,
+    `L${a + c},${o + i}`,
     // Нижний левый угол
-    `A${c},${c} 0 0 1 ${n},${o + s - c}`,
-    `L${n},${o + c}`,
+    `A${c},${c} 0 0 1 ${a},${o + i - c}`,
+    `L${a},${o + c}`,
     // Верхний левый угол
-    `A${c},${c} 0 0 1 ${n + c},${o}`,
+    `A${c},${c} 0 0 1 ${a + c},${o}`,
     "Z"
   ].join(" ");
-  return `${m} ${b}`;
+  return `${h} ${p}`;
 }
-const c2 = 2, l2 = (r) => {
+const Y2 = 2, q2 = (r) => {
   const {
-    avatars: i = [],
-    overflowCount: n = 0,
+    avatars: s = [],
+    overflowCount: a = 0,
     size: o = 40,
     overlap: d = 0.3,
-    shape: s = "circle",
-    overflowOnClick: f
-  } = r, _ = o * d, c = -_ + c2, m = Qt(o, s), v = rt(i2()).current.toString(), y = D(o2.avatarGroup), w = s2(
+    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 - _,
+    o - f,
     // X-координата начала выреза
     0,
     // Y-координата начала выреза
     o,
     o,
-    m
+    h
   );
-  return i.length === 0 ? null : /* @__PURE__ */ l.jsxs("div", { className: y, children: [
-    i.map(($, k, B) => {
-      const S = k + 1 >= B.length;
+  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(
         "div",
         {
           style: {
             // Для последнего видимого аватара без overflowCount не применяем обрезку
-            clipPath: S && !n ? void 0 : `url(#${v})`,
+            clipPath: S && !a ? void 0 : `url(#${g})`,
             marginRight: c
           },
-          children: /* @__PURE__ */ l.jsx(Oe, { size: o, shape: s, ...$ })
+          children: /* @__PURE__ */ l.jsx(Pe, { size: o, shape: i, ...$ })
         },
-        nt($) + k
+        it($) + k
       );
     }),
-    n > 0 && /* @__PURE__ */ l.jsx("div", { style: { marginRight: c }, children: /* @__PURE__ */ l.jsx(
-      Oe,
+    a > 0 && /* @__PURE__ */ l.jsx("div", { style: { marginRight: c }, children: /* @__PURE__ */ l.jsx(
+      Pe,
       {
         size: o,
-        shape: s,
-        onClick: f,
-        icon: () => qt(n),
+        shape: i,
+        onClick: _,
+        icon: () => L2(a),
         colorScheme: "gray"
       }
     ) }),
-    /* @__PURE__ */ l.jsx("svg", { width: "0", height: "0", children: /* @__PURE__ */ l.jsx("clipPath", { id: `${v}`, children: /* @__PURE__ */ l.jsx("path", { clipPathUnits: "objectBoundingBox", d: w, clipRule: "evenodd" }) }) })
+    /* @__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" }) }) })
   ] });
-}, Sr = Object.assign(Oe, {
-  Group: l2
-}), u2 = "_wrapper_1ncab_5", d2 = "_badge__container_1ncab_6", f2 = "_badge__content_1ncab_7", _2 = "_interactive_1ncab_20", p2 = "_disabled_1ncab_21", b2 = "_icon_1ncab_22", Z = {
-  wrapper: u2,
-  badge__container: d2,
-  badge__content: f2,
-  interactive: _2,
-  disabled: p2,
-  icon: b2,
+}, 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",
@@ -920,333 +1138,127 @@ const c2 = 2, l2 = (r) => {
   "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"
-}, g2 = (r) => r === "rgba(0, 0, 0, 0)" || r === "transparent" || r.startsWith("rgba") && r.endsWith(", 0)"), v2 = (r) => {
+}, tr = (r) => r === "rgba(0, 0, 0, 0)" || r === "transparent" || r.startsWith("rgba") && r.endsWith(", 0)"), rr = (r) => {
   if (!r) return null;
-  let i = r;
-  for (; i; ) {
-    const o = window.getComputedStyle(i).backgroundColor;
-    if (!g2(o)) return o;
-    i = i.parentElement;
+  let s = r;
+  for (; s; ) {
+    const o = window.getComputedStyle(s).backgroundColor;
+    if (!tr(o)) return o;
+    s = s.parentElement;
   }
   return null;
-}, h2 = () => {
-  const r = rt(null), [i, n] = Te(null);
-  return at(() => {
+}, ar = () => {
+  const r = ot(null), [s, a] = Le(null);
+  return st(() => {
     if (r.current) {
-      const o = v2(r.current);
-      n(o);
+      const o = rr(r.current);
+      a(o);
     }
-  }, []), { ref: r, bgColor: i };
-}, jr = te((r, i) => {
+  }, []), { ref: r, bgColor: s };
+}, Gr = H((r, s) => {
   const {
-    icon: n,
+    icon: a,
     children: o,
     variant: d = "filled",
-    label: s,
-    colorScheme: f = "red",
-    size: _ = 20,
+    label: i,
+    colorScheme: _ = "red",
+    size: f = 20,
     position: c = "top-right",
-    positionOffset: m = { x: 0, y: 0 },
-    cutoutBackground: b,
-    isDisabled: v,
-    className: y,
+    positionOffset: h = { x: 0, y: 0 },
+    cutoutBackground: p,
+    isDisabled: g,
+    className: C,
     "data-testid": w = "badge",
     ...$
-  } = r, { onClick: k, onPointerDown: B } = $, { ref: S, bgColor: C } = h2(), O = b || C, U = !v && (!!k || !!B), F = D(Z.badge__container, Z[`position-${c}`]), z = D(
-    y,
-    Z.badge__content,
-    Z[`color-${f}`],
-    Z[`variant-${d}`],
+  } = 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(
+    C,
+    W.badge__content,
+    W[`color-${_}`],
+    W[`variant-${d}`],
     {
-      [Z.icon]: !!n,
-      [Z.interactive]: U,
-      [Z.disabled]: v
+      [W.icon]: !!a,
+      [W.interactive]: U,
+      [W.disabled]: g
     }
-  ), V = {
-    "--badge-height": `${_}px`,
-    "--badge-offset-x": `${m.x}px`,
-    "--badge-offset-y": `${m.y}px`,
-    ...O && { "--badge-cutout-bg": O },
+  ), z = {
+    "--badge-height": `${f}px`,
+    "--badge-offset-x": `${h.x}px`,
+    "--badge-offset-y": `${h.y}px`,
+    ...T && { "--badge-cutout-bg": T },
     ...d === "transparent" && { "--badge-cutout-bg": "transparent" }
-  }, A = (n == null ? void 0 : n({})) || s, H = (J) => {
-    U && (k == null || k(J));
+  }, A = (a == null ? void 0 : a({})) || i, J = (K) => {
+    U && (k == null || k(K));
   };
-  return /* @__PURE__ */ l.jsxs("div", { className: Z.wrapper, ref: S, "data-testid": w + "-wrapper", children: [
+  return /* @__PURE__ */ l.jsxs("div", { className: W.wrapper, ref: S, "data-testid": w + "-wrapper", children: [
     o,
     /* @__PURE__ */ l.jsx(
       "span",
       {
-        className: F,
-        style: V,
+        className: B,
+        style: z,
         "data-testid": w + "-container",
         children: /* @__PURE__ */ l.jsx(
           "span",
           {
             ...$,
-            onClick: H,
-            className: z,
+            onClick: J,
+            className: F,
             "data-testid": w + "-content",
-            ref: i,
-            "aria-disabled": v,
+            ref: s,
+            "aria-disabled": g,
             children: A
           }
         )
       }
     )
   ] });
-}), m2 = (r) => r.as === "a", C2 = (r) => r.as === void 0 || r.as === "button", x2 = "_button_unbux_213", y2 = "_disabled_unbux_237", w2 = "_loading_unbux_237", E2 = "_neutral_unbux_259", R2 = "_accent_unbux_263", S2 = "_positive_unbux_267", j2 = "_negative_unbux_271", $2 = "_contrast_unbux_275", k2 = "_special_unbux_279", O2 = "_primary_unbux_284", T2 = "_secondary_unbux_285", P2 = "_tertiary_unbux_286", L2 = "_label_unbux_321", N2 = "_rightGroup_unbux_333", A2 = "_iconOnly_unbux_349", M2 = "_large_unbux_357", I2 = "_medium_unbux_361", D2 = "_small_unbux_365", B2 = "_spaceBetween_unbux_370", F2 = "_stretched_unbux_384", z2 = "_icon_unbux_349", V2 = "_badge_unbux_705", W2 = "_badgeMedium_unbux_721", Z2 = "_circular_unbux_738", U2 = "_badgeSmall_unbux_743", G2 = "_badgeExtraSmall_unbux_765", Y2 = "_withSubcaption_unbux_784", q2 = "_subcaption_unbux_797", H2 = "_loader_unbux_804", J2 = "_spin_unbux_1", K2 = "_l_unbux_237", Q2 = "_m_unbux_361", X2 = "_s_unbux_279", er = "_xs_unbux_869", R = {
-  button: x2,
-  disabled: y2,
-  loading: w2,
-  neutral: E2,
-  accent: R2,
-  positive: S2,
-  negative: j2,
-  contrast: $2,
-  special: k2,
-  primary: O2,
-  secondary: T2,
-  tertiary: P2,
-  label: L2,
-  rightGroup: N2,
-  iconOnly: A2,
-  large: M2,
-  medium: I2,
-  small: D2,
-  spaceBetween: B2,
-  stretched: F2,
-  icon: z2,
-  badge: V2,
-  badgeMedium: W2,
-  circular: Z2,
-  badgeSmall: U2,
-  badgeExtraSmall: G2,
-  withSubcaption: Y2,
-  subcaption: q2,
-  loader: H2,
-  spin: J2,
-  l: K2,
-  m: Q2,
-  s: X2,
-  xs: er
-}, et = ({
-  isLoading: r,
-  showBadge: i,
-  badgeValue: n,
-  badgeSize: o,
-  icon: d,
-  children: s,
-  postfix: f,
-  showSubcaption: _,
-  subcaption: c,
-  size: m
-}) => {
-  if (r)
-    return /* @__PURE__ */ l.jsx("span", { className: R.loader, "data-testid": "button-loader", "aria-hidden": "true" });
-  const b = o === "extra-small", v = parseInt(String(n), 10), y = !isNaN(v) && v >= 0 && v <= 9;
-  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    i && (n || b) && /* @__PURE__ */ l.jsx(
-      "span",
-      {
-        "data-testid": "button-badge",
-        className: D(
-          R.badge,
-          R[`badge${b ? "ExtraSmall" : o === "medium" ? "Medium" : "Small"}`],
-          { [R.circular]: y && !b }
-        ),
-        children: !b && n
-      }
-    ),
-    _ && m !== "s" && m !== "xs" ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsx("span", { "data-testid": "button-label", className: R.label, children: s }),
-      /* @__PURE__ */ l.jsx("span", { "data-testid": "button-subcaption", className: R.subcaption, children: c })
-    ] }) : s ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsx("span", { "data-testid": "button-label", className: R.label, children: s }),
-      /* @__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 }),
-        f && /* @__PURE__ */ l.jsx("span", { "data-testid": "button-postfix", className: R.postfix, children: f })
-      ] })
-    ] }) : /* @__PURE__ */ l.jsx("span", { "data-testid": "button-icon", className: R.icon, children: d })
-  ] });
-}, $r = te((r, i) => {
-  const {
-    mode: n = "primary",
-    size: o = "m",
-    buttonStyle: d = "neutral",
-    loading: s = !1,
-    disabled: f = !1,
-    showBadge: _ = !1,
-    badgeSize: c = "small",
-    badgeValue: m,
-    showSubcaption: b = !1,
-    subcaption: v,
-    stretched: y = !1,
-    spaceBetween: w = !1,
-    icon: $,
-    postfix: k,
-    className: B,
-    children: S
-  } = r, C = f, O = s, L = !C && !O, U = !!$ && !S, F = D(
-    R.button,
-    R[o],
-    R[n],
-    R[d],
-    {
-      [R.disabled]: C,
-      [R.loading]: O,
-      [R.stretched]: y,
-      [R.spaceBetween]: w && y,
-      [R.withSubcaption]: b && v && o !== "s" && o !== "xs",
-      [R.iconOnly]: U
-    },
-    B
-  ), z = {
-    isLoading: O,
-    showBadge: _,
-    badgeValue: m,
-    badgeSize: c,
-    icon: $,
-    children: S,
-    postfix: k,
-    showSubcaption: b,
-    subcaption: v,
-    size: o
-  };
-  if (m2(r)) {
-    const {
-      href: V,
-      onClick: A,
-      mode: H,
-      size: J,
-      buttonStyle: G,
-      loading: N,
-      disabled: W,
-      showBadge: K,
-      badgeSize: ue,
-      badgeValue: de,
-      showSubcaption: fe,
-      subcaption: _e,
-      stretched: pe,
-      spaceBetween: be,
-      icon: ge,
-      postfix: ve,
-      className: xe,
-      tabIndex: ye,
-      children: ne,
-      "data-testid": Q,
-      style: Y,
-      ...X
-    } = r, q = (oe) => {
-      L && A && A(oe);
-    };
-    return /* @__PURE__ */ l.jsx(
-      "a",
-      {
-        ref: i,
-        className: F,
-        href: L ? V : void 0,
-        tabIndex: r.tabIndex,
-        onClick: q,
-        "data-testid": Q,
-        "aria-disabled": C || O,
-        style: Y,
-        ...X,
-        children: /* @__PURE__ */ l.jsx(et, { ...z })
-      }
-    );
-  }
-  if (C2(r)) {
-    const {
-      type: V = "button",
-      onClick: A,
-      mode: H,
-      size: J,
-      buttonStyle: G,
-      loading: N,
-      disabled: W,
-      showBadge: K,
-      badgeSize: ue,
-      badgeValue: de,
-      showSubcaption: fe,
-      subcaption: _e,
-      stretched: pe,
-      spaceBetween: be,
-      icon: ge,
-      postfix: ve,
-      className: xe,
-      tabIndex: ye,
-      children: ne,
-      "data-testid": Q,
-      style: Y,
-      ...X
-    } = r, q = (oe) => {
-      L && A && A(oe);
-    };
-    return /* @__PURE__ */ l.jsx(
-      "button",
-      {
-        ref: i,
-        type: V,
-        className: F,
-        disabled: C,
-        tabIndex: r.tabIndex,
-        onClick: q,
-        "data-testid": Q,
-        "aria-disabled": C || O,
-        style: Y,
-        ...X,
-        children: /* @__PURE__ */ l.jsx(et, { ...z })
-      }
-    );
-  }
-  return null;
-}), tr = "_container_chiat_7", rr = "_image_chiat_19", ar = "_loading_chiat_28", ke = {
-  container: tr,
-  image: rr,
-  loading: ar
-}, nr = "_loader_1tevf_1", or = "_spin_1tevf_1", ir = "_accent_1tevf_20", sr = "_neutral_1tevf_24", cr = "_positive_1tevf_28", lr = "_negative_1tevf_32", ur = "_gray_1tevf_36", dr = "_special_1tevf_40", fr = "_contrast_1tevf_44", _r = "_container_1tevf_48", pr = "_overlay_1tevf_56", le = {
-  loader: nr,
-  spin: or,
-  accent: ir,
-  neutral: sr,
-  positive: cr,
-  negative: lr,
-  gray: ur,
-  special: dr,
-  contrast: fr,
-  container: _r,
-  overlay: pr,
+}), 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,
   "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"
-}, ot = te(
+}, lt = H(
   ({
     size: r = 24,
-    variant: i = "accent",
-    className: n,
+    variant: s = "accent",
+    className: a,
     "data-testid": o = "loader",
     style: d,
-    ...s
-  }, f) => {
-    const _ = D(
-      le.loader,
-      le[i],
-      le[`size-${r}`],
-      n
+    ...i
+  }, _) => {
+    const f = Z(
+      de.loader,
+      de[s],
+      de[`size-${r}`],
+      a
     );
     return /* @__PURE__ */ l.jsx(
       "svg",
       {
-        ref: f,
-        className: _,
+        ref: _,
+        className: f,
         fill: "none",
         viewBox: "0 0 16 16",
         xmlns: "http://www.w3.org/2000/svg",
         "data-testid": o,
         style: d,
-        ...s,
+        ...i,
         children: /* @__PURE__ */ l.jsx(
           "path",
           {
@@ -1259,36 +1271,36 @@ const c2 = 2, l2 = (r) => {
       }
     );
   }
-), br = te((r, i) => {
+), hr = H((r, s) => {
   const {
-    loading: n = !1,
+    loading: a = !1,
     size: o = 24,
     variant: d = "accent",
-    children: s,
-    className: f,
-    style: _,
+    children: i,
+    className: _,
+    style: f,
     "data-testid": c,
-    ...m
-  } = r, b = D(le.container, f);
-  return /* @__PURE__ */ l.jsxs("div", { ref: i, className: b, style: _, "data-testid": c, ...m, children: [
-    s,
-    n && /* @__PURE__ */ l.jsx("div", { className: le.overlay, children: /* @__PURE__ */ l.jsx(ot, { size: o, variant: d, "data-testid": `${c}-spinner` }) })
+    ...h
+  } = r, p = Z(de.container, _);
+  return /* @__PURE__ */ l.jsxs("div", { ref: s, className: p, style: f, "data-testid": c, ...h, children: [
+    i,
+    a && /* @__PURE__ */ l.jsx("div", { className: de.overlay, children: /* @__PURE__ */ l.jsx(lt, { size: o, variant: d, "data-testid": `${c}-spinner` }) })
   ] });
-}), gr = te((r, i) => r.children ? /* @__PURE__ */ l.jsx(
-  br,
+}), mr = H((r, s) => r.children ? /* @__PURE__ */ l.jsx(
+  hr,
   {
-    ref: i,
+    ref: s,
     ...r
   }
-) : /* @__PURE__ */ l.jsx(ot, { ref: i, ...r })), vr = ({ width: r = 48, height: i = 48, className: n, "data-testid": o }) => /* @__PURE__ */ l.jsx(
+) : /* @__PURE__ */ l.jsx(lt, { ref: s, ...r })), Cr = ({ width: r = 48, height: s = 48, className: a, "data-testid": o }) => /* @__PURE__ */ l.jsx(
   "svg",
   {
     width: r,
-    height: i,
+    height: s,
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    className: n,
+    className: a,
     "data-testid": o,
     children: /* @__PURE__ */ l.jsx(
       "path",
@@ -1301,115 +1313,170 @@ const c2 = 2, l2 = (r) => {
       }
     )
   }
-), kr = te((r, i) => {
+), Yr = H((r, s) => {
   const {
-    alt: n = "",
+    alt: a = "",
     loading: o = "lazy",
     src: d,
-    isLoading: s = !1,
-    className: f,
-    "data-testid": _ = "image",
+    isLoading: i = !1,
+    className: _,
+    "data-testid": f = "image",
     onError: c,
-    onLoad: m,
-    ...b
-  } = r, [v, y] = Te("loading"), w = v === "error", $ = (s || v === "loading") && !w, k = v === "loaded" && !s, B = D(
-    ke.image,
+    onLoad: h,
+    ...p
+  } = r, [g, C] = Le("loading"), w = g === "error", $ = (i || g === "loading") && !w, k = g === "loaded" && !i, L = Z(
+    Oe.image,
     {
-      [ke.loading]: $
+      [Oe.loading]: $
     },
-    f
-  ), S = Ye(
-    (L) => {
-      y("loaded"), m == null || m(L);
+    _
+  ), S = He(
+    (N) => {
+      C("loaded"), h == null || h(N);
     },
-    [m]
-  ), C = Ye(
-    (L) => {
-      y("error"), c == null || c(L);
+    [h]
+  ), y = He(
+    (N) => {
+      C("error"), c == null || c(N);
     },
     [c]
-  ), O = {
-    loader: /* @__PURE__ */ l.jsxs(Tt, { children: [
-      /* @__PURE__ */ l.jsx(gr, { size: 48, variant: "special", "data-testid": `${_}-loader` }),
+  ), T = {
+    loader: /* @__PURE__ */ l.jsxs(Nt, { children: [
+      /* @__PURE__ */ l.jsx(mr, { size: 48, variant: "special", "data-testid": `${f}-loader` }),
       /* @__PURE__ */ l.jsx(
         "img",
         {
-          alt: n,
+          alt: a,
           src: d,
           onLoad: S,
-          onError: C,
+          onError: y,
           style: { display: "none" }
         }
       )
     ] }),
-    error: /* @__PURE__ */ l.jsx(vr, { "data-testid": `${_}-fallback` }),
+    error: /* @__PURE__ */ l.jsx(Cr, { "data-testid": `${f}-fallback` }),
     image: /* @__PURE__ */ l.jsx(
       "img",
       {
-        ref: i,
-        alt: n,
-        "data-testid": _,
+        ref: s,
+        alt: a,
+        "data-testid": f,
         loading: o,
         src: d,
-        className: B
+        className: L
       }
     )
   };
-  return at(() => {
+  return st(() => {
     if (!d) {
-      y("error");
+      C("error");
       return;
     }
-    y("loading");
-  }, [d]), /* @__PURE__ */ l.jsxs("div", { className: ke.container, "data-testid": `${_}-container`, ...b, children: [
-    $ && O.loader,
-    w && O.error,
-    k && O.image
+    C("loading");
+  }, [d]), /* @__PURE__ */ l.jsxs("div", { className: Oe.container, "data-testid": `${f}-container`, ...p, children: [
+    $ && T.loader,
+    w && T.error,
+    k && T.image
   ] });
-}), hr = {}, it = Pt({
-  locale: hr
-}), mr = () => {
-  const r = Lt(it);
+}), yr = {}, ct = It({
+  locale: yr
+}), xr = () => {
+  const r = At(ct);
   if (!r)
     throw new Error("useConfig must be used within a ConfigProvider");
   return r;
-}, Or = () => {
-  const { locale: r } = mr();
+}, qr = () => {
+  const { locale: r } = xr();
   return r;
-}, Cr = "_wrapper_1ukzl_1", xr = {
-  wrapper: Cr
-}, yr = {}, wr = {}, Er = {}, Tr = ({
+}, wr = {}, Er = {}, Rr = {}, Hr = ({
   locale: r = {},
-  theme: i,
-  children: n,
+  theme: s,
+  children: a,
   className: o
 }) => {
-  const d = i ? { ...Object.fromEntries(Object.entries(i)) } : {};
+  const d = s ? { ...Object.fromEntries(Object.entries(s)) } : {};
   return /* @__PURE__ */ l.jsx(
     "div",
     {
       "data-testid": "ConfigProvider-component",
       style: d,
-      className: D(
-        xr.wrapper,
-        yr.root,
-        wr.root,
-        Er.root,
+      className: ae(
+        wr,
+        Er,
+        Rr,
         o
       ),
-      children: /* @__PURE__ */ l.jsx(it.Provider, { value: { locale: r }, children: n })
+      children: /* @__PURE__ */ l.jsx(ct.Provider, { value: { locale: r }, children: a })
+    }
+  );
+}, 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) => {
+  const {
+    className: a,
+    children: o,
+    componentStyle: d = "neutral",
+    size: i = "medium",
+    disabled: _ = !1,
+    showLabel: f = !!o,
+    slotStart: c,
+    slotEnd: h,
+    slotStartWrapperProps: p = {},
+    slotEndWrapperProps: g = {},
+    "data-testid": C
+  } = r, { className: w, ...$ } = p, { className: k, ...L } = g;
+  return /* @__PURE__ */ l.jsxs(
+    "div",
+    {
+      className: ae(
+        re.tag,
+        re[i],
+        re[d],
+        {
+          [re.disabled]: _,
+          [at["typography-label-3-regular"]]: i === "medium",
+          [at["typography-subtitle-1-semibold"]]: i === "large"
+        },
+        a
+      ),
+      "data-testid": C || "tag-component",
+      ref: s,
+      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 })
+      ]
     }
   );
-}, Pr = {};
+});
 export {
-  Sr as Avatar,
-  jr as Badge,
-  $r as Button,
-  Tr as ConfigProvider,
-  kr as Image,
-  gr as Loader,
-  hr as enUS,
-  Pr as ruRU,
-  mr as useConfig,
-  Or as useLocale
+  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
 };