skillgrid 0.0.28 → 0.0.29-dev-39184-segmented-control-and-tag-updates.1186340

package/dist/index.es.js

@@ -1,11 +1,11 @@
 import * as Vt from "react";
-import _t, { forwardRef as X, Fragment as Oe, useState as de, useEffect as oe, useRef as Be, useCallback as Se, useMemo as Er, createContext as Ht, useContext as Gt, useLayoutEffect as jr, useImperativeHandle as kr, useId as pt } from "react";
+import _t, { forwardRef as X, Fragment as Oe, useState as ce, useEffect as de, useRef as qe, useCallback as Le, useMemo as jr, createContext as Ht, useContext as Gt, useLayoutEffect as Zt, useImperativeHandle as kr, useId as pt } from "react";
 import { clsx as k } from "clsx";
 import $r from "rc-tooltip";
 import './index.css';function Mr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ge = { exports: {} }, ze = {};
+var Ge = { exports: {} }, Ue = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -17,19 +17,19 @@ var Ge = { exports: {} }, ze = {};
  */
 var jt;
 function Ir() {
-  if (jt) return ze;
+  if (jt) return Ue;
   jt = 1;
   var e = _t, a = Symbol.for("react.element"), r = 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(d, c, f) {
-    var p, h = {}, y = null, b = null;
-    f !== void 0 && (y = "" + f), c.key !== void 0 && (y = "" + c.key), c.ref !== void 0 && (b = c.ref);
-    for (p in c) s.call(c, p) && !o.hasOwnProperty(p) && (h[p] = c[p]);
-    if (d && d.defaultProps) for (p in c = d.defaultProps, c) h[p] === void 0 && (h[p] = c[p]);
-    return { $$typeof: a, type: d, key: y, ref: b, props: h, _owner: i.current };
+  function l(d, c, p) {
+    var f, g = {}, m = null, h = null;
+    p !== void 0 && (m = "" + p), c.key !== void 0 && (m = "" + c.key), c.ref !== void 0 && (h = c.ref);
+    for (f in c) s.call(c, f) && !o.hasOwnProperty(f) && (g[f] = c[f]);
+    if (d && d.defaultProps) for (f in c = d.defaultProps, c) g[f] === void 0 && (g[f] = c[f]);
+    return { $$typeof: a, type: d, key: m, ref: h, props: g, _owner: i.current };
   }
-  return ze.Fragment = r, ze.jsx = l, ze.jsxs = l, ze;
+  return Ue.Fragment = r, Ue.jsx = l, Ue.jsxs = l, Ue;
 }
-var Ue = {};
+var ze = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,46 +42,46 @@ var Ue = {};
 var kt;
 function Rr() {
   return kt || (kt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = _t, a = Symbol.for("react.element"), r = 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"), d = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), m = Symbol.iterator, S = "@@iterator";
+    var e = _t, a = Symbol.for("react.element"), r = 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"), d = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), y = Symbol.iterator, S = "@@iterator";
     function v(t) {
       if (t === null || typeof t != "object")
         return null;
-      var u = m && t[m] || t[S];
+      var u = y && t[y] || t[S];
       return typeof u == "function" ? u : null;
     }
     var x = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function _(t) {
       {
-        for (var u = arguments.length, g = new Array(u > 1 ? u - 1 : 0), E = 1; E < u; E++)
-          g[E - 1] = arguments[E];
-        w("error", t, g);
+        for (var u = arguments.length, b = new Array(u > 1 ? u - 1 : 0), E = 1; E < u; E++)
+          b[E - 1] = arguments[E];
+        w("error", t, b);
       }
     }
-    function w(t, u, g) {
+    function w(t, u, b) {
       {
-        var E = x.ReactDebugCurrentFrame, P = E.getStackAddendum();
-        P !== "" && (u += "%s", g = g.concat([P]));
-        var q = g.map(function(T) {
-          return String(T);
+        var E = x.ReactDebugCurrentFrame, q = E.getStackAddendum();
+        q !== "" && (u += "%s", b = b.concat([q]));
+        var U = b.map(function(N) {
+          return String(N);
         });
-        q.unshift("Warning: " + u), Function.prototype.apply.call(console[t], console, q);
+        U.unshift("Warning: " + u), Function.prototype.apply.call(console[t], console, U);
       }
     }
-    var L = !1, $ = !1, j = !1, M = !1, A = !1, D;
+    var L = !1, M = !1, j = !1, $ = !1, R = !1, D;
     D = Symbol.for("react.module.reference");
-    function z(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === s || t === o || A || t === i || t === f || t === p || M || t === b || L || $ || j || typeof t == "object" && t !== null && (t.$$typeof === y || t.$$typeof === h || t.$$typeof === l || t.$$typeof === d || t.$$typeof === c || // This needs to include all possible module reference object
+    function P(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === s || t === o || R || t === i || t === p || t === f || $ || t === h || L || M || j || typeof t == "object" && t !== null && (t.$$typeof === m || t.$$typeof === g || t.$$typeof === l || t.$$typeof === d || 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.
       t.$$typeof === D || t.getModuleId !== void 0));
     }
-    function F(t, u, g) {
+    function F(t, u, b) {
       var E = t.displayName;
       if (E)
         return E;
-      var P = u.displayName || u.name || "";
-      return P !== "" ? g + "(" + P + ")" : g;
+      var q = u.displayName || u.name || "";
+      return q !== "" ? b + "(" + q + ")" : b;
     }
     function O(t) {
       return t.displayName || "Context";
@@ -102,9 +102,9 @@ function Rr() {
           return "Profiler";
         case i:
           return "StrictMode";
-        case f:
-          return "Suspense";
         case p:
+          return "Suspense";
+        case f:
           return "SuspenseList";
       }
       if (typeof t == "object")
@@ -113,17 +113,17 @@ function Rr() {
             var u = t;
             return O(u) + ".Consumer";
           case l:
-            var g = t;
-            return O(g._context) + ".Provider";
+            var b = t;
+            return O(b._context) + ".Provider";
           case c:
             return F(t, t.render, "ForwardRef");
-          case h:
+          case g:
             var E = t.displayName || null;
             return E !== null ? E : C(t.type) || "Memo";
-          case y: {
-            var P = t, q = P._payload, T = P._init;
+          case m: {
+            var q = t, U = q._payload, N = q._init;
             try {
-              return C(T(q));
+              return C(N(U));
             } catch {
               return null;
             }
@@ -131,14 +131,14 @@ function Rr() {
         }
       return null;
     }
-    var R = Object.assign, B = 0, U, V, Q, ie, Z, ue, ee;
+    var T = Object.assign, B = 0, z, V, Q, ie, Z, ue, ee;
     function Ce() {
     }
     Ce.__reactDisabledLog = !0;
-    function qe() {
+    function Be() {
       {
         if (B === 0) {
-          U = console.log, V = console.info, Q = console.warn, ie = console.error, Z = console.group, ue = console.groupCollapsed, ee = console.groupEnd;
+          z = console.log, V = console.info, Q = console.warn, ie = console.error, Z = console.group, ue = console.groupCollapsed, ee = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
@@ -167,25 +167,25 @@ function Rr() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: R({}, t, {
-              value: U
+            log: T({}, t, {
+              value: z
             }),
-            info: R({}, t, {
+            info: T({}, t, {
               value: V
             }),
-            warn: R({}, t, {
+            warn: T({}, t, {
               value: Q
             }),
-            error: R({}, t, {
+            error: T({}, t, {
               value: ie
             }),
-            group: R({}, t, {
+            group: T({}, t, {
               value: Z
             }),
-            groupCollapsed: R({}, t, {
+            groupCollapsed: T({}, t, {
               value: ue
             }),
-            groupEnd: R({}, t, {
+            groupEnd: T({}, t, {
               value: ee
             })
           });
@@ -193,62 +193,62 @@ function Rr() {
         B < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var $e = x.ReactCurrentDispatcher, Me;
-    function Ee(t, u, g) {
+    var Me = x.ReactCurrentDispatcher, Ie;
+    function je(t, u, b) {
       {
-        if (Me === void 0)
+        if (Ie === void 0)
           try {
             throw Error();
-          } catch (P) {
-            var E = P.stack.trim().match(/\n( *(at )?)/);
-            Me = E && E[1] || "";
+          } catch (q) {
+            var E = q.stack.trim().match(/\n( *(at )?)/);
+            Ie = E && E[1] || "";
           }
         return `
-` + Me + t;
+` + Ie + t;
       }
     }
-    var We = !1, Ie;
+    var We = !1, Re;
     {
       var Xe = typeof WeakMap == "function" ? WeakMap : Map;
-      Ie = new Xe();
+      Re = new Xe();
     }
     function Ve(t, u) {
       if (!t || We)
         return "";
       {
-        var g = Ie.get(t);
-        if (g !== void 0)
-          return g;
+        var b = Re.get(t);
+        if (b !== void 0)
+          return b;
       }
       var E;
       We = !0;
-      var P = Error.prepareStackTrace;
+      var q = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var q;
-      q = $e.current, $e.current = null, qe();
+      var U;
+      U = Me.current, Me.current = null, Be();
       try {
         if (u) {
-          var T = function() {
+          var N = function() {
             throw Error();
           };
-          if (Object.defineProperty(T.prototype, "props", {
+          if (Object.defineProperty(N.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(T, []);
+              Reflect.construct(N, []);
             } catch (ae) {
               E = ae;
             }
-            Reflect.construct(t, [], T);
+            Reflect.construct(t, [], N);
           } else {
             try {
-              T.call();
+              N.call();
             } catch (ae) {
               E = ae;
             }
-            t.call(T.prototype);
+            t.call(N.prototype);
           }
         } else {
           try {
@@ -271,112 +271,112 @@ function Rr() {
                   if (H--, G--, G < 0 || I[H] !== te[G]) {
                     var _e = `
 ` + I[H].replace(" at new ", " at ");
-                    return t.displayName && _e.includes("<anonymous>") && (_e = _e.replace("<anonymous>", t.displayName)), typeof t == "function" && Ie.set(t, _e), _e;
+                    return t.displayName && _e.includes("<anonymous>") && (_e = _e.replace("<anonymous>", t.displayName)), typeof t == "function" && Re.set(t, _e), _e;
                   }
                 while (H >= 1 && G >= 0);
               break;
             }
         }
       } finally {
-        We = !1, $e.current = q, me(), Error.prepareStackTrace = P;
+        We = !1, Me.current = U, me(), Error.prepareStackTrace = q;
       }
-      var Te = t ? t.displayName || t.name : "", je = Te ? Ee(Te) : "";
-      return typeof t == "function" && Ie.set(t, je), je;
+      var Ne = t ? t.displayName || t.name : "", ke = Ne ? je(Ne) : "";
+      return typeof t == "function" && Re.set(t, ke), ke;
     }
-    function Qe(t, u, g) {
+    function Qe(t, u, b) {
       return Ve(t, !1);
     }
     function et(t) {
       var u = t.prototype;
       return !!(u && u.isReactComponent);
     }
-    function Y(t, u, g) {
+    function Y(t, u, b) {
       if (t == null)
         return "";
       if (typeof t == "function")
         return Ve(t, et(t));
       if (typeof t == "string")
-        return Ee(t);
+        return je(t);
       switch (t) {
-        case f:
-          return Ee("Suspense");
         case p:
-          return Ee("SuspenseList");
+          return je("Suspense");
+        case f:
+          return je("SuspenseList");
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
           case c:
             return Qe(t.render);
-          case h:
-            return Y(t.type, u, g);
-          case y: {
-            var E = t, P = E._payload, q = E._init;
+          case g:
+            return Y(t.type, u, b);
+          case m: {
+            var E = t, q = E._payload, U = E._init;
             try {
-              return Y(q(P), u, g);
+              return Y(U(q), u, b);
             } catch {
             }
           }
         }
       return "";
     }
-    var J = Object.prototype.hasOwnProperty, be = {}, ft = x.ReactDebugCurrentFrame;
+    var J = Object.prototype.hasOwnProperty, he = {}, ft = x.ReactDebugCurrentFrame;
     function He(t) {
       if (t) {
-        var u = t._owner, g = Y(t.type, t._source, u ? u.type : null);
-        ft.setExtraStackFrame(g);
+        var u = t._owner, b = Y(t.type, t._source, u ? u.type : null);
+        ft.setExtraStackFrame(b);
       } else
         ft.setExtraStackFrame(null);
     }
-    function sr(t, u, g, E, P) {
+    function nr(t, u, b, E, q) {
       {
-        var q = Function.call.bind(J);
-        for (var T in t)
-          if (q(t, T)) {
+        var U = Function.call.bind(J);
+        for (var N in t)
+          if (U(t, N)) {
             var I = void 0;
             try {
-              if (typeof t[T] != "function") {
-                var te = Error((E || "React class") + ": " + g + " type `" + T + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[T] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof t[N] != "function") {
+                var te = Error((E || "React class") + ": " + b + " type `" + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[N] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw te.name = "Invariant Violation", te;
               }
-              I = t[T](u, T, E, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              I = t[N](u, N, E, b, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (H) {
               I = H;
             }
-            I && !(I instanceof Error) && (He(P), _("%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).", E || "React class", g, T, typeof I), He(null)), I instanceof Error && !(I.message in be) && (be[I.message] = !0, He(P), _("Failed %s type: %s", g, I.message), He(null));
+            I && !(I instanceof Error) && (He(q), _("%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).", E || "React class", b, N, typeof I), He(null)), I instanceof Error && !(I.message in he) && (he[I.message] = !0, He(q), _("Failed %s type: %s", b, I.message), He(null));
           }
       }
     }
-    var nr = Array.isArray;
+    var or = Array.isArray;
     function tt(t) {
-      return nr(t);
+      return or(t);
     }
-    function or(t) {
+    function ir(t) {
       {
-        var u = typeof Symbol == "function" && Symbol.toStringTag, g = u && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return g;
+        var u = typeof Symbol == "function" && Symbol.toStringTag, b = u && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return b;
       }
     }
-    function ir(t) {
+    function lr(t) {
       try {
-        return ht(t), !1;
+        return gt(t), !1;
       } catch {
         return !0;
       }
     }
-    function ht(t) {
+    function gt(t) {
       return "" + t;
     }
-    function bt(t) {
-      if (ir(t))
-        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", or(t)), ht(t);
+    function ht(t) {
+      if (lr(t))
+        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ir(t)), gt(t);
     }
-    var gt = x.ReactCurrentOwner, lr = {
+    var bt = x.ReactCurrentOwner, cr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, mt, yt;
-    function cr(t) {
+    function dr(t) {
       if (J.call(t, "ref")) {
         var u = Object.getOwnPropertyDescriptor(t, "ref").get;
         if (u && u.isReactWarning)
@@ -384,7 +384,7 @@ function Rr() {
       }
       return t.ref !== void 0;
     }
-    function dr(t) {
+    function ur(t) {
       if (J.call(t, "key")) {
         var u = Object.getOwnPropertyDescriptor(t, "key").get;
         if (u && u.isReactWarning)
@@ -392,42 +392,42 @@ function Rr() {
       }
       return t.key !== void 0;
     }
-    function ur(t, u) {
-      typeof t.ref == "string" && gt.current;
-    }
     function _r(t, u) {
+      typeof t.ref == "string" && bt.current;
+    }
+    function pr(t, u) {
       {
-        var g = function() {
+        var b = function() {
           mt || (mt = !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)", u));
         };
-        g.isReactWarning = !0, Object.defineProperty(t, "key", {
-          get: g,
+        b.isReactWarning = !0, Object.defineProperty(t, "key", {
+          get: b,
           configurable: !0
         });
       }
     }
-    function pr(t, u) {
+    function fr(t, u) {
       {
-        var g = function() {
+        var b = function() {
           yt || (yt = !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)", u));
         };
-        g.isReactWarning = !0, Object.defineProperty(t, "ref", {
-          get: g,
+        b.isReactWarning = !0, Object.defineProperty(t, "ref", {
+          get: b,
           configurable: !0
         });
       }
     }
-    var fr = function(t, u, g, E, P, q, T) {
+    var gr = function(t, u, b, E, q, U, N) {
       var I = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: a,
         // Built-in properties that belong on the element
         type: t,
         key: u,
-        ref: g,
-        props: T,
+        ref: b,
+        props: N,
         // Record the component responsible for creating this element.
-        _owner: q
+        _owner: U
       };
       return I._store = {}, Object.defineProperty(I._store, "validated", {
         configurable: !1,
@@ -443,32 +443,32 @@ function Rr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: P
+        value: q
       }), Object.freeze && (Object.freeze(I.props), Object.freeze(I)), I;
     };
-    function hr(t, u, g, E, P) {
+    function hr(t, u, b, E, q) {
       {
-        var q, T = {}, I = null, te = null;
-        g !== void 0 && (bt(g), I = "" + g), dr(u) && (bt(u.key), I = "" + u.key), cr(u) && (te = u.ref, ur(u, P));
-        for (q in u)
-          J.call(u, q) && !lr.hasOwnProperty(q) && (T[q] = u[q]);
+        var U, N = {}, I = null, te = null;
+        b !== void 0 && (ht(b), I = "" + b), ur(u) && (ht(u.key), I = "" + u.key), dr(u) && (te = u.ref, _r(u, q));
+        for (U in u)
+          J.call(u, U) && !cr.hasOwnProperty(U) && (N[U] = u[U]);
         if (t && t.defaultProps) {
           var H = t.defaultProps;
-          for (q in H)
-            T[q] === void 0 && (T[q] = H[q]);
+          for (U in H)
+            N[U] === void 0 && (N[U] = H[U]);
         }
         if (I || te) {
           var G = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          I && _r(T, G), te && pr(T, G);
+          I && pr(N, G), te && fr(N, G);
         }
-        return fr(t, I, te, P, E, gt.current, T);
+        return gr(t, I, te, q, E, bt.current, N);
       }
     }
     var rt = x.ReactCurrentOwner, vt = x.ReactDebugCurrentFrame;
-    function Re(t) {
+    function Te(t) {
       if (t) {
-        var u = t._owner, g = Y(t.type, t._source, u ? u.type : null);
-        vt.setExtraStackFrame(g);
+        var u = t._owner, b = Y(t.type, t._source, u ? u.type : null);
+        vt.setExtraStackFrame(b);
       } else
         vt.setExtraStackFrame(null);
     }
@@ -493,14 +493,14 @@ Check the render method of \`` + t + "`.";
       return "";
     }
     var wt = {};
-    function gr(t) {
+    function mr(t) {
       {
         var u = xt();
         if (!u) {
-          var g = typeof t == "string" ? t : t.displayName || t.name;
-          g && (u = `
+          var b = typeof t == "string" ? t : t.displayName || t.name;
+          b && (u = `
 
-Check the top-level render call using <` + g + ">.");
+Check the top-level render call using <` + b + ">.");
         }
         return u;
       }
@@ -510,12 +510,12 @@ Check the top-level render call using <` + g + ">.");
         if (!t._store || t._store.validated || t.key != null)
           return;
         t._store.validated = !0;
-        var g = gr(u);
-        if (wt[g])
+        var b = mr(u);
+        if (wt[b])
           return;
-        wt[g] = !0;
+        wt[b] = !0;
         var E = "";
-        t && t._owner && t._owner !== rt.current && (E = " It was passed a child from " + C(t._owner.type) + "."), Re(t), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, E), Re(null);
+        t && t._owner && t._owner !== rt.current && (E = " It was passed a child from " + C(t._owner.type) + "."), Te(t), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, E), Te(null);
       }
     }
     function St(t, u) {
@@ -523,62 +523,62 @@ Check the top-level render call using <` + g + ">.");
         if (typeof t != "object")
           return;
         if (tt(t))
-          for (var g = 0; g < t.length; g++) {
-            var E = t[g];
+          for (var b = 0; b < t.length; b++) {
+            var E = t[b];
             st(E) && Ct(E, u);
           }
         else if (st(t))
           t._store && (t._store.validated = !0);
         else if (t) {
-          var P = v(t);
-          if (typeof P == "function" && P !== t.entries)
-            for (var q = P.call(t), T; !(T = q.next()).done; )
-              st(T.value) && Ct(T.value, u);
+          var q = v(t);
+          if (typeof q == "function" && q !== t.entries)
+            for (var U = q.call(t), N; !(N = U.next()).done; )
+              st(N.value) && Ct(N.value, u);
         }
       }
     }
-    function mr(t) {
+    function yr(t) {
       {
         var u = t.type;
         if (u == null || typeof u == "string")
           return;
-        var g;
+        var b;
         if (typeof u == "function")
-          g = u.propTypes;
+          b = u.propTypes;
         else if (typeof u == "object" && (u.$$typeof === c || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        u.$$typeof === h))
-          g = u.propTypes;
+        u.$$typeof === g))
+          b = u.propTypes;
         else
           return;
-        if (g) {
+        if (b) {
           var E = C(u);
-          sr(g, t.props, "prop", E, t);
+          nr(b, t.props, "prop", E, t);
         } else if (u.PropTypes !== void 0 && !at) {
           at = !0;
-          var P = C(u);
-          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", P || "Unknown");
+          var q = C(u);
+          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", q || "Unknown");
         }
         typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function yr(t) {
+    function vr(t) {
       {
-        for (var u = Object.keys(t.props), g = 0; g < u.length; g++) {
-          var E = u[g];
+        for (var u = Object.keys(t.props), b = 0; b < u.length; b++) {
+          var E = u[b];
           if (E !== "children" && E !== "key") {
-            Re(t), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), Re(null);
+            Te(t), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), Te(null);
             break;
           }
         }
-        t.ref !== null && (Re(t), _("Invalid attribute `ref` supplied to `React.Fragment`."), Re(null));
+        t.ref !== null && (Te(t), _("Invalid attribute `ref` supplied to `React.Fragment`."), Te(null));
       }
     }
     var Lt = {};
-    function Et(t, u, g, E, P, q) {
+    function Et(t, u, b, E, q, U) {
       {
-        var T = z(t);
-        if (!T) {
+        var N = P(t);
+        if (!N) {
           var I = "";
           (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (I += " 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 = br();
@@ -586,16 +586,16 @@ Check the top-level render call using <` + g + ">.");
           var H;
           t === null ? H = "null" : tt(t) ? H = "array" : t !== void 0 && t.$$typeof === a ? (H = "<" + (C(t.type) || "Unknown") + " />", I = " 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, I);
         }
-        var G = hr(t, u, g, P, q);
+        var G = hr(t, u, b, q, U);
         if (G == null)
           return G;
-        if (T) {
+        if (N) {
           var _e = u.children;
           if (_e !== void 0)
             if (E)
               if (tt(_e)) {
-                for (var Te = 0; Te < _e.length; Te++)
-                  St(_e[Te], t);
+                for (var Ne = 0; Ne < _e.length; Ne++)
+                  St(_e[Ne], t);
                 Object.freeze && Object.freeze(_e);
               } else
                 _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
@@ -603,45 +603,45 @@ Check the top-level render call using <` + g + ">.");
               St(_e, t);
         }
         if (J.call(u, "key")) {
-          var je = C(t), ae = Object.keys(u).filter(function(Lr) {
-            return Lr !== "key";
+          var ke = C(t), ae = Object.keys(u).filter(function(Er) {
+            return Er !== "key";
           }), nt = ae.length > 0 ? "{key: someKey, " + ae.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Lt[je + nt]) {
-            var Sr = ae.length > 0 ? "{" + ae.join(": ..., ") + ": ...}" : "{}";
+          if (!Lt[ke + nt]) {
+            var Lr = ae.length > 0 ? "{" + ae.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} />`, nt, je, Sr, je), Lt[je + nt] = !0;
+  <%s key={someKey} {...props} />`, nt, ke, Lr, ke), Lt[ke + nt] = !0;
           }
         }
-        return t === s ? yr(G) : mr(G), G;
+        return t === s ? vr(G) : yr(G), G;
       }
     }
-    function vr(t, u, g) {
-      return Et(t, u, g, !0);
+    function xr(t, u, b) {
+      return Et(t, u, b, !0);
     }
-    function xr(t, u, g) {
-      return Et(t, u, g, !1);
+    function wr(t, u, b) {
+      return Et(t, u, b, !1);
     }
-    var wr = xr, Cr = vr;
-    Ue.Fragment = s, Ue.jsx = wr, Ue.jsxs = Cr;
-  }()), Ue;
+    var Cr = wr, Sr = xr;
+    ze.Fragment = s, ze.jsx = Cr, ze.jsxs = Sr;
+  }()), ze;
 }
 var $t;
 function Tr() {
   return $t || ($t = 1, process.env.NODE_ENV === "production" ? Ge.exports = Ir() : Ge.exports = Rr()), Ge.exports;
 }
 var n = Tr();
-const Nr = (e) => e.as === "a", Ar = (e) => e.as === void 0 || e.as === "button", Ne = (e) => e.displayAs === void 0 || e.displayAs === "button", ot = (e) => e.displayAs === "link", Dr = "_button_6bymk_1", Or = "_link_6bymk_17", Pr = "_disabled_6bymk_22", Br = "_loading_6bymk_22", qr = "_neutral_6bymk_50", zr = "_accent_6bymk_54", Ur = "_positive_6bymk_58", Fr = "_negative_6bymk_62", Wr = "_contrast_6bymk_66", Vr = "_special_6bymk_70", Hr = "_primary_6bymk_74", Gr = "_secondary_6bymk_75", Zr = "_tertiary_6bymk_76", Yr = "_spaceBetween_6bymk_116", Jr = "_rightGroup_6bymk_116", Kr = "_label_6bymk_136", Xr = "_iconOnly_6bymk_155", Qr = "_stretched_6bymk_171", ea = "_icon_6bymk_155", ta = "_postfix_6bymk_176", ra = "_underline_6bymk_202", aa = "_warning_6bymk_1082", sa = "_withSubcaption_6bymk_1268", na = "_subcaption_6bymk_1273", oa = "_loader_6bymk_1279", ia = "_spin_6bymk_1", la = "_l_6bymk_17", ca = "_m_6bymk_1318", da = "_s_6bymk_70", ua = "_xs_6bymk_1364", _a = "_iconRight_6bymk_1410", W = {
+const Nr = (e) => e.as === "a", Ar = (e) => e.as === void 0 || e.as === "button", Ae = (e) => e.displayAs === void 0 || e.displayAs === "button", ot = (e) => e.displayAs === "link", Dr = "_button_6bymk_1", Or = "_link_6bymk_17", Pr = "_disabled_6bymk_22", qr = "_loading_6bymk_22", Br = "_neutral_6bymk_50", Ur = "_accent_6bymk_54", zr = "_positive_6bymk_58", Fr = "_negative_6bymk_62", Wr = "_contrast_6bymk_66", Vr = "_special_6bymk_70", Hr = "_primary_6bymk_74", Gr = "_secondary_6bymk_75", Zr = "_tertiary_6bymk_76", Yr = "_spaceBetween_6bymk_116", Jr = "_rightGroup_6bymk_116", Kr = "_label_6bymk_136", Xr = "_iconOnly_6bymk_155", Qr = "_stretched_6bymk_171", ea = "_icon_6bymk_155", ta = "_postfix_6bymk_176", ra = "_underline_6bymk_202", aa = "_warning_6bymk_1082", sa = "_withSubcaption_6bymk_1268", na = "_subcaption_6bymk_1273", oa = "_loader_6bymk_1279", ia = "_spin_6bymk_1", la = "_l_6bymk_17", ca = "_m_6bymk_1318", da = "_s_6bymk_70", ua = "_xs_6bymk_1364", _a = "_iconRight_6bymk_1410", W = {
   button: Dr,
   link: Or,
   disabled: Pr,
-  loading: Br,
-  neutral: qr,
-  accent: zr,
-  positive: Ur,
+  loading: qr,
+  neutral: Br,
+  accent: Ur,
+  positive: zr,
   negative: Fr,
   contrast: Wr,
   special: Vr,
@@ -693,10 +693,10 @@ const Nr = (e) => e.as === "a", Ar = (e) => e.as === void 0 || e.as === "button"
   m: "typography-label-2-regular",
   s: "typography-label-3-regular"
 };
-function ha(e) {
+function ga(e) {
   return fa[e] || "typography-label-2-regular";
 }
-const ce = {
+const oe = {
   "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",
@@ -732,13 +732,13 @@ const ce = {
 }) => {
   if (e && d)
     return /* @__PURE__ */ n.jsx("span", { className: W.loader, "data-testid": "button-loader", "aria-hidden": "true" });
-  const c = a && d || a && !d && l, f = o && d && l !== "s" && l !== "xs";
+  const c = a && d || a && !d && l, p = o && d && l !== "s" && l !== "xs";
   return /* @__PURE__ */ n.jsxs(Oe, { children: [
-    f && /* @__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 })
     ] }),
-    !f && s && /* @__PURE__ */ n.jsxs(Oe, { children: [
+    !p && s && /* @__PURE__ */ n.jsxs(Oe, { children: [
       /* @__PURE__ */ n.jsxs("span", { "data-testid": "button-label", className: W.label, children: [
         !d && r && /* @__PURE__ */ n.jsx("span", { "data-testid": "button-left-icon", className: W.icon, children: r }),
         s,
@@ -749,48 +749,48 @@ const ce = {
         i && d && /* @__PURE__ */ n.jsx("span", { "data-testid": "button-postfix", className: W.postfix, children: i })
       ] })
     ] }),
-    !f && !s && /* @__PURE__ */ n.jsx("span", { "data-testid": "button-icon", className: W.icon, children: a })
+    !p && !s && /* @__PURE__ */ n.jsx("span", { "data-testid": "button-icon", className: W.icon, children: a })
   ] });
-}, ba = X((e, a) => {
+}, ha = X((e, a) => {
   const {
     mode: r = "primary",
     size: s = "m",
-    buttonStyle: i = Ne(e) ? "neutral" : "accent",
+    buttonStyle: i = Ae(e) ? "neutral" : "accent",
     disabled: o = !1,
     displayAs: l = "button",
     iconRight: d,
     className: c,
-    children: f,
-    tabIndex: p
-  } = e, h = Ne(e) ? e.subcaption : void 0, y = Ne(e) ? e.postfix : void 0, b = Ne(e) ? e.stretched : void 0, m = !(ot(e) && e.size === void 0), S = ot(e) && m ? e.iconLeft : void 0, v = !!(l === "button" && "loading" in e && e.loading), x = Ne(e) ? o : o || v, _ = !x && !v, w = m ? d : void 0, L = !!(w && !f), $ = typeof b == "object" ? b.justify === "space-between" : void 0, j = ot(e) ? ha(e.size ?? "m") : void 0, M = j ? ce[j] : void 0, A = x || v ? -1 : p, D = k(
+    children: p,
+    tabIndex: f
+  } = e, g = Ae(e) ? e.subcaption : void 0, m = Ae(e) ? e.postfix : void 0, h = Ae(e) ? e.stretched : void 0, y = !(ot(e) && e.size === void 0), S = ot(e) && y ? e.iconLeft : void 0, v = !!(l === "button" && "loading" in e && e.loading), x = Ae(e) ? o : o || v, _ = !x && !v, w = y ? d : void 0, L = !!(w && !p), M = typeof h == "object" ? h.justify === "space-between" : void 0, j = ot(e) ? ga(e.size ?? "m") : void 0, $ = j ? oe[j] : void 0, R = x || v ? -1 : f, D = k(
     W.button,
     W[s],
     W[r],
     W[i],
-    M,
+    $,
     {
       [W.disabled]: x,
       [W.loading]: l === "button" && "loading" in e && e.loading,
-      [W.stretched]: b,
-      [W.spaceBetween]: $,
-      [W.withSubcaption]: h && s !== "s" && s !== "xs",
+      [W.stretched]: h,
+      [W.spaceBetween]: M,
+      [W.withSubcaption]: g && s !== "s" && s !== "xs",
       [W.iconOnly]: L,
       [W.link]: l === "link",
       [W.underline]: l === "link" && "showUnderline" in e && e.showUnderline
     },
     c
-  ), z = {
+  ), P = {
     isLoading: v,
     iconRight: w,
     iconLeft: S,
-    children: f,
-    postfix: y,
-    subcaption: h,
+    children: p,
+    postfix: m,
+    subcaption: g,
     size: s,
-    isAsButton: Ne(e)
+    isAsButton: Ae(e)
   };
   if (Nr(e)) {
-    const { href: F, onClick: O, style: C, target: R, rel: B, "data-testid": U, ...V } = e, Q = Mt(V), ie = R ?? (e.isExternal ? "_blank" : void 0);
+    const { href: F, onClick: O, style: C, target: T, rel: B, "data-testid": z, ...V } = e, Q = Mt(V), ie = T ?? (e.isExternal ? "_blank" : void 0);
     let Z = B;
     if (ie === "_blank") {
       const ee = new Set((B ?? "").split(/\s+/).filter(Boolean));
@@ -809,20 +809,20 @@ const ce = {
         ref: a,
         className: D,
         href: _ ? F : void 0,
-        tabIndex: A,
+        tabIndex: R,
         onClick: ue,
-        "data-testid": U,
+        "data-testid": z,
         "aria-disabled": x || v,
         style: C,
         target: ie,
         rel: Z,
         ...Q,
-        children: /* @__PURE__ */ n.jsx(It, { ...z })
+        children: /* @__PURE__ */ n.jsx(It, { ...P })
       }
     );
   }
   if (Ar(e)) {
-    const { type: F = "button", onClick: O, style: C, "data-testid": R, ...B } = e, U = Mt(B), V = (Q) => {
+    const { type: F = "button", onClick: O, style: C, "data-testid": T, ...B } = e, z = Mt(B), V = (Q) => {
       _ && O && O(Q);
     };
     return /* @__PURE__ */ n.jsx(
@@ -832,13 +832,13 @@ const ce = {
         type: F,
         className: D,
         disabled: x,
-        tabIndex: A,
+        tabIndex: R,
         onClick: V,
-        "data-testid": R,
+        "data-testid": T,
         "aria-disabled": x || v,
         style: C,
-        ...U,
-        children: /* @__PURE__ */ n.jsx(It, { ...z })
+        ...z,
+        children: /* @__PURE__ */ n.jsx(It, { ...P })
       }
     );
   }
@@ -851,7 +851,7 @@ var it = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var Rt;
-function ga() {
+function ba() {
   return Rt || (Rt = 1, function(e) {
     (function() {
       var a = {}.hasOwnProperty;
@@ -883,8 +883,8 @@ function ga() {
     })();
   }(it)), it.exports;
 }
-var ma = ga();
-const Le = /* @__PURE__ */ Mr(ma), ya = "_avatar_1kyiq_17", va = "_clickable_1kyiq_41", xa = "_icon_1kyiq_58", wa = "_disabled_1kyiq_63", Ca = "_loading_1kyiq_68", Sa = "_image_1kyiq_74", La = "_name_1kyiq_74", ge = {
+var ma = ba();
+const Ee = /* @__PURE__ */ Mr(ma), ya = "_avatar_1kyiq_17", va = "_clickable_1kyiq_41", xa = "_icon_1kyiq_58", wa = "_disabled_1kyiq_63", Ca = "_loading_1kyiq_68", Sa = "_image_1kyiq_74", La = "_name_1kyiq_74", be = {
   avatar: ya,
   clickable: va,
   icon: xa,
@@ -949,7 +949,7 @@ const Ma = {
   96: 24,
   208: 8
 };
-function Zt(e, a) {
+function Yt(e, a) {
   return a === "circle" ? e / 2 : Ma[e] || 12;
 }
 const Ia = {
@@ -980,73 +980,73 @@ const Ta = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
     shape: l = "circle",
     variant: d = "filled",
     placeholderType: c = "neutral",
-    name: f,
-    imgSrc: p,
-    imgAlt: h,
-    icon: y,
-    imgProps: b,
-    colorScheme: m,
+    name: p,
+    imgSrc: f,
+    imgAlt: g,
+    icon: m,
+    imgProps: h,
+    colorScheme: y,
     className: S,
     "data-testid": v,
     ...x
-  } = e, { onClick: _, onPointerDown: w } = x, $ = !o && !i && (!!_ || !!w), [j, M] = de(!1);
-  oe(() => {
-    p && M(!1);
-  }, [p]);
-  const A = p && !j ? "image" : y ? "icon" : f ? "name" : "placeholder", D = m || A === "name" && ka(f) || "gray", z = Ra(s), F = Zt(s, l), O = k(
+  } = e, { onClick: _, onPointerDown: w } = x, M = !o && !i && (!!_ || !!w), [j, $] = ce(!1);
+  de(() => {
+    f && $(!1);
+  }, [f]);
+  const R = f && !j ? "image" : m ? "icon" : p ? "name" : "placeholder", D = y || R === "name" && ka(p) || "gray", P = Ra(s), F = Yt(s, l), O = k(
     S,
-    ge.avatar,
-    ge[`variant-${d}`],
-    ge[`color-${D}`],
-    ce[z],
+    be.avatar,
+    be[`variant-${d}`],
+    be[`color-${D}`],
+    oe[P],
     {
-      [ge.disabled]: o,
-      [ge.loading]: i,
-      [ge.clickable]: $
+      [be.disabled]: o,
+      [be.loading]: i,
+      [be.clickable]: M
     }
   ), C = {
     "--avatar-size": `${s}px`,
     "--avatar-border-radius": `${F}px`,
     ...r
-  }, R = {
-    icon: () => /* @__PURE__ */ n.jsx("span", { "data-testid": "avatar-icon", title: h || void 0, role: "img", className: ge.icon, children: y == null ? void 0 : y({}) }),
+  }, T = {
+    icon: () => /* @__PURE__ */ n.jsx("span", { "data-testid": "avatar-icon", title: g || void 0, role: "img", className: be.icon, children: m == null ? void 0 : m({}) }),
     name: () => /* @__PURE__ */ n.jsx(
       "span",
       {
         role: "textbox",
         "data-testid": "avatar-name",
-        className: ge.name,
-        title: h || void 0,
-        children: $a(f || "")
+        className: be.name,
+        title: g || void 0,
+        children: $a(p || "")
       }
     ),
     placeholder: () => /* @__PURE__ */ n.jsx(
       "img",
       {
-        ...b,
+        ...h,
         "data-testid": "avatar-placeholder",
-        className: ge.image,
+        className: be.image,
         src: Oa[c],
-        alt: h || void 0
+        alt: g || void 0
       }
     ),
     image: () => /* @__PURE__ */ n.jsx(
       "img",
       {
         "data-testid": "avatar-image",
-        ...b,
-        className: ge.image,
-        src: p || void 0,
-        alt: h || void 0,
-        onLoad: () => M(!1),
-        onError: (U) => {
+        ...h,
+        className: be.image,
+        src: f || void 0,
+        alt: g || void 0,
+        onLoad: () => $(!1),
+        onError: (z) => {
           var V;
-          M(!0), (V = b == null ? void 0 : b.onError) == null || V.call(b, U);
+          $(!0), (V = h == null ? void 0 : h.onError) == null || V.call(h, z);
         }
       }
     )
-  }, B = (U) => {
-    $ && (_ == null || _(U));
+  }, B = (z) => {
+    M && (_ == null || _(z));
   };
   return /* @__PURE__ */ n.jsx(
     "div",
@@ -1057,15 +1057,15 @@ const Ta = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
       style: C,
       "data-testid": v,
       "aria-disabled": o || i,
-      children: R[A](null)
+      children: T[R](null)
     }
   );
-}), Pa = "_avatarGroup_157g4_1", Ba = {
+}), Pa = "_avatarGroup_157g4_1", qa = {
   avatarGroup: Pa
 };
-let qa = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((a, r) => (r &= 63, r < 36 ? a += r.toString(36) : r < 62 ? a += (r - 26).toString(36).toUpperCase() : r > 62 ? a += "-" : a += "_", a), "");
-function za(e, a, r, s, i, o, l) {
-  const d = Math.min(i, o) / 2, c = Math.min(l, d), f = ["M0,0", `H${e}`, `V${a}`, "H0", "V0", "Z"].join(" "), p = [
+let Ba = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((a, r) => (r &= 63, r < 36 ? a += r.toString(36) : r < 62 ? a += (r - 26).toString(36).toUpperCase() : r > 62 ? a += "-" : a += "_", a), "");
+function Ua(e, a, r, s, i, o, l) {
+  const d = Math.min(i, o) / 2, c = Math.min(l, d), p = ["M0,0", `H${e}`, `V${a}`, "H0", "V0", "Z"].join(" "), f = [
     `M${r + c},${s}`,
     `L${r + i - c},${s}`,
     // Верхний правый угол
@@ -1081,9 +1081,9 @@ function za(e, a, r, s, i, o, l) {
     `A${c},${c} 0 0 1 ${r + c},${s}`,
     "Z"
   ].join(" ");
-  return `${f} ${p}`;
+  return `${p} ${f}`;
 }
-const Ua = 3, Fa = (e) => {
+const za = 3, Fa = (e) => {
   const {
     avatars: a = [],
     size: r = 40,
@@ -1091,7 +1091,7 @@ const Ua = 3, Fa = (e) => {
     shape: i = "circle",
     overflowCount: o = 0,
     overflowProps: l
-  } = e, d = r * s, c = -d + Ua, f = Zt(r, i), h = Be(qa()).current.toString(), y = Le(Ba.avatarGroup), b = za(
+  } = e, d = r * s, c = -d + za, p = Yt(r, i), g = qe(Ba()).current.toString(), m = Ee(qa.avatarGroup), h = Ua(
     r,
     r,
     r - d,
@@ -1100,24 +1100,24 @@ const Ua = 3, Fa = (e) => {
     // Y-координата начала выреза
     r,
     r,
-    f
+    p
   );
-  return a.length === 0 ? null : /* @__PURE__ */ n.jsxs("div", { className: y, children: [
-    a.map((m, S, v) => {
+  return a.length === 0 ? null : /* @__PURE__ */ n.jsxs("div", { className: m, children: [
+    a.map((y, S, v) => {
       const x = S + 1 >= v.length;
-      if (m.wrapper) {
-        const _ = m.wrapper;
+      if (y.wrapper) {
+        const _ = y.wrapper;
         return /* @__PURE__ */ n.jsx(
           "div",
           {
             style: {
               // Для последнего видимого аватара без overflowCount не применяем обрезку
-              clipPath: x && !o ? void 0 : `url(#${h})`,
+              clipPath: x && !o ? void 0 : `url(#${g})`,
               marginRight: c
             },
-            children: /* @__PURE__ */ n.jsx(_, { children: /* @__PURE__ */ n.jsx(Ye, { size: r, shape: i, ...m }) })
+            children: /* @__PURE__ */ n.jsx(_, { children: /* @__PURE__ */ n.jsx(Ye, { size: r, shape: i, ...y }) })
           },
-          Ke(m) + S
+          Ke(y) + S
         );
       }
       return /* @__PURE__ */ n.jsx(
@@ -1125,12 +1125,12 @@ const Ua = 3, Fa = (e) => {
         {
           style: {
             // Для последнего видимого аватара без overflowCount не применяем обрезку
-            clipPath: x && !o ? void 0 : `url(#${h})`,
+            clipPath: x && !o ? void 0 : `url(#${g})`,
             marginRight: c
           },
-          children: /* @__PURE__ */ n.jsx(Ye, { size: r, shape: i, ...m })
+          children: /* @__PURE__ */ n.jsx(Ye, { size: r, shape: i, ...y })
         },
-        Ke(m) + S
+        Ke(y) + S
       );
     }),
     o > 0 && /* @__PURE__ */ n.jsx("div", { style: { marginRight: c }, children: /* @__PURE__ */ n.jsx(
@@ -1144,9 +1144,9 @@ const Ua = 3, Fa = (e) => {
         ...l
       }
     ) }),
-    /* @__PURE__ */ n.jsx("svg", { width: "0", height: "0", children: /* @__PURE__ */ n.jsx("clipPath", { id: `${h}`, children: /* @__PURE__ */ n.jsx("path", { clipPathUnits: "objectBoundingBox", d: b, clipRule: "evenodd" }) }) })
+    /* @__PURE__ */ n.jsx("svg", { width: "0", height: "0", children: /* @__PURE__ */ n.jsx("clipPath", { id: `${g}`, children: /* @__PURE__ */ n.jsx("path", { clipPathUnits: "objectBoundingBox", d: h, clipRule: "evenodd" }) }) })
   ] });
-}, Hi = Object.assign(Ye, {
+}, yl = Object.assign(Ye, {
   Group: Fa
 }), Wa = "_wrapper_ecbsu_5", Va = "_badge__container_ecbsu_6", Ha = "_badge__content_ecbsu_7", Ga = "_interactive_ecbsu_20", Za = "_disabled_ecbsu_21", Ya = "_icon_ecbsu_22", ye = {
   wrapper: Wa,
@@ -1195,9 +1195,9 @@ const Ua = 3, Fa = (e) => {
     a = a.parentElement;
   }
   return null;
-}, Yt = () => {
-  const e = Be(null), [a, r] = de(null);
-  return oe(() => {
+}, Jt = () => {
+  const e = qe(null), [a, r] = ce(null);
+  return de(() => {
     if (e.current) {
       const s = Ka(e.current);
       r(s);
@@ -1205,23 +1205,23 @@ const Ua = 3, Fa = (e) => {
   }, []), { ref: e, bgColor: a };
 };
 function At(e, a, r) {
-  oe(() => (window.addEventListener(e, a, r), () => window.removeEventListener(e, a, r)), [e, a]);
+  de(() => (window.addEventListener(e, a, r), () => window.removeEventListener(e, a, r)), [e, a]);
 }
 const Dt = {
   passive: !0
 };
 function Xa() {
-  const [e, a] = de({
+  const [e, a] = ce({
     width: 0,
     height: 0
-  }), r = Se(() => {
+  }), r = Le(() => {
     a({ width: window.innerWidth || 0, height: window.innerHeight || 0 });
   }, []);
-  return At("resize", r, Dt), At("orientationchange", r, Dt), oe(r, []), e;
+  return At("resize", r, Dt), At("orientationchange", r, Dt), de(r, []), e;
 }
 function Qa(e = 768) {
   const { width: a } = Xa();
-  return Er(() => a <= e, [a, e]);
+  return jr(() => a <= e, [a, e]);
 }
 const es = X((e, a) => {
   const {
@@ -1232,50 +1232,50 @@ const es = X((e, a) => {
     isHidden: l = !1,
     colorScheme: d = "red",
     size: c = 20,
-    position: f = "top-right",
-    positionOffset: p = { x: 0, y: 0 },
-    cutoutBackground: h,
-    isDisabled: y,
-    className: b,
-    "data-testid": m = "badge",
+    position: p = "top-right",
+    positionOffset: f = { x: 0, y: 0 },
+    cutoutBackground: g,
+    isDisabled: m,
+    className: h,
+    "data-testid": y = "badge",
     ...S
-  } = e, { onClick: v, onPointerDown: x } = S, { ref: _, bgColor: w } = Yt(), L = h || w, j = !y && (!!v || !!x), M = Le(ye.badge__container, ye[`position-${f}`]), A = Le(
-    b,
+  } = e, { onClick: v, onPointerDown: x } = S, { ref: _, bgColor: w } = Jt(), L = g || w, j = !m && (!!v || !!x), $ = Ee(ye.badge__container, ye[`position-${p}`]), R = Ee(
+    h,
     ye.badge__content,
     ye[`color-${d}`],
     ye[`variant-${i}`],
     {
-      [ye.disabled]: y,
+      [ye.disabled]: m,
       [ye.icon]: !!r,
       [ye.interactive]: j
     }
   ), D = {
     "--badge-height": `${c}px`,
-    "--badge-offset-x": `${p.x}px`,
-    "--badge-offset-y": `${p.y}px`,
+    "--badge-offset-x": `${f.x}px`,
+    "--badge-offset-y": `${f.y}px`,
     ...L && { "--badge-cutout-bg": L },
     ...i === "transparent" && { "--badge-cutout-bg": "transparent" }
-  }, z = (r == null ? void 0 : r({})) || o, F = (O) => {
+  }, P = (r == null ? void 0 : r({})) || o, F = (O) => {
     j && (v == null || v(O));
   };
-  return /* @__PURE__ */ n.jsxs("div", { className: ye.wrapper, ref: _, "data-testid": m + "-wrapper", children: [
+  return /* @__PURE__ */ n.jsxs("div", { className: ye.wrapper, ref: _, "data-testid": y + "-wrapper", children: [
     s,
     !l && /* @__PURE__ */ n.jsx(
       "span",
       {
-        className: M,
+        className: $,
         style: D,
-        "data-testid": m + "-container",
+        "data-testid": y + "-container",
         children: /* @__PURE__ */ n.jsx(
           "span",
           {
             ...S,
             onClick: F,
-            className: A,
-            "data-testid": m + "-content",
+            className: R,
+            "data-testid": y + "-content",
             ref: a,
-            "aria-disabled": y,
-            children: z
+            "aria-disabled": m,
+            children: P
           }
         )
       }
@@ -1302,7 +1302,7 @@ const es = X((e, a) => {
   "size-48": "_size-48_isv17_80",
   "size-64": "_size-64_isv17_84",
   "size-96": "_size-96_isv17_88"
-}, Jt = X(
+}, Kt = X(
   ({
     size: e = 24,
     variant: a = "accent",
@@ -1311,7 +1311,7 @@ const es = X((e, a) => {
     style: i,
     ...o
   }, l) => {
-    const d = Le(
+    const d = Ee(
       Fe.loader,
       Fe[a],
       Fe[`size-${e}`],
@@ -1340,7 +1340,7 @@ const es = X((e, a) => {
       }
     );
   }
-), hs = X((e, a) => {
+), gs = X((e, a) => {
   const {
     loading: r = !1,
     size: s = 24,
@@ -1349,19 +1349,19 @@ const es = X((e, a) => {
     className: l,
     style: d,
     "data-testid": c,
-    ...f
-  } = e, p = Le(Fe.container, l);
-  return /* @__PURE__ */ n.jsxs("div", { ref: a, className: p, style: d, "data-testid": c, ...f, children: [
+    ...p
+  } = e, f = Ee(Fe.container, l);
+  return /* @__PURE__ */ n.jsxs("div", { ref: a, className: f, style: d, "data-testid": c, ...p, children: [
     o,
-    r && /* @__PURE__ */ n.jsx("div", { className: Fe.overlay, children: /* @__PURE__ */ n.jsx(Jt, { size: s, variant: i, "data-testid": `${c}-spinner` }) })
+    r && /* @__PURE__ */ n.jsx("div", { className: Fe.overlay, children: /* @__PURE__ */ n.jsx(Kt, { size: s, variant: i, "data-testid": `${c}-spinner` }) })
   ] });
-}), bs = X((e, a) => e.children ? /* @__PURE__ */ n.jsx(
-  hs,
+}), hs = X((e, a) => e.children ? /* @__PURE__ */ n.jsx(
+  gs,
   {
     ref: a,
     ...e
   }
-) : /* @__PURE__ */ n.jsx(Jt, { ref: a, ...e })), gs = ({ width: e = 48, height: a = 48, className: r, "data-testid": s }) => /* @__PURE__ */ n.jsx(
+) : /* @__PURE__ */ n.jsx(Kt, { ref: a, ...e })), bs = ({ width: e = 48, height: a = 48, className: r, "data-testid": s }) => /* @__PURE__ */ n.jsx(
   "svg",
   {
     width: e,
@@ -1382,7 +1382,7 @@ const es = X((e, a) => {
       }
     )
   }
-), Gi = X((e, a) => {
+), vl = X((e, a) => {
   const {
     alt: r = "",
     loading: s = "lazy",
@@ -1391,27 +1391,27 @@ const es = X((e, a) => {
     className: l,
     "data-testid": d = "image",
     onError: c,
-    onLoad: f,
-    ...p
-  } = e, [h, y] = de("loading"), b = h === "error", m = (o || h === "loading") && !b, S = h === "loaded" && !o, v = Le(
+    onLoad: p,
+    ...f
+  } = e, [g, m] = ce("loading"), h = g === "error", y = (o || g === "loading") && !h, S = g === "loaded" && !o, v = Ee(
     lt.image,
     {
-      [lt.loading]: m
+      [lt.loading]: y
     },
     l
-  ), x = Se(
+  ), x = Le(
     (L) => {
-      y("loaded"), f == null || f(L);
+      m("loaded"), p == null || p(L);
     },
-    [f]
-  ), _ = Se(
+    [p]
+  ), _ = Le(
     (L) => {
-      y("error"), c == null || c(L);
+      m("error"), c == null || c(L);
     },
     [c]
   ), w = {
     loader: /* @__PURE__ */ n.jsxs(Oe, { children: [
-      /* @__PURE__ */ n.jsx(bs, { size: 48, variant: "special", "data-testid": `${d}-loader` }),
+      /* @__PURE__ */ n.jsx(hs, { size: 48, variant: "special", "data-testid": `${d}-loader` }),
       /* @__PURE__ */ n.jsx(
         "img",
         {
@@ -1423,7 +1423,7 @@ const es = X((e, a) => {
         }
       )
     ] }),
-    error: /* @__PURE__ */ n.jsx(gs, { "data-testid": `${d}-fallback` }),
+    error: /* @__PURE__ */ n.jsx(bs, { "data-testid": `${d}-fallback` }),
     image: /* @__PURE__ */ n.jsx(
       "img",
       {
@@ -1436,33 +1436,56 @@ const es = X((e, a) => {
       }
     )
   };
-  return oe(() => {
+  return de(() => {
     if (!i) {
-      y("error");
+      m("error");
       return;
     }
-    y("loading");
-  }, [i]), /* @__PURE__ */ n.jsxs("div", { className: lt.container, "data-testid": `${d}-container`, ...p, children: [
-    m && w.loader,
-    b && w.error,
+    m("loading");
+  }, [i]), /* @__PURE__ */ n.jsxs("div", { className: lt.container, "data-testid": `${d}-container`, ...f, children: [
+    y && w.loader,
+    h && w.error,
     S && w.image
   ] });
-}), ms = {}, Kt = Ht({
+}), ms = {}, Xt = Ht({
   locale: ms
 }), ys = () => {
-  const e = Gt(Kt);
+  const e = Gt(Xt);
   if (!e)
     throw new Error("useConfig must be used within a ConfigProvider");
   return e;
-}, Zi = () => {
+}, xl = () => {
   const { locale: e } = ys();
   return e;
-}, vs = {}, xs = {}, ws = {}, Yi = ({
+}, vs = {}, xs = {}, ws = {}, Cs = {}, Ss = {}, Ls = "_base_1p0qo_50", Es = "_content_1p0qo_54", js = "_background_1p0qo_58", ks = "_button_1p0qo_62", $s = "_link_1p0qo_66", Ms = "_input_1p0qo_70", Is = "_suffix_1p0qo_74", Rs = "_prefix_1p0qo_78", Ts = "_tooltip_1p0qo_82", Ns = "_hint_1p0qo_86", As = "_dropdown_1p0qo_90", Ds = "_popover_1p0qo_94", Os = "_modalBackdrop_1p0qo_98", Ps = "_modal_1p0qo_98", qs = "_overlay_1p0qo_106", Bs = "_drawer_1p0qo_110", Us = "_notification_1p0qo_114", zs = "_alert_1p0qo_118", Fs = "_toast_1p0qo_122", Ws = "_loading_1p0qo_126", Vs = "_error_1p0qo_130", Hs = "_critical_1p0qo_134", Gs = {
+  base: Ls,
+  content: Es,
+  background: js,
+  button: ks,
+  link: $s,
+  input: Ms,
+  suffix: Is,
+  prefix: Rs,
+  tooltip: Ts,
+  hint: Ns,
+  dropdown: As,
+  popover: Ds,
+  modalBackdrop: Os,
+  modal: Ps,
+  overlay: qs,
+  drawer: Bs,
+  notification: Us,
+  alert: zs,
+  toast: Fs,
+  loading: Ws,
+  error: Vs,
+  critical: Hs
+}, wl = ({
   locale: e = {},
   theme: a,
   children: r,
   className: s
-}) => (jr(() => {
+}) => (Zt(() => {
   if (a) {
     const i = document.documentElement;
     Object.entries(a).forEach(([o, l]) => {
@@ -1474,28 +1497,28 @@ const es = X((e, a) => {
     "div",
     {
       "data-testid": "ConfigProvider-component",
-      className: k(vs, xs, ws, s)
+      className: k(vs, xs, ws, Cs, Ss, Gs, oe, s)
     }
   ),
-  /* @__PURE__ */ n.jsx(Kt.Provider, { value: { locale: e }, children: r })
-] })), Ji = {}, Cs = "_tag_1llsi_1", Ss = "_label_1llsi_16", Ls = "_iconWrapper_1llsi_20", Es = "_medium_1llsi_27", js = "_large_1llsi_33", ks = "_disabled_1llsi_43", $s = "_neutral_1llsi_47", Ms = "_positive_1llsi_53", Is = "_negative_1llsi_59", Rs = "_warning_1llsi_65", Ts = "_vivid_1llsi_71", Ns = "_special_1llsi_77", As = "_accent_1llsi_84", Ds = "_blue_1llsi_90", Os = "_lovely_1llsi_96", Ps = "_dreamy_1llsi_102", ke = {
-  tag: Cs,
-  label: Ss,
-  iconWrapper: Ls,
-  medium: Es,
-  large: js,
-  disabled: ks,
-  neutral: $s,
-  positive: Ms,
-  negative: Is,
-  warning: Rs,
-  vivid: Ts,
-  special: Ns,
-  accent: As,
-  blue: Ds,
-  lovely: Os,
-  dreamy: Ps
-}, Ki = X((e, a) => {
+  /* @__PURE__ */ n.jsx(Xt.Provider, { value: { locale: e }, children: r })
+] })), Cl = {}, Zs = "_tag_1llsi_1", Ys = "_label_1llsi_16", Js = "_iconWrapper_1llsi_20", Ks = "_medium_1llsi_27", Xs = "_large_1llsi_33", Qs = "_disabled_1llsi_43", en = "_neutral_1llsi_47", tn = "_positive_1llsi_53", rn = "_negative_1llsi_59", an = "_warning_1llsi_65", sn = "_vivid_1llsi_71", nn = "_special_1llsi_77", on = "_accent_1llsi_84", ln = "_blue_1llsi_90", cn = "_lovely_1llsi_96", dn = "_dreamy_1llsi_102", $e = {
+  tag: Zs,
+  label: Ys,
+  iconWrapper: Js,
+  medium: Ks,
+  large: Xs,
+  disabled: Qs,
+  neutral: en,
+  positive: tn,
+  negative: rn,
+  warning: an,
+  vivid: sn,
+  special: nn,
+  accent: on,
+  blue: ln,
+  lovely: cn,
+  dreamy: dn
+}, Sl = X((e, a) => {
   const {
     className: r,
     children: s,
@@ -1504,45 +1527,47 @@ const es = X((e, a) => {
     disabled: l = !1,
     showLabel: d = !!s,
     slotStart: c,
-    slotEnd: f,
-    slotStartWrapperProps: p = {},
-    slotEndWrapperProps: h = {},
-    "data-testid": y
-  } = e, { className: b, ...m } = p, { className: S, ...v } = h;
+    slotEnd: p,
+    slotStartWrapperProps: f = {},
+    slotEndWrapperProps: g = {},
+    "data-testid": m,
+    ...h
+  } = e, { className: y, ...S } = f, { className: v, ...x } = g;
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
       className: k(
-        ke.tag,
-        ke[o],
-        ke[i],
+        $e.tag,
+        $e[o],
+        $e[i],
         {
-          [ke.disabled]: l,
-          [ce["typography-label-3-regular"]]: o === "medium",
-          [ce["typography-subtitle-1-semibold"]]: o === "large"
+          [$e.disabled]: l,
+          [oe["typography-label-3-regular"]]: o === "medium",
+          [oe["typography-subtitle-1-semibold"]]: o === "large"
         },
         r
       ),
-      "data-testid": y || "tag-component",
+      "data-testid": m || "tag-component",
       ref: a,
+      ...h,
       children: [
-        c && /* @__PURE__ */ n.jsx("span", { className: k([ke.iconWrapper, b]), ...m, children: c }),
-        d && /* @__PURE__ */ n.jsx("span", { className: k([ke.label]), children: s }),
-        f && /* @__PURE__ */ n.jsx("span", { className: k([ke.iconWrapper, S]), ...v, children: f })
+        c && /* @__PURE__ */ n.jsx("span", { className: k([$e.iconWrapper, y]), ...S, children: c }),
+        d && /* @__PURE__ */ n.jsx("span", { className: k([$e.label]), children: s }),
+        p && /* @__PURE__ */ n.jsx("span", { className: k([$e.iconWrapper, v]), ...x, children: p })
       ]
     }
   );
-}), Bs = "_checkbox_17txq_43", qs = "_input_17txq_64", zs = "_icon_17txq_72", Us = "_container_17txq_92", Fs = "_error_17txq_143", Ws = "_checkboxWrapper_17txq_156", Vs = "_medium_17txq_211", Hs = "_large_17txq_216", Gs = "_label_17txq_258", xe = {
-  checkbox: Bs,
-  input: qs,
-  icon: zs,
-  container: Us,
-  error: Fs,
-  checkboxWrapper: Ws,
-  medium: Vs,
-  large: Hs,
-  label: Gs
-}, Zs = ({
+}), un = "_checkbox_17txq_43", _n = "_input_17txq_64", pn = "_icon_17txq_72", fn = "_container_17txq_92", gn = "_error_17txq_143", hn = "_checkboxWrapper_17txq_156", bn = "_medium_17txq_211", mn = "_large_17txq_216", yn = "_label_17txq_258", xe = {
+  checkbox: un,
+  input: _n,
+  icon: pn,
+  container: fn,
+  error: gn,
+  checkboxWrapper: hn,
+  medium: bn,
+  large: mn,
+  label: yn
+}, vn = ({
   width: e = 12,
   height: a = 9,
   className: r = "",
@@ -1568,7 +1593,7 @@ const es = X((e, a) => {
       }
     )
   }
-), Ys = ({
+), xn = ({
   width: e = 12,
   height: a = 2,
   className: r = "",
@@ -1594,17 +1619,17 @@ const es = X((e, a) => {
       }
     )
   }
-), Js = {
+), wn = {
   medium: { width: 10.83, height: 7.5 },
   large: { width: 13, height: 9 }
-}, Ks = ({
+}, Cn = ({
   size: e,
   isChecked: a,
   isDisabled: r,
   indeterminate: s,
   dataTestId: i
 }) => {
-  const { width: o, height: l } = Js[e];
+  const { width: o, height: l } = wn[e];
   return /* @__PURE__ */ n.jsx(
     "div",
     {
@@ -1613,10 +1638,10 @@ const es = X((e, a) => {
       "data-checked": a,
       "data-disabled": r,
       "data-indeterminate": s,
-      children: s ? /* @__PURE__ */ n.jsx(Ys, { width: o, height: l }) : /* @__PURE__ */ n.jsx(Zs, { width: o, height: l })
+      children: s ? /* @__PURE__ */ n.jsx(xn, { width: o, height: l }) : /* @__PURE__ */ n.jsx(vn, { width: o, height: l })
     }
   );
-}, Xi = X((e, a) => {
+}, Ll = X((e, a) => {
   const {
     name: r,
     value: s,
@@ -1625,51 +1650,51 @@ const es = X((e, a) => {
     loading: l = !1,
     error: d,
     disabled: c = !1,
-    containerClassName: f,
-    className: p,
-    containerStyle: h,
-    style: y,
-    children: b,
-    clickableLabel: m = !0,
+    containerClassName: p,
+    className: f,
+    containerStyle: g,
+    style: m,
+    children: h,
+    clickableLabel: y = !0,
     tabIndex: S,
     onChange: v,
     "data-testid": x = "checkbox"
-  } = e, [_, w] = de(!1), L = s ?? _, $ = c || l, j = !!d, M = L || o, A = k(xe.container, xe[i], f), D = k(
+  } = e, [_, w] = ce(!1), L = s ?? _, M = c || l, j = !!d, $ = L || o, R = k(xe.container, xe[i], p), D = k(
     xe.checkbox,
     xe[i],
     {
       [xe.error]: j
     },
-    p
-  ), z = (R) => {
-    $ || (w(R.target.checked), v == null || v(R.target.checked, R));
-  }, F = (R) => {
-    if (R.key === "Enter" && !$) {
-      R.preventDefault();
-      const B = !M;
+    f
+  ), P = (T) => {
+    M || (w(T.target.checked), v == null || v(T.target.checked, T));
+  }, F = (T) => {
+    if (T.key === "Enter" && !M) {
+      T.preventDefault();
+      const B = !$;
       w(B), v == null || v(B);
     }
-  }, O = (R) => {
-    m || R.preventDefault();
-  }, C = (R) => R.stopPropagation();
+  }, O = (T) => {
+    y || T.preventDefault();
+  }, C = (T) => T.stopPropagation();
   return /* @__PURE__ */ n.jsxs(
     "label",
     {
-      className: A,
+      className: R,
       htmlFor: r,
-      style: h,
+      style: g,
       "data-testid": x,
-      "data-clickable-label": m,
+      "data-clickable-label": y,
       children: [
         /* @__PURE__ */ n.jsx("div", { className: xe.checkboxWrapper, children: /* @__PURE__ */ n.jsxs(
           "div",
           {
             tabIndex: S || 0,
             className: D,
-            style: y,
+            style: m,
             onKeyDown: F,
-            "aria-checked": M,
-            "aria-disabled": $,
+            "aria-checked": $,
+            "aria-disabled": M,
             "aria-invalid": j,
             "aria-describedby": d ? `${r}-error` : void 0,
             "data-testid": `${x}-label`,
@@ -1681,24 +1706,24 @@ const es = X((e, a) => {
                   type: "checkbox",
                   id: r,
                   name: r,
-                  checked: M,
-                  disabled: $,
+                  checked: $,
+                  disabled: M,
                   className: xe.input,
-                  onChange: z,
+                  onChange: P,
                   onClick: C,
-                  "aria-checked": M,
+                  "aria-checked": $,
                   "aria-invalid": j,
                   "aria-describedby": d ? `${r}-error` : void 0,
                   "data-testid": `${x}-input`
                 }
               ),
               /* @__PURE__ */ n.jsx(
-                Ks,
+                Cn,
                 {
                   name: r,
                   size: i,
-                  isChecked: M,
-                  isDisabled: $,
+                  isChecked: $,
+                  isDisabled: M,
                   indeterminate: o,
                   dataTestId: x
                 }
@@ -1706,38 +1731,38 @@ const es = X((e, a) => {
             ]
           }
         ) }),
-        b && /* @__PURE__ */ n.jsx(
+        h && /* @__PURE__ */ n.jsx(
           "span",
           {
             "data-testid": `${x}-label-text`,
-            "data-clickable-label": m,
+            "data-clickable-label": y,
             className: xe.label,
             onClick: O,
-            children: b
+            children: h
           }
         )
       ]
     }
   );
-}), Xs = "_typography_zt7xg_1", Qs = "_disabled_zt7xg_8", en = "_primary_zt7xg_13", tn = "_secondary_zt7xg_18", rn = "_tertiary_zt7xg_23", an = "_accent_zt7xg_28", sn = "_positive_zt7xg_38", nn = "_negative_zt7xg_48", on = "_warning_zt7xg_58", ln = "_special_zt7xg_68", cn = "_contrast_zt7xg_78", Pe = {
-  typography: Xs,
-  disabled: Qs,
-  primary: en,
-  secondary: tn,
-  tertiary: rn,
-  accent: an,
+}), Sn = "_typography_zt7xg_1", Ln = "_disabled_zt7xg_8", En = "_primary_zt7xg_13", jn = "_secondary_zt7xg_18", kn = "_tertiary_zt7xg_23", $n = "_accent_zt7xg_28", Mn = "_positive_zt7xg_38", In = "_negative_zt7xg_48", Rn = "_warning_zt7xg_58", Tn = "_special_zt7xg_68", Nn = "_contrast_zt7xg_78", Pe = {
+  typography: Sn,
+  disabled: Ln,
+  primary: En,
+  secondary: jn,
+  tertiary: kn,
+  accent: $n,
   "accent-secondary": "_accent-secondary_zt7xg_33",
-  positive: sn,
+  positive: Mn,
   "positive-secondary": "_positive-secondary_zt7xg_43",
-  negative: nn,
+  negative: In,
   "negative-secondary": "_negative-secondary_zt7xg_53",
-  warning: on,
+  warning: Rn,
   "warning-secondary": "_warning-secondary_zt7xg_63",
-  special: ln,
+  special: Tn,
   "special-secondary": "_special-secondary_zt7xg_73",
-  contrast: cn,
+  contrast: Nn,
   "contrast-secondary": "_contrast-secondary_zt7xg_83"
-}, dn = {
+}, An = {
   1: "h1",
   2: "h2",
   3: "h3",
@@ -1753,19 +1778,19 @@ const es = X((e, a) => {
       as: l,
       fontWeight: d = "semibold",
       disabled: c = !1,
-      typographyStyle: f = "primary",
-      ...p
-    }, h) => {
-      const y = l || dn[r], b = k(
+      typographyStyle: p = "primary",
+      ...f
+    }, g) => {
+      const m = l || An[r], h = k(
         Pe.typography,
-        ce[`typography-${e}-${r}-${d}`],
-        Pe[f],
+        oe[`typography-${e}-${r}-${d}`],
+        Pe[p],
         {
           [Pe.disabled]: c
         },
         i
       );
-      return s ? /* @__PURE__ */ n.jsx(y, { ref: h, className: b, "data-testid": o, ...p, children: s }) : null;
+      return s ? /* @__PURE__ */ n.jsx(m, { ref: g, className: h, "data-testid": o, ...f, children: s }) : null;
     }
   );
   return a.displayName = `Typography.${e === "title" ? "Title" : "Subtitle"}`, a;
@@ -1779,68 +1804,68 @@ const es = X((e, a) => {
       as: l = "p",
       fontWeight: d = "regular",
       disabled: c = !1,
-      typographyStyle: f = "primary",
-      ...p
-    }, h) => {
-      const y = l, b = k(
+      typographyStyle: p = "primary",
+      ...f
+    }, g) => {
+      const m = l, h = k(
         Pe.typography,
-        ce[`typography-${e}-${r}-${d}`],
-        Pe[f],
+        oe[`typography-${e}-${r}-${d}`],
+        Pe[p],
         {
           [Pe.disabled]: c
         },
         i
       );
       return s ? /* @__PURE__ */ n.jsx(
-        y,
+        m,
         {
-          ref: h,
-          className: b,
+          ref: g,
+          className: h,
           "data-testid": o,
-          ...p,
+          ...f,
           children: s
         }
       ) : null;
     }
   );
   return a.displayName = `Typography.${e.charAt(0).toUpperCase() + e.slice(1)}`, a;
-}, Bt = {
+}, qt = {
   Title: Ot("title"),
   Subtitle: Ot("subtitle"),
   Label: Pt("label"),
   Paragraph: Pt("paragraph")
-}, un = "_inputBase_1q54n_82", _n = "_wrapper_1q54n_92", pn = "_gripHandle_1q54n_172", fn = "_error_1q54n_238", hn = "_tabFocused_1q54n_245", bn = "_disabled_1q54n_270", gn = "_loading_1q54n_277", mn = "_label_1q54n_287", yn = "_small_1q54n_301", vn = "_large_1q54n_308", xn = "_leftSection_1q54n_315", wn = "_rightSection_1q54n_327", Cn = "_helper_1q54n_365", Sn = "_floatingLabel_1q54n_393", Ln = "_focused_1q54n_461", En = "_filled_1q54n_462", jn = "_medium_1q54n_503", kn = "_characterLimit_1q54n_545", $n = "_input_1q54n_82", Mn = "_textarea_1q54n_110", In = "_truncate_1q54n_678", Rn = "_hint_1q54n_765", N = {
-  inputBase: un,
-  wrapper: _n,
+}, Dn = "_inputBase_1q54n_82", On = "_wrapper_1q54n_92", Pn = "_gripHandle_1q54n_172", qn = "_error_1q54n_238", Bn = "_tabFocused_1q54n_245", Un = "_disabled_1q54n_270", zn = "_loading_1q54n_277", Fn = "_label_1q54n_287", Wn = "_small_1q54n_301", Vn = "_large_1q54n_308", Hn = "_leftSection_1q54n_315", Gn = "_rightSection_1q54n_327", Zn = "_helper_1q54n_365", Yn = "_floatingLabel_1q54n_393", Jn = "_focused_1q54n_461", Kn = "_filled_1q54n_462", Xn = "_medium_1q54n_503", Qn = "_characterLimit_1q54n_545", eo = "_input_1q54n_82", to = "_textarea_1q54n_110", ro = "_truncate_1q54n_678", ao = "_hint_1q54n_765", A = {
+  inputBase: Dn,
+  wrapper: On,
   "textarea-wrapper": "_textarea-wrapper_1q54n_110",
-  gripHandle: pn,
-  error: fn,
-  tabFocused: hn,
-  disabled: bn,
-  loading: gn,
-  label: mn,
-  small: yn,
-  large: vn,
-  leftSection: xn,
-  rightSection: wn,
-  helper: Cn,
-  floatingLabel: Sn,
-  focused: Ln,
-  filled: En,
-  medium: jn,
-  characterLimit: kn,
-  input: $n,
-  textarea: Mn,
+  gripHandle: Pn,
+  error: qn,
+  tabFocused: Bn,
+  disabled: Un,
+  loading: zn,
+  label: Fn,
+  small: Wn,
+  large: Vn,
+  leftSection: Hn,
+  rightSection: Gn,
+  helper: Zn,
+  floatingLabel: Yn,
+  focused: Jn,
+  filled: Kn,
+  medium: Xn,
+  characterLimit: Qn,
+  input: eo,
+  textarea: to,
   "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: In,
-  hint: Rn,
+  truncate: ro,
+  hint: ao,
   "has-hint": "_has-hint_1q54n_786",
   "has-suffix": "_has-suffix_1q54n_792",
   "has-limit": "_has-limit_1q54n_798"
-}, Tn = ({
+}, so = ({
   width: e = 8,
   height: a = 8,
   className: r,
@@ -1864,7 +1889,7 @@ const es = X((e, a) => {
       }
     )
   }
-), Xt = ({
+), Qt = ({
   className: e = "",
   style: a,
   size: r = "md",
@@ -1907,9 +1932,9 @@ const es = X((e, a) => {
       )
     }
   );
-}, Nn = (e, a) => {
-  const r = Be(null), s = Be(null);
-  return oe(() => {
+}, no = (e, a) => {
+  const r = qe(null), s = qe(null);
+  return de(() => {
     const i = a === "textarea" ? r.current : s.current;
     i && i.value !== e && (i.value = e || "");
   }, [e, a]), {
@@ -1917,35 +1942,35 @@ const es = X((e, a) => {
     inputRef: s,
     currentRef: a === "textarea" ? r : s
   };
-}, An = (e, a, r) => {
+}, oo = (e, a, r) => {
   const s = () => {
     if (!r.current || a !== "hug") return;
     const i = r.current.scrollTop;
     if (r.current.style.setProperty("height", "auto", "important"), !e) return;
     const o = r.current.scrollHeight + "px";
     r.current.style.setProperty("height", o, "important"), r.current.scrollTop = i;
-    const l = r.current.closest(`.${N.wrapper}`);
+    const l = r.current.closest(`.${A.wrapper}`);
     l && (l.setAttribute("data-resize", "hug"), l.setAttribute("data-show-grip", "false"));
   };
-  return oe(s, [e, a]), oe(() => {
+  return de(s, [e, a]), de(() => {
     a === "hug" && r.current && s();
   }, []), { resizeTextArea: s };
-}, Dn = (e, a, r, s) => ({ handleGripMouseDown: Se(
+}, io = (e, a, r, s) => ({ handleGripMouseDown: Le(
   (o) => {
     if (!e || a || r || !(s === "fixed" || !s)) return;
     o.preventDefault(), o.stopPropagation();
-    const l = o.currentTarget.closest(`.${N.wrapper}`);
+    const l = o.currentTarget.closest(`.${A.wrapper}`);
     if (!l) return;
-    const d = o.clientY, c = l.clientHeight, f = (h) => {
-      const y = h.clientY - d, b = Math.min(100, c), m = Math.max(b, c + y);
-      l.style.height = `${m}px`;
-    }, p = () => {
-      document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", p);
+    const d = o.clientY, c = l.clientHeight, p = (g) => {
+      const m = g.clientY - d, h = Math.min(100, c), y = Math.max(h, c + m);
+      l.style.height = `${y}px`;
+    }, f = () => {
+      document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", f);
     };
-    document.addEventListener("mousemove", f), document.addEventListener("mouseup", p);
+    document.addEventListener("mousemove", p), document.addEventListener("mouseup", f);
   },
   [e, a, r, s]
-) }), qt = 30, On = X(
+) }), Bt = 30, lo = X(
   ({
     component: e = "input",
     size: a = "medium",
@@ -1956,21 +1981,21 @@ const es = X((e, a) => {
     onFocus: l,
     onBlur: d,
     onChange: c,
-    onKeyDown: f,
-    onKeyUp: p,
-    maxLength: h,
-    className: y,
-    style: b,
-    truncate: m = !1,
+    onKeyDown: p,
+    onKeyUp: f,
+    maxLength: g,
+    className: m,
+    style: h,
+    truncate: y = !1,
     shouldShowFloatingLabelClass: S = !1,
     "aria-invalid": v,
     "aria-errormessage": x,
     id: _,
     resize: w,
     ...L
-  }, $) => {
-    const { textareaRef: j, inputRef: M, currentRef: A } = Nn(r, e);
-    if (An(r, w, j), kr($, () => A.current, [A]), e === "textarea")
+  }, M) => {
+    const { textareaRef: j, inputRef: $, currentRef: R } = no(r, e);
+    if (oo(r, w, j), kr(M, () => R.current, [R]), e === "textarea")
       return /* @__PURE__ */ n.jsx(
         "textarea",
         {
@@ -1982,16 +2007,16 @@ const es = X((e, a) => {
           onFocus: l,
           onBlur: d,
           onChange: c,
-          onKeyDown: f,
-          onKeyUp: p,
-          maxLength: h,
+          onKeyDown: p,
+          onKeyUp: f,
+          maxLength: g,
           className: k(
-            N.textarea,
-            N[`size-${a}`],
-            S && N["with-floating-label"],
-            y
+            A.textarea,
+            A[`size-${a}`],
+            S && A["with-floating-label"],
+            m
           ),
-          style: b,
+          style: h,
           "aria-invalid": v,
           "aria-errormessage": x,
           "aria-describedby": x ? `${_}-error` : void 0,
@@ -2004,7 +2029,7 @@ const es = X((e, a) => {
       return /* @__PURE__ */ n.jsx(
         "input",
         {
-          ref: M,
+          ref: $,
           id: _,
           value: r,
           placeholder: s,
@@ -2012,17 +2037,17 @@ const es = X((e, a) => {
           onFocus: l,
           onBlur: d,
           onChange: c,
-          onKeyDown: f,
-          onKeyUp: p,
-          maxLength: h,
+          onKeyDown: p,
+          onKeyUp: f,
+          maxLength: g,
           className: k(
-            N.input,
-            N[`size-${a}`],
-            S && N["with-floating-label"],
-            m && N.truncate,
-            y
+            A.input,
+            A[`size-${a}`],
+            S && A["with-floating-label"],
+            y && A.truncate,
+            m
           ),
-          style: b,
+          style: h,
           "aria-invalid": v,
           "aria-errormessage": x,
           "aria-describedby": x ? `${_}-error` : void 0,
@@ -2035,7 +2060,7 @@ const es = X((e, a) => {
         `[Input] Недопустимое значение prop 'component': "${String(e)}". Допустимые значения: 'input', 'textarea'`
       ), null;
   }
-), Qt = X(
+), er = X(
   ({
     children: e,
     size: a = "medium",
@@ -2046,45 +2071,45 @@ const es = X((e, a) => {
     wrapperProps: l,
     wrapperStyles: d,
     floatingLabelStyles: c,
-    prefixStyles: f,
-    suffixStyles: p,
-    labelProps: h,
-    helperProps: y,
-    showLimit: b = !1,
-    maxLength: m,
+    prefixStyles: p,
+    suffixStyles: f,
+    labelProps: g,
+    helperProps: m,
+    showLimit: h = !1,
+    maxLength: y,
     hint: S,
     showHint: v = !1,
     showHintOnEmpty: x = !1,
     prefix: _,
     suffix: w,
     onSuffixClick: L,
-    placeholder: $,
+    placeholder: M,
     showLabel: j = !0,
-    labelClassName: M,
-    hasValue: A = !1,
+    labelClassName: $,
+    hasValue: R = !1,
     helper: D,
-    id: z,
+    id: P,
     value: F = "",
     resize: O,
     showGrip: C = !1,
-    ...R
+    ...T
   }, B) => {
-    const U = pt(), V = z || U, Q = v && S && (A || x), ie = S && S.length > qt ? S.substring(0, qt) + "..." : S, Z = k(
-      N.wrapper,
-      r && N.error,
-      s && N.disabled,
-      i && N.loading,
-      Q && N["has-hint"],
-      w && N["has-suffix"],
-      b && N["has-limit"],
+    const z = pt(), V = P || z, Q = v && S && (R || x), ie = S && S.length > Bt ? S.substring(0, Bt) + "..." : S, Z = k(
+      A.wrapper,
+      r && A.error,
+      s && A.disabled,
+      i && A.loading,
+      Q && A["has-hint"],
+      w && A["has-suffix"],
+      h && A["has-limit"],
       o
     ), ue = k(
-      N.floatingLabel,
-      N[a],
-      A && N.filled,
-      M
-    ), { handleGripMouseDown: ee } = Dn(C, s, i, O);
-    return /* @__PURE__ */ n.jsxs("div", { ref: B, className: N.inputBase, "data-testid": "input-base-wrapper", ...R, children: [
+      A.floatingLabel,
+      A[a],
+      R && A.filled,
+      $
+    ), { handleGripMouseDown: ee } = io(C, s, i, O);
+    return /* @__PURE__ */ n.jsxs("div", { ref: B, className: A.inputBase, "data-testid": "input-base-wrapper", ...T, children: [
       /* @__PURE__ */ n.jsxs(
         "div",
         {
@@ -2094,51 +2119,51 @@ const es = X((e, a) => {
           "data-show-grip": C ? "true" : "false",
           ...l,
           children: [
-            _ && /* @__PURE__ */ n.jsx("label", { htmlFor: V, className: N.leftSection, style: f, children: _ }),
+            _ && /* @__PURE__ */ n.jsx("label", { htmlFor: V, className: A.leftSection, style: p, children: _ }),
             w && /* @__PURE__ */ n.jsx(
               "label",
               {
                 htmlFor: V,
-                className: N.rightSection,
-                style: p,
+                className: A.rightSection,
+                style: f,
                 onClick: L,
                 children: w
               }
             ),
-            $ && j && /* @__PURE__ */ n.jsx(
+            M && j && /* @__PURE__ */ n.jsx(
               "label",
               {
                 htmlFor: V,
                 className: ue,
                 style: c,
-                ...h,
-                children: $
+                ...g,
+                children: M
               }
             ),
             e,
-            C && !b && (O === "fixed" || !O) && /* @__PURE__ */ n.jsx(
+            C && !h && (O === "fixed" || !O) && /* @__PURE__ */ n.jsx(
               "div",
               {
-                className: N.gripHandle,
+                className: A.gripHandle,
                 onMouseDown: ee,
                 role: "button",
                 tabIndex: -1,
                 "aria-label": "Изменить размер",
-                children: /* @__PURE__ */ n.jsx(Tn, {})
+                children: /* @__PURE__ */ n.jsx(so, {})
               }
             ),
             Q && /* @__PURE__ */ n.jsx(
               "div",
               {
-                className: k(N.hint, A && N.truncate),
+                className: k(A.hint, R && A.truncate),
                 "data-disabled": s || i,
                 children: ie
               }
             ),
-            b && m && /* @__PURE__ */ n.jsxs("div", { className: N.characterLimit, children: [
+            h && y && /* @__PURE__ */ n.jsxs("div", { className: A.characterLimit, children: [
               (F || "").length,
               " из ",
-              m
+              y
             ] })
           ]
         }
@@ -2147,11 +2172,11 @@ const es = X((e, a) => {
         "div",
         {
           className: k(
-            N.helper,
-            r && N.error,
-            (s || i) && N.disabled
+            A.helper,
+            r && A.error,
+            (s || i) && A.disabled
           ),
-          ...y,
+          ...m,
           id: r ? `${V}-error` : void 0,
           children: D
         }
@@ -2159,10 +2184,10 @@ const es = X((e, a) => {
     ] });
   }
 );
-Qt.displayName = "InputWrapperComponent";
-const zt = Object.assign(On, {
-  Wrapper: Qt
-}), er = X(
+er.displayName = "InputWrapperComponent";
+const Ut = Object.assign(lo, {
+  Wrapper: er
+}), tr = X(
   ({
     component: e = "input",
     size: a = "medium",
@@ -2173,50 +2198,50 @@ const zt = Object.assign(On, {
     placeholder: l,
     showLabel: d = !0,
     labelClassName: c,
-    helper: f,
-    prefix: p,
-    suffix: h,
-    id: y,
-    onFocus: b,
-    onBlur: m,
+    helper: p,
+    prefix: f,
+    suffix: g,
+    id: m,
+    onFocus: h,
+    onBlur: y,
     onKeyDown: S,
     onSuffixClick: v,
     onChange: x,
     value: _ = "",
     wrapperProps: w,
     wrapperStyles: L,
-    floatingLabelStyles: $,
+    floatingLabelStyles: M,
     prefixStyles: j,
-    suffixStyles: M,
-    textareaStyles: A,
+    suffixStyles: $,
+    textareaStyles: R,
     labelProps: D,
-    helperProps: z,
+    helperProps: P,
     showLimit: F = !1,
     maxLength: O,
     inputProps: C,
-    hint: R,
+    hint: T,
     showHint: B = !1,
-    showHintOnEmpty: U = !1,
+    showHintOnEmpty: z = !1,
     truncate: V = !1,
     resize: Q,
     showGrip: ie = !1,
     ...Z
   }, ue) => {
-    const ee = pt(), Ce = y || ee, [qe, me] = de(_), $e = _ !== void 0 ? _ : qe, Me = ($e || "").length > 0, Ee = $e || "", Ie = d && (a === "large" || e === "textarea") && !p, Xe = Se(
+    const ee = pt(), Ce = m || ee, [Be, me] = ce(_), Me = _ !== void 0 ? _ : Be, Ie = (Me || "").length > 0, je = Me || "", Re = d && (a === "large" || e === "textarea") && !f, Xe = Le(
       (Y) => {
         var J;
-        i || o || (b == null || b(), (J = C == null ? void 0 : C.onFocus) == null || J.call(
+        i || o || (h == null || h(), (J = C == null ? void 0 : C.onFocus) == null || J.call(
           C,
           Y
         ));
       },
-      [b, C, i, o]
-    ), Ve = Se(
+      [h, C, i, o]
+    ), Ve = Le(
       (Y) => {
         var J;
         if (Y.key === "Tab") {
-          const be = Y.target.closest(`.${N.wrapper}`);
-          be && be.classList.add(N.tabFocused);
+          const he = Y.target.closest(`.${A.wrapper}`);
+          he && he.classList.add(A.tabFocused);
         }
         (J = C == null ? void 0 : C.onKeyUp) == null || J.call(
           C,
@@ -2224,70 +2249,70 @@ const zt = Object.assign(On, {
         );
       },
       [C]
-    ), Qe = Se(
+    ), Qe = Le(
       (Y) => {
-        var be;
-        const J = Y.target.closest(`.${N.wrapper}`);
-        J && J.classList.remove(N.tabFocused), m == null || m(), (be = C == null ? void 0 : C.onBlur) == null || be.call(
+        var he;
+        const J = Y.target.closest(`.${A.wrapper}`);
+        J && J.classList.remove(A.tabFocused), y == null || y(), (he = C == null ? void 0 : C.onBlur) == null || he.call(
           C,
           Y
         );
       },
-      [m, C]
-    ), et = Se(
+      [y, C]
+    ), et = Le(
       (Y) => {
-        var be;
+        var he;
         if (i || o) return;
         const J = Y.target.value;
-        me(J), x == null || x(J, Y), (be = C == null ? void 0 : C.onChange) == null || be.call(
+        me(J), x == null || x(J, Y), (he = C == null ? void 0 : C.onChange) == null || he.call(
           C,
           Y
         );
       },
       [x, C, i, o]
     );
-    return oe(() => {
+    return de(() => {
       me(_ || "");
     }, [_]), /* @__PURE__ */ n.jsx(
-      zt.Wrapper,
+      Ut.Wrapper,
       {
         ref: ue,
         size: a,
         error: s,
         disabled: i || o,
         loading: o,
-        className: k(r, e === "textarea" && N["textarea-wrapper"]),
+        className: k(r, e === "textarea" && A["textarea-wrapper"]),
         wrapperProps: w,
         wrapperStyles: L,
-        floatingLabelStyles: $,
+        floatingLabelStyles: M,
         prefixStyles: j,
-        suffixStyles: M,
+        suffixStyles: $,
         labelProps: D,
-        helperProps: z,
+        helperProps: P,
         showLimit: F,
         maxLength: O,
-        hint: R,
+        hint: T,
         showHint: B,
-        showHintOnEmpty: U,
-        prefix: p,
-        suffix: h,
+        showHintOnEmpty: z,
+        prefix: f,
+        suffix: g,
         onSuffixClick: v,
         placeholder: l,
         showLabel: d,
         labelClassName: c,
-        hasValue: Me,
-        helper: f,
+        hasValue: Ie,
+        helper: p,
         id: Ce,
-        value: Ee,
+        value: je,
         showGrip: ie,
         resize: Q,
         ...Z,
         children: /* @__PURE__ */ n.jsx(
-          zt,
+          Ut,
           {
             component: e,
             size: a,
-            value: Ee,
+            value: je,
             placeholder: l,
             disabled: i,
             loading: o,
@@ -2298,9 +2323,9 @@ const zt = Object.assign(On, {
             onKeyUp: Ve,
             maxLength: O,
             truncate: V,
-            "data-empty": !Me,
-            shouldShowFloatingLabelClass: Ie,
-            style: e === "textarea" ? A : void 0,
+            "data-empty": !Ie,
+            shouldShowFloatingLabelClass: Re,
+            style: e === "textarea" ? R : void 0,
             "aria-invalid": !!s,
             "aria-errormessage": s ? `${Ce}-error` : void 0,
             id: Ce,
@@ -2315,7 +2340,7 @@ const zt = Object.assign(On, {
   SMALL: "small",
   MEDIUM: "medium",
   LARGE: "large"
-}, Pn = (e, a, r, s) => {
+}, co = (e, a, r, s) => {
   switch (e) {
     case re.LARGE:
       return a && r ? "8px 16px 8px 16px" : "16px 16px 16px 16px";
@@ -2326,7 +2351,7 @@ const zt = Object.assign(On, {
     default:
       return "12px 16px 12px 16px";
   }
-}, Bn = (e) => {
+}, uo = (e) => {
   switch (e) {
     case re.LARGE:
       return "56px";
@@ -2337,7 +2362,7 @@ const zt = Object.assign(On, {
     default:
       return "48px";
   }
-}, qn = (e) => {
+}, _o = (e) => {
   switch (e) {
     case re.SMALL:
       return 8;
@@ -2349,7 +2374,7 @@ const zt = Object.assign(On, {
     default:
       return 12;
   }
-}, zn = (e, a, r) => ({
+}, po = (e, a, r) => ({
   wrapperStyles: {
     height: e,
     minHeight: e,
@@ -2367,7 +2392,7 @@ const zt = Object.assign(On, {
   suffixStyles: {
     right: `${r}px`
   }
-}), Un = (e, a, r) => ({
+}), fo = (e, a, r) => ({
   wrapperStyles: {
     minHeight: e,
     maxHeight: e,
@@ -2383,7 +2408,7 @@ const zt = Object.assign(On, {
   suffixStyles: {
     right: `${r}px`
   }
-}), Fn = (e, a, r) => ({
+}), go = (e, a, r) => ({
   wrapperStyles: {
     minHeight: e,
     maxHeight: e,
@@ -2399,15 +2424,15 @@ const zt = Object.assign(On, {
   suffixStyles: {
     right: `${r}px`
   }
-}), Wn = (e, a, r, s) => {
-  const i = Bn(e), o = Pn(e, a, r, s), l = qn(e);
+}), ho = (e, a, r, s) => {
+  const i = uo(e), o = co(e, a, r, s), l = _o(e);
   switch (e) {
     case re.LARGE:
-      return zn(i, o, l);
+      return po(i, o, l);
     case re.MEDIUM:
-      return Un(i, o, l);
+      return fo(i, o, l);
     case re.SMALL:
-      return Fn(i, o, l);
+      return go(i, o, l);
     default:
       return {
         wrapperStyles: {},
@@ -2416,7 +2441,7 @@ const zt = Object.assign(On, {
         suffixStyles: {}
       };
   }
-}, Qi = X(
+}, El = X(
   ({
     value: e = "",
     onChange: a,
@@ -2427,34 +2452,34 @@ const zt = Object.assign(On, {
     autoComplete: l,
     autoFocus: d,
     size: c = re.MEDIUM,
-    inputProps: f,
-    error: p,
-    disabled: h,
-    loading: y,
-    helper: b,
-    prefix: m,
+    inputProps: p,
+    error: f,
+    disabled: g,
+    loading: m,
+    helper: h,
+    prefix: y,
     suffix: S,
     clearable: v = !1,
     id: x,
     showLabel: _ = !0,
     onFocus: w,
     onBlur: L,
-    onSuffixClick: $,
+    onSuffixClick: M,
     onClear: j,
-    className: M,
-    truncate: A = !0,
+    className: $,
+    truncate: R = !0,
     hint: D,
-    showHint: z = !1,
+    showHint: P = !1,
     showHintOnEmpty: F = !1,
     wrapperProps: O,
     labelProps: C,
-    helperProps: R,
+    helperProps: T,
     ...B
-  }, U) => {
-    const V = (e || "").length > 0, Q = c === re.LARGE, ie = !!m, Z = Q && _ && !m, ue = v && V && !(h || y), ee = () => {
+  }, z) => {
+    const V = (e || "").length > 0, Q = c === re.LARGE, ie = !!y, Z = Q && _ && !y, ue = v && V && !(g || m), ee = () => {
       a == null || a(""), j == null || j();
     }, Ce = ue ? /* @__PURE__ */ n.jsx(
-      Xt,
+      Qt,
       {
         size: c === re.SMALL ? "xs" : "sm",
         color: "var(--icon-secondary)",
@@ -2462,57 +2487,57 @@ const zt = Object.assign(On, {
         style: { cursor: "pointer" },
         "data-testid": "x-icon"
       }
-    ) : S, qe = {
+    ) : S, Be = {
       type: r,
       minLength: o,
       autoComplete: l,
       autoFocus: d,
-      ...f
-    }, me = Wn(c, Z, V, ie);
+      ...p
+    }, me = ho(c, Z, V, ie);
     return /* @__PURE__ */ n.jsx(
-      er,
+      tr,
       {
         size: c,
-        error: p,
-        disabled: h || y,
-        loading: y,
-        helper: b,
-        prefix: m,
+        error: f,
+        disabled: g || m,
+        loading: m,
+        helper: h,
+        prefix: y,
         suffix: Ce,
         id: x,
         showLabel: Z,
         onFocus: w,
         onBlur: L,
-        onSuffixClick: $,
+        onSuffixClick: M,
         onChange: a,
         value: e,
         placeholder: s,
-        className: M,
+        className: $,
         wrapperStyles: me.wrapperStyles,
         floatingLabelStyles: me.floatingLabelStyles,
         prefixStyles: me.prefixStyles,
         suffixStyles: me.suffixStyles,
         wrapperProps: O,
         labelProps: C,
-        helperProps: R,
+        helperProps: T,
         showLimit: !1,
         maxLength: i,
-        inputProps: qe,
+        inputProps: Be,
         hint: D,
-        showHint: z,
+        showHint: P,
         showHintOnEmpty: F,
-        truncate: A,
+        truncate: R,
         ...B
       }
     );
   }
-), he = {
+), ge = {
   SMALL: "small",
   MEDIUM: "medium"
 }, Je = {
   SMALL: "12px",
   MEDIUM: "16px"
-}, Vn = {
+}, bo = {
   SMALL: "xs",
   MEDIUM: "sm"
 }, Ze = {
@@ -2521,7 +2546,7 @@ const zt = Object.assign(On, {
 }, ct = {
   SMALL: "112px",
   MEDIUM: "56px"
-}, Ae = {
+}, De = {
   SMALL: "48px",
   MEDIUM: "22px"
 }, ve = {
@@ -2533,38 +2558,38 @@ const zt = Object.assign(On, {
   SMALL: 48,
   MEDIUM: 56,
   LARGE: 112
-}, Hn = (e, a) => {
-  if (e === he.SMALL)
+}, mo = (e, a) => {
+  if (e === ge.SMALL)
     return ct.SMALL;
   if (a)
     return `${a}px`;
   switch (e) {
-    case he.MEDIUM:
+    case ge.MEDIUM:
       return ct.MEDIUM;
     default:
       return ct.MEDIUM;
   }
-}, Gn = (e, a) => {
-  if (e === he.SMALL)
-    return Ae.SMALL;
+}, yo = (e, a) => {
+  if (e === ge.SMALL)
+    return De.SMALL;
   if (a)
     switch (a) {
       case we.SMALL:
       case we.MEDIUM:
-        return Ae.MEDIUM;
+        return De.MEDIUM;
       case we.LARGE:
-        return Ae.SMALL;
+        return De.SMALL;
       default:
-        return Ae.MEDIUM;
+        return De.MEDIUM;
     }
   switch (e) {
-    case he.MEDIUM:
-      return Ae.MEDIUM;
+    case ge.MEDIUM:
+      return De.MEDIUM;
     default:
-      return Ae.MEDIUM;
+      return De.MEDIUM;
   }
-}, Zn = (e, a, r) => {
-  if (e === he.SMALL)
+}, vo = (e, a, r) => {
+  if (e === ge.SMALL)
     return ve.SMALL;
   if (a)
     switch (a) {
@@ -2578,13 +2603,13 @@ const zt = Object.assign(On, {
         return ve.MEDIUM;
     }
   switch (e) {
-    case he.MEDIUM:
+    case ge.MEDIUM:
       return r ? ve.MEDIUM_FLOATING_LABEL : ve.MEDIUM;
     default:
       return ve.MEDIUM;
   }
-}, Yn = (e, a) => {
-  if (e === he.SMALL)
+}, xo = (e, a) => {
+  if (e === ge.SMALL)
     return "small";
   if (a)
     switch (a) {
@@ -2598,8 +2623,8 @@ const zt = Object.assign(On, {
         return "medium";
     }
   return e;
-}, Jn = (e) => Vn[e.toUpperCase()], Kn = (e) => Je[e.toUpperCase()], Xn = (e, a, r, s) => {
-  const i = Hn(e, a), o = Gn(e, a), l = Zn(e, a, r);
+}, wo = (e) => bo[e.toUpperCase()], Co = (e) => Je[e.toUpperCase()], So = (e, a, r, s) => {
+  const i = mo(e, a), o = yo(e, a), l = vo(e, a, r);
   return {
     wrapperStyles: {
       minHeight: i,
@@ -2611,12 +2636,12 @@ const zt = Object.assign(On, {
       padding: l
     },
     floatingLabelStyles: {
-      left: e === he.SMALL ? Je.SMALL : Je.MEDIUM,
+      left: e === ge.SMALL ? Je.SMALL : Je.MEDIUM,
       transformOrigin: "left top",
-      top: a === 112 && r && e === he.MEDIUM ? Je.MEDIUM : void 0
+      top: a === 112 && r && e === ge.MEDIUM ? Je.MEDIUM : void 0
     },
     suffixStyles: {
-      right: Kn(e)
+      right: Co(e)
     },
     textareaStyles: {
       minHeight: o,
@@ -2626,7 +2651,7 @@ const zt = Object.assign(On, {
       ...s === Ze.FIXED && a && { height: o }
     }
   };
-}, el = X(
+}, jl = X(
   ({
     value: e = "",
     onChange: a,
@@ -2634,62 +2659,62 @@ const zt = Object.assign(On, {
     maxLength: s,
     minLength: i,
     autoFocus: o,
-    size: l = he.MEDIUM,
+    size: l = ge.MEDIUM,
     textareaProps: d,
     error: c,
-    disabled: f,
-    loading: p,
-    helper: h,
-    suffix: y,
-    clearable: b = !1,
-    id: m,
+    disabled: p,
+    loading: f,
+    helper: g,
+    suffix: m,
+    clearable: h = !1,
+    id: y,
     showLabel: S = !0,
     onFocus: v,
     onBlur: x,
     onClear: _,
     onKeyDown: w,
     className: L,
-    rows: $ = 1,
+    rows: M = 1,
     showLimit: j = !1,
-    wrapperProps: M,
-    labelProps: A,
+    wrapperProps: $,
+    labelProps: R,
     helperProps: D,
-    showGrip: z,
+    showGrip: P,
     minHeight: F,
     resize: O,
     ...C
-  }, R) => {
-    const B = (e || "").length > 0, U = S && !!r && (l === he.SMALL || F !== 48), V = b && B && !(f || p), Q = () => {
+  }, T) => {
+    const B = (e || "").length > 0, z = S && !!r && (l === ge.SMALL || F !== 48), V = h && B && !(p || f), Q = () => {
       a == null || a(""), _ == null || _();
     }, ie = V ? /* @__PURE__ */ n.jsx(
-      Xt,
+      Qt,
       {
-        size: Jn(l),
+        size: wo(l),
         color: "var(--icon-secondary)",
         onClick: Q,
         style: { cursor: "pointer" },
         "data-testid": "x-icon"
       }
-    ) : y, Z = Xn(l, F, U && B, O), ue = Yn(l, F), ee = {
-      rows: $,
+    ) : m, Z = So(l, F, z && B, O), ue = xo(l, F), ee = {
+      rows: M,
       minLength: i,
       autoFocus: o,
       resize: O,
       ...d
     };
     return /* @__PURE__ */ n.jsx(
-      er,
+      tr,
       {
-        ref: R,
+        ref: T,
         component: "textarea",
         size: ue,
         error: c,
-        disabled: f || p,
-        loading: p,
-        helper: h,
+        disabled: p || f,
+        loading: f,
+        helper: g,
         suffix: ie,
-        id: m,
-        showLabel: U,
+        id: y,
+        showLabel: z,
         onFocus: v,
         onBlur: x,
         onKeyDown: w,
@@ -2697,28 +2722,28 @@ const zt = Object.assign(On, {
         value: e || "",
         placeholder: r,
         className: L,
-        "data-floating-label": U,
+        "data-floating-label": z,
         wrapperStyles: Z.wrapperStyles,
         floatingLabelStyles: Z.floatingLabelStyles,
         suffixStyles: Z.suffixStyles,
         textareaStyles: Z.textareaStyles,
-        wrapperProps: M,
-        labelProps: A,
+        wrapperProps: $,
+        labelProps: R,
         helperProps: D,
-        showLimit: j && (F === 112 || l === he.SMALL),
+        showLimit: j && (F === 112 || l === ge.SMALL),
         maxLength: s,
         inputProps: ee,
         resize: O,
-        showGrip: z,
+        showGrip: P,
         ...C
       }
     );
   }
-), Qn = "_helper_1jq7j_16", dt = {
-  helper: Qn,
+), Lo = "_helper_1jq7j_16", dt = {
+  helper: Lo,
   "helper--error": "_helper--error_1jq7j_28",
   "helper--disabled": "_helper--disabled_1jq7j_33"
-}, tl = ({
+}, kl = ({
   title: e,
   error: a,
   className: r = "",
@@ -2728,40 +2753,40 @@ const zt = Object.assign(On, {
   "aria-label": l,
   "aria-describedby": d
 }) => {
-  const c = !!a, f = k(
+  const c = !!a, p = k(
     dt.helper,
     c && dt["helper--error"],
     i && dt["helper--disabled"],
     r
-  ), p = i ? e : a || e;
+  ), f = i ? e : a || e;
   return /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: f,
+      className: p,
       style: s,
       "data-testid": o,
       "aria-label": l,
       "aria-describedby": d,
-      children: /* @__PURE__ */ n.jsx("p", { children: p })
+      children: /* @__PURE__ */ n.jsx("p", { children: f })
     }
   );
-}, eo = "_radio_1q34w_54", to = "_checked_1q34w_75", ro = "_error_1q34w_80", ao = "_disabled_1q34w_89", so = "_icon_1q34w_125", no = "_small_1q34w_133", oo = "_medium_1q34w_140", io = "_large_1q34w_147", lo = "_label_1q34w_154", co = "_container_1q34w_180", uo = "_input_1q34w_193", _o = "_card_1q34w_200", po = "_smallCard_1q34w_206", fo = "_mediumCard_1q34w_210", ho = "_largeCard_1q34w_214", le = {
-  radio: eo,
-  checked: to,
-  error: ro,
-  disabled: ao,
-  icon: so,
-  small: no,
-  medium: oo,
-  large: io,
-  label: lo,
-  container: co,
-  input: uo,
-  card: _o,
-  smallCard: po,
-  mediumCard: fo,
-  largeCard: ho
-}, bo = "radio-container-", go = "radio-label", tr = X(
+}, Eo = "_radio_1q34w_54", jo = "_checked_1q34w_75", ko = "_error_1q34w_80", $o = "_disabled_1q34w_89", Mo = "_icon_1q34w_125", Io = "_small_1q34w_133", Ro = "_medium_1q34w_140", To = "_large_1q34w_147", No = "_label_1q34w_154", Ao = "_container_1q34w_180", Do = "_input_1q34w_193", Oo = "_card_1q34w_200", Po = "_smallCard_1q34w_206", qo = "_mediumCard_1q34w_210", Bo = "_largeCard_1q34w_214", le = {
+  radio: Eo,
+  checked: jo,
+  error: ko,
+  disabled: $o,
+  icon: Mo,
+  small: Io,
+  medium: Ro,
+  large: To,
+  label: No,
+  container: Ao,
+  input: Do,
+  card: Oo,
+  smallCard: Po,
+  mediumCard: qo,
+  largeCard: Bo
+}, Uo = "radio-container-", zo = "radio-label", rr = X(
   (e, a) => {
     const {
       name: r,
@@ -2771,49 +2796,49 @@ const zt = Object.assign(On, {
       loading: l = !1,
       error: d,
       disabled: c = !1,
-      checked: f = !1,
-      containerClassName: p,
-      className: h,
-      children: y,
-      clickable: b = "all",
-      mode: m = "default",
+      checked: p = !1,
+      containerClassName: f,
+      className: g,
+      children: m,
+      clickable: h = "all",
+      mode: y = "default",
       tabIndex: S,
       style: v,
       containerStyle: x,
       onChange: _,
       "data-testid": w,
       ...L
-    } = e, $ = !!d, j = c || l, M = b === "all", A = m === "card", D = le[`${o}Card`], z = s ?? r, F = (U) => {
-      j || _ == null || _(i, U);
-    }, O = (U) => {
-      U.key === "Enter" && !j && (U.preventDefault(), _ == null || _(i));
-    }, C = (U) => U.stopPropagation(), R = () => /* @__PURE__ */ n.jsxs(
+    } = e, M = !!d, j = c || l, $ = h === "all", R = y === "card", D = le[`${o}Card`], P = s ?? r, F = (z) => {
+      j || _ == null || _(i, z);
+    }, O = (z) => {
+      z.key === "Enter" && !j && (z.preventDefault(), _ == null || _(i));
+    }, C = (z) => z.stopPropagation(), T = () => /* @__PURE__ */ n.jsxs(
       "div",
       {
         className: k(
           le.radio,
           le[o],
           {
-            [le.checked]: f,
+            [le.checked]: p,
             [le.disabled]: j,
-            [le.error]: $ && !j
+            [le.error]: M && !j
           },
-          h
+          g
         ),
         style: v,
         tabIndex: S || 1,
-        "data-testid": `${bo}${z}`,
+        "data-testid": `${Uo}${P}`,
         children: [
           /* @__PURE__ */ n.jsx(
             "input",
             {
               "aria-errormessage": d,
-              "aria-invalid": $,
-              checked: f,
+              "aria-invalid": M,
+              checked: p,
               className: le.input,
-              "data-testid": `radio-${z}`,
+              "data-testid": `radio-${P}`,
               disabled: j,
-              id: z,
+              id: P,
               name: r,
               ref: a,
               type: "radio",
@@ -2822,48 +2847,48 @@ const zt = Object.assign(On, {
               onClick: C
             }
           ),
-          /* @__PURE__ */ n.jsx("svg", { "data-testid": `radio-icon-${z}`, viewBox: "0 0 8 8", className: le.icon, children: /* @__PURE__ */ n.jsx("circle", { cx: 4, cy: 4, fill: "current", r: 4 }) })
+          /* @__PURE__ */ n.jsx("svg", { "data-testid": `radio-icon-${P}`, viewBox: "0 0 8 8", className: le.icon, children: /* @__PURE__ */ n.jsx("circle", { cx: 4, cy: 4, fill: "current", r: 4 }) })
         ]
       }
     ), B = () => /* @__PURE__ */ n.jsxs(
       "label",
       {
-        "aria-checked": f,
+        "aria-checked": p,
         "aria-disabled": j,
-        "data-testid": M ? w : go,
-        htmlFor: z,
+        "data-testid": $ ? w : zo,
+        htmlFor: P,
         style: x,
         className: k(le.label, {
-          [k(le.container, le[m], p)]: M,
-          [D]: M && A
+          [k(le.container, le[y], f)]: $,
+          [D]: $ && R
         }),
         onKeyDown: O,
         ...L,
         children: [
-          R(),
-          M && y
+          T(),
+          $ && m
         ]
       }
     );
-    return M ? B() : /* @__PURE__ */ n.jsxs(
+    return $ ? B() : /* @__PURE__ */ n.jsxs(
       "div",
       {
-        className: k(le.container, le[m], p, {
-          [D]: A
+        className: k(le.container, le[y], f, {
+          [D]: R
         }),
         "data-testid": w,
         children: [
           B(),
-          y
+          m
         ]
       }
     );
   }
-), mo = "_group_o6mjt_7", yo = "_vertical_o6mjt_12", vo = "_horizontal_o6mjt_16", Ut = {
-  group: mo,
-  vertical: yo,
-  horizontal: vo
-}, xo = X(
+), Fo = "_group_o6mjt_7", Wo = "_vertical_o6mjt_12", Vo = "_horizontal_o6mjt_16", zt = {
+  group: Fo,
+  vertical: Wo,
+  horizontal: Vo
+}, Ho = X(
   (e, a) => {
     const {
       id: r,
@@ -2873,31 +2898,31 @@ const zt = Object.assign(On, {
       className: l,
       radioClassName: d,
       disabled: c = !1,
-      layout: f = "vertical",
-      "data-testid": p,
-      ...h
+      layout: p = "vertical",
+      "data-testid": f,
+      ...g
     } = e;
     return /* @__PURE__ */ n.jsx(
       "div",
       {
-        className: Le(Ut.group, Ut[f], l),
-        "data-testid": p ?? `radio-group-${s}`,
+        className: Ee(zt.group, zt[p], l),
+        "data-testid": f ?? `radio-group-${s}`,
         id: r,
         ref: a,
-        children: o.map(({ label: y, value: b, disabled: m }) => {
-          const S = `${s}-${String(b)}`, v = String(b) === String(i);
+        children: o.map(({ label: m, value: h, disabled: y }) => {
+          const S = `${s}-${String(h)}`, v = String(h) === String(i);
           return /* @__PURE__ */ n.jsx(
-            tr,
+            rr,
             {
               id: S,
               checked: v,
               "data-testid": S,
-              disabled: c || m,
+              disabled: c || y,
               name: s,
-              value: b,
+              value: h,
               className: d,
-              ...h,
-              children: y
+              ...g,
+              children: m
             },
             S
           );
@@ -2905,20 +2930,20 @@ const zt = Object.assign(On, {
       }
     );
   }
-), rl = Object.assign(tr, {
-  Group: xo
-}), wo = "_root_1jj3e_25", Co = "_unordered_1jj3e_39", So = "_ordered_1jj3e_43", Lo = "_sm_1jj3e_48", Eo = "_md_1jj3e_59", jo = "_lg_1jj3e_70", ko = "_xl_1jj3e_81", ut = {
-  root: wo,
-  unordered: Co,
-  ordered: So,
-  sm: Lo,
-  md: Eo,
-  lg: jo,
-  xl: ko
-}, $o = (e) => {
+), $l = Object.assign(rr, {
+  Group: Ho
+}), Go = "_root_1jj3e_25", Zo = "_unordered_1jj3e_39", Yo = "_ordered_1jj3e_43", Jo = "_sm_1jj3e_48", Ko = "_md_1jj3e_59", Xo = "_lg_1jj3e_70", Qo = "_xl_1jj3e_81", ut = {
+  root: Go,
+  unordered: Zo,
+  ordered: Yo,
+  sm: Jo,
+  md: Ko,
+  lg: Xo,
+  xl: Qo
+}, ei = (e) => {
   const { children: a, className: r, "data-testid": s = "list-item" } = e;
   return /* @__PURE__ */ n.jsx("li", { "data-testid": s, className: r, children: a });
-}, al = Object.assign(
+}, Ml = Object.assign(
   X((e, a) => {
     const {
       variant: r = "unordered",
@@ -2933,33 +2958,33 @@ const zt = Object.assign(On, {
       {
         "data-testid": l,
         ref: a,
-        className: Le(ut.root, ut[r], ut[o], s),
+        className: Ee(ut.root, ut[r], ut[o], s),
         ...r === "ordered" && d,
         children: i
       }
     );
   }),
-  { Item: $o }
-), Mo = "_wrapper_1v8xn_5", Io = "_viewport_1v8xn_12", Ro = "_mask_1v8xn_26", To = "_maskLeft_1v8xn_37", No = "_maskRight_1v8xn_42", Ao = "_visible_1v8xn_46", Do = "_control_1v8xn_51", Oo = "_xs_1v8xn_70", Po = "_sm_1v8xn_73", Bo = "_md_1v8xn_76", qo = "_left_1v8xn_80", zo = "_right_1v8xn_83", se = {
-  wrapper: Mo,
-  viewport: Io,
-  mask: Ro,
-  maskLeft: To,
-  maskRight: No,
-  visible: Ao,
-  control: Do,
-  xs: Oo,
-  sm: Po,
-  md: Bo,
-  left: qo,
-  right: zo
-}, Uo = "white", Fo = ({
+  { Item: ei }
+), ti = "_wrapper_1v8xn_5", ri = "_viewport_1v8xn_12", ai = "_mask_1v8xn_26", si = "_maskLeft_1v8xn_37", ni = "_maskRight_1v8xn_42", oi = "_visible_1v8xn_46", ii = "_control_1v8xn_51", li = "_xs_1v8xn_70", ci = "_sm_1v8xn_73", di = "_md_1v8xn_76", ui = "_left_1v8xn_80", _i = "_right_1v8xn_83", se = {
+  wrapper: ti,
+  viewport: ri,
+  mask: ai,
+  maskLeft: si,
+  maskRight: ni,
+  visible: oi,
+  control: ii,
+  xs: li,
+  sm: ci,
+  md: di,
+  left: ui,
+  right: _i
+}, pi = "white", fi = ({
   children: e,
   withControls: a = !0,
   className: r,
   size: s
 }) => {
-  const i = Be(null), [o, l] = de(!1), [d, c] = de(!1), { ref: f, bgColor: p } = Yt(), h = f ?? { current: null }, y = p ?? Uo, b = a && o, m = a && d, S = ({ direction: _ }) => /* @__PURE__ */ n.jsx(
+  const i = qe(null), [o, l] = ce(!1), [d, c] = ce(!1), { ref: p, bgColor: f } = Jt(), g = p ?? { current: null }, m = f ?? pi, h = a && o, y = a && d, S = ({ direction: _ }) => /* @__PURE__ */ n.jsx(
     "svg",
     {
       height: "12px",
@@ -2977,49 +3002,49 @@ const zt = Object.assign(On, {
   ), v = () => {
     const _ = i.current;
     if (!_) return;
-    const w = Math.round(_.scrollLeft), L = Math.round(_.scrollLeft + _.clientWidth), $ = Math.round(_.scrollWidth);
-    l(w > 0), c(L < $);
+    const w = Math.round(_.scrollLeft), L = Math.round(_.scrollLeft + _.clientWidth), M = Math.round(_.scrollWidth);
+    l(w > 0), c(L < M);
   }, x = (_) => {
     const w = i.current;
     if (!w) return;
     const L = w.clientWidth;
     w.scrollBy({ left: _ === "left" ? -L : L, behavior: "smooth" });
   };
-  return oe(() => {
+  return de(() => {
     const _ = i.current;
     if (!_) return;
     const w = (L) => {
       Math.abs(L.deltaX) > Math.abs(L.deltaY) || _.scrollWidth > _.clientWidth && (L.preventDefault(), _.scrollBy({ left: L.deltaY, behavior: "auto" }));
     };
     return _.addEventListener("wheel", w, { passive: !1 }), () => _.removeEventListener("wheel", w);
-  }, []), oe(() => {
+  }, []), de(() => {
     v();
     const _ = i.current;
     if (_)
       return _.addEventListener("scroll", v, { passive: !0 }), window.addEventListener("resize", v), () => {
         _.removeEventListener("scroll", v), window.removeEventListener("resize", v);
       };
-  }, []), /* @__PURE__ */ n.jsxs("div", { ref: h, className: k(se.wrapper, r), children: [
-    b && /* @__PURE__ */ n.jsx(
+  }, []), /* @__PURE__ */ n.jsxs("div", { ref: g, className: k(se.wrapper, r), children: [
+    h && /* @__PURE__ */ n.jsx(
       "div",
       {
         className: k(se.mask, se.maskLeft, o && se.visible),
         style: {
-          background: `linear-gradient(to right, ${y} 17%, transparent 80%)`
+          background: `linear-gradient(to right, ${m} 17%, transparent 80%)`
         }
       }
     ),
-    m && /* @__PURE__ */ n.jsx(
+    y && /* @__PURE__ */ n.jsx(
       "div",
       {
         className: k(se.mask, se.maskRight, d && se.visible),
         style: {
-          background: `linear-gradient(to left, ${y} 17%, transparent 80%)`
+          background: `linear-gradient(to left, ${m} 17%, transparent 80%)`
         }
       }
     ),
     /* @__PURE__ */ n.jsx("div", { ref: i, className: se.viewport, children: e }),
-    b && /* @__PURE__ */ n.jsx(
+    h && /* @__PURE__ */ n.jsx(
       "button",
       {
         type: "button",
@@ -3030,7 +3055,7 @@ const zt = Object.assign(On, {
         children: /* @__PURE__ */ n.jsx(S, { direction: "left" })
       }
     ),
-    m && /* @__PURE__ */ n.jsx(
+    y && /* @__PURE__ */ n.jsx(
       "button",
       {
         type: "button",
@@ -3042,34 +3067,34 @@ const zt = Object.assign(On, {
       }
     )
   ] });
-}, Wo = "_tabBar_1ndpm_82", Vo = "_primary_1ndpm_88", Ho = "_secondary_1ndpm_93", Go = "_tab_1ndpm_82", Zo = "_md_1ndpm_125", Yo = "_sm_1ndpm_129", Jo = "_xs_1ndpm_133", Ko = "_disabled_1ndpm_137", Xo = "_selected_1ndpm_143", Qo = "_tabLabel_1ndpm_222", ei = "_tabPrefix_1ndpm_234", ti = "_tabPostfix_1ndpm_270", K = {
-  tabBar: Wo,
-  primary: Vo,
-  secondary: Ho,
-  tab: Go,
-  md: Zo,
-  sm: Yo,
-  xs: Jo,
-  disabled: Ko,
-  selected: Xo,
-  tabLabel: Qo,
-  tabPrefix: ei,
-  tabPostfix: ti
-}, ri = "md", ai = !1, si = 8, ni = "top-right-inside", rr = Ht(null), ar = () => {
-  const e = Gt(rr);
+}, gi = "_tabBar_1ndpm_82", hi = "_primary_1ndpm_88", bi = "_secondary_1ndpm_93", mi = "_tab_1ndpm_82", yi = "_md_1ndpm_125", vi = "_sm_1ndpm_129", xi = "_xs_1ndpm_133", wi = "_disabled_1ndpm_137", Ci = "_selected_1ndpm_143", Si = "_tabLabel_1ndpm_222", Li = "_tabPrefix_1ndpm_234", Ei = "_tabPostfix_1ndpm_270", K = {
+  tabBar: gi,
+  primary: hi,
+  secondary: bi,
+  tab: mi,
+  md: yi,
+  sm: vi,
+  xs: xi,
+  disabled: wi,
+  selected: Ci,
+  tabLabel: Si,
+  tabPrefix: Li,
+  tabPostfix: Ei
+}, ji = "md", ki = !1, $i = 8, Mi = "top-right-inside", ar = Ht(null), sr = () => {
+  const e = Gt(ar);
   if (!e) throw new Error("useTabs должен использоваться внутри TabsProvider");
   return e;
-}, oi = ({
+}, Ii = ({
   children: e,
   defaultActiveTab: a,
   activeTab: r,
   onChange: s
 }) => {
-  const [i, o] = de(a), l = r !== void 0, d = l ? r : i, c = (f) => {
-    l || o(f), s && s(f);
+  const [i, o] = ce(a), l = r !== void 0, d = l ? r : i, c = (p) => {
+    l || o(p), s && s(p);
   };
-  return /* @__PURE__ */ n.jsx(rr.Provider, { value: { activeTab: d, setTab: c }, children: e });
-}, ii = ({
+  return /* @__PURE__ */ n.jsx(ar.Provider, { value: { activeTab: d, setTab: c }, children: e });
+}, Ri = ({
   mode: e,
   item: a,
   isActive: r,
@@ -3081,26 +3106,26 @@ const zt = Object.assign(On, {
 }) => {
   const {
     value: c,
-    label: f,
-    prefix: p,
-    prefixWrapperProps: h = {},
-    postfix: y,
-    postfixWrapperProps: b = {}
-  } = a, { className: m, ...S } = h, { className: v, ...x } = b, _ = {
-    primary: ce["typography-label-3-medium"],
-    secondary: ce["typography-label-3-regular"],
-    prefix: ce["typography-label-3-medium"],
-    postfix: ce["typography-label-3-medium"]
+    label: p,
+    prefix: f,
+    prefixWrapperProps: g = {},
+    postfix: m,
+    postfixWrapperProps: h = {}
+  } = a, { className: y, ...S } = g, { className: v, ...x } = h, _ = {
+    primary: oe["typography-label-3-medium"],
+    secondary: oe["typography-label-3-regular"],
+    prefix: oe["typography-label-3-medium"],
+    postfix: oe["typography-label-3-medium"]
   }, w = {
-    size: si,
-    position: ni,
+    size: $i,
+    position: Mi,
     ...i
   }, L = k(K.tab, K[e], K[o], {
     [K.selected]: r,
     [K.disabled]: l
-  }), $ = k(
+  }), M = k(
     K.tabPrefix,
-    m,
+    y,
     K[e],
     _.prefix,
     {
@@ -3116,51 +3141,51 @@ const zt = Object.assign(On, {
       [K.selected]: r,
       [K.disabled]: l
     }
-  ), M = k(K.tabLabel, K[e], _[e]), A = (z) => {
-    r || l || (d(c), z.currentTarget.scrollIntoView({ behavior: "smooth", inline: "center", block: "nearest" }));
+  ), $ = k(K.tabLabel, K[e], _[e]), R = (P) => {
+    r || l || (d(c), P.currentTarget.scrollIntoView({ behavior: "smooth", inline: "center", block: "nearest" }));
   }, D = /* @__PURE__ */ n.jsxs(
     "button",
     {
       className: L,
       role: "tab",
-      "aria-label": f,
+      "aria-label": p,
       "aria-selected": r,
       "aria-disabled": l,
       "aria-controls": `tab-panel-${c}`,
       "data-testid": `tab-item-${c}`,
-      onClick: A,
+      onClick: R,
       children: [
-        p && /* @__PURE__ */ n.jsx(
+        f && /* @__PURE__ */ n.jsx(
           "span",
           {
-            className: $,
+            className: M,
             ...S,
             "data-testid": `tab-prefix-${c}`,
-            children: p
+            children: f
           }
         ),
-        /* @__PURE__ */ n.jsx("span", { className: M, "data-testid": `tab-label-${c}`, children: f }),
-        y && /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ n.jsx("span", { className: $, "data-testid": `tab-label-${c}`, children: p }),
+        m && /* @__PURE__ */ n.jsx(
           "span",
           {
             className: j,
             ...x,
             "data-testid": `tab-postfix-${c}`,
-            children: y
+            children: m
           }
         )
       ]
     }
   );
   return s ? /* @__PURE__ */ n.jsx(es, { ...w, "data-testid": `tab-badge-${c}`, children: D }) : D;
-}, li = ({
+}, Ti = ({
   mode: e,
   items: a,
-  size: r = ri,
-  isAllItemsDisabled: s = ai
+  size: r = ji,
+  isAllItemsDisabled: s = ki
 }) => {
-  const { activeTab: i, setTab: o } = ar(), l = Qa();
-  return /* @__PURE__ */ n.jsx(Fo, { size: r, withControls: l, children: /* @__PURE__ */ n.jsx(
+  const { activeTab: i, setTab: o } = sr(), l = Qa();
+  return /* @__PURE__ */ n.jsx(fi, { size: r, withControls: l, children: /* @__PURE__ */ n.jsx(
     "div",
     {
       role: "tablist",
@@ -3168,7 +3193,7 @@ const zt = Object.assign(On, {
       "aria-orientation": "horizontal",
       className: k(K.tabBar, K[e]),
       children: a.map((d) => /* @__PURE__ */ n.jsx(
-        ii,
+        Ri,
         {
           size: r,
           item: d,
@@ -3183,7 +3208,7 @@ const zt = Object.assign(On, {
       ))
     }
   ) });
-}, ci = ({ tabValue: e, children: a, ...r }) => /* @__PURE__ */ n.jsx(
+}, Ni = ({ tabValue: e, children: a, ...r }) => /* @__PURE__ */ n.jsx(
   "div",
   {
     role: "tabpanel",
@@ -3192,32 +3217,32 @@ const zt = Object.assign(On, {
     ...r,
     children: a
   }
-), di = ({ children: e, ...a }) => {
-  const { activeTab: r } = ar(), s = Array.isArray(e) ? e : [e], i = (o, l) => _t.isValidElement(o) && typeof o.props == "object" && o.props !== null && l in o.props;
+), Ai = ({ children: e, ...a }) => {
+  const { activeTab: r } = sr(), s = Array.isArray(e) ? e : [e], i = (o, l) => _t.isValidElement(o) && typeof o.props == "object" && o.props !== null && l in o.props;
   return /* @__PURE__ */ n.jsx("div", { "data-testid": "tab-content", ...a, children: s.map((o) => i(o, "tabValue") && String(o.props.tabValue) === r ? o : null) });
-}, sl = {
-  Provider: oi,
-  Content: di,
-  Panel: ci,
-  Bar: li
-}, ui = "_root_1fbbw_34", _i = "_open_1fbbw_51", pi = "_xs_1fbbw_55", fi = "_s_1fbbw_61", hi = "_m_1fbbw_67", bi = "_neutral_1fbbw_73", gi = "_contrast_1fbbw_78", mi = "_accent_1fbbw_84", yi = "_typography_1fbbw_89", vi = "_title_1fbbw_89", xi = "_text_1fbbw_93", wi = "_mediaWrapper_1fbbw_97", Ci = "_content_1fbbw_112", Si = "_closeButton_1fbbw_116", Li = "_hasMedia_1fbbw_142", Ei = "_buttonStack_1fbbw_148", ne = {
-  root: ui,
-  open: _i,
-  xs: pi,
-  s: fi,
-  m: hi,
-  neutral: bi,
-  contrast: gi,
-  accent: mi,
-  typography: yi,
-  title: vi,
-  text: xi,
-  mediaWrapper: wi,
-  content: Ci,
-  closeButton: Si,
-  hasMedia: Li,
-  buttonStack: Ei
-}, ji = () => /* @__PURE__ */ n.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n.jsx("path", { d: "M18 6 6 18M6 6l12 12" }) }), ki = () => /* @__PURE__ */ n.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 9", fill: "currentColor", children: [
+}, Il = {
+  Provider: Ii,
+  Content: Ai,
+  Panel: Ni,
+  Bar: Ti
+}, Di = "_root_1fbbw_34", Oi = "_open_1fbbw_51", Pi = "_xs_1fbbw_55", qi = "_s_1fbbw_61", Bi = "_m_1fbbw_67", Ui = "_neutral_1fbbw_73", zi = "_contrast_1fbbw_78", Fi = "_accent_1fbbw_84", Wi = "_typography_1fbbw_89", Vi = "_title_1fbbw_89", Hi = "_text_1fbbw_93", Gi = "_mediaWrapper_1fbbw_97", Zi = "_content_1fbbw_112", Yi = "_closeButton_1fbbw_116", Ji = "_hasMedia_1fbbw_142", Ki = "_buttonStack_1fbbw_148", ne = {
+  root: Di,
+  open: Oi,
+  xs: Pi,
+  s: qi,
+  m: Bi,
+  neutral: Ui,
+  contrast: zi,
+  accent: Fi,
+  typography: Wi,
+  title: Vi,
+  text: Hi,
+  mediaWrapper: Gi,
+  content: Zi,
+  closeButton: Yi,
+  hasMedia: Ji,
+  buttonStack: Ki
+}, Xi = () => /* @__PURE__ */ n.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n.jsx("path", { d: "M18 6 6 18M6 6l12 12" }) }), Qi = () => /* @__PURE__ */ n.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 9", fill: "currentColor", children: [
   /* @__PURE__ */ n.jsx(
     "path",
     {
@@ -3228,7 +3253,7 @@ const zt = Object.assign(On, {
 ] }), pe = {
   shiftX: 64,
   adjustY: 1
-}, fe = { adjustX: 1, shiftY: !0 }, $i = {
+}, fe = { adjustX: 1, shiftY: !0 }, el = {
   left: {
     points: ["cr", "cl"],
     overflow: fe,
@@ -3289,7 +3314,7 @@ const zt = Object.assign(On, {
     overflow: fe,
     offset: [-22, 0]
   }
-}, Mi = {
+}, tl = {
   left: {
     points: ["cr", "cl"],
     overflow: fe,
@@ -3350,7 +3375,7 @@ const zt = Object.assign(On, {
     overflow: fe,
     offset: [-16, 0]
   }
-}, Ii = {
+}, rl = {
   neutral: {
     1: [{ mode: "secondary", buttonStyle: "neutral", size: "s" }],
     2: [
@@ -3387,8 +3412,8 @@ const zt = Object.assign(On, {
       { mode: "primary", buttonStyle: "accent", size: "s" }
     ]
   }
-}, Ri = (e, a, r) => Math.min(Math.max(e, a), r), Ti = (e, a, r) => {
-  const s = Ri(a, 1, 3), i = Ii[r][s];
+}, al = (e, a, r) => Math.min(Math.max(e, a), r), sl = (e, a, r) => {
+  const s = al(a, 1, 3), i = rl[r][s];
   return i[Math.min(e, i.length - 1)];
 }, Ft = ({
   text: e,
@@ -3400,27 +3425,27 @@ const zt = Object.assign(On, {
   onClose: l,
   buttons: d,
   buttonProps: c,
-  showClose: f
+  showClose: p
 }) => {
-  const p = ["neutral", "accent"].includes(s) ? "contrast" : "primary", h = i === "m", y = !!(a && h), b = !!(r && h), m = d && !!d.length, S = !!(f && h) || !f && h && !m, v = i === "xs" ? 4 : 3;
+  const f = ["neutral", "accent"].includes(s) ? "contrast" : "primary", g = i === "m", m = !!(a && g), h = !!(r && g), y = d && !!d.length, S = !!(p && g) || !p && g && !y, v = i === "xs" ? 4 : 3;
   return /* @__PURE__ */ n.jsxs("div", { className: ne.content, children: [
-    b && /* @__PURE__ */ n.jsx("div", { className: k(ne.mediaWrapper, o.mediaWrapper), children: r }),
+    h && /* @__PURE__ */ n.jsx("div", { className: k(ne.mediaWrapper, o.mediaWrapper), children: r }),
     /* @__PURE__ */ n.jsxs("div", { className: o.textWrapper, children: [
-      y && /* @__PURE__ */ n.jsx(
-        Bt.Subtitle,
+      m && /* @__PURE__ */ n.jsx(
+        qt.Subtitle,
         {
           className: k(ne.typography, ne.title, o.typography),
           size: 1,
           as: "h3",
-          typographyStyle: p,
+          typographyStyle: f,
           children: a
         }
       ),
       /* @__PURE__ */ n.jsx(
-        Bt.Label,
+        qt.Label,
         {
           className: k(ne.typography, ne.text, o.typography),
-          typographyStyle: p,
+          typographyStyle: f,
           size: v,
           children: e
         }
@@ -3431,34 +3456,34 @@ const zt = Object.assign(On, {
       {
         type: "button",
         className: k(ne.closeButton, ne[s], o.closeButton, {
-          [ne.hasMedia]: b
+          [ne.hasMedia]: h
         }),
         onClick: l,
         "aria-label": "Закрыть подсказку",
         "data-testid": "tooltip-close-button",
-        children: /* @__PURE__ */ n.jsx(ji, {})
+        children: /* @__PURE__ */ n.jsx(Xi, {})
       }
     ),
-    h && m && /* @__PURE__ */ n.jsx("div", { className: ne.buttonStack, children: d.map((x, _) => {
+    g && y && /* @__PURE__ */ n.jsx("div", { className: ne.buttonStack, children: d.map((x, _) => {
       const L = {
-        ...Ti(_, d.length, s),
+        ...sl(_, d.length, s),
         ...c,
         ...x
-      }, { closeOnClick: $, ...j } = L, M = (A) => {
+      }, { closeOnClick: M, ...j } = L, $ = (R) => {
         var D;
-        (D = j.onClick) == null || D.call(j, A), $ && (l == null || l());
+        (D = j.onClick) == null || D.call(j, R), M && (l == null || l());
       };
       return /* @__PURE__ */ n.jsx(
-        ba,
+        ha,
         {
           ...j,
-          onClick: M
+          onClick: $
         },
         _
       );
     }) })
   ] });
-}, nl = ({
+}, Rl = ({
   customContent: e,
   children: a,
   placement: r = "top",
@@ -3468,89 +3493,90 @@ const zt = Object.assign(On, {
   showArrow: l = !0,
   showClose: d = !0,
   trigger: c = "hover",
-  variant: f = "neutral",
-  size: p = "s",
-  text: h,
-  title: y,
-  media: b,
-  buttons: m,
+  variant: p = "neutral",
+  size: f = "s",
+  text: g,
+  title: m,
+  media: h,
+  buttons: y,
   buttonProps: S,
   onClose: v,
   ...x
 }) => {
-  const [_, w] = de(!1), [L, $] = de(!1), j = p === "m" ? $i : Mi, M = () => {
+  const [_, w] = ce(!1), [L, M] = ce(!1), j = f === "m" ? el : tl, $ = () => {
     w(!1), v == null || v();
-  }, A = e || (p === "m" ? /* @__PURE__ */ n.jsx(
+  }, R = e || (f === "m" ? /* @__PURE__ */ n.jsx(
     Ft,
     {
       classNames: s,
-      text: h,
-      variant: f,
-      size: p,
-      onClose: M,
-      title: y,
-      media: b,
+      text: g,
+      variant: p,
+      size: f,
+      onClose: $,
+      title: m,
+      media: h,
       showClose: d,
-      buttons: m,
+      buttons: y,
       buttonProps: S
     }
   ) : /* @__PURE__ */ n.jsx(
     Ft,
     {
       classNames: s,
-      text: h,
-      variant: f,
-      size: p,
-      onClose: M
+      text: g,
+      variant: p,
+      size: f,
+      onClose: $
     }
   ));
-  return oe(() => {
+  return de(() => {
     if (_) {
-      const D = requestAnimationFrame(() => $(!0));
+      const D = requestAnimationFrame(() => M(!0));
       return () => cancelAnimationFrame(D);
     }
-    $(!1);
+    M(!1);
   }, [_]), /* @__PURE__ */ n.jsx(
     $r,
     {
       visible: _,
       onVisibleChange: w,
       classNames: {
-        root: k(ne.root, ne[f], ne[p], L && ne.open),
+        root: k(ne.root, ne[p], ne[f], L && ne.open),
         ...x.classNames
       },
       placement: r,
-      overlay: () => A,
+      overlay: () => R,
       trigger: c,
       mouseEnterDelay: i,
       mouseLeaveDelay: o,
       motion: { motionName: "tooltipMotion" },
       builtinPlacements: j,
       showArrow: l ? {
-        content: /* @__PURE__ */ n.jsx(ki, {}),
-        className: `tooltipArrow tooltipArrow-${p}`
+        content: /* @__PURE__ */ n.jsx(Qi, {}),
+        className: `tooltipArrow tooltipArrow-${f}`
       } : !1,
       destroyTooltipOnHide: !0,
       ...x,
       children: a
     }
   );
-}, Ni = "_segmentedControl_1yvz7_5", Ai = "_segment_1yvz7_5", Di = "_activeSegmentIndicator_1yvz7_51", Oi = "_stretched_1yvz7_82", Pi = "_s_1yvz7_5", Bi = "_icon_1yvz7_90", qi = "_label_1yvz7_94", zi = "_m_1yvz7_98", Ui = "_l_1yvz7_94", De = {
-  segmentedControl: Ni,
-  segment: Ai,
-  activeSegmentIndicator: Di,
-  stretched: Oi,
-  s: Pi,
-  icon: Bi,
-  label: qi,
-  m: zi,
-  l: Ui
+}, nl = "_segmentedControl_1ggwv_5", ol = "_segment_1ggwv_5", il = "_activeSegmentIndicator_1ggwv_54", ll = "_selected_1ggwv_78", cl = "_stretched_1ggwv_87", dl = "_disabled_1ggwv_95", ul = "_s_1ggwv_5", _l = "_icon_1ggwv_108", pl = "_label_1ggwv_112", fl = "_m_1ggwv_116", gl = "_l_1ggwv_112", Se = {
+  segmentedControl: nl,
+  segment: ol,
+  activeSegmentIndicator: il,
+  selected: ll,
+  stretched: cl,
+  disabled: dl,
+  s: ul,
+  icon: _l,
+  label: pl,
+  m: fl,
+  l: gl
 }, Wt = {
-  s: ce["typography-label-3-regular"],
-  m: ce["typography-label-2-regular"],
-  l: ce["typography-label-2-regular"]
-}, ol = (e) => {
-  var _;
+  s: oe["typography-label-3-regular"],
+  m: oe["typography-label-2-regular"],
+  l: oe["typography-label-2-regular"]
+}, Tl = (e) => {
   const {
     className: a,
     defaultValue: r,
@@ -3558,76 +3584,83 @@ const zt = Object.assign(On, {
     size: i = "m",
     segments: o,
     stretched: l,
-    mode: d = "label",
-    onChange: c
-  } = e, f = pt(), [p, h] = de(r || o[0].value), [y, b] = de({ width: 0, left: 0 }), m = Be(null);
-  oe(() => {
+    disabled: d = !1,
+    mode: c = "label",
+    onChange: p,
+    ...f
+  } = e, g = pt(), [m, h] = ce(r || o[0].value), [y, S] = ce({ width: 0, left: 0, height: 0 }), v = qe(null);
+  de(() => {
     s && h(s);
-  }, [s]), oe(() => {
-    S();
-  }, [p, o, i, l, d]);
-  const S = () => {
-    if (!(m != null && m.current)) return;
-    const w = m.current.querySelector(
+  }, [s]), Zt(() => {
+    x();
+  }, [m, o, i, l, c]);
+  const x = () => {
+    if (!(v != null && v.current)) return;
+    const w = v.current.querySelector(
       '[data-is-active-segment="true"]'
     );
-    w && b({
+    w && S({
       width: w.offsetWidth,
-      left: w.offsetLeft
+      left: w.offsetLeft,
+      height: w.offsetHeight
     });
-  }, v = (_ = o.find((w) => w.value === p)) == null ? void 0 : _.label, x = (w) => {
-    h(w), c == null || c(w);
+  }, _ = (w) => {
+    d || (h(w), p == null || p(w));
   };
   return (o == null ? void 0 : o.length) === 0 ? null : /* @__PURE__ */ n.jsxs(
     "div",
     {
       className: k(
-        De.segmentedControl,
-        De[i],
-        De[d],
+        Se.segmentedControl,
+        Se[i],
+        Se[c],
         {
-          [De.stretched]: l
+          [Se.stretched]: l,
+          [Se.disabled]: d
         },
         a
       ),
       "data-testid": "segmented-control-container",
-      ref: m,
+      ref: v,
+      ...f,
       children: [
-        o == null ? void 0 : o.map(({ label: w, value: L }, $) => {
-          const j = () => x(L);
+        o == null ? void 0 : o.map(({ label: w, value: L, containerProps: M = {} }, j) => {
+          const { className: $, ...R } = M, D = () => _(L), P = m === L;
           return /* @__PURE__ */ n.jsxs(Oe, { children: [
             /* @__PURE__ */ n.jsx(
               "input",
               {
-                id: f + JSON.stringify(L),
+                id: g + JSON.stringify(L),
                 value: JSON.stringify(L),
                 type: "radio",
-                checked: p === L,
-                onClick: j
+                checked: P,
+                readOnly: !0
               }
             ),
             /* @__PURE__ */ n.jsx(
               "label",
               {
-                "data-is-active-segment": p === L,
-                className: k(De.segment, Wt[i]),
-                htmlFor: f + JSON.stringify(L),
+                "data-is-active-segment": P,
+                className: k(Se.segment, Wt[i], { [Se.selected]: P }, $),
+                htmlFor: g + JSON.stringify(L),
                 "data-testid": "segmented-control-segment",
+                onClick: D,
+                ...R,
                 children: w
               }
             )
-          ] }, Ke(JSON.stringify(L)) + $);
+          ] }, Ke(JSON.stringify(L)) + j);
         }),
         /* @__PURE__ */ n.jsx(
           "div",
           {
-            className: k(De.activeSegmentIndicator, Wt[i]),
-            "data-testid": "segmented-control-active-segment",
+            className: k(Se.activeSegmentIndicator, Wt[i]),
+            "data-testid": "segmented-control-segment-active-indicator",
             style: {
               width: y.width,
-              left: y.left
-            },
-            children: v
+              left: y.left,
+              height: y.height
+            }
           }
         )
       ]
@@ -3635,25 +3668,25 @@ const zt = Object.assign(On, {
   );
 };
 export {
-  Hi as Avatar,
+  yl as Avatar,
   es as Badge,
-  ba as Button,
-  Xi as Checkbox,
-  Yi as ConfigProvider,
-  tl as Helper,
-  Gi as Image,
-  al as List,
-  bs as Loader,
-  rl as Radio,
-  ol as SegmentedControl,
-  sl as Tabs,
-  Ki as Tag,
-  el as TextArea,
-  Qi as TextInput,
-  nl as Tooltip,
-  Bt as Typography,
+  ha as Button,
+  Ll as Checkbox,
+  wl as ConfigProvider,
+  kl as Helper,
+  vl as Image,
+  Ml as List,
+  hs as Loader,
+  $l as Radio,
+  Tl as SegmentedControl,
+  Il as Tabs,
+  Sl as Tag,
+  jl as TextArea,
+  El as TextInput,
+  Rl as Tooltip,
+  qt as Typography,
   ms as enUS,
-  Ji as ruRU,
+  Cl as ruRU,
   ys as useConfig,
-  Zi as useLocale
+  xl as useLocale
 };