skillgrid 0.0.45 → 0.0.47

package/dist/index.es.js

@@ -70,26 +70,26 @@ function b3() {
         Y.unshift("Warning: " + M), Function.prototype.apply.call(console[a], console, Y);
       }
     }
-    var b = !1, B = !1, x = !1, Z = !1, V = !1, j;
+    var b = !1, B = !1, x = !1, V = !1, y = !1, j;
     j = Symbol.for("react.module.reference");
     function O(a) {
-      return !!(typeof a == "string" || typeof a == "function" || a === C || a === l || V || a === s || a === v || a === d || Z || a === h || b || B || x || typeof a == "object" && a !== null && (a.$$typeof === E || a.$$typeof === _ || a.$$typeof === c || a.$$typeof === g || a.$$typeof === L || // This needs to include all possible module reference object
+      return !!(typeof a == "string" || typeof a == "function" || a === C || a === l || y || a === s || a === v || a === d || V || a === h || b || B || x || typeof a == "object" && a !== null && (a.$$typeof === E || a.$$typeof === _ || a.$$typeof === c || a.$$typeof === g || a.$$typeof === L || // 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.
       a.$$typeof === j || a.getModuleId !== void 0));
     }
-    function D(a, M, S) {
+    function I(a, M, S) {
       var F = a.displayName;
       if (F)
         return F;
       var q = M.displayName || M.name || "";
       return q !== "" ? S + "(" + q + ")" : S;
     }
-    function A(a) {
+    function T(a) {
       return a.displayName || "Context";
     }
-    function y(a) {
+    function Z(a) {
       if (a == null)
         return null;
       if (typeof a.tag == "number" && u("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof a == "function")
@@ -114,19 +114,19 @@ function b3() {
         switch (a.$$typeof) {
           case g:
             var M = a;
-            return A(M) + ".Consumer";
+            return T(M) + ".Consumer";
           case c:
             var S = a;
-            return A(S._context) + ".Provider";
+            return T(S._context) + ".Provider";
           case L:
-            return D(a, a.render, "ForwardRef");
+            return I(a, a.render, "ForwardRef");
           case _:
             var F = a.displayName || null;
-            return F !== null ? F : y(a.type) || "Memo";
+            return F !== null ? F : Z(a.type) || "Memo";
           case E: {
             var q = a, Y = q._payload, G = q._init;
             try {
-              return y(G(Y));
+              return Z(G(Y));
             } catch {
               return null;
             }
@@ -134,14 +134,14 @@ function b3() {
         }
       return null;
     }
-    var R = Object.assign, I = 0, T, U, N, n1, K, X, W;
+    var R = Object.assign, D = 0, A, U, N, n1, K, X, W;
     function J() {
     }
     J.__reactDisabledLog = !0;
     function L1() {
       {
-        if (I === 0) {
-          T = console.log, U = console.info, N = console.warn, n1 = console.error, K = console.group, X = console.groupCollapsed, W = console.groupEnd;
+        if (D === 0) {
+          A = console.log, U = console.info, N = console.warn, n1 = console.error, K = console.group, X = console.groupCollapsed, W = console.groupEnd;
           var a = {
             configurable: !0,
             enumerable: !0,
@@ -158,12 +158,12 @@ function b3() {
             groupEnd: a
           });
         }
-        I++;
+        D++;
       }
     }
     function p1() {
       {
-        if (I--, I === 0) {
+        if (D--, D === 0) {
           var a = {
             configurable: !0,
             enumerable: !0,
@@ -171,7 +171,7 @@ function b3() {
           };
           Object.defineProperties(console, {
             log: R({}, a, {
-              value: T
+              value: A
             }),
             info: R({}, a, {
               value: U
@@ -193,7 +193,7 @@ function b3() {
             })
           });
         }
-        I < 0 && u("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        D < 0 && u("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var h1 = w.ReactCurrentDispatcher, O1;
@@ -483,7 +483,7 @@ function b3() {
     function G2() {
       {
         if (M2.current) {
-          var a = y(M2.current.type);
+          var a = Z(M2.current.type);
           if (a)
             return `
 
@@ -518,7 +518,7 @@ Check the top-level render call using <` + S + ">.");
           return;
         q2[S] = !0;
         var F = "";
-        a && a._owner && a._owner !== M2.current && (F = " It was passed a child from " + y(a._owner.type) + "."), X1(a), u('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', S, F), X1(null);
+        a && a._owner && a._owner !== M2.current && (F = " It was passed a child from " + Z(a._owner.type) + "."), X1(a), u('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', S, F), X1(null);
       }
     }
     function Y2(a, M) {
@@ -555,11 +555,11 @@ Check the top-level render call using <` + S + ">.");
         else
           return;
         if (S) {
-          var F = y(M);
+          var F = Z(M);
           P9(S, a.props, "prop", F, a);
         } else if (M.PropTypes !== void 0 && !x2) {
           x2 = !0;
-          var q = y(M);
+          var q = Z(M);
           u("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", q || "Unknown");
         }
         typeof M.getDefaultProps == "function" && !M.getDefaultProps.isReactClassApproved && u("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -587,7 +587,7 @@ Check the top-level render call using <` + S + ">.");
           var w1 = e3();
           w1 ? $ += w1 : $ += G2();
           var C1;
-          a === null ? C1 = "null" : k2(a) ? C1 = "array" : a !== void 0 && a.$$typeof === o ? (C1 = "<" + (y(a.type) || "Unknown") + " />", $ = " Did you accidentally export a JSX literal instead of a component?") : C1 = typeof a, u("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", C1, $);
+          a === null ? C1 = "null" : k2(a) ? C1 = "array" : a !== void 0 && a.$$typeof === o ? (C1 = "<" + (Z(a.type) || "Unknown") + " />", $ = " Did you accidentally export a JSX literal instead of a component?") : C1 = typeof a, u("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", C1, $);
         }
         var a1 = Q9(a, M, S, q, Y);
         if (a1 == null)
@@ -606,7 +606,7 @@ Check the top-level render call using <` + S + ">.");
               Y2(Z1, a);
         }
         if (l1.call(M, "key")) {
-          var z1 = y(a), f1 = Object.keys(M).filter(function(s3) {
+          var z1 = Z(a), f1 = Object.keys(M).filter(function(s3) {
             return s3 !== "key";
           }), b2 = f1.length > 0 ? "{key: someKey, " + f1.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!K2[z1 + b2]) {
@@ -948,7 +948,7 @@ const k1 = /* @__PURE__ */ x3(O4), b9 = o1(
     stretched: _,
     iconLeft: E,
     loading: h
-  } = t, p = i === "tertiary", f = p && "paddings" in t ? t.paddings ?? !0 : !0, m = !!("loading" in t && h), w = !l && !m, u = !!(!g && E && !d), k = typeof _ == "object" ? _.justify === "space-between" : void 0, b = I4(C), B = s1[b], x = f4(l, i, s), Z = l || m ? -1 : L, V = H(
+  } = t, p = i === "tertiary", f = p && "paddings" in t ? t.paddings ?? !0 : !0, m = !!("loading" in t && h), w = !l && !m, u = !!(!g && E && !d), k = typeof _ == "object" ? _.justify === "space-between" : void 0, b = I4(C), B = s1[b], x = f4(l, i, s), V = l || m ? -1 : L, y = H(
     P.button,
     P[C],
     P[i],
@@ -972,24 +972,24 @@ const k1 = /* @__PURE__ */ x3(O4), b9 = o1(
     size: C
   };
   if (V3(t)) {
-    const { href: O, onClick: D, style: A, target: y, rel: R, "data-testid": I, ...T } = t, U = f2(T), N = y ?? (t.isExternal ? "_blank" : void 0), n1 = Z9({ rel: R, target: N }), K = (X) => {
+    const { href: O, onClick: I, style: T, target: Z, rel: R, "data-testid": D, ...A } = t, U = f2(A), N = Z ?? (t.isExternal ? "_blank" : void 0), n1 = Z9({ rel: R, target: N }), K = (X) => {
       if (!w) {
         X.preventDefault();
         return;
       }
-      D == null || D(X);
+      I == null || I(X);
     };
     return /* @__PURE__ */ r.jsx(
       "a",
       {
         ref: o,
-        className: V,
+        className: y,
         href: w ? O : void 0,
-        tabIndex: Z,
+        tabIndex: V,
         onClick: K,
-        "data-testid": I,
+        "data-testid": D,
         "aria-disabled": l || m,
-        style: A,
+        style: T,
         target: N,
         rel: n1,
         ...U,
@@ -998,22 +998,22 @@ const k1 = /* @__PURE__ */ x3(O4), b9 = o1(
     );
   }
   if (y3(t)) {
-    const { type: O = "button", onClick: D, style: A, "data-testid": y, ...R } = t, I = f2(R), T = C === "l" ? 24 : 16, U = (N) => {
-      w && D && D(N);
+    const { type: O = "button", onClick: I, style: T, "data-testid": Z, ...R } = t, D = f2(R), A = C === "l" ? 24 : 16, U = (N) => {
+      w && I && I(N);
     };
     return /* @__PURE__ */ r.jsxs(
       "button",
       {
         ref: o,
         type: O,
-        className: V,
+        className: y,
         disabled: l,
-        tabIndex: Z,
+        tabIndex: V,
         onClick: U,
-        "data-testid": y,
+        "data-testid": Z,
         "aria-disabled": l || m,
-        style: A,
-        ...I,
+        style: T,
+        ...D,
         children: [
           /* @__PURE__ */ r.jsx("div", { className: H(P.content, { [P.contentHidden]: m }), children: /* @__PURE__ */ r.jsx(o9, { ...j }) }),
           m && /* @__PURE__ */ r.jsx("div", { className: P.loaderWrapper, children: /* @__PURE__ */ r.jsx(
@@ -1022,7 +1022,7 @@ const k1 = /* @__PURE__ */ x3(O4), b9 = o1(
               variant: x,
               "aria-hidden": "true",
               "data-testid": "button-loader",
-              size: T
+              size: A
             }
           ) })
         ]
@@ -1094,7 +1094,7 @@ const i9 = ({
       showLinkIcons: E
     };
     if (t.as === "a") {
-      const { href: y, onClick: R, style: I, target: T, rel: U, "data-testid": N, isExternal: n1, ...K } = t, X = f2(K), W = T ?? (n1 ? "_blank" : void 0), J = Z9({ rel: U, target: W }), L1 = (p1) => {
+      const { href: Z, onClick: R, style: D, target: A, rel: U, "data-testid": N, isExternal: n1, ...K } = t, X = f2(K), W = A ?? (n1 ? "_blank" : void 0), J = Z9({ rel: U, target: W }), L1 = (p1) => {
         if (!f) {
           p1.preventDefault();
           return;
@@ -1106,12 +1106,12 @@ const i9 = ({
         {
           ref: o,
           className: b,
-          href: f ? y : void 0,
+          href: f ? Z : void 0,
           tabIndex: k,
           onClick: L1,
           "data-testid": N,
           "aria-disabled": l,
-          style: I,
+          style: D,
           target: W,
           rel: J,
           ...X,
@@ -1119,8 +1119,8 @@ const i9 = ({
         }
       );
     }
-    const { type: x = "button", onClick: Z, style: V, "data-testid": j, ...O } = t, D = f2(O), A = (y) => {
-      f && Z && Z(y);
+    const { type: x = "button", onClick: V, style: y, "data-testid": j, ...O } = t, I = f2(O), T = (Z) => {
+      f && V && V(Z);
     };
     return /* @__PURE__ */ r.jsx(
       "button",
@@ -1130,11 +1130,11 @@ const i9 = ({
         className: b,
         disabled: l,
         tabIndex: k,
-        onClick: A,
+        onClick: T,
         "data-testid": j,
         "aria-disabled": l,
-        style: V,
-        ...D,
+        style: y,
+        ...I,
         children: /* @__PURE__ */ r.jsx(i9, { ...B })
       }
     );
@@ -1249,11 +1249,11 @@ const r6 = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
     className: f,
     "data-testid": m,
     ...w
-  } = t, { onClick: u, onPointerDown: k } = w, B = !l && !s && (!!u || !!k), [x, Z] = d1(!1);
+  } = t, { onClick: u, onPointerDown: k } = w, B = !l && !s && (!!u || !!k), [x, V] = d1(!1);
   Q(() => {
-    d && Z(!1);
+    d && V(!1);
   }, [d]);
-  const V = d && !x ? "image" : E ? "icon" : v ? "name" : "placeholder", j = p || V === "name" && K4(v) || "gray", O = n6(C), D = e6(C, c), A = H(
+  const y = d && !x ? "image" : E ? "icon" : v ? "name" : "placeholder", j = p || y === "name" && K4(v) || "gray", O = n6(C), I = e6(C, c), T = H(
     f,
     W1.avatar,
     W1[`variant-${g}`],
@@ -1264,9 +1264,9 @@ const r6 = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
       [W1.loading]: s,
       [W1.clickable]: B
     }
-  ), y = {
+  ), Z = {
     "--avatar-size": `${C}px`,
-    "--avatar-border-radius": `${D}px`,
+    "--avatar-border-radius": `${I}px`,
     ...i
   }, R = {
     icon: () => /* @__PURE__ */ r.jsx("span", { "data-testid": "avatar-icon", title: _ || void 0, role: "img", className: W1.icon, children: E == null ? void 0 : E({}) }),
@@ -1298,26 +1298,26 @@ const r6 = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
         className: W1.image,
         src: d || void 0,
         alt: _ || void 0,
-        onLoad: () => Z(!1),
-        onError: (T) => {
+        onLoad: () => V(!1),
+        onError: (A) => {
           var U;
-          Z(!0), (U = h == null ? void 0 : h.onError) == null || U.call(h, T);
+          V(!0), (U = h == null ? void 0 : h.onError) == null || U.call(h, A);
         }
       }
     )
-  }, I = (T) => {
-    B && (u == null || u(T));
+  }, D = (A) => {
+    B && (u == null || u(A));
   };
   return /* @__PURE__ */ r.jsx(
     "div",
     {
       ref: o,
-      onClick: I,
-      className: A,
-      style: y,
+      onClick: D,
+      className: T,
+      style: Z,
       "data-testid": m,
       "aria-disabled": l || s,
-      children: R[V](null)
+      children: R[y](null)
     }
   );
 }), a6 = "_avatarGroup_157g4_1", s6 = {
@@ -1548,34 +1548,34 @@ function x6({
   ), u = x1(
     (x) => {
       if (!d.current.dragging || !m) return;
-      const Z = x.clientX - d.current.startX, V = x.clientY - d.current.startY;
+      const V = x.clientX - d.current.startX, y = x.clientY - d.current.startY;
       let j;
       switch (h) {
         case "bottom":
-          j = Math.max(0, V);
+          j = Math.max(0, y);
           break;
         case "top":
-          j = Math.max(0, -V);
+          j = Math.max(0, -y);
           break;
         case "right":
-          j = Math.max(0, Z);
+          j = Math.max(0, V);
           break;
         case "left":
-          j = Math.max(0, -Z);
+          j = Math.max(0, -V);
           break;
         default:
-          j = f ? V : Z;
+          j = f ? y : V;
       }
       E(j);
     },
     [m, h, f]
   ), k = x1(
     (x) => {
-      var Z, V;
+      var V, y;
       if (!(!d.current.dragging || !m)) {
         d.current.dragging = !1;
         try {
-          (V = (Z = x.currentTarget).hasPointerCapture) != null && V.call(Z, x.pointerId) && x.currentTarget.releasePointerCapture(x.pointerId);
+          (y = (V = x.currentTarget).hasPointerCapture) != null && y.call(V, x.pointerId) && x.currentTarget.releasePointerCapture(x.pointerId);
         } catch {
         }
         _ >= p ? o(!1) : E(0);
@@ -1587,8 +1587,8 @@ function x6({
     if (d.current.dragging) {
       const x = { ...c, transitionProperty: "none" };
       if (_ > 0) {
-        const Z = h === "left" || h === "top" ? -_ : _;
-        x.transform = f ? `translateY(${Z}px)` : `translateX(${Z}px)`;
+        const V = h === "left" || h === "top" ? -_ : _;
+        x.transform = f ? `translateY(${V}px)` : `translateX(${V}px)`;
       }
       return x;
     }
@@ -1875,7 +1875,7 @@ const S9 = o1((t, o) => {
     headerTemplate: u,
     "data-testid": k,
     ...b
-  } = t, B = l === "bottom-sheet" ? "actions-title-actions" : "title-actions-actions", x = l === "bottom-sheet" ? { direction: "bottom", threshold: 80 } : t == null ? void 0 : t.closeOnDrag, Z = () => C(!1), V = !!(d || _ || L.show || v.show || c.length || g.length), j = d ? `${k || "modal"}-title` : void 0, O = _ ? `${k || "modal"}-subtitle` : void 0;
+  } = t, B = l === "bottom-sheet" ? "actions-title-actions" : "title-actions-actions", x = l === "bottom-sheet" ? { direction: "bottom", threshold: 80 } : t == null ? void 0 : t.closeOnDrag, V = () => C(!1), y = !!(d || _ || L.show || v.show || c.length || g.length), j = d ? `${k || "modal"}-title` : void 0, O = _ ? `${k || "modal"}-subtitle` : void 0;
   return /* @__PURE__ */ r.jsx(
     S9,
     {
@@ -1894,7 +1894,7 @@ const S9 = o1((t, o) => {
           style: { width: s, ...w == null ? void 0 : w.container },
           "data-testid": k ? `${k}-container` : void 0,
           children: [
-            V && /* @__PURE__ */ r.jsxs(
+            y && /* @__PURE__ */ r.jsxs(
               "div",
               {
                 "data-testid": k ? `${k}-header` : void 0,
@@ -1919,7 +1919,7 @@ const S9 = o1((t, o) => {
                             props: {
                               iconLeft: /* @__PURE__ */ r.jsx(q6, {}),
                               "aria-label": "Back",
-                              onClick: Z,
+                              onClick: V,
                               ...v == null ? void 0 : v.props
                             }
                           }
@@ -1943,7 +1943,7 @@ const S9 = o1((t, o) => {
                             props: {
                               iconLeft: /* @__PURE__ */ r.jsx(G6, {}),
                               "aria-label": "Close modal",
-                              onClick: Z,
+                              onClick: V,
                               ...L == null ? void 0 : L.props
                             }
                           }
@@ -2249,7 +2249,7 @@ const h7 = (t) => {
     className: h,
     "data-testid": p = "badge",
     ...f
-  } = t, { onClick: m, onPointerDown: w } = f, { ref: u, bgColor: k } = T2(), b = _ || k, x = !E && (!!m || !!w), Z = k1(F1.badge__container, F1[`position-${v}`]), V = k1(
+  } = t, { onClick: m, onPointerDown: w } = f, { ref: u, bgColor: k } = T2(), b = _ || k, x = !E && (!!m || !!w), V = k1(F1.badge__container, F1[`position-${v}`]), y = k1(
     h,
     F1.badge__content,
     F1[`color-${g}`],
@@ -2265,23 +2265,23 @@ const h7 = (t) => {
     "--badge-offset-y": `${d.y}px`,
     ...b && { "--badge-cutout-bg": b },
     ...s === "transparent" && { "--badge-cutout-bg": "transparent" }
-  }, O = (i == null ? void 0 : i({})) || l, D = (A) => {
-    x && (m == null || m(A));
+  }, O = (i == null ? void 0 : i({})) || l, I = (T) => {
+    x && (m == null || m(T));
   };
   return /* @__PURE__ */ r.jsxs("div", { className: F1.wrapper, ref: u, "data-testid": p + "-wrapper", children: [
     C,
     !c && /* @__PURE__ */ r.jsx(
       "span",
       {
-        className: Z,
+        className: V,
         style: j,
         "data-testid": p + "-container",
         children: /* @__PURE__ */ r.jsx(
           "span",
           {
             ...f,
-            onClick: D,
-            className: V,
+            onClick: I,
+            className: y,
             "data-testid": p + "-content",
             ref: o,
             "aria-disabled": E,
@@ -2345,12 +2345,12 @@ const h7 = (t) => {
       m("loaded"), _ == null || _(j);
     },
     [_]
-  ), Z = x1(
+  ), V = x1(
     (j) => {
       m("error"), d == null || d(j);
     },
     [d]
-  ), V = {
+  ), y = {
     loader: /* @__PURE__ */ r.jsxs(q1, { children: [
       /* @__PURE__ */ r.jsx(E2, { size: 48, variant: "gray", "data-testid": `${v}-loader` }),
       /* @__PURE__ */ r.jsx(
@@ -2359,7 +2359,7 @@ const h7 = (t) => {
           alt: i,
           src: s,
           onLoad: x,
-          onError: Z,
+          onError: V,
           style: { display: "none" }
         }
       )
@@ -2392,9 +2392,9 @@ const h7 = (t) => {
       style: c,
       ...p,
       children: [
-        u && V.loader,
-        w && V.error,
-        k && V.image
+        u && y.loader,
+        w && y.error,
+        k && y.image
       ]
     }
   );
@@ -2584,16 +2584,16 @@ const h7 = (t) => {
   styles: b,
   tabIndex: B,
   "aria-label": x,
-  role: Z
+  role: V
 }) => {
-  const [V, j] = d1(!1), O = P1.isValidElement(h), D = t2(() => p ? "disabled" : f ? "loading" : O && V ? "checked" : "default", [p, f, O, V]), A = t === "button" || !!m, y = b && "boxShadow" in b && b.boxShadow !== void 0, R = k1(
+  const [y, j] = d1(!1), O = P1.isValidElement(h), I = t2(() => p ? "disabled" : f ? "loading" : O && y ? "checked" : "default", [p, f, O, y]), T = t === "button" || !!m, Z = b && "boxShadow" in b && b.boxShadow !== void 0, R = k1(
     r1.wrapper,
     // Состояния
     {
       [r1.disabled]: p,
       [r1.loading]: f,
-      [r1.interactive]: A && !p && !f,
-      [r1.interactiveWithCustomShadow]: A && !p && !f && y,
+      [r1.interactive]: T && !p && !f,
+      [r1.interactiveWithCustomShadow]: T && !p && !f && Z,
       [r1.checked]: h
     },
     // Стили иконки
@@ -2633,7 +2633,7 @@ const h7 = (t) => {
       [r1.shadowIncreasesWhenPressed]: L === "increases-when-pressed"
     },
     k
-  ), I = k1(r1.iconWrapper, r1[`iconSize${o}`]), T = t2(() => {
+  ), D = k1(r1.iconWrapper, r1[`iconSize${o}`]), A = t2(() => {
     const e1 = { ...b };
     return c !== !1 && typeof c == "number" && (e1.padding = `${c}px`), typeof _ == "number" && _ !== 50 && (e1.borderRadius = `${_}px`), e1;
   }, [b, _, c]), U = (e1) => {
@@ -2647,16 +2647,16 @@ const h7 = (t) => {
   }, X = E ? E.show && !p : !1;
   return {
     // Состояние
-    checkedActive: V,
+    checkedActive: y,
     isCheckedNode: O,
-    currentState: D,
-    isInteractive: A,
-    shouldHideIcon: !!x && A,
+    currentState: I,
+    isInteractive: T,
+    shouldHideIcon: !!x && T,
     // Классы
     wrapperClasses: R,
-    iconWrapperClasses: I,
+    iconWrapperClasses: D,
     // Стили
-    inlineStyles: T,
+    inlineStyles: A,
     // Обработчики
     handleMouseEnter: U,
     handleMouseLeave: N,
@@ -2667,7 +2667,7 @@ const h7 = (t) => {
     getBadgeSize: () => E && E.size === "extra-small" ? 8 : 16,
     // Accessibility
     getRole: () => {
-      if (Z) return Z;
+      if (V) return V;
       if (t !== "button")
         return m ? "button" : "img";
     },
@@ -2709,15 +2709,15 @@ const h7 = (t) => {
     className: b,
     styles: B,
     tabIndex: x,
-    "data-testid": Z,
-    "aria-label": V,
+    "data-testid": V,
+    "aria-label": y,
     "aria-describedby": j,
     role: O,
-    ...D
-  }, A) => {
-    const y = t || (w ? "button" : "div"), R = c6("icon"), {
-      checkedActive: I,
-      isCheckedNode: T,
+    ...I
+  }, T) => {
+    const Z = t || (w ? "button" : "div"), R = c6("icon"), {
+      checkedActive: D,
+      isCheckedNode: A,
       currentState: U,
       shouldHideIcon: N,
       wrapperClasses: n1,
@@ -2735,7 +2735,7 @@ const h7 = (t) => {
       buttonSpecificProps: n2,
       iconSize: $1
     } = I0({
-      Component: y,
+      Component: Z,
       iconSize: i,
       mode: C,
       style: s,
@@ -2757,7 +2757,7 @@ const h7 = (t) => {
       className: b,
       styles: B,
       tabIndex: x,
-      "aria-label": V,
+      "aria-label": y,
       role: O
     }), r2 = () => {
       var u1;
@@ -2769,7 +2769,7 @@ const h7 = (t) => {
             size: N1,
             "aria-hidden": N ? !0 : void 0,
             role: N ? void 0 : "img",
-            "aria-label": N ? void 0 : V || R("loading")
+            "aria-label": N ? void 0 : y || R("loading")
           }
         );
       }
@@ -2791,32 +2791,32 @@ const h7 = (t) => {
           fill: "currentColor",
           "aria-hidden": N ? !0 : void 0,
           role: N ? void 0 : "img",
-          "aria-label": N ? void 0 : V || R("placeholder"),
+          "aria-label": N ? void 0 : y || R("placeholder"),
           children: /* @__PURE__ */ r.jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })
         }
       ) });
-    }, o2 = () => T && I ? /* @__PURE__ */ r.jsx("span", { className: w2.checkedOverlay, children: p }) : null, i1 = /* @__PURE__ */ r.jsxs("div", { className: K, style: { position: "relative" }, children: [
+    }, o2 = () => A && D ? /* @__PURE__ */ r.jsx("span", { className: w2.checkedOverlay, children: p }) : null, i1 = /* @__PURE__ */ r.jsxs("div", { className: K, style: { position: "relative" }, children: [
       r2(),
       o2()
     ] }), l1 = {
-      ref: A,
+      ref: T,
       className: n1,
       style: X,
       onMouseEnter: W,
       onMouseLeave: J,
       onClick: L1,
       onKeyDown: b1 ? p1 : void 0,
-      "data-testid": Z,
-      "aria-label": V,
+      "data-testid": V,
+      "aria-label": y,
       "aria-describedby": j,
       // Используем aria-pressed для кнопок с состоянием toggle
-      "aria-pressed": T && (y === "button" || w) ? I : void 0,
+      "aria-pressed": A && (Z === "button" || w) ? D : void 0,
       "aria-disabled": f ? !0 : void 0,
       "data-state": U,
       role: R1(),
       tabIndex: e1(),
       ...n2,
-      ...D
+      ...I
     };
     if (h1 && L !== !1)
       return /* @__PURE__ */ r.jsx(
@@ -2826,8 +2826,8 @@ const h7 = (t) => {
           size: O1(),
           colorScheme: "red",
           position: "top-right",
-          "data-testid": `${Z || "icon"}-badge`,
-          children: /* @__PURE__ */ r.jsx(y, { ...l1, children: i1 })
+          "data-testid": `${V || "icon"}-badge`,
+          children: /* @__PURE__ */ r.jsx(Z, { ...l1, children: i1 })
         }
       );
     if (h1 && L === !1) {
@@ -2838,13 +2838,13 @@ const h7 = (t) => {
           size: O1(),
           colorScheme: "red",
           position: "top-right",
-          "data-testid": `${Z || "icon"}-badge`,
+          "data-testid": `${V || "icon"}-badge`,
           children: i1
         }
       );
-      return /* @__PURE__ */ r.jsx(y, { ...l1, children: u1 });
+      return /* @__PURE__ */ r.jsx(Z, { ...l1, children: u1 });
     }
-    return /* @__PURE__ */ r.jsx(y, { ...l1, children: i1 });
+    return /* @__PURE__ */ r.jsx(Z, { ...l1, children: i1 });
   }
 );
 j9.displayName = "Icon";
@@ -3452,22 +3452,22 @@ const bd = {}, xl = "_tag_1llsi_1", Hl = "_label_1llsi_16", bl = "_iconWrapper_1
     onChange: m,
     onClick: w,
     "data-testid": u = "checkbox"
-  } = t, [k, b] = d1(!1), B = C ?? k, x = L || c, Z = !!g, V = B || l, j = H(T1.container, T1[s], v), O = H(
+  } = t, [k, b] = d1(!1), B = C ?? k, x = L || c, V = !!g, y = B || l, j = H(T1.container, T1[s], v), O = H(
     T1.checkbox,
     T1[s],
     {
-      [T1.error]: Z
+      [T1.error]: V
     },
     d
-  ), D = (R) => {
+  ), I = (R) => {
     x || (b(R.target.checked), m == null || m(R.target.checked, R));
-  }, A = (R) => {
+  }, T = (R) => {
     if (R.key === "Enter" && !x) {
       R.preventDefault();
-      const I = !V;
-      b(I), m == null || m(I);
+      const D = !y;
+      b(D), m == null || m(D);
     }
-  }, y = (R) => {
+  }, Z = (R) => {
     p || R.preventDefault(), w == null || w(R);
   };
   return /* @__PURE__ */ r.jsxs(
@@ -3485,10 +3485,10 @@ const bd = {}, xl = "_tag_1llsi_1", Hl = "_label_1llsi_16", bl = "_iconWrapper_1
             tabIndex: f || 0,
             className: O,
             style: E,
-            onKeyDown: A,
-            "aria-checked": V,
+            onKeyDown: T,
+            "aria-checked": y,
             "aria-disabled": x,
-            "aria-invalid": Z,
+            "aria-invalid": V,
             "aria-describedby": g ? `${i}-error` : void 0,
             "data-testid": `${u}-label`,
             children: [
@@ -3499,12 +3499,12 @@ const bd = {}, xl = "_tag_1llsi_1", Hl = "_label_1llsi_16", bl = "_iconWrapper_1
                   type: "checkbox",
                   id: i,
                   name: i,
-                  checked: V,
+                  checked: y,
                   disabled: x,
                   className: T1.input,
-                  onChange: D,
-                  "aria-checked": V,
-                  "aria-invalid": Z,
+                  onChange: I,
+                  "aria-checked": y,
+                  "aria-invalid": V,
                   "aria-describedby": g ? `${i}-error` : void 0,
                   "data-testid": `${u}-input`
                 }
@@ -3514,7 +3514,7 @@ const bd = {}, xl = "_tag_1llsi_1", Hl = "_label_1llsi_16", bl = "_iconWrapper_1
                 {
                   name: i,
                   size: s,
-                  isChecked: V,
+                  isChecked: y,
                   isDisabled: x,
                   indeterminate: l,
                   dataTestId: u
@@ -3529,7 +3529,7 @@ const bd = {}, xl = "_tag_1llsi_1", Hl = "_label_1llsi_16", bl = "_iconWrapper_1
             "data-testid": `${u}-label-text`,
             "data-clickable-label": p,
             className: T1.label,
-            onClick: y,
+            onClick: Z,
             children: h
           }
         )
@@ -3716,8 +3716,8 @@ const bd = {}, xl = "_tag_1llsi_1", Hl = "_label_1llsi_16", bl = "_iconWrapper_1
     resize: k,
     ...b
   }, B) => {
-    const { textareaRef: x, inputRef: Z, currentRef: V } = PC(i, t);
-    if ($C(i, k, x), c3(B, () => V.current, [V]), t === "textarea")
+    const { textareaRef: x, inputRef: V, currentRef: y } = PC(i, t);
+    if ($C(i, k, x), c3(B, () => y.current, [y]), t === "textarea")
       return /* @__PURE__ */ r.jsx(
         "textarea",
         {
@@ -3751,7 +3751,7 @@ const bd = {}, xl = "_tag_1llsi_1", Hl = "_label_1llsi_16", bl = "_iconWrapper_1
       return /* @__PURE__ */ r.jsx(
         "input",
         {
-          ref: Z,
+          ref: V,
           id: u,
           value: i,
           placeholder: C,
@@ -3807,16 +3807,16 @@ const bd = {}, xl = "_tag_1llsi_1", Hl = "_label_1llsi_16", bl = "_iconWrapper_1
     onSuffixClick: b,
     placeholder: B,
     showLabel: x = !0,
-    labelClassName: Z,
-    hasValue: V = !1,
+    labelClassName: V,
+    hasValue: y = !1,
     helper: j,
     id: O,
-    value: D = "",
-    resize: A,
-    showGrip: y = !1,
+    value: I = "",
+    resize: T,
+    showGrip: Z = !1,
     ...R
-  }, I) => {
-    const T = F2(), U = O || T, N = m && f && (V || w), n1 = f && f.length > m9 ? f.substring(0, m9) + "..." : f, K = H(
+  }, D) => {
+    const A = F2(), U = O || A, N = m && f && (y || w), n1 = f && f.length > m9 ? f.substring(0, m9) + "..." : f, K = H(
       z.wrapper,
       z[`size-${o}`],
       i && z.error,
@@ -3829,17 +3829,17 @@ const bd = {}, xl = "_tag_1llsi_1", Hl = "_label_1llsi_16", bl = "_iconWrapper_1
     ), X = H(
       z.floatingLabel,
       z[o],
-      V && z.filled,
-      Z
-    ), { handleGripMouseDown: W } = NC(y, C, s, A);
-    return /* @__PURE__ */ r.jsxs("div", { ref: I, className: z.inputBase, "data-testid": "input-base-wrapper", ...R, children: [
+      y && z.filled,
+      V
+    ), { handleGripMouseDown: W } = NC(Z, C, s, T);
+    return /* @__PURE__ */ r.jsxs("div", { ref: D, className: z.inputBase, "data-testid": "input-base-wrapper", ...R, children: [
       /* @__PURE__ */ r.jsxs(
         "div",
         {
           className: K,
           style: g,
-          "data-resize": A,
-          "data-show-grip": y ? "true" : "false",
+          "data-resize": T,
+          "data-show-grip": Z ? "true" : "false",
           ...c,
           children: [
             u && /* @__PURE__ */ r.jsx("label", { htmlFor: U, className: z.leftSection, style: v, children: u }),
@@ -3864,7 +3864,7 @@ const bd = {}, xl = "_tag_1llsi_1", Hl = "_label_1llsi_16", bl = "_iconWrapper_1
               }
             ),
             t,
-            y && !h && (A === "fixed" || !A) && /* @__PURE__ */ r.jsx(
+            Z && !h && (T === "fixed" || !T) && /* @__PURE__ */ r.jsx(
               "div",
               {
                 className: z.gripHandle,
@@ -3878,13 +3878,13 @@ const bd = {}, xl = "_tag_1llsi_1", Hl = "_label_1llsi_16", bl = "_iconWrapper_1
             N && /* @__PURE__ */ r.jsx(
               "div",
               {
-                className: H(z.hint, V && z.truncate),
+                className: H(z.hint, y && z.truncate),
                 "data-disabled": C || s,
                 children: n1
               }
             ),
             h && p && /* @__PURE__ */ r.jsxs("div", { className: z.characterLimit, children: [
-              (D || "").length,
+              (I || "").length,
               " из ",
               p
             ] })
@@ -3935,16 +3935,16 @@ const p9 = Object.assign(zC, {
     wrapperStyles: b,
     floatingLabelStyles: B,
     prefixStyles: x,
-    suffixStyles: Z,
-    textareaStyles: V,
+    suffixStyles: V,
+    textareaStyles: y,
     labelProps: j,
     helperProps: O,
-    showLimit: D = !1,
-    maxLength: A,
-    inputProps: y,
+    showLimit: I = !1,
+    maxLength: T,
+    inputProps: Z,
     hint: R,
-    showHint: I = !1,
-    showHintOnEmpty: T = !1,
+    showHint: D = !1,
+    showHintOnEmpty: A = !1,
     truncate: U = !1,
     resize: N,
     showGrip: n1 = !1,
@@ -3953,12 +3953,12 @@ const p9 = Object.assign(zC, {
     const W = F2(), J = E || W, [L1, p1] = d1(u), h1 = u !== void 0 ? u : L1, O1 = (h1 || "").length > 0, R1 = h1 || "", b1 = g && (o === "XL" || t === "textarea") && !d, n2 = x1(
       (i1) => {
         var l1;
-        s || l || (h == null || h(), (l1 = y == null ? void 0 : y.onFocus) == null || l1.call(
-          y,
+        s || l || (h == null || h(), (l1 = Z == null ? void 0 : Z.onFocus) == null || l1.call(
+          Z,
           i1
         ));
       },
-      [h, y, s, l]
+      [h, Z, s, l]
     ), $1 = x1(
       (i1) => {
         var l1;
@@ -3966,33 +3966,33 @@ const p9 = Object.assign(zC, {
           const u1 = i1.target.closest(`.${z.wrapper}`);
           u1 && u1.classList.add(z.tabFocused);
         }
-        (l1 = y == null ? void 0 : y.onKeyUp) == null || l1.call(
-          y,
+        (l1 = Z == null ? void 0 : Z.onKeyUp) == null || l1.call(
+          Z,
           i1
         );
       },
-      [y]
+      [Z]
     ), r2 = x1(
       (i1) => {
         var u1;
         const l1 = i1.target.closest(`.${z.wrapper}`);
-        l1 && l1.classList.remove(z.tabFocused), p == null || p(), (u1 = y == null ? void 0 : y.onBlur) == null || u1.call(
-          y,
+        l1 && l1.classList.remove(z.tabFocused), p == null || p(), (u1 = Z == null ? void 0 : Z.onBlur) == null || u1.call(
+          Z,
           i1
         );
       },
-      [p, y]
+      [p, Z]
     ), o2 = x1(
       (i1) => {
         var u1;
         if (s || l) return;
         const l1 = i1.target.value;
-        p1(l1), w == null || w(l1, i1), (u1 = y == null ? void 0 : y.onChange) == null || u1.call(
-          y,
+        p1(l1), w == null || w(l1, i1), (u1 = Z == null ? void 0 : Z.onChange) == null || u1.call(
+          Z,
           i1
         );
       },
-      [w, y, s, l]
+      [w, Z, s, l]
     );
     return Q(() => {
       p1(u || "");
@@ -4009,14 +4009,14 @@ const p9 = Object.assign(zC, {
         wrapperStyles: b,
         floatingLabelStyles: B,
         prefixStyles: x,
-        suffixStyles: Z,
+        suffixStyles: V,
         labelProps: j,
         helperProps: O,
-        showLimit: D,
-        maxLength: A,
+        showLimit: I,
+        maxLength: T,
         hint: R,
-        showHint: I,
-        showHintOnEmpty: T,
+        showHint: D,
+        showHintOnEmpty: A,
         prefix: d,
         suffix: _,
         onSuffixClick: m,
@@ -4044,16 +4044,16 @@ const p9 = Object.assign(zC, {
             onChange: o2,
             onKeyDown: f,
             onKeyUp: $1,
-            maxLength: A,
+            maxLength: T,
             truncate: U,
             "data-empty": !O1,
             shouldShowFloatingLabelClass: b1,
-            style: t === "textarea" ? V : void 0,
+            style: t === "textarea" ? y : void 0,
             "aria-invalid": !!C,
             "aria-errormessage": C ? `${J}-error` : void 0,
             id: J,
             resize: N,
-            ...y
+            ...Z
           }
         )
       }
@@ -4241,16 +4241,16 @@ const p9 = Object.assign(zC, {
     onBlur: b,
     onSuffixClick: B,
     onClear: x,
-    className: Z,
-    truncate: V = !0,
+    className: V,
+    truncate: y = !0,
     hint: j,
     showHint: O = !1,
-    showHintOnEmpty: D = !1,
-    wrapperProps: A,
-    labelProps: y,
+    showHintOnEmpty: I = !1,
+    wrapperProps: T,
+    labelProps: Z,
     helperProps: R,
-    ...I
-  }, T) => {
+    ...D
+  }, A) => {
     const U = (t || "").length > 0, N = L === t1.XL, n1 = !!p, K = N && u && !p, X = m && U && !(_ || E), W = () => {
       o == null || o(""), x == null || x();
     }, J = () => {
@@ -4288,22 +4288,22 @@ const p9 = Object.assign(zC, {
         onChange: o,
         value: t,
         placeholder: C,
-        className: Z,
+        className: V,
         wrapperStyles: h1.wrapperStyles,
         floatingLabelStyles: h1.floatingLabelStyles,
         prefixStyles: h1.prefixStyles,
         suffixStyles: h1.suffixStyles,
-        wrapperProps: A,
-        labelProps: y,
+        wrapperProps: T,
+        labelProps: Z,
         helperProps: R,
         showLimit: !1,
         maxLength: s,
         inputProps: p1,
         hint: j,
         showHint: O,
-        showHintOnEmpty: D,
-        truncate: V,
-        ...I
+        showHintOnEmpty: I,
+        truncate: y,
+        ...D
       }
     );
   }
@@ -4454,15 +4454,15 @@ const p9 = Object.assign(zC, {
     className: b,
     rows: B = 1,
     showLimit: x = !1,
-    wrapperProps: Z,
-    labelProps: V,
+    wrapperProps: V,
+    labelProps: y,
     helperProps: j,
     showGrip: O,
-    minHeight: D,
-    resize: A,
-    ...y
+    minHeight: I,
+    resize: T,
+    ...Z
   }, R) => {
-    const I = (t || "").length > 0, T = f && !!i && (c === H1.M || D !== 48), U = h && I && !(v || d), N = () => {
+    const D = (t || "").length > 0, A = f && !!i && (c === H1.M || I !== 48), U = h && D && !(v || d), N = () => {
       o == null || o(""), u == null || u();
     }, n1 = () => {
       U && N();
@@ -4474,11 +4474,11 @@ const p9 = Object.assign(zC, {
         style: { cursor: "pointer" },
         "data-testid": "x-icon"
       }
-    ) : E, X = aa(c, D, T && I, A), W = ia(c, D), J = {
+    ) : E, X = aa(c, I, A && D, T), W = ia(c, I), J = {
       rows: B,
       minLength: s,
       autoFocus: l,
-      resize: A,
+      resize: T,
       ...g
     };
     return /* @__PURE__ */ r.jsx(
@@ -4494,7 +4494,7 @@ const p9 = Object.assign(zC, {
         helper: _,
         suffix: K,
         id: p,
-        showLabel: T,
+        showLabel: A,
         onFocus: m,
         onBlur: w,
         onKeyDown: k,
@@ -4502,20 +4502,20 @@ const p9 = Object.assign(zC, {
         value: t || "",
         placeholder: i,
         className: b,
-        "data-floating-label": T,
+        "data-floating-label": A,
         wrapperStyles: X.wrapperStyles,
         floatingLabelStyles: X.floatingLabelStyles,
         suffixStyles: X.suffixStyles,
         textareaStyles: X.textareaStyles,
-        wrapperProps: Z,
-        labelProps: V,
+        wrapperProps: V,
+        labelProps: y,
         helperProps: j,
-        showLimit: x && (D === 112 || c === H1.M),
+        showLimit: x && (I === 112 || c === H1.M),
         maxLength: C,
         inputProps: J,
-        resize: A,
+        resize: T,
         showGrip: O,
-        ...y
+        ...Z
       }
     );
   }
@@ -4589,11 +4589,11 @@ const p9 = Object.assign(zC, {
       onChange: u,
       "data-testid": k,
       ...b
-    } = t, B = !!g, x = L || c, Z = h === "all", V = p === "card", j = M1[`${l}Card`], O = C ?? i, D = (T) => {
-      x || u == null || u(s, T);
-    }, A = (T) => {
-      T.key === "Enter" && !x && (T.preventDefault(), u == null || u(s));
-    }, y = (T) => T.stopPropagation(), R = () => /* @__PURE__ */ r.jsxs(
+    } = t, B = !!g, x = L || c, V = h === "all", y = p === "card", j = M1[`${l}Card`], O = C ?? i, I = (A) => {
+      x || u == null || u(s, A);
+    }, T = (A) => {
+      A.key === "Enter" && !x && (A.preventDefault(), u == null || u(s));
+    }, Z = (A) => A.stopPropagation(), R = () => /* @__PURE__ */ r.jsxs(
       "div",
       {
         className: H(
@@ -4624,42 +4624,42 @@ const p9 = Object.assign(zC, {
               ref: o,
               type: "radio",
               value: s,
-              onChange: D,
-              onClick: y
+              onChange: I,
+              onClick: Z
             }
           ),
           /* @__PURE__ */ r.jsx("svg", { "data-testid": `radio-icon-${O}`, viewBox: "0 0 8 8", className: M1.icon, children: /* @__PURE__ */ r.jsx("circle", { cx: 4, cy: 4, fill: "current", r: 4 }) })
         ]
       }
-    ), I = () => /* @__PURE__ */ r.jsxs(
+    ), D = () => /* @__PURE__ */ r.jsxs(
       "label",
       {
         "aria-checked": v,
         "aria-disabled": x,
-        "data-testid": Z ? k : ba,
+        "data-testid": V ? k : ba,
         htmlFor: O,
         style: w,
         className: H(M1.label, {
-          [H(M1.container, M1[p], d)]: Z,
-          [j]: Z && V
+          [H(M1.container, M1[p], d)]: V,
+          [j]: V && y
         }),
-        onKeyDown: A,
+        onKeyDown: T,
         ...b,
         children: [
           R(),
-          Z && E
+          V && E
         ]
       }
     );
-    return Z ? I() : /* @__PURE__ */ r.jsxs(
+    return V ? D() : /* @__PURE__ */ r.jsxs(
       "div",
       {
         className: H(M1.container, M1[p], d, {
-          [j]: V
+          [j]: y
         }),
         "data-testid": k,
         children: [
-          I(),
+          D(),
           E
         ]
       }
@@ -4922,7 +4922,7 @@ const p9 = Object.assign(zC, {
       [m1.selected]: i,
       [m1.disabled]: c
     }
-  ), Z = H(m1.tabLabel, m1[t], u[t]), V = (O) => {
+  ), V = H(m1.tabLabel, m1[t], u[t]), y = (O) => {
     i || c || (g(L), O.currentTarget.scrollIntoView({ behavior: "smooth", inline: "center", block: "nearest" }));
   }, j = /* @__PURE__ */ r.jsxs(
     "button",
@@ -4934,7 +4934,7 @@ const p9 = Object.assign(zC, {
       "aria-disabled": c,
       "aria-controls": `tab-panel-${L}`,
       "data-testid": `tab-item-${L}`,
-      onClick: V,
+      onClick: y,
       children: [
         d && /* @__PURE__ */ r.jsx(
           "span",
@@ -4945,7 +4945,7 @@ const p9 = Object.assign(zC, {
             children: d
           }
         ),
-        /* @__PURE__ */ r.jsx("span", { className: Z, "data-testid": `tab-label-${L}`, children: v }),
+        /* @__PURE__ */ r.jsx("span", { className: V, "data-testid": `tab-label-${L}`, children: v }),
         E && /* @__PURE__ */ r.jsx(
           "span",
           {
@@ -5211,7 +5211,7 @@ const p9 = Object.assign(zC, {
   const d = ["neutral", "accent"].includes(C) ? "contrast" : "primary", _ = s === "m", E = !!(o && _), h = !!(i && _), p = g && !!g.length, f = !!(v && _) || !v && _ && !p, m = s === "xs" ? 4 : 3;
   return /* @__PURE__ */ r.jsxs("div", { className: E1.content, children: [
     h && /* @__PURE__ */ r.jsx("div", { className: H(E1.mediaWrapper, l.mediaWrapper), children: i }),
-    /* @__PURE__ */ r.jsxs("div", { className: l.textWrapper, children: [
+    /* @__PURE__ */ r.jsxs("div", { className: l == null ? void 0 : l.textWrapper, children: [
       E && /* @__PURE__ */ r.jsx(
         G1.Subtitle,
         {
@@ -5246,11 +5246,11 @@ const p9 = Object.assign(zC, {
       }
     ),
     _ && p && /* @__PURE__ */ r.jsx("div", { className: E1.buttonStack, children: g.map((w, u) => {
-      const k = $s(u, g.length, C), b = Ps(w, k, L), { closeOnClick: B, ...x } = b, Z = (V) => {
+      const k = $s(u, g.length, C), b = Ps(w, k, L), { closeOnClick: B, ...x } = b, V = (y) => {
         var j;
-        (j = x.onClick) == null || j.call(x, V), B && (c == null || c());
+        (j = x.onClick) == null || j.call(x, y), B && (c == null || c());
       };
-      return /* @__PURE__ */ r.jsx(c2, { ...x, onClick: Z }, u);
+      return /* @__PURE__ */ r.jsx(c2, { ...x, onClick: V }, u);
     }) })
   ] });
 }, Rd = ({
@@ -5271,18 +5271,22 @@ const p9 = Object.assign(zC, {
   buttons: p,
   buttonProps: f,
   onClose: m,
-  ...w
+  visible: w,
+  onVisibleChange: u,
+  ...k
 }) => {
-  const [u, k] = d1(!1), [b, B] = d1(!1), x = d === "m" ? Ts : Ds, Z = () => {
-    k(!1), m == null || m();
-  }, V = t || (d === "m" ? /* @__PURE__ */ r.jsx(
+  const [b, B] = d1(!!w), x = w !== void 0, [V, y] = d1(!1), j = d === "m" ? Ts : Ds, O = () => {
+    x || B(!1), m == null || m();
+  }, I = (Z) => {
+    x || B(Z), u == null || u(Z);
+  }, T = t || (d === "m" ? /* @__PURE__ */ r.jsx(
     L9,
     {
       classNames: C,
       text: _,
       variant: v,
       size: d,
-      onClose: Z,
+      onClose: O,
       title: E,
       media: h,
       showClose: g,
@@ -5296,37 +5300,37 @@ const p9 = Object.assign(zC, {
       text: _,
       variant: v,
       size: d,
-      onClose: Z
+      onClose: O
     }
   ));
   return Q(() => {
-    if (u) {
-      const j = requestAnimationFrame(() => B(!0));
-      return () => cancelAnimationFrame(j);
+    if (b) {
+      const Z = requestAnimationFrame(() => y(!0));
+      return () => cancelAnimationFrame(Z);
     }
-    B(!1);
-  }, [u]), /* @__PURE__ */ r.jsx(
+    y(!1);
+  }, [b]), /* @__PURE__ */ r.jsx(
     M3,
     {
-      visible: u,
-      onVisibleChange: k,
+      visible: x ? w : b,
+      onVisibleChange: I,
       classNames: {
-        root: H(E1.root, E1[v], E1[d], b && E1.open),
-        ...w.classNames
+        root: H(E1.root, E1[v], E1[d], V && E1.open),
+        ...k.classNames
       },
       placement: i,
-      overlay: () => V,
+      overlay: T,
       trigger: L,
       mouseEnterDelay: s,
       mouseLeaveDelay: l,
       motion: { motionName: "tooltipMotion" },
-      builtinPlacements: x,
+      builtinPlacements: j,
       showArrow: c ? {
         content: /* @__PURE__ */ r.jsx(Is, {}),
         className: `tooltipArrow tooltipArrow-${d}`
       } : !1,
       destroyTooltipOnHide: !0,
-      ...w,
+      ...k,
       children: o
     }
   );
@@ -5418,7 +5422,7 @@ const p9 = Object.assign(zC, {
       ...d,
       children: [
         l == null ? void 0 : l.map(({ label: k, value: b, containerProps: B = {} }, x) => {
-          const { className: Z, ...V } = B, j = () => u(b), O = JSON.stringify(b), D = E === b;
+          const { className: V, ...y } = B, j = () => u(b), O = JSON.stringify(b), I = E === b;
           return /* @__PURE__ */ r.jsxs(q1, { children: [
             /* @__PURE__ */ r.jsx(
               "input",
@@ -5426,19 +5430,19 @@ const p9 = Object.assign(zC, {
                 id: _ + O,
                 value: O,
                 type: "radio",
-                checked: D,
+                checked: I,
                 readOnly: !0
               }
             ),
             /* @__PURE__ */ r.jsx(
               "label",
               {
-                "data-is-active-segment": D,
-                className: H(A1.segment, w9[s], { [A1.selected]: D }, Z),
+                "data-is-active-segment": I,
+                className: H(A1.segment, w9[s], { [A1.selected]: I }, V),
                 htmlFor: _ + O,
                 "data-testid": "segmented-control-segment",
                 onClick: j,
-                ...V,
+                ...y,
                 children: k
               }
             )
@@ -5538,7 +5542,7 @@ const c1 = {
   classNames: h = {},
   styles: p = {}
 }) => {
-  const f = !!t, m = !!C, w = !!g, u = l === "applied", k = !!i && (!w || d) || w && !d, b = (w && !d ? g : i) || "", B = w && !d, x = Mc(o, f), Z = m && x === e2.FLOATING, V = x === e2.HIDDEN, j = H(
+  const f = !!t, m = !!C, w = !!g, u = l === "applied", k = !!i && (!w || d) || w && !d, b = (w && !d ? g : i) || "", B = w && !d, x = Mc(o, f), V = m && x === e2.FLOATING, y = x === e2.HIDDEN, j = H(
     c1["trigger-wrapper"],
     { [c1["trigger-stretched"]]: s },
     h.wrapper
@@ -5550,23 +5554,23 @@ const c1 = {
       [c1["trigger-container-applied"]]: u && f,
       [c1["trigger-container-error"]]: w && !d,
       [c1["trigger-container-open"]]: _,
-      [c1["trigger-container-floating"]]: Z
+      [c1["trigger-container-floating"]]: V
     },
     h.triggerContainer
-  ), D = H(
+  ), I = H(
     c1["trigger-content-container"],
     {
-      [c1["trigger-content-container-floating"]]: Z
+      [c1["trigger-content-container-floating"]]: V
     },
     h.triggerContent
-  ), A = H(
+  ), T = H(
     c1["trigger-label"],
     {
-      [c1["trigger-label-floating"]]: Z,
-      [c1["trigger-label-hidden"]]: V
+      [c1["trigger-label-floating"]]: V,
+      [c1["trigger-label-hidden"]]: y
     },
     h.label
-  ), y = H(c1["trigger-content"], h.content), R = H(c1["trigger-postfix"], h.postfixTitle), I = H(c1["trigger-chevron-icon"], h.chevronIcon), T = H(
+  ), Z = H(c1["trigger-content"], h.content), R = H(c1["trigger-postfix"], h.postfixTitle), D = H(c1["trigger-chevron-icon"], h.chevronIcon), A = H(
     c1["trigger-prefix-icon"],
     h.prefixIconContainer
   ), U = H(c1["trigger-clear-icon"], h.clearIcon), N = (W) => {
@@ -5586,18 +5590,18 @@ const c1 = {
         disabled: d,
         type: "button",
         children: [
-          L && o !== "XL" && /* @__PURE__ */ r.jsx("div", { className: T, style: p.prefixIconContainer, children: L }),
-          /* @__PURE__ */ r.jsxs("div", { className: D, style: p.triggerContent, children: [
+          L && o !== "XL" && /* @__PURE__ */ r.jsx("div", { className: A, style: p.prefixIconContainer, children: L }),
+          /* @__PURE__ */ r.jsxs("div", { className: I, style: p.triggerContent, children: [
             m && /* @__PURE__ */ r.jsx(
               G1.Label,
               {
                 "data-testid": "trigger-label",
-                className: A,
+                className: T,
                 style: p.label,
-                size: xc(o, Z),
+                size: xc(o, V),
                 as: "span",
                 disabled: d,
-                typographyStyle: Z ? "secondary" : "tertiary",
+                typographyStyle: V ? "secondary" : "tertiary",
                 children: C
               }
             ),
@@ -5605,7 +5609,7 @@ const c1 = {
               G1.Label,
               {
                 "data-testid": "trigger-content-container",
-                className: y,
+                className: Z,
                 style: p.content,
                 size: v9(o),
                 as: "span",
@@ -5642,7 +5646,7 @@ const c1 = {
             {
               "data-testid": "trigger-chevron",
               size: f9(o),
-              className: I,
+              className: D,
               color: "#AABBCA",
               style: p.chevronIcon
             }
@@ -5927,33 +5931,33 @@ const Bc = "_stack_1sg4d_1", jc = "_local_1sg4d_19", Oc = "_snackWrapper_1sg4d_2
     linkButtonProps: f,
     closeOnLinkClick: m = !0,
     "data-testid": w = "snackbar"
-  } = t, u = v1(null), k = v1(null), [b, B] = d1(!1), [x, Z] = d1(!1), [V, j] = d1(), O = v1(0), D = v1(0), A = v1(0), y = v1(0), R = v1(!1), I = v1(null), T = (W) => {
-    clearTimeout(I.current || 0), I.current = null;
+  } = t, u = v1(null), k = v1(null), [b, B] = d1(!1), [x, V] = d1(!1), [y, j] = d1(), O = v1(0), I = v1(0), T = v1(0), Z = v1(0), R = v1(!1), D = v1(null), A = (W) => {
+    clearTimeout(D.current || 0), D.current = null;
     const J = h ? Zc[W] : A9[W];
-    W === "swipe" || (Z(!0), j(W)), I.current = setTimeout(() => {
-      l == null || l(), Z(!1), j(void 0), I.current = null;
+    W === "swipe" || (V(!0), j(W)), D.current = setTimeout(() => {
+      l == null || l(), V(!1), j(void 0), D.current = null;
     }, J);
   };
   yc({
     ref: k,
     open: i,
-    onClose: T,
-    setExiting: Z,
+    onClose: A,
+    setExiting: V,
     setExitReason: j,
     swiping: R,
     startX: O,
-    startY: D,
-    currentX: A,
-    currentY: y
+    startY: I,
+    currentX: T,
+    currentY: Z
   }), Q(() => {
-    p && T("close");
+    p && A("close");
   }, [p]), Q(() => {
     if (i && !g && C !== "loading") {
-      const W = setTimeout(() => T("timeout"), c);
+      const W = setTimeout(() => A("timeout"), c);
       return () => clearTimeout(W);
     }
   }, [i, g, C, c]), Q(() => {
-    i && (Z(!1), j(void 0));
+    i && (V(!1), j(void 0));
   }, [i]), Q(() => {
     const W = u.current;
     W && requestAnimationFrame(() => {
@@ -5963,13 +5967,13 @@ const Bc = "_stack_1sg4d_1", jc = "_local_1sg4d_19", Oc = "_snackWrapper_1sg4d_2
   }, [d]), Q(() => {
     if (!i) return;
     const W = (J) => {
-      J.key === "Escape" && T("escape");
+      J.key === "Escape" && A("escape");
     };
     return window.addEventListener("keydown", W), () => window.removeEventListener("keydown", W);
   }, [i]), Q(() => () => {
-    I.current && (clearTimeout(I.current), I.current = null);
+    D.current && (clearTimeout(D.current), D.current = null);
   }, []);
-  const U = x && V && g1[bc[V]];
+  const U = x && y && g1[bc[y]];
   if (!i && !x) return null;
   const N = {
     success: /* @__PURE__ */ r.jsx(id, { className: g1.icon }),
@@ -5979,7 +5983,7 @@ const Bc = "_stack_1sg4d_1", jc = "_local_1sg4d_19", Oc = "_snackWrapper_1sg4d_2
   }, n1 = k1(
     g1.snackbar,
     g1[s],
-    { [g1.exiting]: x && V },
+    { [g1.exiting]: x && y },
     { [g1.snackbarVertical]: b },
     _,
     U,
@@ -6027,7 +6031,7 @@ const Bc = "_stack_1sg4d_1", jc = "_local_1sg4d_19", Oc = "_snackWrapper_1sg4d_2
                     buttonStyle: "contrast",
                     ...f,
                     onClick: (W) => {
-                      X(f.onClick, W), m && T("timeout");
+                      X(f.onClick, W), m && A("timeout");
                     }
                   }
                 )
@@ -6041,7 +6045,7 @@ const Bc = "_stack_1sg4d_1", jc = "_local_1sg4d_19", Oc = "_snackWrapper_1sg4d_2
       c2,
       {
         iconLeft: /* @__PURE__ */ r.jsx(nd, {}),
-        onClick: () => T("close"),
+        onClick: () => A("close"),
         mode: "tertiary",
         size: "l",
         buttonStyle: "contrast",
@@ -6237,8 +6241,8 @@ const Bc = "_stack_1sg4d_1", jc = "_local_1sg4d_19", Oc = "_snackWrapper_1sg4d_2
     toggle: b,
     drop: B,
     content: x,
-    footer: Z
-  } = h ?? {}, V = L === "click", j = L === "hover", { refs: O, floatingStyles: D, placement: A, context: y } = E9({
+    footer: V
+  } = h ?? {}, y = L === "click", j = L === "hover", { refs: O, floatingStyles: I, placement: T, context: Z } = E9({
     open: o,
     onOpenChange: i,
     placement: s,
@@ -6267,12 +6271,12 @@ const Bc = "_stack_1sg4d_1", jc = "_local_1sg4d_19", Oc = "_snackWrapper_1sg4d_2
     ],
     whileElementsMounted: u3
     // Для автоматического обновление позиции при скролле/ресайзе
-  }), R = _3(y, {
+  }), R = _3(Z, {
     enabled: j,
     // Включен только в режиме hover
     handleClose: E3()
     // Создает зону, по которой курсор может безопасно перемещаться от toggle к drop
-  }), { isMounted: I, styles: T } = k9(y, {
+  }), { isMounted: D, styles: A } = k9(Z, {
     initial: {
       opacity: 0
     },
@@ -6284,10 +6288,10 @@ const Bc = "_stack_1sg4d_1", jc = "_local_1sg4d_19", Oc = "_snackWrapper_1sg4d_2
       opacity: 0,
       transition: `opacity ${gd}`
     }
-  }), U = M9(y, {
+  }), U = M9(Z, {
     referencePress: !1,
     // Не закрывать при клике на триггер
-    outsidePress: c && V,
+    outsidePress: c && y,
     // Закрывать при клике вне дропа
     escapeKey: g,
     // Закрывать по ESC
@@ -6310,24 +6314,24 @@ const Bc = "_stack_1sg4d_1", jc = "_local_1sg4d_19", Oc = "_snackWrapper_1sg4d_2
         tabIndex: 0,
         "data-testid": "drop-toggle",
         className: W,
-        onClick: V ? L1 : void 0,
+        onClick: y ? L1 : void 0,
         style: b,
         ...N(),
         children: t
       }
     ),
-    I && /* @__PURE__ */ r.jsx(H9, { children: /* @__PURE__ */ r.jsxs(
+    D && /* @__PURE__ */ r.jsx(H9, { children: /* @__PURE__ */ r.jsxs(
       "div",
       {
         "aria-hidden": !o,
         "data-testid": "drop-menu",
         "data-drop-state": o ? "open" : "closed",
-        "data-drop-position": A,
+        "data-drop-position": T,
         className: J,
         style: {
           ...B,
-          ...D,
-          ...T
+          ...I,
+          ...A
         },
         ref: O.setFloating,
         ...n1(),
@@ -6348,7 +6352,7 @@ const Bc = "_stack_1sg4d_1", jc = "_local_1sg4d_19", Oc = "_snackWrapper_1sg4d_2
             {
               footerPadding: d,
               className: u,
-              style: Z,
+              style: V,
               children: _
             }
           )