@sberbusiness/triplex-next 0.21.0 → 0.22.0

package/components/SelectField/SelectField.js

@@ -1,62 +1,80 @@
 import { jsx as o } from "react/jsx-runtime";
-import S, { useState as T, useRef as s } from "react";
-import { SelectExtendedField as d } from "../SelectExtendedField/SelectExtendedField.js";
+import v, { useState as y, useRef as d } from "react";
+import { SelectExtendedField as m } from "../SelectExtendedField/SelectExtendedField.js";
 import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
-import { SelectExtendedFieldDropdownDefault as v } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
-import { DropdownListContext as F } from "../Dropdown/DropdownListContext.js";
-import { u as I } from "../../chunks/vendor-DaOifQgP.js";
-const C = S.forwardRef((c, t) => {
+import { SelectExtendedFieldDropdownDefault as S } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
+import { DropdownListContext as E } from "../Dropdown/DropdownListContext.js";
+import "../Dropdown/desktop/DropdownDesktop.js";
+import "../Dropdown/desktop/DropdownList.js";
+import "../../chunks/DropdownListItem-C5KVFMFN.js";
+import { EDropdownWidth as F } from "../Dropdown/desktop/enums.js";
+import "../Dropdown/mobile/DropdownMobile.js";
+import "../Dropdown/mobile/DropdownMobileBody.js";
+import "../Dropdown/mobile/DropdownMobileClose.js";
+import "../Dropdown/mobile/DropdownMobileFooter.js";
+import "../Dropdown/mobile/DropdownMobileHeader.js";
+import "../Dropdown/mobile/DropdownMobileInner.js";
+import "../Dropdown/mobile/DropdownMobileInput.js";
+import "../Dropdown/mobile/DropdownMobileList.js";
+import "../Dropdown/mobile/DropdownMobileListItem.js";
+import "../Loader/LoaderSmall/LoaderSmall.js";
+import "../Loader/LoaderMiddle/LoaderMiddle.js";
+import "../Dropdown/Dropdown.js";
+import { u as I } from "../../chunks/vendor---Om3uMV.js";
+const L = v.forwardRef((p, t) => {
   const {
-    children: L,
-    className: m,
+    children: C,
+    className: s,
     value: r,
-    size: n,
-    options: p,
-    onChange: u,
-    placeholder: f,
-    loading: a,
+    size: i,
+    options: c,
+    onChange: f,
+    placeholder: u,
+    loading: n,
     status: b,
-    "aria-labelledby": g,
+    "aria-labelledby": w,
     dropdownListItemClassName: N,
     mobileTitle: D,
-    targetProps: w,
-    ...x
-  } = c, [l, h] = T(), y = s(null), i = s(I()), R = (e) => {
-    y.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
+    targetProps: g,
+    ...h
+  } = p, [a, T] = y(), x = d(null), l = d(I()), R = (e) => {
+    x.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
   };
-  return /* @__PURE__ */ o(d, { className: m, renderTarget: (e) => /* @__PURE__ */ o(
-    d.Target,
+  return /* @__PURE__ */ o(m, { className: s, renderTarget: (e) => /* @__PURE__ */ o(
+    m.Target,
     {
       label: r == null ? void 0 : r.label,
-      placeholder: f,
-      loading: a,
+      placeholder: u,
+      loading: n,
       status: b,
       role: "combobox",
-      "aria-controls": i.current,
-      "aria-activedescendant": l,
-      "aria-labelledby": g,
+      "aria-controls": l.current,
+      "aria-activedescendant": a,
+      "aria-labelledby": w,
       ref: R,
-      size: n,
-      ...w,
+      size: i,
+      fieldLabel: void 0,
+      ...g,
       ...e
     }
-  ), closeOnTab: !0, ...x, children: (e) => /* @__PURE__ */ o(F.Provider, { value: { activeDescendant: l, setActiveDescendant: h }, children: /* @__PURE__ */ o(
-    v,
+  ), closeOnTab: !0, ...h, children: (e) => /* @__PURE__ */ o(E.Provider, { value: { activeDescendant: a, setActiveDescendant: T }, children: /* @__PURE__ */ o(
+    S,
     {
       ...e,
-      size: n,
-      loading: a,
-      listId: i.current,
+      size: i,
+      width: F.TARGET,
+      loading: n,
+      listId: l.current,
       mobileTitle: D,
-      onChange: u,
-      options: p,
+      onChange: f,
+      options: c,
       value: r
     }
   ) }) });
 });
-C.displayName = "SelectField";
+L.displayName = "SelectField";
 export {
-  C as SelectField
+  L as SelectField
 };
 //# sourceMappingURL=SelectField.js.map

package/components/Skeleton/Skeleton.js

@@ -1,19 +1,19 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c } from "../../chunks/vendor-DaOifQgP.js";
+import { c as n } from "../../chunks/vendor---Om3uMV.js";
 import { ESkeletonType as t } from "./enums.js";
-const n = "skeleton__3c18a657", r = "light__5b987ca1", k = "dark__27edb86c", o = {
-  skeleton: n,
-  light: r,
+const r = "skeleton__50b9a251", c = "light__bf82cc4b", k = "dark__582af577", o = {
+  skeleton: r,
+  light: c,
   dark: k
-}, _ = ({ className: s, type: e = t.DARK, ...l }) => /* @__PURE__ */ a(
+}, _ = ({ className: e, type: s = t.DARK, ...l }) => /* @__PURE__ */ a(
   "div",
   {
-    className: c(o.skeleton, s, {
-      [o.dark]: e === t.DARK,
-      [o.light]: e === t.LIGHT
+    className: n(o.skeleton, e, {
+      [o.dark]: s === t.DARK,
+      [o.light]: s === t.LIGHT
     }),
     ...l,
-    "data-tx": "0.21.0"
+    "data-tx": "0.22.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-DaOifQgP.js";
+import { c as C, l as O } from "../../chunks/vendor---Om3uMV.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-C_1LnK7I.js";
+import { s as c, S as F } from "../../chunks/SliderExtendedRail-DbmfJHLD.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.21.0",
+          "data-tx": "0.22.0",
           children: E
         }
       )

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

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

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

@@ -1,9 +1,9 @@
 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-DaOifQgP.js";
+import { c as e } from "../../../../chunks/vendor---Om3uMV.js";
 import { createSizeToClassNameMap as v } from "../../../../utils/classNameMaps.js";
-const E = "sliderExtendedTooltipOverlay__c8eddef4", C = "lg__8eaa0198", N = "tooltipBody__f0b01a59", O = "tooltipTip__9007bf78", t = {
+const E = "sliderExtendedTooltipOverlay__7b2e1037", C = "lg__c1e7cbc6", N = "tooltipBody__f06cc6d5", O = "tooltipTip__5ade6740", t = {
   sliderExtendedTooltipOverlay: E,
   lg: C,
   tooltipBody: N,

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

@@ -1,14 +1,14 @@
 import { jsxs as B, Fragment as L, jsx as h } from "react/jsx-runtime";
-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 { useState as c, useContext as ce, useRef as O, useLayoutEffect as P } from "react";
+import { l as X, c as le } from "../../../../chunks/vendor---Om3uMV.js";
+import { SliderExtendedContext as de } from "../../SliderExtendedContext.js";
+import { SliderExtendedMoveHandler as ae } from "../SliderExtendedMoveHandler.js";
 import { SliderExtendedUtils as z } from "../../SliderExtendedUtils.js";
-import { SliderExtendedTrackActions as c } from "./SliderExtendedTrackActions.js";
+import { SliderExtendedTrackActions as l } 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__7f3aadc7", ue = "lg__8eaa0198", fe = "focusedByClick__6ab2c8be", me = "hoverOrDragByMouse__eab18ca6", he = "staticSlider__6e2970a5", ge = "disabled__e98fc2ae", o = {
+const ne = "sliderExtendedTrack__660fba2a", ue = "lg__c1e7cbc6", fe = "focusedByClick__406ec2d5", me = "hoverOrDragByMouse__3cbff27b", he = "staticSlider__e17aeb46", ge = "disabled__611dd185", o = {
   sliderExtendedTrack: ne,
   lg: ue,
   focusedByClick: fe,
@@ -17,7 +17,7 @@ const ne = "sliderExtendedTrack__7f3aadc7", ue = "lg__8eaa0198", fe = "focusedBy
   disabled: ge
 }, pe = ie(o), Ee = ({
   className: K,
-  draggable: k = !0,
+  draggable: b = !0,
   onBlur: p,
   onFocus: E,
   onMouseDown: x,
@@ -26,7 +26,7 @@ const ne = "sliderExtendedTrack__7f3aadc7", ue = "lg__8eaa0198", fe = "focusedBy
   onTouchStart: y,
   ...A
 }) => {
-  const [W, b] = a(!1), [l, C] = a(!1), [H, v] = a(!1), [V, d] = a(!1), [U, S] = a(-1), {
+  const [W, k] = c(!1), [d, C] = c(!1), [H, v] = c(!1), [V, a] = c(!1), [U, S] = c(-1), {
     disabled: M,
     dots: s,
     focused: i,
@@ -37,19 +37,19 @@ const ne = "sliderExtendedTrack__7f3aadc7", ue = "lg__8eaa0198", fe = "focusedBy
     setFocused: R,
     steps: u,
     size: $
-  } = ae(le), f = O(0), m = O(null);
+  } = ce(de), f = O(0), m = O(null);
   if (P(() => {
-    s.length > 1 && k ? l || C(!0) : l !== !1 && C(!1);
-  }, [s, k]), P(() => {
+    s.length > 1 && b ? d || C(!0) : d !== !1 && C(!1);
+  }, [s, b]), 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 && (f.current = z.getNormalizedCursorValue({
+    v(!0), a(!0), document.addEventListener("mouseup", N), r && (f.current = z.getNormalizedCursorValue({
       cursorXPosition: t.clientX,
       railNode: r
     })), e(t), x == null || x(t);
-  }, G = (e) => c.dragDots({
+  }, G = (e) => l.dragDots({
     cursorPrevNormalizedValue: f,
     cursorXPosition: e.clientX,
     dots: s,
@@ -57,14 +57,14 @@ const ne = "sliderExtendedTrack__7f3aadc7", ue = "lg__8eaa0198", fe = "focusedBy
     reverse: _,
     steps: u
   }), N = (e) => {
-    d(!1), e.target !== m.current && n(!1), document.removeEventListener("mouseup", N);
+    a(!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 && (f.current = z.getNormalizedCursorValue({
+    t.touches.length == 1 && (v(!0), a(!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(), c.dragDots({
+    e.touches.length == 1 && (e.cancelable && e.preventDefault(), l.dragDots({
       cursorPrevNormalizedValue: f,
       cursorXPosition: e.touches[0].clientX,
       dots: s,
@@ -73,20 +73,20 @@ const ne = "sliderExtendedTrack__7f3aadc7", ue = "lg__8eaa0198", fe = "focusedBy
       steps: u
     }));
   }, I = (e) => {
-    e.cancelable && e.preventDefault(), d(!1), e.target !== m.current && n(!1), document.removeEventListener("touchend", I);
+    e.cancelable && e.preventDefault(), a(!1), e.target !== m.current && n(!1), document.removeEventListener("touchend", I);
   }, J = (e) => {
-    e.preventDefault(), c.moveToPrevStep(s, u);
+    e.preventDefault(), l.moveToPrevStep(s, u);
   }, Q = (e) => {
-    e.preventDefault(), c.moveToNextStep(s, u);
+    e.preventDefault(), l.moveToNextStep(s, u);
   }, Z = (e) => {
-    i || R(!0), b(!0), E == null || E(e);
+    i || R(!0), k(!0), E == null || E(e);
   }, ee = (e) => {
-    i && R(!1), v(!1), b(!1), p == null || p(e);
+    i && R(!1), v(!1), k(!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 } = c.getTrackPosition({ dots: s, reverse: _ });
+  }, { left: re, right: oe } = l.getTrackPosition({ dots: s, reverse: _ });
   return /* @__PURE__ */ B(L, { children: [
     W && /* @__PURE__ */ B(L, { children: [
       /* @__PURE__ */ h(
@@ -105,7 +105,7 @@ const ne = "sliderExtendedTrack__7f3aadc7", ue = "lg__8eaa0198", fe = "focusedBy
       )
     ] }),
     /* @__PURE__ */ h(
-      de,
+      ae,
       {
         onMouseMove: X.throttle(G, 100),
         onTouchMove: X.throttle(q),
@@ -114,14 +114,14 @@ const ne = "sliderExtendedTrack__7f3aadc7", ue = "lg__8eaa0198", fe = "focusedBy
           "span",
           {
             role: "button",
-            tabIndex: !M && l ? U : -1,
+            tabIndex: !M && d ? U : -1,
             ...A,
-            className: ce(o.sliderExtendedTrack, pe[$], K, {
+            className: le(o.sliderExtendedTrack, pe[$], K, {
               [o.disabled]: M,
               [o.focusedByClick]: H,
               [o.hoverOrDragByMouse]: j,
               // Не перетаскиваемый.
-              [o.staticSlider]: !l
+              [o.staticSlider]: !d
             }),
             onBlur: ee,
             onFocus: Z,

package/components/SmallInput/SmallInput.js

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

package/components/Spoiler/Spoiler.js

@@ -1,4 +1,4 @@
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { jsx as n, 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";
@@ -9,8 +9,8 @@ import "../Button/ButtonDropdownExtended.js";
 import { EButtonTheme as R } from "../Button/enums.js";
 import { EComponentSize as s } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as g } from "../../utils/classNameMaps.js";
-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 = {
+import { u as j, c as _ } from "../../chunks/vendor---Om3uMV.js";
+const y = "spoiler__7d6ec4ac", D = "opened__1fc6ad9f", q = "caretIcon__42b3f81e", A = "head__a8484365", G = "content__2a49bee8", H = "hidden__5198cf53", K = "lg__d417a472", $ = "md__53d30f5a", F = "sm__334679a0", e = {
   spoiler: y,
   opened: D,
   caretIcon: q,
@@ -21,25 +21,25 @@ const y = "spoiler__94875961", D = "opened__4ff6ef8f", q = "caretIcon__194265b1"
   md: $,
   sm: F
 }, J = {
-  [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) => {
+  [s.SM]: /* @__PURE__ */ n(B, { paletteIndex: 5, className: e.caretIcon }),
+  [s.MD]: /* @__PURE__ */ n(p, { paletteIndex: 5, className: e.caretIcon }),
+  [s.LG]: /* @__PURE__ */ n(p, { paletteIndex: 5, className: e.caretIcon })
+}, O = g(e), P = z.forwardRef((f, h) => {
   const {
     children: I,
     expanded: c,
     onToggle: o,
-    toggle: n,
+    toggle: a,
     className: x,
     labelExpand: S,
     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(() => {
+  } = f, d = c !== void 0, [v, M] = T(c), t = d ? c : v, m = E(`Spoiler-${j()}`), b = w(() => {
     const i = !t;
-    d ? n == null || n(i) : v(i), o == null || o(i);
-  }, [d, n, t, o]), k = f(
+    d ? a == null || a(i) : M(i), o == null || o(i);
+  }, [d, a, t, o]), k = _(
     e.spoiler,
     O[r],
     {
@@ -47,7 +47,7 @@ const y = "spoiler__94875961", D = "opened__4ff6ef8f", q = "caretIcon__194265b1"
     },
     x
   );
-  return /* @__PURE__ */ l("div", { ...C, className: k, "data-tx": "0.21.0", ref: h, children: [
+  return /* @__PURE__ */ l("div", { ...C, className: k, "data-tx": "0.22.0", ref: h, children: [
     /* @__PURE__ */ l("div", { className: e.head, children: [
       /* @__PURE__ */ l(
         L,
@@ -56,7 +56,7 @@ const y = "spoiler__94875961", D = "opened__4ff6ef8f", q = "caretIcon__194265b1"
           "aria-controls": m.current,
           theme: R.LINK,
           size: r,
-          onClick: M,
+          onClick: b,
           children: [
             t ? u : S,
             J[r]
@@ -65,7 +65,7 @@ const y = "spoiler__94875961", D = "opened__4ff6ef8f", q = "caretIcon__194265b1"
       ),
       N
     ] }),
-    /* @__PURE__ */ a("div", { id: m.current, className: f(e.content, { [e.hidden]: !t }), children: I })
+    /* @__PURE__ */ n("div", { id: m.current, className: _(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-DaOifQgP.js";
-import { s as r } from "../../chunks/StatusTracker.module-KkpUE8KY.js";
+import { c as a } from "../../chunks/vendor---Om3uMV.js";
+import { s as r } from "../../chunks/StatusTracker.module-BhVoYRB1.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.21.0",
+        "data-tx": "0.22.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-DaOifQgP.js";
+import { c as m } from "../../../chunks/vendor---Om3uMV.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-KkpUE8KY.js";
+import { s as p } from "../../../chunks/StatusTracker.module-BhVoYRB1.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-DaOifQgP.js";
+import { c as m } from "../../../chunks/vendor---Om3uMV.js";
 import { StatusTrackerStatus as c } from "./StatusTrackerStatus.js";
 import { StatusTrackerAlert as i } from "./StatusTrackerAlert.js";
-import { s as u } from "../../../chunks/StatusTracker.module-KkpUE8KY.js";
+import { s as u } from "../../../chunks/StatusTracker.module-BhVoYRB1.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 });