skillgrid 0.0.24-dev-38682-image.1170743 → 0.0.25-dev-38682-image.1172030

package/dist/index.es.js

@@ -1,10 +1,10 @@
 import * as Et from "react";
-import Lt, { forwardRef as Q, useState as Oe, useEffect as we, useRef as Ve, useCallback as Ce, Fragment as Mt, createContext as ra, useContext as sa, useLayoutEffect as na, useImperativeHandle as oa, useId as $t } from "react";
-import { clsx as U } from "clsx";
+import Lt, { forwardRef as te, useState as De, useEffect as Ee, useRef as We, useCallback as Se, Fragment as Mt, createContext as ra, useContext as sa, useLayoutEffect as na, useImperativeHandle as oa, useId as $t } from "react";
+import { clsx as B } from "clsx";
 import './index.css';function ia(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Fe = { exports: {} }, Re = {};
+var Be = { exports: {} }, Ie = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -16,19 +16,19 @@ var Fe = { exports: {} }, Re = {};
  */
 var ft;
 function la() {
-  if (ft) return Re;
+  if (ft) return Ie;
   ft = 1;
   var t = Lt, r = Symbol.for("react.element"), a = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, i = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = { key: !0, ref: !0, __self: !0, __source: !0 };
   function c(p, d, f) {
-    var _, g = {}, h = null, b = null;
-    f !== void 0 && (h = "" + f), d.key !== void 0 && (h = "" + d.key), d.ref !== void 0 && (b = d.ref);
-    for (_ in d) s.call(d, _) && !n.hasOwnProperty(_) && (g[_] = d[_]);
-    if (p && p.defaultProps) for (_ in d = p.defaultProps, d) g[_] === void 0 && (g[_] = d[_]);
-    return { $$typeof: r, type: p, key: h, ref: b, props: g, _owner: i.current };
+    var _, h = {}, b = null, y = null;
+    f !== void 0 && (b = "" + f), d.key !== void 0 && (b = "" + d.key), d.ref !== void 0 && (y = d.ref);
+    for (_ in d) s.call(d, _) && !n.hasOwnProperty(_) && (h[_] = d[_]);
+    if (p && p.defaultProps) for (_ in d = p.defaultProps, d) h[_] === void 0 && (h[_] = d[_]);
+    return { $$typeof: r, type: p, key: b, ref: y, props: h, _owner: i.current };
   }
-  return Re.Fragment = a, Re.jsx = c, Re.jsxs = c, Re;
+  return Ie.Fragment = a, Ie.jsx = c, Ie.jsxs = c, Ie;
 }
-var ke = {};
+var Re = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,54 +41,54 @@ var ke = {};
 var gt;
 function ca() {
   return gt || (gt = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = Lt, r = Symbol.for("react.element"), a = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), n = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), p = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), y = Symbol.iterator, w = "@@iterator";
-    function C(e) {
+    var t = Lt, r = Symbol.for("react.element"), a = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), n = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), p = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), v = Symbol.iterator, E = "@@iterator";
+    function w(e) {
       if (e === null || typeof e != "object")
         return null;
-      var l = y && e[y] || e[w];
+      var l = v && e[v] || e[E];
       return typeof l == "function" ? l : null;
     }
