skillgrid 0.0.25 → 0.0.27

package/dist/index.es.js

@@ -1,10 +1,10 @@
-import * as Et from "react";
-import Lt, { forwardRef as te, useState as Ne, useEffect as Ee, useRef as ze, useCallback as Se, Fragment as Mt, createContext as ra, useContext as sa, useLayoutEffect as na, useImperativeHandle as oa, useId as $t } from "react";
-import { clsx as V } from "clsx";
-import './index.css';function ia(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+import * as Ot from "react";
+import lt, { forwardRef as X, Fragment as Oe, useState as ye, useEffect as ue, useRef as qe, useCallback as xe, useMemo as ya, createContext as Pt, useContext as qt, useLayoutEffect as va, useImperativeHandle as xa, useId as Ut } from "react";
+import { clsx as I } from "clsx";
+import './index.css';function Ca(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ue = { exports: {} }, Re = {};
+var ze = { exports: {} }, Ne = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -14,21 +14,21 @@ var Ue = { exports: {} }, Re = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ft;
-function la() {
-  if (ft) return Re;
-  ft = 1;
-  var t = Lt, r = Symbol.for("react.element"), a = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, i = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(_, d, f) {
-    var p, h = {}, b = null, y = null;
-    f !== void 0 && (b = "" + f), d.key !== void 0 && (b = "" + d.key), d.ref !== void 0 && (y = d.ref);
-    for (p in d) s.call(d, p) && !n.hasOwnProperty(p) && (h[p] = d[p]);
-    if (_ && _.defaultProps) for (p in d = _.defaultProps, d) h[p] === void 0 && (h[p] = d[p]);
-    return { $$typeof: r, type: _, key: b, ref: y, props: h, _owner: i.current };
+var Ct;
+function wa() {
+  if (Ct) return Ne;
+  Ct = 1;
+  var e = lt, r = Symbol.for("react.element"), a = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function l(u, c, p) {
+    var h, m = {}, b = null, g = null;
+    p !== void 0 && (b = "" + p), c.key !== void 0 && (b = "" + c.key), c.ref !== void 0 && (g = c.ref);
+    for (h in c) s.call(c, h) && !o.hasOwnProperty(h) && (m[h] = c[h]);
+    if (u && u.defaultProps) for (h in c = u.defaultProps, c) m[h] === void 0 && (m[h] = c[h]);
+    return { $$typeof: r, type: u, key: b, ref: g, props: m, _owner: i.current };
   }
-  return Re.Fragment = a, Re.jsx = c, Re.jsxs = c, Re;
+  return Ne.Fragment = a, Ne.jsx = l, Ne.jsxs = l, Ne;
 }
-var ke = {};
+var De = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -38,91 +38,91 @@ var ke = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var gt;
-function ca() {
-  return gt || (gt = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = Lt, r = Symbol.for("react.element"), a = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), n = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), _ = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), x = Symbol.iterator, M = "@@iterator";
-    function S(e) {
-      if (e === null || typeof e != "object")
+var wt;
+function Sa() {
+  return wt || (wt = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = lt, r = Symbol.for("react.element"), a = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), u = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), y = Symbol.iterator, S = "@@iterator";
+    function x(t) {
+      if (t === null || typeof t != "object")
         return null;
-      var l = x && e[x] || e[M];
-      return typeof l == "function" ? l : null;
+      var d = y && t[y] || t[S];
+      return typeof d == "function" ? d : null;
     }
-    var C = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function g(e) {
+    var C = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function _(t) {
       {
-        for (var l = arguments.length, u = new Array(l > 1 ? l - 1 : 0), v = 1; v < l; v++)
-          u[v - 1] = arguments[v];
-        $("error", e, u);
+        for (var d = arguments.length, f = new Array(d > 1 ? d - 1 : 0), w = 1; w < d; w++)
+          f[w - 1] = arguments[w];
+        L("error", t, f);
       }
     }
-    function $(e, l, u) {
+    function L(t, d, f) {
       {
-        var v = C.ReactDebugCurrentFrame, I = v.getStackAddendum();
-        I !== "" && (l += "%s", u = u.concat([I]));
-        var R = u.map(function(E) {
-          return String(E);
+        var w = C.ReactDebugCurrentFrame, D = w.getStackAddendum();
+        D !== "" && (d += "%s", f = f.concat([D]));
+        var q = f.map(function(R) {
+          return String(R);
         });
-        R.unshift("Warning: " + l), Function.prototype.apply.call(console[e], console, R);
+        q.unshift("Warning: " + d), Function.prototype.apply.call(console[t], console, q);
       }
     }
-    var k = !1, D = !1, T = !1, A = !1, N = !1, U;
+    var E = !1, A = !1, j = !1, T = !1, O = !1, U;
     U = Symbol.for("react.module.reference");
-    function q(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === s || e === n || N || e === i || e === f || e === p || A || e === y || k || D || T || typeof e == "object" && e !== null && (e.$$typeof === b || e.$$typeof === h || e.$$typeof === c || e.$$typeof === _ || e.$$typeof === d || // This needs to include all possible module reference object
+    function B(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === s || t === o || O || t === i || t === p || t === h || T || t === g || E || A || j || typeof t == "object" && t !== null && (t.$$typeof === b || t.$$typeof === m || t.$$typeof === l || t.$$typeof === u || t.$$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 === U || e.getModuleId !== void 0));
+      t.$$typeof === U || t.getModuleId !== void 0));
     }
-    function z(e, l, u) {
-      var v = e.displayName;
-      if (v)
-        return v;
-      var I = l.displayName || l.name || "";
-      return I !== "" ? u + "(" + I + ")" : u;
+    function z(t, d, f) {
+      var w = t.displayName;
+      if (w)
+        return w;
+      var D = d.displayName || d.name || "";
+      return D !== "" ? f + "(" + D + ")" : f;
     }
-    function O(e) {
-      return e.displayName || "Context";
+    function N(t) {
+      return t.displayName || "Context";
     }
-    function m(e) {
-      if (e == null)
+    function v(t) {
+      if (t == null)
         return null;
-      if (typeof e.tag == "number" && g("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) {
+      if (typeof t.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
+        return t.displayName || t.name || null;
+      if (typeof t == "string")
+        return t;
+      switch (t) {
         case s:
           return "Fragment";
         case a:
           return "Portal";
-        case n:
+        case o:
           return "Profiler";
         case i:
           return "StrictMode";
-        case f:
-          return "Suspense";
         case p:
+          return "Suspense";
+        case h:
           return "SuspenseList";
       }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case _:
-            var l = e;
-            return O(l) + ".Consumer";
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case u:
+            var d = t;
+            return N(d) + ".Consumer";
+          case l:
+            var f = t;
+            return N(f._context) + ".Provider";
           case c:
-            var u = e;
-            return O(u._context) + ".Provider";
-          case d:
-            return z(e, e.render, "ForwardRef");
-          case h:
-            var v = e.displayName || null;
-            return v !== null ? v : m(e.type) || "Memo";
+            return z(t, t.render, "ForwardRef");
+          case m:
+            var w = t.displayName || null;
+            return w !== null ? w : v(t.type) || "Memo";
           case b: {
-            var I = e, R = I._payload, E = I._init;
+            var D = t, q = D._payload, R = D._init;
             try {
-              return m(E(R));
+              return v(R(q));
             } catch {
               return null;
             }
@@ -130,764 +130,767 @@ function ca() {
         }
       return null;
     }
-    var j = Object.assign, B = 0, G, H, Q, ae, J, re, se;
-    function de() {
-    }
-    de.__reactDisabledLog = !0;
+    var $ = Object.assign, P = 0, F, G, Q, ne, Z, ie, ee;
     function ve() {
+    }
+    ve.__reactDisabledLog = !0;
+    function Ae() {
       {
-        if (B === 0) {
-          G = console.log, H = console.info, Q = console.warn, ae = console.error, J = console.group, re = console.groupCollapsed, se = console.groupEnd;
-          var e = {
+        if (P === 0) {
+          F = console.log, G = console.info, Q = console.warn, ne = console.error, Z = console.group, ie = console.groupCollapsed, ee = console.groupEnd;
+          var t = {
             configurable: !0,
             enumerable: !0,
-            value: de,
+            value: ve,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
+            info: t,
+            log: t,
+            warn: t,
+            error: t,
+            group: t,
+            groupCollapsed: t,
+            groupEnd: t
           });
         }
-        B++;
+        P++;
       }
     }
-    function ie() {
+    function fe() {
       {
-        if (B--, B === 0) {
-          var e = {
+        if (P--, P === 0) {
+          var t = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: j({}, e, {
-              value: G
+            log: $({}, t, {
+              value: F
             }),
-            info: j({}, e, {
-              value: H
+            info: $({}, t, {
+              value: G
             }),
-            warn: j({}, e, {
+            warn: $({}, t, {
               value: Q
             }),
-            error: j({}, e, {
-              value: ae
+            error: $({}, t, {
+              value: ne
             }),
-            group: j({}, e, {
-              value: J
+            group: $({}, t, {
+              value: Z
             }),
-            groupCollapsed: j({}, e, {
-              value: re
+            groupCollapsed: $({}, t, {
+              value: ie
             }),
-            groupEnd: j({}, e, {
-              value: se
+            groupEnd: $({}, t, {
+              value: ee
             })
           });
         }
-        B < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        P < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ye = C.ReactCurrentDispatcher, ue;
-    function le(e, l, u) {
+    var Ee = C.ReactCurrentDispatcher, ke;
+    function we(t, d, f) {
       {
-        if (ue === void 0)
+        if (ke === void 0)
           try {
             throw Error();
-          } catch (I) {
-            var v = I.stack.trim().match(/\n( *(at )?)/);
-            ue = v && v[1] || "";
+          } catch (D) {
+            var w = D.stack.trim().match(/\n( *(at )?)/);
+            ke = w && w[1] || "";
           }
         return `
-` + ue + e;
+` + ke + t;
       }
     }
-    var me = !1, _e;
+    var Ue = !1, je;
     {
-      var xe = typeof WeakMap == "function" ? WeakMap : Map;
-      _e = new xe();
+      var Ve = typeof WeakMap == "function" ? WeakMap : Map;
+      je = new Ve();
     }
-    function De(e, l) {
-      if (!e || me)
+    function Be(t, d) {
+      if (!t || Ue)
         return "";
       {
-        var u = _e.get(e);
-        if (u !== void 0)
-          return u;
+        var f = je.get(t);
+        if (f !== void 0)
+          return f;
       }
-      var v;
-      me = !0;
-      var I = Error.prepareStackTrace;
+      var w;
+      Ue = !0;
+      var D = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var R;
-      R = ye.current, ye.current = null, ve();
+      var q;
+      q = Ee.current, Ee.current = null, Ae();
       try {
-        if (l) {
-          var E = function() {
+        if (d) {
+          var R = function() {
             throw Error();
           };
-          if (Object.defineProperty(E.prototype, "props", {
+          if (Object.defineProperty(R.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(E, []);
-            } catch (ee) {
-              v = ee;
+              Reflect.construct(R, []);
+            } catch (re) {
+              w = re;
             }
-            Reflect.construct(e, [], E);
+            Reflect.construct(t, [], R);
           } else {
             try {
-              E.call();
-            } catch (ee) {
-              v = ee;
+              R.call();
+            } catch (re) {
+              w = re;
             }
-            e.call(E.prototype);
+            t.call(R.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (ee) {
-            v = ee;
+          } catch (re) {
+            w = re;
           }
-          e();
+          t();
         }
-      } catch (ee) {
-        if (ee && v && typeof ee.stack == "string") {
-          for (var w = ee.stack.split(`
-`), K = v.stack.split(`
-`), F = w.length - 1, W = K.length - 1; F >= 1 && W >= 0 && w[F] !== K[W]; )
-            W--;
-          for (; F >= 1 && W >= 0; F--, W--)
-            if (w[F] !== K[W]) {
-              if (F !== 1 || W !== 1)
+      } catch (re) {
+        if (re && w && typeof re.stack == "string") {
+          for (var k = re.stack.split(`
+`), te = w.stack.split(`
+`), H = k.length - 1, V = te.length - 1; H >= 1 && V >= 0 && k[H] !== te[V]; )
+            V--;
+          for (; H >= 1 && V >= 0; H--, V--)
+            if (k[H] !== te[V]) {
+              if (H !== 1 || V !== 1)
                 do
-                  if (F--, W--, W < 0 || w[F] !== K[W]) {
-                    var ne = `
-` + w[F].replace(" at new ", " at ");
-                    return e.displayName && ne.includes("<anonymous>") && (ne = ne.replace("<anonymous>", e.displayName)), typeof e == "function" && _e.set(e, ne), ne;
+                  if (H--, V--, V < 0 || k[H] !== te[V]) {
+                    var le = `
+` + k[H].replace(" at new ", " at ");
+                    return t.displayName && le.includes("<anonymous>") && (le = le.replace("<anonymous>", t.displayName)), typeof t == "function" && je.set(t, le), le;
                   }
-                while (F >= 1 && W >= 0);
+                while (H >= 1 && V >= 0);
               break;
             }
         }
       } finally {
-        me = !1, ye.current = R, ie(), Error.prepareStackTrace = I;
+        Ue = !1, Ee.current = q, fe(), Error.prepareStackTrace = D;
       }
-      var Me = e ? e.displayName || e.name : "", Ce = Me ? le(Me) : "";
-      return typeof e == "function" && _e.set(e, Ce), Ce;
+      var Re = t ? t.displayName || t.name : "", Se = Re ? we(Re) : "";
+      return typeof t == "function" && je.set(t, Se), Se;
     }
-    function We(e, l, u) {
-      return De(e, !1);
+    function Ze(t, d, f) {
+      return Be(t, !1);
     }
-    function Ve(e) {
-      var l = e.prototype;
-      return !!(l && l.isReactComponent);
+    function Ye(t) {
+      var d = t.prototype;
+      return !!(d && d.isReactComponent);
     }
-    function Z(e, l, u) {
-      if (e == null)
+    function Y(t, d, f) {
+      if (t == null)
         return "";
-      if (typeof e == "function")
-        return De(e, Ve(e));
-      if (typeof e == "string")
-        return le(e);
-      switch (e) {
-        case f:
-          return le("Suspense");
+      if (typeof t == "function")
+        return Be(t, Ye(t));
+      if (typeof t == "string")
+        return we(t);
+      switch (t) {
         case p:
-          return le("SuspenseList");
+          return we("Suspense");
+        case h:
+          return we("SuspenseList");
       }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case d:
-            return We(e.render);
-          case h:
-            return Z(e.type, l, u);
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case c:
+            return Ze(t.render);
+          case m:
+            return Y(t.type, d, f);
           case b: {
-            var v = e, I = v._payload, R = v._init;
+            var w = t, D = w._payload, q = w._init;
             try {
-              return Z(R(I), l, u);
+              return Y(q(D), d, f);
             } catch {
             }
           }
         }
       return "";
     }
-    var Y = Object.prototype.hasOwnProperty, ce = {}, tt = C.ReactDebugCurrentFrame;
-    function Oe(e) {
-      if (e) {
-        var l = e._owner, u = Z(e.type, e._source, l ? l.type : null);
-        tt.setExtraStackFrame(u);
+    var K = Object.prototype.hasOwnProperty, de = {}, ct = C.ReactDebugCurrentFrame;
+    function Fe(t) {
+      if (t) {
+        var d = t._owner, f = Y(t.type, t._source, d ? d.type : null);
+        ct.setExtraStackFrame(f);
       } else
-        tt.setExtraStackFrame(null);
+        ct.setExtraStackFrame(null);
     }
-    function Nt(e, l, u, v, I) {
+    function Jt(t, d, f, w, D) {
       {
-        var R = Function.call.bind(Y);
-        for (var E in e)
-          if (R(e, E)) {
-            var w = void 0;
+        var q = Function.call.bind(K);
+        for (var R in t)
+          if (q(t, R)) {
+            var k = void 0;
             try {
-              if (typeof e[E] != "function") {
-                var K = Error((v || "React class") + ": " + u + " type `" + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[E] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw K.name = "Invariant Violation", K;
+              if (typeof t[R] != "function") {
+                var te = Error((w || "React class") + ": " + f + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw te.name = "Invariant Violation", te;
               }
-              w = e[E](l, E, v, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (F) {
-              w = F;
+              k = t[R](d, R, w, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (H) {
+              k = H;
             }
-            w && !(w instanceof Error) && (Oe(I), g("%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).", v || "React class", u, E, typeof w), Oe(null)), w instanceof Error && !(w.message in ce) && (ce[w.message] = !0, Oe(I), g("Failed %s type: %s", u, w.message), Oe(null));
+            k && !(k instanceof Error) && (Fe(D), _("%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).", w || "React class", f, R, typeof k), Fe(null)), k instanceof Error && !(k.message in de) && (de[k.message] = !0, Fe(D), _("Failed %s type: %s", f, k.message), Fe(null));
           }
       }
     }
-    var Dt = Array.isArray;
-    function He(e) {
-      return Dt(e);
+    var Xt = Array.isArray;
+    function Ke(t) {
+      return Xt(t);
     }
-    function Ot(e) {
+    function Qt(t) {
       {
-        var l = typeof Symbol == "function" && Symbol.toStringTag, u = l && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return u;
+        var d = typeof Symbol == "function" && Symbol.toStringTag, f = d && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return f;
       }
     }
-    function Ut(e) {
+    function ea(t) {
       try {
-        return at(e), !1;
+        return dt(t), !1;
       } catch {
         return !0;
       }
     }
-    function at(e) {
-      return "" + e;
+    function dt(t) {
+      return "" + t;
     }
-    function rt(e) {
-      if (Ut(e))
-        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ot(e)), at(e);
+    function ut(t) {
+      if (ea(t))
+        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Qt(t)), dt(t);
     }
-    var st = C.ReactCurrentOwner, Bt = {
+    var _t = C.ReactCurrentOwner, ta = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, nt, ot;
-    function Ft(e) {
-      if (Y.call(e, "ref")) {
-        var l = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (l && l.isReactWarning)
+    }, pt, ft;
+    function aa(t) {
+      if (K.call(t, "ref")) {
+        var d = Object.getOwnPropertyDescriptor(t, "ref").get;
+        if (d && d.isReactWarning)
           return !1;
       }
-      return e.ref !== void 0;
+      return t.ref !== void 0;
     }
-    function Pt(e) {
-      if (Y.call(e, "key")) {
-        var l = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (l && l.isReactWarning)
+    function ra(t) {
+      if (K.call(t, "key")) {
+        var d = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (d && d.isReactWarning)
           return !1;
       }
-      return e.key !== void 0;
+      return t.key !== void 0;
     }
-    function zt(e, l) {
-      typeof e.ref == "string" && st.current;
+    function sa(t, d) {
+      typeof t.ref == "string" && _t.current;
     }
-    function Wt(e, l) {
+    function na(t, d) {
       {
-        var u = function() {
-          nt || (nt = !0, g("%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)", l));
+        var f = function() {
+          pt || (pt = !0, _("%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)", d));
         };
-        u.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: u,
+        f.isReactWarning = !0, Object.defineProperty(t, "key", {
+          get: f,
           configurable: !0
         });
       }
     }
-    function Vt(e, l) {
+    function oa(t, d) {
       {
-        var u = function() {
-          ot || (ot = !0, g("%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)", l));
+        var f = function() {
+          ft || (ft = !0, _("%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)", d));
         };
-        u.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: u,
+        f.isReactWarning = !0, Object.defineProperty(t, "ref", {
+          get: f,
           configurable: !0
         });
       }
     }
-    var Ht = function(e, l, u, v, I, R, E) {
-      var w = {
+    var ia = function(t, d, f, w, D, q, R) {
+      var k = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
         // Built-in properties that belong on the element
-        type: e,
-        key: l,
-        ref: u,
-        props: E,
+        type: t,
+        key: d,
+        ref: f,
+        props: R,
         // Record the component responsible for creating this element.
-        _owner: R
+        _owner: q
       };
-      return w._store = {}, Object.defineProperty(w._store, "validated", {
+      return k._store = {}, Object.defineProperty(k._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(w, "_self", {
+      }), Object.defineProperty(k, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: v
-      }), Object.defineProperty(w, "_source", {
+        value: w
+      }), Object.defineProperty(k, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: I
-      }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w;
+        value: D
+      }), Object.freeze && (Object.freeze(k.props), Object.freeze(k)), k;
     };
-    function qt(e, l, u, v, I) {
+    function la(t, d, f, w, D) {
       {
-        var R, E = {}, w = null, K = null;
-        u !== void 0 && (rt(u), w = "" + u), Pt(l) && (rt(l.key), w = "" + l.key), Ft(l) && (K = l.ref, zt(l, I));
-        for (R in l)
-          Y.call(l, R) && !Bt.hasOwnProperty(R) && (E[R] = l[R]);
-        if (e && e.defaultProps) {
-          var F = e.defaultProps;
-          for (R in F)
-            E[R] === void 0 && (E[R] = F[R]);
+        var q, R = {}, k = null, te = null;
+        f !== void 0 && (ut(f), k = "" + f), ra(d) && (ut(d.key), k = "" + d.key), aa(d) && (te = d.ref, sa(d, D));
+        for (q in d)
+          K.call(d, q) && !ta.hasOwnProperty(q) && (R[q] = d[q]);
+        if (t && t.defaultProps) {
+          var H = t.defaultProps;
+          for (q in H)
+            R[q] === void 0 && (R[q] = H[q]);
         }
-        if (w || K) {
-          var W = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          w && Wt(E, W), K && Vt(E, W);
+        if (k || te) {
+          var V = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          k && na(R, V), te && oa(R, V);
         }
-        return Ht(e, w, K, I, v, st.current, E);
+        return ia(t, k, te, D, w, _t.current, R);
       }
     }
-    var qe = C.ReactCurrentOwner, it = C.ReactDebugCurrentFrame;
-    function Le(e) {
-      if (e) {
-        var l = e._owner, u = Z(e.type, e._source, l ? l.type : null);
-        it.setExtraStackFrame(u);
+    var Je = C.ReactCurrentOwner, ht = C.ReactDebugCurrentFrame;
+    function $e(t) {
+      if (t) {
+        var d = t._owner, f = Y(t.type, t._source, d ? d.type : null);
+        ht.setExtraStackFrame(f);
       } else
-        it.setExtraStackFrame(null);
+        ht.setExtraStackFrame(null);
     }
-    var Ge;
-    Ge = !1;
-    function Ze(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === r;
+    var Xe;
+    Xe = !1;
+    function Qe(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === r;
     }
-    function lt() {
+    function gt() {
       {
-        if (qe.current) {
-          var e = m(qe.current.type);
-          if (e)
+        if (Je.current) {
+          var t = v(Je.current.type);
+          if (t)
             return `
 
-Check the render method of \`` + e + "`.";
+Check the render method of \`` + t + "`.";
         }
         return "";
       }
     }
-    function Gt(e) {
+    function ca(t) {
       return "";
     }
-    var ct = {};
-    function Zt(e) {
+    var bt = {};
+    function da(t) {
       {
-        var l = lt();
-        if (!l) {
-          var u = typeof e == "string" ? e : e.displayName || e.name;
-          u && (l = `
+        var d = gt();
+        if (!d) {
+          var f = typeof t == "string" ? t : t.displayName || t.name;
+          f && (d = `
 
-Check the top-level render call using <` + u + ">.");
+Check the top-level render call using <` + f + ">.");
         }
-        return l;
+        return d;
       }
     }
-    function dt(e, l) {
+    function mt(t, d) {
       {
-        if (!e._store || e._store.validated || e.key != null)
+        if (!t._store || t._store.validated || t.key != null)
           return;
-        e._store.validated = !0;
-        var u = Zt(l);
-        if (ct[u])
+        t._store.validated = !0;
+        var f = da(d);
+        if (bt[f])
           return;
-        ct[u] = !0;
-        var v = "";
-        e && e._owner && e._owner !== qe.current && (v = " It was passed a child from " + m(e._owner.type) + "."), Le(e), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, v), Le(null);
+        bt[f] = !0;
+        var w = "";
+        t && t._owner && t._owner !== Je.current && (w = " It was passed a child from " + v(t._owner.type) + "."), $e(t), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', f, w), $e(null);
       }
     }
-    function ut(e, l) {
+    function yt(t, d) {
       {
-        if (typeof e != "object")
+        if (typeof t != "object")
           return;
-        if (He(e))
-          for (var u = 0; u < e.length; u++) {
-            var v = e[u];
-            Ze(v) && dt(v, l);
+        if (Ke(t))
+          for (var f = 0; f < t.length; f++) {
+            var w = t[f];
+            Qe(w) && mt(w, d);
           }
-        else if (Ze(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var I = S(e);
-          if (typeof I == "function" && I !== e.entries)
-            for (var R = I.call(e), E; !(E = R.next()).done; )
-              Ze(E.value) && dt(E.value, l);
+        else if (Qe(t))
+          t._store && (t._store.validated = !0);
+        else if (t) {
+          var D = x(t);
+          if (typeof D == "function" && D !== t.entries)
+            for (var q = D.call(t), R; !(R = q.next()).done; )
+              Qe(R.value) && mt(R.value, d);
         }
       }
     }
-    function Yt(e) {
+    function ua(t) {
       {
-        var l = e.type;
-        if (l == null || typeof l == "string")
+        var d = t.type;
+        if (d == null || typeof d == "string")
           return;
-        var u;
-        if (typeof l == "function")
-          u = l.propTypes;
-        else if (typeof l == "object" && (l.$$typeof === d || // Note: Memo only checks outer props here.
+        var f;
+        if (typeof d == "function")
+          f = d.propTypes;
+        else if (typeof d == "object" && (d.$$typeof === c || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        l.$$typeof === h))
-          u = l.propTypes;
+        d.$$typeof === m))
+          f = d.propTypes;
         else
           return;
-        if (u) {
-          var v = m(l);
-          Nt(u, e.props, "prop", v, e);
-        } else if (l.PropTypes !== void 0 && !Ge) {
-          Ge = !0;
-          var I = m(l);
-          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", I || "Unknown");
+        if (f) {
+          var w = v(d);
+          Jt(f, t.props, "prop", w, t);
+        } else if (d.PropTypes !== void 0 && !Xe) {
+          Xe = !0;
+          var D = v(d);
+          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", D || "Unknown");
         }
-        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof d.getDefaultProps == "function" && !d.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Jt(e) {
+    function _a(t) {
       {
-        for (var l = Object.keys(e.props), u = 0; u < l.length; u++) {
-          var v = l[u];
-          if (v !== "children" && v !== "key") {
-            Le(e), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), Le(null);
+        for (var d = Object.keys(t.props), f = 0; f < d.length; f++) {
+          var w = d[f];
+          if (w !== "children" && w !== "key") {
+            $e(t), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), $e(null);
             break;
           }
         }
-        e.ref !== null && (Le(e), g("Invalid attribute `ref` supplied to `React.Fragment`."), Le(null));
+        t.ref !== null && ($e(t), _("Invalid attribute `ref` supplied to `React.Fragment`."), $e(null));
       }
     }
-    var _t = {};
-    function pt(e, l, u, v, I, R) {
+    var vt = {};
+    function xt(t, d, f, w, D, q) {
       {
-        var E = q(e);
-        if (!E) {
-          var w = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (w += " 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 K = Gt();
-          K ? w += K : w += lt();
-          var F;
-          e === null ? F = "null" : He(e) ? F = "array" : e !== void 0 && e.$$typeof === r ? (F = "<" + (m(e.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : F = typeof e, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", F, w);
+        var R = B(t);
+        if (!R) {
+          var k = "";
+          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (k += " 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 te = ca();
+          te ? k += te : k += gt();
+          var H;
+          t === null ? H = "null" : Ke(t) ? H = "array" : t !== void 0 && t.$$typeof === r ? (H = "<" + (v(t.type) || "Unknown") + " />", k = " Did you accidentally export a JSX literal instead of a component?") : H = typeof t, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", H, k);
         }
-        var W = qt(e, l, u, I, R);
-        if (W == null)
-          return W;
-        if (E) {
-          var ne = l.children;
-          if (ne !== void 0)
-            if (v)
-              if (He(ne)) {
-                for (var Me = 0; Me < ne.length; Me++)
-                  ut(ne[Me], e);
-                Object.freeze && Object.freeze(ne);
+        var V = la(t, d, f, D, q);
+        if (V == null)
+          return V;
+        if (R) {
+          var le = d.children;
+          if (le !== void 0)
+            if (w)
+              if (Ke(le)) {
+                for (var Re = 0; Re < le.length; Re++)
+                  yt(le[Re], t);
+                Object.freeze && Object.freeze(le);
               } else
-                g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                _("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
-              ut(ne, e);
+              yt(le, t);
         }
-        if (Y.call(l, "key")) {
-          var Ce = m(e), ee = Object.keys(l).filter(function(aa) {
-            return aa !== "key";
-          }), Ye = ee.length > 0 ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!_t[Ce + Ye]) {
-            var ta = ee.length > 0 ? "{" + ee.join(": ..., ") + ": ...}" : "{}";
-            g(`A props object containing a "key" prop is being spread into JSX:
+        if (K.call(d, "key")) {
+          var Se = v(t), re = Object.keys(d).filter(function(ma) {
+            return ma !== "key";
+          }), et = re.length > 0 ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!vt[Se + et]) {
+            var ba = re.length > 0 ? "{" + re.join(": ..., ") + ": ...}" : "{}";
+            _(`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} />`, Ye, Ce, ta, Ce), _t[Ce + Ye] = !0;
+  <%s key={someKey} {...props} />`, et, Se, ba, Se), vt[Se + et] = !0;
           }
         }
-        return e === s ? Jt(W) : Yt(W), W;
+        return t === s ? _a(V) : ua(V), V;
       }
     }
-    function Kt(e, l, u) {
-      return pt(e, l, u, !0);
+    function pa(t, d, f) {
+      return xt(t, d, f, !0);
     }
-    function Xt(e, l, u) {
-      return pt(e, l, u, !1);
+    function fa(t, d, f) {
+      return xt(t, d, f, !1);
     }
-    var Qt = Xt, ea = Kt;
-    ke.Fragment = s, ke.jsx = Qt, ke.jsxs = ea;
-  }()), ke;
+    var ha = fa, ga = pa;
+    De.Fragment = s, De.jsx = ha, De.jsxs = ga;
+  }()), De;
+}
+var St;
+function La() {
+  return St || (St = 1, process.env.NODE_ENV === "production" ? ze.exports = wa() : ze.exports = Sa()), ze.exports;
 }
-var ht;
-function da() {
-  return ht || (ht = 1, process.env.NODE_ENV === "production" ? Ue.exports = la() : Ue.exports = ca()), Ue.exports;
+var n = La();
+const Ea = (e) => e.as === "a", ka = (e) => e.as === void 0 || e.as === "button", Me = (e) => e.displayAs === void 0 || e.displayAs === "button", tt = (e) => e.displayAs === "link", ja = "_button_6bymk_1", $a = "_link_6bymk_17", Ra = "_disabled_6bymk_22", Ma = "_loading_6bymk_22", Ia = "_neutral_6bymk_50", Ta = "_accent_6bymk_54", Aa = "_positive_6bymk_58", Na = "_negative_6bymk_62", Da = "_contrast_6bymk_66", Oa = "_special_6bymk_70", Pa = "_primary_6bymk_74", qa = "_secondary_6bymk_75", Ua = "_tertiary_6bymk_76", Ba = "_spaceBetween_6bymk_116", Fa = "_rightGroup_6bymk_116", za = "_label_6bymk_136", Wa = "_iconOnly_6bymk_155", Ga = "_stretched_6bymk_171", Ha = "_icon_6bymk_155", Va = "_postfix_6bymk_176", Za = "_underline_6bymk_202", Ya = "_warning_6bymk_1082", Ka = "_withSubcaption_6bymk_1268", Ja = "_subcaption_6bymk_1273", Xa = "_loader_6bymk_1279", Qa = "_spin_6bymk_1", er = "_l_6bymk_17", tr = "_m_6bymk_1318", ar = "_s_6bymk_70", rr = "_xs_6bymk_1364", sr = "_iconRight_6bymk_1410", W = {
+  button: ja,
+  link: $a,
+  disabled: Ra,
+  loading: Ma,
+  neutral: Ia,
+  accent: Ta,
+  positive: Aa,
+  negative: Na,
+  contrast: Da,
+  special: Oa,
+  primary: Pa,
+  secondary: qa,
+  tertiary: Ua,
+  spaceBetween: Ba,
+  rightGroup: Fa,
+  label: za,
+  iconOnly: Wa,
+  stretched: Ga,
+  icon: Ha,
+  postfix: Va,
+  underline: Za,
+  warning: Ya,
+  withSubcaption: Ka,
+  subcaption: Ja,
+  loader: Xa,
+  spin: Qa,
+  l: er,
+  m: tr,
+  s: ar,
+  xs: rr,
+  iconRight: sr
+}, nr = /* @__PURE__ */ new Set([
+  "mode",
+  "size",
+  "buttonStyle",
+  "loading",
+  "disabled",
+  "displayAs",
+  "stretched",
+  "iconRight",
+  "className",
+  "children",
+  "subcaption",
+  "postfix",
+  "iconLeft",
+  "as",
+  "showUnderline",
+  "isExternal"
+]), Lt = (e) => {
+  const r = {};
+  for (const a in e)
+    nr.has(a) || (r[a] = e[a]);
+  return r;
+}, or = {
+  l: "typography-subtitle-1-semibold",
+  m: "typography-label-2-regular",
+  s: "typography-label-3-regular"
+};
+function ir(e) {
+  return or[e] || "typography-label-2-regular";
 }
-var o = da();
-const ua = (t) => t.as === "a", _a = (t) => t.as === void 0 || t.as === "button", pa = "_button_1abee_213", fa = "_disabled_1abee_237", ga = "_loading_1abee_237", ha = "_neutral_1abee_259", ba = "_accent_1abee_263", ya = "_positive_1abee_267", ma = "_negative_1abee_271", va = "_contrast_1abee_275", xa = "_special_1abee_279", Ca = "_primary_1abee_284", wa = "_secondary_1abee_285", Sa = "_tertiary_1abee_286", Ea = "_label_1abee_321", La = "_rightGroup_1abee_333", Ma = "_iconOnly_1abee_349", $a = "_large_1abee_357", ja = "_medium_1abee_361", Ia = "_small_1abee_365", Ra = "_spaceBetween_1abee_370", ka = "_stretched_1abee_384", Ta = "_icon_1abee_349", Aa = "_badge_1abee_705", Na = "_badgeMedium_1abee_721", Da = "_circular_1abee_738", Oa = "_badgeSmall_1abee_743", Ua = "_badgeExtraSmall_1abee_765", Ba = "_withSubcaption_1abee_784", Fa = "_subcaption_1abee_797", Pa = "_loader_1abee_804", za = "_spin_1abee_1", Wa = "_l_1abee_237", Va = "_m_1abee_361", Ha = "_s_1abee_279", qa = "_xs_1abee_869", P = {
-  button: pa,
-  disabled: fa,
-  loading: ga,
-  neutral: ha,
-  accent: ba,
-  positive: ya,
-  negative: ma,
-  contrast: va,
-  special: xa,
-  primary: Ca,
-  secondary: wa,
-  tertiary: Sa,
-  label: Ea,
-  rightGroup: La,
-  iconOnly: Ma,
-  large: $a,
-  medium: ja,
-  small: Ia,
-  spaceBetween: Ra,
-  stretched: ka,
-  icon: Ta,
-  badge: Aa,
-  badgeMedium: Na,
-  circular: Da,
-  badgeSmall: Oa,
-  badgeExtraSmall: Ua,
-  withSubcaption: Ba,
-  subcaption: Fa,
-  loader: Pa,
-  spin: za,
-  l: Wa,
-  m: Va,
-  s: Ha,
-  xs: qa
-}, bt = ({
-  isLoading: t,
-  showBadge: r,
-  badgeValue: a,
-  badgeSize: s,
-  icon: i,
-  children: n,
-  postfix: c,
-  showSubcaption: _,
-  subcaption: d,
-  size: f
+const pe = {
+  "typography-title-1-semibold": "_typography-title-1-semibold_1lyxn_1",
+  "typography-title-2-semibold": "_typography-title-2-semibold_1lyxn_10",
+  "typography-title-3-semibold": "_typography-title-3-semibold_1lyxn_19",
+  "typography-title-4-semibold": "_typography-title-4-semibold_1lyxn_28",
+  "typography-title-5-semibold": "_typography-title-5-semibold_1lyxn_37",
+  "typography-subtitle-1-semibold": "_typography-subtitle-1-semibold_1lyxn_45",
+  "typography-subtitle-2-semibold": "_typography-subtitle-2-semibold_1lyxn_53",
+  "typography-subtitle-3-semibold": "_typography-subtitle-3-semibold_1lyxn_62",
+  "typography-subtitle-4-semibold": "_typography-subtitle-4-semibold_1lyxn_71",
+  "typography-label-1-medium": "_typography-label-1-medium_1lyxn_80",
+  "typography-label-2-medium": "_typography-label-2-medium_1lyxn_89",
+  "typography-label-3-medium": "_typography-label-3-medium_1lyxn_97",
+  "typography-label-4-medium": "_typography-label-4-medium_1lyxn_106",
+  "typography-label-5-medium": "_typography-label-5-medium_1lyxn_115",
+  "typography-label-1-regular": "_typography-label-1-regular_1lyxn_124",
+  "typography-label-2-regular": "_typography-label-2-regular_1lyxn_133",
+  "typography-label-3-regular": "_typography-label-3-regular_1lyxn_141",
+  "typography-label-4-regular": "_typography-label-4-regular_1lyxn_150",
+  "typography-label-5-regular": "_typography-label-5-regular_1lyxn_159",
+  "typography-paragraph-1-regular": "_typography-paragraph-1-regular_1lyxn_168",
+  "typography-paragraph-2-regular": "_typography-paragraph-2-regular_1lyxn_176",
+  "typography-paragraph-3-regular": "_typography-paragraph-3-regular_1lyxn_185",
+  "typography-paragraph-4-regular": "_typography-paragraph-4-regular_1lyxn_194"
+}, Et = ({
+  isLoading: e,
+  iconRight: r,
+  iconLeft: a,
+  children: s,
+  postfix: i,
+  subcaption: o,
+  size: l,
+  isAsButton: u
 }) => {
-  if (t)
-    return /* @__PURE__ */ o.jsx("span", { className: P.loader, "data-testid": "button-loader", "aria-hidden": "true" });
-  const p = s === "extra-small", h = parseInt(String(a), 10), b = !isNaN(h) && h >= 0 && h <= 9;
-  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    r && (a || p) && /* @__PURE__ */ o.jsx(
-      "span",
-      {
-        "data-testid": "button-badge",
-        className: V(
-          P.badge,
-          P[`badge${p ? "ExtraSmall" : s === "medium" ? "Medium" : "Small"}`],
-          { [P.circular]: b && !p }
-        ),
-        children: !p && a
-      }
-    ),
-    _ && f !== "s" && f !== "xs" ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      /* @__PURE__ */ o.jsx("span", { "data-testid": "button-label", className: P.label, children: n }),
-      /* @__PURE__ */ o.jsx("span", { "data-testid": "button-subcaption", className: P.subcaption, children: d })
-    ] }) : n ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      /* @__PURE__ */ o.jsx("span", { "data-testid": "button-label", className: P.label, children: n }),
-      /* @__PURE__ */ o.jsxs("div", { "data-testid": "button-right-group", className: P.rightGroup, children: [
-        i && /* @__PURE__ */ o.jsx("span", { "data-testid": "button-icon", className: P.icon, children: i }),
-        c && /* @__PURE__ */ o.jsx("span", { "data-testid": "button-postfix", className: P.postfix, children: c })
+  if (e && u)
+    return /* @__PURE__ */ n.jsx("span", { className: W.loader, "data-testid": "button-loader", "aria-hidden": "true" });
+  const c = r && u || r && !u && l, p = o && u && l !== "s" && l !== "xs";
+  return /* @__PURE__ */ n.jsxs(Oe, { children: [
+    p && /* @__PURE__ */ n.jsxs(Oe, { children: [
+      /* @__PURE__ */ n.jsx("span", { "data-testid": "button-label", className: W.label, children: s }),
+      /* @__PURE__ */ n.jsx("span", { "data-testid": "button-subcaption", className: W.subcaption, children: o })
+    ] }),
+    !p && s && /* @__PURE__ */ n.jsxs(Oe, { children: [
+      /* @__PURE__ */ n.jsxs("span", { "data-testid": "button-label", className: W.label, children: [
+        !u && a && /* @__PURE__ */ n.jsx("span", { "data-testid": "button-left-icon", className: W.icon, children: a }),
+        s,
+        !u && r && /* @__PURE__ */ n.jsx("span", { "data-testid": "button-icon", className: I(W.icon, W.iconRight), children: r })
+      ] }),
+      u && /* @__PURE__ */ n.jsxs("div", { "data-testid": "button-right-group", className: W.rightGroup, children: [
+        c && /* @__PURE__ */ n.jsx("span", { "data-testid": "button-icon", className: W.icon, children: r }),
+        i && u && /* @__PURE__ */ n.jsx("span", { "data-testid": "button-postfix", className: W.postfix, children: i })
       ] })
-    ] }) : /* @__PURE__ */ o.jsx("span", { "data-testid": "button-icon", className: P.icon, children: i })
+    ] }),
+    !p && !s && /* @__PURE__ */ n.jsx("span", { "data-testid": "button-icon", className: W.icon, children: r })
   ] });
-}, In = te((t, r) => {
+}, si = X((e, r) => {
   const {
     mode: a = "primary",
     size: s = "m",
-    buttonStyle: i = "neutral",
-    loading: n = !1,
-    disabled: c = !1,
-    showBadge: _ = !1,
-    badgeSize: d = "small",
-    badgeValue: f,
-    showSubcaption: p = !1,
-    subcaption: h,
-    stretched: b = !1,
-    spaceBetween: y = !1,
-    icon: x,
-    postfix: M,
-    className: S,
-    children: C
-  } = t, g = c, $ = n, k = !g && !$, D = !!x && !C, T = V(
-    P.button,
-    P[s],
-    P[a],
-    P[i],
+    buttonStyle: i = Me(e) ? "neutral" : "accent",
+    disabled: o = !1,
+    displayAs: l = "button",
+    iconRight: u,
+    className: c,
+    children: p,
+    tabIndex: h
+  } = e, m = Me(e) ? e.subcaption : void 0, b = Me(e) ? e.postfix : void 0, g = Me(e) ? e.stretched : void 0, y = !(tt(e) && e.size === void 0), S = tt(e) && y ? e.iconLeft : void 0, x = !!(l === "button" && "loading" in e && e.loading), C = Me(e) ? o : o || x, _ = !C && !x, L = y ? u : void 0, E = !!(L && !p), A = typeof g == "object" ? g.justify === "space-between" : void 0, j = tt(e) ? ir(e.size ?? "m") : void 0, T = j ? pe[j] : void 0, O = C || x ? -1 : h, U = I(
+    W.button,
+    W[s],
+    W[a],
+    W[i],
+    T,
     {
-      [P.disabled]: g,
-      [P.loading]: $,
-      [P.stretched]: b,
-      [P.spaceBetween]: y && b,
-      [P.withSubcaption]: p && h && s !== "s" && s !== "xs",
-      [P.iconOnly]: D
+      [W.disabled]: C,
+      [W.loading]: l === "button" && "loading" in e && e.loading,
+      [W.stretched]: g,
+      [W.spaceBetween]: A,
+      [W.withSubcaption]: m && s !== "s" && s !== "xs",
+      [W.iconOnly]: E,
+      [W.link]: l === "link",
+      [W.underline]: l === "link" && "showUnderline" in e && e.showUnderline
     },
-    S
-  ), A = {
-    isLoading: $,
-    showBadge: _,
-    badgeValue: f,
-    badgeSize: d,
-    icon: x,
-    children: C,
-    postfix: M,
-    showSubcaption: p,
-    subcaption: h,
-    size: s
+    c
+  ), B = {
+    isLoading: x,
+    iconRight: L,
+    iconLeft: S,
+    children: p,
+    postfix: b,
+    subcaption: m,
+    size: s,
+    isAsButton: Me(e)
   };
-  if (ua(t)) {
-    const {
-      href: N,
-      onClick: U,
-      mode: q,
-      size: z,
-      buttonStyle: O,
-      loading: m,
-      disabled: j,
-      showBadge: B,
-      badgeSize: G,
-      badgeValue: H,
-      showSubcaption: Q,
-      subcaption: ae,
-      stretched: J,
-      spaceBetween: re,
-      icon: se,
-      postfix: de,
-      className: ve,
-      tabIndex: ie,
-      children: ye,
-      "data-testid": ue,
-      style: le,
-      ...me
-    } = t, _e = (xe) => {
-      k && U && U(xe);
+  if (Ea(e)) {
+    const { href: z, onClick: N, style: v, target: $, rel: P, "data-testid": F, ...G } = e, Q = Lt(G), ne = $ ?? (e.isExternal ? "_blank" : void 0);
+    let Z = P;
+    if (ne === "_blank") {
+      const ee = new Set((P ?? "").split(/\s+/).filter(Boolean));
+      ee.add("noopener").add("noreferrer"), Z = Array.from(ee).join(" ");
+    }
+    const ie = (ee) => {
+      if (!_) {
+        ee.preventDefault();
+        return;
+      }
+      N == null || N(ee);
     };
-    return /* @__PURE__ */ o.jsx(
+    return /* @__PURE__ */ n.jsx(
       "a",
       {
         ref: r,
-        className: T,
-        href: k ? N : void 0,
-        tabIndex: t.tabIndex,
-        onClick: _e,
-        "data-testid": ue,
-        "aria-disabled": g || $,
-        style: le,
-        ...me,
-        children: /* @__PURE__ */ o.jsx(bt, { ...A })
+        className: U,
+        href: _ ? z : void 0,
+        tabIndex: O,
+        onClick: ie,
+        "data-testid": F,
+        "aria-disabled": C || x,
+        style: v,
+        target: ne,
+        rel: Z,
+        ...Q,
+        children: /* @__PURE__ */ n.jsx(Et, { ...B })
       }
     );
   }
-  if (_a(t)) {
-    const {
-      type: N = "button",
-      onClick: U,
-      mode: q,
-      size: z,
-      buttonStyle: O,
-      loading: m,
-      disabled: j,
-      showBadge: B,
-      badgeSize: G,
-      badgeValue: H,
-      showSubcaption: Q,
-      subcaption: ae,
-      stretched: J,
-      spaceBetween: re,
-      icon: se,
-      postfix: de,
-      className: ve,
-      tabIndex: ie,
-      children: ye,
-      "data-testid": ue,
-      style: le,
-      ...me
-    } = t, _e = (xe) => {
-      k && U && U(xe);
+  if (ka(e)) {
+    const { type: z = "button", onClick: N, style: v, "data-testid": $, ...P } = e, F = Lt(P), G = (Q) => {
+      _ && N && N(Q);
     };
-    return /* @__PURE__ */ o.jsx(
+    return /* @__PURE__ */ n.jsx(
       "button",
       {
         ref: r,
-        type: N,
-        className: T,
-        disabled: g,
-        tabIndex: t.tabIndex,
-        onClick: _e,
-        "data-testid": ue,
-        "aria-disabled": g || $,
-        style: le,
-        ...me,
-        children: /* @__PURE__ */ o.jsx(bt, { ...A })
+        type: z,
+        className: U,
+        disabled: C,
+        tabIndex: O,
+        onClick: G,
+        "data-testid": $,
+        "aria-disabled": C || x,
+        style: v,
+        ...F,
+        children: /* @__PURE__ */ n.jsx(Et, { ...B })
       }
     );
   }
   return null;
 });
-var Je = { exports: {} };
+var at = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var yt;
-function Ga() {
-  return yt || (yt = 1, function(t) {
+var kt;
+function lr() {
+  return kt || (kt = 1, function(e) {
     (function() {
       var r = {}.hasOwnProperty;
       function a() {
-        for (var n = "", c = 0; c < arguments.length; c++) {
-          var _ = arguments[c];
-          _ && (n = i(n, s(_)));
+        for (var o = "", l = 0; l < arguments.length; l++) {
+          var u = arguments[l];
+          u && (o = i(o, s(u)));
         }
-        return n;
+        return o;
       }
-      function s(n) {
-        if (typeof n == "string" || typeof n == "number")
-          return n;
-        if (typeof n != "object")
+      function s(o) {
+        if (typeof o == "string" || typeof o == "number")
+          return o;
+        if (typeof o != "object")
           return "";
-        if (Array.isArray(n))
-          return a.apply(null, n);
-        if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
-          return n.toString();
-        var c = "";
-        for (var _ in n)
-          r.call(n, _) && n[_] && (c = i(c, _));
-        return c;
+        if (Array.isArray(o))
+          return a.apply(null, o);
+        if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]"))
+          return o.toString();
+        var l = "";
+        for (var u in o)
+          r.call(o, u) && o[u] && (l = i(l, u));
+        return l;
       }
-      function i(n, c) {
-        return c ? n ? n + " " + c : n + c : n;
+      function i(o, l) {
+        return l ? o ? o + " " + l : o + l : o;
       }
-      t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
+      e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
     })();
-  }(Je)), Je.exports;
+  }(at)), at.exports;
 }
-var Za = Ga();
-const Ie = /* @__PURE__ */ ia(Za), Ya = "_avatar_1kyiq_17", Ja = "_clickable_1kyiq_41", Ka = "_icon_1kyiq_58", Xa = "_disabled_1kyiq_63", Qa = "_loading_1kyiq_68", er = "_image_1kyiq_74", tr = "_name_1kyiq_74", pe = {
-  avatar: Ya,
-  clickable: Ja,
-  icon: Ka,
-  disabled: Xa,
-  loading: Qa,
-  image: er,
-  name: tr,
+var cr = lr();
+const Ce = /* @__PURE__ */ Ca(cr), dr = "_avatar_1kyiq_17", ur = "_clickable_1kyiq_41", _r = "_icon_1kyiq_58", pr = "_disabled_1kyiq_63", fr = "_loading_1kyiq_68", hr = "_image_1kyiq_74", gr = "_name_1kyiq_74", _e = {
+  avatar: dr,
+  clickable: ur,
+  icon: _r,
+  disabled: pr,
+  loading: fr,
+  image: hr,
+  name: gr,
   "variant-filled": "_variant-filled_1kyiq_126",
   "color-brand": "_color-brand_1kyiq_131",
   "color-red": "_color-red_1kyiq_135",
@@ -901,36 +904,12 @@ const Ie = /* @__PURE__ */ ia(Za), Ya = "_avatar_1kyiq_17", Ja = "_clickable_1ky
   "color-contrast": "_color-contrast_1kyiq_167",
   "variant-light": "_variant-light_1kyiq_173",
   "variant-outline": "_variant-outline_1kyiq_245"
-}, Ae = {
-  "typography-title-1-semibold": "_typography-title-1-semibold_1lyxn_1",
-  "typography-title-2-semibold": "_typography-title-2-semibold_1lyxn_10",
-  "typography-title-3-semibold": "_typography-title-3-semibold_1lyxn_19",
-  "typography-title-4-semibold": "_typography-title-4-semibold_1lyxn_28",
-  "typography-title-5-semibold": "_typography-title-5-semibold_1lyxn_37",
-  "typography-subtitle-1-semibold": "_typography-subtitle-1-semibold_1lyxn_45",
-  "typography-subtitle-2-semibold": "_typography-subtitle-2-semibold_1lyxn_53",
-  "typography-subtitle-3-semibold": "_typography-subtitle-3-semibold_1lyxn_62",
-  "typography-subtitle-4-semibold": "_typography-subtitle-4-semibold_1lyxn_71",
-  "typography-label-1-medium": "_typography-label-1-medium_1lyxn_80",
-  "typography-label-2-medium": "_typography-label-2-medium_1lyxn_89",
-  "typography-label-3-medium": "_typography-label-3-medium_1lyxn_97",
-  "typography-label-4-medium": "_typography-label-4-medium_1lyxn_106",
-  "typography-label-5-medium": "_typography-label-5-medium_1lyxn_115",
-  "typography-label-1-regular": "_typography-label-1-regular_1lyxn_124",
-  "typography-label-2-regular": "_typography-label-2-regular_1lyxn_133",
-  "typography-label-3-regular": "_typography-label-3-regular_1lyxn_141",
-  "typography-label-4-regular": "_typography-label-4-regular_1lyxn_150",
-  "typography-label-5-regular": "_typography-label-5-regular_1lyxn_159",
-  "typography-paragraph-1-regular": "_typography-paragraph-1-regular_1lyxn_168",
-  "typography-paragraph-2-regular": "_typography-paragraph-2-regular_1lyxn_176",
-  "typography-paragraph-3-regular": "_typography-paragraph-3-regular_1lyxn_185",
-  "typography-paragraph-4-regular": "_typography-paragraph-4-regular_1lyxn_194"
-}, mt = 99;
-function ar(t) {
-  return t < mt ? `+${t}` : `${mt}+`;
+}, jt = 99;
+function br(e) {
+  return e < jt ? `+${e}` : `${jt}+`;
 }
-function et(t) {
-  const r = typeof t == "string" ? t : JSON.stringify(t);
+function it(e) {
+  const r = typeof e == "string" ? e : JSON.stringify(e);
   let a = 5381;
   for (let s = 0; s < r.length; s++) {
     const i = r.charCodeAt(s);
@@ -938,7 +917,7 @@ function et(t) {
   }
   return a >>> 0;
 }
-const rr = [
+const mr = [
   "red",
   "orange",
   "yellow",
@@ -947,18 +926,18 @@ const rr = [
   "lightblue",
   "purple"
 ];
-function sr(t, r = rr) {
-  if (!t) return "gray";
-  const a = et(t), s = Math.abs(a) % r.length;
+function yr(e, r = mr) {
+  if (!e) return "gray";
+  const a = it(e), s = Math.abs(a) % r.length;
   return r[s];
 }
-const vt = 2;
-function nr(t) {
-  if (!t) return "";
-  const r = t.trim().split(/\s+/);
-  return r.length === 1 ? t.slice(0, vt).toUpperCase() : r.map((a) => a[0]).slice(0, vt).join("").toUpperCase();
+const $t = 2;
+function vr(e) {
+  if (!e) return "";
+  const r = e.trim().split(/\s+/);
+  return r.length === 1 ? e.slice(0, $t).toUpperCase() : r.map((a) => a[0]).slice(0, $t).join("").toUpperCase();
 }
-const or = {
+const xr = {
   24: 8,
   32: 12,
   40: 12,
@@ -969,10 +948,10 @@ const or = {
   96: 24,
   208: 8
 };
-function jt(t, r) {
-  return r === "circle" ? t / 2 : or[t] || 12;
+function Bt(e, r) {
+  return r === "circle" ? e / 2 : xr[e] || 12;
 }
-const ir = {
+const Cr = {
   24: "typography-subtitle-4-semibold",
   32: "typography-subtitle-2-semibold",
   40: "typography-subtitle-1-semibold",
@@ -983,198 +962,198 @@ const ir = {
   96: "typography-title-3-semibold",
   208: "typography-title-1-semibold"
 };
-function lr(t) {
-  return ir[t] || "typography-subtitle-1-semibold";
+function wr(e) {
+  return Cr[e] || "typography-subtitle-1-semibold";
 }
-const cr = "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", dr = "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", ur = "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", _r = "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", pr = {
-  male: cr,
-  female: dr,
-  org: _r,
-  neutral: ur
-}, Fe = te((t, r) => {
+const Sr = "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", Lr = "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", Er = "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", kr = "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", jr = {
+  male: Sr,
+  female: Lr,
+  org: kr,
+  neutral: Er
+}, Ge = X((e, r) => {
   const {
     style: a,
     size: s = 40,
     isLoading: i = !1,
-    isDisabled: n = !1,
-    shape: c = "circle",
-    variant: _ = "filled",
-    placeholderType: d = "neutral",
-    name: f,
-    imgSrc: p,
-    imgAlt: h,
+    isDisabled: o = !1,
+    shape: l = "circle",
+    variant: u = "filled",
+    placeholderType: c = "neutral",
+    name: p,
+    imgSrc: h,
+    imgAlt: m,
     icon: b,
-    imgProps: y,
-    colorScheme: x,
-    className: M,
-    "data-testid": S,
+    imgProps: g,
+    colorScheme: y,
+    className: S,
+    "data-testid": x,
     ...C
-  } = t, { onClick: g, onPointerDown: $ } = C, D = !n && !i && (!!g || !!$), [T, A] = Ne(!1);
-  Ee(() => {
-    p && A(!1);
-  }, [p]);
-  const N = p && !T ? "image" : b ? "icon" : f ? "name" : "placeholder", U = x || N === "name" && sr(f) || "gray", q = lr(s), z = jt(s, c), O = V(
-    M,
-    pe.avatar,
-    pe[`variant-${_}`],
-    pe[`color-${U}`],
-    Ae[q],
+  } = e, { onClick: _, onPointerDown: L } = C, A = !o && !i && (!!_ || !!L), [j, T] = ye(!1);
+  ue(() => {
+    h && T(!1);
+  }, [h]);
+  const O = h && !j ? "image" : b ? "icon" : p ? "name" : "placeholder", U = y || O === "name" && yr(p) || "gray", B = wr(s), z = Bt(s, l), N = I(
+    S,
+    _e.avatar,
+    _e[`variant-${u}`],
+    _e[`color-${U}`],
+    pe[B],
     {
-      [pe.disabled]: n,
-      [pe.loading]: i,
-      [pe.clickable]: D
+      [_e.disabled]: o,
+      [_e.loading]: i,
+      [_e.clickable]: A
     }
-  ), m = {
+  ), v = {
     "--avatar-size": `${s}px`,
     "--avatar-border-radius": `${z}px`,
     ...a
-  }, j = {
-    icon: () => /* @__PURE__ */ o.jsx("span", { "data-testid": "avatar-icon", title: h || void 0, role: "img", className: pe.icon, children: b == null ? void 0 : b({}) }),
-    name: () => /* @__PURE__ */ o.jsx(
+  }, $ = {
+    icon: () => /* @__PURE__ */ n.jsx("span", { "data-testid": "avatar-icon", title: m || void 0, role: "img", className: _e.icon, children: b == null ? void 0 : b({}) }),
+    name: () => /* @__PURE__ */ n.jsx(
       "span",
       {
         role: "textbox",
         "data-testid": "avatar-name",
-        className: pe.name,
-        title: h || void 0,
-        children: nr(f || "")
+        className: _e.name,
+        title: m || void 0,
+        children: vr(p || "")
       }
     ),
-    placeholder: () => /* @__PURE__ */ o.jsx(
+    placeholder: () => /* @__PURE__ */ n.jsx(
       "img",
       {
-        ...y,
+        ...g,
         "data-testid": "avatar-placeholder",
-        className: pe.image,
-        src: pr[d],
-        alt: h || void 0
+        className: _e.image,
+        src: jr[c],
+        alt: m || void 0
       }
     ),
-    image: () => /* @__PURE__ */ o.jsx(
+    image: () => /* @__PURE__ */ n.jsx(
       "img",
       {
         "data-testid": "avatar-image",
-        ...y,
-        className: pe.image,
-        src: p || void 0,
-        alt: h || void 0,
-        onLoad: () => A(!1),
-        onError: (G) => {
-          var H;
-          A(!0), (H = y == null ? void 0 : y.onError) == null || H.call(y, G);
+        ...g,
+        className: _e.image,
+        src: h || void 0,
+        alt: m || void 0,
+        onLoad: () => T(!1),
+        onError: (F) => {
+          var G;
+          T(!0), (G = g == null ? void 0 : g.onError) == null || G.call(g, F);
         }
       }
     )
-  }, B = (G) => {
-    D && (g == null || g(G));
+  }, P = (F) => {
+    A && (_ == null || _(F));
   };
-  return /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ n.jsx(
     "div",
     {
       ref: r,
-      onClick: B,
-      className: O,
-      style: m,
-      "data-testid": S,
-      "aria-disabled": n || i,
-      children: j[N](null)
+      onClick: P,
+      className: N,
+      style: v,
+      "data-testid": x,
+      "aria-disabled": o || i,
+      children: $[O](null)
     }
   );
-}), fr = "_avatarGroup_157g4_1", gr = {
-  avatarGroup: fr
+}), $r = "_avatarGroup_157g4_1", Rr = {
+  avatarGroup: $r
 };
-let hr = (t = 21) => crypto.getRandomValues(new Uint8Array(t)).reduce((r, a) => (a &= 63, a < 36 ? r += a.toString(36) : a < 62 ? r += (a - 26).toString(36).toUpperCase() : a > 62 ? r += "-" : r += "_", r), "");
-function br(t, r, a, s, i, n, c) {
-  const _ = Math.min(i, n) / 2, d = Math.min(c, _), f = ["M0,0", `H${t}`, `V${r}`, "H0", "V0", "Z"].join(" "), p = [
-    `M${a + d},${s}`,
-    `L${a + i - d},${s}`,
+let Mr = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((r, a) => (a &= 63, a < 36 ? r += a.toString(36) : a < 62 ? r += (a - 26).toString(36).toUpperCase() : a > 62 ? r += "-" : r += "_", r), "");
+function Ir(e, r, a, s, i, o, l) {
+  const u = Math.min(i, o) / 2, c = Math.min(l, u), p = ["M0,0", `H${e}`, `V${r}`, "H0", "V0", "Z"].join(" "), h = [
+    `M${a + c},${s}`,
+    `L${a + i - c},${s}`,
     // Верхний правый угол
-    `A${d},${d} 0 0 1 ${a + i},${s + d}`,
-    `L${a + i},${s + n - d}`,
+    `A${c},${c} 0 0 1 ${a + i},${s + c}`,
+    `L${a + i},${s + o - c}`,
     // Нижний правый угол
-    `A${d},${d} 0 0 1 ${a + i - d},${s + n}`,
-    `L${a + d},${s + n}`,
+    `A${c},${c} 0 0 1 ${a + i - c},${s + o}`,
+    `L${a + c},${s + o}`,
     // Нижний левый угол
-    `A${d},${d} 0 0 1 ${a},${s + n - d}`,
-    `L${a},${s + d}`,
+    `A${c},${c} 0 0 1 ${a},${s + o - c}`,
+    `L${a},${s + c}`,
     // Верхний левый угол
-    `A${d},${d} 0 0 1 ${a + d},${s}`,
+    `A${c},${c} 0 0 1 ${a + c},${s}`,
     "Z"
   ].join(" ");
-  return `${f} ${p}`;
+  return `${p} ${h}`;
 }
-const yr = 3, mr = (t) => {
+const Tr = 3, Ar = (e) => {
   const {
     avatars: r = [],
     size: a = 40,
     overlap: s = 0.3,
     shape: i = "circle",
-    overflowCount: n = 0,
-    overflowProps: c
-  } = t, _ = a * s, d = -_ + yr, f = jt(a, i), h = ze(hr()).current.toString(), b = Ie(gr.avatarGroup), y = br(
+    overflowCount: o = 0,
+    overflowProps: l
+  } = e, u = a * s, c = -u + Tr, p = Bt(a, i), m = qe(Mr()).current.toString(), b = Ce(Rr.avatarGroup), g = Ir(
     a,
     a,
-    a - _,
+    a - u,
     // X-координата начала выреза
     0,
     // Y-координата начала выреза
     a,
     a,
-    f
+    p
   );
-  return r.length === 0 ? null : /* @__PURE__ */ o.jsxs("div", { className: b, children: [
-    r.map((x, M, S) => {
-      const C = M + 1 >= S.length;
-      if (x.wrapper) {
-        const g = x.wrapper;
-        return /* @__PURE__ */ o.jsx(
+  return r.length === 0 ? null : /* @__PURE__ */ n.jsxs("div", { className: b, children: [
+    r.map((y, S, x) => {
+      const C = S + 1 >= x.length;
+      if (y.wrapper) {
+        const _ = y.wrapper;
+        return /* @__PURE__ */ n.jsx(
           "div",
           {
             style: {
               // Для последнего видимого аватара без overflowCount не применяем обрезку
-              clipPath: C && !n ? void 0 : `url(#${h})`,
-              marginRight: d
+              clipPath: C && !o ? void 0 : `url(#${m})`,
+              marginRight: c
             },
-            children: /* @__PURE__ */ o.jsx(g, { children: /* @__PURE__ */ o.jsx(Fe, { size: a, shape: i, ...x }) })
+            children: /* @__PURE__ */ n.jsx(_, { children: /* @__PURE__ */ n.jsx(Ge, { size: a, shape: i, ...y }) })
           },
-          et(x) + M
+          it(y) + S
         );
       }
-      return /* @__PURE__ */ o.jsx(
+      return /* @__PURE__ */ n.jsx(
         "div",
         {
           style: {
             // Для последнего видимого аватара без overflowCount не применяем обрезку
-            clipPath: C && !n ? void 0 : `url(#${h})`,
-            marginRight: d
+            clipPath: C && !o ? void 0 : `url(#${m})`,
+            marginRight: c
           },
-          children: /* @__PURE__ */ o.jsx(Fe, { size: a, shape: i, ...x })
+          children: /* @__PURE__ */ n.jsx(Ge, { size: a, shape: i, ...y })
         },
-        et(x) + M
+        it(y) + S
       );
     }),
-    n > 0 && /* @__PURE__ */ o.jsx("div", { style: { marginRight: d }, children: /* @__PURE__ */ o.jsx(
-      Fe,
+    o > 0 && /* @__PURE__ */ n.jsx("div", { style: { marginRight: c }, children: /* @__PURE__ */ n.jsx(
+      Ge,
       {
         size: a,
         shape: i,
-        icon: () => ar(n),
+        icon: () => br(o),
         colorScheme: "gray",
         variant: "light",
-        ...c
+        ...l
       }
     ) }),
-    /* @__PURE__ */ o.jsx("svg", { width: "0", height: "0", children: /* @__PURE__ */ o.jsx("clipPath", { id: `${h}`, children: /* @__PURE__ */ o.jsx("path", { clipPathUnits: "objectBoundingBox", d: y, clipRule: "evenodd" }) }) })
+    /* @__PURE__ */ n.jsx("svg", { width: "0", height: "0", children: /* @__PURE__ */ n.jsx("clipPath", { id: `${m}`, children: /* @__PURE__ */ n.jsx("path", { clipPathUnits: "objectBoundingBox", d: g, clipRule: "evenodd" }) }) })
   ] });
-}, Rn = Object.assign(Fe, {
-  Group: mr
-}), vr = "_wrapper_ecbsu_5", xr = "_badge__container_ecbsu_6", Cr = "_badge__content_ecbsu_7", wr = "_interactive_ecbsu_20", Sr = "_disabled_ecbsu_21", Er = "_icon_ecbsu_22", fe = {
-  wrapper: vr,
-  badge__container: xr,
-  badge__content: Cr,
-  interactive: wr,
-  disabled: Sr,
-  icon: Er,
+}, ni = Object.assign(Ge, {
+  Group: Ar
+}), Nr = "_wrapper_ecbsu_5", Dr = "_badge__container_ecbsu_6", Or = "_badge__content_ecbsu_7", Pr = "_interactive_ecbsu_20", qr = "_disabled_ecbsu_21", Ur = "_icon_ecbsu_22", he = {
+  wrapper: Nr,
+  badge__container: Dr,
+  badge__content: Or,
+  interactive: Pr,
+  disabled: qr,
+  icon: Ur,
   "variant-filled": "_variant-filled_ecbsu_102",
   "color-brand": "_color-brand_ecbsu_107",
   "color-red": "_color-red_ecbsu_111",
@@ -1206,129 +1185,154 @@ const yr = 3, mr = (t) => {
   "position-bottom-center-inside": "_position-bottom-center-inside_ecbsu_447",
   "position-middle-left-inside": "_position-middle-left-inside_ecbsu_453",
   "position-middle-right-inside": "_position-middle-right-inside_ecbsu_459"
-}, Lr = (t) => t === "rgba(0, 0, 0, 0)" || t === "transparent" || t.startsWith("rgba") && t.endsWith(", 0)"), Mr = (t) => {
-  if (!t) return null;
-  let r = t;
+}, Br = (e) => e === "rgba(0, 0, 0, 0)" || e === "transparent" || e.startsWith("rgba") && e.endsWith(", 0)"), Fr = (e) => {
+  if (!e) return null;
+  let r = e;
   for (; r; ) {
     const s = window.getComputedStyle(r).backgroundColor;
-    if (!Lr(s)) return s;
+    if (!Br(s)) return s;
     r = r.parentElement;
   }
   return null;
-}, $r = () => {
-  const t = ze(null), [r, a] = Ne(null);
-  return Ee(() => {
-    if (t.current) {
-      const s = Mr(t.current);
+}, Ft = () => {
+  const e = qe(null), [r, a] = ye(null);
+  return ue(() => {
+    if (e.current) {
+      const s = Fr(e.current);
       a(s);
     }
-  }, []), { ref: t, bgColor: r };
-}, kn = te((t, r) => {
+  }, []), { ref: e, bgColor: r };
+};
+function Rt(e, r, a) {
+  ue(() => {
+    const s = r;
+    return window.addEventListener(e, s, a), () => {
+      window.removeEventListener(e, s, a);
+    };
+  }, [e, r, a]);
+}
+const Mt = {
+  passive: !0
+};
+function zr() {
+  const [e, r] = ye({
+    width: 0,
+    height: 0
+  }), a = xe(() => {
+    r({ width: window.innerWidth || 0, height: window.innerHeight || 0 });
+  }, []);
+  return Rt("resize", a, Mt), Rt("orientationchange", a, Mt), ue(a, []), e;
+}
+function Wr(e = 768) {
+  const { width: r } = zr();
+  return ya(() => r <= e, [r, e]);
+}
+const Gr = X((e, r) => {
   const {
     icon: a,
     children: s,
     variant: i = "filled",
-    label: n,
-    isHidden: c = !1,
-    colorScheme: _ = "red",
-    size: d = 20,
-    position: f = "top-right",
-    positionOffset: p = { x: 0, y: 0 },
-    cutoutBackground: h,
+    label: o,
+    isHidden: l = !1,
+    colorScheme: u = "red",
+    size: c = 20,
+    position: p = "top-right",
+    positionOffset: h = { x: 0, y: 0 },
+    cutoutBackground: m,
     isDisabled: b,
-    className: y,
-    "data-testid": x = "badge",
-    ...M
-  } = t, { onClick: S, onPointerDown: C } = M, { ref: g, bgColor: $ } = $r(), k = h || $, T = !b && (!!S || !!C), A = Ie(fe.badge__container, fe[`position-${f}`]), N = Ie(
-    y,
-    fe.badge__content,
-    fe[`color-${_}`],
-    fe[`variant-${i}`],
+    className: g,
+    "data-testid": y = "badge",
+    ...S
+  } = e, { onClick: x, onPointerDown: C } = S, { ref: _, bgColor: L } = Ft(), E = m || L, j = !b && (!!x || !!C), T = Ce(he.badge__container, he[`position-${p}`]), O = Ce(
+    g,
+    he.badge__content,
+    he[`color-${u}`],
+    he[`variant-${i}`],
     {
-      [fe.disabled]: b,
-      [fe.icon]: !!a,
-      [fe.interactive]: T
+      [he.disabled]: b,
+      [he.icon]: !!a,
+      [he.interactive]: j
     }
   ), U = {
-    "--badge-height": `${d}px`,
-    "--badge-offset-x": `${p.x}px`,
-    "--badge-offset-y": `${p.y}px`,
-    ...k && { "--badge-cutout-bg": k },
+    "--badge-height": `${c}px`,
+    "--badge-offset-x": `${h.x}px`,
+    "--badge-offset-y": `${h.y}px`,
+    ...E && { "--badge-cutout-bg": E },
     ...i === "transparent" && { "--badge-cutout-bg": "transparent" }
-  }, q = (a == null ? void 0 : a({})) || n, z = (O) => {
-    T && (S == null || S(O));
+  }, B = (a == null ? void 0 : a({})) || o, z = (N) => {
+    j && (x == null || x(N));
   };
-  return /* @__PURE__ */ o.jsxs("div", { className: fe.wrapper, ref: g, "data-testid": x + "-wrapper", children: [
+  return /* @__PURE__ */ n.jsxs("div", { className: he.wrapper, ref: _, "data-testid": y + "-wrapper", children: [
     s,
-    !c && /* @__PURE__ */ o.jsx(
+    !l && /* @__PURE__ */ n.jsx(
       "span",
       {
-        className: A,
+        className: T,
         style: U,
-        "data-testid": x + "-container",
-        children: /* @__PURE__ */ o.jsx(
+        "data-testid": y + "-container",
+        children: /* @__PURE__ */ n.jsx(
           "span",
           {
-            ...M,
+            ...S,
             onClick: z,
-            className: N,
-            "data-testid": x + "-content",
+            className: O,
+            "data-testid": y + "-content",
             ref: r,
             "aria-disabled": b,
-            children: q
+            children: B
           }
         )
       }
     )
   ] });
-}), jr = "_container_op5yl_7", Ir = "_image_op5yl_22", Rr = "_loading_op5yl_34", Ke = {
-  container: jr,
-  image: Ir,
-  loading: Rr
-}, kr = "_loader_isv17_1", Tr = "_spin_isv17_1", Ar = "_accent_isv17_19", Nr = "_neutral_isv17_23", Dr = "_positive_isv17_27", Or = "_negative_isv17_31", Ur = "_gray_isv17_35", Br = "_special_isv17_39", Fr = "_contrast_isv17_43", Pr = "_container_isv17_47", zr = "_overlay_isv17_57", Te = {
-  loader: kr,
-  spin: Tr,
-  accent: Ar,
-  neutral: Nr,
-  positive: Dr,
-  negative: Or,
-  gray: Ur,
-  special: Br,
-  contrast: Fr,
-  container: Pr,
-  overlay: zr,
+}), Hr = "_container_op5yl_7", Vr = "_image_op5yl_22", Zr = "_loading_op5yl_34", rt = {
+  container: Hr,
+  image: Vr,
+  loading: Zr
+}, Yr = "_loader_isv17_1", Kr = "_spin_isv17_1", Jr = "_accent_isv17_19", Xr = "_neutral_isv17_23", Qr = "_positive_isv17_27", es = "_negative_isv17_31", ts = "_gray_isv17_35", as = "_special_isv17_39", rs = "_contrast_isv17_43", ss = "_container_isv17_47", ns = "_overlay_isv17_57", Pe = {
+  loader: Yr,
+  spin: Kr,
+  accent: Jr,
+  neutral: Xr,
+  positive: Qr,
+  negative: es,
+  gray: ts,
+  special: as,
+  contrast: rs,
+  container: ss,
+  overlay: ns,
   "size-16": "_size-16_isv17_72",
   "size-24": "_size-24_isv17_76",
   "size-48": "_size-48_isv17_80",
   "size-64": "_size-64_isv17_84",
   "size-96": "_size-96_isv17_88"
-}, It = te(
+}, zt = X(
   ({
-    size: t = 24,
+    size: e = 24,
     variant: r = "accent",
     className: a,
     "data-testid": s = "loader",
     style: i,
-    ...n
-  }, c) => {
-    const _ = Ie(
-      Te.loader,
-      Te[r],
-      Te[`size-${t}`],
+    ...o
+  }, l) => {
+    const u = Ce(
+      Pe.loader,
+      Pe[r],
+      Pe[`size-${e}`],
       a
     );
-    return /* @__PURE__ */ o.jsx(
+    return /* @__PURE__ */ n.jsx(
       "svg",
       {
-        ref: c,
-        className: _,
+        ref: l,
+        className: u,
         fill: "none",
         viewBox: "0 0 16 16",
         xmlns: "http://www.w3.org/2000/svg",
         "data-testid": s,
         style: i,
-        ...n,
-        children: /* @__PURE__ */ o.jsx(
+        ...o,
+        children: /* @__PURE__ */ n.jsx(
           "path",
           {
             d: "M14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2",
@@ -1340,38 +1344,38 @@ const yr = 3, mr = (t) => {
       }
     );
   }
-), Wr = te((t, r) => {
+), os = X((e, r) => {
   const {
     loading: a = !1,
     size: s = 24,
     variant: i = "accent",
-    children: n,
-    className: c,
-    style: _,
-    "data-testid": d,
-    ...f
-  } = t, p = Ie(Te.container, c);
-  return /* @__PURE__ */ o.jsxs("div", { ref: r, className: p, style: _, "data-testid": d, ...f, children: [
-    n,
-    a && /* @__PURE__ */ o.jsx("div", { className: Te.overlay, children: /* @__PURE__ */ o.jsx(It, { size: s, variant: i, "data-testid": `${d}-spinner` }) })
+    children: o,
+    className: l,
+    style: u,
+    "data-testid": c,
+    ...p
+  } = e, h = Ce(Pe.container, l);
+  return /* @__PURE__ */ n.jsxs("div", { ref: r, className: h, style: u, "data-testid": c, ...p, children: [
+    o,
+    a && /* @__PURE__ */ n.jsx("div", { className: Pe.overlay, children: /* @__PURE__ */ n.jsx(zt, { size: s, variant: i, "data-testid": `${c}-spinner` }) })
   ] });
-}), Vr = te((t, r) => t.children ? /* @__PURE__ */ o.jsx(
-  Wr,
+}), is = X((e, r) => e.children ? /* @__PURE__ */ n.jsx(
+  os,
   {
     ref: r,
-    ...t
+    ...e
   }
-) : /* @__PURE__ */ o.jsx(It, { ref: r, ...t })), Hr = ({ width: t = 48, height: r = 48, className: a, "data-testid": s }) => /* @__PURE__ */ o.jsx(
+) : /* @__PURE__ */ n.jsx(zt, { ref: r, ...e })), ls = ({ width: e = 48, height: r = 48, className: a, "data-testid": s }) => /* @__PURE__ */ n.jsx(
   "svg",
   {
-    width: t,
+    width: e,
     height: r,
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     className: a,
     "data-testid": s,
-    children: /* @__PURE__ */ o.jsx(
+    children: /* @__PURE__ */ n.jsx(
       "path",
       {
         d: "M32.4 42H13.8627C12.6511 42 12.0453 42 11.7648 41.7604C11.5214 41.5525 11.3922 41.2407 11.4173 40.9215C11.4462 40.5538 11.8746 40.1254 12.7314 39.2686L29.7373 22.2627C30.5293 21.4707 30.9253 21.0747 31.382 20.9263C31.7837 20.7958 32.2163 20.7958 32.618 20.9263C33.0747 21.0747 33.4707 21.4707 34.2627 22.2627L42 30V32.4M32.4 42C35.7603 42 37.4405 42 38.7239 41.346C39.8529 40.7708 40.7708 39.8529 41.346 38.7239C42 37.4405 42 35.7603 42 32.4M32.4 42H15.6C12.2397 42 10.5595 42 9.27606 41.346C8.14708 40.7708 7.2292 39.8529 6.65396 38.7239C6 37.4405 6 35.7603 6 32.4V15.6C6 12.2397 6 10.5595 6.65396 9.27606C7.2292 8.14708 8.14708 7.2292 9.27606 6.65396C10.5595 6 12.2397 6 15.6 6H32.4C35.7603 6 37.4405 6 38.7239 6.65396C39.8529 7.2292 40.7708 8.14708 41.346 9.27606C42 10.5595 42 12.2397 42 15.6V32.4M21 17C21 19.2091 19.2091 21 17 21C14.7909 21 13 19.2091 13 17C13 14.7909 14.7909 13 17 13C19.2091 13 21 14.7909 21 17Z",
@@ -1382,183 +1386,183 @@ const yr = 3, mr = (t) => {
       }
     )
   }
-), Tn = te((t, r) => {
+), oi = X((e, r) => {
   const {
     alt: a = "",
     loading: s = "lazy",
     src: i,
-    isLoading: n = !1,
-    className: c,
-    "data-testid": _ = "image",
-    onError: d,
-    onLoad: f,
-    ...p
-  } = t, [h, b] = Ne("loading"), y = h === "error", x = (n || h === "loading") && !y, M = h === "loaded" && !n, S = Ie(
-    Ke.image,
+    isLoading: o = !1,
+    className: l,
+    "data-testid": u = "image",
+    onError: c,
+    onLoad: p,
+    ...h
+  } = e, [m, b] = ye("loading"), g = m === "error", y = (o || m === "loading") && !g, S = m === "loaded" && !o, x = Ce(
+    rt.image,
     {
-      [Ke.loading]: x
+      [rt.loading]: y
     },
-    c
-  ), C = Se(
-    (k) => {
-      b("loaded"), f == null || f(k);
+    l
+  ), C = xe(
+    (E) => {
+      b("loaded"), p == null || p(E);
     },
-    [f]
-  ), g = Se(
-    (k) => {
-      b("error"), d == null || d(k);
+    [p]
+  ), _ = xe(
+    (E) => {
+      b("error"), c == null || c(E);
     },
-    [d]
-  ), $ = {
-    loader: /* @__PURE__ */ o.jsxs(Mt, { children: [
-      /* @__PURE__ */ o.jsx(Vr, { size: 48, variant: "special", "data-testid": `${_}-loader` }),
-      /* @__PURE__ */ o.jsx(
+    [c]
+  ), L = {
+    loader: /* @__PURE__ */ n.jsxs(Oe, { children: [
+      /* @__PURE__ */ n.jsx(is, { size: 48, variant: "special", "data-testid": `${u}-loader` }),
+      /* @__PURE__ */ n.jsx(
         "img",
         {
           alt: a,
           src: i,
           onLoad: C,
-          onError: g,
+          onError: _,
           style: { display: "none" }
         }
       )
     ] }),
-    error: /* @__PURE__ */ o.jsx(Hr, { "data-testid": `${_}-fallback` }),
-    image: /* @__PURE__ */ o.jsx(
+    error: /* @__PURE__ */ n.jsx(ls, { "data-testid": `${u}-fallback` }),
+    image: /* @__PURE__ */ n.jsx(
       "img",
       {
         ref: r,
         alt: a,
-        "data-testid": _,
+        "data-testid": u,
         loading: s,
         src: i,
-        className: S
+        className: x
       }
     )
   };
-  return Ee(() => {
+  return ue(() => {
     if (!i) {
       b("error");
       return;
     }
     b("loading");
-  }, [i]), /* @__PURE__ */ o.jsxs("div", { className: Ke.container, "data-testid": `${_}-container`, ...p, children: [
-    x && $.loader,
-    y && $.error,
-    M && $.image
+  }, [i]), /* @__PURE__ */ n.jsxs("div", { className: rt.container, "data-testid": `${u}-container`, ...h, children: [
+    y && L.loader,
+    g && L.error,
+    S && L.image
   ] });
-}), qr = {}, Rt = ra({
-  locale: qr
-}), Gr = () => {
-  const t = sa(Rt);
-  if (!t)
+}), cs = {}, Wt = Pt({
+  locale: cs
+}), ds = () => {
+  const e = qt(Wt);
+  if (!e)
     throw new Error("useConfig must be used within a ConfigProvider");
-  return t;
-}, An = () => {
-  const { locale: t } = Gr();
-  return t;
-}, Zr = {}, Yr = {}, Jr = {}, Nn = ({
-  locale: t = {},
+  return e;
+}, ii = () => {
+  const { locale: e } = ds();
+  return e;
+}, us = {}, _s = {}, ps = {}, li = ({
+  locale: e = {},
   theme: r,
   children: a,
   className: s
-}) => (na(() => {
+}) => (va(() => {
   if (r) {
     const i = document.documentElement;
-    Object.entries(r).forEach(([n, c]) => {
-      i.style.setProperty(n, c);
+    Object.entries(r).forEach(([o, l]) => {
+      i.style.setProperty(o, l);
     });
   }
-}, [r]), /* @__PURE__ */ o.jsxs(Mt, { children: [
-  /* @__PURE__ */ o.jsx(
+}, [r]), /* @__PURE__ */ n.jsxs(Oe, { children: [
+  /* @__PURE__ */ n.jsx(
     "div",
     {
       "data-testid": "ConfigProvider-component",
-      className: V(Zr, Yr, Jr, s)
+      className: I(us, _s, ps, s)
     }
   ),
-  /* @__PURE__ */ o.jsx(Rt.Provider, { value: { locale: t }, children: a })
-] })), Dn = {}, Kr = "_tag_1llsi_1", Xr = "_label_1llsi_16", Qr = "_iconWrapper_1llsi_20", es = "_medium_1llsi_27", ts = "_large_1llsi_33", as = "_disabled_1llsi_43", rs = "_neutral_1llsi_47", ss = "_positive_1llsi_53", ns = "_negative_1llsi_59", os = "_warning_1llsi_65", is = "_vivid_1llsi_71", ls = "_special_1llsi_77", cs = "_accent_1llsi_84", ds = "_blue_1llsi_90", us = "_lovely_1llsi_96", _s = "_dreamy_1llsi_102", we = {
-  tag: Kr,
-  label: Xr,
-  iconWrapper: Qr,
-  medium: es,
-  large: ts,
-  disabled: as,
-  neutral: rs,
-  positive: ss,
-  negative: ns,
-  warning: os,
-  vivid: is,
-  special: ls,
-  accent: cs,
-  blue: ds,
-  lovely: us,
-  dreamy: _s
-}, On = te((t, r) => {
+  /* @__PURE__ */ n.jsx(Wt.Provider, { value: { locale: e }, children: a })
+] })), ci = {}, fs = "_tag_1llsi_1", hs = "_label_1llsi_16", gs = "_iconWrapper_1llsi_20", bs = "_medium_1llsi_27", ms = "_large_1llsi_33", ys = "_disabled_1llsi_43", vs = "_neutral_1llsi_47", xs = "_positive_1llsi_53", Cs = "_negative_1llsi_59", ws = "_warning_1llsi_65", Ss = "_vivid_1llsi_71", Ls = "_special_1llsi_77", Es = "_accent_1llsi_84", ks = "_blue_1llsi_90", js = "_lovely_1llsi_96", $s = "_dreamy_1llsi_102", Le = {
+  tag: fs,
+  label: hs,
+  iconWrapper: gs,
+  medium: bs,
+  large: ms,
+  disabled: ys,
+  neutral: vs,
+  positive: xs,
+  negative: Cs,
+  warning: ws,
+  vivid: Ss,
+  special: Ls,
+  accent: Es,
+  blue: ks,
+  lovely: js,
+  dreamy: $s
+}, di = X((e, r) => {
   const {
     className: a,
     children: s,
     componentStyle: i = "neutral",
-    size: n = "medium",
-    disabled: c = !1,
-    showLabel: _ = !!s,
-    slotStart: d,
-    slotEnd: f,
-    slotStartWrapperProps: p = {},
-    slotEndWrapperProps: h = {},
+    size: o = "medium",
+    disabled: l = !1,
+    showLabel: u = !!s,
+    slotStart: c,
+    slotEnd: p,
+    slotStartWrapperProps: h = {},
+    slotEndWrapperProps: m = {},
     "data-testid": b
-  } = t, { className: y, ...x } = p, { className: M, ...S } = h;
-  return /* @__PURE__ */ o.jsxs(
+  } = e, { className: g, ...y } = h, { className: S, ...x } = m;
+  return /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: V(
-        we.tag,
-        we[n],
-        we[i],
+      className: I(
+        Le.tag,
+        Le[o],
+        Le[i],
         {
-          [we.disabled]: c,
-          [Ae["typography-label-3-regular"]]: n === "medium",
-          [Ae["typography-subtitle-1-semibold"]]: n === "large"
+          [Le.disabled]: l,
+          [pe["typography-label-3-regular"]]: o === "medium",
+          [pe["typography-subtitle-1-semibold"]]: o === "large"
         },
         a
       ),
       "data-testid": b || "tag-component",
       ref: r,
       children: [
-        d && /* @__PURE__ */ o.jsx("span", { className: V([we.iconWrapper, y]), ...x, children: d }),
-        _ && /* @__PURE__ */ o.jsx("span", { className: V([we.label]), children: s }),
-        f && /* @__PURE__ */ o.jsx("span", { className: V([we.iconWrapper, M]), ...S, children: f })
+        c && /* @__PURE__ */ n.jsx("span", { className: I([Le.iconWrapper, g]), ...y, children: c }),
+        u && /* @__PURE__ */ n.jsx("span", { className: I([Le.label]), children: s }),
+        p && /* @__PURE__ */ n.jsx("span", { className: I([Le.iconWrapper, S]), ...x, children: p })
       ]
     }
   );
-}), ps = "_checkbox_qo5f5_43", fs = "_input_qo5f5_59", gs = "_icon_qo5f5_67", hs = "_container_qo5f5_84", bs = "_error_qo5f5_135", ys = "_checkboxWrapper_qo5f5_147", ms = "_medium_qo5f5_201", vs = "_large_qo5f5_206", xs = "_label_qo5f5_247", he = {
-  checkbox: ps,
-  input: fs,
-  icon: gs,
-  container: hs,
-  error: bs,
-  checkboxWrapper: ys,
-  medium: ms,
-  large: vs,
-  label: xs
-}, Cs = ({
-  width: t = 12,
+}), Rs = "_checkbox_17txq_43", Ms = "_input_17txq_64", Is = "_icon_17txq_72", Ts = "_container_17txq_92", As = "_error_17txq_143", Ns = "_checkboxWrapper_17txq_156", Ds = "_medium_17txq_211", Os = "_large_17txq_216", Ps = "_label_17txq_258", be = {
+  checkbox: Rs,
+  input: Ms,
+  icon: Is,
+  container: Ts,
+  error: As,
+  checkboxWrapper: Ns,
+  medium: Ds,
+  large: Os,
+  label: Ps
+}, qs = ({
+  width: e = 12,
   height: r = 9,
   className: a = "",
   color: s = "currentColor",
   ...i
-}) => /* @__PURE__ */ o.jsx(
+}) => /* @__PURE__ */ n.jsx(
   "svg",
   {
     className: a,
-    width: t,
+    width: e,
     height: r,
     viewBox: "0 0 14 10",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     ...i,
-    children: /* @__PURE__ */ o.jsx(
+    children: /* @__PURE__ */ n.jsx(
       "path",
       {
         fillRule: "evenodd",
@@ -1568,23 +1572,23 @@ const yr = 3, mr = (t) => {
       }
     )
   }
-), ws = ({
-  width: t = 12,
+), Us = ({
+  width: e = 12,
   height: r = 2,
   className: a = "",
   color: s = "currentColor",
   ...i
-}) => /* @__PURE__ */ o.jsx(
+}) => /* @__PURE__ */ n.jsx(
   "svg",
   {
     className: a,
-    width: t,
+    width: e,
     height: r,
     viewBox: "0 0 12 2",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     ...i,
-    children: /* @__PURE__ */ o.jsx(
+    children: /* @__PURE__ */ n.jsx(
       "path",
       {
         fillRule: "evenodd",
@@ -1594,267 +1598,267 @@ const yr = 3, mr = (t) => {
       }
     )
   }
-), Ss = {
+), Bs = {
   medium: { width: 10.83, height: 7.5 },
   large: { width: 13, height: 9 }
-}, Es = ({
-  size: t,
+}, Fs = ({
+  size: e,
   isChecked: r,
   isDisabled: a,
   indeterminate: s,
   dataTestId: i
 }) => {
-  const { width: n, height: c } = Ss[t];
-  return /* @__PURE__ */ o.jsx(
+  const { width: o, height: l } = Bs[e];
+  return /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: he.icon,
+      className: be.icon,
       "data-testid": `${i}-icon`,
       "data-checked": r,
       "data-disabled": a,
       "data-indeterminate": s,
-      children: s ? /* @__PURE__ */ o.jsx(ws, { width: n, height: c }) : /* @__PURE__ */ o.jsx(Cs, { width: n, height: c })
+      children: s ? /* @__PURE__ */ n.jsx(Us, { width: o, height: l }) : /* @__PURE__ */ n.jsx(qs, { width: o, height: l })
     }
   );
-}, Un = te((t, r) => {
+}, ui = X((e, r) => {
   const {
     name: a,
     value: s,
     size: i = "medium",
-    indeterminate: n = !1,
-    loading: c = !1,
-    error: _,
-    disabled: d = !1,
-    containerClassName: f,
-    className: p,
-    containerStyle: h,
+    indeterminate: o = !1,
+    loading: l = !1,
+    error: u,
+    disabled: c = !1,
+    containerClassName: p,
+    className: h,
+    containerStyle: m,
     style: b,
-    children: y,
-    clickableLabel: x = !0,
-    tabIndex: M,
-    onChange: S,
+    children: g,
+    clickableLabel: y = !0,
+    tabIndex: S,
+    onChange: x,
     "data-testid": C = "checkbox"
-  } = t, [g, $] = Ne(!1), k = s ?? g, D = d || c, T = !!_, A = k || n, N = V(he.container, he[i], f), U = V(
-    he.checkbox,
-    he[i],
+  } = e, [_, L] = ye(!1), E = s ?? _, A = c || l, j = !!u, T = E || o, O = I(be.container, be[i], p), U = I(
+    be.checkbox,
+    be[i],
     {
-      [he.error]: T
+      [be.error]: j
     },
-    p
-  ), q = (j) => {
-    D || ($(j.target.checked), S == null || S(j.target.checked, j));
-  }, z = (j) => {
-    if (j.key === "Enter" && !D) {
-      j.preventDefault();
-      const B = !A;
-      $(B), S == null || S(B);
-    }
-  }, O = (j) => {
-    x || j.preventDefault();
-  }, m = (j) => j.stopPropagation();
-  return /* @__PURE__ */ o.jsxs(
+    h
+  ), B = ($) => {
+    A || (L($.target.checked), x == null || x($.target.checked, $));
+  }, z = ($) => {
+    if ($.key === "Enter" && !A) {
+      $.preventDefault();
+      const P = !T;
+      L(P), x == null || x(P);
+    }
+  }, N = ($) => {
+    y || $.preventDefault();
+  }, v = ($) => $.stopPropagation();
+  return /* @__PURE__ */ n.jsxs(
     "label",
     {
-      className: N,
+      className: O,
       htmlFor: a,
-      style: h,
+      style: m,
       "data-testid": C,
-      "data-clickable-label": x,
+      "data-clickable-label": y,
       children: [
-        /* @__PURE__ */ o.jsx("div", { className: he.checkboxWrapper, children: /* @__PURE__ */ o.jsxs(
+        /* @__PURE__ */ n.jsx("div", { className: be.checkboxWrapper, children: /* @__PURE__ */ n.jsxs(
           "div",
           {
-            tabIndex: M || 0,
+            tabIndex: S || 0,
             className: U,
             style: b,
             onKeyDown: z,
-            "aria-checked": A,
-            "aria-disabled": D,
-            "aria-invalid": T,
-            "aria-describedby": _ ? `${a}-error` : void 0,
+            "aria-checked": T,
+            "aria-disabled": A,
+            "aria-invalid": j,
+            "aria-describedby": u ? `${a}-error` : void 0,
             "data-testid": `${C}-label`,
             children: [
-              /* @__PURE__ */ o.jsx(
+              /* @__PURE__ */ n.jsx(
                 "input",
                 {
                   ref: r,
                   type: "checkbox",
                   id: a,
                   name: a,
-                  checked: A,
-                  disabled: D,
-                  className: he.input,
-                  onChange: q,
-                  onClick: m,
-                  "aria-checked": A,
-                  "aria-invalid": T,
-                  "aria-describedby": _ ? `${a}-error` : void 0,
+                  checked: T,
+                  disabled: A,
+                  className: be.input,
+                  onChange: B,
+                  onClick: v,
+                  "aria-checked": T,
+                  "aria-invalid": j,
+                  "aria-describedby": u ? `${a}-error` : void 0,
                   "data-testid": `${C}-input`
                 }
               ),
-              /* @__PURE__ */ o.jsx(
-                Es,
+              /* @__PURE__ */ n.jsx(
+                Fs,
                 {
                   name: a,
                   size: i,
-                  isChecked: A,
-                  isDisabled: D,
-                  indeterminate: n,
+                  isChecked: T,
+                  isDisabled: A,
+                  indeterminate: o,
                   dataTestId: C
                 }
               )
             ]
           }
         ) }),
-        y && /* @__PURE__ */ o.jsx(
+        g && /* @__PURE__ */ n.jsx(
           "span",
           {
             "data-testid": `${C}-label-text`,
-            "data-clickable-label": x,
-            className: he.label,
-            onClick: O,
-            children: y
+            "data-clickable-label": y,
+            className: be.label,
+            onClick: N,
+            children: g
           }
         )
       ]
     }
   );
-}), Ls = "_typography_zt7xg_1", Ms = "_disabled_zt7xg_8", $s = "_primary_zt7xg_13", js = "_secondary_zt7xg_18", Is = "_tertiary_zt7xg_23", Rs = "_accent_zt7xg_28", ks = "_positive_zt7xg_38", Ts = "_negative_zt7xg_48", As = "_warning_zt7xg_58", Ns = "_special_zt7xg_68", Ds = "_contrast_zt7xg_78", je = {
-  typography: Ls,
-  disabled: Ms,
-  primary: $s,
-  secondary: js,
-  tertiary: Is,
-  accent: Rs,
+}), zs = "_typography_zt7xg_1", Ws = "_disabled_zt7xg_8", Gs = "_primary_zt7xg_13", Hs = "_secondary_zt7xg_18", Vs = "_tertiary_zt7xg_23", Zs = "_accent_zt7xg_28", Ys = "_positive_zt7xg_38", Ks = "_negative_zt7xg_48", Js = "_warning_zt7xg_58", Xs = "_special_zt7xg_68", Qs = "_contrast_zt7xg_78", Te = {
+  typography: zs,
+  disabled: Ws,
+  primary: Gs,
+  secondary: Hs,
+  tertiary: Vs,
+  accent: Zs,
   "accent-secondary": "_accent-secondary_zt7xg_33",
-  positive: ks,
+  positive: Ys,
   "positive-secondary": "_positive-secondary_zt7xg_43",
-  negative: Ts,
+  negative: Ks,
   "negative-secondary": "_negative-secondary_zt7xg_53",
-  warning: As,
+  warning: Js,
   "warning-secondary": "_warning-secondary_zt7xg_63",
-  special: Ns,
+  special: Xs,
   "special-secondary": "_special-secondary_zt7xg_73",
-  contrast: Ds,
+  contrast: Qs,
   "contrast-secondary": "_contrast-secondary_zt7xg_83"
-}, Os = {
+}, en = {
   1: "h1",
   2: "h2",
   3: "h3",
   4: "h4",
   5: "h5"
-}, xt = (t) => {
-  const r = Et.forwardRef(
+}, It = (e) => {
+  const r = Ot.forwardRef(
     ({
       size: a = 3,
       children: s,
       className: i,
-      "data-testid": n,
-      as: c,
-      fontWeight: _ = "semibold",
-      disabled: d = !1,
-      typographyStyle: f = "primary",
-      ...p
-    }, h) => {
-      const b = c || Os[a], y = V(
-        je.typography,
-        Ae[`typography-${t}-${a}-${_}`],
-        je[f],
+      "data-testid": o,
+      as: l,
+      fontWeight: u = "semibold",
+      disabled: c = !1,
+      typographyStyle: p = "primary",
+      ...h
+    }, m) => {
+      const b = l || en[a], g = I(
+        Te.typography,
+        pe[`typography-${e}-${a}-${u}`],
+        Te[p],
         {
-          [je.disabled]: d
+          [Te.disabled]: c
         },
         i
       );
-      return s ? /* @__PURE__ */ o.jsx(b, { ref: h, className: y, "data-testid": n, ...p, children: s }) : null;
+      return s ? /* @__PURE__ */ n.jsx(b, { ref: m, className: g, "data-testid": o, ...h, children: s }) : null;
     }
   );
-  return r.displayName = `Typography.${t === "title" ? "Title" : "Subtitle"}`, r;
-}, Ct = (t) => {
-  const r = Et.forwardRef(
+  return r.displayName = `Typography.${e === "title" ? "Title" : "Subtitle"}`, r;
+}, Tt = (e) => {
+  const r = Ot.forwardRef(
     ({
       size: a = 3,
       children: s,
       className: i,
-      "data-testid": n,
-      as: c = "p",
-      fontWeight: _ = "regular",
-      disabled: d = !1,
-      typographyStyle: f = "primary",
-      ...p
-    }, h) => {
-      const b = c, y = V(
-        je.typography,
-        Ae[`typography-${t}-${a}-${_}`],
-        je[f],
+      "data-testid": o,
+      as: l = "p",
+      fontWeight: u = "regular",
+      disabled: c = !1,
+      typographyStyle: p = "primary",
+      ...h
+    }, m) => {
+      const b = l, g = I(
+        Te.typography,
+        pe[`typography-${e}-${a}-${u}`],
+        Te[p],
         {
-          [je.disabled]: d
+          [Te.disabled]: c
         },
         i
       );
-      return s ? /* @__PURE__ */ o.jsx(
+      return s ? /* @__PURE__ */ n.jsx(
         b,
         {
-          ref: h,
-          className: y,
-          "data-testid": n,
-          ...p,
+          ref: m,
+          className: g,
+          "data-testid": o,
+          ...h,
           children: s
         }
       ) : null;
     }
   );
-  return r.displayName = `Typography.${t.charAt(0).toUpperCase() + t.slice(1)}`, r;
-}, Bn = {
-  Title: xt("title"),
-  Subtitle: xt("subtitle"),
-  Label: Ct("label"),
-  Paragraph: Ct("paragraph")
-}, Us = "_inputBase_2vlla_85", Bs = "_wrapper_2vlla_95", Fs = "_gripHandle_2vlla_169", Ps = "_error_2vlla_230", zs = "_tabFocused_2vlla_237", Ws = "_disabled_2vlla_262", Vs = "_loading_2vlla_269", Hs = "_label_2vlla_279", qs = "_small_2vlla_292", Gs = "_large_2vlla_299", Zs = "_leftSection_2vlla_306", Ys = "_rightSection_2vlla_315", Js = "_helper_2vlla_351", Ks = "_floatingLabel_2vlla_376", Xs = "_focused_2vlla_434", Qs = "_filled_2vlla_435", en = "_medium_2vlla_469", tn = "_characterLimit_2vlla_510", an = "_input_2vlla_85", rn = "_textarea_2vlla_109", sn = "_truncate_2vlla_637", nn = "_hint_2vlla_719", L = {
-  inputBase: Us,
-  wrapper: Bs,
-  "textarea-wrapper": "_textarea-wrapper_2vlla_109",
-  gripHandle: Fs,
-  error: Ps,
-  tabFocused: zs,
-  disabled: Ws,
-  loading: Vs,
-  label: Hs,
-  small: qs,
-  large: Gs,
-  leftSection: Zs,
-  rightSection: Ys,
-  helper: Js,
-  floatingLabel: Ks,
-  focused: Xs,
-  filled: Qs,
-  medium: en,
-  characterLimit: tn,
-  input: an,
-  textarea: rn,
-  "size-small": "_size-small_2vlla_586",
-  "size-medium": "_size-medium_2vlla_592",
-  "size-large": "_size-large_2vlla_598",
-  "with-floating-label": "_with-floating-label_2vlla_605",
-  truncate: sn,
-  hint: nn,
-  "has-hint": "_has-hint_2vlla_736",
-  "has-suffix": "_has-suffix_2vlla_742",
-  "has-limit": "_has-limit_2vlla_748"
-}, on = ({
-  width: t = 8,
+  return r.displayName = `Typography.${e.charAt(0).toUpperCase() + e.slice(1)}`, r;
+}, _i = {
+  Title: It("title"),
+  Subtitle: It("subtitle"),
+  Label: Tt("label"),
+  Paragraph: Tt("paragraph")
+}, tn = "_inputBase_1q54n_82", an = "_wrapper_1q54n_92", rn = "_gripHandle_1q54n_172", sn = "_error_1q54n_238", nn = "_tabFocused_1q54n_245", on = "_disabled_1q54n_270", ln = "_loading_1q54n_277", cn = "_label_1q54n_287", dn = "_small_1q54n_301", un = "_large_1q54n_308", _n = "_leftSection_1q54n_315", pn = "_rightSection_1q54n_327", fn = "_helper_1q54n_365", hn = "_floatingLabel_1q54n_393", gn = "_focused_1q54n_461", bn = "_filled_1q54n_462", mn = "_medium_1q54n_503", yn = "_characterLimit_1q54n_545", vn = "_input_1q54n_82", xn = "_textarea_1q54n_110", Cn = "_truncate_1q54n_678", wn = "_hint_1q54n_765", M = {
+  inputBase: tn,
+  wrapper: an,
+  "textarea-wrapper": "_textarea-wrapper_1q54n_110",
+  gripHandle: rn,
+  error: sn,
+  tabFocused: nn,
+  disabled: on,
+  loading: ln,
+  label: cn,
+  small: dn,
+  large: un,
+  leftSection: _n,
+  rightSection: pn,
+  helper: fn,
+  floatingLabel: hn,
+  focused: gn,
+  filled: bn,
+  medium: mn,
+  characterLimit: yn,
+  input: vn,
+  textarea: xn,
+  "size-small": "_size-small_1q54n_627",
+  "size-medium": "_size-medium_1q54n_633",
+  "size-large": "_size-large_1q54n_639",
+  "with-floating-label": "_with-floating-label_1q54n_646",
+  truncate: Cn,
+  hint: wn,
+  "has-hint": "_has-hint_1q54n_786",
+  "has-suffix": "_has-suffix_1q54n_792",
+  "has-limit": "_has-limit_1q54n_798"
+}, Sn = ({
+  width: e = 8,
   height: r = 8,
   className: a,
   color: s = "#AABBCA"
-}) => /* @__PURE__ */ o.jsx(
+}) => /* @__PURE__ */ n.jsx(
   "svg",
   {
-    width: t,
+    width: e,
     height: r,
     viewBox: "0 0 8 8",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     className: a,
-    children: /* @__PURE__ */ o.jsx(
+    children: /* @__PURE__ */ n.jsx(
       "path",
       {
         fillRule: "evenodd",
@@ -1864,15 +1868,15 @@ const yr = 3, mr = (t) => {
       }
     )
   }
-), kt = ({
-  className: t = "",
+), Gt = ({
+  className: e = "",
   style: r,
   size: a = "md",
   color: s = "currentColor",
   onClick: i,
-  ...n
+  ...o
 }) => {
-  const _ = {
+  const u = {
     display: "inline-block",
     color: s,
     ...{
@@ -1885,17 +1889,17 @@ const yr = 3, mr = (t) => {
     }[a],
     ...r
   };
-  return /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ n.jsx(
     "svg",
     {
-      className: t,
-      style: _,
+      className: e,
+      style: u,
       viewBox: "0 0 16 16",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       onClick: i,
-      ...n,
-      children: /* @__PURE__ */ o.jsx(
+      ...o,
+      children: /* @__PURE__ */ n.jsx(
         "path",
         {
           d: "M12 4L4 12M4 4L12 12",
@@ -1907,453 +1911,453 @@ const yr = 3, mr = (t) => {
       )
     }
   );
-}, ln = (t, r) => {
-  const a = ze(null), s = ze(null);
-  return Ee(() => {
+}, Ln = (e, r) => {
+  const a = qe(null), s = qe(null);
+  return ue(() => {
     const i = r === "textarea" ? a.current : s.current;
-    i && i.value !== t && (i.value = t || "");
-  }, [t, r]), {
+    i && i.value !== e && (i.value = e || "");
+  }, [e, r]), {
     textareaRef: a,
     inputRef: s,
     currentRef: r === "textarea" ? a : s
   };
-}, cn = (t, r, a) => {
+}, En = (e, r, a) => {
   const s = () => {
     if (!a.current || r !== "hug") return;
     const i = a.current.scrollTop;
-    if (a.current.style.setProperty("height", "auto", "important"), !t) return;
-    const n = a.current.scrollHeight + "px";
-    a.current.style.setProperty("height", n, "important"), a.current.scrollTop = i;
-    const c = a.current.closest(`.${L.wrapper}`);
-    c && (c.setAttribute("data-resize", "hug"), c.setAttribute("data-show-grip", "false"));
+    if (a.current.style.setProperty("height", "auto", "important"), !e) return;
+    const o = a.current.scrollHeight + "px";
+    a.current.style.setProperty("height", o, "important"), a.current.scrollTop = i;
+    const l = a.current.closest(`.${M.wrapper}`);
+    l && (l.setAttribute("data-resize", "hug"), l.setAttribute("data-show-grip", "false"));
   };
-  return Ee(s, [t, r]), Ee(() => {
+  return ue(s, [e, r]), ue(() => {
     r === "hug" && a.current && s();
   }, []), { resizeTextArea: s };
-}, dn = (t, r, a, s) => ({ handleGripMouseDown: Se(
-  (n) => {
-    if (!t || r || a || !(s === "fixed" || !s)) return;
-    n.preventDefault(), n.stopPropagation();
-    const c = n.currentTarget.closest(`.${L.wrapper}`);
-    if (!c) return;
-    const _ = n.clientY, d = c.clientHeight, f = (h) => {
-      const b = h.clientY - _, y = Math.min(100, d), x = Math.max(y, d + b);
-      c.style.height = `${x}px`;
-    }, p = () => {
-      document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", p);
+}, kn = (e, r, a, s) => ({ handleGripMouseDown: xe(
+  (o) => {
+    if (!e || r || a || !(s === "fixed" || !s)) return;
+    o.preventDefault(), o.stopPropagation();
+    const l = o.currentTarget.closest(`.${M.wrapper}`);
+    if (!l) return;
+    const u = o.clientY, c = l.clientHeight, p = (m) => {
+      const b = m.clientY - u, g = Math.min(100, c), y = Math.max(g, c + b);
+      l.style.height = `${y}px`;
+    }, h = () => {
+      document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", h);
     };
-    document.addEventListener("mousemove", f), document.addEventListener("mouseup", p);
+    document.addEventListener("mousemove", p), document.addEventListener("mouseup", h);
   },
-  [t, r, a, s]
-) }), wt = 30, un = te(
+  [e, r, a, s]
+) }), At = 30, jn = X(
   ({
-    component: t = "input",
+    component: e = "input",
     size: r = "medium",
     value: a = "",
     placeholder: s,
     disabled: i = !1,
-    loading: n = !1,
-    onFocus: c,
-    onBlur: _,
-    onChange: d,
-    onKeyDown: f,
-    onKeyUp: p,
-    maxLength: h,
+    loading: o = !1,
+    onFocus: l,
+    onBlur: u,
+    onChange: c,
+    onKeyDown: p,
+    onKeyUp: h,
+    maxLength: m,
     className: b,
-    style: y,
-    truncate: x = !1,
-    shouldShowFloatingLabelClass: M = !1,
-    "aria-invalid": S,
+    style: g,
+    truncate: y = !1,
+    shouldShowFloatingLabelClass: S = !1,
+    "aria-invalid": x,
     "aria-errormessage": C,
-    id: g,
-    resize: $,
-    ...k
-  }, D) => {
-    const { textareaRef: T, inputRef: A, currentRef: N } = ln(a, t);
-    if (cn(a, $, T), oa(D, () => N.current, [N]), t === "textarea")
-      return /* @__PURE__ */ o.jsx(
+    id: _,
+    resize: L,
+    ...E
+  }, A) => {
+    const { textareaRef: j, inputRef: T, currentRef: O } = Ln(a, e);
+    if (En(a, L, j), xa(A, () => O.current, [O]), e === "textarea")
+      return /* @__PURE__ */ n.jsx(
         "textarea",
         {
-          ref: T,
-          id: g,
+          ref: j,
+          id: _,
           value: a,
           placeholder: s,
-          disabled: i || n,
-          onFocus: c,
-          onBlur: _,
-          onChange: d,
-          onKeyDown: f,
-          onKeyUp: p,
-          maxLength: h,
-          className: V(
-            L.textarea,
-            L[`size-${r}`],
-            M && L["with-floating-label"],
+          disabled: i || o,
+          onFocus: l,
+          onBlur: u,
+          onChange: c,
+          onKeyDown: p,
+          onKeyUp: h,
+          maxLength: m,
+          className: I(
+            M.textarea,
+            M[`size-${r}`],
+            S && M["with-floating-label"],
             b
           ),
-          style: y,
-          "aria-invalid": S,
+          style: g,
+          "aria-invalid": x,
           "aria-errormessage": C,
-          "aria-describedby": C ? `${g}-error` : void 0,
+          "aria-describedby": C ? `${_}-error` : void 0,
           tabIndex: 0,
-          "data-resize": $,
-          ...k
+          "data-resize": L,
+          ...E
         }
       );
-    if (t === "input")
-      return /* @__PURE__ */ o.jsx(
+    if (e === "input")
+      return /* @__PURE__ */ n.jsx(
         "input",
         {
-          ref: A,
-          id: g,
+          ref: T,
+          id: _,
           value: a,
           placeholder: s,
-          disabled: i || n,
-          onFocus: c,
-          onBlur: _,
-          onChange: d,
-          onKeyDown: f,
-          onKeyUp: p,
-          maxLength: h,
-          className: V(
-            L.input,
-            L[`size-${r}`],
-            M && L["with-floating-label"],
-            x && L.truncate,
+          disabled: i || o,
+          onFocus: l,
+          onBlur: u,
+          onChange: c,
+          onKeyDown: p,
+          onKeyUp: h,
+          maxLength: m,
+          className: I(
+            M.input,
+            M[`size-${r}`],
+            S && M["with-floating-label"],
+            y && M.truncate,
             b
           ),
-          style: y,
-          "aria-invalid": S,
+          style: g,
+          "aria-invalid": x,
           "aria-errormessage": C,
-          "aria-describedby": C ? `${g}-error` : void 0,
+          "aria-describedby": C ? `${_}-error` : void 0,
           tabIndex: 0,
-          ...k
+          ...E
         }
       );
-    if (t !== "input" && t !== "textarea")
+    if (e !== "input" && e !== "textarea")
       return console.error(
-        `[Input] Недопустимое значение prop 'component': "${String(t)}". Допустимые значения: 'input', 'textarea'`
+        `[Input] Недопустимое значение prop 'component': "${String(e)}". Допустимые значения: 'input', 'textarea'`
       ), null;
   }
-), Tt = te(
+), Ht = X(
   ({
-    children: t,
+    children: e,
     size: r = "medium",
     error: a = !1,
     disabled: s = !1,
     loading: i = !1,
-    className: n,
-    wrapperProps: c,
-    wrapperStyles: _,
-    floatingLabelStyles: d,
-    prefixStyles: f,
-    suffixStyles: p,
-    labelProps: h,
+    className: o,
+    wrapperProps: l,
+    wrapperStyles: u,
+    floatingLabelStyles: c,
+    prefixStyles: p,
+    suffixStyles: h,
+    labelProps: m,
     helperProps: b,
-    showLimit: y = !1,
-    maxLength: x,
-    hint: M,
-    showHint: S = !1,
+    showLimit: g = !1,
+    maxLength: y,
+    hint: S,
+    showHint: x = !1,
     showHintOnEmpty: C = !1,
-    prefix: g,
-    suffix: $,
-    onSuffixClick: k,
-    placeholder: D,
-    showLabel: T = !0,
-    labelClassName: A,
-    hasValue: N = !1,
+    prefix: _,
+    suffix: L,
+    onSuffixClick: E,
+    placeholder: A,
+    showLabel: j = !0,
+    labelClassName: T,
+    hasValue: O = !1,
     helper: U,
-    id: q,
+    id: B,
     value: z = "",
-    resize: O,
-    showGrip: m = !1,
-    ...j
-  }, B) => {
-    const G = $t(), H = q || G, Q = S && M && (N || C), ae = M && M.length > wt ? M.substring(0, wt) + "..." : M, J = V(
-      L.wrapper,
-      a && L.error,
-      s && L.disabled,
-      i && L.loading,
-      Q && L["has-hint"],
-      $ && L["has-suffix"],
-      y && L["has-limit"],
-      n
-    ), re = V(
-      L.floatingLabel,
-      L[r],
-      N && L.filled,
-      A
-    ), { handleGripMouseDown: se } = dn(m, s, i, O);
-    return /* @__PURE__ */ o.jsxs("div", { ref: B, className: L.inputBase, "data-testid": "input-base-wrapper", ...j, children: [
-      /* @__PURE__ */ o.jsxs(
+    resize: N,
+    showGrip: v = !1,
+    ...$
+  }, P) => {
+    const F = Ut(), G = B || F, Q = x && S && (O || C), ne = S && S.length > At ? S.substring(0, At) + "..." : S, Z = I(
+      M.wrapper,
+      a && M.error,
+      s && M.disabled,
+      i && M.loading,
+      Q && M["has-hint"],
+      L && M["has-suffix"],
+      g && M["has-limit"],
+      o
+    ), ie = I(
+      M.floatingLabel,
+      M[r],
+      O && M.filled,
+      T
+    ), { handleGripMouseDown: ee } = kn(v, s, i, N);
+    return /* @__PURE__ */ n.jsxs("div", { ref: P, className: M.inputBase, "data-testid": "input-base-wrapper", ...$, children: [
+      /* @__PURE__ */ n.jsxs(
         "div",
         {
-          className: J,
-          style: _,
-          "data-resize": O,
-          "data-show-grip": m ? "true" : "false",
-          ...c,
+          className: Z,
+          style: u,
+          "data-resize": N,
+          "data-show-grip": v ? "true" : "false",
+          ...l,
           children: [
-            g && /* @__PURE__ */ o.jsx("label", { htmlFor: H, className: L.leftSection, style: f, children: g }),
-            $ && /* @__PURE__ */ o.jsx(
+            _ && /* @__PURE__ */ n.jsx("label", { htmlFor: G, className: M.leftSection, style: p, children: _ }),
+            L && /* @__PURE__ */ n.jsx(
               "label",
               {
-                htmlFor: H,
-                className: L.rightSection,
-                style: p,
-                onClick: k,
-                children: $
+                htmlFor: G,
+                className: M.rightSection,
+                style: h,
+                onClick: E,
+                children: L
               }
             ),
-            D && T && /* @__PURE__ */ o.jsx(
+            A && j && /* @__PURE__ */ n.jsx(
               "label",
               {
-                htmlFor: H,
-                className: re,
-                style: d,
-                ...h,
-                children: D
+                htmlFor: G,
+                className: ie,
+                style: c,
+                ...m,
+                children: A
               }
             ),
-            t,
-            m && !y && (O === "fixed" || !O) && /* @__PURE__ */ o.jsx(
+            e,
+            v && !g && (N === "fixed" || !N) && /* @__PURE__ */ n.jsx(
               "div",
               {
-                className: L.gripHandle,
-                onMouseDown: se,
+                className: M.gripHandle,
+                onMouseDown: ee,
                 role: "button",
                 tabIndex: -1,
                 "aria-label": "Изменить размер",
-                children: /* @__PURE__ */ o.jsx(on, {})
+                children: /* @__PURE__ */ n.jsx(Sn, {})
               }
             ),
-            Q && /* @__PURE__ */ o.jsx(
+            Q && /* @__PURE__ */ n.jsx(
               "div",
               {
-                className: V(L.hint, N && L.truncate),
+                className: I(M.hint, O && M.truncate),
                 "data-disabled": s || i,
-                children: ae
+                children: ne
               }
             ),
-            y && x && /* @__PURE__ */ o.jsxs("div", { className: L.characterLimit, children: [
+            g && y && /* @__PURE__ */ n.jsxs("div", { className: M.characterLimit, children: [
               (z || "").length,
               " из ",
-              x
+              y
             ] })
           ]
         }
       ),
-      U && /* @__PURE__ */ o.jsx(
+      U && /* @__PURE__ */ n.jsx(
         "div",
         {
-          className: V(
-            L.helper,
-            a && L.error,
-            (s || i) && L.disabled
+          className: I(
+            M.helper,
+            a && M.error,
+            (s || i) && M.disabled
           ),
           ...b,
-          id: a ? `${H}-error` : void 0,
+          id: a ? `${G}-error` : void 0,
           children: U
         }
       )
     ] });
   }
 );
-Tt.displayName = "InputWrapperComponent";
-const St = Object.assign(un, {
-  Wrapper: Tt
-}), At = te(
+Ht.displayName = "InputWrapperComponent";
+const Nt = Object.assign(jn, {
+  Wrapper: Ht
+}), Vt = X(
   ({
-    component: t = "input",
+    component: e = "input",
     size: r = "medium",
     className: a,
     error: s = !1,
     disabled: i = !1,
-    loading: n = !1,
-    placeholder: c,
-    showLabel: _ = !0,
-    labelClassName: d,
-    helper: f,
-    prefix: p,
-    suffix: h,
+    loading: o = !1,
+    placeholder: l,
+    showLabel: u = !0,
+    labelClassName: c,
+    helper: p,
+    prefix: h,
+    suffix: m,
     id: b,
-    onFocus: y,
-    onBlur: x,
-    onKeyDown: M,
-    onSuffixClick: S,
+    onFocus: g,
+    onBlur: y,
+    onKeyDown: S,
+    onSuffixClick: x,
     onChange: C,
-    value: g = "",
-    wrapperProps: $,
-    wrapperStyles: k,
-    floatingLabelStyles: D,
-    prefixStyles: T,
-    suffixStyles: A,
-    textareaStyles: N,
+    value: _ = "",
+    wrapperProps: L,
+    wrapperStyles: E,
+    floatingLabelStyles: A,
+    prefixStyles: j,
+    suffixStyles: T,
+    textareaStyles: O,
     labelProps: U,
-    helperProps: q,
+    helperProps: B,
     showLimit: z = !1,
-    maxLength: O,
-    inputProps: m,
-    hint: j,
-    showHint: B = !1,
-    showHintOnEmpty: G = !1,
-    truncate: H = !1,
+    maxLength: N,
+    inputProps: v,
+    hint: $,
+    showHint: P = !1,
+    showHintOnEmpty: F = !1,
+    truncate: G = !1,
     resize: Q,
-    showGrip: ae = !1,
-    ...J
-  }, re) => {
-    const se = $t(), de = b || se, [ve, ie] = Ne(g), ye = g !== void 0 ? g : ve, ue = (ye || "").length > 0, le = ye || "", _e = _ && (r === "large" || t === "textarea") && !p, xe = Se(
-      (Z) => {
-        var Y;
-        i || n || (y == null || y(), (Y = m == null ? void 0 : m.onFocus) == null || Y.call(
-          m,
-          Z
+    showGrip: ne = !1,
+    ...Z
+  }, ie) => {
+    const ee = Ut(), ve = b || ee, [Ae, fe] = ye(_), Ee = _ !== void 0 ? _ : Ae, ke = (Ee || "").length > 0, we = Ee || "", je = u && (r === "large" || e === "textarea") && !h, Ve = xe(
+      (Y) => {
+        var K;
+        i || o || (g == null || g(), (K = v == null ? void 0 : v.onFocus) == null || K.call(
+          v,
+          Y
         ));
       },
-      [y, m, i, n]
-    ), De = Se(
-      (Z) => {
-        var Y;
-        if (Z.key === "Tab") {
-          const ce = Z.target.closest(`.${L.wrapper}`);
-          ce && ce.classList.add(L.tabFocused);
+      [g, v, i, o]
+    ), Be = xe(
+      (Y) => {
+        var K;
+        if (Y.key === "Tab") {
+          const de = Y.target.closest(`.${M.wrapper}`);
+          de && de.classList.add(M.tabFocused);
         }
-        (Y = m == null ? void 0 : m.onKeyUp) == null || Y.call(
-          m,
-          Z
+        (K = v == null ? void 0 : v.onKeyUp) == null || K.call(
+          v,
+          Y
         );
       },
-      [m]
-    ), We = Se(
-      (Z) => {
-        var ce;
-        const Y = Z.target.closest(`.${L.wrapper}`);
-        Y && Y.classList.remove(L.tabFocused), x == null || x(), (ce = m == null ? void 0 : m.onBlur) == null || ce.call(
-          m,
-          Z
+      [v]
+    ), Ze = xe(
+      (Y) => {
+        var de;
+        const K = Y.target.closest(`.${M.wrapper}`);
+        K && K.classList.remove(M.tabFocused), y == null || y(), (de = v == null ? void 0 : v.onBlur) == null || de.call(
+          v,
+          Y
         );
       },
-      [x, m]
-    ), Ve = Se(
-      (Z) => {
-        var ce;
-        if (i || n) return;
-        const Y = Z.target.value;
-        ie(Y), C == null || C(Y, Z), (ce = m == null ? void 0 : m.onChange) == null || ce.call(
-          m,
-          Z
+      [y, v]
+    ), Ye = xe(
+      (Y) => {
+        var de;
+        if (i || o) return;
+        const K = Y.target.value;
+        fe(K), C == null || C(K, Y), (de = v == null ? void 0 : v.onChange) == null || de.call(
+          v,
+          Y
         );
       },
-      [C, m, i, n]
+      [C, v, i, o]
     );
-    return Ee(() => {
-      ie(g || "");
-    }, [g]), /* @__PURE__ */ o.jsx(
-      St.Wrapper,
+    return ue(() => {
+      fe(_ || "");
+    }, [_]), /* @__PURE__ */ n.jsx(
+      Nt.Wrapper,
       {
-        ref: re,
+        ref: ie,
         size: r,
         error: s,
-        disabled: i || n,
-        loading: n,
-        className: V(a, t === "textarea" && L["textarea-wrapper"]),
-        wrapperProps: $,
-        wrapperStyles: k,
-        floatingLabelStyles: D,
-        prefixStyles: T,
-        suffixStyles: A,
+        disabled: i || o,
+        loading: o,
+        className: I(a, e === "textarea" && M["textarea-wrapper"]),
+        wrapperProps: L,
+        wrapperStyles: E,
+        floatingLabelStyles: A,
+        prefixStyles: j,
+        suffixStyles: T,
         labelProps: U,
-        helperProps: q,
+        helperProps: B,
         showLimit: z,
-        maxLength: O,
-        hint: j,
-        showHint: B,
-        showHintOnEmpty: G,
-        prefix: p,
-        suffix: h,
-        onSuffixClick: S,
-        placeholder: c,
-        showLabel: _,
-        labelClassName: d,
-        hasValue: ue,
-        helper: f,
-        id: de,
-        value: le,
-        showGrip: ae,
+        maxLength: N,
+        hint: $,
+        showHint: P,
+        showHintOnEmpty: F,
+        prefix: h,
+        suffix: m,
+        onSuffixClick: x,
+        placeholder: l,
+        showLabel: u,
+        labelClassName: c,
+        hasValue: ke,
+        helper: p,
+        id: ve,
+        value: we,
+        showGrip: ne,
         resize: Q,
-        ...J,
-        children: /* @__PURE__ */ o.jsx(
-          St,
+        ...Z,
+        children: /* @__PURE__ */ n.jsx(
+          Nt,
           {
-            component: t,
+            component: e,
             size: r,
-            value: le,
-            placeholder: c,
+            value: we,
+            placeholder: l,
             disabled: i,
-            loading: n,
-            onFocus: xe,
-            onBlur: We,
-            onChange: Ve,
-            onKeyDown: M,
-            onKeyUp: De,
-            maxLength: O,
-            truncate: H,
-            "data-empty": !ue,
-            shouldShowFloatingLabelClass: _e,
-            style: t === "textarea" ? N : void 0,
+            loading: o,
+            onFocus: Ve,
+            onBlur: Ze,
+            onChange: Ye,
+            onKeyDown: S,
+            onKeyUp: Be,
+            maxLength: N,
+            truncate: G,
+            "data-empty": !ke,
+            shouldShowFloatingLabelClass: je,
+            style: e === "textarea" ? O : void 0,
             "aria-invalid": !!s,
-            "aria-errormessage": s ? `${de}-error` : void 0,
-            id: de,
+            "aria-errormessage": s ? `${ve}-error` : void 0,
+            id: ve,
             resize: Q,
-            ...m
+            ...v
           }
         )
       }
     );
   }
-), X = {
+), ae = {
   SMALL: "small",
   MEDIUM: "medium",
   LARGE: "large"
-}, _n = (t, r, a, s) => {
-  switch (t) {
-    case X.LARGE:
+}, $n = (e, r, a, s) => {
+  switch (e) {
+    case ae.LARGE:
       return r && a ? "8px 16px 8px 16px" : "16px 16px 16px 16px";
-    case X.MEDIUM:
+    case ae.MEDIUM:
       return s ? "12px 12px 12px 12px" : "12px 12px 12px 16px";
-    case X.SMALL:
+    case ae.SMALL:
       return "10px 12px 10px 12px";
     default:
       return "12px 16px 12px 16px";
   }
-}, pn = (t) => {
-  switch (t) {
-    case X.LARGE:
+}, Rn = (e) => {
+  switch (e) {
+    case ae.LARGE:
       return "56px";
-    case X.MEDIUM:
+    case ae.MEDIUM:
       return "48px";
-    case X.SMALL:
+    case ae.SMALL:
       return "40px";
     default:
       return "48px";
   }
-}, fn = (t) => {
-  switch (t) {
-    case X.SMALL:
+}, Mn = (e) => {
+  switch (e) {
+    case ae.SMALL:
       return 8;
     // 8px для small
-    case X.MEDIUM:
-    case X.LARGE:
+    case ae.MEDIUM:
+    case ae.LARGE:
       return 12;
     // 12px для medium и large
     default:
       return 12;
   }
-}, gn = (t, r, a) => ({
+}, In = (e, r, a) => ({
   wrapperStyles: {
-    height: t,
-    minHeight: t,
-    maxHeight: t,
+    height: e,
+    minHeight: e,
+    maxHeight: e,
     boxSizing: "border-box",
     padding: r
   },
@@ -2367,10 +2371,10 @@ const St = Object.assign(un, {
   suffixStyles: {
     right: `${a}px`
   }
-}), hn = (t, r, a) => ({
+}), Tn = (e, r, a) => ({
   wrapperStyles: {
-    minHeight: t,
-    maxHeight: t,
+    minHeight: e,
+    maxHeight: e,
     boxSizing: "border-box",
     padding: r
   },
@@ -2383,10 +2387,10 @@ const St = Object.assign(un, {
   suffixStyles: {
     right: `${a}px`
   }
-}), bn = (t, r, a) => ({
+}), An = (e, r, a) => ({
   wrapperStyles: {
-    minHeight: t,
-    maxHeight: t,
+    minHeight: e,
+    maxHeight: e,
     boxSizing: "border-box",
     padding: r
   },
@@ -2399,15 +2403,15 @@ const St = Object.assign(un, {
   suffixStyles: {
     right: `${a}px`
   }
-}), yn = (t, r, a, s) => {
-  const i = pn(t), n = _n(t, r, a, s), c = fn(t);
-  switch (t) {
-    case X.LARGE:
-      return gn(i, n, c);
-    case X.MEDIUM:
-      return hn(i, n, c);
-    case X.SMALL:
-      return bn(i, n, c);
+}), Nn = (e, r, a, s) => {
+  const i = Rn(e), o = $n(e, r, a, s), l = Mn(e);
+  switch (e) {
+    case ae.LARGE:
+      return In(i, o, l);
+    case ae.MEDIUM:
+      return Tn(i, o, l);
+    case ae.SMALL:
+      return An(i, o, l);
     default:
       return {
         wrapperStyles: {},
@@ -2416,112 +2420,112 @@ const St = Object.assign(un, {
         suffixStyles: {}
       };
   }
-}, Fn = te(
+}, pi = X(
   ({
-    value: t = "",
+    value: e = "",
     onChange: r,
     type: a = "text",
     placeholder: s,
     maxLength: i,
-    minLength: n,
-    autoComplete: c,
-    autoFocus: _,
-    size: d = X.MEDIUM,
-    inputProps: f,
-    error: p,
-    disabled: h,
+    minLength: o,
+    autoComplete: l,
+    autoFocus: u,
+    size: c = ae.MEDIUM,
+    inputProps: p,
+    error: h,
+    disabled: m,
     loading: b,
-    helper: y,
-    prefix: x,
-    suffix: M,
-    clearable: S = !1,
+    helper: g,
+    prefix: y,
+    suffix: S,
+    clearable: x = !1,
     id: C,
-    showLabel: g = !0,
-    onFocus: $,
-    onBlur: k,
-    onSuffixClick: D,
-    onClear: T,
-    className: A,
-    truncate: N = !0,
+    showLabel: _ = !0,
+    onFocus: L,
+    onBlur: E,
+    onSuffixClick: A,
+    onClear: j,
+    className: T,
+    truncate: O = !0,
     hint: U,
-    showHint: q = !1,
+    showHint: B = !1,
     showHintOnEmpty: z = !1,
-    wrapperProps: O,
-    labelProps: m,
-    helperProps: j,
-    ...B
-  }, G) => {
-    const H = (t || "").length > 0, Q = d === X.LARGE, ae = !!x, J = Q && g && !x, re = S && H && !(h || b), se = () => {
-      r == null || r(""), T == null || T();
-    }, de = re ? /* @__PURE__ */ o.jsx(
-      kt,
+    wrapperProps: N,
+    labelProps: v,
+    helperProps: $,
+    ...P
+  }, F) => {
+    const G = (e || "").length > 0, Q = c === ae.LARGE, ne = !!y, Z = Q && _ && !y, ie = x && G && !(m || b), ee = () => {
+      r == null || r(""), j == null || j();
+    }, ve = ie ? /* @__PURE__ */ n.jsx(
+      Gt,
       {
-        size: d === X.SMALL ? "xs" : "sm",
+        size: c === ae.SMALL ? "xs" : "sm",
         color: "var(--icon-secondary)",
-        onClick: se,
+        onClick: ee,
         style: { cursor: "pointer" },
         "data-testid": "x-icon"
       }
-    ) : M, ve = {
+    ) : S, Ae = {
       type: a,
-      minLength: n,
-      autoComplete: c,
-      autoFocus: _,
-      ...f
-    }, ie = yn(d, J, H, ae);
-    return /* @__PURE__ */ o.jsx(
-      At,
+      minLength: o,
+      autoComplete: l,
+      autoFocus: u,
+      ...p
+    }, fe = Nn(c, Z, G, ne);
+    return /* @__PURE__ */ n.jsx(
+      Vt,
       {
-        size: d,
-        error: p,
-        disabled: h || b,
+        size: c,
+        error: h,
+        disabled: m || b,
         loading: b,
-        helper: y,
-        prefix: x,
-        suffix: de,
+        helper: g,
+        prefix: y,
+        suffix: ve,
         id: C,
-        showLabel: J,
-        onFocus: $,
-        onBlur: k,
-        onSuffixClick: D,
+        showLabel: Z,
+        onFocus: L,
+        onBlur: E,
+        onSuffixClick: A,
         onChange: r,
-        value: t,
+        value: e,
         placeholder: s,
-        className: A,
-        wrapperStyles: ie.wrapperStyles,
-        floatingLabelStyles: ie.floatingLabelStyles,
-        prefixStyles: ie.prefixStyles,
-        suffixStyles: ie.suffixStyles,
-        wrapperProps: O,
-        labelProps: m,
-        helperProps: j,
+        className: T,
+        wrapperStyles: fe.wrapperStyles,
+        floatingLabelStyles: fe.floatingLabelStyles,
+        prefixStyles: fe.prefixStyles,
+        suffixStyles: fe.suffixStyles,
+        wrapperProps: N,
+        labelProps: v,
+        helperProps: $,
         showLimit: !1,
         maxLength: i,
-        inputProps: ve,
+        inputProps: Ae,
         hint: U,
-        showHint: q,
+        showHint: B,
         showHintOnEmpty: z,
-        truncate: N,
-        ...B
+        truncate: O,
+        ...P
       }
     );
   }
-), oe = {
+), ce = {
   SMALL: "small",
   MEDIUM: "medium"
-}, Pe = {
+}, He = {
   SMALL: "12px",
   MEDIUM: "16px"
-}, mn = {
+}, Dn = {
   SMALL: "xs",
   MEDIUM: "sm"
-}, Be = {
+}, We = {
   FILL: "fill",
   FIXED: "fixed"
-}, Xe = {
+}, st = {
   SMALL: "112px",
   MEDIUM: "56px"
-}, $e = {
+}, Ie = {
   SMALL: "48px",
   MEDIUM: "22px"
 }, ge = {
@@ -2529,238 +2533,698 @@ const St = Object.assign(un, {
   MEDIUM: "16px 16px 16px 16px",
   MEDIUM_WITH_PREFIX: "12px 16px 12px 16px",
   MEDIUM_FLOATING_LABEL: "8px 16px 8px 16px"
-}, be = {
+}, me = {
   SMALL: 48,
   MEDIUM: 56,
   LARGE: 112
-}, vn = (t, r) => {
-  if (t === oe.SMALL)
-    return Xe.SMALL;
+}, On = (e, r) => {
+  if (e === ce.SMALL)
+    return st.SMALL;
   if (r)
     return `${r}px`;
-  switch (t) {
-    case oe.MEDIUM:
-      return Xe.MEDIUM;
+  switch (e) {
+    case ce.MEDIUM:
+      return st.MEDIUM;
     default:
-      return Xe.MEDIUM;
+      return st.MEDIUM;
   }
-}, xn = (t, r) => {
-  if (t === oe.SMALL)
-    return $e.SMALL;
+}, Pn = (e, r) => {
+  if (e === ce.SMALL)
+    return Ie.SMALL;
   if (r)
     switch (r) {
-      case be.SMALL:
-      case be.MEDIUM:
-        return $e.MEDIUM;
-      case be.LARGE:
-        return $e.SMALL;
+      case me.SMALL:
+      case me.MEDIUM:
+        return Ie.MEDIUM;
+      case me.LARGE:
+        return Ie.SMALL;
       default:
-        return $e.MEDIUM;
+        return Ie.MEDIUM;
     }
-  switch (t) {
-    case oe.MEDIUM:
-      return $e.MEDIUM;
+  switch (e) {
+    case ce.MEDIUM:
+      return Ie.MEDIUM;
     default:
-      return $e.MEDIUM;
+      return Ie.MEDIUM;
   }
-}, Cn = (t, r, a) => {
-  if (t === oe.SMALL)
+}, qn = (e, r, a) => {
+  if (e === ce.SMALL)
     return ge.SMALL;
   if (r)
     switch (r) {
-      case be.SMALL:
+      case me.SMALL:
         return ge.MEDIUM_WITH_PREFIX;
-      case be.MEDIUM:
+      case me.MEDIUM:
         return a ? ge.MEDIUM_FLOATING_LABEL : ge.MEDIUM;
-      case be.LARGE:
+      case me.LARGE:
         return ge.MEDIUM;
       default:
         return ge.MEDIUM;
     }
-  switch (t) {
-    case oe.MEDIUM:
+  switch (e) {
+    case ce.MEDIUM:
       return a ? ge.MEDIUM_FLOATING_LABEL : ge.MEDIUM;
     default:
       return ge.MEDIUM;
   }
-}, wn = (t, r) => {
-  if (t === oe.SMALL)
+}, Un = (e, r) => {
+  if (e === ce.SMALL)
     return "small";
   if (r)
     switch (r) {
-      case be.SMALL:
+      case me.SMALL:
         return "small";
-      case be.MEDIUM:
+      case me.MEDIUM:
         return "medium";
-      case be.LARGE:
+      case me.LARGE:
         return "medium";
       default:
         return "medium";
     }
-  return t;
-}, Sn = (t) => mn[t.toUpperCase()], En = (t) => Pe[t.toUpperCase()], Ln = (t, r, a, s) => {
-  const i = vn(t, r), n = xn(t, r), c = Cn(t, r, a);
+  return e;
+}, Bn = (e) => Dn[e.toUpperCase()], Fn = (e) => He[e.toUpperCase()], zn = (e, r, a, s) => {
+  const i = On(e, r), o = Pn(e, r), l = qn(e, r, a);
   return {
     wrapperStyles: {
       minHeight: i,
       // Для fill resize устанавливаем height: 100%
-      ...s === Be.FILL && { height: "100%" },
+      ...s === We.FILL && { height: "100%" },
       // Для fixed resize устанавливаем фиксированную высоту
-      ...s === Be.FIXED && r && { height: i },
+      ...s === We.FIXED && r && { height: i },
       boxSizing: "border-box",
-      padding: c
+      padding: l
     },
     floatingLabelStyles: {
-      left: t === oe.SMALL ? Pe.SMALL : Pe.MEDIUM,
+      left: e === ce.SMALL ? He.SMALL : He.MEDIUM,
       transformOrigin: "left top",
-      top: r === 112 && a && t === oe.MEDIUM ? Pe.MEDIUM : void 0
+      top: r === 112 && a && e === ce.MEDIUM ? He.MEDIUM : void 0
     },
     suffixStyles: {
-      right: En(t)
+      right: Fn(e)
     },
     textareaStyles: {
-      minHeight: n,
+      minHeight: o,
       // Для fill resize flex: 1
-      ...s === Be.FILL && { flex: 1, minHeight: 0 },
+      ...s === We.FILL && { flex: 1, minHeight: 0 },
       // Для fixed resize фиксированная высота
-      ...s === Be.FIXED && r && { height: n }
+      ...s === We.FIXED && r && { height: o }
     }
   };
-}, Pn = te(
+}, fi = X(
   ({
-    value: t = "",
+    value: e = "",
     onChange: r,
     placeholder: a,
     maxLength: s,
     minLength: i,
-    autoFocus: n,
-    size: c = oe.MEDIUM,
-    textareaProps: _,
-    error: d,
-    disabled: f,
-    loading: p,
-    helper: h,
+    autoFocus: o,
+    size: l = ce.MEDIUM,
+    textareaProps: u,
+    error: c,
+    disabled: p,
+    loading: h,
+    helper: m,
     suffix: b,
-    clearable: y = !1,
-    id: x,
-    showLabel: M = !0,
-    onFocus: S,
+    clearable: g = !1,
+    id: y,
+    showLabel: S = !0,
+    onFocus: x,
     onBlur: C,
-    onClear: g,
-    onKeyDown: $,
-    className: k,
-    rows: D = 1,
-    showLimit: T = !1,
-    wrapperProps: A,
-    labelProps: N,
+    onClear: _,
+    onKeyDown: L,
+    className: E,
+    rows: A = 1,
+    showLimit: j = !1,
+    wrapperProps: T,
+    labelProps: O,
     helperProps: U,
-    showGrip: q,
+    showGrip: B,
     minHeight: z,
-    resize: O,
-    ...m
-  }, j) => {
-    const B = (t || "").length > 0, G = M && !!a && (c === oe.SMALL || z !== 48), H = y && B && !(f || p), Q = () => {
-      r == null || r(""), g == null || g();
-    }, ae = H ? /* @__PURE__ */ o.jsx(
-      kt,
+    resize: N,
+    ...v
+  }, $) => {
+    const P = (e || "").length > 0, F = S && !!a && (l === ce.SMALL || z !== 48), G = g && P && !(p || h), Q = () => {
+      r == null || r(""), _ == null || _();
+    }, ne = G ? /* @__PURE__ */ n.jsx(
+      Gt,
       {
-        size: Sn(c),
+        size: Bn(l),
         color: "var(--icon-secondary)",
         onClick: Q,
         style: { cursor: "pointer" },
         "data-testid": "x-icon"
       }
-    ) : b, J = Ln(c, z, G && B, O), re = wn(c, z), se = {
-      rows: D,
+    ) : b, Z = zn(l, z, F && P, N), ie = Un(l, z), ee = {
+      rows: A,
       minLength: i,
-      autoFocus: n,
-      resize: O,
-      ..._
+      autoFocus: o,
+      resize: N,
+      ...u
     };
-    return /* @__PURE__ */ o.jsx(
-      At,
+    return /* @__PURE__ */ n.jsx(
+      Vt,
       {
-        ref: j,
+        ref: $,
         component: "textarea",
-        size: re,
-        error: d,
-        disabled: f || p,
-        loading: p,
-        helper: h,
-        suffix: ae,
-        id: x,
-        showLabel: G,
-        onFocus: S,
+        size: ie,
+        error: c,
+        disabled: p || h,
+        loading: h,
+        helper: m,
+        suffix: ne,
+        id: y,
+        showLabel: F,
+        onFocus: x,
         onBlur: C,
-        onKeyDown: $,
+        onKeyDown: L,
         onChange: r,
-        value: t || "",
+        value: e || "",
         placeholder: a,
-        className: k,
-        "data-floating-label": G,
-        wrapperStyles: J.wrapperStyles,
-        floatingLabelStyles: J.floatingLabelStyles,
-        suffixStyles: J.suffixStyles,
-        textareaStyles: J.textareaStyles,
-        wrapperProps: A,
-        labelProps: N,
+        className: E,
+        "data-floating-label": F,
+        wrapperStyles: Z.wrapperStyles,
+        floatingLabelStyles: Z.floatingLabelStyles,
+        suffixStyles: Z.suffixStyles,
+        textareaStyles: Z.textareaStyles,
+        wrapperProps: T,
+        labelProps: O,
         helperProps: U,
-        showLimit: T && (z === 112 || c === oe.SMALL),
+        showLimit: j && (z === 112 || l === ce.SMALL),
         maxLength: s,
-        inputProps: se,
-        resize: O,
-        showGrip: q,
-        ...m
+        inputProps: ee,
+        resize: N,
+        showGrip: B,
+        ...v
       }
     );
   }
-), Mn = "_helper_1vhgl_16", Qe = {
-  helper: Mn,
-  "helper--error": "_helper--error_1vhgl_27",
-  "helper--disabled": "_helper--disabled_1vhgl_32"
-}, zn = ({
-  title: t,
+), Wn = "_helper_1jq7j_16", nt = {
+  helper: Wn,
+  "helper--error": "_helper--error_1jq7j_28",
+  "helper--disabled": "_helper--disabled_1jq7j_33"
+}, hi = ({
+  title: e,
   error: r,
   className: a = "",
   style: s,
   disabled: i = !1,
-  "data-testid": n,
-  "aria-label": c,
-  "aria-describedby": _
+  "data-testid": o,
+  "aria-label": l,
+  "aria-describedby": u
 }) => {
-  const d = !!r, f = V(
-    Qe.helper,
-    d && Qe["helper--error"],
-    i && Qe["helper--disabled"],
+  const c = !!r, p = I(
+    nt.helper,
+    c && nt["helper--error"],
+    i && nt["helper--disabled"],
     a
-  ), p = i ? t : r || t;
-  return /* @__PURE__ */ o.jsx(
+  ), h = i ? e : r || e;
+  return /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: f,
+      className: p,
       style: s,
-      "data-testid": n,
-      "aria-label": c,
-      "aria-describedby": _,
-      children: /* @__PURE__ */ o.jsx("p", { children: p })
+      "data-testid": o,
+      "aria-label": l,
+      "aria-describedby": u,
+      children: /* @__PURE__ */ n.jsx("p", { children: h })
     }
   );
+}, Gn = "_radio_1q34w_54", Hn = "_checked_1q34w_75", Vn = "_error_1q34w_80", Zn = "_disabled_1q34w_89", Yn = "_icon_1q34w_125", Kn = "_small_1q34w_133", Jn = "_medium_1q34w_140", Xn = "_large_1q34w_147", Qn = "_label_1q34w_154", eo = "_container_1q34w_180", to = "_input_1q34w_193", ao = "_card_1q34w_200", ro = "_smallCard_1q34w_206", so = "_mediumCard_1q34w_210", no = "_largeCard_1q34w_214", oe = {
+  radio: Gn,
+  checked: Hn,
+  error: Vn,
+  disabled: Zn,
+  icon: Yn,
+  small: Kn,
+  medium: Jn,
+  large: Xn,
+  label: Qn,
+  container: eo,
+  input: to,
+  card: ao,
+  smallCard: ro,
+  mediumCard: so,
+  largeCard: no
+}, oo = "radio-container-", io = "radio-label", Zt = X(
+  (e, r) => {
+    const {
+      name: a,
+      id: s,
+      value: i,
+      size: o = "large",
+      loading: l = !1,
+      error: u,
+      disabled: c = !1,
+      checked: p = !1,
+      containerClassName: h,
+      className: m,
+      children: b,
+      clickable: g = "all",
+      mode: y = "default",
+      tabIndex: S,
+      style: x,
+      containerStyle: C,
+      onChange: _,
+      "data-testid": L,
+      ...E
+    } = e, A = !!u, j = c || l, T = g === "all", O = y === "card", U = oe[`${o}Card`], B = s ?? a, z = (F) => {
+      j || _ == null || _(i, F);
+    }, N = (F) => {
+      F.key === "Enter" && !j && (F.preventDefault(), _ == null || _(i));
+    }, v = (F) => F.stopPropagation(), $ = () => /* @__PURE__ */ n.jsxs(
+      "div",
+      {
+        className: I(
+          oe.radio,
+          oe[o],
+          {
+            [oe.checked]: p,
+            [oe.disabled]: j,
+            [oe.error]: A && !j
+          },
+          m
+        ),
+        style: x,
+        tabIndex: S || 1,
+        "data-testid": `${oo}${B}`,
+        children: [
+          /* @__PURE__ */ n.jsx(
+            "input",
+            {
+              "aria-errormessage": u,
+              "aria-invalid": A,
+              checked: p,
+              className: oe.input,
+              "data-testid": `radio-${B}`,
+              disabled: j,
+              id: B,
+              name: a,
+              ref: r,
+              type: "radio",
+              value: i,
+              onChange: z,
+              onClick: v
+            }
+          ),
+          /* @__PURE__ */ n.jsx("svg", { "data-testid": `radio-icon-${B}`, viewBox: "0 0 8 8", className: oe.icon, children: /* @__PURE__ */ n.jsx("circle", { cx: 4, cy: 4, fill: "current", r: 4 }) })
+        ]
+      }
+    ), P = () => /* @__PURE__ */ n.jsxs(
+      "label",
+      {
+        "aria-checked": p,
+        "aria-disabled": j,
+        "data-testid": T ? L : io,
+        htmlFor: B,
+        style: C,
+        className: I(oe.label, {
+          [I(oe.container, oe[y], h)]: T,
+          [U]: T && O
+        }),
+        onKeyDown: N,
+        ...E,
+        children: [
+          $(),
+          T && b
+        ]
+      }
+    );
+    return T ? P() : /* @__PURE__ */ n.jsxs(
+      "div",
+      {
+        className: I(oe.container, oe[y], h, {
+          [U]: O
+        }),
+        "data-testid": L,
+        children: [
+          P(),
+          b
+        ]
+      }
+    );
+  }
+), lo = "_group_o6mjt_7", co = "_vertical_o6mjt_12", uo = "_horizontal_o6mjt_16", Dt = {
+  group: lo,
+  vertical: co,
+  horizontal: uo
+}, _o = X(
+  (e, r) => {
+    const {
+      id: a,
+      name: s,
+      value: i,
+      options: o,
+      className: l,
+      radioClassName: u,
+      disabled: c = !1,
+      layout: p = "vertical",
+      "data-testid": h,
+      ...m
+    } = e;
+    return /* @__PURE__ */ n.jsx(
+      "div",
+      {
+        className: Ce(Dt.group, Dt[p], l),
+        "data-testid": h ?? `radio-group-${s}`,
+        id: a,
+        ref: r,
+        children: o.map(({ label: b, value: g, disabled: y }) => {
+          const S = `${s}-${String(g)}`, x = String(g) === String(i);
+          return /* @__PURE__ */ n.jsx(
+            Zt,
+            {
+              id: S,
+              checked: x,
+              "data-testid": S,
+              disabled: c || y,
+              name: s,
+              value: g,
+              className: u,
+              ...m,
+              children: b
+            },
+            S
+          );
+        })
+      }
+    );
+  }
+), gi = Object.assign(Zt, {
+  Group: _o
+}), po = "_root_1jj3e_25", fo = "_unordered_1jj3e_39", ho = "_ordered_1jj3e_43", go = "_sm_1jj3e_48", bo = "_md_1jj3e_59", mo = "_lg_1jj3e_70", yo = "_xl_1jj3e_81", ot = {
+  root: po,
+  unordered: fo,
+  ordered: ho,
+  sm: go,
+  md: bo,
+  lg: mo,
+  xl: yo
+}, vo = (e) => {
+  const { children: r, className: a, "data-testid": s = "list-item" } = e;
+  return /* @__PURE__ */ n.jsx("li", { "data-testid": s, className: a, children: r });
+}, bi = Object.assign(
+  X((e, r) => {
+    const {
+      variant: a = "unordered",
+      className: s,
+      children: i,
+      size: o = "md",
+      "data-testid": l = "list",
+      ...u
+    } = e, c = a === "ordered" ? "ol" : "ul";
+    return /* @__PURE__ */ n.jsx(
+      c,
+      {
+        "data-testid": l,
+        ref: r,
+        className: Ce(ot.root, ot[a], ot[o], s),
+        ...a === "ordered" && u,
+        children: i
+      }
+    );
+  }),
+  { Item: vo }
+), xo = "_wrapper_1v8xn_5", Co = "_viewport_1v8xn_12", wo = "_mask_1v8xn_26", So = "_maskLeft_1v8xn_37", Lo = "_maskRight_1v8xn_42", Eo = "_visible_1v8xn_46", ko = "_control_1v8xn_51", jo = "_xs_1v8xn_70", $o = "_sm_1v8xn_73", Ro = "_md_1v8xn_76", Mo = "_left_1v8xn_80", Io = "_right_1v8xn_83", se = {
+  wrapper: xo,
+  viewport: Co,
+  mask: wo,
+  maskLeft: So,
+  maskRight: Lo,
+  visible: Eo,
+  control: ko,
+  xs: jo,
+  sm: $o,
+  md: Ro,
+  left: Mo,
+  right: Io
+}, To = "white", Ao = ({
+  children: e,
+  withControls: r = !0,
+  className: a,
+  size: s
+}) => {
+  const i = qe(null), [o, l] = ye(!1), [u, c] = ye(!1), { ref: p, bgColor: h } = Ft(), m = p ?? { current: null }, b = h ?? To, g = r && o, y = r && u, S = ({ direction: _ }) => /* @__PURE__ */ n.jsx(
+    "svg",
+    {
+      height: "12px",
+      width: "12px",
+      viewBox: "0 0 185.343 185.343",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ n.jsx("g", { transform: _ === "left" ? "scale(-1,1) translate(-185.343,0)" : void 0, children: /* @__PURE__ */ n.jsx(
+        "path",
+        {
+          fill: "currentColor",
+          d: `M51.707,185.343c-2.741,0-5.493-1.044-7.593-3.149c-4.194-4.194-4.194-10.981,0-15.175 
+           l74.352-74.347L44.114,18.32c-4.194-4.194-4.194-10.987,0-15.175c4.194-4.194,10.987-4.194,15.18,0l81.934,81.934 
+           c4.194,4.194,4.194,10.987,0,15.175l-81.934,81.939C57.201,184.293,54.454,185.343,51.707,185.343z`
+        }
+      ) })
+    }
+  ), x = () => {
+    const _ = i.current;
+    if (!_) return;
+    const L = Math.round(_.scrollLeft), E = Math.round(_.scrollLeft + _.clientWidth), A = Math.round(_.scrollWidth);
+    l(L > 0), c(E < A);
+  }, C = (_) => {
+    const L = i.current;
+    if (!L) return;
+    const E = L.clientWidth;
+    L.scrollBy({ left: _ === "left" ? -E : E, behavior: "smooth" });
+  };
+  return ue(() => {
+    const _ = i.current;
+    if (!_) return;
+    const L = (E) => {
+      Math.abs(E.deltaX) > Math.abs(E.deltaY) || _.scrollWidth > _.clientWidth && (E.preventDefault(), _.scrollBy({ left: E.deltaY, behavior: "auto" }));
+    };
+    return _.addEventListener("wheel", L, { passive: !1 }), () => _.removeEventListener("wheel", L);
+  }, []), ue(() => {
+    x();
+    const _ = i.current;
+    if (_)
+      return _.addEventListener("scroll", x, { passive: !0 }), window.addEventListener("resize", x), () => {
+        _.removeEventListener("scroll", x), window.removeEventListener("resize", x);
+      };
+  }, []), /* @__PURE__ */ n.jsxs("div", { ref: m, className: I(se.wrapper, a), children: [
+    g && /* @__PURE__ */ n.jsx(
+      "div",
+      {
+        className: I(se.mask, se.maskLeft, o && se.visible),
+        style: {
+          background: `linear-gradient(to right, ${b} 17%, transparent 80%)`
+        }
+      }
+    ),
+    y && /* @__PURE__ */ n.jsx(
+      "div",
+      {
+        className: I(se.mask, se.maskRight, u && se.visible),
+        style: {
+          background: `linear-gradient(to left, ${b} 17%, transparent 80%)`
+        }
+      }
+    ),
+    /* @__PURE__ */ n.jsx("div", { ref: i, className: se.viewport, children: e }),
+    g && /* @__PURE__ */ n.jsx(
+      "button",
+      {
+        type: "button",
+        tabIndex: -1,
+        "aria-hidden": "true",
+        className: I(se.control, se.left, se[s]),
+        onClick: () => C("left"),
+        children: /* @__PURE__ */ n.jsx(S, { direction: "left" })
+      }
+    ),
+    y && /* @__PURE__ */ n.jsx(
+      "button",
+      {
+        type: "button",
+        tabIndex: -1,
+        "aria-hidden": "true",
+        className: I(se.control, se.right, se[s]),
+        onClick: () => C("right"),
+        children: /* @__PURE__ */ n.jsx(S, { direction: "right" })
+      }
+    )
+  ] });
+}, No = "_tabBar_1ndpm_82", Do = "_primary_1ndpm_88", Oo = "_secondary_1ndpm_93", Po = "_tab_1ndpm_82", qo = "_md_1ndpm_125", Uo = "_sm_1ndpm_129", Bo = "_xs_1ndpm_133", Fo = "_disabled_1ndpm_137", zo = "_selected_1ndpm_143", Wo = "_tabLabel_1ndpm_222", Go = "_tabPrefix_1ndpm_234", Ho = "_tabPostfix_1ndpm_270", J = {
+  tabBar: No,
+  primary: Do,
+  secondary: Oo,
+  tab: Po,
+  md: qo,
+  sm: Uo,
+  xs: Bo,
+  disabled: Fo,
+  selected: zo,
+  tabLabel: Wo,
+  tabPrefix: Go,
+  tabPostfix: Ho
+}, Vo = "md", Zo = !1, Yo = 8, Ko = "top-right-inside", Yt = Pt(null), Kt = () => {
+  const e = qt(Yt);
+  if (!e) throw new Error("useTabs должен использоваться внутри TabsProvider");
+  return e;
+}, Jo = ({
+  children: e,
+  defaultActiveTab: r,
+  activeTab: a,
+  onChange: s
+}) => {
+  const [i, o] = ye(r), l = a !== void 0, u = l ? a : i, c = (p) => {
+    l || o(p), s && s(p);
+  };
+  return /* @__PURE__ */ n.jsx(Yt.Provider, { value: { activeTab: u, setTab: c }, children: e });
+}, Xo = ({
+  mode: e,
+  item: r,
+  isActive: a,
+  showBadge: s,
+  badgeProps: i,
+  size: o,
+  isDisabled: l,
+  onSelectTab: u
+}) => {
+  const {
+    value: c,
+    label: p,
+    prefix: h,
+    prefixWrapperProps: m = {},
+    postfix: b,
+    postfixWrapperProps: g = {}
+  } = r, { className: y, ...S } = m, { className: x, ...C } = g, _ = {
+    primary: pe["typography-label-3-medium"],
+    secondary: pe["typography-label-3-regular"],
+    prefix: pe["typography-label-3-medium"],
+    postfix: pe["typography-label-3-medium"]
+  }, L = {
+    size: Yo,
+    position: Ko,
+    ...i
+  }, E = I(J.tab, J[e], J[o], {
+    [J.selected]: a,
+    [J.disabled]: l
+  }), A = I(
+    J.tabPrefix,
+    y,
+    J[e],
+    _.prefix,
+    {
+      [J.selected]: a,
+      [J.disabled]: l
+    }
+  ), j = I(
+    J.tabPostfix,
+    x,
+    J[e],
+    _.postfix,
+    {
+      [J.selected]: a,
+      [J.disabled]: l
+    }
+  ), T = I(J.tabLabel, J[e], _[e]), O = (B) => {
+    a || l || (u(c), B.currentTarget.scrollIntoView({ behavior: "smooth", inline: "center", block: "nearest" }));
+  }, U = /* @__PURE__ */ n.jsxs(
+    "button",
+    {
+      className: E,
+      role: "tab",
+      "aria-label": p,
+      "aria-selected": a,
+      "aria-disabled": l,
+      "aria-controls": `tab-panel-${c}`,
+      "data-testid": `tab-item-${c}`,
+      onClick: O,
+      children: [
+        h && /* @__PURE__ */ n.jsx(
+          "span",
+          {
+            className: A,
+            ...S,
+            "data-testid": `tab-prefix-${c}`,
+            children: h
+          }
+        ),
+        /* @__PURE__ */ n.jsx("span", { className: T, "data-testid": `tab-label-${c}`, children: p }),
+        b && /* @__PURE__ */ n.jsx(
+          "span",
+          {
+            className: j,
+            ...C,
+            "data-testid": `tab-postfix-${c}`,
+            children: b
+          }
+        )
+      ]
+    }
+  );
+  return s ? /* @__PURE__ */ n.jsx(Gr, { ...L, "data-testid": `tab-badge-${c}`, children: U }) : U;
+}, Qo = ({
+  mode: e,
+  items: r,
+  size: a = Vo,
+  isAllItemsDisabled: s = Zo
+}) => {
+  const { activeTab: i, setTab: o } = Kt(), l = Wr();
+  return /* @__PURE__ */ n.jsx(Ao, { size: a, withControls: l, children: /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      role: "tablist",
+      "data-testid": "tabs-bar",
+      "aria-orientation": "horizontal",
+      className: I(J.tabBar, J[e]),
+      children: r.map((u) => /* @__PURE__ */ n.jsx(
+        Xo,
+        {
+          size: a,
+          item: u,
+          mode: e,
+          showBadge: u.showBadge,
+          badgeProps: u.badgeProps,
+          isActive: i === u.value,
+          isDisabled: s || u.isDisabled,
+          onSelectTab: o
+        },
+        u.value
+      ))
+    }
+  ) });
+}, ei = ({ tabValue: e, children: r, ...a }) => /* @__PURE__ */ n.jsx(
+  "div",
+  {
+    role: "tabpanel",
+    "data-testid": `tab-panel-${e}`,
+    "aria-labelledby": `tab-item-${e}`,
+    ...a,
+    children: r
+  }
+), ti = ({ children: e, ...r }) => {
+  const { activeTab: a } = Kt(), s = lt.Children.toArray(e);
+  return /* @__PURE__ */ n.jsx("div", { "data-testid": "tab-content", ...r, children: s.map((i) => i.props.tabValue === a ? i : null) });
+}, mi = {
+  Provider: Jo,
+  Content: ti,
+  Panel: ei,
+  Bar: Qo
 };
 export {
-  Rn as Avatar,
-  kn as Badge,
-  In as Button,
-  Un as Checkbox,
-  Nn as ConfigProvider,
-  zn as Helper,
-  Tn as Image,
-  Vr as Loader,
-  On as Tag,
-  Pn as TextArea,
-  Fn as TextInput,
-  Bn as Typography,
-  qr as enUS,
-  Dn as ruRU,
-  Gr as useConfig,
-  An as useLocale
+  ni as Avatar,
+  Gr as Badge,
+  si as Button,
+  ui as Checkbox,
+  li as ConfigProvider,
+  hi as Helper,
+  oi as Image,
+  bi as List,
+  is as Loader,
+  gi as Radio,
+  mi as Tabs,
+  di as Tag,
+  fi as TextArea,
+  pi as TextInput,
+  _i as Typography,
+  cs as enUS,
+  ci as ruRU,
+  ds as useConfig,
+  ii as useLocale
 };