skillgrid 0.0.34-dev-40511-42085-40506-alert-placeholder-modal-fix.1208465 → 0.0.34-dev-40511-42085-40506-alert-placeholder-modal-fix.1210374

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import * as Je from "react";
 import be, { forwardRef as U, Fragment as Ht, useState as gt, useEffect as ut, useRef as Vt, useCallback as jt, useMemo as Qe, createContext as tr, useContext as er, useLayoutEffect as zr, useImperativeHandle as Br, useId as me } from "react";
-import { clsx as S } from "clsx";
+import { clsx as w } from "clsx";
 import { useFloating as Ar, useTransitionStyles as Or, useDismiss as Pr, useRole as Dr, useInteractions as Fr, useMergeRefs as Wr, FloatingPortal as Hr, FloatingOverlay as Vr, FloatingFocusManager as qr } from "@floating-ui/react";
 import Zr from "rc-tooltip";
 import './index.css';function Xr(t) {
@@ -20,13 +20,13 @@ var Me;
 function Yr() {
   if (Me) return Dt;
   Me = 1;
-  var t = be, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var t = be, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, i = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
   function l(c, u, f) {
-    var d, g = {}, m = null, h = null;
-    f !== void 0 && (m = "" + f), u.key !== void 0 && (m = "" + u.key), u.ref !== void 0 && (h = u.ref);
-    for (d in u) a.call(u, d) && !s.hasOwnProperty(d) && (g[d] = u[d]);
-    if (c && c.defaultProps) for (d in u = c.defaultProps, u) g[d] === void 0 && (g[d] = u[d]);
-    return { $$typeof: r, type: c, key: m, ref: h, props: g, _owner: i.current };
+    var d, h = {}, b = null, m = null;
+    f !== void 0 && (b = "" + f), u.key !== void 0 && (b = "" + u.key), u.ref !== void 0 && (m = u.ref);
+    for (d in u) s.call(u, d) && !a.hasOwnProperty(d) && (h[d] = u[d]);
+    if (c && c.defaultProps) for (d in u = c.defaultProps, u) h[d] === void 0 && (h[d] = u[d]);
+    return { $$typeof: r, type: c, key: b, ref: m, props: h, _owner: i.current };
   }
   return Dt.Fragment = n, Dt.jsx = l, Dt.jsxs = l, Dt;
 }
@@ -43,11 +43,11 @@ var Ft = {};
 var ze;
 function Gr() {
   return ze || (ze = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = be, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), x = Symbol.iterator, C = "@@iterator";
-    function b(e) {
+    var t = be, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), x = Symbol.iterator, S = "@@iterator";
+    function g(e) {
       if (e === null || typeof e != "object")
         return null;
-      var _ = x && e[x] || e[C];
+      var _ = x && e[x] || e[S];
       return typeof _ == "function" ? _ : null;
     }
     var y = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -55,10 +55,10 @@ function Gr() {
       {
         for (var _ = arguments.length, v = new Array(_ > 1 ? _ - 1 : 0), j = 1; j < _; j++)
           v[j - 1] = arguments[j];
-        w("error", e, v);
+        C("error", e, v);
       }
     }
-    function w(e, _, v) {
+    function C(e, _, v) {
       {
         var j = y.ReactDebugCurrentFrame, A = j.getStackAddendum();
         A !== "" && (_ += "%s", v = v.concat([A]));
@@ -71,7 +71,7 @@ function Gr() {
     var k = !1, T = !1, $ = !1, E = !1, z = !1, B;
     B = Symbol.for("react.module.reference");
     function F(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === a || e === s || z || e === i || e === f || e === d || E || e === h || k || T || $ || typeof e == "object" && e !== null && (e.$$typeof === m || e.$$typeof === g || e.$$typeof === l || e.$$typeof === c || e.$$typeof === u || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === s || e === a || z || e === i || e === f || e === d || E || e === m || k || T || $ || typeof e == "object" && e !== null && (e.$$typeof === b || e.$$typeof === h || e.$$typeof === l || e.$$typeof === c || e.$$typeof === u || // 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.
@@ -95,11 +95,11 @@ function Gr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case a:
+        case s:
           return "Fragment";
         case n:
           return "Portal";
-        case s:
+        case a:
           return "Profiler";
         case i:
           return "StrictMode";
@@ -118,10 +118,10 @@ function Gr() {
             return D(v._context) + ".Provider";
           case u:
             return q(e, e.render, "ForwardRef");
-          case g:
+          case h:
             var j = e.displayName || null;
             return j !== null ? j : L(e.type) || "Memo";
-          case m: {
+          case b: {
             var A = e, P = A._payload, N = A._init;
             try {
               return L(N(P));
@@ -308,9 +308,9 @@ function Gr() {
         switch (e.$$typeof) {
           case u:
             return re(e.render);
-          case g:
+          case h:
             return Q(e.type, _, v);
-          case m: {
+          case b: {
             var j = e, A = j._payload, P = j._init;
             try {
               return Q(P(A), _, v);
@@ -531,7 +531,7 @@ Check the top-level render call using <` + v + ">.");
         else if (ie(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var A = b(e);
+          var A = g(e);
           if (typeof A == "function" && A !== e.entries)
             for (var P = A.call(e), N; !(N = P.next()).done; )
               ie(N.value) && Ee(N.value, _);
@@ -548,7 +548,7 @@ Check the top-level render call using <` + v + ">.");
           v = _.propTypes;
         else if (typeof _ == "object" && (_.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        _.$$typeof === g))
+        _.$$typeof === h))
           v = _.propTypes;
         else
           return;
@@ -617,7 +617,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, le, Rt, Nr, Rt), Ie[Rt + le] = !0;
           }
         }
-        return e === a ? $r(Y) : jr(Y), Y;
+        return e === s ? $r(Y) : jr(Y), Y;
       }
     }
     function Tr(e, _, v) {
@@ -627,7 +627,7 @@ React keys must be passed directly to JSX without using spread:
       return Ne(e, _, v, !1);
     }
     var Rr = Er, Ir = Tr;
-    Ft.Fragment = a, Ft.jsx = Rr, Ft.jsxs = Ir;
+    Ft.Fragment = s, Ft.jsx = Rr, Ft.jsxs = Ir;
   }()), Ft;
 }
 var Be;
@@ -762,28 +762,28 @@ function Qn() {
     (function() {
       var r = {}.hasOwnProperty;
       function n() {
-        for (var s = "", l = 0; l < arguments.length; l++) {
+        for (var a = "", l = 0; l < arguments.length; l++) {
           var c = arguments[l];
-          c && (s = i(s, a(c)));
+          c && (a = i(a, s(c)));
         }
-        return s;
+        return a;
       }
-      function a(s) {
-        if (typeof s == "string" || typeof s == "number")
-          return s;
-        if (typeof s != "object")
+      function s(a) {
+        if (typeof a == "string" || typeof a == "number")
+          return a;
+        if (typeof a != "object")
           return "";
-        if (Array.isArray(s))
-          return n.apply(null, s);
-        if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]"))
-          return s.toString();
+        if (Array.isArray(a))
+          return n.apply(null, a);
+        if (a.toString !== Object.prototype.toString && !a.toString.toString().includes("[native code]"))
+          return a.toString();
         var l = "";
-        for (var c in s)
-          r.call(s, c) && s[c] && (l = i(l, c));
+        for (var c in a)
+          r.call(a, c) && a[c] && (l = i(l, c));
         return l;
       }
-      function i(s, l) {
-        return l ? s ? s + " " + l : s + l : s;
+      function i(a, l) {
+        return l ? a ? a + " " + l : a + l : a;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
@@ -795,9 +795,9 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
     size: t = 24,
     variant: r = "accent",
     className: n,
-    "data-testid": a = "loader",
+    "data-testid": s = "loader",
     style: i,
-    ...s
+    ...a
   }, l) => {
     const c = Et(
       Wt.loader,
@@ -813,9 +813,9 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
         fill: "none",
         viewBox: "0 0 16 16",
         xmlns: "http://www.w3.org/2000/svg",
-        "data-testid": a,
+        "data-testid": s,
         style: i,
-        ...s,
+        ...a,
         children: /* @__PURE__ */ o.jsx(
           "path",
           {
@@ -831,17 +831,17 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
 ), eo = U((t, r) => {
   const {
     loading: n = !1,
-    size: a = 24,
+    size: s = 24,
     variant: i = "accent",
-    children: s,
+    children: a,
     className: l,
     style: c,
     "data-testid": u,
     ...f
   } = t, d = Et(Wt.container, l);
   return /* @__PURE__ */ o.jsxs("div", { ref: r, className: d, style: c, "data-testid": u, ...f, children: [
-    s,
-    n && /* @__PURE__ */ o.jsx("div", { className: Wt.overlay, children: /* @__PURE__ */ o.jsx(rr, { size: a, variant: i, "data-testid": `${u}-spinner` }) })
+    a,
+    n && /* @__PURE__ */ o.jsx("div", { className: Wt.overlay, children: /* @__PURE__ */ o.jsx(rr, { size: s, variant: i, "data-testid": `${u}-spinner` }) })
   ] });
 }), nr = U((t, r) => t.children ? /* @__PURE__ */ o.jsx(
   eo,
@@ -872,7 +872,7 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
   width: t = 24,
   height: r = 24,
   className: n = "",
-  color: a = "currentColor",
+  color: s = "currentColor",
   ...i
 }) => /* @__PURE__ */ o.jsx(
   "svg",
@@ -887,7 +887,7 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
       "path",
       {
         d: "M19 12H5m0 0 7 7m-7-7 7-7",
-        stroke: a,
+        stroke: s,
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: "2"
@@ -903,65 +903,65 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
   iconRight: t,
   iconLeft: r,
   children: n,
-  postfix: a,
+  postfix: s,
   subcaption: i,
-  size: s,
+  size: a,
   isAsButton: l
 }) => {
-  const c = !!(i && l && s === "l"), u = !!(!n && l && r), f = l && !!(c && !n && a || a && !c);
+  const c = !!(i && l && a === "l"), u = !!(!n && l && r), f = l && !!(c && !n && s || s && !c);
   return /* @__PURE__ */ o.jsxs(Ht, { children: [
     c && n && /* @__PURE__ */ o.jsxs(Ht, { children: [
-      /* @__PURE__ */ o.jsx("span", { "data-testid": "button-label", className: S(O.label, O.labelText), children: n }),
+      /* @__PURE__ */ o.jsx("span", { "data-testid": "button-label", className: w(O.label, O.labelText), children: n }),
       /* @__PURE__ */ o.jsx(
         "span",
         {
           "data-testid": "button-subcaption",
-          className: S(O.subcaption, G["typography-label-4-regular"]),
+          className: w(O.subcaption, G["typography-label-4-regular"]),
           children: i
         }
       )
     ] }),
     !c && n && /* @__PURE__ */ o.jsxs("span", { "data-testid": "button-label", className: O.label, children: [
       r && /* @__PURE__ */ o.jsx("span", { "data-testid": "button-left-icon", className: O.icon, children: r }),
-      /* @__PURE__ */ o.jsx("span", { className: S(O.labelText, { [O.isLink]: !l }), children: n }),
-      !l && t && /* @__PURE__ */ o.jsx("span", { "data-testid": "button-icon", className: S(O.icon, O.iconRight), children: t })
+      /* @__PURE__ */ o.jsx("span", { className: w(O.labelText, { [O.isLink]: !l }), children: n }),
+      !l && t && /* @__PURE__ */ o.jsx("span", { "data-testid": "button-icon", className: w(O.icon, O.iconRight), children: t })
     ] }),
     u && /* @__PURE__ */ o.jsx("span", { "data-testid": "button-icon", className: O.icon, children: l ? r : t }),
     f && /* @__PURE__ */ o.jsx("div", { "data-testid": "button-right-group", className: O.rightGroup, children: /* @__PURE__ */ o.jsx(
       "span",
       {
         "data-testid": "button-postfix",
-        className: S(O.postfix, G["typography-subtitle-2-semibold"]),
-        children: a
+        className: w(O.postfix, G["typography-subtitle-2-semibold"]),
+        children: s
       }
     ) })
   ] });
 }, ye = U((t, r) => {
   const {
     mode: n = "primary",
-    size: a = "m",
+    size: s = "m",
     buttonStyle: i = Ae(t) ? "neutral" : "accent",
-    disabled: s = !1,
+    disabled: a = !1,
     className: l,
     children: c,
     tabIndex: u
-  } = t, f = n === "tertiary", d = Ae(t), g = Qr(t), m = f && "paddings" in t ? t.paddings ?? !0 : !0, h = d ? t.subcaption : void 0, x = d ? t.postfix : void 0, C = d ? t.stretched : void 0, b = !(g && t.size === void 0), y = g && b ? t.iconLeft : void 0, p = g && b ? t.iconRight : void 0, w = !!(d && "loading" in t && t.loading), k = d ? s : s || w, T = !k && !w, $ = d ? t.iconLeft : void 0, E = !!(!c && (d && $ && !x || g && p)), z = typeof C == "object" ? C.justify === "space-between" : void 0, B = ao(a), F = G[B], q = g ? Dn(t.size ?? "m") : void 0, D = q ? G[q] : void 0, L = Fn(k, n, i), M = k || w ? -1 : u, W = S(
+  } = t, f = n === "tertiary", d = Ae(t), h = Qr(t), b = f && "paddings" in t ? t.paddings ?? !0 : !0, m = d ? t.subcaption : void 0, x = d ? t.postfix : void 0, S = d ? t.stretched : void 0, g = !(h && t.size === void 0), y = h && g ? t.iconLeft : void 0, p = h && g ? t.iconRight : void 0, C = !!(d && "loading" in t && t.loading), k = d ? a : a || C, T = !k && !C, $ = d ? t.iconLeft : void 0, E = !!(!c && (d && $ && !x || h && p)), z = typeof S == "object" ? S.justify === "space-between" : void 0, B = ao(s), F = G[B], q = h ? Dn(t.size ?? "m") : void 0, D = q ? G[q] : void 0, L = Fn(k, n, i), M = k || C ? -1 : u, W = w(
     O.button,
-    O[a],
+    O[s],
     O[n],
     O[i],
-    g && D,
+    h && D,
     d && F,
     {
       [O.disabled]: k,
       [O.loading]: d && "loading" in t && t.loading,
-      [O.stretched]: C,
+      [O.stretched]: S,
       [O.spaceBetween]: z,
-      [O.withSubcaption]: !!(h && a === "l" && c),
+      [O.withSubcaption]: !!(m && s === "l" && c),
       [O.iconOnly]: E,
-      [O.link]: g,
-      [O.underline]: g && "showUnderline" in t && t.showUnderline,
-      [O.noPaddings]: f && d && !m
+      [O.link]: h,
+      [O.underline]: h && "showUnderline" in t && t.showUnderline,
+      [O.noPaddings]: f && d && !b
     },
     l
   ), H = {
@@ -969,8 +969,8 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
     iconLeft: d ? $ : y,
     children: c,
     postfix: x,
-    subcaption: h,
-    size: a,
+    subcaption: m,
+    size: s,
     isAsButton: d
   };
   if (Kr(t)) {
@@ -996,7 +996,7 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
         tabIndex: M,
         onClick: Tt,
         "data-testid": at,
-        "aria-disabled": k || w,
+        "aria-disabled": k || C,
         style: ot,
         target: xt,
         rel: it,
@@ -1006,7 +1006,7 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
     );
   }
   if (Jr(t)) {
-    const { type: Z = "button", onClick: K, style: ot, "data-testid": rt, ...J } = t, at = Oe(J), st = a === "l" ? 24 : 16, wt = (xt) => {
+    const { type: Z = "button", onClick: K, style: ot, "data-testid": rt, ...J } = t, at = Oe(J), st = s === "l" ? 24 : 16, wt = (xt) => {
       T && K && K(xt);
     };
     return /* @__PURE__ */ o.jsxs(
@@ -1019,12 +1019,12 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
         tabIndex: M,
         onClick: wt,
         "data-testid": rt,
-        "aria-disabled": k || w,
+        "aria-disabled": k || C,
         style: ot,
         ...at,
         children: [
-          /* @__PURE__ */ o.jsx("div", { className: S(O.content, { [O.contentHidden]: w }), children: /* @__PURE__ */ o.jsx(De, { ...H }) }),
-          w && /* @__PURE__ */ o.jsx("div", { className: O.loaderWrapper, children: /* @__PURE__ */ o.jsx(
+          /* @__PURE__ */ o.jsx("div", { className: w(O.content, { [O.contentHidden]: C }), children: /* @__PURE__ */ o.jsx(De, { ...H }) }),
+          C && /* @__PURE__ */ o.jsx("div", { className: O.loaderWrapper, children: /* @__PURE__ */ o.jsx(
             nr,
             {
               variant: L,
@@ -1042,14 +1042,14 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
 ye.displayName = "Button";
 const or = U(
   (t, r) => {
-    const { iconLeft: n, className: a, ...i } = t, l = {
+    const { iconLeft: n, className: s, ...i } = t, l = {
       ...i,
       displayAs: "button",
       mode: "tertiary",
       buttonStyle: "neutral",
       size: "m",
       iconLeft: n ?? /* @__PURE__ */ o.jsx(no, {}),
-      className: S(O.backButton, G["typography-subtitle-1-semibold"], a)
+      className: w(O.backButton, G["typography-subtitle-1-semibold"], s)
     };
     return /* @__PURE__ */ o.jsx(ye, { ref: r, ...l });
   }
@@ -1085,8 +1085,8 @@ function fo(t) {
 function te(t) {
   const r = typeof t == "string" ? t : JSON.stringify(t);
   let n = 5381;
-  for (let a = 0; a < r.length; a++) {
-    const i = r.charCodeAt(a);
+  for (let s = 0; s < r.length; s++) {
+    const i = r.charCodeAt(s);
     n = (n << 5) + n + i;
   }
   return n >>> 0;
@@ -1102,8 +1102,8 @@ const go = (t, r, n) => Math.min(Math.max(t, r), n), ho = [
 ];
 function bo(t, r = ho) {
   if (!t) return "gray";
-  const n = te(t), a = Math.abs(n) % r.length;
-  return r[a];
+  const n = te(t), s = Math.abs(n) % r.length;
+  return r[s];
 }
 const We = 2;
 function mo(t) {
@@ -1147,74 +1147,74 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
 }, Jt = U((t, r) => {
   const {
     style: n,
-    size: a = 40,
+    size: s = 40,
     isLoading: i = !1,
-    isDisabled: s = !1,
+    isDisabled: a = !1,
     shape: l = "circle",
     variant: c = "filled",
     placeholderType: u = "neutral",
     name: f,
     imgSrc: d,
-    imgAlt: g,
-    icon: m,
-    imgProps: h,
+    imgAlt: h,
+    icon: b,
+    imgProps: m,
     colorScheme: x,
-    className: C,
-    "data-testid": b,
+    className: S,
+    "data-testid": g,
     ...y
-  } = t, { onClick: p, onPointerDown: w } = y, T = !s && !i && (!!p || !!w), [$, E] = gt(!1);
+  } = t, { onClick: p, onPointerDown: C } = y, T = !a && !i && (!!p || !!C), [$, E] = gt(!1);
   ut(() => {
     d && E(!1);
   }, [d]);
-  const z = d && !$ ? "image" : m ? "icon" : f ? "name" : "placeholder", B = x || z === "name" && bo(f) || "gray", F = Co(a), q = xo(a, l), D = S(
-    C,
+  const z = d && !$ ? "image" : b ? "icon" : f ? "name" : "placeholder", B = x || z === "name" && bo(f) || "gray", F = Co(s), q = xo(s, l), D = w(
+    S,
     Ct.avatar,
     Ct[`variant-${c}`],
     Ct[`color-${B}`],
     G[F],
     {
-      [Ct.disabled]: s,
+      [Ct.disabled]: a,
       [Ct.loading]: i,
       [Ct.clickable]: T
     }
   ), L = {
-    "--avatar-size": `${a}px`,
+    "--avatar-size": `${s}px`,
     "--avatar-border-radius": `${q}px`,
     ...n
   }, M = {
-    icon: () => /* @__PURE__ */ o.jsx("span", { "data-testid": "avatar-icon", title: g || void 0, role: "img", className: Ct.icon, children: m == null ? void 0 : m({}) }),
+    icon: () => /* @__PURE__ */ o.jsx("span", { "data-testid": "avatar-icon", title: h || void 0, role: "img", className: Ct.icon, children: b == null ? void 0 : b({}) }),
     name: () => /* @__PURE__ */ o.jsx(
       "span",
       {
         role: "textbox",
         "data-testid": "avatar-name",
         className: Ct.name,
-        title: g || void 0,
+        title: h || void 0,
         children: mo(f || "")
       }
     ),
     placeholder: () => /* @__PURE__ */ o.jsx(
       "img",
       {
-        ...h,
+        ...m,
         "data-testid": "avatar-placeholder",
         className: Ct.image,
         src: jo[u],
-        alt: g || void 0
+        alt: h || void 0
       }
     ),
     image: () => /* @__PURE__ */ o.jsx(
       "img",
       {
         "data-testid": "avatar-image",
-        ...h,
+        ...m,
         className: Ct.image,
         src: d || void 0,
-        alt: g || void 0,
+        alt: h || void 0,
         onLoad: () => E(!1),
         onError: (H) => {
           var Z;
-          E(!0), (Z = h == null ? void 0 : h.onError) == null || Z.call(h, H);
+          E(!0), (Z = m == null ? void 0 : m.onError) == null || Z.call(m, H);
         }
       }
     )
@@ -1228,8 +1228,8 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
       onClick: W,
       className: D,
       style: L,
-      "data-testid": b,
-      "aria-disabled": s || i,
+      "data-testid": g,
+      "aria-disabled": a || i,
       children: M[z](null)
     }
   );
@@ -1239,8 +1239,8 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
   if (!t) return null;
   let r = t;
   for (; r; ) {
-    const a = window.getComputedStyle(r).backgroundColor;
-    if (!Eo(a)) return a;
+    const s = window.getComputedStyle(r).backgroundColor;
+    if (!Eo(s)) return s;
     r = r.parentElement;
   }
   return null;
@@ -1248,8 +1248,8 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
   const t = Vt(null), [r, n] = gt(null);
   return ut(() => {
     if (t.current) {
-      const a = Ro(t.current);
-      n(a);
+      const s = Ro(t.current);
+      n(s);
     }
   }, []), { ref: t, bgColor: r };
 };
@@ -1276,27 +1276,27 @@ const Mo = 2, zo = (t) => {
   const {
     avatars: r = [],
     size: n = 40,
-    overlap: a = 0.3,
+    overlap: s = 0.3,
     shape: i = "circle",
-    overflowCount: s = 0,
+    overflowCount: a = 0,
     overflowProps: l,
     cutoutBackground: c
-  } = t, f = -(n * a) + Mo, { ref: d, bgColor: g } = xe(), m = c || g || "#ffffff", h = Et(To.avatarGroup), x = {
-    "--avatar-cutout-bg": m
+  } = t, f = -(n * s) + Mo, { ref: d, bgColor: h } = xe(), b = c || h || "#ffffff", m = Et(To.avatarGroup), x = {
+    "--avatar-cutout-bg": b
   };
-  return r.length === 0 ? null : /* @__PURE__ */ o.jsxs("div", { className: h, ref: d, style: x, children: [
-    r.map((C, b) => {
-      if (C.wrapper) {
-        const y = C.wrapper;
+  return r.length === 0 ? null : /* @__PURE__ */ o.jsxs("div", { className: m, ref: d, style: x, children: [
+    r.map((S, g) => {
+      if (S.wrapper) {
+        const y = S.wrapper;
         return /* @__PURE__ */ o.jsx(
           "div",
           {
             style: {
               marginRight: f
             },
-            children: /* @__PURE__ */ o.jsx(y, { children: /* @__PURE__ */ o.jsx(Jt, { size: n, shape: i, ...C }) })
+            children: /* @__PURE__ */ o.jsx(y, { children: /* @__PURE__ */ o.jsx(Jt, { size: n, shape: i, ...S }) })
           },
-          te(C) + b
+          te(S) + g
         );
       }
       return /* @__PURE__ */ o.jsx(
@@ -1305,17 +1305,17 @@ const Mo = 2, zo = (t) => {
           style: {
             marginRight: f
           },
-          children: /* @__PURE__ */ o.jsx(Jt, { size: n, shape: i, ...C })
+          children: /* @__PURE__ */ o.jsx(Jt, { size: n, shape: i, ...S })
         },
-        te(C) + b
+        te(S) + g
       );
     }),
-    s > 0 && /* @__PURE__ */ o.jsx("div", { style: { marginRight: f }, children: /* @__PURE__ */ o.jsx(
+    a > 0 && /* @__PURE__ */ o.jsx("div", { style: { marginRight: f }, children: /* @__PURE__ */ o.jsx(
       Jt,
       {
         size: n,
         shape: i,
-        icon: () => fo(s),
+        icon: () => fo(a),
         colorScheme: "gray",
         variant: "light",
         ...l
@@ -1380,19 +1380,19 @@ function Fo({
   open: t,
   onOpenChange: r,
   placement: n = "center",
-  disableOutsideClick: a = !1,
+  disableOutsideClick: s = !1,
   disableEscapeKey: i = !1
 }) {
-  const s = jt(
-    (C) => {
-      r == null || r(C);
+  const a = jt(
+    (S) => {
+      r == null || r(S);
     },
     [r]
   ), l = Po(n), { context: c, refs: u } = Ar({
     open: t,
-    onOpenChange: s,
+    onOpenChange: a,
     placement: l
-  }), f = Do(n), { isMounted: d, styles: g } = Or(c, {
+  }), f = Do(n), { isMounted: d, styles: h } = Or(c, {
     duration: 200,
     common: {
       transitionProperty: "opacity, transform",
@@ -1402,17 +1402,17 @@ function Fo({
       opacity: 0
     },
     ...f
-  }), m = Pr(c, {
-    outsidePress: !a,
+  }), b = Pr(c, {
+    outsidePress: !s,
     outsidePressEvent: "mousedown",
     escapeKey: !i
-  }), h = Dr(c, { role: "dialog" }), { getFloatingProps: x } = Fr([m, h]);
+  }), m = Dr(c, { role: "dialog" }), { getFloatingProps: x } = Fr([b, m]);
   return Qe(
     () => ({
       /** Состояние для условного рендеринга с поддержкой анимации закрытия. */
       isMounted: d,
       /** Стили для CSS-переходов (анимации). */
-      transitionStyles: g,
+      transitionStyles: h,
       /** Контекст Floating UI. */
       context: c,
       /** Ссылки на элементы для Floating UI. */
@@ -1420,53 +1420,58 @@ function Fo({
       /** Пропсы для плавающего элемента. */
       getFloatingProps: x
     }),
-    [d, g, c, u, x]
+    [d, h, c, u, x]
   );
 }
 const ar = U((t, r) => {
   const {
     placement: n = "default",
-    open: a,
+    open: s,
     onOpenChange: i,
-    overlayClassName: s,
+    overlayProps: a,
     children: l,
     disableOutsideClick: c = !1,
     disableEscapeKey: u = !1,
-    className: f,
-    style: d,
-    "data-testid": g,
+    disableOverlay: f = !1,
+    className: d,
+    style: h,
+    "data-testid": b,
     ...m
   } = t;
-  a === void 0 && console.error(
+  s === void 0 && console.error(
     "Dialog: компонент должен быть контролируемым. Используйте пропсы open и onOpenChange."
   );
-  const h = Fo({
-    open: a,
+  const x = Fo({
+    open: s,
     onOpenChange: i,
     placement: n,
     disableOutsideClick: c,
     disableEscapeKey: u
-  }), { isMounted: x, transitionStyles: C } = h, b = Wr([r, h.refs.setFloating]);
-  return x ? /* @__PURE__ */ o.jsxs(Hr, { children: [
-    /* @__PURE__ */ o.jsx(
+  }), { isMounted: S, transitionStyles: g } = x, y = Wr([r, x.refs.setFloating]);
+  return S ? /* @__PURE__ */ o.jsxs(Hr, { children: [
+    !f && /* @__PURE__ */ o.jsx(
       Vr,
       {
         "data-testid": "dialog-overlay",
-        className: S(de.overlay, s),
-        lockScroll: !0,
-        style: { opacity: C == null ? void 0 : C.opacity, transition: C == null ? void 0 : C.transition }
+        className: w(de.overlay, a == null ? void 0 : a.className),
+        lockScroll: (a == null ? void 0 : a.lockScroll) ?? !0,
+        style: {
+          opacity: g == null ? void 0 : g.opacity,
+          transition: g == null ? void 0 : g.transition,
+          ...a == null ? void 0 : a.style
+        }
       }
     ),
-    /* @__PURE__ */ o.jsx(qr, { context: h.context, children: /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ o.jsx(qr, { context: x.context, children: /* @__PURE__ */ o.jsx(
       "div",
       {
-        ref: b,
+        ref: y,
         "aria-modal": "true",
         role: "dialog",
-        className: S(f, de.container, de[`placement-${n}`]),
-        style: { ...d, ...C },
-        "data-testid": g,
-        ...h.getFloatingProps(m),
+        className: w(d, de.container, de[`placement-${n}`]),
+        style: { ...h, ...g },
+        "data-testid": b,
+        ...x.getFloatingProps(m),
         children: l
       }
     ) })
@@ -1511,16 +1516,16 @@ const ar = U((t, r) => {
   const r = Je.forwardRef(
     ({
       size: n = 3,
-      children: a,
+      children: s,
       className: i,
-      "data-testid": s,
+      "data-testid": a,
       as: l,
       fontWeight: c = "semibold",
       disabled: u = !1,
       typographyStyle: f = "primary",
       ...d
-    }, g) => {
-      const m = l || ia[n], h = S(
+    }, h) => {
+      const b = l || ia[n], m = w(
         Pt.typography,
         G[`typography-${t}-${n}-${c}`],
         Pt[f],
@@ -1529,7 +1534,7 @@ const ar = U((t, r) => {
         },
         i
       );
-      return a ? /* @__PURE__ */ o.jsx(m, { ref: g, className: h, "data-testid": s, ...d, children: a }) : null;
+      return s ? /* @__PURE__ */ o.jsx(b, { ref: h, className: m, "data-testid": a, ...d, children: s }) : null;
     }
   );
   return r.displayName = `Typography.${t === "title" ? "Title" : "Subtitle"}`, r;
@@ -1537,16 +1542,16 @@ const ar = U((t, r) => {
   const r = Je.forwardRef(
     ({
       size: n = 3,
-      children: a,
+      children: s,
       className: i,
-      "data-testid": s,
+      "data-testid": a,
       as: l = "p",
       fontWeight: c = "regular",
       disabled: u = !1,
       typographyStyle: f = "primary",
       ...d
-    }, g) => {
-      const m = l, h = S(
+    }, h) => {
+      const b = l, m = w(
         Pt.typography,
         G[`typography-${t}-${n}-${c}`],
         Pt[f],
@@ -1555,14 +1560,14 @@ const ar = U((t, r) => {
         },
         i
       );
-      return a ? /* @__PURE__ */ o.jsx(
-        m,
+      return s ? /* @__PURE__ */ o.jsx(
+        b,
         {
-          ref: g,
-          className: h,
-          "data-testid": s,
+          ref: h,
+          className: m,
+          "data-testid": a,
           ...d,
-          children: a
+          children: s
         }
       ) : null;
     }
@@ -1577,7 +1582,7 @@ const ar = U((t, r) => {
   "right-drawer",
   "left-drawer"
 ], ua = (t) => {
-  const { closeButtonProps: r, onOpenChange: n } = t, { wrapper: a, ...i } = r || {}, s = {
+  const { closeButtonProps: r, onOpenChange: n } = t, { wrapper: s, ...i } = r || {}, a = {
     size: "xs",
     mode: "primary",
     buttonStyle: "gray",
@@ -1586,50 +1591,50 @@ const ar = U((t, r) => {
     onClick: () => n(!1),
     ...i
   };
-  return a ? /* @__PURE__ */ o.jsx(a, { children: /* @__PURE__ */ o.jsx(ge, { ...s }) }) : /* @__PURE__ */ o.jsx(ge, { ...s });
+  return s ? /* @__PURE__ */ o.jsx(s, { children: /* @__PURE__ */ o.jsx(ge, { ...a }) }) : /* @__PURE__ */ o.jsx(ge, { ...a });
 }, q1 = U((t, r) => {
   const {
     open: n,
-    onOpenChange: a,
+    onOpenChange: s,
     size: i,
-    placement: s = "default",
+    placement: a = "default",
     showCloseButton: l = !0,
     closeButtonProps: c,
     title: u,
     subTitle: f,
     actions: d,
-    children: g,
-    footer: m,
-    hideHeaderDivider: h,
+    children: h,
+    footer: b,
+    hideHeaderDivider: m,
     hideFooterDivider: x,
-    className: C,
-    classNames: b,
+    className: S,
+    classNames: g,
     styles: y,
     ...p
-  } = t, w = da.includes(s), k = !!(u || f || d);
+  } = t, C = da.includes(a), k = !!(u || f || d);
   return /* @__PURE__ */ o.jsx(
     ar,
     {
       open: n,
-      onOpenChange: a,
-      placement: s,
+      onOpenChange: s,
+      placement: a,
       ref: r,
       style: { width: i },
       ...p,
       children: /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: S(bt.container, C, b == null ? void 0 : b.container),
+          className: w(bt.container, S, g == null ? void 0 : g.container),
           style: { width: i, ...y == null ? void 0 : y.container },
           "data-testid": p["data-testid"] ? `${p["data-testid"]}-container` : void 0,
           children: [
-            k && /* @__PURE__ */ o.jsxs("div", { className: S(bt.header, b == null ? void 0 : b.header), style: y == null ? void 0 : y.header, children: [
-              /* @__PURE__ */ o.jsx("div", { className: S(bt.title, b == null ? void 0 : b.title), style: y == null ? void 0 : y.title, children: typeof u == "string" ? /* @__PURE__ */ o.jsx(ca, { size: 5, className: bt["title-text"], children: u }) : u }),
+            k && /* @__PURE__ */ o.jsxs("div", { className: w(bt.header, g == null ? void 0 : g.header), style: y == null ? void 0 : y.header, children: [
+              /* @__PURE__ */ o.jsx("div", { className: w(bt.title, g == null ? void 0 : g.title), style: y == null ? void 0 : y.title, children: typeof u == "string" ? /* @__PURE__ */ o.jsx(ca, { size: 5, className: bt["title-text"], children: u }) : u }),
               /* @__PURE__ */ o.jsxs("div", { className: bt.actions, children: [
                 d,
-                l && /* @__PURE__ */ o.jsx(ua, { closeButtonProps: c, onOpenChange: a })
+                l && /* @__PURE__ */ o.jsx(ua, { closeButtonProps: c, onOpenChange: s })
               ] }),
-              f && /* @__PURE__ */ o.jsx("div", { className: S(bt.subTitle, b == null ? void 0 : b.subTitle), style: y == null ? void 0 : y.subTitle, children: typeof f == "string" ? /* @__PURE__ */ o.jsx(
+              f && /* @__PURE__ */ o.jsx("div", { className: w(bt.subTitle, g == null ? void 0 : g.subTitle), style: y == null ? void 0 : y.subTitle, children: typeof f == "string" ? /* @__PURE__ */ o.jsx(
                 la,
                 {
                   size: 2,
@@ -1639,23 +1644,23 @@ const ar = U((t, r) => {
                 }
               ) : f })
             ] }),
-            !h && k && /* @__PURE__ */ o.jsx("hr", { className: bt.divider }),
+            !m && k && /* @__PURE__ */ o.jsx("hr", { className: bt.divider }),
             /* @__PURE__ */ o.jsx(
               "div",
               {
-                className: S(
-                  w ? bt["content-for-side-drawer"] : bt.content,
-                  b == null ? void 0 : b.content
+                className: w(
+                  C ? bt["content-for-side-drawer"] : bt.content,
+                  g == null ? void 0 : g.content
                 ),
                 style: {
                   ...y == null ? void 0 : y.content
                 },
                 "data-testid": p["data-testid"] ? `${p["data-testid"]}-content` : void 0,
-                children: g
+                children: h
               }
             ),
-            !x && m && /* @__PURE__ */ o.jsx("hr", { className: bt.divider }),
-            m && /* @__PURE__ */ o.jsx("div", { className: S(bt.footer, b == null ? void 0 : b.footer), style: y == null ? void 0 : y.footer, children: m })
+            !x && b && /* @__PURE__ */ o.jsx("hr", { className: bt.divider }),
+            b && /* @__PURE__ */ o.jsx("div", { className: w(bt.footer, g == null ? void 0 : g.footer), style: y == null ? void 0 : y.footer, children: b })
           ]
         }
       )
@@ -1779,9 +1784,9 @@ const La = (t) => {
   const {
     iconSlot: r,
     title: n,
-    subTitle: a,
+    subTitle: s,
     styles: i,
-    classNames: s,
+    classNames: a,
     children: l,
     "data-testid": c,
     size: u = "m"
@@ -1789,30 +1794,30 @@ const La = (t) => {
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: S(Bt.container, s == null ? void 0 : s.container),
+      className: w(Bt.container, a == null ? void 0 : a.container),
       style: i == null ? void 0 : i.container,
       "data-testid": c,
       children: [
-        r && /* @__PURE__ */ o.jsx("div", { style: i == null ? void 0 : i.iconSlot, className: S(Bt.iconSlot, s == null ? void 0 : s.iconSlot), children: r }),
-        (n || a) && /* @__PURE__ */ o.jsxs("div", { className: S(Bt.textBlock, s == null ? void 0 : s.textBlock), children: [
+        r && /* @__PURE__ */ o.jsx("div", { style: i == null ? void 0 : i.iconSlot, className: w(Bt.iconSlot, a == null ? void 0 : a.iconSlot), children: r }),
+        (n || s) && /* @__PURE__ */ o.jsxs("div", { className: w(Bt.textBlock, a == null ? void 0 : a.textBlock), children: [
           n && /* @__PURE__ */ o.jsx(
             "p",
             {
               style: i == null ? void 0 : i.title,
-              className: S(Bt.title, G[f.title], s == null ? void 0 : s.title),
+              className: w(Bt.title, G[f.title], a == null ? void 0 : a.title),
               children: n
             }
           ),
-          a && /* @__PURE__ */ o.jsx(
+          s && /* @__PURE__ */ o.jsx(
             "p",
             {
               style: i == null ? void 0 : i.subTitle,
-              className: S(Bt.subtitle, G[f.subtitle], s == null ? void 0 : s.subTitle),
-              children: a
+              className: w(Bt.subtitle, G[f.subtitle], a == null ? void 0 : a.subTitle),
+              children: s
             }
           )
         ] }),
-        l && /* @__PURE__ */ o.jsx("div", { className: S(Bt.children, s == null ? void 0 : s.children), children: l })
+        l && /* @__PURE__ */ o.jsx("div", { className: w(Bt.children, a == null ? void 0 : a.children), children: l })
       ]
     }
   );
@@ -1820,14 +1825,14 @@ const La = (t) => {
   const {
     open: r,
     onOpenChange: n,
-    placement: a = "default",
+    placement: s = "default",
     variant: i = "info",
-    title: s,
+    title: a,
     description: l,
     children: c,
     variantAvatarProps: u,
     "data-testid": f
-  } = t, { icon: d, colorScheme: g } = (Gt == null ? void 0 : Gt[i]) || Gt.info, h = i === "avatar" ? {
+  } = t, { icon: d, colorScheme: h } = (Gt == null ? void 0 : Gt[i]) || Gt.info, m = i === "avatar" ? {
     size: 48,
     colorScheme: "gray",
     variant: "light",
@@ -1836,7 +1841,7 @@ const La = (t) => {
   } : {
     size: 48,
     icon: d,
-    colorScheme: g,
+    colorScheme: h,
     variant: "light",
     style: { fontSize: 24, outline: "none" },
     "data-testid": "alert-icon"
@@ -1846,16 +1851,16 @@ const La = (t) => {
     {
       open: r,
       onOpenChange: n,
-      placement: a,
+      placement: s,
       "data-testid": f,
       className: ma.container,
       children: /* @__PURE__ */ o.jsx(
         La,
         {
-          title: s,
+          title: a,
           subTitle: l,
           size: "m",
-          iconSlot: /* @__PURE__ */ o.jsx(Bo, { ...h }),
+          iconSlot: /* @__PURE__ */ o.jsx(Bo, { ...m }),
           children: c
         }
       )
@@ -1902,26 +1907,26 @@ const La = (t) => {
 }, Na = U((t, r) => {
   const {
     icon: n,
-    children: a,
+    children: s,
     variant: i = "filled",
-    label: s,
+    label: a,
     isHidden: l = !1,
     colorScheme: c = "red",
     size: u = 20,
     position: f = "top-right",
     positionOffset: d = { x: 0, y: 0 },
-    cutoutBackground: g,
-    isDisabled: m,
-    className: h,
+    cutoutBackground: h,
+    isDisabled: b,
+    className: m,
     "data-testid": x = "badge",
-    ...C
-  } = t, { onClick: b, onPointerDown: y } = C, { ref: p, bgColor: w } = xe(), k = g || w, $ = !m && (!!b || !!y), E = Et(St.badge__container, St[`position-${f}`]), z = Et(
-    h,
+    ...S
+  } = t, { onClick: g, onPointerDown: y } = S, { ref: p, bgColor: C } = xe(), k = h || C, $ = !b && (!!g || !!y), E = Et(St.badge__container, St[`position-${f}`]), z = Et(
+    m,
     St.badge__content,
     St[`color-${c}`],
     St[`variant-${i}`],
     {
-      [St.disabled]: m,
+      [St.disabled]: b,
       [St.icon]: !!n,
       [St.interactive]: $
     }
@@ -1931,11 +1936,11 @@ const La = (t) => {
     "--badge-offset-y": `${d.y}px`,
     ...k && { "--badge-cutout-bg": k },
     ...i === "transparent" && { "--badge-cutout-bg": "transparent" }
-  }, F = (n == null ? void 0 : n({})) || s, q = (D) => {
-    $ && (b == null || b(D));
+  }, F = (n == null ? void 0 : n({})) || a, q = (D) => {
+    $ && (g == null || g(D));
   };
   return /* @__PURE__ */ o.jsxs("div", { className: St.wrapper, ref: p, "data-testid": x + "-wrapper", children: [
-    a,
+    s,
     !l && /* @__PURE__ */ o.jsx(
       "span",
       {
@@ -1945,12 +1950,12 @@ const La = (t) => {
         children: /* @__PURE__ */ o.jsx(
           "span",
           {
-            ...C,
+            ...S,
             onClick: q,
             className: z,
             "data-testid": x + "-content",
             ref: r,
-            "aria-disabled": m,
+            "aria-disabled": b,
             children: F
           }
         )
@@ -1961,7 +1966,7 @@ const La = (t) => {
   container: Ma,
   image: za,
   loading: Ba
-}, Aa = ({ width: t = 48, height: r = 48, className: n, "data-testid": a }) => /* @__PURE__ */ o.jsx(
+}, Aa = ({ width: t = 48, height: r = 48, className: n, "data-testid": s }) => /* @__PURE__ */ o.jsx(
   "svg",
   {
     width: t,
@@ -1970,7 +1975,7 @@ const La = (t) => {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     className: n,
-    "data-testid": a,
+    "data-testid": s,
     children: /* @__PURE__ */ o.jsx(
       "path",
       {
@@ -1985,15 +1990,15 @@ const La = (t) => {
 ), X1 = U((t, r) => {
   const {
     alt: n = "",
-    loading: a = "lazy",
+    loading: s = "lazy",
     src: i,
-    isLoading: s = !1,
+    isLoading: a = !1,
     className: l,
     "data-testid": c = "image",
     onError: u,
     onLoad: f,
     ...d
-  } = t, [g, m] = gt("loading"), h = g === "error", x = (s || g === "loading") && !h, C = g === "loaded" && !s, b = Et(
+  } = t, [h, b] = gt("loading"), m = h === "error", x = (a || h === "loading") && !m, S = h === "loaded" && !a, g = Et(
     ue.image,
     {
       [ue.loading]: x
@@ -2001,15 +2006,15 @@ const La = (t) => {
     l
   ), y = jt(
     (k) => {
-      m("loaded"), f == null || f(k);
+      b("loaded"), f == null || f(k);
     },
     [f]
   ), p = jt(
     (k) => {
-      m("error"), u == null || u(k);
+      b("error"), u == null || u(k);
     },
     [u]
-  ), w = {
+  ), C = {
     loader: /* @__PURE__ */ o.jsxs(Ht, { children: [
       /* @__PURE__ */ o.jsx(nr, { size: 48, variant: "special", "data-testid": `${c}-loader` }),
       /* @__PURE__ */ o.jsx(
@@ -2030,22 +2035,22 @@ const La = (t) => {
         ref: r,
         alt: n,
         "data-testid": c,
-        loading: a,
+        loading: s,
         src: i,
-        className: b
+        className: g
       }
     )
   };
   return ut(() => {
     if (!i) {
-      m("error");
+      b("error");
       return;
     }
-    m("loading");
+    b("loading");
   }, [i]), /* @__PURE__ */ o.jsxs("div", { className: ue.container, "data-testid": `${c}-container`, ...d, children: [
-    x && w.loader,
-    h && w.error,
-    C && w.image
+    x && C.loader,
+    m && C.error,
+    S && C.image
   ] });
 }), Oa = {}, sr = tr({
   locale: Oa
@@ -2084,12 +2089,12 @@ const La = (t) => {
   locale: t = {},
   theme: r,
   children: n,
-  className: a
+  className: s
 }) => (zr(() => {
   if (r) {
     const i = document.documentElement;
-    Object.entries(r).forEach(([s, l]) => {
-      i.style.setProperty(s, l);
+    Object.entries(r).forEach(([a, l]) => {
+      i.style.setProperty(a, l);
     });
   }
 }, [r]), /* @__PURE__ */ o.jsxs(Ht, { children: [
@@ -2097,7 +2102,7 @@ const La = (t) => {
     "div",
     {
       "data-testid": "ConfigProvider-component",
-      className: S(Da, Fa, Wa, Ha, Va, _s, G, a)
+      className: w(Da, Fa, Wa, Ha, Va, _s, G, s)
     }
   ),
   /* @__PURE__ */ o.jsx(sr.Provider, { value: { locale: t }, children: n })
@@ -2121,37 +2126,37 @@ const La = (t) => {
 }, K1 = U((t, r) => {
   const {
     className: n,
-    children: a,
+    children: s,
     componentStyle: i = "neutral",
-    size: s = "medium",
+    size: a = "medium",
     disabled: l = !1,
-    showLabel: c = !!a,
+    showLabel: c = !!s,
     slotStart: u,
     slotEnd: f,
     slotStartWrapperProps: d = {},
-    slotEndWrapperProps: g = {},
-    "data-testid": m
-  } = t, { className: h, ...x } = d, { className: C, ...b } = g;
+    slotEndWrapperProps: h = {},
+    "data-testid": b
+  } = t, { className: m, ...x } = d, { className: S, ...g } = h;
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: S(
+      className: w(
         It.tag,
-        It[s],
+        It[a],
         It[i],
         {
           [It.disabled]: l,
-          [G["typography-label-3-regular"]]: s === "medium",
-          [G["typography-subtitle-1-semibold"]]: s === "large"
+          [G["typography-label-3-regular"]]: a === "medium",
+          [G["typography-subtitle-1-semibold"]]: a === "large"
         },
         n
       ),
-      "data-testid": m || "tag-component",
+      "data-testid": b || "tag-component",
       ref: r,
       children: [
-        u && /* @__PURE__ */ o.jsx("span", { className: S([It.iconWrapper, h]), ...x, children: u }),
-        c && /* @__PURE__ */ o.jsx("span", { className: S([It.label]), children: a }),
-        f && /* @__PURE__ */ o.jsx("span", { className: S([It.iconWrapper, C]), ...b, children: f })
+        u && /* @__PURE__ */ o.jsx("span", { className: w([It.iconWrapper, m]), ...x, children: u }),
+        c && /* @__PURE__ */ o.jsx("span", { className: w([It.label]), children: s }),
+        f && /* @__PURE__ */ o.jsx("span", { className: w([It.iconWrapper, S]), ...g, children: f })
       ]
     }
   );
@@ -2169,7 +2174,7 @@ const La = (t) => {
   width: t = 12,
   height: r = 9,
   className: n = "",
-  color: a = "currentColor",
+  color: s = "currentColor",
   ...i
 }) => /* @__PURE__ */ o.jsx(
   "svg",
@@ -2187,7 +2192,7 @@ const La = (t) => {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M13.0001 2.49999C13.3906 2.10946 13.3906 1.4763 13.0001 1.08578C12.6095 0.695251 11.9764 0.695251 11.5859 1.08578L5.29296 7.37867L2.00007 4.08578C1.60954 3.69525 0.976378 3.69525 0.585855 4.08578C0.19533 4.4763 0.19533 5.10946 0.585855 5.49999L4.58585 9.49999C4.97638 9.89051 5.60954 9.89051 6.00007 9.49999L13.0001 2.49999Z",
-        fill: a
+        fill: s
       }
     )
   }
@@ -2195,7 +2200,7 @@ const La = (t) => {
   width: t = 12,
   height: r = 2,
   className: n = "",
-  color: a = "currentColor",
+  color: s = "currentColor",
   ...i
 }) => /* @__PURE__ */ o.jsx(
   "svg",
@@ -2213,7 +2218,7 @@ const La = (t) => {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M0 1C0 0.447715 0.447715 0 1 0H11C11.5523 0 12 0.447715 12 1C12 1.55228 11.5523 2 11 2H1C0.447715 2 0 1.55228 0 1Z",
-        fill: a
+        fill: s
       }
     )
   }
@@ -2224,10 +2229,10 @@ const La = (t) => {
   size: t,
   isChecked: r,
   isDisabled: n,
-  indeterminate: a,
+  indeterminate: s,
   dataTestId: i
 }) => {
-  const { width: s, height: l } = Fs[t];
+  const { width: a, height: l } = Fs[t];
   return /* @__PURE__ */ o.jsx(
     "div",
     {
@@ -2235,29 +2240,29 @@ const La = (t) => {
       "data-testid": `${i}-icon`,
       "data-checked": r,
       "data-disabled": n,
-      "data-indeterminate": a,
-      children: a ? /* @__PURE__ */ o.jsx(Ds, { width: s, height: l }) : /* @__PURE__ */ o.jsx(Ps, { width: s, height: l })
+      "data-indeterminate": s,
+      children: s ? /* @__PURE__ */ o.jsx(Ds, { width: a, height: l }) : /* @__PURE__ */ o.jsx(Ps, { width: a, height: l })
     }
   );
 }, J1 = U((t, r) => {
   const {
     name: n,
-    value: a,
+    value: s,
     size: i = "medium",
-    indeterminate: s = !1,
+    indeterminate: a = !1,
     loading: l = !1,
     error: c,
     disabled: u = !1,
     containerClassName: f,
     className: d,
-    containerStyle: g,
-    style: m,
-    children: h,
+    containerStyle: h,
+    style: b,
+    children: m,
     clickableLabel: x = !0,
-    tabIndex: C,
-    onChange: b,
+    tabIndex: S,
+    onChange: g,
     "data-testid": y = "checkbox"
-  } = t, [p, w] = gt(!1), k = a ?? p, T = u || l, $ = !!c, E = k || s, z = S(Lt.container, Lt[i], f), B = S(
+  } = t, [p, C] = gt(!1), k = s ?? p, T = u || l, $ = !!c, E = k || a, z = w(Lt.container, Lt[i], f), B = w(
     Lt.checkbox,
     Lt[i],
     {
@@ -2265,12 +2270,12 @@ const La = (t) => {
     },
     d
   ), F = (M) => {
-    T || (w(M.target.checked), b == null || b(M.target.checked, M));
+    T || (C(M.target.checked), g == null || g(M.target.checked, M));
   }, q = (M) => {
     if (M.key === "Enter" && !T) {
       M.preventDefault();
       const W = !E;
-      w(W), b == null || b(W);
+      C(W), g == null || g(W);
     }
   }, D = (M) => {
     x || M.preventDefault();
@@ -2280,16 +2285,16 @@ const La = (t) => {
     {
       className: z,
       htmlFor: n,
-      style: g,
+      style: h,
       "data-testid": y,
       "data-clickable-label": x,
       children: [
         /* @__PURE__ */ o.jsx("div", { className: Lt.checkboxWrapper, children: /* @__PURE__ */ o.jsxs(
           "div",
           {
-            tabIndex: C || 0,
+            tabIndex: S || 0,
             className: B,
-            style: m,
+            style: b,
             onKeyDown: q,
             "aria-checked": E,
             "aria-disabled": T,
@@ -2322,21 +2327,21 @@ const La = (t) => {
                   size: i,
                   isChecked: E,
                   isDisabled: T,
-                  indeterminate: s,
+                  indeterminate: a,
                   dataTestId: y
                 }
               )
             ]
           }
         ) }),
-        h && /* @__PURE__ */ o.jsx(
+        m && /* @__PURE__ */ o.jsx(
           "span",
           {
             "data-testid": `${y}-label-text`,
             "data-clickable-label": x,
             className: Lt.label,
             onClick: D,
-            children: h
+            children: m
           }
         )
       ]
@@ -2397,7 +2402,7 @@ const La = (t) => {
   width: t = 8,
   height: r = 8,
   className: n,
-  color: a = "#AABBCA"
+  color: s = "#AABBCA"
 }) => /* @__PURE__ */ o.jsx(
   "svg",
   {
@@ -2413,7 +2418,7 @@ const La = (t) => {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M6.10178 0.236172C6.41679 -0.0787239 6.93824 -0.0787239 7.25325 0.236172C7.56826 0.551067 7.56826 1.07227 7.25325 1.38717L1.38772 7.25074C1.22479 7.41362 1.01837 7.48963 0.811988 7.48963C0.605604 7.48963 0.399189 7.41362 0.236255 7.25074C-0.0787516 6.93584 -0.0787516 6.41464 0.236255 6.09974L6.10178 0.236172ZM6.61276 4.19954C6.92777 3.88464 7.44895 3.88464 7.76396 4.19954C8.07897 4.52529 8.07897 5.03564 7.76396 5.35053L5.35256 7.76111C5.18963 7.92399 4.98321 8 4.77683 8C4.57045 8 4.36403 7.92399 4.2011 7.76111C3.88609 7.44622 3.88609 6.92501 4.2011 6.61012L6.61276 4.19954Z",
-        fill: a
+        fill: s
       }
     )
   }
@@ -2421,13 +2426,13 @@ const La = (t) => {
   className: t = "",
   style: r,
   size: n = "md",
-  color: a = "currentColor",
+  color: s = "currentColor",
   onClick: i,
-  ...s
+  ...a
 }) => {
   const c = {
     display: "inline-block",
-    color: a,
+    color: s,
     ...{
       xxxs: { width: "8px", height: "8px" },
       xxs: { width: "12px", height: "12px" },
@@ -2447,7 +2452,7 @@ const La = (t) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       onClick: i,
-      ...s,
+      ...a,
       children: /* @__PURE__ */ o.jsx(
         "path",
         {
@@ -2461,95 +2466,95 @@ const La = (t) => {
     }
   );
 }, Ri = (t, r) => {
-  const n = Vt(null), a = Vt(null);
+  const n = Vt(null), s = Vt(null);
   return ut(() => {
-    const i = r === "textarea" ? n.current : a.current;
+    const i = r === "textarea" ? n.current : s.current;
     i && i.value !== t && (i.value = t || "");
   }, [t, r]), {
     textareaRef: n,
-    inputRef: a,
-    currentRef: r === "textarea" ? n : a
+    inputRef: s,
+    currentRef: r === "textarea" ? n : s
   };
 }, Ii = (t, r, n) => {
-  const a = () => {
+  const s = () => {
     if (!n.current || r !== "hug") return;
     const i = n.current.scrollTop;
     if (n.current.style.setProperty("height", "auto", "important"), !t) return;
-    const s = n.current.scrollHeight + "px";
-    n.current.style.setProperty("height", s, "important"), n.current.scrollTop = i;
+    const a = n.current.scrollHeight + "px";
+    n.current.style.setProperty("height", a, "important"), n.current.scrollTop = i;
     const l = n.current.closest(`.${I.wrapper}`);
     l && (l.setAttribute("data-resize", "hug"), l.setAttribute("data-show-grip", "false"));
   };
-  return ut(a, [t, r]), ut(() => {
-    r === "hug" && n.current && a();
-  }, []), { resizeTextArea: a };
-}, Ni = (t, r, n, a) => ({ handleGripMouseDown: jt(
-  (s) => {
-    if (!t || r || n || !(a === "fixed" || !a)) return;
-    s.preventDefault(), s.stopPropagation();
-    const l = s.currentTarget.closest(`.${I.wrapper}`);
+  return ut(s, [t, r]), ut(() => {
+    r === "hug" && n.current && s();
+  }, []), { resizeTextArea: s };
+}, Ni = (t, r, n, s) => ({ handleGripMouseDown: jt(
+  (a) => {
+    if (!t || r || n || !(s === "fixed" || !s)) return;
+    a.preventDefault(), a.stopPropagation();
+    const l = a.currentTarget.closest(`.${I.wrapper}`);
     if (!l) return;
-    const c = s.clientY, u = l.clientHeight, f = (g) => {
-      const m = g.clientY - c, h = Math.min(100, u), x = Math.max(h, u + m);
+    const c = a.clientY, u = l.clientHeight, f = (h) => {
+      const b = h.clientY - c, m = Math.min(100, u), x = Math.max(m, u + b);
       l.style.height = `${x}px`;
     }, d = () => {
       document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", d);
     };
     document.addEventListener("mousemove", f), document.addEventListener("mouseup", d);
   },
-  [t, r, n, a]
+  [t, r, n, s]
 ) }), Xe = 30, Mi = U(
   ({
     component: t = "input",
     size: r = "L",
     value: n = "",
-    placeholder: a,
+    placeholder: s,
     disabled: i = !1,
-    loading: s = !1,
+    loading: a = !1,
     onFocus: l,
     onBlur: c,
     onChange: u,
     onKeyDown: f,
     onKeyUp: d,
-    maxLength: g,
-    className: m,
-    style: h,
+    maxLength: h,
+    className: b,
+    style: m,
     truncate: x = !1,
-    shouldShowFloatingLabelClass: C = !1,
-    "aria-invalid": b,
+    shouldShowFloatingLabelClass: S = !1,
+    "aria-invalid": g,
     "aria-errormessage": y,
     id: p,
-    resize: w,
+    resize: C,
     ...k
   }, T) => {
     const { textareaRef: $, inputRef: E, currentRef: z } = Ri(n, t);
-    if (Ii(n, w, $), Br(T, () => z.current, [z]), t === "textarea")
+    if (Ii(n, C, $), Br(T, () => z.current, [z]), t === "textarea")
       return /* @__PURE__ */ o.jsx(
         "textarea",
         {
           ref: $,
           id: p,
           value: n,
-          placeholder: a,
-          disabled: i || s,
+          placeholder: s,
+          disabled: i || a,
           onFocus: l,
           onBlur: c,
           onChange: u,
           onKeyDown: f,
           onKeyUp: d,
-          maxLength: g,
-          className: S(
+          maxLength: h,
+          className: w(
             I.textarea,
             I[`size-${r}`],
-            C && I["with-floating-label"],
-            m
+            S && I["with-floating-label"],
+            b
           ),
-          style: h,
-          "aria-invalid": b,
+          style: m,
+          "aria-invalid": g,
           "aria-errormessage": y,
           "aria-describedby": y ? `${p}-error` : void 0,
           tabIndex: 0,
-          "data-resize": w,
+          "data-resize": C,
           ...k
         }
       );
@@ -2560,23 +2565,23 @@ const La = (t) => {
           ref: E,
           id: p,
           value: n,
-          placeholder: a,
-          disabled: i || s,
+          placeholder: s,
+          disabled: i || a,
           onFocus: l,
           onBlur: c,
           onChange: u,
           onKeyDown: f,
           onKeyUp: d,
-          maxLength: g,
-          className: S(
+          maxLength: h,
+          className: w(
             I.input,
             I[`size-${r}`],
-            C && I["with-floating-label"],
+            S && I["with-floating-label"],
             x && I.truncate,
-            m
+            b
           ),
-          style: h,
-          "aria-invalid": b,
+          style: m,
+          "aria-invalid": g,
           "aria-errormessage": y,
           "aria-describedby": y ? `${p}-error` : void 0,
           tabIndex: 0,
@@ -2593,23 +2598,23 @@ const La = (t) => {
     children: t,
     size: r = "L",
     error: n = !1,
-    disabled: a = !1,
+    disabled: s = !1,
     loading: i = !1,
-    className: s,
+    className: a,
     wrapperProps: l,
     wrapperStyles: c,
     floatingLabelStyles: u,
     prefixStyles: f,
     suffixStyles: d,
-    labelProps: g,
-    helperProps: m,
-    showLimit: h = !1,
+    labelProps: h,
+    helperProps: b,
+    showLimit: m = !1,
     maxLength: x,
-    hint: C,
-    showHint: b = !1,
+    hint: S,
+    showHint: g = !1,
     showHintOnEmpty: y = !1,
     prefix: p,
-    suffix: w,
+    suffix: C,
     onSuffixClick: k,
     placeholder: T,
     showLabel: $ = !0,
@@ -2622,22 +2627,22 @@ const La = (t) => {
     showGrip: L = !1,
     ...M
   }, W) => {
-    const H = me(), Z = F || H, K = b && C && (z || y), ot = C && C.length > Xe ? C.substring(0, Xe) + "..." : C, rt = S(
+    const H = me(), Z = F || H, K = g && S && (z || y), ot = S && S.length > Xe ? S.substring(0, Xe) + "..." : S, rt = w(
       I.wrapper,
       I[`size-${r}`],
       n && I.error,
-      a && I.disabled,
+      s && I.disabled,
       i && I.loading,
       K && I["has-hint"],
-      w && I["has-suffix"],
-      h && I["has-limit"],
-      s
-    ), J = S(
+      C && I["has-suffix"],
+      m && I["has-limit"],
+      a
+    ), J = w(
       I.floatingLabel,
       I[r],
       z && I.filled,
       E
-    ), { handleGripMouseDown: at } = Ni(L, a, i, D);
+    ), { handleGripMouseDown: at } = Ni(L, s, i, D);
     return /* @__PURE__ */ o.jsxs("div", { ref: W, className: I.inputBase, "data-testid": "input-base-wrapper", ...M, children: [
       /* @__PURE__ */ o.jsxs(
         "div",
@@ -2649,14 +2654,14 @@ const La = (t) => {
           ...l,
           children: [
             p && /* @__PURE__ */ o.jsx("label", { htmlFor: Z, className: I.leftSection, style: f, children: p }),
-            w && /* @__PURE__ */ o.jsx(
+            C && /* @__PURE__ */ o.jsx(
               "label",
               {
                 htmlFor: Z,
                 className: I.rightSection,
                 style: d,
                 onClick: k,
-                children: w
+                children: C
               }
             ),
             T && $ && /* @__PURE__ */ o.jsx(
@@ -2665,12 +2670,12 @@ const La = (t) => {
                 htmlFor: Z,
                 className: J,
                 style: u,
-                ...g,
+                ...h,
                 children: T
               }
             ),
             t,
-            L && !h && (D === "fixed" || !D) && /* @__PURE__ */ o.jsx(
+            L && !m && (D === "fixed" || !D) && /* @__PURE__ */ o.jsx(
               "div",
               {
                 className: I.gripHandle,
@@ -2684,12 +2689,12 @@ const La = (t) => {
             K && /* @__PURE__ */ o.jsx(
               "div",
               {
-                className: S(I.hint, z && I.truncate),
-                "data-disabled": a || i,
+                className: w(I.hint, z && I.truncate),
+                "data-disabled": s || i,
                 children: ot
               }
             ),
-            h && x && /* @__PURE__ */ o.jsxs("div", { className: I.characterLimit, children: [
+            m && x && /* @__PURE__ */ o.jsxs("div", { className: I.characterLimit, children: [
               (q || "").length,
               " из ",
               x
@@ -2700,12 +2705,12 @@ const La = (t) => {
       B && /* @__PURE__ */ o.jsx(
         "div",
         {
-          className: S(
+          className: w(
             I.helper,
             n && I.error,
-            (a || i) && I.disabled
+            (s || i) && I.disabled
           ),
-          ...m,
+          ...b,
           id: n ? `${Z}-error` : void 0,
           children: B
         }
@@ -2721,23 +2726,23 @@ const Ye = Object.assign(Mi, {
     component: t = "input",
     size: r = "L",
     className: n,
-    error: a = !1,
+    error: s = !1,
     disabled: i = !1,
-    loading: s = !1,
+    loading: a = !1,
     placeholder: l,
     showLabel: c = !0,
     labelClassName: u,
     helper: f,
     prefix: d,
-    suffix: g,
-    id: m,
-    onFocus: h,
+    suffix: h,
+    id: b,
+    onFocus: m,
     onBlur: x,
-    onKeyDown: C,
-    onSuffixClick: b,
+    onKeyDown: S,
+    onSuffixClick: g,
     onChange: y,
     value: p = "",
-    wrapperProps: w,
+    wrapperProps: C,
     wrapperStyles: k,
     floatingLabelStyles: T,
     prefixStyles: $,
@@ -2756,15 +2761,15 @@ const Ye = Object.assign(Mi, {
     showGrip: ot = !1,
     ...rt
   }, J) => {
-    const at = me(), st = m || at, [wt, xt] = gt(p), it = p !== void 0 ? p : wt, Tt = (it || "").length > 0, pt = it || "", Nt = c && (r === "XL" || t === "textarea") && !d, ee = jt(
+    const at = me(), st = b || at, [wt, xt] = gt(p), it = p !== void 0 ? p : wt, Tt = (it || "").length > 0, pt = it || "", Nt = c && (r === "XL" || t === "textarea") && !d, ee = jt(
       (Q) => {
         var tt;
-        i || s || (h == null || h(), (tt = L == null ? void 0 : L.onFocus) == null || tt.call(
+        i || a || (m == null || m(), (tt = L == null ? void 0 : L.onFocus) == null || tt.call(
           L,
           Q
         ));
       },
-      [h, L, i, s]
+      [m, L, i, a]
     ), Zt = jt(
       (Q) => {
         var tt;
@@ -2791,14 +2796,14 @@ const Ye = Object.assign(Mi, {
     ), ne = jt(
       (Q) => {
         var vt;
-        if (i || s) return;
+        if (i || a) return;
         const tt = Q.target.value;
         xt(tt), y == null || y(tt, Q), (vt = L == null ? void 0 : L.onChange) == null || vt.call(
           L,
           Q
         );
       },
-      [y, L, i, s]
+      [y, L, i, a]
     );
     return ut(() => {
       xt(p || "");
@@ -2807,11 +2812,11 @@ const Ye = Object.assign(Mi, {
       {
         ref: J,
         size: r,
-        error: a,
-        disabled: i || s,
-        loading: s,
-        className: S(n, t === "textarea" && I["textarea-wrapper"]),
-        wrapperProps: w,
+        error: s,
+        disabled: i || a,
+        loading: a,
+        className: w(n, t === "textarea" && I["textarea-wrapper"]),
+        wrapperProps: C,
         wrapperStyles: k,
         floatingLabelStyles: T,
         prefixStyles: $,
@@ -2824,8 +2829,8 @@ const Ye = Object.assign(Mi, {
         showHint: W,
         showHintOnEmpty: H,
         prefix: d,
-        suffix: g,
-        onSuffixClick: b,
+        suffix: h,
+        onSuffixClick: g,
         placeholder: l,
         showLabel: c,
         labelClassName: u,
@@ -2844,19 +2849,19 @@ const Ye = Object.assign(Mi, {
             value: pt,
             placeholder: l,
             disabled: i,
-            loading: s,
+            loading: a,
             onFocus: ee,
             onBlur: re,
             onChange: ne,
-            onKeyDown: C,
+            onKeyDown: S,
             onKeyUp: Zt,
             maxLength: D,
             truncate: Z,
             "data-empty": !Tt,
             shouldShowFloatingLabelClass: Nt,
             style: t === "textarea" ? z : void 0,
-            "aria-invalid": !!a,
-            "aria-errormessage": a ? `${st}-error` : void 0,
+            "aria-invalid": !!s,
+            "aria-errormessage": s ? `${st}-error` : void 0,
             id: st,
             resize: K,
             ...L
@@ -2870,12 +2875,12 @@ const Ye = Object.assign(Mi, {
   M: "M",
   L: "L",
   XL: "XL"
-}, zi = (t, r, n, a) => {
+}, zi = (t, r, n, s) => {
   switch (t) {
     case V.XL:
       return r && n ? "8px 16px 8px 16px" : "16px 16px 16px 16px";
     case V.L:
-      return a ? "12px 12px 12px 12px" : "12px 16px 12px 16px";
+      return s ? "12px 12px 12px 12px" : "12px 16px 12px 16px";
     case V.M:
       return "10px 12px 10px 12px";
     case V.S:
@@ -2918,7 +2923,7 @@ const Ye = Object.assign(Mi, {
     default:
       return 12;
   }
-}, Pi = (t, r, n, a) => ({
+}, Pi = (t, r, n, s) => ({
   wrapperStyles: {
     minHeight: t,
     maxHeight: t,
@@ -2932,13 +2937,13 @@ const Ye = Object.assign(Mi, {
     paddingRight: `${n}px`
   },
   suffixStyles: {
-    right: `${a}px`,
+    right: `${s}px`,
     maxWidth: "32px",
     maxHeight: "32px",
     padding: "6px",
     cursor: "pointer"
   }
-}), Di = (t, r, n, a) => ({
+}), Di = (t, r, n, s) => ({
   wrapperStyles: {
     height: t,
     minHeight: t,
@@ -2954,13 +2959,13 @@ const Ye = Object.assign(Mi, {
     paddingRight: `${n}px`
   },
   suffixStyles: {
-    right: `${a}px`,
+    right: `${s}px`,
     maxWidth: "40px",
     maxHeight: "40px",
     padding: "8px",
     cursor: "pointer"
   }
-}), Fi = (t, r, n, a) => ({
+}), Fi = (t, r, n, s) => ({
   wrapperStyles: {
     minHeight: t,
     maxHeight: t,
@@ -2974,7 +2979,7 @@ const Ye = Object.assign(Mi, {
     paddingRight: `${n}px`
   },
   suffixStyles: {
-    right: `${a}px`,
+    right: `${s}px`,
     maxWidth: "40px",
     maxHeight: "40px",
     padding: "8px",
@@ -2983,7 +2988,7 @@ const Ye = Object.assign(Mi, {
     alignItems: "center",
     justifyContent: "center"
   }
-}), Wi = (t, r, n, a) => ({
+}), Wi = (t, r, n, s) => ({
   wrapperStyles: {
     minHeight: t,
     maxHeight: t,
@@ -2997,23 +3002,23 @@ const Ye = Object.assign(Mi, {
     paddingRight: `${n}px`
   },
   suffixStyles: {
-    right: `${a}px`,
+    right: `${s}px`,
     maxWidth: "32px",
     maxHeight: "32px",
     padding: "6px",
     cursor: "pointer"
   }
-}), Hi = (t, r, n, a) => {
-  const i = Bi(t), s = zi(t, r, n, a), l = Oi(t), c = Ai(t);
+}), Hi = (t, r, n, s) => {
+  const i = Bi(t), a = zi(t, r, n, s), l = Oi(t), c = Ai(t);
   switch (t) {
     case V.XL:
-      return Di(i, s, l, c);
+      return Di(i, a, l, c);
     case V.L:
-      return Fi(i, s, l, c);
+      return Fi(i, a, l, c);
     case V.M:
-      return Wi(i, s, l, c);
+      return Wi(i, a, l, c);
     case V.S:
-      return Pi(i, s, l, c);
+      return Pi(i, a, l, c);
     default:
       return {
         wrapperStyles: {},
@@ -3027,23 +3032,23 @@ const Ye = Object.assign(Mi, {
     value: t = "",
     onChange: r,
     type: n = "text",
-    placeholder: a,
+    placeholder: s,
     maxLength: i,
-    minLength: s,
+    minLength: a,
     autoComplete: l,
     autoFocus: c,
     size: u = V.L,
     inputProps: f,
     error: d,
-    disabled: g,
-    loading: m,
-    helper: h,
+    disabled: h,
+    loading: b,
+    helper: m,
     prefix: x,
-    suffix: C,
-    clearable: b = !1,
+    suffix: S,
+    clearable: g = !1,
     id: y,
     showLabel: p = !0,
-    onFocus: w,
+    onFocus: C,
     onBlur: k,
     onSuffixClick: T,
     onClear: $,
@@ -3057,7 +3062,7 @@ const Ye = Object.assign(Mi, {
     helperProps: M,
     ...W
   }, H) => {
-    const Z = (t || "").length > 0, K = u === V.XL, ot = !!x, rt = K && p && !x, J = b && Z && !(g || m), at = () => {
+    const Z = (t || "").length > 0, K = u === V.XL, ot = !!x, rt = K && p && !x, J = g && Z && !(h || b), at = () => {
       r == null || r(""), $ == null || $();
     }, st = () => {
       J && at(), T == null || T();
@@ -3069,9 +3074,9 @@ const Ye = Object.assign(Mi, {
         style: { cursor: "pointer" },
         "data-testid": "x-icon"
       }
-    ) : C, xt = {
+    ) : S, xt = {
       type: n,
-      minLength: s,
+      minLength: a,
       autoComplete: l,
       autoFocus: c,
       ...f
@@ -3081,19 +3086,19 @@ const Ye = Object.assign(Mi, {
       {
         size: u,
         error: d,
-        disabled: g || m,
-        loading: m,
-        helper: h,
+        disabled: h || b,
+        loading: b,
+        helper: m,
         prefix: x,
         suffix: wt,
         id: y,
         showLabel: rt,
-        onFocus: w,
+        onFocus: C,
         onBlur: k,
         onSuffixClick: st,
         onChange: r,
         value: t,
-        placeholder: a,
+        placeholder: s,
         className: E,
         wrapperStyles: it.wrapperStyles,
         floatingLabelStyles: it.floatingLabelStyles,
@@ -3205,15 +3210,15 @@ const Ye = Object.assign(Mi, {
         return "L";
     }
   return t;
-}, Gi = (t) => Vi[t], Ui = (t) => Qt[t], Ki = (t, r, n, a) => {
-  const i = qi(t, r), s = Zi(t, r), l = Xi(t, r, n);
+}, Gi = (t) => Vi[t], Ui = (t) => Qt[t], Ki = (t, r, n, s) => {
+  const i = qi(t, r), a = Zi(t, r), l = Xi(t, r, n);
   return {
     wrapperStyles: {
       minHeight: i,
       // Для fill resize устанавливаем height: 100%
-      ...a === Kt.FILL && { height: "100%" },
+      ...s === Kt.FILL && { height: "100%" },
       // Для fixed resize устанавливаем фиксированную высоту
-      ...a === Kt.FIXED && r && { height: i },
+      ...s === Kt.FIXED && r && { height: i },
       boxSizing: "border-box",
       padding: l
     },
@@ -3228,11 +3233,11 @@ const Ye = Object.assign(Mi, {
       boxSizing: "border-box"
     },
     textareaStyles: {
-      minHeight: s,
+      minHeight: a,
       // Для fill resize flex: 1
-      ...a === Kt.FILL && { flex: 1, minHeight: 0 },
+      ...s === Kt.FILL && { flex: 1, minHeight: 0 },
       // Для fixed resize фиксированная высота
-      ...a === Kt.FIXED && r && { height: s }
+      ...s === Kt.FIXED && r && { height: a }
     }
   };
 }, tc = U(
@@ -3240,23 +3245,23 @@ const Ye = Object.assign(Mi, {
     value: t = "",
     onChange: r,
     placeholder: n,
-    maxLength: a,
+    maxLength: s,
     minLength: i,
-    autoFocus: s,
+    autoFocus: a,
     size: l = ft.L,
     textareaProps: c,
     error: u,
     disabled: f,
     loading: d,
-    helper: g,
-    suffix: m,
-    clearable: h = !1,
+    helper: h,
+    suffix: b,
+    clearable: m = !1,
     id: x,
-    showLabel: C = !0,
-    onFocus: b,
+    showLabel: S = !0,
+    onFocus: g,
     onBlur: y,
     onClear: p,
-    onKeyDown: w,
+    onKeyDown: C,
     className: k,
     rows: T = 1,
     showLimit: $ = !1,
@@ -3268,7 +3273,7 @@ const Ye = Object.assign(Mi, {
     resize: D,
     ...L
   }, M) => {
-    const W = (t || "").length > 0, H = C && !!n && (l === ft.M || q !== 48), Z = h && W && !(f || d), K = () => {
+    const W = (t || "").length > 0, H = S && !!n && (l === ft.M || q !== 48), Z = m && W && !(f || d), K = () => {
       r == null || r(""), p == null || p();
     }, ot = () => {
       Z && K();
@@ -3280,10 +3285,10 @@ const Ye = Object.assign(Mi, {
         style: { cursor: "pointer" },
         "data-testid": "x-icon"
       }
-    ) : m, J = Ki(l, q, H && W, D), at = Yi(l, q), st = {
+    ) : b, J = Ki(l, q, H && W, D), at = Yi(l, q), st = {
       rows: T,
       minLength: i,
-      autoFocus: s,
+      autoFocus: a,
       resize: D,
       ...c
     };
@@ -3297,13 +3302,13 @@ const Ye = Object.assign(Mi, {
         disabled: f || d,
         loading: d,
         onSuffixClick: ot,
-        helper: g,
+        helper: h,
         suffix: rt,
         id: x,
         showLabel: H,
-        onFocus: b,
+        onFocus: g,
         onBlur: y,
-        onKeyDown: w,
+        onKeyDown: C,
         onChange: r,
         value: t || "",
         placeholder: n,
@@ -3317,7 +3322,7 @@ const Ye = Object.assign(Mi, {
         labelProps: z,
         helperProps: B,
         showLimit: $ && (q === 112 || l === ft.M),
-        maxLength: a,
+        maxLength: s,
         inputProps: st,
         resize: D,
         showGrip: F,
@@ -3333,13 +3338,13 @@ const Ye = Object.assign(Mi, {
   title: t,
   error: r,
   className: n = "",
-  style: a,
+  style: s,
   disabled: i = !1,
-  "data-testid": s,
+  "data-testid": a,
   "aria-label": l,
   "aria-describedby": c
 }) => {
-  const u = !!r, f = S(
+  const u = !!r, f = w(
     _e.helper,
     u && _e["helper--error"],
     i && _e["helper--disabled"],
@@ -3349,8 +3354,8 @@ const Ye = Object.assign(Mi, {
     "div",
     {
       className: f,
-      style: a,
-      "data-testid": s,
+      style: s,
+      "data-testid": a,
       "aria-label": l,
       "aria-describedby": c,
       children: /* @__PURE__ */ o.jsx("p", { children: d })
@@ -3377,43 +3382,43 @@ const Ye = Object.assign(Mi, {
   (t, r) => {
     const {
       name: n,
-      id: a,
+      id: s,
       value: i,
-      size: s = "large",
+      size: a = "large",
       loading: l = !1,
       error: c,
       disabled: u = !1,
       checked: f = !1,
       containerClassName: d,
-      className: g,
-      children: m,
-      clickable: h = "all",
+      className: h,
+      children: b,
+      clickable: m = "all",
       mode: x = "default",
-      tabIndex: C,
-      style: b,
+      tabIndex: S,
+      style: g,
       containerStyle: y,
       onChange: p,
-      "data-testid": w,
+      "data-testid": C,
       ...k
-    } = t, T = !!c, $ = u || l, E = h === "all", z = x === "card", B = _t[`${s}Card`], F = a ?? n, q = (H) => {
+    } = t, T = !!c, $ = u || l, E = m === "all", z = x === "card", B = _t[`${a}Card`], F = s ?? n, q = (H) => {
       $ || p == null || p(i, H);
     }, D = (H) => {
       H.key === "Enter" && !$ && (H.preventDefault(), p == null || p(i));
     }, L = (H) => H.stopPropagation(), M = () => /* @__PURE__ */ o.jsxs(
       "div",
       {
-        className: S(
+        className: w(
           _t.radio,
-          _t[s],
+          _t[a],
           {
             [_t.checked]: f,
             [_t.disabled]: $,
             [_t.error]: T && !$
           },
-          g
+          h
         ),
-        style: b,
-        tabIndex: C || 1,
+        style: g,
+        tabIndex: S || 1,
         "data-testid": `${fl}${F}`,
         children: [
           /* @__PURE__ */ o.jsx(
@@ -3442,31 +3447,31 @@ const Ye = Object.assign(Mi, {
       {
         "aria-checked": f,
         "aria-disabled": $,
-        "data-testid": E ? w : gl,
+        "data-testid": E ? C : gl,
         htmlFor: F,
         style: y,
-        className: S(_t.label, {
-          [S(_t.container, _t[x], d)]: E,
+        className: w(_t.label, {
+          [w(_t.container, _t[x], d)]: E,
           [B]: E && z
         }),
         onKeyDown: D,
         ...k,
         children: [
           M(),
-          E && m
+          E && b
         ]
       }
     );
     return E ? W() : /* @__PURE__ */ o.jsxs(
       "div",
       {
-        className: S(_t.container, _t[x], d, {
+        className: w(_t.container, _t[x], d, {
           [B]: z
         }),
-        "data-testid": w,
+        "data-testid": C,
         children: [
           W(),
-          m
+          b
         ]
       }
     );
@@ -3479,39 +3484,39 @@ const Ye = Object.assign(Mi, {
   (t, r) => {
     const {
       id: n,
-      name: a,
+      name: s,
       value: i,
-      options: s,
+      options: a,
       className: l,
       radioClassName: c,
       disabled: u = !1,
       layout: f = "vertical",
       "data-testid": d,
-      ...g
+      ...h
     } = t;
     return /* @__PURE__ */ o.jsx(
       "div",
       {
         className: Et(Ge.group, Ge[f], l),
-        "data-testid": d ?? `radio-group-${a}`,
+        "data-testid": d ?? `radio-group-${s}`,
         id: n,
         ref: r,
-        children: s.map(({ label: m, value: h, disabled: x }) => {
-          const C = `${a}-${String(h)}`, b = String(h) === String(i);
+        children: a.map(({ label: b, value: m, disabled: x }) => {
+          const S = `${s}-${String(m)}`, g = String(m) === String(i);
           return /* @__PURE__ */ o.jsx(
             dr,
             {
-              id: C,
-              checked: b,
-              "data-testid": C,
+              id: S,
+              checked: g,
+              "data-testid": S,
               disabled: u || x,
-              name: a,
-              value: h,
+              name: s,
+              value: m,
               className: c,
-              ...g,
-              children: m
+              ...h,
+              children: b
             },
-            C
+            S
           );
         })
       }
@@ -3528,15 +3533,15 @@ const Ye = Object.assign(Mi, {
   lg: kl,
   xl: Ll
 }, jl = (t) => {
-  const { children: r, className: n, "data-testid": a = "list-item" } = t;
-  return /* @__PURE__ */ o.jsx("li", { "data-testid": a, className: n, children: r });
+  const { children: r, className: n, "data-testid": s = "list-item" } = t;
+  return /* @__PURE__ */ o.jsx("li", { "data-testid": s, className: n, children: r });
 }, nc = Object.assign(
   U((t, r) => {
     const {
       variant: n = "unordered",
-      className: a,
+      className: s,
       children: i,
-      size: s = "md",
+      size: a = "md",
       "data-testid": l = "list",
       ...c
     } = t, u = n === "ordered" ? "ol" : "ul";
@@ -3545,7 +3550,7 @@ const Ye = Object.assign(Mi, {
       {
         "data-testid": l,
         ref: r,
-        className: Et(fe.root, fe[n], fe[s], a),
+        className: Et(fe.root, fe[n], fe[a], s),
         ...n === "ordered" && c,
         children: i
       }
@@ -3569,9 +3574,9 @@ const Ye = Object.assign(Mi, {
   children: t,
   withControls: r = !0,
   className: n,
-  size: a
+  size: s
 }) => {
-  const i = Vt(null), [s, l] = gt(!1), [c, u] = gt(!1), { ref: f, bgColor: d } = xe(), g = f ?? { current: null }, m = d ?? Dl, h = r && s, x = r && c, C = ({ direction: p }) => /* @__PURE__ */ o.jsx(
+  const i = Vt(null), [a, l] = gt(!1), [c, u] = gt(!1), { ref: f, bgColor: d } = xe(), h = f ?? { current: null }, b = d ?? Dl, m = r && a, x = r && c, S = ({ direction: p }) => /* @__PURE__ */ o.jsx(
     "svg",
     {
       height: "12px",
@@ -3586,60 +3591,60 @@ const Ye = Object.assign(Mi, {
         }
       ) })
     }
-  ), b = () => {
+  ), g = () => {
     const p = i.current;
     if (!p) return;
-    const w = Math.round(p.scrollLeft), k = Math.round(p.scrollLeft + p.clientWidth), T = Math.round(p.scrollWidth);
-    l(w > 0), u(k < T);
+    const C = Math.round(p.scrollLeft), k = Math.round(p.scrollLeft + p.clientWidth), T = Math.round(p.scrollWidth);
+    l(C > 0), u(k < T);
   }, y = (p) => {
-    const w = i.current;
-    if (!w) return;
-    const k = w.clientWidth;
-    w.scrollBy({ left: p === "left" ? -k : k, behavior: "smooth" });
+    const C = i.current;
+    if (!C) return;
+    const k = C.clientWidth;
+    C.scrollBy({ left: p === "left" ? -k : k, behavior: "smooth" });
   };
   return ut(() => {
     const p = i.current;
     if (!p) return;
-    const w = (k) => {
+    const C = (k) => {
       Math.abs(k.deltaX) > Math.abs(k.deltaY) || p.scrollWidth > p.clientWidth && (k.preventDefault(), p.scrollBy({ left: k.deltaY, behavior: "auto" }));
     };
-    return p.addEventListener("wheel", w, { passive: !1 }), () => p.removeEventListener("wheel", w);
+    return p.addEventListener("wheel", C, { passive: !1 }), () => p.removeEventListener("wheel", C);
   }, []), ut(() => {
-    b();
+    g();
     const p = i.current;
     if (p)
-      return p.addEventListener("scroll", b, { passive: !0 }), window.addEventListener("resize", b), () => {
-        p.removeEventListener("scroll", b), window.removeEventListener("resize", b);
+      return p.addEventListener("scroll", g, { passive: !0 }), window.addEventListener("resize", g), () => {
+        p.removeEventListener("scroll", g), window.removeEventListener("resize", g);
       };
-  }, []), /* @__PURE__ */ o.jsxs("div", { ref: g, className: S(ct.wrapper, n), children: [
-    h && /* @__PURE__ */ o.jsx(
+  }, []), /* @__PURE__ */ o.jsxs("div", { ref: h, className: w(ct.wrapper, n), children: [
+    m && /* @__PURE__ */ o.jsx(
       "div",
       {
-        className: S(ct.mask, ct.maskLeft, s && ct.visible),
+        className: w(ct.mask, ct.maskLeft, a && ct.visible),
         style: {
-          background: `linear-gradient(to right, ${m} 17%, transparent 80%)`
+          background: `linear-gradient(to right, ${b} 17%, transparent 80%)`
         }
       }
     ),
     x && /* @__PURE__ */ o.jsx(
       "div",
       {
-        className: S(ct.mask, ct.maskRight, c && ct.visible),
+        className: w(ct.mask, ct.maskRight, c && ct.visible),
         style: {
-          background: `linear-gradient(to left, ${m} 17%, transparent 80%)`
+          background: `linear-gradient(to left, ${b} 17%, transparent 80%)`
         }
       }
     ),
     /* @__PURE__ */ o.jsx("div", { ref: i, className: ct.viewport, children: t }),
-    h && /* @__PURE__ */ o.jsx(
+    m && /* @__PURE__ */ o.jsx(
       "button",
       {
         type: "button",
         tabIndex: -1,
         "aria-hidden": "true",
-        className: S(ct.control, ct.left, ct[a]),
+        className: w(ct.control, ct.left, ct[s]),
         onClick: () => y("left"),
-        children: /* @__PURE__ */ o.jsx(C, { direction: "left" })
+        children: /* @__PURE__ */ o.jsx(S, { direction: "left" })
       }
     ),
     x && /* @__PURE__ */ o.jsx(
@@ -3648,9 +3653,9 @@ const Ye = Object.assign(Mi, {
         type: "button",
         tabIndex: -1,
         "aria-hidden": "true",
-        className: S(ct.control, ct.right, ct[a]),
+        className: w(ct.control, ct.right, ct[s]),
         onClick: () => y("right"),
-        children: /* @__PURE__ */ o.jsx(C, { direction: "right" })
+        children: /* @__PURE__ */ o.jsx(S, { direction: "right" })
       }
     )
   ] });
@@ -3675,19 +3680,19 @@ const Ye = Object.assign(Mi, {
   children: t,
   defaultActiveTab: r,
   activeTab: n,
-  onChange: a
+  onChange: s
 }) => {
-  const [i, s] = gt(r), l = n !== void 0, c = l ? n : i, u = (f) => {
-    l || s(f), a && a(f);
+  const [i, a] = gt(r), l = n !== void 0, c = l ? n : i, u = (f) => {
+    l || a(f), s && s(f);
   };
   return /* @__PURE__ */ o.jsx(ur.Provider, { value: { activeTab: c, setTab: u }, children: t });
 }, a1 = ({
   mode: t,
   item: r,
   isActive: n,
-  showBadge: a,
+  showBadge: s,
   badgeProps: i,
-  size: s,
+  size: a,
   isDisabled: l,
   onSelectTab: c
 }) => {
@@ -3695,22 +3700,22 @@ const Ye = Object.assign(Mi, {
     value: u,
     label: f,
     prefix: d,
-    prefixWrapperProps: g = {},
-    postfix: m,
-    postfixWrapperProps: h = {}
-  } = r, { className: x, ...C } = g, { className: b, ...y } = h, p = {
+    prefixWrapperProps: h = {},
+    postfix: b,
+    postfixWrapperProps: m = {}
+  } = r, { className: x, ...S } = h, { className: g, ...y } = m, p = {
     primary: G["typography-label-3-medium"],
     secondary: G["typography-label-3-regular"],
     prefix: G["typography-label-3-medium"],
     postfix: G["typography-label-3-medium"]
-  }, w = {
+  }, C = {
     size: r1,
     position: n1,
     ...i
-  }, k = S(et.tab, et[t], et[s], {
+  }, k = w(et.tab, et[t], et[a], {
     [et.selected]: n,
     [et.disabled]: l
-  }), T = S(
+  }), T = w(
     et.tabPrefix,
     x,
     et[t],
@@ -3719,16 +3724,16 @@ const Ye = Object.assign(Mi, {
       [et.selected]: n,
       [et.disabled]: l
     }
-  ), $ = S(
+  ), $ = w(
     et.tabPostfix,
-    b,
+    g,
     et[t],
     p.postfix,
     {
       [et.selected]: n,
       [et.disabled]: l
     }
-  ), E = S(et.tabLabel, et[t], p[t]), z = (F) => {
+  ), E = w(et.tabLabel, et[t], p[t]), z = (F) => {
     n || l || (c(u), F.currentTarget.scrollIntoView({ behavior: "smooth", inline: "center", block: "nearest" }));
   }, B = /* @__PURE__ */ o.jsxs(
     "button",
@@ -3746,39 +3751,39 @@ const Ye = Object.assign(Mi, {
           "span",
           {
             className: T,
-            ...C,
+            ...S,
             "data-testid": `tab-prefix-${u}`,
             children: d
           }
         ),
         /* @__PURE__ */ o.jsx("span", { className: E, "data-testid": `tab-label-${u}`, children: f }),
-        m && /* @__PURE__ */ o.jsx(
+        b && /* @__PURE__ */ o.jsx(
           "span",
           {
             className: $,
             ...y,
             "data-testid": `tab-postfix-${u}`,
-            children: m
+            children: b
           }
         )
       ]
     }
   );
-  return a ? /* @__PURE__ */ o.jsx(Na, { ...w, "data-testid": `tab-badge-${u}`, children: B }) : B;
+  return s ? /* @__PURE__ */ o.jsx(Na, { ...C, "data-testid": `tab-badge-${u}`, children: B }) : B;
 }, s1 = ({
   mode: t,
   items: r,
   size: n = t1,
-  isAllItemsDisabled: a = e1
+  isAllItemsDisabled: s = e1
 }) => {
-  const { activeTab: i, setTab: s } = pr(), l = No();
+  const { activeTab: i, setTab: a } = pr(), l = No();
   return /* @__PURE__ */ o.jsx(Fl, { size: n, withControls: l, children: /* @__PURE__ */ o.jsx(
     "div",
     {
       role: "tablist",
       "data-testid": "tabs-bar",
       "aria-orientation": "horizontal",
-      className: S(et.tabBar, et[t]),
+      className: w(et.tabBar, et[t]),
       children: r.map((c) => /* @__PURE__ */ o.jsx(
         a1,
         {
@@ -3788,8 +3793,8 @@ const Ye = Object.assign(Mi, {
           showBadge: c.showBadge,
           badgeProps: c.badgeProps,
           isActive: i === c.value,
-          isDisabled: a || c.isDisabled,
-          onSelectTab: s
+          isDisabled: s || c.isDisabled,
+          onSelectTab: a
         },
         c.value
       ))
@@ -3805,8 +3810,8 @@ const Ye = Object.assign(Mi, {
     children: r
   }
 ), l1 = ({ children: t, ...r }) => {
-  const { activeTab: n } = pr(), a = Array.isArray(t) ? t : [t], i = (s, l) => be.isValidElement(s) && typeof s.props == "object" && s.props !== null && l in s.props;
-  return /* @__PURE__ */ o.jsx("div", { "data-testid": "tab-content", ...r, children: a.map((s) => i(s, "tabValue") && String(s.props.tabValue) === n ? s : null) });
+  const { activeTab: n } = pr(), s = Array.isArray(t) ? t : [t], i = (a, l) => be.isValidElement(a) && typeof a.props == "object" && a.props !== null && l in a.props;
+  return /* @__PURE__ */ o.jsx("div", { "data-testid": "tab-content", ...r, children: s.map((a) => i(a, "tabValue") && String(a.props.tabValue) === n ? a : null) });
 }, oc = {
   Provider: o1,
   Content: l1,
@@ -4000,28 +4005,28 @@ const Ye = Object.assign(Mi, {
     ]
   }
 }, E1 = (t, r, n) => ({ ...r, ...n ?? {}, ...t }), R1 = (t, r, n) => {
-  const a = go(r, 1, 3), i = T1[n][a];
+  const s = go(r, 1, 3), i = T1[n][s];
   return i[Math.min(t, i.length - 1)];
 }, Ue = ({
   text: t,
   title: r,
   media: n,
-  variant: a = "neutral",
+  variant: s = "neutral",
   size: i,
-  classNames: s = {},
+  classNames: a = {},
   onClose: l,
   buttons: c,
   buttonProps: u,
   showClose: f
 }) => {
-  const d = ["neutral", "accent"].includes(a) ? "contrast" : "primary", g = i === "m", m = !!(r && g), h = !!(n && g), x = c && !!c.length, C = !!(f && g) || !f && g && !x, b = i === "xs" ? 4 : 3;
+  const d = ["neutral", "accent"].includes(s) ? "contrast" : "primary", h = i === "m", b = !!(r && h), m = !!(n && h), x = c && !!c.length, S = !!(f && h) || !f && h && !x, g = i === "xs" ? 4 : 3;
   return /* @__PURE__ */ o.jsxs("div", { className: dt.content, children: [
-    h && /* @__PURE__ */ o.jsx("div", { className: S(dt.mediaWrapper, s.mediaWrapper), children: n }),
-    /* @__PURE__ */ o.jsxs("div", { className: s.textWrapper, children: [
-      m && /* @__PURE__ */ o.jsx(
+    m && /* @__PURE__ */ o.jsx("div", { className: w(dt.mediaWrapper, a.mediaWrapper), children: n }),
+    /* @__PURE__ */ o.jsxs("div", { className: a.textWrapper, children: [
+      b && /* @__PURE__ */ o.jsx(
         he.Subtitle,
         {
-          className: S(dt.typography, dt.title, s.typography),
+          className: w(dt.typography, dt.title, a.typography),
           size: 1,
           as: "h3",
           typographyStyle: d,
@@ -4031,19 +4036,19 @@ const Ye = Object.assign(Mi, {
       /* @__PURE__ */ o.jsx(
         he.Label,
         {
-          className: S(dt.typography, dt.text, s.typography),
+          className: w(dt.typography, dt.text, a.typography),
           typographyStyle: d,
-          size: b,
+          size: g,
           children: t
         }
       )
     ] }),
-    C && /* @__PURE__ */ o.jsx(
+    S && /* @__PURE__ */ o.jsx(
       "button",
       {
         type: "button",
-        className: S(dt.closeButton, dt[a], s.closeButton, {
-          [dt.hasMedia]: h
+        className: w(dt.closeButton, dt[s], a.closeButton, {
+          [dt.hasMedia]: m
         }),
         onClick: l,
         "aria-label": "Закрыть подсказку",
@@ -4051,8 +4056,8 @@ const Ye = Object.assign(Mi, {
         children: /* @__PURE__ */ o.jsx(k1, {})
       }
     ),
-    g && x && /* @__PURE__ */ o.jsx("div", { className: dt.buttonStack, children: c.map((y, p) => {
-      const w = R1(p, c.length, a), k = E1(y, w, u), { closeOnClick: T, ...$ } = k, E = (z) => {
+    h && x && /* @__PURE__ */ o.jsx("div", { className: dt.buttonStack, children: c.map((y, p) => {
+      const C = R1(p, c.length, s), k = E1(y, C, u), { closeOnClick: T, ...$ } = k, E = (z) => {
         var B;
         (B = $.onClick) == null || B.call($, z), T && (l == null || l());
       };
@@ -4063,43 +4068,43 @@ const Ye = Object.assign(Mi, {
   customContent: t,
   children: r,
   placement: n = "top",
-  contentClassNames: a,
+  contentClassNames: s,
   mouseEnterDelay: i = 0,
-  mouseLeaveDelay: s = 0.1,
+  mouseLeaveDelay: a = 0.1,
   showArrow: l = !0,
   showClose: c = !0,
   trigger: u = "hover",
   variant: f = "neutral",
   size: d = "s",
-  text: g,
-  title: m,
-  media: h,
+  text: h,
+  title: b,
+  media: m,
   buttons: x,
-  buttonProps: C,
-  onClose: b,
+  buttonProps: S,
+  onClose: g,
   ...y
 }) => {
-  const [p, w] = gt(!1), [k, T] = gt(!1), $ = d === "m" ? j1 : $1, E = () => {
-    w(!1), b == null || b();
+  const [p, C] = gt(!1), [k, T] = gt(!1), $ = d === "m" ? j1 : $1, E = () => {
+    C(!1), g == null || g();
   }, z = t || (d === "m" ? /* @__PURE__ */ o.jsx(
     Ue,
     {
-      classNames: a,
-      text: g,
+      classNames: s,
+      text: h,
       variant: f,
       size: d,
       onClose: E,
-      title: m,
-      media: h,
+      title: b,
+      media: m,
       showClose: c,
       buttons: x,
-      buttonProps: C
+      buttonProps: S
     }
   ) : /* @__PURE__ */ o.jsx(
     Ue,
     {
-      classNames: a,
-      text: g,
+      classNames: s,
+      text: h,
       variant: f,
       size: d,
       onClose: E
@@ -4115,16 +4120,16 @@ const Ye = Object.assign(Mi, {
     Zr,
     {
       visible: p,
-      onVisibleChange: w,
+      onVisibleChange: C,
       classNames: {
-        root: S(dt.root, dt[f], dt[d], k && dt.open),
+        root: w(dt.root, dt[f], dt[d], k && dt.open),
         ...y.classNames
       },
       placement: n,
       overlay: () => z,
       trigger: u,
       mouseEnterDelay: i,
-      mouseLeaveDelay: s,
+      mouseLeaveDelay: a,
       motion: { motionName: "tooltipMotion" },
       builtinPlacements: $,
       showArrow: l ? {
@@ -4155,34 +4160,34 @@ const Ye = Object.assign(Mi, {
   const {
     className: r,
     defaultValue: n,
-    value: a,
+    value: s,
     size: i = "m",
-    segments: s,
+    segments: a,
     stretched: l,
     mode: c = "label",
     onChange: u
-  } = t, f = me(), [d, g] = gt(n || s[0].value), [m, h] = gt({ width: 0, left: 0 }), x = Vt(null);
+  } = t, f = me(), [d, h] = gt(n || a[0].value), [b, m] = gt({ width: 0, left: 0 }), x = Vt(null);
   ut(() => {
-    a && g(a);
-  }, [a]), ut(() => {
-    C();
-  }, [d, s, i, l, c]);
-  const C = () => {
+    s && h(s);
+  }, [s]), ut(() => {
+    S();
+  }, [d, a, i, l, c]);
+  const S = () => {
     if (!(x != null && x.current)) return;
-    const w = x.current.querySelector(
+    const C = x.current.querySelector(
       '[data-is-active-segment="true"]'
     );
-    w && h({
-      width: w.offsetWidth,
-      left: w.offsetLeft
+    C && m({
+      width: C.offsetWidth,
+      left: C.offsetLeft
     });
-  }, b = (p = s.find((w) => w.value === d)) == null ? void 0 : p.label, y = (w) => {
-    g(w), u == null || u(w);
+  }, g = (p = a.find((C) => C.value === d)) == null ? void 0 : p.label, y = (C) => {
+    h(C), u == null || u(C);
   };
-  return (s == null ? void 0 : s.length) === 0 ? null : /* @__PURE__ */ o.jsxs(
+  return (a == null ? void 0 : a.length) === 0 ? null : /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: S(
+      className: w(
         Ot.segmentedControl,
         Ot[i],
         Ot[c],
@@ -4194,7 +4199,7 @@ const Ye = Object.assign(Mi, {
       "data-testid": "segmented-control-container",
       ref: x,
       children: [
-        s == null ? void 0 : s.map(({ label: w, value: k }, T) => {
+        a == null ? void 0 : a.map(({ label: C, value: k }, T) => {
           const $ = () => y(k);
           return /* @__PURE__ */ o.jsxs(Ht, { children: [
             /* @__PURE__ */ o.jsx(
@@ -4211,10 +4216,10 @@ const Ye = Object.assign(Mi, {
               "label",
               {
                 "data-is-active-segment": d === k,
-                className: S(Ot.segment, Ke[i]),
+                className: w(Ot.segment, Ke[i]),
                 htmlFor: f + JSON.stringify(k),
                 "data-testid": "segmented-control-segment",
-                children: w
+                children: C
               }
             )
           ] }, te(JSON.stringify(k)) + T);
@@ -4222,13 +4227,13 @@ const Ye = Object.assign(Mi, {
         /* @__PURE__ */ o.jsx(
           "div",
           {
-            className: S(Ot.activeSegmentIndicator, Ke[i]),
+            className: w(Ot.activeSegmentIndicator, Ke[i]),
             "data-testid": "segmented-control-active-segment",
             style: {
-              width: m.width,
-              left: m.left
+              width: b.width,
+              left: b.left
             },
-            children: b
+            children: g
           }
         )
       ]