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

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 w } from "clsx";
+import { clsx as S } 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) {
@@ -22,11 +22,11 @@ function Yr() {
   Me = 1;
   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, 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 };
+    var d, g = {}, m = null, y = null;
+    f !== void 0 && (m = "" + f), u.key !== void 0 && (m = "" + u.key), u.ref !== void 0 && (y = u.ref);
+    for (d in u) s.call(u, d) && !a.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: y, props: g, _owner: i.current };
   }
   return Dt.Fragment = n, Dt.jsx = l, Dt.jsxs = l, Dt;
 }
@@ -43,14 +43,14 @@ 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"), 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) {
+    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"), g = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), x = Symbol.iterator, w = "@@iterator";
+    function b(e) {
       if (e === null || typeof e != "object")
         return null;
-      var _ = x && e[x] || e[S];
+      var _ = x && e[x] || e[w];
       return typeof _ == "function" ? _ : null;
     }
-    var y = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var h = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function p(e) {
       {
         for (var _ = arguments.length, v = new Array(_ > 1 ? _ - 1 : 0), j = 1; j < _; j++)
@@ -60,7 +60,7 @@ function Gr() {
     }
     function C(e, _, v) {
       {
-        var j = y.ReactDebugCurrentFrame, A = j.getStackAddendum();
+        var j = h.ReactDebugCurrentFrame, A = j.getStackAddendum();
         A !== "" && (_ += "%s", v = v.concat([A]));
         var P = v.map(function(N) {
           return String(N);
@@ -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 === 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
+      return !!(typeof e == "string" || typeof e == "function" || e === s || e === a || z || e === i || e === f || e === d || E || e === y || 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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -118,10 +118,10 @@ function Gr() {
             return D(v._context) + ".Provider";
           case u:
             return q(e, e.render, "ForwardRef");
-          case h:
+          case g:
             var j = e.displayName || null;
             return j !== null ? j : L(e.type) || "Memo";
-          case b: {
+          case m: {
             var A = e, P = A._payload, N = A._init;
             try {
               return L(N(P));
@@ -194,7 +194,7 @@ function Gr() {
         W < 0 && p("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var it = y.ReactCurrentDispatcher, Tt;
+    var it = h.ReactCurrentDispatcher, Tt;
     function pt(e, _, v) {
       {
         if (Tt === void 0)
@@ -308,9 +308,9 @@ function Gr() {
         switch (e.$$typeof) {
           case u:
             return re(e.render);
-          case h:
+          case g:
             return Q(e.type, _, v);
-          case b: {
+          case m: {
             var j = e, A = j._payload, P = j._init;
             try {
               return Q(P(A), _, v);
@@ -320,7 +320,7 @@ function Gr() {
         }
       return "";
     }
-    var tt = Object.prototype.hasOwnProperty, vt = {}, ve = y.ReactDebugCurrentFrame;
+    var tt = Object.prototype.hasOwnProperty, vt = {}, ve = h.ReactDebugCurrentFrame;
     function Xt(e) {
       if (e) {
         var _ = e._owner, v = Q(e.type, e._source, _ ? _.type : null);
@@ -371,7 +371,7 @@ function Gr() {
       if (hr(e))
         return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", gr(e)), Ce(e);
     }
-    var Se = y.ReactCurrentOwner, br = {
+    var Se = h.ReactCurrentOwner, br = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -465,7 +465,7 @@ function Gr() {
         return wr(e, R, nt, A, j, Se.current, N);
       }
     }
-    var ae = y.ReactCurrentOwner, je = y.ReactDebugCurrentFrame;
+    var ae = h.ReactCurrentOwner, je = h.ReactDebugCurrentFrame;
     function Mt(e) {
       if (e) {
         var _ = e._owner, v = Q(e.type, e._source, _ ? _.type : null);
@@ -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 = g(e);
+          var A = b(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 === h))
+        _.$$typeof === g))
           v = _.propTypes;
         else
           return;
@@ -911,27 +911,27 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
   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: w(O.label, O.labelText), children: n }),
+      /* @__PURE__ */ o.jsx("span", { "data-testid": "button-label", className: S(O.label, O.labelText), children: n }),
       /* @__PURE__ */ o.jsx(
         "span",
         {
           "data-testid": "button-subcaption",
-          className: w(O.subcaption, G["typography-label-4-regular"]),
+          className: S(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: 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 })
+      /* @__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 })
     ] }),
     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: w(O.postfix, G["typography-subtitle-2-semibold"]),
+        className: S(O.postfix, G["typography-subtitle-2-semibold"]),
         children: s
       }
     ) })
@@ -945,31 +945,31 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
     className: l,
     children: c,
     tabIndex: u
-  } = 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(
+  } = t, f = n === "tertiary", d = Ae(t), g = Qr(t), m = f && "paddings" in t ? t.paddings ?? !0 : !0, y = d ? t.subcaption : void 0, x = d ? t.postfix : void 0, w = d ? t.stretched : void 0, b = !(g && t.size === void 0), h = g && b ? t.iconLeft : void 0, p = g && b ? 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 || g && p)), z = typeof w == "object" ? w.justify === "space-between" : void 0, B = ao(s), F = G[B], q = g ? Dn(t.size ?? "m") : void 0, D = q ? G[q] : void 0, L = Fn(k, n, i), M = k || C ? -1 : u, W = S(
     O.button,
     O[s],
     O[n],
     O[i],
-    h && D,
+    g && D,
     d && F,
     {
       [O.disabled]: k,
       [O.loading]: d && "loading" in t && t.loading,
-      [O.stretched]: S,
+      [O.stretched]: w,
       [O.spaceBetween]: z,
-      [O.withSubcaption]: !!(m && s === "l" && c),
+      [O.withSubcaption]: !!(y && s === "l" && c),
       [O.iconOnly]: E,
-      [O.link]: h,
-      [O.underline]: h && "showUnderline" in t && t.showUnderline,
-      [O.noPaddings]: f && d && !b
+      [O.link]: g,
+      [O.underline]: g && "showUnderline" in t && t.showUnderline,
+      [O.noPaddings]: f && d && !m
     },
     l
   ), H = {
     iconRight: p,
-    iconLeft: d ? $ : y,
+    iconLeft: d ? $ : h,
     children: c,
     postfix: x,
-    subcaption: m,
+    subcaption: y,
     size: s,
     isAsButton: d
   };
@@ -1023,7 +1023,7 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
         style: ot,
         ...at,
         children: [
-          /* @__PURE__ */ o.jsx("div", { className: w(O.content, { [O.contentHidden]: C }), children: /* @__PURE__ */ o.jsx(De, { ...H }) }),
+          /* @__PURE__ */ o.jsx("div", { className: S(O.content, { [O.contentHidden]: C }), children: /* @__PURE__ */ o.jsx(De, { ...H }) }),
           C && /* @__PURE__ */ o.jsx("div", { className: O.loaderWrapper, children: /* @__PURE__ */ o.jsx(
             nr,
             {
@@ -1049,7 +1049,7 @@ const or = U(
       buttonStyle: "neutral",
       size: "m",
       iconLeft: n ?? /* @__PURE__ */ o.jsx(no, {}),
-      className: w(O.backButton, G["typography-subtitle-1-semibold"], s)
+      className: S(O.backButton, G["typography-subtitle-1-semibold"], s)
     };
     return /* @__PURE__ */ o.jsx(ye, { ref: r, ...l });
   }
@@ -1155,19 +1155,19 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
     placeholderType: u = "neutral",
     name: f,
     imgSrc: d,
-    imgAlt: h,
-    icon: b,
-    imgProps: m,
+    imgAlt: g,
+    icon: m,
+    imgProps: y,
     colorScheme: x,
-    className: S,
-    "data-testid": g,
-    ...y
-  } = t, { onClick: p, onPointerDown: C } = y, T = !a && !i && (!!p || !!C), [$, E] = gt(!1);
+    className: w,
+    "data-testid": b,
+    ...h
+  } = t, { onClick: p, onPointerDown: C } = h, T = !a && !i && (!!p || !!C), [$, E] = gt(!1);
   ut(() => {
     d && E(!1);
   }, [d]);
-  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,
+  const z = d && !$ ? "image" : m ? "icon" : f ? "name" : "placeholder", B = x || z === "name" && bo(f) || "gray", F = Co(s), q = xo(s, l), D = S(
+    w,
     Ct.avatar,
     Ct[`variant-${c}`],
     Ct[`color-${B}`],
@@ -1182,39 +1182,39 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
     "--avatar-border-radius": `${q}px`,
     ...n
   }, 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({}) }),
+    icon: () => /* @__PURE__ */ o.jsx("span", { "data-testid": "avatar-icon", title: g || void 0, role: "img", className: Ct.icon, children: m == null ? void 0 : m({}) }),
     name: () => /* @__PURE__ */ o.jsx(
       "span",
       {
         role: "textbox",
         "data-testid": "avatar-name",
         className: Ct.name,
-        title: h || void 0,
+        title: g || void 0,
         children: mo(f || "")
       }
     ),
     placeholder: () => /* @__PURE__ */ o.jsx(
       "img",
       {
-        ...m,
+        ...y,
         "data-testid": "avatar-placeholder",
         className: Ct.image,
         src: jo[u],
-        alt: h || void 0
+        alt: g || void 0
       }
     ),
     image: () => /* @__PURE__ */ o.jsx(
       "img",
       {
         "data-testid": "avatar-image",
-        ...m,
+        ...y,
         className: Ct.image,
         src: d || void 0,
-        alt: h || void 0,
+        alt: g || void 0,
         onLoad: () => E(!1),
         onError: (H) => {
           var Z;
-          E(!0), (Z = m == null ? void 0 : m.onError) == null || Z.call(m, H);
+          E(!0), (Z = y == null ? void 0 : y.onError) == null || Z.call(y, H);
         }
       }
     )
@@ -1228,7 +1228,7 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
       onClick: W,
       className: D,
       style: L,
-      "data-testid": g,
+      "data-testid": b,
       "aria-disabled": a || i,
       children: M[z](null)
     }
@@ -1281,22 +1281,22 @@ const Mo = 2, zo = (t) => {
     overflowCount: a = 0,
     overflowProps: l,
     cutoutBackground: c
-  } = t, f = -(n * s) + Mo, { ref: d, bgColor: h } = xe(), b = c || h || "#ffffff", m = Et(To.avatarGroup), x = {
-    "--avatar-cutout-bg": b
+  } = t, f = -(n * s) + Mo, { ref: d, bgColor: g } = xe(), m = c || g || "#ffffff", y = Et(To.avatarGroup), x = {
+    "--avatar-cutout-bg": m
   };
-  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 r.length === 0 ? null : /* @__PURE__ */ o.jsxs("div", { className: y, ref: d, style: x, children: [
+    r.map((w, b) => {
+      if (w.wrapper) {
+        const h = w.wrapper;
         return /* @__PURE__ */ o.jsx(
           "div",
           {
             style: {
               marginRight: f
             },
-            children: /* @__PURE__ */ o.jsx(y, { children: /* @__PURE__ */ o.jsx(Jt, { size: n, shape: i, ...S }) })
+            children: /* @__PURE__ */ o.jsx(h, { children: /* @__PURE__ */ o.jsx(Jt, { size: n, shape: i, ...w }) })
           },
-          te(S) + g
+          te(w) + b
         );
       }
       return /* @__PURE__ */ o.jsx(
@@ -1305,9 +1305,9 @@ const Mo = 2, zo = (t) => {
           style: {
             marginRight: f
           },
-          children: /* @__PURE__ */ o.jsx(Jt, { size: n, shape: i, ...S })
+          children: /* @__PURE__ */ o.jsx(Jt, { size: n, shape: i, ...w })
         },
-        te(S) + g
+        te(w) + b
       );
     }),
     a > 0 && /* @__PURE__ */ o.jsx("div", { style: { marginRight: f }, children: /* @__PURE__ */ o.jsx(
@@ -1384,15 +1384,15 @@ function Fo({
   disableEscapeKey: i = !1
 }) {
   const a = jt(
-    (S) => {
-      r == null || r(S);
+    (w) => {
+      r == null || r(w);
     },
     [r]
   ), l = Po(n), { context: c, refs: u } = Ar({
     open: t,
     onOpenChange: a,
     placement: l
-  }), f = Do(n), { isMounted: d, styles: h } = Or(c, {
+  }), f = Do(n), { isMounted: d, styles: g } = Or(c, {
     duration: 200,
     common: {
       transitionProperty: "opacity, transform",
@@ -1402,17 +1402,17 @@ function Fo({
       opacity: 0
     },
     ...f
-  }), b = Pr(c, {
+  }), m = Pr(c, {
     outsidePress: !s,
     outsidePressEvent: "mousedown",
     escapeKey: !i
-  }), m = Dr(c, { role: "dialog" }), { getFloatingProps: x } = Fr([b, m]);
+  }), y = Dr(c, { role: "dialog" }), { getFloatingProps: x } = Fr([m, y]);
   return Qe(
     () => ({
       /** Состояние для условного рендеринга с поддержкой анимации закрытия. */
       isMounted: d,
       /** Стили для CSS-переходов (анимации). */
-      transitionStyles: h,
+      transitionStyles: g,
       /** Контекст Floating UI. */
       context: c,
       /** Ссылки на элементы для Floating UI. */
@@ -1420,7 +1420,7 @@ function Fo({
       /** Пропсы для плавающего элемента. */
       getFloatingProps: x
     }),
-    [d, h, c, u, x]
+    [d, g, c, u, x]
   );
 }
 const ar = U((t, r) => {
@@ -1429,50 +1429,51 @@ const ar = U((t, r) => {
     open: s,
     onOpenChange: i,
     overlayProps: a,
-    children: l,
-    disableOutsideClick: c = !1,
-    disableEscapeKey: u = !1,
-    disableOverlay: f = !1,
-    className: d,
-    style: h,
-    "data-testid": b,
-    ...m
+    portalProps: l,
+    children: c,
+    disableOutsideClick: u = !1,
+    disableEscapeKey: f = !1,
+    disableOverlay: d = !1,
+    className: g,
+    style: m,
+    "data-testid": y,
+    ...x
   } = t;
   s === void 0 && console.error(
     "Dialog: компонент должен быть контролируемым. Используйте пропсы open и onOpenChange."
   );
-  const x = Fo({
+  const w = Fo({
     open: s,
     onOpenChange: i,
     placement: n,
-    disableOutsideClick: c,
-    disableEscapeKey: u
-  }), { isMounted: S, transitionStyles: g } = x, y = Wr([r, x.refs.setFloating]);
-  return S ? /* @__PURE__ */ o.jsxs(Hr, { children: [
-    !f && /* @__PURE__ */ o.jsx(
+    disableOutsideClick: u,
+    disableEscapeKey: f
+  }), { isMounted: b, transitionStyles: h } = w, p = Wr([r, w.refs.setFloating]);
+  return b ? /* @__PURE__ */ o.jsxs(Hr, { ...l, children: [
+    !d && /* @__PURE__ */ o.jsx(
       Vr,
       {
         "data-testid": "dialog-overlay",
-        className: w(de.overlay, a == null ? void 0 : a.className),
+        className: S(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,
+          opacity: h == null ? void 0 : h.opacity,
+          transition: h == null ? void 0 : h.transition,
           ...a == null ? void 0 : a.style
         }
       }
     ),
-    /* @__PURE__ */ o.jsx(qr, { context: x.context, children: /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ o.jsx(qr, { context: w.context, children: /* @__PURE__ */ o.jsx(
       "div",
       {
-        ref: y,
+        ref: p,
         "aria-modal": "true",
         role: "dialog",
-        className: w(d, de.container, de[`placement-${n}`]),
-        style: { ...h, ...g },
-        "data-testid": b,
-        ...x.getFloatingProps(m),
-        children: l
+        className: S(g, de.container, de[`placement-${n}`]),
+        style: { ...m, ...h },
+        "data-testid": y,
+        ...w.getFloatingProps(x),
+        children: c
       }
     ) })
   ] }) : null;
@@ -1524,8 +1525,8 @@ const ar = U((t, r) => {
       disabled: u = !1,
       typographyStyle: f = "primary",
       ...d
-    }, h) => {
-      const b = l || ia[n], m = w(
+    }, g) => {
+      const m = l || ia[n], y = S(
         Pt.typography,
         G[`typography-${t}-${n}-${c}`],
         Pt[f],
@@ -1534,7 +1535,7 @@ const ar = U((t, r) => {
         },
         i
       );
-      return s ? /* @__PURE__ */ o.jsx(b, { ref: h, className: m, "data-testid": a, ...d, children: s }) : null;
+      return s ? /* @__PURE__ */ o.jsx(m, { ref: g, className: y, "data-testid": a, ...d, children: s }) : null;
     }
   );
   return r.displayName = `Typography.${t === "title" ? "Title" : "Subtitle"}`, r;
@@ -1550,8 +1551,8 @@ const ar = U((t, r) => {
       disabled: u = !1,
       typographyStyle: f = "primary",
       ...d
-    }, h) => {
-      const b = l, m = w(
+    }, g) => {
+      const m = l, y = S(
         Pt.typography,
         G[`typography-${t}-${n}-${c}`],
         Pt[f],
@@ -1561,10 +1562,10 @@ const ar = U((t, r) => {
         i
       );
       return s ? /* @__PURE__ */ o.jsx(
-        b,
+        m,
         {
-          ref: h,
-          className: m,
+          ref: g,
+          className: y,
           "data-testid": a,
           ...d,
           children: s
@@ -1603,13 +1604,13 @@ const ar = U((t, r) => {
     title: u,
     subTitle: f,
     actions: d,
-    children: h,
-    footer: b,
-    hideHeaderDivider: m,
+    children: g,
+    footer: m,
+    hideHeaderDivider: y,
     hideFooterDivider: x,
-    className: S,
-    classNames: g,
-    styles: y,
+    className: w,
+    classNames: b,
+    styles: h,
     ...p
   } = t, C = da.includes(a), k = !!(u || f || d);
   return /* @__PURE__ */ o.jsx(
@@ -1624,17 +1625,17 @@ const ar = U((t, r) => {
       children: /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: w(bt.container, S, g == null ? void 0 : g.container),
-          style: { width: i, ...y == null ? void 0 : y.container },
+          className: S(bt.container, w, b == null ? void 0 : b.container),
+          style: { width: i, ...h == null ? void 0 : h.container },
           "data-testid": p["data-testid"] ? `${p["data-testid"]}-container` : void 0,
           children: [
-            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 }),
+            k && /* @__PURE__ */ o.jsxs("div", { className: S(bt.header, b == null ? void 0 : b.header), style: h == null ? void 0 : h.header, children: [
+              /* @__PURE__ */ o.jsx("div", { className: S(bt.title, b == null ? void 0 : b.title), style: h == null ? void 0 : h.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: s })
               ] }),
-              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(
+              f && /* @__PURE__ */ o.jsx("div", { className: S(bt.subTitle, b == null ? void 0 : b.subTitle), style: h == null ? void 0 : h.subTitle, children: typeof f == "string" ? /* @__PURE__ */ o.jsx(
                 la,
                 {
                   size: 2,
@@ -1644,23 +1645,23 @@ const ar = U((t, r) => {
                 }
               ) : f })
             ] }),
-            !m && k && /* @__PURE__ */ o.jsx("hr", { className: bt.divider }),
+            !y && k && /* @__PURE__ */ o.jsx("hr", { className: bt.divider }),
             /* @__PURE__ */ o.jsx(
               "div",
               {
-                className: w(
+                className: S(
                   C ? bt["content-for-side-drawer"] : bt.content,
-                  g == null ? void 0 : g.content
+                  b == null ? void 0 : b.content
                 ),
                 style: {
-                  ...y == null ? void 0 : y.content
+                  ...h == null ? void 0 : h.content
                 },
                 "data-testid": p["data-testid"] ? `${p["data-testid"]}-content` : void 0,
-                children: h
+                children: g
               }
             ),
-            !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 })
+            !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: h == null ? void 0 : h.footer, children: m })
           ]
         }
       )
@@ -1794,17 +1795,17 @@ const La = (t) => {
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: w(Bt.container, a == null ? void 0 : a.container),
+      className: S(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: 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: [
+        r && /* @__PURE__ */ o.jsx("div", { style: i == null ? void 0 : i.iconSlot, className: S(Bt.iconSlot, a == null ? void 0 : a.iconSlot), children: r }),
+        (n || s) && /* @__PURE__ */ o.jsxs("div", { className: S(Bt.textBlock, a == null ? void 0 : a.textBlock), children: [
           n && /* @__PURE__ */ o.jsx(
             "p",
             {
               style: i == null ? void 0 : i.title,
-              className: w(Bt.title, G[f.title], a == null ? void 0 : a.title),
+              className: S(Bt.title, G[f.title], a == null ? void 0 : a.title),
               children: n
             }
           ),
@@ -1812,12 +1813,12 @@ const La = (t) => {
             "p",
             {
               style: i == null ? void 0 : i.subTitle,
-              className: w(Bt.subtitle, G[f.subtitle], a == null ? void 0 : a.subTitle),
+              className: S(Bt.subtitle, G[f.subtitle], a == null ? void 0 : a.subTitle),
               children: s
             }
           )
         ] }),
-        l && /* @__PURE__ */ o.jsx("div", { className: w(Bt.children, a == null ? void 0 : a.children), children: l })
+        l && /* @__PURE__ */ o.jsx("div", { className: S(Bt.children, a == null ? void 0 : a.children), children: l })
       ]
     }
   );
@@ -1832,7 +1833,7 @@ const La = (t) => {
     children: c,
     variantAvatarProps: u,
     "data-testid": f
-  } = t, { icon: d, colorScheme: h } = (Gt == null ? void 0 : Gt[i]) || Gt.info, m = i === "avatar" ? {
+  } = t, { icon: d, colorScheme: g } = (Gt == null ? void 0 : Gt[i]) || Gt.info, y = i === "avatar" ? {
     size: 48,
     colorScheme: "gray",
     variant: "light",
@@ -1841,7 +1842,7 @@ const La = (t) => {
   } : {
     size: 48,
     icon: d,
-    colorScheme: h,
+    colorScheme: g,
     variant: "light",
     style: { fontSize: 24, outline: "none" },
     "data-testid": "alert-icon"
@@ -1860,7 +1861,7 @@ const La = (t) => {
           title: a,
           subTitle: l,
           size: "m",
-          iconSlot: /* @__PURE__ */ o.jsx(Bo, { ...m }),
+          iconSlot: /* @__PURE__ */ o.jsx(Bo, { ...y }),
           children: c
         }
       )
@@ -1915,18 +1916,18 @@ const La = (t) => {
     size: u = 20,
     position: f = "top-right",
     positionOffset: d = { x: 0, y: 0 },
-    cutoutBackground: h,
-    isDisabled: b,
-    className: m,
+    cutoutBackground: g,
+    isDisabled: m,
+    className: y,
     "data-testid": x = "badge",
-    ...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,
+    ...w
+  } = t, { onClick: b, onPointerDown: h } = w, { ref: p, bgColor: C } = xe(), k = g || C, $ = !m && (!!b || !!h), E = Et(St.badge__container, St[`position-${f}`]), z = Et(
+    y,
     St.badge__content,
     St[`color-${c}`],
     St[`variant-${i}`],
     {
-      [St.disabled]: b,
+      [St.disabled]: m,
       [St.icon]: !!n,
       [St.interactive]: $
     }
@@ -1937,7 +1938,7 @@ const La = (t) => {
     ...k && { "--badge-cutout-bg": k },
     ...i === "transparent" && { "--badge-cutout-bg": "transparent" }
   }, F = (n == null ? void 0 : n({})) || a, q = (D) => {
-    $ && (g == null || g(D));
+    $ && (b == null || b(D));
   };
   return /* @__PURE__ */ o.jsxs("div", { className: St.wrapper, ref: p, "data-testid": x + "-wrapper", children: [
     s,
@@ -1950,12 +1951,12 @@ const La = (t) => {
         children: /* @__PURE__ */ o.jsx(
           "span",
           {
-            ...S,
+            ...w,
             onClick: q,
             className: z,
             "data-testid": x + "-content",
             ref: r,
-            "aria-disabled": b,
+            "aria-disabled": m,
             children: F
           }
         )
@@ -1998,20 +1999,20 @@ const La = (t) => {
     onError: u,
     onLoad: f,
     ...d
-  } = t, [h, b] = gt("loading"), m = h === "error", x = (a || h === "loading") && !m, S = h === "loaded" && !a, g = Et(
+  } = t, [g, m] = gt("loading"), y = g === "error", x = (a || g === "loading") && !y, w = g === "loaded" && !a, b = Et(
     ue.image,
     {
       [ue.loading]: x
     },
     l
-  ), y = jt(
+  ), h = jt(
     (k) => {
-      b("loaded"), f == null || f(k);
+      m("loaded"), f == null || f(k);
     },
     [f]
   ), p = jt(
     (k) => {
-      b("error"), u == null || u(k);
+      m("error"), u == null || u(k);
     },
     [u]
   ), C = {
@@ -2022,7 +2023,7 @@ const La = (t) => {
         {
           alt: n,
           src: i,
-          onLoad: y,
+          onLoad: h,
           onError: p,
           style: { display: "none" }
         }
@@ -2037,20 +2038,20 @@ const La = (t) => {
         "data-testid": c,
         loading: s,
         src: i,
-        className: g
+        className: b
       }
     )
   };
   return ut(() => {
     if (!i) {
-      b("error");
+      m("error");
       return;
     }
-    b("loading");
+    m("loading");
   }, [i]), /* @__PURE__ */ o.jsxs("div", { className: ue.container, "data-testid": `${c}-container`, ...d, children: [
     x && C.loader,
-    m && C.error,
-    S && C.image
+    y && C.error,
+    w && C.image
   ] });
 }), Oa = {}, sr = tr({
   locale: Oa
@@ -2102,7 +2103,7 @@ const La = (t) => {
     "div",
     {
       "data-testid": "ConfigProvider-component",
-      className: w(Da, Fa, Wa, Ha, Va, _s, G, s)
+      className: S(Da, Fa, Wa, Ha, Va, _s, G, s)
     }
   ),
   /* @__PURE__ */ o.jsx(sr.Provider, { value: { locale: t }, children: n })
@@ -2134,13 +2135,13 @@ const La = (t) => {
     slotStart: u,
     slotEnd: f,
     slotStartWrapperProps: d = {},
-    slotEndWrapperProps: h = {},
-    "data-testid": b
-  } = t, { className: m, ...x } = d, { className: S, ...g } = h;
+    slotEndWrapperProps: g = {},
+    "data-testid": m
+  } = t, { className: y, ...x } = d, { className: w, ...b } = g;
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: w(
+      className: S(
         It.tag,
         It[a],
         It[i],
@@ -2151,12 +2152,12 @@ const La = (t) => {
         },
         n
       ),
-      "data-testid": b || "tag-component",
+      "data-testid": m || "tag-component",
       ref: r,
       children: [
-        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 })
+        u && /* @__PURE__ */ o.jsx("span", { className: S([It.iconWrapper, y]), ...x, children: u }),
+        c && /* @__PURE__ */ o.jsx("span", { className: S([It.label]), children: s }),
+        f && /* @__PURE__ */ o.jsx("span", { className: S([It.iconWrapper, w]), ...b, children: f })
       ]
     }
   );
@@ -2255,14 +2256,14 @@ const La = (t) => {
     disabled: u = !1,
     containerClassName: f,
     className: d,
-    containerStyle: h,
-    style: b,
-    children: m,
+    containerStyle: g,
+    style: m,
+    children: y,
     clickableLabel: x = !0,
-    tabIndex: S,
-    onChange: g,
-    "data-testid": y = "checkbox"
-  } = t, [p, C] = gt(!1), k = s ?? p, T = u || l, $ = !!c, E = k || a, z = w(Lt.container, Lt[i], f), B = w(
+    tabIndex: w,
+    onChange: b,
+    "data-testid": h = "checkbox"
+  } = t, [p, C] = gt(!1), k = s ?? p, T = u || l, $ = !!c, E = k || a, z = S(Lt.container, Lt[i], f), B = S(
     Lt.checkbox,
     Lt[i],
     {
@@ -2270,12 +2271,12 @@ const La = (t) => {
     },
     d
   ), F = (M) => {
-    T || (C(M.target.checked), g == null || g(M.target.checked, M));
+    T || (C(M.target.checked), b == null || b(M.target.checked, M));
   }, q = (M) => {
     if (M.key === "Enter" && !T) {
       M.preventDefault();
       const W = !E;
-      C(W), g == null || g(W);
+      C(W), b == null || b(W);
     }
   }, D = (M) => {
     x || M.preventDefault();
@@ -2285,22 +2286,22 @@ const La = (t) => {
     {
       className: z,
       htmlFor: n,
-      style: h,
-      "data-testid": y,
+      style: g,
+      "data-testid": h,
       "data-clickable-label": x,
       children: [
         /* @__PURE__ */ o.jsx("div", { className: Lt.checkboxWrapper, children: /* @__PURE__ */ o.jsxs(
           "div",
           {
-            tabIndex: S || 0,
+            tabIndex: w || 0,
             className: B,
-            style: b,
+            style: m,
             onKeyDown: q,
             "aria-checked": E,
             "aria-disabled": T,
             "aria-invalid": $,
             "aria-describedby": c ? `${n}-error` : void 0,
-            "data-testid": `${y}-label`,
+            "data-testid": `${h}-label`,
             children: [
               /* @__PURE__ */ o.jsx(
                 "input",
@@ -2317,7 +2318,7 @@ const La = (t) => {
                   "aria-checked": E,
                   "aria-invalid": $,
                   "aria-describedby": c ? `${n}-error` : void 0,
-                  "data-testid": `${y}-input`
+                  "data-testid": `${h}-input`
                 }
               ),
               /* @__PURE__ */ o.jsx(
@@ -2328,20 +2329,20 @@ const La = (t) => {
                   isChecked: E,
                   isDisabled: T,
                   indeterminate: a,
-                  dataTestId: y
+                  dataTestId: h
                 }
               )
             ]
           }
         ) }),
-        m && /* @__PURE__ */ o.jsx(
+        y && /* @__PURE__ */ o.jsx(
           "span",
           {
-            "data-testid": `${y}-label-text`,
+            "data-testid": `${h}-label-text`,
             "data-clickable-label": x,
             className: Lt.label,
             onClick: D,
-            children: m
+            children: y
           }
         )
       ]
@@ -2494,8 +2495,8 @@ const La = (t) => {
     a.preventDefault(), a.stopPropagation();
     const l = a.currentTarget.closest(`.${I.wrapper}`);
     if (!l) return;
-    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);
+    const c = a.clientY, u = l.clientHeight, f = (g) => {
+      const m = g.clientY - c, y = Math.min(100, u), x = Math.max(y, u + m);
       l.style.height = `${x}px`;
     }, d = () => {
       document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", d);
@@ -2516,13 +2517,13 @@ const La = (t) => {
     onChange: u,
     onKeyDown: f,
     onKeyUp: d,
-    maxLength: h,
-    className: b,
-    style: m,
+    maxLength: g,
+    className: m,
+    style: y,
     truncate: x = !1,
-    shouldShowFloatingLabelClass: S = !1,
-    "aria-invalid": g,
-    "aria-errormessage": y,
+    shouldShowFloatingLabelClass: w = !1,
+    "aria-invalid": b,
+    "aria-errormessage": h,
     id: p,
     resize: C,
     ...k
@@ -2542,17 +2543,17 @@ const La = (t) => {
           onChange: u,
           onKeyDown: f,
           onKeyUp: d,
-          maxLength: h,
-          className: w(
+          maxLength: g,
+          className: S(
             I.textarea,
             I[`size-${r}`],
-            S && I["with-floating-label"],
-            b
+            w && I["with-floating-label"],
+            m
           ),
-          style: m,
-          "aria-invalid": g,
-          "aria-errormessage": y,
-          "aria-describedby": y ? `${p}-error` : void 0,
+          style: y,
+          "aria-invalid": b,
+          "aria-errormessage": h,
+          "aria-describedby": h ? `${p}-error` : void 0,
           tabIndex: 0,
           "data-resize": C,
           ...k
@@ -2572,18 +2573,18 @@ const La = (t) => {
           onChange: u,
           onKeyDown: f,
           onKeyUp: d,
-          maxLength: h,
-          className: w(
+          maxLength: g,
+          className: S(
             I.input,
             I[`size-${r}`],
-            S && I["with-floating-label"],
+            w && I["with-floating-label"],
             x && I.truncate,
-            b
+            m
           ),
-          style: m,
-          "aria-invalid": g,
-          "aria-errormessage": y,
-          "aria-describedby": y ? `${p}-error` : void 0,
+          style: y,
+          "aria-invalid": b,
+          "aria-errormessage": h,
+          "aria-describedby": h ? `${p}-error` : void 0,
           tabIndex: 0,
           ...k
         }
@@ -2606,13 +2607,13 @@ const La = (t) => {
     floatingLabelStyles: u,
     prefixStyles: f,
     suffixStyles: d,
-    labelProps: h,
-    helperProps: b,
-    showLimit: m = !1,
+    labelProps: g,
+    helperProps: m,
+    showLimit: y = !1,
     maxLength: x,
-    hint: S,
-    showHint: g = !1,
-    showHintOnEmpty: y = !1,
+    hint: w,
+    showHint: b = !1,
+    showHintOnEmpty: h = !1,
     prefix: p,
     suffix: C,
     onSuffixClick: k,
@@ -2627,7 +2628,7 @@ const La = (t) => {
     showGrip: L = !1,
     ...M
   }, W) => {
-    const H = me(), Z = F || H, K = g && S && (z || y), ot = S && S.length > Xe ? S.substring(0, Xe) + "..." : S, rt = w(
+    const H = me(), Z = F || H, K = b && w && (z || h), ot = w && w.length > Xe ? w.substring(0, Xe) + "..." : w, rt = S(
       I.wrapper,
       I[`size-${r}`],
       n && I.error,
@@ -2635,9 +2636,9 @@ const La = (t) => {
       i && I.loading,
       K && I["has-hint"],
       C && I["has-suffix"],
-      m && I["has-limit"],
+      y && I["has-limit"],
       a
-    ), J = w(
+    ), J = S(
       I.floatingLabel,
       I[r],
       z && I.filled,
@@ -2670,12 +2671,12 @@ const La = (t) => {
                 htmlFor: Z,
                 className: J,
                 style: u,
-                ...h,
+                ...g,
                 children: T
               }
             ),
             t,
-            L && !m && (D === "fixed" || !D) && /* @__PURE__ */ o.jsx(
+            L && !y && (D === "fixed" || !D) && /* @__PURE__ */ o.jsx(
               "div",
               {
                 className: I.gripHandle,
@@ -2689,12 +2690,12 @@ const La = (t) => {
             K && /* @__PURE__ */ o.jsx(
               "div",
               {
-                className: w(I.hint, z && I.truncate),
+                className: S(I.hint, z && I.truncate),
                 "data-disabled": s || i,
                 children: ot
               }
             ),
-            m && x && /* @__PURE__ */ o.jsxs("div", { className: I.characterLimit, children: [
+            y && x && /* @__PURE__ */ o.jsxs("div", { className: I.characterLimit, children: [
               (q || "").length,
               " из ",
               x
@@ -2705,12 +2706,12 @@ const La = (t) => {
       B && /* @__PURE__ */ o.jsx(
         "div",
         {
-          className: w(
+          className: S(
             I.helper,
             n && I.error,
             (s || i) && I.disabled
           ),
-          ...b,
+          ...m,
           id: n ? `${Z}-error` : void 0,
           children: B
         }
@@ -2734,13 +2735,13 @@ const Ye = Object.assign(Mi, {
     labelClassName: u,
     helper: f,
     prefix: d,
-    suffix: h,
-    id: b,
-    onFocus: m,
+    suffix: g,
+    id: m,
+    onFocus: y,
     onBlur: x,
-    onKeyDown: S,
-    onSuffixClick: g,
-    onChange: y,
+    onKeyDown: w,
+    onSuffixClick: b,
+    onChange: h,
     value: p = "",
     wrapperProps: C,
     wrapperStyles: k,
@@ -2761,15 +2762,15 @@ const Ye = Object.assign(Mi, {
     showGrip: ot = !1,
     ...rt
   }, J) => {
-    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(
+    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(
       (Q) => {
         var tt;
-        i || a || (m == null || m(), (tt = L == null ? void 0 : L.onFocus) == null || tt.call(
+        i || a || (y == null || y(), (tt = L == null ? void 0 : L.onFocus) == null || tt.call(
           L,
           Q
         ));
       },
-      [m, L, i, a]
+      [y, L, i, a]
     ), Zt = jt(
       (Q) => {
         var tt;
@@ -2798,12 +2799,12 @@ const Ye = Object.assign(Mi, {
         var vt;
         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(
+        xt(tt), h == null || h(tt, Q), (vt = L == null ? void 0 : L.onChange) == null || vt.call(
           L,
           Q
         );
       },
-      [y, L, i, a]
+      [h, L, i, a]
     );
     return ut(() => {
       xt(p || "");
@@ -2815,7 +2816,7 @@ const Ye = Object.assign(Mi, {
         error: s,
         disabled: i || a,
         loading: a,
-        className: w(n, t === "textarea" && I["textarea-wrapper"]),
+        className: S(n, t === "textarea" && I["textarea-wrapper"]),
         wrapperProps: C,
         wrapperStyles: k,
         floatingLabelStyles: T,
@@ -2829,8 +2830,8 @@ const Ye = Object.assign(Mi, {
         showHint: W,
         showHintOnEmpty: H,
         prefix: d,
-        suffix: h,
-        onSuffixClick: g,
+        suffix: g,
+        onSuffixClick: b,
         placeholder: l,
         showLabel: c,
         labelClassName: u,
@@ -2853,7 +2854,7 @@ const Ye = Object.assign(Mi, {
             onFocus: ee,
             onBlur: re,
             onChange: ne,
-            onKeyDown: S,
+            onKeyDown: w,
             onKeyUp: Zt,
             maxLength: D,
             truncate: Z,
@@ -3040,13 +3041,13 @@ const Ye = Object.assign(Mi, {
     size: u = V.L,
     inputProps: f,
     error: d,
-    disabled: h,
-    loading: b,
-    helper: m,
+    disabled: g,
+    loading: m,
+    helper: y,
     prefix: x,
-    suffix: S,
-    clearable: g = !1,
-    id: y,
+    suffix: w,
+    clearable: b = !1,
+    id: h,
     showLabel: p = !0,
     onFocus: C,
     onBlur: k,
@@ -3062,7 +3063,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 = g && Z && !(h || b), at = () => {
+    const Z = (t || "").length > 0, K = u === V.XL, ot = !!x, rt = K && p && !x, J = b && Z && !(g || m), at = () => {
       r == null || r(""), $ == null || $();
     }, st = () => {
       J && at(), T == null || T();
@@ -3074,7 +3075,7 @@ const Ye = Object.assign(Mi, {
         style: { cursor: "pointer" },
         "data-testid": "x-icon"
       }
-    ) : S, xt = {
+    ) : w, xt = {
       type: n,
       minLength: a,
       autoComplete: l,
@@ -3086,12 +3087,12 @@ const Ye = Object.assign(Mi, {
       {
         size: u,
         error: d,
-        disabled: h || b,
-        loading: b,
-        helper: m,
+        disabled: g || m,
+        loading: m,
+        helper: y,
         prefix: x,
         suffix: wt,
-        id: y,
+        id: h,
         showLabel: rt,
         onFocus: C,
         onBlur: k,
@@ -3253,13 +3254,13 @@ const Ye = Object.assign(Mi, {
     error: u,
     disabled: f,
     loading: d,
-    helper: h,
-    suffix: b,
-    clearable: m = !1,
+    helper: g,
+    suffix: m,
+    clearable: y = !1,
     id: x,
-    showLabel: S = !0,
-    onFocus: g,
-    onBlur: y,
+    showLabel: w = !0,
+    onFocus: b,
+    onBlur: h,
     onClear: p,
     onKeyDown: C,
     className: k,
@@ -3273,7 +3274,7 @@ const Ye = Object.assign(Mi, {
     resize: D,
     ...L
   }, M) => {
-    const W = (t || "").length > 0, H = S && !!n && (l === ft.M || q !== 48), Z = m && W && !(f || d), K = () => {
+    const W = (t || "").length > 0, H = w && !!n && (l === ft.M || q !== 48), Z = y && W && !(f || d), K = () => {
       r == null || r(""), p == null || p();
     }, ot = () => {
       Z && K();
@@ -3285,7 +3286,7 @@ const Ye = Object.assign(Mi, {
         style: { cursor: "pointer" },
         "data-testid": "x-icon"
       }
-    ) : b, J = Ki(l, q, H && W, D), at = Yi(l, q), st = {
+    ) : m, J = Ki(l, q, H && W, D), at = Yi(l, q), st = {
       rows: T,
       minLength: i,
       autoFocus: a,
@@ -3302,12 +3303,12 @@ const Ye = Object.assign(Mi, {
         disabled: f || d,
         loading: d,
         onSuffixClick: ot,
-        helper: h,
+        helper: g,
         suffix: rt,
         id: x,
         showLabel: H,
-        onFocus: g,
-        onBlur: y,
+        onFocus: b,
+        onBlur: h,
         onKeyDown: C,
         onChange: r,
         value: t || "",
@@ -3344,7 +3345,7 @@ const Ye = Object.assign(Mi, {
   "aria-label": l,
   "aria-describedby": c
 }) => {
-  const u = !!r, f = w(
+  const u = !!r, f = S(
     _e.helper,
     u && _e["helper--error"],
     i && _e["helper--disabled"],
@@ -3390,24 +3391,24 @@ const Ye = Object.assign(Mi, {
       disabled: u = !1,
       checked: f = !1,
       containerClassName: d,
-      className: h,
-      children: b,
-      clickable: m = "all",
+      className: g,
+      children: m,
+      clickable: y = "all",
       mode: x = "default",
-      tabIndex: S,
-      style: g,
-      containerStyle: y,
+      tabIndex: w,
+      style: b,
+      containerStyle: h,
       onChange: p,
       "data-testid": C,
       ...k
-    } = t, T = !!c, $ = u || l, E = m === "all", z = x === "card", B = _t[`${a}Card`], F = s ?? n, q = (H) => {
+    } = t, T = !!c, $ = u || l, E = y === "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: w(
+        className: S(
           _t.radio,
           _t[a],
           {
@@ -3415,10 +3416,10 @@ const Ye = Object.assign(Mi, {
             [_t.disabled]: $,
             [_t.error]: T && !$
           },
-          h
+          g
         ),
-        style: g,
-        tabIndex: S || 1,
+        style: b,
+        tabIndex: w || 1,
         "data-testid": `${fl}${F}`,
         children: [
           /* @__PURE__ */ o.jsx(
@@ -3449,29 +3450,29 @@ const Ye = Object.assign(Mi, {
         "aria-disabled": $,
         "data-testid": E ? C : gl,
         htmlFor: F,
-        style: y,
-        className: w(_t.label, {
-          [w(_t.container, _t[x], d)]: E,
+        style: h,
+        className: S(_t.label, {
+          [S(_t.container, _t[x], d)]: E,
           [B]: E && z
         }),
         onKeyDown: D,
         ...k,
         children: [
           M(),
-          E && b
+          E && m
         ]
       }
     );
     return E ? W() : /* @__PURE__ */ o.jsxs(
       "div",
       {
-        className: w(_t.container, _t[x], d, {
+        className: S(_t.container, _t[x], d, {
           [B]: z
         }),
         "data-testid": C,
         children: [
           W(),
-          b
+          m
         ]
       }
     );
@@ -3492,7 +3493,7 @@ const Ye = Object.assign(Mi, {
       disabled: u = !1,
       layout: f = "vertical",
       "data-testid": d,
-      ...h
+      ...g
     } = t;
     return /* @__PURE__ */ o.jsx(
       "div",
@@ -3501,22 +3502,22 @@ const Ye = Object.assign(Mi, {
         "data-testid": d ?? `radio-group-${s}`,
         id: n,
         ref: r,
-        children: a.map(({ label: b, value: m, disabled: x }) => {
-          const S = `${s}-${String(m)}`, g = String(m) === String(i);
+        children: a.map(({ label: m, value: y, disabled: x }) => {
+          const w = `${s}-${String(y)}`, b = String(y) === String(i);
           return /* @__PURE__ */ o.jsx(
             dr,
             {
-              id: S,
-              checked: g,
-              "data-testid": S,
+              id: w,
+              checked: b,
+              "data-testid": w,
               disabled: u || x,
               name: s,
-              value: m,
+              value: y,
               className: c,
-              ...h,
-              children: b
+              ...g,
+              children: m
             },
-            S
+            w
           );
         })
       }
@@ -3576,7 +3577,7 @@ const Ye = Object.assign(Mi, {
   className: n,
   size: s
 }) => {
-  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(
+  const i = Vt(null), [a, l] = gt(!1), [c, u] = gt(!1), { ref: f, bgColor: d } = xe(), g = f ?? { current: null }, m = d ?? Dl, y = r && a, x = r && c, w = ({ direction: p }) => /* @__PURE__ */ o.jsx(
     "svg",
     {
       height: "12px",
@@ -3591,12 +3592,12 @@ const Ye = Object.assign(Mi, {
         }
       ) })
     }
-  ), g = () => {
+  ), b = () => {
     const p = i.current;
     if (!p) return;
     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) => {
+  }, h = (p) => {
     const C = i.current;
     if (!C) return;
     const k = C.clientWidth;
@@ -3610,41 +3611,41 @@ const Ye = Object.assign(Mi, {
     };
     return p.addEventListener("wheel", C, { passive: !1 }), () => p.removeEventListener("wheel", C);
   }, []), ut(() => {
-    g();
+    b();
     const p = i.current;
     if (p)
-      return p.addEventListener("scroll", g, { passive: !0 }), window.addEventListener("resize", g), () => {
-        p.removeEventListener("scroll", g), window.removeEventListener("resize", g);
+      return p.addEventListener("scroll", b, { passive: !0 }), window.addEventListener("resize", b), () => {
+        p.removeEventListener("scroll", b), window.removeEventListener("resize", b);
       };
-  }, []), /* @__PURE__ */ o.jsxs("div", { ref: h, className: w(ct.wrapper, n), children: [
-    m && /* @__PURE__ */ o.jsx(
+  }, []), /* @__PURE__ */ o.jsxs("div", { ref: g, className: S(ct.wrapper, n), children: [
+    y && /* @__PURE__ */ o.jsx(
       "div",
       {
-        className: w(ct.mask, ct.maskLeft, a && ct.visible),
+        className: S(ct.mask, ct.maskLeft, a && ct.visible),
         style: {
-          background: `linear-gradient(to right, ${b} 17%, transparent 80%)`
+          background: `linear-gradient(to right, ${m} 17%, transparent 80%)`
         }
       }
     ),
     x && /* @__PURE__ */ o.jsx(
       "div",
       {
-        className: w(ct.mask, ct.maskRight, c && ct.visible),
+        className: S(ct.mask, ct.maskRight, c && ct.visible),
         style: {
-          background: `linear-gradient(to left, ${b} 17%, transparent 80%)`
+          background: `linear-gradient(to left, ${m} 17%, transparent 80%)`
         }
       }
     ),
     /* @__PURE__ */ o.jsx("div", { ref: i, className: ct.viewport, children: t }),
-    m && /* @__PURE__ */ o.jsx(
+    y && /* @__PURE__ */ o.jsx(
       "button",
       {
         type: "button",
         tabIndex: -1,
         "aria-hidden": "true",
-        className: w(ct.control, ct.left, ct[s]),
-        onClick: () => y("left"),
-        children: /* @__PURE__ */ o.jsx(S, { direction: "left" })
+        className: S(ct.control, ct.left, ct[s]),
+        onClick: () => h("left"),
+        children: /* @__PURE__ */ o.jsx(w, { direction: "left" })
       }
     ),
     x && /* @__PURE__ */ o.jsx(
@@ -3653,9 +3654,9 @@ const Ye = Object.assign(Mi, {
         type: "button",
         tabIndex: -1,
         "aria-hidden": "true",
-        className: w(ct.control, ct.right, ct[s]),
-        onClick: () => y("right"),
-        children: /* @__PURE__ */ o.jsx(S, { direction: "right" })
+        className: S(ct.control, ct.right, ct[s]),
+        onClick: () => h("right"),
+        children: /* @__PURE__ */ o.jsx(w, { direction: "right" })
       }
     )
   ] });
@@ -3700,10 +3701,10 @@ const Ye = Object.assign(Mi, {
     value: u,
     label: f,
     prefix: d,
-    prefixWrapperProps: h = {},
-    postfix: b,
-    postfixWrapperProps: m = {}
-  } = r, { className: x, ...S } = h, { className: g, ...y } = m, p = {
+    prefixWrapperProps: g = {},
+    postfix: m,
+    postfixWrapperProps: y = {}
+  } = r, { className: x, ...w } = g, { className: b, ...h } = y, p = {
     primary: G["typography-label-3-medium"],
     secondary: G["typography-label-3-regular"],
     prefix: G["typography-label-3-medium"],
@@ -3712,10 +3713,10 @@ const Ye = Object.assign(Mi, {
     size: r1,
     position: n1,
     ...i
-  }, k = w(et.tab, et[t], et[a], {
+  }, k = S(et.tab, et[t], et[a], {
     [et.selected]: n,
     [et.disabled]: l
-  }), T = w(
+  }), T = S(
     et.tabPrefix,
     x,
     et[t],
@@ -3724,16 +3725,16 @@ const Ye = Object.assign(Mi, {
       [et.selected]: n,
       [et.disabled]: l
     }
-  ), $ = w(
+  ), $ = S(
     et.tabPostfix,
-    g,
+    b,
     et[t],
     p.postfix,
     {
       [et.selected]: n,
       [et.disabled]: l
     }
-  ), E = w(et.tabLabel, et[t], p[t]), z = (F) => {
+  ), E = S(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",
@@ -3751,19 +3752,19 @@ const Ye = Object.assign(Mi, {
           "span",
           {
             className: T,
-            ...S,
+            ...w,
             "data-testid": `tab-prefix-${u}`,
             children: d
           }
         ),
         /* @__PURE__ */ o.jsx("span", { className: E, "data-testid": `tab-label-${u}`, children: f }),
-        b && /* @__PURE__ */ o.jsx(
+        m && /* @__PURE__ */ o.jsx(
           "span",
           {
             className: $,
-            ...y,
+            ...h,
             "data-testid": `tab-postfix-${u}`,
-            children: b
+            children: m
           }
         )
       ]
@@ -3783,7 +3784,7 @@ const Ye = Object.assign(Mi, {
       role: "tablist",
       "data-testid": "tabs-bar",
       "aria-orientation": "horizontal",
-      className: w(et.tabBar, et[t]),
+      className: S(et.tabBar, et[t]),
       children: r.map((c) => /* @__PURE__ */ o.jsx(
         a1,
         {
@@ -4019,14 +4020,14 @@ const Ye = Object.assign(Mi, {
   buttonProps: u,
   showClose: f
 }) => {
-  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;
+  const d = ["neutral", "accent"].includes(s) ? "contrast" : "primary", g = i === "m", m = !!(r && g), y = !!(n && g), x = c && !!c.length, w = !!(f && g) || !f && g && !x, b = i === "xs" ? 4 : 3;
   return /* @__PURE__ */ o.jsxs("div", { className: dt.content, children: [
-    m && /* @__PURE__ */ o.jsx("div", { className: w(dt.mediaWrapper, a.mediaWrapper), children: n }),
+    y && /* @__PURE__ */ o.jsx("div", { className: S(dt.mediaWrapper, a.mediaWrapper), children: n }),
     /* @__PURE__ */ o.jsxs("div", { className: a.textWrapper, children: [
-      b && /* @__PURE__ */ o.jsx(
+      m && /* @__PURE__ */ o.jsx(
         he.Subtitle,
         {
-          className: w(dt.typography, dt.title, a.typography),
+          className: S(dt.typography, dt.title, a.typography),
           size: 1,
           as: "h3",
           typographyStyle: d,
@@ -4036,19 +4037,19 @@ const Ye = Object.assign(Mi, {
       /* @__PURE__ */ o.jsx(
         he.Label,
         {
-          className: w(dt.typography, dt.text, a.typography),
+          className: S(dt.typography, dt.text, a.typography),
           typographyStyle: d,
-          size: g,
+          size: b,
           children: t
         }
       )
     ] }),
-    S && /* @__PURE__ */ o.jsx(
+    w && /* @__PURE__ */ o.jsx(
       "button",
       {
         type: "button",
-        className: w(dt.closeButton, dt[s], a.closeButton, {
-          [dt.hasMedia]: m
+        className: S(dt.closeButton, dt[s], a.closeButton, {
+          [dt.hasMedia]: y
         }),
         onClick: l,
         "aria-label": "Закрыть подсказку",
@@ -4056,8 +4057,8 @@ const Ye = Object.assign(Mi, {
         children: /* @__PURE__ */ o.jsx(k1, {})
       }
     ),
-    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) => {
+    g && x && /* @__PURE__ */ o.jsx("div", { className: dt.buttonStack, children: c.map((h, p) => {
+      const C = R1(p, c.length, s), k = E1(h, C, u), { closeOnClick: T, ...$ } = k, E = (z) => {
         var B;
         (B = $.onClick) == null || B.call($, z), T && (l == null || l());
       };
@@ -4076,35 +4077,35 @@ const Ye = Object.assign(Mi, {
   trigger: u = "hover",
   variant: f = "neutral",
   size: d = "s",
-  text: h,
-  title: b,
-  media: m,
+  text: g,
+  title: m,
+  media: y,
   buttons: x,
-  buttonProps: S,
-  onClose: g,
-  ...y
+  buttonProps: w,
+  onClose: b,
+  ...h
 }) => {
   const [p, C] = gt(!1), [k, T] = gt(!1), $ = d === "m" ? j1 : $1, E = () => {
-    C(!1), g == null || g();
+    C(!1), b == null || b();
   }, z = t || (d === "m" ? /* @__PURE__ */ o.jsx(
     Ue,
     {
       classNames: s,
-      text: h,
+      text: g,
       variant: f,
       size: d,
       onClose: E,
-      title: b,
-      media: m,
+      title: m,
+      media: y,
       showClose: c,
       buttons: x,
-      buttonProps: S
+      buttonProps: w
     }
   ) : /* @__PURE__ */ o.jsx(
     Ue,
     {
       classNames: s,
-      text: h,
+      text: g,
       variant: f,
       size: d,
       onClose: E
@@ -4122,8 +4123,8 @@ const Ye = Object.assign(Mi, {
       visible: p,
       onVisibleChange: C,
       classNames: {
-        root: w(dt.root, dt[f], dt[d], k && dt.open),
-        ...y.classNames
+        root: S(dt.root, dt[f], dt[d], k && dt.open),
+        ...h.classNames
       },
       placement: n,
       overlay: () => z,
@@ -4137,7 +4138,7 @@ const Ye = Object.assign(Mi, {
         className: `tooltipArrow tooltipArrow-${d}`
       } : !1,
       destroyTooltipOnHide: !0,
-      ...y,
+      ...h,
       children: r
     }
   );
@@ -4166,28 +4167,28 @@ const Ye = Object.assign(Mi, {
     stretched: l,
     mode: c = "label",
     onChange: u
-  } = t, f = me(), [d, h] = gt(n || a[0].value), [b, m] = gt({ width: 0, left: 0 }), x = Vt(null);
+  } = t, f = me(), [d, g] = gt(n || a[0].value), [m, y] = gt({ width: 0, left: 0 }), x = Vt(null);
   ut(() => {
-    s && h(s);
+    s && g(s);
   }, [s]), ut(() => {
-    S();
+    w();
   }, [d, a, i, l, c]);
-  const S = () => {
+  const w = () => {
     if (!(x != null && x.current)) return;
     const C = x.current.querySelector(
       '[data-is-active-segment="true"]'
     );
-    C && m({
+    C && y({
       width: C.offsetWidth,
       left: C.offsetLeft
     });
-  }, g = (p = a.find((C) => C.value === d)) == null ? void 0 : p.label, y = (C) => {
-    h(C), u == null || u(C);
+  }, b = (p = a.find((C) => C.value === d)) == null ? void 0 : p.label, h = (C) => {
+    g(C), u == null || u(C);
   };
   return (a == null ? void 0 : a.length) === 0 ? null : /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: w(
+      className: S(
         Ot.segmentedControl,
         Ot[i],
         Ot[c],
@@ -4200,7 +4201,7 @@ const Ye = Object.assign(Mi, {
       ref: x,
       children: [
         a == null ? void 0 : a.map(({ label: C, value: k }, T) => {
-          const $ = () => y(k);
+          const $ = () => h(k);
           return /* @__PURE__ */ o.jsxs(Ht, { children: [
             /* @__PURE__ */ o.jsx(
               "input",
@@ -4216,7 +4217,7 @@ const Ye = Object.assign(Mi, {
               "label",
               {
                 "data-is-active-segment": d === k,
-                className: w(Ot.segment, Ke[i]),
+                className: S(Ot.segment, Ke[i]),
                 htmlFor: f + JSON.stringify(k),
                 "data-testid": "segmented-control-segment",
                 children: C
@@ -4227,13 +4228,13 @@ const Ye = Object.assign(Mi, {
         /* @__PURE__ */ o.jsx(
           "div",
           {
-            className: w(Ot.activeSegmentIndicator, Ke[i]),
+            className: S(Ot.activeSegmentIndicator, Ke[i]),
             "data-testid": "segmented-control-active-segment",
             style: {
-              width: b.width,
-              left: b.left
+              width: m.width,
+              left: m.left
             },
-            children: g
+            children: b
           }
         )
       ]