-    var S = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function m(e) {
+    var C = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function g(e) {
       {
-        for (var l = arguments.length, u = new Array(l > 1 ? l - 1 : 0), v = 1; v < l; v++)
-          u[v - 1] = arguments[v];
+        for (var l = arguments.length, u = new Array(l > 1 ? l - 1 : 0), x = 1; x < l; x++)
+          u[x - 1] = arguments[x];
         R("error", e, u);
       }
     }
     function R(e, l, u) {
       {
-        var v = S.ReactDebugCurrentFrame, j = v.getStackAddendum();
-        j !== "" && (l += "%s", u = u.concat([j]));
-        var A = u.map(function(L) {
+        var x = C.ReactDebugCurrentFrame, I = x.getStackAddendum();
+        I !== "" && (l += "%s", u = u.concat([I]));
+        var T = u.map(function(L) {
           return String(L);
         });
-        A.unshift("Warning: " + l), Function.prototype.apply.call(console[e], console, A);
+        T.unshift("Warning: " + l), Function.prototype.apply.call(console[e], console, T);
       }
     }
-    var D = !1, k = !1, T = !1, I = !1, B = !1, N;
-    N = Symbol.for("react.module.reference");
-    function W(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === s || e === n || B || e === i || e === f || e === _ || I || e === b || D || k || T || typeof e == "object" && e !== null && (e.$$typeof === h || e.$$typeof === g || e.$$typeof === c || e.$$typeof === p || e.$$typeof === d || // This needs to include all possible module reference object
+    var D = !1, k = !1, $ = !1, A = !1, N = !1, U;
+    U = Symbol.for("react.module.reference");
+    function q(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === s || e === n || N || e === i || e === f || e === _ || A || e === y || D || k || $ || typeof e == "object" && e !== null && (e.$$typeof === b || e.$$typeof === h || e.$$typeof === c || e.$$typeof === p || e.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === N || e.getModuleId !== void 0));
+      e.$$typeof === U || e.getModuleId !== void 0));
     }
-    function x(e, l, u) {
-      var v = e.displayName;
-      if (v)
-        return v;
-      var j = l.displayName || l.name || "";
-      return j !== "" ? u + "(" + j + ")" : u;
+    function W(e, l, u) {
+      var x = e.displayName;
+      if (x)
+        return x;
+      var I = l.displayName || l.name || "";
+      return I !== "" ? u + "(" + I + ")" : u;
     }
-    function V(e) {
+    function O(e) {
       return e.displayName || "Context";
     }
-    function O(e) {
+    function m(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
@@ -110,19 +110,19 @@ function ca() {
         switch (e.$$typeof) {
           case p:
             var l = e;
-            return V(l) + ".Consumer";
+            return O(l) + ".Consumer";
           case c:
             var u = e;
-            return V(u._context) + ".Provider";
+            return O(u._context) + ".Provider";
           case d:
-            return x(e, e.render, "ForwardRef");
-          case g:
-            var v = e.displayName || null;
-            return v !== null ? v : O(e.type) || "Memo";
-          case h: {
-            var j = e, A = j._payload, L = j._init;
+            return W(e, e.render, "ForwardRef");
+          case h:
+            var x = e.displayName || null;
+            return x !== null ? x : m(e.type) || "Memo";
+          case b: {
+            var I = e, T = I._payload, L = I._init;
             try {
-              return O(L(A));
+              return m(L(T));
             } catch {
               return null;
             }
@@ -130,18 +130,18 @@ function ca() {
         }
       return null;
     }
-    var $ = Object.assign, F = 0, H, G, Z, te, ae, re, be;
-    function se() {
+    var j = Object.assign, F = 0, G, H, Q, ae, J, re, se;
+    function de() {
     }
-    se.__reactDisabledLog = !0;
-    function ye() {
+    de.__reactDisabledLog = !0;
+    function ve() {
       {
         if (F === 0) {
-          H = console.log, G = console.info, Z = console.warn, te = console.error, ae = console.group, re = console.groupCollapsed, be = console.groupEnd;
+          G = console.log, H = console.info, Q = console.warn, ae = console.error, J = console.group, re = console.groupCollapsed, se = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: se,
+            value: de,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -157,7 +157,7 @@ function ca() {
         F++;
       }
     }
-    function Se() {
+    function ie() {
       {
         if (F--, F === 0) {
           var e = {
@@ -166,65 +166,65 @@ function ca() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: $({}, e, {
-              value: H
-            }),
-            info: $({}, e, {
+            log: j({}, e, {
               value: G
             }),
-            warn: $({}, e, {
-              value: Z
+            info: j({}, e, {
+              value: H
             }),
-            error: $({}, e, {
-              value: te
+            warn: j({}, e, {
+              value: Q
             }),
-            group: $({}, e, {
+            error: j({}, e, {
               value: ae
             }),
-            groupCollapsed: $({}, e, {
+            group: j({}, e, {
+              value: J
+            }),
+            groupCollapsed: j({}, e, {
               value: re
             }),
-            groupEnd: $({}, e, {
-              value: be
+            groupEnd: j({}, e, {
+              value: se
             })
           });
         }
-        F < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        F < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Ee = S.ReactCurrentDispatcher, ue;
-    function ie(e, l, u) {
+    var ye = C.ReactCurrentDispatcher, ue;
+    function le(e, l, u) {
       {
         if (ue === void 0)
           try {
             throw Error();
-          } catch (j) {
-            var v = j.stack.trim().match(/\n( *(at )?)/);
-            ue = v && v[1] || "";
+          } catch (I) {
+            var x = I.stack.trim().match(/\n( *(at )?)/);
+            ue = x && x[1] || "";
           }
         return `
 ` + ue + e;
       }
     }
-    var _e = !1, le;
+    var me = !1, _e;
     {
-      var me = typeof WeakMap == "function" ? WeakMap : Map;
-      le = new me();
+      var xe = typeof WeakMap == "function" ? WeakMap : Map;
+      _e = new xe();
     }
-    function K(e, l) {
-      if (!e || _e)
+    function Oe(e, l) {
+      if (!e || me)
         return "";
       {
-        var u = le.get(e);
+        var u = _e.get(e);
         if (u !== void 0)
           return u;
       }
-      var v;
-      _e = !0;
-      var j = Error.prepareStackTrace;
+      var x;
+      me = !0;
+      var I = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var A;
-      A = Ee.current, Ee.current = null, ye();
+      var T;
+      T = ye.current, ye.current = null, ve();
       try {
         if (l) {
           var L = function() {
@@ -237,116 +237,116 @@ function ca() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(L, []);
-            } catch (X) {
-              v = X;
+            } catch (ee) {
+              x = ee;
             }
             Reflect.construct(e, [], L);
           } else {
             try {
               L.call();
-            } catch (X) {
-              v = X;
+            } catch (ee) {
+              x = ee;
             }
             e.call(L.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (X) {
-            v = X;
+          } catch (ee) {
+            x = ee;
           }
           e();
         }
-      } catch (X) {
-        if (X && v && typeof X.stack == "string") {
-          for (var E = X.stack.split(`
-`), Y = v.stack.split(`
-`), P = E.length - 1, q = Y.length - 1; P >= 1 && q >= 0 && E[P] !== Y[q]; )
-            q--;
-          for (; P >= 1 && q >= 0; P--, q--)
-            if (E[P] !== Y[q]) {
-              if (P !== 1 || q !== 1)
+      } catch (ee) {
+        if (ee && x && typeof ee.stack == "string") {
+          for (var S = ee.stack.split(`
+`), K = x.stack.split(`
+`), P = S.length - 1, V = K.length - 1; P >= 1 && V >= 0 && S[P] !== K[V]; )
+            V--;
+          for (; P >= 1 && V >= 0; P--, V--)
+            if (S[P] !== K[V]) {
+              if (P !== 1 || V !== 1)
                 do
-                  if (P--, q--, q < 0 || E[P] !== Y[q]) {
+                  if (P--, V--, V < 0 || S[P] !== K[V]) {
                     var ne = `
-` + E[P].replace(" at new ", " at ");
-                    return e.displayName && ne.includes("<anonymous>") && (ne = ne.replace("<anonymous>", e.displayName)), typeof e == "function" && le.set(e, ne), ne;
+` + S[P].replace(" at new ", " at ");
+                    return e.displayName && ne.includes("<anonymous>") && (ne = ne.replace("<anonymous>", e.displayName)), typeof e == "function" && _e.set(e, ne), ne;
                   }
-                while (P >= 1 && q >= 0);
+                while (P >= 1 && V >= 0);
               break;
             }
         }
       } finally {
-        _e = !1, Ee.current = A, Se(), Error.prepareStackTrace = j;
+        me = !1, ye.current = T, ie(), Error.prepareStackTrace = I;
       }
-      var Me = e ? e.displayName || e.name : "", ve = Me ? ie(Me) : "";
-      return typeof e == "function" && le.set(e, ve), ve;
+      var Me = e ? e.displayName || e.name : "", Ce = Me ? le(Me) : "";
+      return typeof e == "function" && _e.set(e, Ce), Ce;
     }
-    function ee(e, l, u) {
-      return K(e, !1);
+    function Ve(e, l, u) {
+      return Oe(e, !1);
     }
-    function ce(e) {
+    function He(e) {
       var l = e.prototype;
       return !!(l && l.isReactComponent);
     }
-    function Ue(e, l, u) {
+    function Z(e, l, u) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return K(e, ce(e));
+        return Oe(e, He(e));
       if (typeof e == "string")
-        return ie(e);
+        return le(e);
       switch (e) {
         case f:
-          return ie("Suspense");
+          return le("Suspense");
         case _:
-          return ie("SuspenseList");
+          return le("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case d:
-            return ee(e.render);
-          case g:
-            return Ue(e.type, l, u);
-          case h: {
-            var v = e, j = v._payload, A = v._init;
+            return Ve(e.render);
+          case h:
+            return Z(e.type, l, u);
+          case b: {
+            var x = e, I = x._payload, T = x._init;
             try {
-              return Ue(A(j), l, u);
+              return Z(T(I), l, u);
             } catch {
             }
           }
         }
       return "";
     }
-    var Ie = Object.prototype.hasOwnProperty, et = {}, tt = S.ReactDebugCurrentFrame;
-    function Be(e) {
+    var Y = Object.prototype.hasOwnProperty, ce = {}, tt = C.ReactDebugCurrentFrame;
+    function Ue(e) {
       if (e) {
-        var l = e._owner, u = Ue(e.type, e._source, l ? l.type : null);
+        var l = e._owner, u = Z(e.type, e._source, l ? l.type : null);
         tt.setExtraStackFrame(u);
       } else
         tt.setExtraStackFrame(null);
     }
-    function Nt(e, l, u, v, j) {
+    function Nt(e, l, u, x, I) {
       {
-        var A = Function.call.bind(Ie);
+        var T = Function.call.bind(Y);
         for (var L in e)
-          if (A(e, L)) {
-            var E = void 0;
+          if (T(e, L)) {
+            var S = void 0;
             try {
               if (typeof e[L] != "function") {
-                var Y = Error((v || "React class") + ": " + u + " type `" + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[L] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw Y.name = "Invariant Violation", Y;
+                var K = Error((x || "React class") + ": " + u + " type `" + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[L] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw K.name = "Invariant Violation", K;
               }
-              E = e[L](l, L, v, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              S = e[L](l, L, x, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (P) {
-              E = P;
+              S = P;
             }
-            E && !(E instanceof Error) && (Be(j), m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", v || "React class", u, L, typeof E), Be(null)), E instanceof Error && !(E.message in et) && (et[E.message] = !0, Be(j), m("Failed %s type: %s", u, E.message), Be(null));
+            S && !(S instanceof Error) && (Ue(I), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", x || "React class", u, L, typeof S), Ue(null)), S instanceof Error && !(S.message in ce) && (ce[S.message] = !0, Ue(I), g("Failed %s type: %s", u, S.message), Ue(null));
           }
       }
     }
     var Dt = Array.isArray;
-    function He(e) {
+    function qe(e) {
       return Dt(e);
     }
     function Ot(e) {
@@ -367,16 +367,16 @@ function ca() {
     }
     function rt(e) {
       if (Ut(e))
-        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ot(e)), at(e);
+        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ot(e)), at(e);
     }
-    var st = S.ReactCurrentOwner, Bt = {
+    var st = C.ReactCurrentOwner, Bt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, nt, ot;
     function Ft(e) {
-      if (Ie.call(e, "ref")) {
+      if (Y.call(e, "ref")) {
         var l = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (l && l.isReactWarning)
           return !1;
@@ -384,7 +384,7 @@ function ca() {
       return e.ref !== void 0;
     }
     function Pt(e) {
-      if (Ie.call(e, "key")) {
+      if (Y.call(e, "key")) {
         var l = Object.getOwnPropertyDescriptor(e, "key").get;
         if (l && l.isReactWarning)
           return !1;
@@ -397,7 +397,7 @@ function ca() {
     function Wt(e, l) {
       {
         var u = function() {
-          nt || (nt = !0, m("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+          nt || (nt = !0, g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
         };
         u.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: u,
@@ -408,7 +408,7 @@ function ca() {
     function Vt(e, l) {
       {
         var u = function() {
-          ot || (ot = !0, m("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+          ot || (ot = !0, g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
         };
         u.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: u,
@@ -416,8 +416,8 @@ function ca() {
         });
       }
     }
-    var Ht = function(e, l, u, v, j, A, L) {
-      var E = {
+    var Ht = function(e, l, u, x, I, T, L) {
+      var S = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
         // Built-in properties that belong on the element
@@ -426,60 +426,60 @@ function ca() {
         ref: u,
         props: L,
         // Record the component responsible for creating this element.
-        _owner: A
+        _owner: T
       };
-      return E._store = {}, Object.defineProperty(E._store, "validated", {
+      return S._store = {}, Object.defineProperty(S._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(E, "_self", {
+      }), Object.defineProperty(S, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: v
-      }), Object.defineProperty(E, "_source", {
+        value: x
+      }), Object.defineProperty(S, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: j
-      }), Object.freeze && (Object.freeze(E.props), Object.freeze(E)), E;
+        value: I
+      }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
     };
-    function qt(e, l, u, v, j) {
+    function qt(e, l, u, x, I) {
       {
-        var A, L = {}, E = null, Y = null;
-        u !== void 0 && (rt(u), E = "" + u), Pt(l) && (rt(l.key), E = "" + l.key), Ft(l) && (Y = l.ref, zt(l, j));
-        for (A in l)
-          Ie.call(l, A) && !Bt.hasOwnProperty(A) && (L[A] = l[A]);
+        var T, L = {}, S = null, K = null;
+        u !== void 0 && (rt(u), S = "" + u), Pt(l) && (rt(l.key), S = "" + l.key), Ft(l) && (K = l.ref, zt(l, I));
+        for (T in l)
+          Y.call(l, T) && !Bt.hasOwnProperty(T) && (L[T] = l[T]);
         if (e && e.defaultProps) {
           var P = e.defaultProps;
-          for (A in P)
-            L[A] === void 0 && (L[A] = P[A]);
+          for (T in P)
+            L[T] === void 0 && (L[T] = P[T]);
         }
-        if (E || Y) {
-          var q = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          E && Wt(L, q), Y && Vt(L, q);
+        if (S || K) {
+          var V = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          S && Wt(L, V), K && Vt(L, V);
         }
-        return Ht(e, E, Y, j, v, st.current, L);
+        return Ht(e, S, K, I, x, st.current, L);
       }
     }
-    var qe = S.ReactCurrentOwner, it = S.ReactDebugCurrentFrame;
+    var Ge = C.ReactCurrentOwner, it = C.ReactDebugCurrentFrame;
     function Le(e) {
       if (e) {
-        var l = e._owner, u = Ue(e.type, e._source, l ? l.type : null);
+        var l = e._owner, u = Z(e.type, e._source, l ? l.type : null);
         it.setExtraStackFrame(u);
       } else
         it.setExtraStackFrame(null);
     }
-    var Ge;
-    Ge = !1;
-    function Ze(e) {
+    var Ze;
+    Ze = !1;
+    function Ye(e) {
       return typeof e == "object" && e !== null && e.$$typeof === r;
     }
     function lt() {
       {
-        if (qe.current) {
-          var e = O(qe.current.type);
+        if (Ge.current) {
+          var e = m(Ge.current.type);
           if (e)
             return `
 
@@ -513,26 +513,26 @@ Check the top-level render call using <` + u + ">.");
         if (ct[u])
           return;
         ct[u] = !0;
-        var v = "";
-        e && e._owner && e._owner !== qe.current && (v = " It was passed a child from " + O(e._owner.type) + "."), Le(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, v), Le(null);
+        var x = "";
+        e && e._owner && e._owner !== Ge.current && (x = " It was passed a child from " + m(e._owner.type) + "."), Le(e), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, x), Le(null);
       }
     }
     function ut(e, l) {
       {
         if (typeof e != "object")
           return;
-        if (He(e))
+        if (qe(e))
           for (var u = 0; u < e.length; u++) {
-            var v = e[u];
-            Ze(v) && dt(v, l);
+            var x = e[u];
+            Ye(x) && dt(x, l);
           }
-        else if (Ze(e))
+        else if (Ye(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var j = C(e);
-          if (typeof j == "function" && j !== e.entries)
-            for (var A = j.call(e), L; !(L = A.next()).done; )
-              Ze(L.value) && dt(L.value, l);
+          var I = w(e);
+          if (typeof I == "function" && I !== e.entries)
+            for (var T = I.call(e), L; !(L = T.next()).done; )
+              Ye(L.value) && dt(L.value, l);
         }
       }
     }
@@ -546,76 +546,76 @@ Check the top-level render call using <` + u + ">.");
           u = l.propTypes;
         else if (typeof l == "object" && (l.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        l.$$typeof === g))
+        l.$$typeof === h))
           u = l.propTypes;
         else
           return;
         if (u) {
-          var v = O(l);
-          Nt(u, e.props, "prop", v, e);
-        } else if (l.PropTypes !== void 0 && !Ge) {
-          Ge = !0;
-          var j = O(l);
-          m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
+          var x = m(l);
+          Nt(u, e.props, "prop", x, e);
+        } else if (l.PropTypes !== void 0 && !Ze) {
+          Ze = !0;
+          var I = m(l);
+          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", I || "Unknown");
         }
-        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Jt(e) {
       {
         for (var l = Object.keys(e.props), u = 0; u < l.length; u++) {
-          var v = l[u];
-          if (v !== "children" && v !== "key") {
-            Le(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), Le(null);
+          var x = l[u];
+          if (x !== "children" && x !== "key") {
+            Le(e), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), Le(null);
             break;
           }
         }
-        e.ref !== null && (Le(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), Le(null));
+        e.ref !== null && (Le(e), g("Invalid attribute `ref` supplied to `React.Fragment`."), Le(null));
       }
     }
     var _t = {};
-    function pt(e, l, u, v, j, A) {
+    function pt(e, l, u, x, I, T) {
       {
-        var L = W(e);
+        var L = q(e);
         if (!L) {
-          var E = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (E += " 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 Y = Gt();
-          Y ? E += Y : E += lt();
+          var S = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (S += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var K = Gt();
+          K ? S += K : S += lt();
           var P;
-          e === null ? P = "null" : He(e) ? P = "array" : e !== void 0 && e.$$typeof === r ? (P = "<" + (O(e.type) || "Unknown") + " />", E = " Did you accidentally export a JSX literal instead of a component?") : P = typeof e, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, E);
+          e === null ? P = "null" : qe(e) ? P = "array" : e !== void 0 && e.$$typeof === r ? (P = "<" + (m(e.type) || "Unknown") + " />", S = " Did you accidentally export a JSX literal instead of a component?") : P = typeof e, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, S);
         }
-        var q = qt(e, l, u, j, A);
-        if (q == null)
-          return q;
+        var V = qt(e, l, u, I, T);
+        if (V == null)
+          return V;
         if (L) {
           var ne = l.children;
           if (ne !== void 0)
-            if (v)
-              if (He(ne)) {
+            if (x)
+              if (qe(ne)) {
                 for (var Me = 0; Me < ne.length; Me++)
                   ut(ne[Me], e);
                 Object.freeze && Object.freeze(ne);
               } else
-                m("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               ut(ne, e);
         }
-        if (Ie.call(l, "key")) {
-          var ve = O(e), X = Object.keys(l).filter(function(aa) {
+        if (Y.call(l, "key")) {
+          var Ce = m(e), ee = Object.keys(l).filter(function(aa) {
             return aa !== "key";
-          }), Ye = X.length > 0 ? "{key: someKey, " + X.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!_t[ve + Ye]) {
-            var ta = X.length > 0 ? "{" + X.join(": ..., ") + ": ...}" : "{}";
-            m(`A props object containing a "key" prop is being spread into JSX:
+          }), Je = ee.length > 0 ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!_t[Ce + Je]) {
+            var ta = ee.length > 0 ? "{" + ee.join(": ..., ") + ": ...}" : "{}";
+            g(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ye, ve, ta, ve), _t[ve + Ye] = !0;
+  <%s key={someKey} {...props} />`, Je, Ce, ta, Ce), _t[Ce + Je] = !0;
           }
         }
-        return e === s ? Jt(q) : Yt(q), q;
+        return e === s ? Jt(V) : Yt(V), V;
       }
     }
     function Kt(e, l, u) {
@@ -625,12 +625,12 @@ React keys must be passed directly to JSX without using spread:
       return pt(e, l, u, !1);
     }
     var Qt = Xt, ea = Kt;
-    ke.Fragment = s, ke.jsx = Qt, ke.jsxs = ea;
-  }()), ke;
+    Re.Fragment = s, Re.jsx = Qt, Re.jsxs = ea;
+  }()), Re;
 }
 var ht;
 function da() {
-  return ht || (ht = 1, process.env.NODE_ENV === "production" ? Fe.exports = la() : Fe.exports = ca()), Fe.exports;
+  return ht || (ht = 1, process.env.NODE_ENV === "production" ? Be.exports = la() : Be.exports = ca()), Be.exports;
 }
 var o = da();
 const ua = (t) => t.as === "a", _a = (t) => t.as === void 0 || t.as === "button", pa = "_button_1abee_213", fa = "_disabled_1abee_237", ga = "_loading_1abee_237", ha = "_neutral_1abee_259", ba = "_accent_1abee_263", ya = "_positive_1abee_267", ma = "_negative_1abee_271", va = "_contrast_1abee_275", xa = "_special_1abee_279", Ca = "_primary_1abee_284", wa = "_secondary_1abee_285", Sa = "_tertiary_1abee_286", Ea = "_label_1abee_321", La = "_rightGroup_1abee_333", Ma = "_iconOnly_1abee_349", $a = "_large_1abee_357", ja = "_medium_1abee_361", Ia = "_small_1abee_365", Ra = "_spaceBetween_1abee_370", ka = "_stretched_1abee_384", Ta = "_icon_1abee_349", Aa = "_badge_1abee_705", Na = "_badgeMedium_1abee_721", Da = "_circular_1abee_738", Oa = "_badgeSmall_1abee_743", Ua = "_badgeExtraSmall_1abee_765", Ba = "_withSubcaption_1abee_784", Fa = "_subcaption_1abee_797", Pa = "_loader_1abee_804", za = "_spin_1abee_1", Wa = "_l_1abee_237", Va = "_m_1abee_361", Ha = "_s_1abee_279", qa = "_xs_1abee_869", z = {
@@ -682,16 +682,16 @@ const ua = (t) => t.as === "a", _a = (t) => t.as === void 0 || t.as === "button"
 }) => {
   if (t)
     return /* @__PURE__ */ o.jsx("span", { className: z.loader, "data-testid": "button-loader", "aria-hidden": "true" });
-  const _ = s === "extra-small", g = parseInt(String(a), 10), h = !isNaN(g) && g >= 0 && g <= 9;
+  const _ = s === "extra-small", h = parseInt(String(a), 10), b = !isNaN(h) && h >= 0 && h <= 9;
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     r && (a || _) && /* @__PURE__ */ o.jsx(
       "span",
       {
         "data-testid": "button-badge",
-        className: U(
+        className: B(
           z.badge,
           z[`badge${_ ? "ExtraSmall" : s === "medium" ? "Medium" : "Small"}`],
-          { [z.circular]: h && !_ }
+          { [z.circular]: b && !_ }
         ),
         children: !_ && a
       }
@@ -707,7 +707,7 @@ const ua = (t) => t.as === "a", _a = (t) => t.as === void 0 || t.as === "button"
       ] })
     ] }) : /* @__PURE__ */ o.jsx("span", { "data-testid": "button-icon", className: z.icon, children: i })
   ] });
-}, Rn = Q((t, r) => {
+}, Rn = te((t, r) => {
   const {
     mode: a = "primary",
     size: s = "m",
@@ -718,129 +718,129 @@ const ua = (t) => t.as === "a", _a = (t) => t.as === void 0 || t.as === "button"
     badgeSize: d = "small",
     badgeValue: f,
     showSubcaption: _ = !1,
-    subcaption: g,
-    stretched: h = !1,
-    spaceBetween: b = !1,
-    icon: y,
-    postfix: w,
-    className: C,
-    children: S
-  } = t, m = c, R = n, D = !m && !R, k = !!y && !S, T = U(
+    subcaption: h,
+    stretched: b = !1,
+    spaceBetween: y = !1,
+    icon: v,
+    postfix: E,
+    className: w,
+    children: C
+  } = t, g = c, R = n, D = !g && !R, k = !!v && !C, $ = B(
     z.button,
     z[s],
     z[a],
     z[i],
     {
-      [z.disabled]: m,
+      [z.disabled]: g,
       [z.loading]: R,
-      [z.stretched]: h,
-      [z.spaceBetween]: b && h,
-      [z.withSubcaption]: _ && g && s !== "s" && s !== "xs",
+      [z.stretched]: b,
+      [z.spaceBetween]: y && b,
+      [z.withSubcaption]: _ && h && s !== "s" && s !== "xs",
       [z.iconOnly]: k
     },
-    C
-  ), I = {
+    w
+  ), A = {
     isLoading: R,
     showBadge: p,
     badgeValue: f,
     badgeSize: d,
-    icon: y,
-    children: S,
-    postfix: w,
+    icon: v,
+    children: C,
+    postfix: E,
     showSubcaption: _,
-    subcaption: g,
+    subcaption: h,
     size: s
   };
   if (ua(t)) {
     const {
-      href: B,
-      onClick: N,
-      mode: W,
-      size: x,
-      buttonStyle: V,
-      loading: O,
-      disabled: $,
+      href: N,
+      onClick: U,
+      mode: q,
+      size: W,
+      buttonStyle: O,
+      loading: m,
+      disabled: j,
       showBadge: F,
-      badgeSize: H,
-      badgeValue: G,
-      showSubcaption: Z,
-      subcaption: te,
-      stretched: ae,
+      badgeSize: G,
+      badgeValue: H,
+      showSubcaption: Q,
+      subcaption: ae,
+      stretched: J,
       spaceBetween: re,
-      icon: be,
-      postfix: se,
-      className: ye,
-      tabIndex: Se,
-      children: Ee,
+      icon: se,
+      postfix: de,
+      className: ve,
+      tabIndex: ie,
+      children: ye,
       "data-testid": ue,
-      style: ie,
-      ..._e
-    } = t, le = (me) => {
-      D && N && N(me);
+      style: le,
+      ...me
+    } = t, _e = (xe) => {
+      D && U && U(xe);
     };
     return /* @__PURE__ */ o.jsx(
       "a",
       {
         ref: r,
-        className: T,
-        href: D ? B : void 0,
+        className: $,
+        href: D ? N : void 0,
         tabIndex: t.tabIndex,
-        onClick: le,
+        onClick: _e,
         "data-testid": ue,
-        "aria-disabled": m || R,
-        style: ie,
-        ..._e,
-        children: /* @__PURE__ */ o.jsx(bt, { ...I })
+        "aria-disabled": g || R,
+        style: le,
+        ...me,
+        children: /* @__PURE__ */ o.jsx(bt, { ...A })
       }
     );
   }
   if (_a(t)) {
     const {
-      type: B = "button",
-      onClick: N,
-      mode: W,
-      size: x,
-      buttonStyle: V,
-      loading: O,
-      disabled: $,
+      type: N = "button",
+      onClick: U,
+      mode: q,
+      size: W,
+      buttonStyle: O,
+      loading: m,
+      disabled: j,
       showBadge: F,
-      badgeSize: H,
-      badgeValue: G,
-      showSubcaption: Z,
-      subcaption: te,
-      stretched: ae,
+      badgeSize: G,
+      badgeValue: H,
+      showSubcaption: Q,
+      subcaption: ae,
+      stretched: J,
       spaceBetween: re,
-      icon: be,
-      postfix: se,
-      className: ye,
-      tabIndex: Se,
-      children: Ee,
+      icon: se,
+      postfix: de,
+      className: ve,
+      tabIndex: ie,
+      children: ye,
       "data-testid": ue,
-      style: ie,
-      ..._e
-    } = t, le = (me) => {
-      D && N && N(me);
+      style: le,
+      ...me
+    } = t, _e = (xe) => {
+      D && U && U(xe);
     };
     return /* @__PURE__ */ o.jsx(
       "button",
       {
         ref: r,
-        type: B,
-        className: T,
-        disabled: m,
+        type: N,
+        className: $,
+        disabled: g,
         tabIndex: t.tabIndex,
-        onClick: le,
+        onClick: _e,
         "data-testid": ue,
-        "aria-disabled": m || R,
-        style: ie,
-        ..._e,
-        children: /* @__PURE__ */ o.jsx(bt, { ...I })
+        "aria-disabled": g || R,
+        style: le,
+        ...me,
+        children: /* @__PURE__ */ o.jsx(bt, { ...A })
       }
     );
   }
   return null;
 });
-var Je = { exports: {} };
+var Ke = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -877,10 +877,10 @@ function Ga() {
       }
       t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
     })();
-  }(Je)), Je.exports;
+  }(Ke)), Ke.exports;
 }
 var Za = Ga();
-const Ne = /* @__PURE__ */ ia(Za), Ya = "_avatar_1kyiq_17", Ja = "_clickable_1kyiq_41", Ka = "_icon_1kyiq_58", Xa = "_disabled_1kyiq_63", Qa = "_loading_1kyiq_68", er = "_image_1kyiq_74", tr = "_name_1kyiq_74", de = {
+const Ae = /* @__PURE__ */ ia(Za), Ya = "_avatar_1kyiq_17", Ja = "_clickable_1kyiq_41", Ka = "_icon_1kyiq_58", Xa = "_disabled_1kyiq_63", Qa = "_loading_1kyiq_68", er = "_image_1kyiq_74", tr = "_name_1kyiq_74", pe = {
   avatar: Ya,
   clickable: Ja,
   icon: Ka,
@@ -901,7 +901,7 @@ const Ne = /* @__PURE__ */ ia(Za), Ya = "_avatar_1kyiq_17", Ja = "_clickable_1ky
   "color-contrast": "_color-contrast_1kyiq_167",
   "variant-light": "_variant-light_1kyiq_173",
   "variant-outline": "_variant-outline_1kyiq_245"
-}, De = {
+}, Ne = {
   "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",
@@ -929,7 +929,7 @@ const Ne = /* @__PURE__ */ ia(Za), Ya = "_avatar_1kyiq_17", Ja = "_clickable_1ky
 function ar(t) {
   return t < mt ? `+${t}` : `${mt}+`;
 }
-function Qe(t) {
+function et(t) {
   const r = typeof t == "string" ? t : JSON.stringify(t);
   let a = 5381;
   for (let s = 0; s < r.length; s++) {
@@ -949,7 +949,7 @@ const rr = [
 ];
 function sr(t, r = rr) {
   if (!t) return "gray";
-  const a = Qe(t), s = Math.abs(a) % r.length;
+  const a = et(t), s = Math.abs(a) % r.length;
   return r[s];
 }
 const vt = 2;
@@ -991,7 +991,7 @@ const cr = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
   female: dr,
   org: _r,
   neutral: ur
-}, ze = Q((t, r) => {
+}, Pe = te((t, r) => {
   const {
     style: a,
     size: s = 40,
@@ -1002,82 +1002,82 @@ const cr = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
     placeholderType: d = "neutral",
     name: f,
     imgSrc: _,
-    imgAlt: g,
-    icon: h,
-    imgProps: b,
-    colorScheme: y,
-    className: w,
-    "data-testid": C,
-    ...S
-  } = t, { onClick: m, onPointerDown: R } = S, k = !n && !i && (!!m || !!R), [T, I] = Oe(!1);
-  we(() => {
-    _ && I(!1);
+    imgAlt: h,
+    icon: b,
+    imgProps: y,
+    colorScheme: v,
+    className: E,
+    "data-testid": w,
+    ...C
+  } = t, { onClick: g, onPointerDown: R } = C, k = !n && !i && (!!g || !!R), [$, A] = De(!1);
+  Ee(() => {
+    _ && A(!1);
   }, [_]);
-  const B = _ && !T ? "image" : h ? "icon" : f ? "name" : "placeholder", N = y || B === "name" && sr(f) || "gray", W = lr(s), x = jt(s, c), V = U(
-    w,
-    de.avatar,
-    de[`variant-${p}`],
-    de[`color-${N}`],
-    De[W],
+  const N = _ && !$ ? "image" : b ? "icon" : f ? "name" : "placeholder", U = v || N === "name" && sr(f) || "gray", q = lr(s), W = jt(s, c), O = B(
+    E,
+    pe.avatar,
+    pe[`variant-${p}`],
+    pe[`color-${U}`],
+    Ne[q],
     {
-      [de.disabled]: n,
-      [de.loading]: i,
-      [de.clickable]: k
+      [pe.disabled]: n,
+      [pe.loading]: i,
+      [pe.clickable]: k
     }
-  ), O = {
+  ), m = {
     "--avatar-size": `${s}px`,
-    "--avatar-border-radius": `${x}px`,
+    "--avatar-border-radius": `${W}px`,
     ...a
-  }, $ = {
-    icon: () => /* @__PURE__ */ o.jsx("span", { "data-testid": "avatar-icon", title: g || void 0, role: "img", className: de.icon, children: h == null ? void 0 : h({}) }),
+  }, j = {
+    icon: () => /* @__PURE__ */ o.jsx("span", { "data-testid": "avatar-icon", title: h || void 0, role: "img", className: pe.icon, children: b == null ? void 0 : b({}) }),
     name: () => /* @__PURE__ */ o.jsx(
       "span",
       {
         role: "textbox",
         "data-testid": "avatar-name",
-        className: de.name,
-        title: g || void 0,
+        className: pe.name,
+        title: h || void 0,
         children: nr(f || "")
       }
     ),
     placeholder: () => /* @__PURE__ */ o.jsx(
       "img",
       {
-        ...b,
+        ...y,
         "data-testid": "avatar-placeholder",
-        className: de.image,
+        className: pe.image,
         src: pr[d],
-        alt: g || void 0
+        alt: h || void 0
       }
     ),
     image: () => /* @__PURE__ */ o.jsx(
       "img",
       {
         "data-testid": "avatar-image",
-        ...b,
-        className: de.image,
+        ...y,
+        className: pe.image,
         src: _ || void 0,
-        alt: g || void 0,
-        onLoad: () => I(!1),
-        onError: (H) => {
-          var G;
-          I(!0), (G = b == null ? void 0 : b.onError) == null || G.call(b, H);
+        alt: h || void 0,
+        onLoad: () => A(!1),
+        onError: (G) => {
+          var H;
+          A(!0), (H = y == null ? void 0 : y.onError) == null || H.call(y, G);
         }
       }
     )
-  }, F = (H) => {
-    k && (m == null || m(H));
+  }, F = (G) => {
+    k && (g == null || g(G));
   };
   return /* @__PURE__ */ o.jsx(
     "div",
     {
       ref: r,
       onClick: F,
-      className: V,
-      style: O,
-      "data-testid": C,
+      className: O,
+      style: m,
+      "data-testid": w,
       "aria-disabled": n || i,
-      children: $[B](null)
+      children: j[N](null)
     }
   );
 }), fr = "_avatarGroup_157g4_1", gr = {
@@ -1111,7 +1111,7 @@ const yr = 3, mr = (t) => {
     shape: i = "circle",
     overflowCount: n = 0,
     overflowProps: c
-  } = t, p = a * s, d = -p + yr, f = jt(a, i), g = Ve(hr()).current.toString(), h = Ne(gr.avatarGroup), b = br(
+  } = t, p = a * s, d = -p + yr, f = jt(a, i), h = We(hr()).current.toString(), b = Ae(gr.avatarGroup), y = br(
     a,
     a,
     a - p,
@@ -1122,22 +1122,22 @@ const yr = 3, mr = (t) => {
     a,
     f
   );
-  return r.length === 0 ? null : /* @__PURE__ */ o.jsxs("div", { className: h, children: [
-    r.map((y, w, C) => {
-      const S = w + 1 >= C.length;
-      if (y.wrapper) {
-        const m = y.wrapper;
+  return r.length === 0 ? null : /* @__PURE__ */ o.jsxs("div", { className: b, children: [
+    r.map((v, E, w) => {
+      const C = E + 1 >= w.length;
+      if (v.wrapper) {
+        const g = v.wrapper;
         return /* @__PURE__ */ o.jsx(
           "div",
           {
             style: {
               // Для последнего видимого аватара без overflowCount не применяем обрезку
-              clipPath: S && !n ? void 0 : `url(#${g})`,
+              clipPath: C && !n ? void 0 : `url(#${h})`,
               marginRight: d
             },
-            children: /* @__PURE__ */ o.jsx(m, { children: /* @__PURE__ */ o.jsx(ze, { size: a, shape: i, ...y }) })
+            children: /* @__PURE__ */ o.jsx(g, { children: /* @__PURE__ */ o.jsx(Pe, { size: a, shape: i, ...v }) })
           },
-          Qe(y) + w
+          et(v) + E
         );
       }
       return /* @__PURE__ */ o.jsx(
@@ -1145,16 +1145,16 @@ const yr = 3, mr = (t) => {
         {
           style: {
             // Для последнего видимого аватара без overflowCount не применяем обрезку
-            clipPath: S && !n ? void 0 : `url(#${g})`,
+            clipPath: C && !n ? void 0 : `url(#${h})`,
             marginRight: d
           },
-          children: /* @__PURE__ */ o.jsx(ze, { size: a, shape: i, ...y })
+          children: /* @__PURE__ */ o.jsx(Pe, { size: a, shape: i, ...v })
         },
-        Qe(y) + w
+        et(v) + E
       );
     }),
     n > 0 && /* @__PURE__ */ o.jsx("div", { style: { marginRight: d }, children: /* @__PURE__ */ o.jsx(
-      ze,
+      Pe,
       {
         size: a,
         shape: i,
@@ -1164,11 +1164,11 @@ const yr = 3, mr = (t) => {
         ...c
       }
     ) }),
-    /* @__PURE__ */ o.jsx("svg", { width: "0", height: "0", children: /* @__PURE__ */ o.jsx("clipPath", { id: `${g}`, children: /* @__PURE__ */ o.jsx("path", { clipPathUnits: "objectBoundingBox", d: b, clipRule: "evenodd" }) }) })
+    /* @__PURE__ */ o.jsx("svg", { width: "0", height: "0", children: /* @__PURE__ */ o.jsx("clipPath", { id: `${h}`, children: /* @__PURE__ */ o.jsx("path", { clipPathUnits: "objectBoundingBox", d: y, clipRule: "evenodd" }) }) })
   ] });
-}, kn = Object.assign(ze, {
+}, kn = Object.assign(Pe, {
   Group: mr
-}), vr = "_wrapper_ecbsu_5", xr = "_badge__container_ecbsu_6", Cr = "_badge__content_ecbsu_7", wr = "_interactive_ecbsu_20", Sr = "_disabled_ecbsu_21", Er = "_icon_ecbsu_22", pe = {
+}), vr = "_wrapper_ecbsu_5", xr = "_badge__container_ecbsu_6", Cr = "_badge__content_ecbsu_7", wr = "_interactive_ecbsu_20", Sr = "_disabled_ecbsu_21", Er = "_icon_ecbsu_22", fe = {
   wrapper: vr,
   badge__container: xr,
   badge__content: Cr,
@@ -1216,14 +1216,14 @@ const yr = 3, mr = (t) => {
   }
   return null;
 }, $r = () => {
-  const t = Ve(null), [r, a] = Oe(null);
-  return we(() => {
+  const t = We(null), [r, a] = De(null);
+  return Ee(() => {
     if (t.current) {
       const s = Mr(t.current);
       a(s);
     }
   }, []), { ref: t, bgColor: r };
-}, Tn = Q((t, r) => {
+}, Tn = te((t, r) => {
   const {
     icon: a,
     children: s,
@@ -1234,59 +1234,59 @@ const yr = 3, mr = (t) => {
     size: d = 20,
     position: f = "top-right",
     positionOffset: _ = { x: 0, y: 0 },
-    cutoutBackground: g,
-    isDisabled: h,
-    className: b,
-    "data-testid": y = "badge",
-    ...w
-  } = t, { onClick: C, onPointerDown: S } = w, { ref: m, bgColor: R } = $r(), D = g || R, T = !h && (!!C || !!S), I = Ne(pe.badge__container, pe[`position-${f}`]), B = Ne(
-    b,
-    pe.badge__content,
-    pe[`color-${p}`],
-    pe[`variant-${i}`],
+    cutoutBackground: h,
+    isDisabled: b,
+    className: y,
+    "data-testid": v = "badge",
+    ...E
+  } = t, { onClick: w, onPointerDown: C } = E, { ref: g, bgColor: R } = $r(), D = h || R, $ = !b && (!!w || !!C), A = Ae(fe.badge__container, fe[`position-${f}`]), N = Ae(
+    y,
+    fe.badge__content,
+    fe[`color-${p}`],
+    fe[`variant-${i}`],
     {
-      [pe.disabled]: h,
-      [pe.icon]: !!a,
-      [pe.interactive]: T
+      [fe.disabled]: b,
+      [fe.icon]: !!a,
+      [fe.interactive]: $
     }
-  ), N = {
+  ), U = {
     "--badge-height": `${d}px`,
     "--badge-offset-x": `${_.x}px`,
     "--badge-offset-y": `${_.y}px`,
     ...D && { "--badge-cutout-bg": D },
     ...i === "transparent" && { "--badge-cutout-bg": "transparent" }
-  }, W = (a == null ? void 0 : a({})) || n, x = (V) => {
-    T && (C == null || C(V));
+  }, q = (a == null ? void 0 : a({})) || n, W = (O) => {
+    $ && (w == null || w(O));
   };
-  return /* @__PURE__ */ o.jsxs("div", { className: pe.wrapper, ref: m, "data-testid": y + "-wrapper", children: [
+  return /* @__PURE__ */ o.jsxs("div", { className: fe.wrapper, ref: g, "data-testid": v + "-wrapper", children: [
     s,
     !c && /* @__PURE__ */ o.jsx(
       "span",
       {
-        className: I,
-        style: N,
-        "data-testid": y + "-container",
+        className: A,
+        style: U,
+        "data-testid": v + "-container",
         children: /* @__PURE__ */ o.jsx(
           "span",
           {
-            ...w,
-            onClick: x,
-            className: B,
-            "data-testid": y + "-content",
+            ...E,
+            onClick: W,
+            className: N,
+            "data-testid": v + "-content",
             ref: r,
-            "aria-disabled": h,
-            children: W
+            "aria-disabled": b,
+            children: q
           }
         )
       }
     )
   ] });
-}), jr = "_container_1gkrm_7", Ir = "_loading_1gkrm_17", Rr = "_error_1gkrm_18", kr = "_image_1gkrm_22", Te = {
+}), jr = "_container_1gkrm_7", Ir = "_loading_1gkrm_17", Rr = "_error_1gkrm_18", kr = "_image_1gkrm_22", ke = {
   container: jr,
   loading: Ir,
   error: Rr,
   image: kr
-}, Tr = "_loader_isv17_1", Ar = "_spin_isv17_1", Nr = "_accent_isv17_19", Dr = "_neutral_isv17_23", Or = "_positive_isv17_27", Ur = "_negative_isv17_31", Br = "_gray_isv17_35", Fr = "_special_isv17_39", Pr = "_contrast_isv17_43", zr = "_container_isv17_47", Wr = "_overlay_isv17_57", Ae = {
+}, Tr = "_loader_isv17_1", Ar = "_spin_isv17_1", Nr = "_accent_isv17_19", Dr = "_neutral_isv17_23", Or = "_positive_isv17_27", Ur = "_negative_isv17_31", Br = "_gray_isv17_35", Fr = "_special_isv17_39", Pr = "_contrast_isv17_43", zr = "_container_isv17_47", Wr = "_overlay_isv17_57", Te = {
   loader: Tr,
   spin: Ar,
   accent: Nr,
@@ -1303,7 +1303,7 @@ const yr = 3, mr = (t) => {
   "size-48": "_size-48_isv17_80",
   "size-64": "_size-64_isv17_84",
   "size-96": "_size-96_isv17_88"
-}, It = Q(
+}, It = te(
   ({
     size: t = 24,
     variant: r = "accent",
@@ -1312,10 +1312,10 @@ const yr = 3, mr = (t) => {
     style: i,
     ...n
   }, c) => {
-    const p = Ne(
-      Ae.loader,
-      Ae[r],
-      Ae[`size-${t}`],
+    const p = Ae(
+      Te.loader,
+      Te[r],
+      Te[`size-${t}`],
       a
     );
     return /* @__PURE__ */ o.jsx(
@@ -1341,7 +1341,7 @@ const yr = 3, mr = (t) => {
       }
     );
   }
-), Vr = Q((t, r) => {
+), Vr = te((t, r) => {
   const {
     loading: a = !1,
     size: s = 24,
@@ -1351,12 +1351,12 @@ const yr = 3, mr = (t) => {
     style: p,
     "data-testid": d,
     ...f
-  } = t, _ = Ne(Ae.container, c);
+  } = t, _ = Ae(Te.container, c);
   return /* @__PURE__ */ o.jsxs("div", { ref: r, className: _, style: p, "data-testid": d, ...f, children: [
     n,
-    a && /* @__PURE__ */ o.jsx("div", { className: Ae.overlay, children: /* @__PURE__ */ o.jsx(It, { size: s, variant: i, "data-testid": `${d}-spinner` }) })
+    a && /* @__PURE__ */ o.jsx("div", { className: Te.overlay, children: /* @__PURE__ */ o.jsx(It, { size: s, variant: i, "data-testid": `${d}-spinner` }) })
   ] });
-}), Hr = Q((t, r) => t.children ? /* @__PURE__ */ o.jsx(
+}), Hr = te((t, r) => t.children ? /* @__PURE__ */ o.jsx(
   Vr,
   {
     ref: r,
@@ -1383,7 +1383,7 @@ const yr = 3, mr = (t) => {
       }
     )
   }
-), An = Q((t, r) => {
+), An = te((t, r) => {
   const {
     alt: a = "",
     loading: s = "lazy",
@@ -1394,28 +1394,28 @@ const yr = 3, mr = (t) => {
     "data-testid": d = "image",
     onError: f,
     onLoad: _,
-    ...g
-  } = t, [h, b] = Oe("loading"), y = h === "error", w = (n || h === "loading") && !y, C = h === "loaded" && !n, S = U(
-    Te.container,
+    ...h
+  } = t, [b, y] = De("loading"), v = b === "error", E = (n || b === "loading") && !v, w = b === "loaded" && !n, C = B(
+    ke.container,
     {
-      [Te.loading]: w,
-      [Te.error]: y
+      [ke.loading]: E && !w,
+      [ke.error]: v && !w
     },
     p
-  ), m = U(
-    Te.image,
+  ), g = B(
+    ke.image,
     {
-      [Te.loading]: w
+      [ke.loading]: E
     },
     c
-  ), R = Ce(
-    (T) => {
-      b("loaded"), _ == null || _(T);
+  ), R = Se(
+    ($) => {
+      y("loaded"), _ == null || _($);
     },
     [_]
-  ), D = Ce(
-    (T) => {
-      b("error"), f == null || f(T);
+  ), D = Se(
+    ($) => {
+      y("error"), f == null || f($);
     },
     [f]
   ), k = {
@@ -1441,20 +1441,20 @@ const yr = 3, mr = (t) => {
         "data-testid": d,
         loading: s,
         src: i,
-        className: m
+        className: g
       }
     )
   };
-  return we(() => {
+  return Ee(() => {
     if (!i) {
-      b("error");
+      y("error");
       return;
     }
-    b("loading");
-  }, [i]), /* @__PURE__ */ o.jsxs("div", { className: S, "data-testid": `${d}-container`, ...g, children: [
-    w && k.loader,
-    y && k.error,
-    C && k.image
+    y("loading");
+  }, [i]), /* @__PURE__ */ o.jsxs("div", { className: C, "data-testid": `${d}-container`, ...h, children: [
+    E && k.loader,
+    v && k.error,
+    w && k.image
   ] });
 }), Gr = {}, Rt = ra({
   locale: Gr
@@ -1483,11 +1483,11 @@ const yr = 3, mr = (t) => {
     "div",
     {
       "data-testid": "ConfigProvider-component",
-      className: U(Yr, Jr, Kr, s)
+      className: B(Yr, Jr, Kr, s)
     }
   ),
   /* @__PURE__ */ o.jsx(Rt.Provider, { value: { locale: t }, children: a })
-] })), On = {}, Xr = "_tag_1llsi_1", Qr = "_label_1llsi_16", es = "_iconWrapper_1llsi_20", ts = "_medium_1llsi_27", as = "_large_1llsi_33", rs = "_disabled_1llsi_43", ss = "_neutral_1llsi_47", ns = "_positive_1llsi_53", os = "_negative_1llsi_59", is = "_warning_1llsi_65", ls = "_vivid_1llsi_71", cs = "_special_1llsi_77", ds = "_accent_1llsi_84", us = "_blue_1llsi_90", _s = "_lovely_1llsi_96", ps = "_dreamy_1llsi_102", xe = {
+] })), On = {}, Xr = "_tag_1llsi_1", Qr = "_label_1llsi_16", es = "_iconWrapper_1llsi_20", ts = "_medium_1llsi_27", as = "_large_1llsi_33", rs = "_disabled_1llsi_43", ss = "_neutral_1llsi_47", ns = "_positive_1llsi_53", os = "_negative_1llsi_59", is = "_warning_1llsi_65", ls = "_vivid_1llsi_71", cs = "_special_1llsi_77", ds = "_accent_1llsi_84", us = "_blue_1llsi_90", _s = "_lovely_1llsi_96", ps = "_dreamy_1llsi_102", we = {
   tag: Xr,
   label: Qr,
   iconWrapper: es,
@@ -1504,7 +1504,7 @@ const yr = 3, mr = (t) => {
   blue: us,
   lovely: _s,
   dreamy: ps
-}, Un = Q((t, r) => {
+}, Un = te((t, r) => {
   const {
     className: a,
     children: s,
@@ -1515,33 +1515,33 @@ const yr = 3, mr = (t) => {
     slotStart: d,
     slotEnd: f,
     slotStartWrapperProps: _ = {},
-    slotEndWrapperProps: g = {},
-    "data-testid": h
-  } = t, { className: b, ...y } = _, { className: w, ...C } = g;
+    slotEndWrapperProps: h = {},
+    "data-testid": b
+  } = t, { className: y, ...v } = _, { className: E, ...w } = h;
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: U(
-        xe.tag,
-        xe[n],
-        xe[i],
+      className: B(
+        we.tag,
+        we[n],
+        we[i],
         {
-          [xe.disabled]: c,
-          [De["typography-label-3-regular"]]: n === "medium",
-          [De["typography-subtitle-1-semibold"]]: n === "large"
+          [we.disabled]: c,
+          [Ne["typography-label-3-regular"]]: n === "medium",
+          [Ne["typography-subtitle-1-semibold"]]: n === "large"
         },
         a
       ),
-      "data-testid": h || "tag-component",
+      "data-testid": b || "tag-component",
       ref: r,
       children: [
-        d && /* @__PURE__ */ o.jsx("span", { className: U([xe.iconWrapper, b]), ...y, children: d }),
-        p && /* @__PURE__ */ o.jsx("span", { className: U([xe.label]), children: s }),
-        f && /* @__PURE__ */ o.jsx("span", { className: U([xe.iconWrapper, w]), ...C, children: f })
+        d && /* @__PURE__ */ o.jsx("span", { className: B([we.iconWrapper, y]), ...v, children: d }),
+        p && /* @__PURE__ */ o.jsx("span", { className: B([we.label]), children: s }),
+        f && /* @__PURE__ */ o.jsx("span", { className: B([we.iconWrapper, E]), ...w, children: f })
       ]
     }
   );
-}), fs = "_checkbox_qo5f5_43", gs = "_input_qo5f5_59", hs = "_icon_qo5f5_67", bs = "_container_qo5f5_84", ys = "_error_qo5f5_135", ms = "_checkboxWrapper_qo5f5_147", vs = "_medium_qo5f5_201", xs = "_large_qo5f5_206", Cs = "_label_qo5f5_247", ge = {
+}), fs = "_checkbox_qo5f5_43", gs = "_input_qo5f5_59", hs = "_icon_qo5f5_67", bs = "_container_qo5f5_84", ys = "_error_qo5f5_135", ms = "_checkboxWrapper_qo5f5_147", vs = "_medium_qo5f5_201", xs = "_large_qo5f5_206", Cs = "_label_qo5f5_247", he = {
   checkbox: fs,
   input: gs,
   icon: hs,
@@ -1617,7 +1617,7 @@ const yr = 3, mr = (t) => {
   return /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: ge.icon,
+      className: he.icon,
       "data-testid": `${i}-icon`,
       "data-checked": r,
       "data-disabled": a,
@@ -1625,7 +1625,7 @@ const yr = 3, mr = (t) => {
       children: s ? /* @__PURE__ */ o.jsx(Ss, { width: n, height: c }) : /* @__PURE__ */ o.jsx(ws, { width: n, height: c })
     }
   );
-}, Bn = Q((t, r) => {
+}, Bn = te((t, r) => {
   const {
     name: a,
     value: s,
@@ -1636,52 +1636,52 @@ const yr = 3, mr = (t) => {
     disabled: d = !1,
     containerClassName: f,
     className: _,
-    containerStyle: g,
-    style: h,
-    children: b,
-    clickableLabel: y = !0,
-    tabIndex: w,
-    onChange: C,
-    "data-testid": S = "checkbox"
-  } = t, [m, R] = Oe(!1), D = s ?? m, k = d || c, T = !!p, I = D || n, B = U(ge.container, ge[i], f), N = U(
-    ge.checkbox,
-    ge[i],
+    containerStyle: h,
+    style: b,
+    children: y,
+    clickableLabel: v = !0,
+    tabIndex: E,
+    onChange: w,
+    "data-testid": C = "checkbox"
+  } = t, [g, R] = De(!1), D = s ?? g, k = d || c, $ = !!p, A = D || n, N = B(he.container, he[i], f), U = B(
+    he.checkbox,
+    he[i],
     {
-      [ge.error]: T
+      [he.error]: $
     },
     _
-  ), W = ($) => {
-    k || (R($.target.checked), C == null || C($.target.checked, $));
-  }, x = ($) => {
-    if ($.key === "Enter" && !k) {
-      $.preventDefault();
-      const F = !I;
-      R(F), C == null || C(F);
+  ), q = (j) => {
+    k || (R(j.target.checked), w == null || w(j.target.checked, j));
+  }, W = (j) => {
+    if (j.key === "Enter" && !k) {
+      j.preventDefault();
+      const F = !A;
+      R(F), w == null || w(F);
     }
-  }, V = ($) => {
-    y || $.preventDefault();
-  }, O = ($) => $.stopPropagation();
+  }, O = (j) => {
+    v || j.preventDefault();
+  }, m = (j) => j.stopPropagation();
   return /* @__PURE__ */ o.jsxs(
     "label",
     {
-      className: B,
+      className: N,
       htmlFor: a,
-      style: g,
-      "data-testid": S,
-      "data-clickable-label": y,
+      style: h,
+      "data-testid": C,
+      "data-clickable-label": v,
       children: [
-        /* @__PURE__ */ o.jsx("div", { className: ge.checkboxWrapper, children: /* @__PURE__ */ o.jsxs(
+        /* @__PURE__ */ o.jsx("div", { className: he.checkboxWrapper, children: /* @__PURE__ */ o.jsxs(
           "div",
           {
-            tabIndex: w || 0,
-            className: N,
-            style: h,
-            onKeyDown: x,
-            "aria-checked": I,
+            tabIndex: E || 0,
+            className: U,
+            style: b,
+            onKeyDown: W,
+            "aria-checked": A,
             "aria-disabled": k,
-            "aria-invalid": T,
+            "aria-invalid": $,
             "aria-describedby": p ? `${a}-error` : void 0,
-            "data-testid": `${S}-label`,
+            "data-testid": `${C}-label`,
             children: [
               /* @__PURE__ */ o.jsx(
                 "input",
@@ -1690,15 +1690,15 @@ const yr = 3, mr = (t) => {
                   type: "checkbox",
                   id: a,
                   name: a,
-                  checked: I,
+                  checked: A,
                   disabled: k,
-                  className: ge.input,
-                  onChange: W,
-                  onClick: O,
-                  "aria-checked": I,
-                  "aria-invalid": T,
+                  className: he.input,
+                  onChange: q,
+                  onClick: m,
+                  "aria-checked": A,
+                  "aria-invalid": $,
                   "aria-describedby": p ? `${a}-error` : void 0,
-                  "data-testid": `${S}-input`
+                  "data-testid": `${C}-input`
                 }
               ),
               /* @__PURE__ */ o.jsx(
@@ -1706,23 +1706,23 @@ const yr = 3, mr = (t) => {
                 {
                   name: a,
                   size: i,
-                  isChecked: I,
+                  isChecked: A,
                   isDisabled: k,
                   indeterminate: n,
-                  dataTestId: S
+                  dataTestId: C
                 }
               )
             ]
           }
         ) }),
-        b && /* @__PURE__ */ o.jsx(
+        y && /* @__PURE__ */ o.jsx(
           "span",
           {
-            "data-testid": `${S}-label-text`,
-            "data-clickable-label": y,
-            className: ge.label,
-            onClick: V,
-            children: b
+            "data-testid": `${C}-label-text`,
+            "data-clickable-label": v,
+            className: he.label,
+            onClick: O,
+            children: y
           }
         )
       ]
@@ -1764,17 +1764,17 @@ const yr = 3, mr = (t) => {
       disabled: d = !1,
       typographyStyle: f = "primary",
       ..._
-    }, g) => {
-      const h = c || Us[a], b = U(
+    }, h) => {
+      const b = c || Us[a], y = B(
         je.typography,
-        De[`typography-${t}-${a}-${p}`],
+        Ne[`typography-${t}-${a}-${p}`],
         je[f],
         {
           [je.disabled]: d
         },
         i
       );
-      return s ? /* @__PURE__ */ o.jsx(h, { ref: g, className: b, "data-testid": n, ..._, children: s }) : null;
+      return s ? /* @__PURE__ */ o.jsx(b, { ref: h, className: y, "data-testid": n, ..._, children: s }) : null;
     }
   );
   return r.displayName = `Typography.${t === "title" ? "Title" : "Subtitle"}`, r;
@@ -1790,10 +1790,10 @@ const yr = 3, mr = (t) => {
       disabled: d = !1,
       typographyStyle: f = "primary",
       ..._
-    }, g) => {
-      const h = c, b = U(
+    }, h) => {
+      const b = c, y = B(
         je.typography,
-        De[`typography-${t}-${a}-${p}`],
+        Ne[`typography-${t}-${a}-${p}`],
         je[f],
         {
           [je.disabled]: d
@@ -1801,10 +1801,10 @@ const yr = 3, mr = (t) => {
         i
       );
       return s ? /* @__PURE__ */ o.jsx(
-        h,
+        b,
         {
-          ref: g,
-          className: b,
+          ref: h,
+          className: y,
           "data-testid": n,
           ..._,
           children: s
@@ -1818,10 +1818,10 @@ const yr = 3, mr = (t) => {
   Subtitle: xt("subtitle"),
   Label: Ct("label"),
   Paragraph: Ct("paragraph")
-}, Bs = "_inputBase_1m6fe_85", Fs = "_wrapper_1m6fe_95", Ps = "_gripHandle_1m6fe_169", zs = "_error_1m6fe_230", Ws = "_tabFocused_1m6fe_237", Vs = "_disabled_1m6fe_262", Hs = "_loading_1m6fe_269", qs = "_label_1m6fe_279", Gs = "_small_1m6fe_292", Zs = "_large_1m6fe_299", Ys = "_leftSection_1m6fe_306", Js = "_rightSection_1m6fe_315", Ks = "_helper_1m6fe_351", Xs = "_floatingLabel_1m6fe_376", Qs = "_focused_1m6fe_434", en = "_filled_1m6fe_435", tn = "_medium_1m6fe_469", an = "_characterLimit_1m6fe_510", rn = "_input_1m6fe_85", sn = "_textarea_1m6fe_109", nn = "_truncate_1m6fe_637", on = "_hint_1m6fe_719", M = {
+}, Bs = "_inputBase_2vlla_85", Fs = "_wrapper_2vlla_95", Ps = "_gripHandle_2vlla_169", zs = "_error_2vlla_230", Ws = "_tabFocused_2vlla_237", Vs = "_disabled_2vlla_262", Hs = "_loading_2vlla_269", qs = "_label_2vlla_279", Gs = "_small_2vlla_292", Zs = "_large_2vlla_299", Ys = "_leftSection_2vlla_306", Js = "_rightSection_2vlla_315", Ks = "_helper_2vlla_351", Xs = "_floatingLabel_2vlla_376", Qs = "_focused_2vlla_434", en = "_filled_2vlla_435", tn = "_medium_2vlla_469", an = "_characterLimit_2vlla_510", rn = "_input_2vlla_85", sn = "_textarea_2vlla_109", nn = "_truncate_2vlla_637", on = "_hint_2vlla_719", M = {
   inputBase: Bs,
   wrapper: Fs,
-  "textarea-wrapper": "_textarea-wrapper_1m6fe_109",
+  "textarea-wrapper": "_textarea-wrapper_2vlla_109",
   gripHandle: Ps,
   error: zs,
   tabFocused: Ws,
@@ -1840,13 +1840,15 @@ const yr = 3, mr = (t) => {
   characterLimit: an,
   input: rn,
   textarea: sn,
-  "size-small": "_size-small_1m6fe_586",
-  "size-medium": "_size-medium_1m6fe_592",
-  "size-large": "_size-large_1m6fe_598",
-  "with-floating-label": "_with-floating-label_1m6fe_605",
+  "size-small": "_size-small_2vlla_586",
+  "size-medium": "_size-medium_2vlla_592",
+  "size-large": "_size-large_2vlla_598",
+  "with-floating-label": "_with-floating-label_2vlla_605",
   truncate: nn,
   hint: on,
-  "has-hint": "_has-hint_1m6fe_736"
+  "has-hint": "_has-hint_2vlla_736",
+  "has-suffix": "_has-suffix_2vlla_742",
+  "has-limit": "_has-limit_2vlla_748"
 }, ln = ({
   width: t = 8,
   height: r = 8,
@@ -1915,8 +1917,8 @@ const yr = 3, mr = (t) => {
     }
   );
 }, cn = (t, r) => {
-  const a = Ve(null), s = Ve(null);
-  return we(() => {
+  const a = We(null), s = We(null);
+  return Ee(() => {
     const i = r === "textarea" ? a.current : s.current;
     i && i.value !== t && (i.value = t || "");
   }, [t, r]), {
@@ -1934,25 +1936,25 @@ const yr = 3, mr = (t) => {
     const c = a.current.closest(`.${M.wrapper}`);
     c && (c.setAttribute("data-resize", "hug"), c.setAttribute("data-show-grip", "false"));
   };
-  return we(s, [t, r]), we(() => {
+  return Ee(s, [t, r]), Ee(() => {
     r === "hug" && a.current && s();
   }, []), { resizeTextArea: s };
-}, un = (t, r, a, s) => ({ handleGripMouseDown: Ce(
+}, un = (t, r, a, s) => ({ handleGripMouseDown: Se(
   (n) => {
     if (!t || r || a || !(s === "fixed" || !s)) return;
     n.preventDefault(), n.stopPropagation();
     const c = n.currentTarget.closest(`.${M.wrapper}`);
     if (!c) return;
-    const p = n.clientY, d = c.clientHeight, f = (g) => {
-      const h = g.clientY - p, b = Math.min(100, d), y = Math.max(b, d + h);
-      c.style.height = `${y}px`;
+    const p = n.clientY, d = c.clientHeight, f = (h) => {
+      const b = h.clientY - p, y = Math.min(100, d), v = Math.max(y, d + b);
+      c.style.height = `${v}px`;
     }, _ = () => {
       document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", _);
     };
     document.addEventListener("mousemove", f), document.addEventListener("mouseup", _);
   },
   [t, r, a, s]
-) }), wt = 30, _n = Q(
+) }), wt = 30, _n = te(
   ({
     component: t = "input",
     size: r = "medium",
@@ -1963,75 +1965,78 @@ const yr = 3, mr = (t) => {
     onFocus: c,
     onBlur: p,
     onChange: d,
-    onKeyUp: f,
-    maxLength: _,
-    className: g,
-    style: h,
-    truncate: b = !1,
-    shouldShowFloatingLabelClass: y = !1,
+    onKeyDown: f,
+    onKeyUp: _,
+    maxLength: h,
+    className: b,
+    style: y,
+    truncate: v = !1,
+    shouldShowFloatingLabelClass: E = !1,
     "aria-invalid": w,
     "aria-errormessage": C,
-    id: S,
-    resize: m,
-    ...R
-  }, D) => {
-    const { textareaRef: k, inputRef: T, currentRef: I } = cn(a, t);
-    if (dn(a, m, k), oa(D, () => I.current, [I]), t === "textarea")
+    id: g,
+    resize: R,
+    ...D
+  }, k) => {
+    const { textareaRef: $, inputRef: A, currentRef: N } = cn(a, t);
+    if (dn(a, R, $), oa(k, () => N.current, [N]), t === "textarea")
       return /* @__PURE__ */ o.jsx(
         "textarea",
         {
-          ref: k,
-          id: S,
+          ref: $,
+          id: g,
           value: a,
           placeholder: s,
           disabled: i || n,
           onFocus: c,
           onBlur: p,
           onChange: d,
-          onKeyUp: f,
-          maxLength: _,
-          className: U(
+          onKeyDown: f,
+          onKeyUp: _,
+          maxLength: h,
+          className: B(
             M.textarea,
             M[`size-${r}`],
-            y && M["with-floating-label"],
-            g
+            E && M["with-floating-label"],
+            b
           ),
-          style: h,
+          style: y,
           "aria-invalid": w,
           "aria-errormessage": C,
-          "aria-describedby": C ? `${S}-error` : void 0,
+          "aria-describedby": C ? `${g}-error` : void 0,
           tabIndex: 0,
-          "data-resize": m,
-          ...R
+          "data-resize": R,
+          ...D
         }
       );
     if (t === "input")
       return /* @__PURE__ */ o.jsx(
         "input",
         {
-          ref: T,
-          id: S,
+          ref: A,
+          id: g,
           value: a,
           placeholder: s,
           disabled: i || n,
           onFocus: c,
           onBlur: p,
           onChange: d,
-          onKeyUp: f,
-          maxLength: _,
-          className: U(
+          onKeyDown: f,
+          onKeyUp: _,
+          maxLength: h,
+          className: B(
             M.input,
             M[`size-${r}`],
-            y && M["with-floating-label"],
-            b && M.truncate,
-            g
+            E && M["with-floating-label"],
+            v && M.truncate,
+            b
           ),
-          style: h,
+          style: y,
           "aria-invalid": w,
           "aria-errormessage": C,
-          "aria-describedby": C ? `${S}-error` : void 0,
+          "aria-describedby": C ? `${g}-error` : void 0,
           tabIndex: 0,
-          ...R
+          ...D
         }
       );
     if (t !== "input" && t !== "textarea")
@@ -2039,7 +2044,7 @@ const yr = 3, mr = (t) => {
         `[Input] Недопустимое значение prop 'component': "${String(t)}". Допустимые значения: 'input', 'textarea'`
       ), null;
   }
-), Tt = Q(
+), Tt = te(
   ({
     children: t,
     size: r = "medium",
@@ -2052,100 +2057,112 @@ const yr = 3, mr = (t) => {
     floatingLabelStyles: d,
     prefixStyles: f,
     suffixStyles: _,
-    labelProps: g,
-    helperProps: h,
-    showLimit: b = !1,
-    maxLength: y,
-    hint: w,
-    showHint: C = !1,
-    showHintOnEmpty: S = !1,
-    prefix: m,
+    labelProps: h,
+    helperProps: b,
+    showLimit: y = !1,
+    maxLength: v,
+    hint: E,
+    showHint: w = !1,
+    showHintOnEmpty: C = !1,
+    prefix: g,
     suffix: R,
-    placeholder: D,
-    showLabel: k = !0,
-    labelClassName: T,
-    hasValue: I = !1,
-    helper: B,
-    id: N,
+    onSuffixClick: D,
+    placeholder: k,
+    showLabel: $ = !0,
+    labelClassName: A,
+    hasValue: N = !1,
+    helper: U,
+    id: q,
     value: W = "",
-    resize: x,
-    showGrip: V = !1,
-    ...O
-  }, $) => {
-    const F = $t(), H = N || F, G = C && w && (I || S), Z = w && w.length > wt ? w.substring(0, wt) + "..." : w, te = U(
+    resize: O,
+    showGrip: m = !1,
+    ...j
+  }, F) => {
+    const G = $t(), H = q || G, Q = w && E && (N || C), ae = E && E.length > wt ? E.substring(0, wt) + "..." : E, J = B(
       M.wrapper,
       a && M.error,
       s && M.disabled,
       i && M.loading,
-      G && M["has-hint"],
+      Q && M["has-hint"],
+      R && M["has-suffix"],
+      y && M["has-limit"],
       n
-    ), ae = U(
+    ), re = B(
       M.floatingLabel,
       M[r],
-      I && M.filled,
-      T
-    ), { handleGripMouseDown: re } = un(V, s, i, x);
-    return /* @__PURE__ */ o.jsxs("div", { ref: $, className: M.inputBase, "data-testid": "input-base-wrapper", ...O, children: [
+      N && M.filled,
+      A
+    ), { handleGripMouseDown: se } = un(m, s, i, O);
+    return /* @__PURE__ */ o.jsxs("div", { ref: F, className: M.inputBase, "data-testid": "input-base-wrapper", ...j, children: [
       /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: te,
+          className: J,
           style: p,
-          "data-resize": x,
-          "data-show-grip": V ? "true" : "false",
+          "data-resize": O,
+          "data-show-grip": m ? "true" : "false",
           ...c,
           children: [
-            m && /* @__PURE__ */ o.jsx("label", { htmlFor: H, className: M.leftSection, style: f, children: m }),
-            R && /* @__PURE__ */ o.jsx("label", { htmlFor: H, className: M.rightSection, style: _, children: R }),
-            D && k && /* @__PURE__ */ o.jsx(
+            g && /* @__PURE__ */ o.jsx("label", { htmlFor: H, className: M.leftSection, style: f, children: g }),
+            R && /* @__PURE__ */ o.jsx(
               "label",
               {
                 htmlFor: H,
-                className: ae,
+                className: M.rightSection,
+                style: _,
+                onClick: D,
+                children: R
+              }
+            ),
+            k && $ && /* @__PURE__ */ o.jsx(
+              "label",
+              {
+                htmlFor: H,
+                className: re,
                 style: d,
-                ...g,
-                children: D
+                ...h,
+                children: k
               }
             ),
             t,
-            V && !b && (x === "fixed" || !x) && /* @__PURE__ */ o.jsx(
+            m && !y && (O === "fixed" || !O) && /* @__PURE__ */ o.jsx(
               "div",
               {
                 className: M.gripHandle,
-                onMouseDown: re,
+                onMouseDown: se,
                 role: "button",
                 tabIndex: -1,
                 "aria-label": "Изменить размер",
                 children: /* @__PURE__ */ o.jsx(ln, {})
               }
             ),
-            G && /* @__PURE__ */ o.jsx(
+            Q && /* @__PURE__ */ o.jsx(
               "div",
               {
-                className: U(M.hint, I && M.truncate),
+                className: B(M.hint, N && M.truncate),
                 "data-disabled": s || i,
-                children: Z
+                children: ae
               }
             ),
-            b && y && /* @__PURE__ */ o.jsxs("div", { className: M.characterLimit, children: [
+            y && v && /* @__PURE__ */ o.jsxs("div", { className: M.characterLimit, children: [
               (W || "").length,
               " из ",
-              y
+              v
             ] })
           ]
         }
       ),
-      B && /* @__PURE__ */ o.jsx(
+      U && /* @__PURE__ */ o.jsx(
         "div",
         {
-          className: U(
+          className: B(
             M.helper,
             a && M.error,
             (s || i) && M.disabled
           ),
-          ...h,
+          ...b,
           id: a ? `${H}-error` : void 0,
-          children: B
+          children: U
         }
       )
     ] });
@@ -2154,7 +2171,7 @@ const yr = 3, mr = (t) => {
 Tt.displayName = "InputWrapperComponent";
 const St = Object.assign(_n, {
   Wrapper: Tt
-}), At = Q(
+}), At = te(
   ({
     component: t = "input",
     size: r = "medium",
@@ -2167,171 +2184,175 @@ const St = Object.assign(_n, {
     labelClassName: d,
     helper: f,
     prefix: _,
-    suffix: g,
-    id: h,
-    onFocus: b,
-    onBlur: y,
-    onChange: w,
-    value: C = "",
-    wrapperProps: S,
-    wrapperStyles: m,
-    floatingLabelStyles: R,
-    prefixStyles: D,
-    suffixStyles: k,
-    textareaStyles: T,
-    labelProps: I,
-    helperProps: B,
-    showLimit: N = !1,
-    maxLength: W,
-    inputProps: x,
-    hint: V,
-    showHint: O = !1,
-    showHintOnEmpty: $ = !1,
-    truncate: F = !1,
-    resize: H,
-    showGrip: G = !1,
-    ...Z
-  }, te) => {
-    const ae = $t(), re = h || ae, [be, se] = Oe(C), ye = C !== void 0 ? C : be, Se = (ye || "").length > 0, ue = p && (r === "large" || t === "textarea") && !_, ie = Ce(
-      (K) => {
-        var ee;
-        i || n || (b == null || b(), (ee = x == null ? void 0 : x.onFocus) == null || ee.call(
-          x,
-          K
+    suffix: h,
+    id: b,
+    onFocus: y,
+    onBlur: v,
+    onKeyDown: E,
+    onSuffixClick: w,
+    onChange: C,
+    value: g = "",
+    wrapperProps: R,
+    wrapperStyles: D,
+    floatingLabelStyles: k,
+    prefixStyles: $,
+    suffixStyles: A,
+    textareaStyles: N,
+    labelProps: U,
+    helperProps: q,
+    showLimit: W = !1,
+    maxLength: O,
+    inputProps: m,
+    hint: j,
+    showHint: F = !1,
+    showHintOnEmpty: G = !1,
+    truncate: H = !1,
+    resize: Q,
+    showGrip: ae = !1,
+    ...J
+  }, re) => {
+    const se = $t(), de = b || se, [ve, ie] = De(g), ye = g !== void 0 ? g : ve, ue = (ye || "").length > 0, le = ye || "", _e = p && (r === "large" || t === "textarea") && !_, xe = Se(
+      (Z) => {
+        var Y;
+        i || n || (y == null || y(), (Y = m == null ? void 0 : m.onFocus) == null || Y.call(
+          m,
+          Z
         ));
       },
-      [b, x, i, n]
-    ), _e = Ce(
-      (K) => {
-        var ee;
-        if (K.key === "Tab") {
-          const ce = K.target.closest(`.${M.wrapper}`);
+      [y, m, i, n]
+    ), Oe = Se(
+      (Z) => {
+        var Y;
+        if (Z.key === "Tab") {
+          const ce = Z.target.closest(`.${M.wrapper}`);
           ce && ce.classList.add(M.tabFocused);
         }
-        (ee = x == null ? void 0 : x.onKeyUp) == null || ee.call(
-          x,
-          K
+        (Y = m == null ? void 0 : m.onKeyUp) == null || Y.call(
+          m,
+          Z
         );
       },
-      [x]
-    ), le = Ce(
-      (K) => {
+      [m]
+    ), Ve = Se(
+      (Z) => {
         var ce;
-        const ee = K.target.closest(`.${M.wrapper}`);
-        ee && ee.classList.remove(M.tabFocused), y == null || y(), (ce = x == null ? void 0 : x.onBlur) == null || ce.call(
-          x,
-          K
+        const Y = Z.target.closest(`.${M.wrapper}`);
+        Y && Y.classList.remove(M.tabFocused), v == null || v(), (ce = m == null ? void 0 : m.onBlur) == null || ce.call(
+          m,
+          Z
         );
       },
-      [y, x]
-    ), me = Ce(
-      (K) => {
+      [v, m]
+    ), He = Se(
+      (Z) => {
         var ce;
         if (i || n) return;
-        const ee = K.target.value;
-        se(ee), w == null || w(ee), (ce = x == null ? void 0 : x.onChange) == null || ce.call(
-          x,
-          K
+        const Y = Z.target.value;
+        ie(Y), C == null || C(Y, Z), (ce = m == null ? void 0 : m.onChange) == null || ce.call(
+          m,
+          Z
         );
       },
-      [w, x, i, n]
+      [C, m, i, n]
     );
-    return we(() => {
-      se(C);
-    }, [C]), /* @__PURE__ */ o.jsx(
+    return Ee(() => {
+      ie(g || "");
+    }, [g]), /* @__PURE__ */ o.jsx(
       St.Wrapper,
       {
-        ref: te,
+        ref: re,
         size: r,
         error: s,
         disabled: i || n,
         loading: n,
-        className: U(a, t === "textarea" && M["textarea-wrapper"]),
-        wrapperProps: S,
-        wrapperStyles: m,
-        floatingLabelStyles: R,
-        prefixStyles: D,
-        suffixStyles: k,
-        labelProps: I,
-        helperProps: B,
-        showLimit: N,
-        maxLength: W,
-        hint: V,
-        showHint: O,
-        showHintOnEmpty: $,
+        className: B(a, t === "textarea" && M["textarea-wrapper"]),
+        wrapperProps: R,
+        wrapperStyles: D,
+        floatingLabelStyles: k,
+        prefixStyles: $,
+        suffixStyles: A,
+        labelProps: U,
+        helperProps: q,
+        showLimit: W,
+        maxLength: O,
+        hint: j,
+        showHint: F,
+        showHintOnEmpty: G,
         prefix: _,
-        suffix: g,
+        suffix: h,
+        onSuffixClick: w,
         placeholder: c,
         showLabel: p,
         labelClassName: d,
-        hasValue: Se,
+        hasValue: ue,
         helper: f,
-        id: re,
-        value: ye,
-        showGrip: G,
-        resize: H,
-        ...Z,
+        id: de,
+        value: le,
+        showGrip: ae,
+        resize: Q,
+        ...J,
         children: /* @__PURE__ */ o.jsx(
           St,
           {
             component: t,
             size: r,
-            value: ye,
+            value: le,
             placeholder: c,
             disabled: i,
             loading: n,
-            onFocus: ie,
-            onBlur: le,
-            onChange: me,
-            onKeyUp: _e,
-            maxLength: W,
-            truncate: F,
-            "data-empty": !Se,
-            shouldShowFloatingLabelClass: ue,
-            style: t === "textarea" ? T : void 0,
+            onFocus: xe,
+            onBlur: Ve,
+            onChange: He,
+            onKeyDown: E,
+            onKeyUp: Oe,
+            maxLength: O,
+            truncate: H,
+            "data-empty": !ue,
+            shouldShowFloatingLabelClass: _e,
+            style: t === "textarea" ? N : void 0,
             "aria-invalid": !!s,
-            "aria-errormessage": s ? `${re}-error` : void 0,
-            id: re,
-            resize: H,
-            ...x
+            "aria-errormessage": s ? `${de}-error` : void 0,
+            id: de,
+            resize: Q,
+            ...m
           }
         )
       }
     );
   }
-), J = {
+), X = {
   SMALL: "small",
   MEDIUM: "medium",
   LARGE: "large"
 }, pn = (t, r, a, s) => {
   switch (t) {
-    case J.LARGE:
+    case X.LARGE:
       return r && a ? "8px 16px 8px 16px" : "16px 16px 16px 16px";
-    case J.MEDIUM:
+    case X.MEDIUM:
       return s ? "12px 12px 12px 12px" : "12px 12px 12px 16px";
-    case J.SMALL:
+    case X.SMALL:
       return "10px 12px 10px 12px";
     default:
       return "12px 16px 12px 16px";
   }
 }, fn = (t) => {
   switch (t) {
-    case J.LARGE:
+    case X.LARGE:
       return "56px";
-    case J.MEDIUM:
+    case X.MEDIUM:
       return "48px";
-    case J.SMALL:
+    case X.SMALL:
       return "40px";
     default:
       return "48px";
   }
 }, gn = (t) => {
   switch (t) {
-    case J.SMALL:
+    case X.SMALL:
       return 8;
     // 8px для small
-    case J.MEDIUM:
-    case J.LARGE:
+    case X.MEDIUM:
+    case X.LARGE:
       return 12;
     // 12px для medium и large
     default:
@@ -2390,11 +2411,11 @@ const St = Object.assign(_n, {
 }), mn = (t, r, a, s) => {
   const i = fn(t), n = pn(t, r, a, s), c = gn(t);
   switch (t) {
-    case J.LARGE:
+    case X.LARGE:
       return hn(i, n, c);
-    case J.MEDIUM:
+    case X.MEDIUM:
       return bn(i, n, c);
-    case J.SMALL:
+    case X.SMALL:
       return yn(i, n, c);
     default:
       return {
@@ -2404,7 +2425,7 @@ const St = Object.assign(_n, {
         suffixStyles: {}
       };
   }
-}, Pn = Q(
+}, Pn = te(
   ({
     value: t = "",
     onChange: r,
@@ -2414,130 +2435,133 @@ const St = Object.assign(_n, {
     minLength: n,
     autoComplete: c,
     autoFocus: p,
-    size: d = J.MEDIUM,
+    size: d = X.MEDIUM,
     inputProps: f,
     error: _,
-    disabled: g,
-    loading: h,
-    helper: b,
-    prefix: y,
-    suffix: w,
-    clearable: C = !1,
-    id: S,
-    showLabel: m = !0,
+    disabled: h,
+    loading: b,
+    helper: y,
+    prefix: v,
+    suffix: E,
+    clearable: w = !1,
+    id: C,
+    showLabel: g = !0,
     onFocus: R,
     onBlur: D,
-    className: k,
-    truncate: T = !0,
-    hint: I,
-    showHint: B = !1,
-    showHintOnEmpty: N = !1,
-    wrapperProps: W,
-    labelProps: x,
-    helperProps: V,
-    ...O
-  }, $) => {
-    const F = (t || "").length > 0, H = d === J.LARGE, G = !!y, Z = H && m && !y, te = C && F && !(g || h), ae = () => {
-      r == null || r("");
-    }, re = te ? /* @__PURE__ */ o.jsx(
+    onSuffixClick: k,
+    onClear: $,
+    className: A,
+    truncate: N = !0,
+    hint: U,
+    showHint: q = !1,
+    showHintOnEmpty: W = !1,
+    wrapperProps: O,
+    labelProps: m,
+    helperProps: j,
+    ...F
+  }, G) => {
+    const H = (t || "").length > 0, Q = d === X.LARGE, ae = !!v, J = Q && g && !v, re = w && H && !(h || b), se = () => {
+      r == null || r(""), $ == null || $();
+    }, de = re ? /* @__PURE__ */ o.jsx(
       kt,
       {
-        size: d === J.SMALL ? "xs" : "sm",
+        size: d === X.SMALL ? "xs" : "sm",
         color: "var(--icon-secondary)",
-        onClick: ae,
+        onClick: se,
         style: { cursor: "pointer" },
         "data-testid": "x-icon"
       }
-    ) : w, be = {
+    ) : E, ve = {
       type: a,
       minLength: n,
       autoComplete: c,
       autoFocus: p,
       ...f
-    }, se = mn(d, Z, F, G);
+    }, ie = mn(d, J, H, ae);
     return /* @__PURE__ */ o.jsx(
       At,
       {
         size: d,
         error: _,
-        disabled: g || h,
-        loading: h,
-        helper: b,
-        prefix: y,
-        suffix: re,
-        id: S,
-        showLabel: Z,
+        disabled: h || b,
+        loading: b,
+        helper: y,
+        prefix: v,
+        suffix: de,
+        id: C,
+        showLabel: J,
         onFocus: R,
         onBlur: D,
+        onSuffixClick: k,
         onChange: r,
-        value: t || "",
+        value: t,
         placeholder: s,
-        className: k,
-        wrapperStyles: se.wrapperStyles,
-        floatingLabelStyles: se.floatingLabelStyles,
-        prefixStyles: se.prefixStyles,
-        suffixStyles: se.suffixStyles,
-        wrapperProps: W,
-        labelProps: x,
-        helperProps: V,
+        className: A,
+        wrapperStyles: ie.wrapperStyles,
+        floatingLabelStyles: ie.floatingLabelStyles,
+        prefixStyles: ie.prefixStyles,
+        suffixStyles: ie.suffixStyles,
+        wrapperProps: O,
+        labelProps: m,
+        helperProps: j,
         showLimit: !1,
         maxLength: i,
-        inputProps: be,
-        hint: I,
-        showHint: B,
-        showHintOnEmpty: N,
-        truncate: T,
-        ...O
+        inputProps: ve,
+        hint: U,
+        showHint: q,
+        showHintOnEmpty: W,
+        truncate: N,
+        ...F
       }
     );
   }
 ), oe = {
   SMALL: "small",
   MEDIUM: "medium"
-}, We = {
+}, ze = {
   SMALL: "12px",
   MEDIUM: "16px"
 }, vn = {
   SMALL: "xs",
   MEDIUM: "sm"
-}, Pe = {
+}, Fe = {
   FILL: "fill",
   FIXED: "fixed"
-}, Ke = {
+}, Xe = {
   SMALL: "112px",
   MEDIUM: "56px"
 }, $e = {
   SMALL: "48px",
   MEDIUM: "22px"
-}, fe = {
+}, ge = {
   SMALL: "12px 12px 12px 12px",
   MEDIUM: "16px 16px 16px 16px",
   MEDIUM_WITH_PREFIX: "12px 16px 12px 16px",
   MEDIUM_FLOATING_LABEL: "8px 16px 8px 16px"
-}, he = {
+}, be = {
   SMALL: 48,
   MEDIUM: 56,
   LARGE: 112
 }, xn = (t, r) => {
   if (t === oe.SMALL)
-    return Ke.SMALL;
+    return Xe.SMALL;
   if (r)
     return `${r}px`;
   switch (t) {
     case oe.MEDIUM:
-      return Ke.MEDIUM;
+      return Xe.MEDIUM;
     default:
-      return Ke.MEDIUM;
+      return Xe.MEDIUM;
   }
 }, Cn = (t, r) => {
   if (t === oe.SMALL)
     return $e.SMALL;
   if (r)
     switch (r) {
-      case he.SMALL:
-      case he.MEDIUM:
+      case be.SMALL:
+      case be.MEDIUM:
         return $e.MEDIUM;
-      case he.LARGE:
+      case be.LARGE:
         return $e.SMALL;
       default:
         return $e.MEDIUM;
@@ -2550,55 +2574,55 @@ const St = Object.assign(_n, {
   }
 }, wn = (t, r, a) => {
   if (t === oe.SMALL)
-    return fe.SMALL;
+    return ge.SMALL;
   if (r)
     switch (r) {
-      case he.SMALL:
-        return fe.MEDIUM_WITH_PREFIX;
-      case he.MEDIUM:
-        return a ? fe.MEDIUM_FLOATING_LABEL : fe.MEDIUM;
-      case he.LARGE:
-        return fe.MEDIUM;
+      case be.SMALL:
+        return ge.MEDIUM_WITH_PREFIX;
+      case be.MEDIUM:
+        return a ? ge.MEDIUM_FLOATING_LABEL : ge.MEDIUM;
+      case be.LARGE:
+        return ge.MEDIUM;
       default:
-        return fe.MEDIUM;
+        return ge.MEDIUM;
     }
   switch (t) {
     case oe.MEDIUM:
-      return a ? fe.MEDIUM_FLOATING_LABEL : fe.MEDIUM;
+      return a ? ge.MEDIUM_FLOATING_LABEL : ge.MEDIUM;
     default:
-      return fe.MEDIUM;
+      return ge.MEDIUM;
   }
 }, Sn = (t, r) => {
   if (t === oe.SMALL)
     return "small";
   if (r)
     switch (r) {
-      case he.SMALL:
+      case be.SMALL:
         return "small";
-      case he.MEDIUM:
+      case be.MEDIUM:
         return "medium";
-      case he.LARGE:
+      case be.LARGE:
         return "medium";
       default:
         return "medium";
     }
   return t;
-}, En = (t) => vn[t.toUpperCase()], Ln = (t) => We[t.toUpperCase()], Mn = (t, r, a, s) => {
+}, En = (t) => vn[t.toUpperCase()], Ln = (t) => ze[t.toUpperCase()], Mn = (t, r, a, s) => {
   const i = xn(t, r), n = Cn(t, r), c = wn(t, r, a);
   return {
     wrapperStyles: {
       minHeight: i,
       // Для fill resize устанавливаем height: 100%
-      ...s === Pe.FILL && { height: "100%" },
+      ...s === Fe.FILL && { height: "100%" },
       // Для fixed resize устанавливаем фиксированную высоту
-      ...s === Pe.FIXED && r && { height: i },
+      ...s === Fe.FIXED && r && { height: i },
       boxSizing: "border-box",
       padding: c
     },
     floatingLabelStyles: {
-      left: t === oe.SMALL ? We.SMALL : We.MEDIUM,
+      left: t === oe.SMALL ? ze.SMALL : ze.MEDIUM,
       transformOrigin: "left top",
-      top: r === 112 && a && t === oe.MEDIUM ? We.MEDIUM : void 0
+      top: r === 112 && a && t === oe.MEDIUM ? ze.MEDIUM : void 0
     },
     suffixStyles: {
       right: Ln(t)
@@ -2606,12 +2630,12 @@ const St = Object.assign(_n, {
     textareaStyles: {
       minHeight: n,
       // Для fill resize flex: 1
-      ...s === Pe.FILL && { flex: 1, minHeight: 0 },
+      ...s === Fe.FILL && { flex: 1, minHeight: 0 },
       // Для fixed resize фиксированная высота
-      ...s === Pe.FIXED && r && { height: n }
+      ...s === Fe.FIXED && r && { height: n }
     }
   };
-}, zn = Q(
+}, zn = te(
   ({
     value: t = "",
     onChange: r,
@@ -2624,79 +2648,82 @@ const St = Object.assign(_n, {
     error: d,
     disabled: f,
     loading: _,
-    helper: g,
-    suffix: h,
-    clearable: b = !1,
-    id: y,
-    showLabel: w = !0,
-    onFocus: C,
-    onBlur: S,
-    className: m,
-    rows: R = 1,
-    showLimit: D = !1,
-    wrapperProps: k,
-    labelProps: T,
-    helperProps: I,
-    showGrip: B,
-    minHeight: N,
-    resize: W,
-    ...x
-  }, V) => {
-    const O = (t || "").length > 0, $ = w && !!a && (c === oe.SMALL || N !== 48), F = b && O && !(f || _), H = () => {
-      r == null || r("");
-    }, G = F ? /* @__PURE__ */ o.jsx(
+    helper: h,
+    suffix: b,
+    clearable: y = !1,
+    id: v,
+    showLabel: E = !0,
+    onFocus: w,
+    onBlur: C,
+    onClear: g,
+    onKeyDown: R,
+    className: D,
+    rows: k = 1,
+    showLimit: $ = !1,
+    wrapperProps: A,
+    labelProps: N,
+    helperProps: U,
+    showGrip: q,
+    minHeight: W,
+    resize: O,
+    ...m
+  }, j) => {
+    const F = (t || "").length > 0, G = E && !!a && (c === oe.SMALL || W !== 48), H = y && F && !(f || _), Q = () => {
+      r == null || r(""), g == null || g();
+    }, ae = H ? /* @__PURE__ */ o.jsx(
       kt,
       {
         size: En(c),
         color: "var(--icon-secondary)",
-        onClick: H,
+        onClick: Q,
         style: { cursor: "pointer" },
         "data-testid": "x-icon"
       }
-    ) : h, Z = Mn(c, N, $ && O, W), te = Sn(c, N), ae = {
-      rows: R,
+    ) : b, J = Mn(c, W, G && F, O), re = Sn(c, W), se = {
+      rows: k,
       minLength: i,
       autoFocus: n,
-      resize: W,
+      resize: O,
       ...p
     };
     return /* @__PURE__ */ o.jsx(
       At,
       {
-        ref: V,
+        ref: j,
         component: "textarea",
-        size: te,
+        size: re,
         error: d,
         disabled: f || _,
         loading: _,
-        helper: g,
-        suffix: G,
-        id: y,
-        showLabel: $,
-        onFocus: C,
-        onBlur: S,
+        helper: h,
+        suffix: ae,
+        id: v,
+        showLabel: G,
+        onFocus: w,
+        onBlur: C,
+        onKeyDown: R,
         onChange: r,
         value: t || "",
         placeholder: a,
-        className: m,
-        "data-floating-label": $,
-        wrapperStyles: Z.wrapperStyles,
-        floatingLabelStyles: Z.floatingLabelStyles,
-        suffixStyles: Z.suffixStyles,
-        textareaStyles: Z.textareaStyles,
-        wrapperProps: k,
-        labelProps: T,
-        helperProps: I,
-        showLimit: D && (N === 112 || c === oe.SMALL),
+        className: D,
+        "data-floating-label": G,
+        wrapperStyles: J.wrapperStyles,
+        floatingLabelStyles: J.floatingLabelStyles,
+        suffixStyles: J.suffixStyles,
+        textareaStyles: J.textareaStyles,
+        wrapperProps: A,
+        labelProps: N,
+        helperProps: U,
+        showLimit: $ && (W === 112 || c === oe.SMALL),
         maxLength: s,
-        inputProps: ae,
-        resize: W,
-        showGrip: B,
-        ...x
+        inputProps: se,
+        resize: O,
+        showGrip: q,
+        ...m
       }
     );
   }
-), $n = "_helper_1vhgl_16", Xe = {
+), $n = "_helper_1vhgl_16", Qe = {
   helper: $n,
   "helper--error": "_helper--error_1vhgl_27",
   "helper--disabled": "_helper--disabled_1vhgl_32"
@@ -2710,10 +2737,10 @@ const St = Object.assign(_n, {
   "aria-label": c,
   "aria-describedby": p
 }) => {
-  const d = !!r, f = U(
-    Xe.helper,
-    d && Xe["helper--error"],
-    i && Xe["helper--disabled"],
+  const d = !!r, f = B(
+    Qe.helper,
+    d && Qe["helper--error"],
+    i && Qe["helper--disabled"],
     a
   ), _ = i ? t : r || t;
   return /* @__PURE__ */ o.jsx(