@sberbusiness/triplex-next 0.19.1 → 0.21.0

package/components/Skeleton/Skeleton.js

@@ -1,19 +1,19 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as n } from "../../chunks/vendor-DE8Zvm0w.js";
+import { jsx as a } from "react/jsx-runtime";
+import { c } from "../../chunks/vendor-DaOifQgP.js";
 import { ESkeletonType as t } from "./enums.js";
-const r = "skeleton__2e3b73cc", a = "light__611513c0", k = "dark__fe81ad4f", o = {
-  skeleton: r,
-  light: a,
+const n = "skeleton__3c18a657", r = "light__5b987ca1", k = "dark__27edb86c", o = {
+  skeleton: n,
+  light: r,
   dark: k
-}, _ = ({ className: s, type: e = t.DARK, ...l }) => /* @__PURE__ */ c(
+}, _ = ({ className: s, type: e = t.DARK, ...l }) => /* @__PURE__ */ a(
   "div",
   {
-    className: n(o.skeleton, s, {
+    className: c(o.skeleton, s, {
       [o.dark]: e === t.DARK,
       [o.light]: e === t.LIGHT
     }),
     ...l,
-    "data-tx": "0.19.1"
+    "data-tx": "0.21.0"
   }
 );
 export {

package/components/SliderExtended/SliderExtended.js

@@ -1,10 +1,10 @@
 import { jsx as S } from "react/jsx-runtime";
 import { useState as a, useLayoutEffect as b } from "react";
-import { c as C, l as O } from "../../chunks/vendor-DE8Zvm0w.js";
+import { c as C, l as O } from "../../chunks/vendor-DaOifQgP.js";
 import { SliderExtendedDot as R } from "./components/SliderExtendedDot/SliderExtendedDot.js";
 import { SliderExtendedMarks as j } from "./components/SliderExtendedMarks/SliderExtendedMarks.js";
 import { SliderExtendedMark as H } from "./components/SliderExtendedMarks/SliderExtendedMark.js";
-import { s as c, S as F } from "../../chunks/SliderExtendedRail-BtDNU2QU.js";
+import { s as c, S as F } from "../../chunks/SliderExtendedRail-C_1LnK7I.js";
 import { SliderExtendedTrack as I } from "./components/SliderExtendedTrack/SliderExtendedTrack.js";
 import { SliderExtendedContext as L } from "./SliderExtendedContext.js";
 import { SliderExtendedUtils as x } from "./SliderExtendedUtils.js";
@@ -82,7 +82,7 @@ const q = U(c), w = ({
             [c.disabled]: !!m
           }),
           ...g,
-          "data-tx": "0.19.1",
+          "data-tx": "0.21.0",
           children: E
         }
       )

package/components/SliderExtended/components/SliderExtendedDot/SliderExtendedDot.js

@@ -1,21 +1,21 @@
-import { jsxs as I, Fragment as B, jsx as f } from "react/jsx-runtime";
+import { jsxs as I, Fragment as B, jsx as m } from "react/jsx-runtime";
 import { useState as a, useContext as re, useRef as le, useLayoutEffect as L, useEffect as ae } from "react";
-import { u as ie, l as k, c as ne } from "../../../../chunks/vendor-DE8Zvm0w.js";
+import { u as ie, l as k, c as ne } from "../../../../chunks/vendor-DaOifQgP.js";
 import { SliderExtendedUtils as o } from "../../SliderExtendedUtils.js";
 import { SliderExtendedContext as ce } from "../../SliderExtendedContext.js";
 import { SliderExtendedMoveHandler as ue } from "../SliderExtendedMoveHandler.js";
 import { SliderExtendedDotActions as O } from "./SliderExtendedDotActions.js";
-import { useSliderExtendedDotTabIndex as me } from "./useSliderExtendedDotTabIndex.js";
+import { useSliderExtendedDotTabIndex as fe } from "./useSliderExtendedDotTabIndex.js";
 import { KeyDownListener as F } from "../../../KeyDownListener/KeyDownListener.js";
 import { EVENT_KEY_CODES as p } from "../../../../utils/keyboard.js";
-import { createSizeToClassNameMap as fe } from "../../../../utils/classNameMaps.js";
-const pe = "sliderExtendedDot__371a1dcd", xe = "focusedByClick__7f4d3980", he = "disabled__8cb59764", ge = "dragByMouse__69660578", De = "lg__bc43f95a", i = {
+import { createSizeToClassNameMap as me } from "../../../../utils/classNameMaps.js";
+const pe = "sliderExtendedDot__bd6ff4e0", xe = "focusedByClick__6ab2c8be", he = "disabled__e98fc2ae", ge = "dragByMouse__f0919576", De = "lg__8eaa0198", i = {
   sliderExtendedDot: pe,
   focusedByClick: xe,
   disabled: he,
   dragByMouse: ge,
   lg: De
-}, Ee = fe(i), ye = ({
+}, Ee = me(i), ye = ({
   children: K,
   className: P,
   onBlur: x,
@@ -34,14 +34,14 @@ const pe = "sliderExtendedDot__371a1dcd", xe = "focusedByClick__7f4d3980", he =
     isHoverOrDragTrack: w,
     max: c,
     min: u,
-    railNode: m,
+    railNode: f,
     removeDot: q,
     reverse: v,
     setFocused: V,
     steps: s,
     updateDot: G,
     size: Y
-  } = re(ce), $ = me(_, l, z, y), C = le(null);
+  } = re(ce), $ = fe(_, l, z, y), b = le(null);
   L(() => () => q(l), []), ae(() => {
     const e = o.getNormalizedValue({ max: c, min: u, value: d });
     j({
@@ -65,37 +65,37 @@ const pe = "sliderExtendedDot__371a1dcd", xe = "focusedByClick__7f4d3980", he =
     });
   }, [r, d, c, u, s]);
   const J = (e) => (t) => {
-    E(!0), n(!0), document.addEventListener("mouseup", R), e(t), g == null || g(t);
+    E(!0), n(!0), document.addEventListener("mouseup", C), e(t), g == null || g(t);
   }, Q = (e) => {
-    if (m) {
+    if (f) {
       let t = o.getNormalizedCursorValue({
         cursorXPosition: e.clientX,
-        railNode: m
+        railNode: f
       });
       v && (t = 100 - t);
       const S = o.getNearestStep({ normalizedValue: t, steps: s });
       r(S.value);
     }
-  }, R = () => {
-    n(!1), document.removeEventListener("mouseup", R);
+  }, C = () => {
+    n(!1), document.removeEventListener("mouseup", C);
   }, Z = (e) => (t) => {
-    t.touches.length == 1 && (E(!0), n(!0), document.addEventListener("touchend", T), e(t), D == null || D(t));
+    t.touches.length == 1 && (E(!0), n(!0), document.addEventListener("touchend", R), e(t), D == null || D(t));
   }, ee = (e) => {
-    if (e.touches.length == 1 && (e.cancelable && e.preventDefault(), m)) {
+    if (e.touches.length == 1 && (e.cancelable && e.preventDefault(), f)) {
       let t = o.getNormalizedCursorValue({
         cursorXPosition: e.touches[0].clientX,
-        railNode: m
+        railNode: f
       });
       v && (t = 100 - t);
       const S = o.getNearestStep({ normalizedValue: t, steps: s });
       r(S.value);
     }
-  }, T = (e) => {
-    e.cancelable && e.preventDefault(), n(!1), document.removeEventListener("touchend", T);
-  }, b = () => z.filter((e) => e.id === l)[0], te = (e) => {
-    e.preventDefault(), O.moveToPrevStep(b(), s);
+  }, R = (e) => {
+    e.cancelable && e.preventDefault(), n(!1), document.removeEventListener("touchend", R);
+  }, T = () => z.filter((e) => e.id === l)[0], te = (e) => {
+    e.preventDefault(), O.moveToPrevStep(T(), s);
   }, oe = (e) => {
-    e.preventDefault(), O.moveToNextStep(b(), s);
+    e.preventDefault(), O.moveToNextStep(T(), s);
   }, se = (e) => {
     y || V(!0), N(!0), h == null || h(e);
   }, de = (e) => {
@@ -103,14 +103,14 @@ const pe = "sliderExtendedDot__371a1dcd", xe = "focusedByClick__7f4d3980", he =
   };
   return /* @__PURE__ */ I(B, { children: [
     W && /* @__PURE__ */ I(B, { children: [
-      /* @__PURE__ */ f(
+      /* @__PURE__ */ m(
         F,
         {
           onMatch: te,
           eventKeyCode: [p.ARROW_LEFT, p.ARROW_DOWN]
         }
       ),
-      /* @__PURE__ */ f(
+      /* @__PURE__ */ m(
         F,
         {
           onMatch: oe,
@@ -118,13 +118,13 @@ const pe = "sliderExtendedDot__371a1dcd", xe = "focusedByClick__7f4d3980", he =
         }
       )
     ] }),
-    /* @__PURE__ */ f(
+    /* @__PURE__ */ m(
       ue,
       {
         onMouseMove: k.throttle(Q, 50),
         onTouchMove: k.throttle(ee),
-        targetRef: C,
-        children: ({ onTargetMouseDown: e, onTargetTouchStart: t }) => /* @__PURE__ */ f(
+        targetRef: b,
+        children: ({ onTargetMouseDown: e, onTargetTouchStart: t }) => /* @__PURE__ */ m(
           "span",
           {
             tabIndex: $,
@@ -143,7 +143,7 @@ const pe = "sliderExtendedDot__371a1dcd", xe = "focusedByClick__7f4d3980", he =
             onMouseDown: J(e),
             onTouchStart: Z(t),
             style: { left: `${U}%` },
-            ref: C,
+            ref: b,
             children: K
           }
         )

package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMark.js

@@ -2,8 +2,8 @@ import { jsxs as E, jsx as l } from "react/jsx-runtime";
 import C from "react";
 import { SliderExtendedContext as M } from "../../SliderExtendedContext.js";
 import { SliderExtendedMarkActions as s } from "./SliderExtendedMarkActions.js";
-import { c as o } from "../../../../chunks/vendor-DE8Zvm0w.js";
-import { s as e } from "../../../../chunks/SliderExtendedMarks.module-C4eA55N-.js";
+import { c as o } from "../../../../chunks/vendor-DaOifQgP.js";
+import { s as e } from "../../../../chunks/SliderExtendedMarks.module-QNSG8UcN.js";
 import { EComponentSize as z } from "../../../../enums/EComponentSize.js";
 import { ETextSize as c } from "../../../Typography/enums.js";
 import { Text as N } from "../../../Typography/Text.js";

package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMarks.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as d } from "../../../../chunks/vendor-DE8Zvm0w.js";
-import { s as a } from "../../../../chunks/SliderExtendedMarks.module-C4eA55N-.js";
+import { c as d } from "../../../../chunks/vendor-DaOifQgP.js";
+import { s as a } from "../../../../chunks/SliderExtendedMarks.module-QNSG8UcN.js";
 const t = ({ className: s, ...e }) => /* @__PURE__ */ r("div", { className: d(a.sliderExtendedMarks, s), ...e });
 t.displayName = "SliderExtendedMarks";
 export {

package/components/SliderExtended/components/SliderExtendedRail.js

@@ -2,8 +2,8 @@ import "react/jsx-runtime";
 import "react";
 import "../SliderExtendedContext.js";
 import "../SliderExtendedUtils.js";
-import "../../../chunks/vendor-DE8Zvm0w.js";
-import { S as d } from "../../../chunks/SliderExtendedRail-BtDNU2QU.js";
+import "../../../chunks/vendor-DaOifQgP.js";
+import { S as d } from "../../../chunks/SliderExtendedRail-C_1LnK7I.js";
 export {
   d as SliderExtendedRail
 };

package/components/SliderExtended/components/SliderExtendedTooltip/SliderExtendedTooltip.js

@@ -1,33 +1,33 @@
 import { jsxs as u, jsx as n } from "react/jsx-runtime";
 import r from "react";
 import { SliderExtendedContext as _ } from "../../SliderExtendedContext.js";
-import { c as e } from "../../../../chunks/vendor-DE8Zvm0w.js";
+import { c as e } from "../../../../chunks/vendor-DaOifQgP.js";
 import { createSizeToClassNameMap as v } from "../../../../utils/classNameMaps.js";
-const E = "sliderExtendedTooltipOverlay__2fc6ac56", C = "lg__bc43f95a", N = "tooltipBody__11c1accc", O = "tooltipTip__574e16a3", t = {
+const E = "sliderExtendedTooltipOverlay__c8eddef4", C = "lg__8eaa0198", N = "tooltipBody__f0b01a59", O = "tooltipTip__9007bf78", t = {
   sliderExtendedTooltipOverlay: E,
   lg: C,
   tooltipBody: N,
   tooltipTip: O
 }, h = v(t), W = ({
   value: i,
-  children: c,
-  ...d
+  children: d,
+  ...c
 }) => {
-  const o = r.useRef(null), { min: l, max: a, size: p } = r.useContext(_), m = () => {
+  const o = r.useRef(null), { min: l, max: p, size: a } = r.useContext(_), m = () => {
     var s;
     if (!o.current || i === void 0)
       return 0;
-    const f = 8, x = 16, T = ((s = o.current) == null ? void 0 : s.clientWidth) || 0, y = (i - l) / (a - l);
+    const f = 8, x = 16, T = ((s = o.current) == null ? void 0 : s.clientWidth) || 0, y = (i - l) / (p - l);
     return (T / 2 - f - x) * (1 - 2 * y);
   };
   return /* @__PURE__ */ u(
     "div",
     {
       ref: o,
-      className: e(t.sliderExtendedTooltipOverlay, h[p]),
-      ...d,
+      className: e(t.sliderExtendedTooltipOverlay, h[a]),
+      ...c,
       children: [
-        /* @__PURE__ */ n("div", { className: e(t.tooltipBody), style: { left: `${m()}px` }, children: c }),
+        /* @__PURE__ */ n("div", { className: e(t.tooltipBody), style: { left: `${m()}px` }, children: d }),
         /* @__PURE__ */ n("div", { className: e(t.tooltipTip) })
       ]
     }

package/components/SliderExtended/components/SliderExtendedTrack/SliderExtendedTrack.js

@@ -1,23 +1,23 @@
 import { jsxs as B, Fragment as L, jsx as h } from "react/jsx-runtime";
-import { useState as c, useContext as ce, useRef as O, useLayoutEffect as P } from "react";
-import { l as X, c as le } from "../../../../chunks/vendor-DE8Zvm0w.js";
-import { SliderExtendedContext as ae } from "../../SliderExtendedContext.js";
+import { useState as a, useContext as ae, useRef as O, useLayoutEffect as P } from "react";
+import { l as X, c as ce } from "../../../../chunks/vendor-DaOifQgP.js";
+import { SliderExtendedContext as le } from "../../SliderExtendedContext.js";
 import { SliderExtendedMoveHandler as de } from "../SliderExtendedMoveHandler.js";
 import { SliderExtendedUtils as z } from "../../SliderExtendedUtils.js";
-import { SliderExtendedTrackActions as l } from "./SliderExtendedTrackActions.js";
+import { SliderExtendedTrackActions as c } from "./SliderExtendedTrackActions.js";
 import { EVENT_KEY_CODES as g } from "../../../../utils/keyboard.js";
 import { KeyDownListener as F } from "../../../KeyDownListener/KeyDownListener.js";
 import { createSizeToClassNameMap as ie } from "../../../../utils/classNameMaps.js";
-const ne = "sliderExtendedTrack__a19f34b4", fe = "lg__bc43f95a", ue = "focusedByClick__7f4d3980", me = "hoverOrDragByMouse__a5c08ff8", he = "staticSlider__691bea75", ge = "disabled__8cb59764", o = {
+const ne = "sliderExtendedTrack__7f3aadc7", ue = "lg__8eaa0198", fe = "focusedByClick__6ab2c8be", me = "hoverOrDragByMouse__eab18ca6", he = "staticSlider__6e2970a5", ge = "disabled__e98fc2ae", o = {
   sliderExtendedTrack: ne,
-  lg: fe,
-  focusedByClick: ue,
+  lg: ue,
+  focusedByClick: fe,
   hoverOrDragByMouse: me,
   staticSlider: he,
   disabled: ge
 }, pe = ie(o), Ee = ({
   className: K,
-  draggable: b = !0,
+  draggable: k = !0,
   onBlur: p,
   onFocus: E,
   onMouseDown: x,
@@ -26,7 +26,7 @@ const ne = "sliderExtendedTrack__a19f34b4", fe = "lg__bc43f95a", ue = "focusedBy
   onTouchStart: y,
   ...A
 }) => {
-  const [W, k] = c(!1), [a, C] = c(!1), [H, v] = c(!1), [V, d] = c(!1), [U, S] = c(-1), {
+  const [W, b] = a(!1), [l, C] = a(!1), [H, v] = a(!1), [V, d] = a(!1), [U, S] = a(-1), {
     disabled: M,
     dots: s,
     focused: i,
@@ -35,58 +35,58 @@ const ne = "sliderExtendedTrack__a19f34b4", fe = "lg__bc43f95a", ue = "focusedBy
     setIsHoverOrDragTrack: n,
     reverse: _,
     setFocused: R,
-    steps: f,
+    steps: u,
     size: $
-  } = ce(ae), u = O(0), m = O(null);
+  } = ae(le), f = O(0), m = O(null);
   if (P(() => {
-    s.length > 1 && b ? a || C(!0) : a !== !1 && C(!1);
-  }, [s, b]), P(() => {
+    s.length > 1 && k ? l || C(!0) : l !== !1 && C(!1);
+  }, [s, k]), P(() => {
     s.length > 1 && S(i ? 2 : -1);
   }, [i]), !s.length)
     return null;
   const w = (e) => (t) => {
-    v(!0), d(!0), document.addEventListener("mouseup", N), r && (u.current = z.getNormalizedCursorValue({
+    v(!0), d(!0), document.addEventListener("mouseup", N), r && (f.current = z.getNormalizedCursorValue({
       cursorXPosition: t.clientX,
       railNode: r
     })), e(t), x == null || x(t);
-  }, G = (e) => l.dragDots({
-    cursorPrevNormalizedValue: u,
+  }, G = (e) => c.dragDots({
+    cursorPrevNormalizedValue: f,
     cursorXPosition: e.clientX,
     dots: s,
     railNode: r,
     reverse: _,
-    steps: f
+    steps: u
   }), N = (e) => {
     d(!1), e.target !== m.current && n(!1), document.removeEventListener("mouseup", N);
   }, Y = (e) => (t) => {
-    t.touches.length == 1 && (v(!0), d(!0), document.addEventListener("touchend", I), r && (u.current = z.getNormalizedCursorValue({
+    t.touches.length == 1 && (v(!0), d(!0), document.addEventListener("touchend", I), r && (f.current = z.getNormalizedCursorValue({
       cursorXPosition: t.touches[0].clientX,
       railNode: r
     })), e(t), y == null || y(t));
   }, q = (e) => {
-    e.touches.length == 1 && (e.cancelable && e.preventDefault(), l.dragDots({
-      cursorPrevNormalizedValue: u,
+    e.touches.length == 1 && (e.cancelable && e.preventDefault(), c.dragDots({
+      cursorPrevNormalizedValue: f,
       cursorXPosition: e.touches[0].clientX,
       dots: s,
       railNode: r,
       reverse: _,
-      steps: f
+      steps: u
     }));
   }, I = (e) => {
     e.cancelable && e.preventDefault(), d(!1), e.target !== m.current && n(!1), document.removeEventListener("touchend", I);
   }, J = (e) => {
-    e.preventDefault(), l.moveToPrevStep(s, f);
+    e.preventDefault(), c.moveToPrevStep(s, u);
   }, Q = (e) => {
-    e.preventDefault(), l.moveToNextStep(s, f);
+    e.preventDefault(), c.moveToNextStep(s, u);
   }, Z = (e) => {
-    i || R(!0), k(!0), E == null || E(e);
+    i || R(!0), b(!0), E == null || E(e);
   }, ee = (e) => {
-    i && R(!1), v(!1), k(!1), p == null || p(e);
+    i && R(!1), v(!1), b(!1), p == null || p(e);
   }, te = (e) => {
     n(!0), D == null || D(e);
   }, se = (e) => {
     V || n(!1), T == null || T(e);
-  }, { left: re, right: oe } = l.getTrackPosition({ dots: s, reverse: _ });
+  }, { left: re, right: oe } = c.getTrackPosition({ dots: s, reverse: _ });
   return /* @__PURE__ */ B(L, { children: [
     W && /* @__PURE__ */ B(L, { children: [
       /* @__PURE__ */ h(
@@ -114,14 +114,14 @@ const ne = "sliderExtendedTrack__a19f34b4", fe = "lg__bc43f95a", ue = "focusedBy
           "span",
           {
             role: "button",
-            tabIndex: !M && a ? U : -1,
+            tabIndex: !M && l ? U : -1,
             ...A,
-            className: le(o.sliderExtendedTrack, pe[$], K, {
+            className: ce(o.sliderExtendedTrack, pe[$], K, {
               [o.disabled]: M,
               [o.focusedByClick]: H,
               [o.hoverOrDragByMouse]: j,
               // Не перетаскиваемый.
-              [o.staticSlider]: !a
+              [o.staticSlider]: !l
             }),
             onBlur: ee,
             onFocus: Z,

package/components/SmallInput/SmallInput.js

@@ -1,11 +1,11 @@
-import { jsx as m } from "react/jsx-runtime";
-import a from "react";
-import { c as p } from "../../chunks/vendor-DE8Zvm0w.js";
-const o = "smallInput__fbc69192", n = {
+import { jsx as s } from "react/jsx-runtime";
+import m from "react";
+import { c as p } from "../../chunks/vendor-DaOifQgP.js";
+const o = "smallInput__7ebe0aa0", e = {
   smallInput: o
-}, r = a.forwardRef(({ className: t, ...l }, s) => /* @__PURE__ */ m("input", { className: p(n.smallInput, t), ...l, type: "text", ref: s }));
-r.displayName = "SmallInput";
+}, n = m.forwardRef(({ className: t, ...l }, a) => /* @__PURE__ */ s("input", { className: p(e.smallInput, t), ...l, type: "text", ref: a }));
+n.displayName = "SmallInput";
 export {
-  r as SmallInput
+  n as SmallInput
 };
 //# sourceMappingURL=SmallInput.js.map

package/components/Spoiler/Spoiler.js

@@ -1,4 +1,4 @@
-import { jsx as s, jsxs as l } from "react/jsx-runtime";
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
 import z, { useState as T, useRef as E, useCallback as w } from "react";
 import { CaretdownStrokeSrvIcon20 as p, CaretdownStrokeSrvIcon16 as B } from "@sberbusiness/icons-next";
 import { Button as L } from "../Button/Button.js";
@@ -7,10 +7,10 @@ import "../Button/ButtonIcon.js";
 import "../Button/ButtonDropdown.js";
 import "../Button/ButtonDropdownExtended.js";
 import { EButtonTheme as R } from "../Button/enums.js";
-import { EComponentSize as a } from "../../enums/EComponentSize.js";
+import { EComponentSize as s } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as g } from "../../utils/classNameMaps.js";
-import { u as j, c as _ } from "../../chunks/vendor-DE8Zvm0w.js";
-const y = "spoiler__b7472340", D = "opened__7b4b5c42", q = "caretIcon__b724f7d8", A = "head__ee3b7dbb", G = "content__e7dbd271", H = "hidden__2984c21d", K = "lg__fd21113c", $ = "md__af639f62", F = "sm__4554448c", e = {
+import { u as j, c as f } from "../../chunks/vendor-DaOifQgP.js";
+const y = "spoiler__94875961", D = "opened__4ff6ef8f", q = "caretIcon__194265b1", A = "head__d04737a2", G = "content__836e0c81", H = "hidden__496fb518", K = "lg__06b7c2e4", $ = "md__a1df639c", F = "sm__6a38e5c4", e = {
   spoiler: y,
   opened: D,
   caretIcon: q,
@@ -21,10 +21,10 @@ const y = "spoiler__b7472340", D = "opened__7b4b5c42", q = "caretIcon__b724f7d8"
   md: $,
   sm: F
 }, J = {
-  [a.SM]: /* @__PURE__ */ s(B, { paletteIndex: 5, className: e.caretIcon }),
-  [a.MD]: /* @__PURE__ */ s(p, { paletteIndex: 5, className: e.caretIcon }),
-  [a.LG]: /* @__PURE__ */ s(p, { paletteIndex: 5, className: e.caretIcon })
-}, O = g(e), P = z.forwardRef((f, h) => {
+  [s.SM]: /* @__PURE__ */ a(B, { paletteIndex: 5, className: e.caretIcon }),
+  [s.MD]: /* @__PURE__ */ a(p, { paletteIndex: 5, className: e.caretIcon }),
+  [s.LG]: /* @__PURE__ */ a(p, { paletteIndex: 5, className: e.caretIcon })
+}, O = g(e), P = z.forwardRef((_, h) => {
   const {
     children: I,
     expanded: c,
@@ -32,14 +32,14 @@ const y = "spoiler__b7472340", D = "opened__7b4b5c42", q = "caretIcon__b724f7d8"
     toggle: n,
     className: x,
     labelExpand: S,
-    labelCollapse: b,
-    rightBlock: u,
-    size: r = a.MD,
-    ...N
-  } = f, d = c !== void 0, [C, v] = T(c), t = d ? c : C, m = E(`Spoiler-${j()}`), M = w(() => {
+    labelCollapse: u,
+    rightBlock: N,
+    size: r = s.MD,
+    ...C
+  } = _, d = c !== void 0, [b, v] = T(c), t = d ? c : b, m = E(`Spoiler-${j()}`), M = w(() => {
     const i = !t;
     d ? n == null || n(i) : v(i), o == null || o(i);
-  }, [d, n, t, o]), k = _(
+  }, [d, n, t, o]), k = f(
     e.spoiler,
     O[r],
     {
@@ -47,7 +47,7 @@ const y = "spoiler__b7472340", D = "opened__7b4b5c42", q = "caretIcon__b724f7d8"
     },
     x
   );
-  return /* @__PURE__ */ l("div", { ...N, className: k, "data-tx": "0.19.1", ref: h, children: [
+  return /* @__PURE__ */ l("div", { ...C, className: k, "data-tx": "0.21.0", ref: h, children: [
     /* @__PURE__ */ l("div", { className: e.head, children: [
       /* @__PURE__ */ l(
         L,
@@ -58,14 +58,14 @@ const y = "spoiler__b7472340", D = "opened__7b4b5c42", q = "caretIcon__b724f7d8"
           size: r,
           onClick: M,
           children: [
-            t ? b : S,
+            t ? u : S,
             J[r]
           ]
         }
       ),
-      u
+      N
     ] }),
-    /* @__PURE__ */ s("div", { id: m.current, className: _(e.content, { [e.hidden]: !t }), children: I })
+    /* @__PURE__ */ a("div", { id: m.current, className: f(e.content, { [e.hidden]: !t }), children: I })
   ] });
 });
 P.displayName = "Spoiler";

package/components/StatusTracker/StatusTracker.js

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as s } from "react/jsx-runtime";
 import p from "react";
-import { c as a } from "../../chunks/vendor-DE8Zvm0w.js";
-import { s as r } from "../../chunks/StatusTracker.module-jKCRT7JR.js";
+import { c as a } from "../../chunks/vendor-DaOifQgP.js";
+import { s as r } from "../../chunks/StatusTracker.module-KkpUE8KY.js";
 import { EStatusTrackerType as t, EStatusTrackerVerticalAlign as o } from "./enums.js";
 import { StatusTrackerMedia as u } from "./components/StatusTrackerMedia.js";
 import { StatusTrackerHeader as k } from "./components/StatusTrackerHeader.js";
@@ -23,7 +23,7 @@ const c = {
         className: a(r.statusTrackerWrapper, m),
         ...T,
         ref: d,
-        "data-tx": "0.19.1",
+        "data-tx": "0.21.0",
         children: [
           /* @__PURE__ */ s("div", { className: a(r.statusTrackerBackground, c[e]), children: /* @__PURE__ */ s("div", { className: a(r.statusTrackerColor, c[e]) }) }, e),
           /* @__PURE__ */ s("div", { className: a(r.statusTracker, S[l]), children: i })

package/components/StatusTracker/components/StatusTrackerAlert.js

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as m } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { c as m } from "../../../chunks/vendor-DaOifQgP.js";
 import "../../Alert/AlertContext/AlertContext.js";
 import { AlertProcess as i } from "../../Alert/AlertProcess/AlertProcess.js";
 import "../../Alert/AlertTypeUtils.js";
-import { s as p } from "../../../chunks/StatusTracker.module-jKCRT7JR.js";
+import { s as p } from "../../../chunks/StatusTracker.module-KkpUE8KY.js";
 import { ETextSize as c, EFontType as a } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import { Text as l } from "../../Typography/Text.js";

package/components/StatusTracker/components/StatusTrackerBody.js

@@ -1,9 +1,9 @@
 import { jsx as o } from "react/jsx-runtime";
 import e from "react";
-import { c as m } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { c as m } from "../../../chunks/vendor-DaOifQgP.js";
 import { StatusTrackerStatus as c } from "./StatusTrackerStatus.js";
 import { StatusTrackerAlert as i } from "./StatusTrackerAlert.js";
-import { s as u } from "../../../chunks/StatusTracker.module-jKCRT7JR.js";
+import { s as u } from "../../../chunks/StatusTracker.module-KkpUE8KY.js";
 const f = Object.assign(
   e.forwardRef(function({ children: r, className: t, ...a }, s) {
     return /* @__PURE__ */ o("div", { className: m(u.statusTrackerChild, t), ...a, ref: s, children: r });

package/components/StatusTracker/components/StatusTrackerButton.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as m } from "../../../chunks/vendor-DE8Zvm0w.js";
-import { s as a } from "../../../chunks/StatusTracker.module-jKCRT7JR.js";
+import { c as m } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as a } from "../../../chunks/StatusTracker.module-KkpUE8KY.js";
 import { Button as p } from "../../Button/Button.js";
 import "../../Button/ButtonBase.js";
 import "../../Button/ButtonIcon.js";

package/components/StatusTracker/components/StatusTrackerDescription.js

@@ -1,10 +1,10 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { c as i } from "../../../chunks/vendor-DaOifQgP.js";
 import { ETextSize as m, EFontType as p } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import { Text as c } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { s as a } from "../../../chunks/StatusTracker.module-jKCRT7JR.js";
+import { s as a } from "../../../chunks/StatusTracker.module-KkpUE8KY.js";
 const D = (r) => {
   const { children: t, className: s, ...o } = r;
   return /* @__PURE__ */ e(

package/components/StatusTracker/components/StatusTrackerFooter.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import c from "react";
-import { c as i } from "../../../chunks/vendor-DE8Zvm0w.js";
-import { s as r } from "../../../chunks/StatusTracker.module-jKCRT7JR.js";
+import { c as i } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as r } from "../../../chunks/StatusTracker.module-KkpUE8KY.js";
 import { StatusTrackerDescription as m } from "./StatusTrackerDescription.js";
 import { StatusTrackerButton as p } from "./StatusTrackerButton.js";
 const u = Object.assign(

package/components/StatusTracker/components/StatusTrackerHeader.js

@@ -1,10 +1,10 @@
 import { jsx as s } from "react/jsx-runtime";
 import o from "react";
-import { c as i } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { c as i } from "../../../chunks/vendor-DaOifQgP.js";
 import { StatusTrackerDescription as m } from "./StatusTrackerDescription.js";
 import { StatusTrackerTitle as c } from "./StatusTrackerTitle.js";
 import { StatusTrackerSum as p } from "./StatusTrackerSum.js";
-import { s as u } from "../../../chunks/StatusTracker.module-jKCRT7JR.js";
+import { s as u } from "../../../chunks/StatusTracker.module-KkpUE8KY.js";
 const f = Object.assign(
   o.forwardRef(function({ children: r, className: t, ...a }, e) {
     return /* @__PURE__ */ s("div", { className: i(u.statusTrackerChild, t), ...a, ref: e, children: r });

package/components/StatusTracker/components/StatusTrackerMedia.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c } from "../../../chunks/vendor-DE8Zvm0w.js";
-import { s as o } from "../../../chunks/StatusTracker.module-jKCRT7JR.js";
+import { c } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as o } from "../../../chunks/StatusTracker.module-KkpUE8KY.js";
 const d = (s) => {
   const { children: r, className: t, ...a } = s;
   return /* @__PURE__ */ e("div", { className: c(o.statusTrackerChild, t), ...a, children: r });

package/components/StatusTracker/components/StatusTrackerStatus.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-DE8Zvm0w.js";
-import { s as m } from "../../../chunks/StatusTracker.module-jKCRT7JR.js";
+import { c as e } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as m } from "../../../chunks/StatusTracker.module-KkpUE8KY.js";
 import { MarkerStatus as c } from "../../MarkerStatus/MarkerStatus.js";
 const f = (s) => {
   const { children: t, className: r, ...a } = s;