@sberbusiness/triplex-next 1.22.0 → 1.23.0

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -1,10 +1,10 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useContext as b } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { useContext as x } from "react";
 import { c as L } from "../../chunks/vendor-BiObpx9E.js";
 import { ButtonBase as N } from "../Button/ButtonBase.js";
 import { ESegmentedControlType as n } from "./enums.js";
 import { SegmentedControlContext as _ } from "./SegmentedControlContext.js";
-const y = "segmentedControlSegment__8a73d684", E = "selected__056221d9", I = "content__1a59ed94", r = {
+const y = "segmentedControlSegment__b4ee1dae", E = "selected__6accba2b", I = "content__ea6348f1", r = {
   segmentedControlSegment: y,
   selected: E,
   content: I
@@ -19,48 +19,48 @@ const y = "segmentedControlSegment__8a73d684", E = "selected__056221d9", I = "co
 }) => {
   const {
     type: m,
-    value: d,
+    value: a,
     disabled: p,
-    onSegmentSelect: l
-  } = b(_), t = (() => {
+    onSegmentSelect: d
+  } = x(_), t = (() => {
     switch (m) {
       case n.SINGLE:
-        return e === d;
+        return e === a;
       case n.MULTIPLE:
-        return d.includes(e);
+        return a.includes(e);
     }
-  })(), C = L(
+  })(), f = L(
     r.segmentedControlSegment,
     { [r.selected]: t },
     "hoverable",
     { active: t },
     i
-  ), f = () => {
+  ), C = () => {
     if (c)
       return c;
     if (typeof s == "string")
       return s;
-  }, u = (x) => {
+  }, b = (u) => {
     switch (m) {
       case n.SINGLE:
-        l({ value: e, selected: !0 });
+        d({ value: e, selected: !0 });
         break;
       case n.MULTIPLE:
-        l({ value: e, selected: !t });
+        d({ value: e, selected: !t });
         break;
     }
-    o == null || o(x);
+    o == null || o(u);
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ l(
     N,
     {
-      className: C,
-      title: f(),
+      className: f,
+      title: C(),
       disabled: g || p,
       "aria-pressed": t,
-      onClick: u,
+      onClick: b,
       ...S,
-      children: /* @__PURE__ */ a("span", { className: r.content, children: s })
+      children: /* @__PURE__ */ l("span", { className: r.content, children: s })
     }
   );
 };

package/components/SelectExtendedField/SelectExtendedField.js

@@ -1,15 +1,15 @@
-import { jsx as R, jsxs as T } from "react/jsx-runtime";
-import _, { useState as K, useRef as x, useCallback as c, useEffect as w } from "react";
-import { isKey as b, EVENT_KEY_CODES as C } from "../../utils/keyboard.js";
+import { jsx as O, jsxs as R } from "react/jsx-runtime";
+import T, { useState as _, useRef as x, useCallback as c, useEffect as w } from "react";
+import { isKey as K, EVENT_KEY_CODES as C } from "../../utils/keyboard.js";
 import { KeyDownListener as N } from "../KeyDownListener/KeyDownListener.js";
 import { c as j } from "../../chunks/vendor-BiObpx9E.js";
 import { SelectExtendedFieldTarget as k } from "./components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdown as v } from "./components/SelectExtendedFieldDropdown.js";
-const A = "selectExtendedField__e4d7eda7", L = {
+const A = "selectExtendedField__3b02eddb", L = {
   selectExtendedField: A
 }, M = Object.assign(
-  _.forwardRef((y, n) => {
-    const { className: D, onKeyDown: o, children: F, renderTarget: S, closeOnTab: m, onClose: d, onOpen: s, ...g } = y, [t, l] = K(!1), i = x(null), u = x(null), h = (e) => {
+  T.forwardRef((y, n) => {
+    const { className: D, onKeyDown: o, children: F, renderTarget: S, closeOnTab: m, onClose: d, onOpen: s, ...g } = y, [t, l] = _(!1), i = x(null), u = x(null), h = (e) => {
       i.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
     }, p = c((e) => {
       l(e);
@@ -21,10 +21,10 @@ const A = "selectExtendedField__e4d7eda7", L = {
       [t]
     ), f = c(() => {
       t && l(!1);
-    }, [t]), O = c(
+    }, [t]), b = c(
       (e) => {
         const r = e.code || e.keyCode;
-        m && b(r, "TAB") && f(), o == null || o(e);
+        m && K(r, "TAB") && f(), o == null || o(e);
       },
       [m, f, o]
     );
@@ -32,11 +32,11 @@ const A = "selectExtendedField__e4d7eda7", L = {
       document.removeEventListener("mousedown", a);
     }), [a]), w(() => {
       t ? s == null || s() : d == null || d();
-    }, [t, s, d]), /* @__PURE__ */ R(N, { onMatch: f, eventKeyCode: C.ESCAPE, children: /* @__PURE__ */ T(
+    }, [t, s, d]), /* @__PURE__ */ O(N, { onMatch: f, eventKeyCode: C.ESCAPE, children: /* @__PURE__ */ R(
       "div",
       {
         className: j(L.selectExtendedField, D),
-        onKeyDown: O,
+        onKeyDown: b,
         ref: h,
         ...g,
         children: [

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js

@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as m } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-Dl8gN2ar.js";
+import "../../../chunks/DropdownListItem-BOB8eQXM.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js

@@ -4,7 +4,7 @@ import { SelectExtendedField as d } from "../SelectExtendedField.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-Dl8gN2ar.js";
+import "../../../chunks/DropdownListItem-BOB8eQXM.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as E } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as k } from "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -6,11 +6,11 @@ import { LoaderSmall as x } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as D } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { c as n } from "../../../chunks/vendor-BiObpx9E.js";
-import { EFormFieldStatus as i } from "../../FormField/enums.js";
+import { EFormFieldStatus as d } from "../../FormField/enums.js";
 import { FormFieldClear as v } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldDescription.js";
-import "../../../chunks/FormFieldInput--W9kjf4s.js";
+import "../../../chunks/FormFieldInput-CwX_1h09.js";
 import { FormFieldLabel as w } from "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import { FormFieldPostfix as y } from "../../FormField/components/FormFieldPostfix.js";
@@ -18,8 +18,8 @@ import { FormFieldPrefix as P } from "../../FormField/components/FormFieldPrefix
 import { FormFieldTarget as G } from "../../FormField/components/FormFieldTarget.js";
 import "../../FormField/components/FormFieldTextarea.js";
 import { FormField as j } from "../../FormField/FormField.js";
-import { EComponentSize as a } from "../../../enums/EComponentSize.js";
-const K = "selectExtendedFieldTarget__4503e70b", U = "caretWrapper__e6f7aa98", V = "caretIcon__3089ce20", Y = "selectOpened__27a4a4a6", q = "disabled__b0196ec3", H = "target__7a2427ef", e = {
+import { EComponentSize as o } from "../../../enums/EComponentSize.js";
+const K = "selectExtendedFieldTarget__2d4365d9", U = "caretWrapper__e556ef47", V = "caretIcon__7fe25210", Y = "selectOpened__42bcea41", q = "disabled__b739b93f", H = "target__27dad3c0", e = {
   selectExtendedFieldTarget: K,
   caretWrapper: U,
   caretIcon: V,
@@ -27,15 +27,15 @@ const K = "selectExtendedFieldTarget__4503e70b", U = "caretWrapper__e6f7aa98", V
   disabled: q,
   target: H
 }, J = {
-  [a.SM]: /* @__PURE__ */ t(k, { paletteIndex: 5, className: e.caretIcon }),
-  [a.MD]: /* @__PURE__ */ t(W, { paletteIndex: 5, className: e.caretIcon }),
-  [a.LG]: /* @__PURE__ */ t(B, { paletteIndex: 5, className: e.caretIcon })
+  [o.SM]: /* @__PURE__ */ t(k, { paletteIndex: 5, className: e.caretIcon }),
+  [o.MD]: /* @__PURE__ */ t(W, { paletteIndex: 5, className: e.caretIcon }),
+  [o.LG]: /* @__PURE__ */ t(B, { paletteIndex: 5, className: e.caretIcon })
 }, Q = {
-  [a.SM]: /* @__PURE__ */ t(x, { size: a.SM, theme: D.BRAND }),
-  [a.MD]: /* @__PURE__ */ t(x, { size: a.MD, theme: D.BRAND }),
-  [a.LG]: /* @__PURE__ */ t(x, { size: a.LG, theme: D.BRAND })
+  [o.SM]: /* @__PURE__ */ t(x, { size: o.SM, theme: D.BRAND }),
+  [o.MD]: /* @__PURE__ */ t(x, { size: o.MD, theme: D.BRAND }),
+  [o.LG]: /* @__PURE__ */ t(x, { size: o.LG, theme: D.BRAND })
 }, X = O.forwardRef(
-  (u, d) => {
+  (u, i) => {
     const {
       children: Z,
       className: N,
@@ -44,12 +44,12 @@ const K = "selectExtendedFieldTarget__4503e70b", U = "caretWrapper__e6f7aa98", V
       onKeyDown: p,
       onClick: f,
       onClear: F,
-      opened: o,
+      opened: a,
       postfix: I,
       prefix: h,
       setOpened: _,
       loading: c,
-      size: S = a.MD,
+      size: S = o.MD,
       status: l,
       tabIndex: $,
       fieldLabel: g,
@@ -57,22 +57,22 @@ const K = "selectExtendedFieldTarget__4503e70b", U = "caretWrapper__e6f7aa98", V
     } = u, R = z(null), C = n(
       e.selectExtendedFieldTarget,
       {
-        [e.selectOpened]: o,
+        [e.selectOpened]: a,
         [e.loading]: c,
-        [e.disabled]: l === i.DISABLED
+        [e.disabled]: l === d.DISABLED
       },
       N
     ), T = (r) => {
-      c || l === i.DISABLED || (_(!o), f == null || f(r));
+      c || l === d.DISABLED || (_(!a), f == null || f(r));
     }, A = (r) => {
-      c && l === i.DISABLED || (o || [
+      c && l === d.DISABLED || (a || [
         s.SPACE,
         s.ENTER,
         s.ARROW_DOWN,
         s.ARROW_UP
-      ].includes(r.keyCode) && (r.preventDefault(), r.stopPropagation(), _(!o)), p == null || p(r));
+      ].includes(r.keyCode) && (r.preventDefault(), r.stopPropagation(), _(!a)), p == null || p(r));
     }, M = (r) => {
-      R.current = r, typeof d == "function" ? d(r) : d && (d.current = r);
+      R.current = r, typeof i == "function" ? i(r) : i && (i.current = r);
     };
     return /* @__PURE__ */ b(
       j,
@@ -82,13 +82,13 @@ const K = "selectExtendedFieldTarget__4503e70b", U = "caretWrapper__e6f7aa98", V
         status: l,
         size: S,
         className: C,
-        "aria-expanded": o,
+        "aria-expanded": a,
         "aria-haspopup": "listbox",
-        "data-tx": "1.22.0",
-        active: o,
+        "data-tx": "1.23.0",
+        active: a,
         ...L,
         children: [
-          h ? /* @__PURE__ */ t(P, { className: n("hoverable", { disabled: l === i.DISABLED }), children: h }) : null,
+          h ? /* @__PURE__ */ t(P, { className: n("hoverable", { disabled: l === d.DISABLED }), children: h }) : null,
           /* @__PURE__ */ t(w, { children: g }),
           /* @__PURE__ */ t(
             G,
@@ -108,8 +108,8 @@ const K = "selectExtendedFieldTarget__4503e70b", U = "caretWrapper__e6f7aa98", V
               "div",
               {
                 className: n(e.caretWrapper, "hoverable", {
-                  active: o,
-                  disabled: l === i.DISABLED
+                  active: a,
+                  disabled: l === d.DISABLED
                 }),
                 children: J[S]
               }

package/components/SelectField/SelectField.js

@@ -7,7 +7,7 @@ import { SelectExtendedFieldDropdownDefault as S } from "../SelectExtendedField/
 import { DropdownListContext as E } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-Dl8gN2ar.js";
+import "../../chunks/DropdownListItem-BOB8eQXM.js";
 import { EDropdownWidth as F } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";

package/components/Skeleton/Skeleton.js

@@ -1,19 +1,19 @@
-import { jsx as d } from "react/jsx-runtime";
-import { c as n } from "../../chunks/vendor-BiObpx9E.js";
+import { jsx as n } from "react/jsx-runtime";
+import { c as r } from "../../chunks/vendor-BiObpx9E.js";
 import { ESkeletonType as t } from "./enums.js";
-const r = "skeleton__cdf0d949", a = "light__b76d2529", k = "dark__df15fdad", o = {
-  skeleton: r,
-  light: a,
-  dark: k
-}, f = ({ className: e, type: s = t.DARK, ...l }) => /* @__PURE__ */ d(
+const c = "skeleton__34980e8d", k = "light__6d4d90c1", a = "dark__9f3fc8bf", o = {
+  skeleton: c,
+  light: k,
+  dark: a
+}, f = ({ className: s, type: e = t.DARK, ...l }) => /* @__PURE__ */ n(
   "div",
   {
-    className: n(o.skeleton, e, {
-      [o.dark]: s === t.DARK,
-      [o.light]: s === t.LIGHT
+    className: r(o.skeleton, s, {
+      [o.dark]: e === t.DARK,
+      [o.light]: e === t.LIGHT
     }),
     ...l,
-    "data-tx": "1.22.0"
+    "data-tx": "1.23.0"
   }
 );
 export {

package/components/SliderExtended/SliderExtended.js

@@ -4,7 +4,7 @@ import { c as C, l as O } from "../../chunks/vendor-BiObpx9E.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-Dld8UNeR.js";
+import { s as c, S as F } from "../../chunks/SliderExtendedRail-BP0BcOY7.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": "1.22.0",
+          "data-tx": "1.23.0",
           children: E
         }
       )

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

@@ -9,7 +9,7 @@ import { useSliderExtendedDotTabIndex as me } from "./useSliderExtendedDotTabInd
 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__f4b6e7c6", xe = "focusedByClick__0ceb4c97", he = "disabled__d788a637", ge = "dragByMouse__28b5b9f4", De = "lg__210749f0", i = {
+const pe = "sliderExtendedDot__210d0bdb", xe = "focusedByClick__182e55d0", he = "disabled__cc27578e", ge = "dragByMouse__d8e767fc", De = "lg__6739ccc0", i = {
   sliderExtendedDot: pe,
   focusedByClick: xe,
   disabled: he,
@@ -41,7 +41,7 @@ const pe = "sliderExtendedDot__f4b6e7c6", xe = "focusedByClick__0ceb4c97", he =
     steps: s,
     updateDot: G,
     size: Y
-  } = re(ce), $ = me(_, 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,7 +65,7 @@ const pe = "sliderExtendedDot__f4b6e7c6", xe = "focusedByClick__0ceb4c97", 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 (m) {
       let t = o.getNormalizedCursorValue({
@@ -76,10 +76,10 @@ const pe = "sliderExtendedDot__f4b6e7c6", xe = "focusedByClick__0ceb4c97", he =
       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(), m)) {
       let t = o.getNormalizedCursorValue({
@@ -90,12 +90,12 @@ const pe = "sliderExtendedDot__f4b6e7c6", xe = "focusedByClick__0ceb4c97", he =
       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);
+  }, b = () => z.filter((e) => e.id === l)[0], te = (e) => {
+    e.preventDefault(), O.moveToPrevStep(b(), s);
   }, oe = (e) => {
-    e.preventDefault(), O.moveToNextStep(T(), s);
+    e.preventDefault(), O.moveToNextStep(b(), s);
   }, se = (e) => {
     y || V(!0), N(!0), h == null || h(e);
   }, de = (e) => {
@@ -123,7 +123,7 @@ const pe = "sliderExtendedDot__f4b6e7c6", xe = "focusedByClick__0ceb4c97", he =
       {
         onMouseMove: k.throttle(Q, 50),
         onTouchMove: k.throttle(ee),
-        targetRef: b,
+        targetRef: C,
         children: ({ onTargetMouseDown: e, onTargetTouchStart: t }) => /* @__PURE__ */ f(
           "span",
           {
@@ -143,7 +143,7 @@ const pe = "sliderExtendedDot__f4b6e7c6", xe = "focusedByClick__0ceb4c97", he =
             onMouseDown: J(e),
             onTouchStart: Z(t),
             style: { left: `${U}%` },
-            ref: b,
+            ref: C,
             children: K
           }
         )

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

@@ -3,7 +3,7 @@ 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-BiObpx9E.js";
-import { s as e } from "../../../../chunks/SliderExtendedMarks.module-Dy1FdmU-.js";
+import { s as e } from "../../../../chunks/SliderExtendedMarks.module-BdFYVISZ.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-BiObpx9E.js";
-import { s as a } from "../../../../chunks/SliderExtendedMarks.module-Dy1FdmU-.js";
+import { s as a } from "../../../../chunks/SliderExtendedMarks.module-BdFYVISZ.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

@@ -3,7 +3,7 @@ import "react";
 import "../SliderExtendedContext.js";
 import "../SliderExtendedUtils.js";
 import "../../../chunks/vendor-BiObpx9E.js";
-import { S as d } from "../../../chunks/SliderExtendedRail-Dld8UNeR.js";
+import { S as d } from "../../../chunks/SliderExtendedRail-BP0BcOY7.js";
 export {
   d as SliderExtendedRail
 };

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

@@ -1,24 +1,24 @@
-import { jsxs as y, jsx as d } from "react/jsx-runtime";
-import n from "react";
+import { jsxs as y, jsx as n } from "react/jsx-runtime";
+import r from "react";
 import { SliderExtendedContext as _ } from "../../SliderExtendedContext.js";
 import { c as e } from "../../../../chunks/vendor-BiObpx9E.js";
 import { createSizeToClassNameMap as v } from "../../../../utils/classNameMaps.js";
-const E = "sliderExtendedTooltipOverlay__8f3e2426", C = "lg__210749f0", N = "tooltipBody__397d9992", O = "tooltipTip__d827fd65", t = {
+const E = "sliderExtendedTooltipOverlay__d1e7159e", C = "lg__6739ccc0", N = "tooltipBody__fc553d2a", O = "tooltipTip__6675e22b", t = {
   sliderExtendedTooltipOverlay: E,
   lg: C,
   tooltipBody: N,
   tooltipTip: O
 }, h = v(t), W = ({
   value: i,
-  children: r,
+  children: d,
   ...c
 }) => {
-  const o = n.useRef(null), { min: l, max: p, size: a } = n.useContext(_), f = () => {
+  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 m = 8, x = 16, T = ((s = o.current) == null ? void 0 : s.clientWidth) || 0, u = (i - l) / (p - l);
-    return (T / 2 - m - x) * (1 - 2 * u);
+    const f = 8, x = 16, T = ((s = o.current) == null ? void 0 : s.clientWidth) || 0, u = (i - l) / (p - l);
+    return (T / 2 - f - x) * (1 - 2 * u);
   };
   return /* @__PURE__ */ y(
     "div",
@@ -27,8 +27,8 @@ const E = "sliderExtendedTooltipOverlay__8f3e2426", C = "lg__210749f0", N = "too
       className: e(t.sliderExtendedTooltipOverlay, h[a]),
       ...c,
       children: [
-        /* @__PURE__ */ d("div", { className: e(t.tooltipBody), style: { left: `${f()}px` }, children: r }),
-        /* @__PURE__ */ d("div", { className: e(t.tooltipTip) })
+        /* @__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

@@ -8,7 +8,7 @@ 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__0c7382f2", ue = "lg__210749f0", fe = "focusedByClick__0ceb4c97", me = "hoverOrDragByMouse__6d380c6d", he = "staticSlider__627b90ac", ge = "disabled__d788a637", o = {
+const ne = "sliderExtendedTrack__e8b43b85", ue = "lg__6739ccc0", fe = "focusedByClick__182e55d0", me = "hoverOrDragByMouse__17e5380e", he = "staticSlider__65dad4a1", ge = "disabled__cc27578e", o = {
   sliderExtendedTrack: ne,
   lg: ue,
   focusedByClick: fe,

package/components/SmallInput/SmallInput.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import m from "react";
 import { c as p } from "../../chunks/vendor-BiObpx9E.js";
-const o = "smallInput__ecdb5667", e = {
+const o = "smallInput__8fd1587e", e = {
   smallInput: o
 }, n = m.forwardRef(({ className: t, ...l }, s) => /* @__PURE__ */ a("input", { className: p(e.smallInput, t), ...l, type: "text", ref: s }));
 n.displayName = "SmallInput";

package/components/Spoiler/Spoiler.js

@@ -1,4 +1,4 @@
-import { jsx as n, 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 c } 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-BiObpx9E.js";
-const y = "spoiler__814dd15f", D = "opened__fb2308fc", q = "caretIcon__1fa7a788", A = "head__51e9a854", G = "content__07b198f6", H = "hidden__c7860ea8", K = "lg__4eb52a3b", $ = "md__46c8f6ce", F = "sm__17a7b6cc", e = {
+const y = "spoiler__a21bb6ec", D = "opened__4a33ef76", q = "caretIcon__cddfc5d1", A = "head__44f5e42b", G = "content__42596ab7", H = "hidden__54e04964", K = "lg__f319dd4d", $ = "md__d26a5e05", F = "sm__e907ab64", e = {
   spoiler: y,
   opened: D,
   caretIcon: q,
@@ -21,25 +21,25 @@ const y = "spoiler__814dd15f", D = "opened__fb2308fc", q = "caretIcon__1fa7a788"
   md: $,
   sm: F
 }, J = {
-  [c.SM]: /* @__PURE__ */ n(B, { paletteIndex: 5, className: e.caretIcon }),
-  [c.MD]: /* @__PURE__ */ n(p, { paletteIndex: 5, className: e.caretIcon }),
-  [c.LG]: /* @__PURE__ */ n(p, { paletteIndex: 5, className: e.caretIcon })
+  [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((f, h) => {
   const {
     children: I,
-    expanded: s,
+    expanded: c,
     onToggle: o,
-    toggle: a,
+    toggle: n,
     className: x,
     labelExpand: S,
     labelCollapse: u,
     rightBlock: N,
-    size: r = c.MD,
+    size: r = s.MD,
     ...b
-  } = f, d = s !== void 0, [C, v] = T(s), t = d ? s : C, m = E(`Spoiler-${j()}`), M = w(() => {
+  } = f, d = c !== void 0, [C, v] = T(c), t = d ? c : C, m = E(`Spoiler-${j()}`), M = w(() => {
     const i = !t;
-    d ? a == null || a(i) : v(i), o == null || o(i);
-  }, [d, a, t, o]), k = _(
+    d ? n == null || n(i) : v(i), o == null || o(i);
+  }, [d, n, t, o]), k = _(
     e.spoiler,
     O[r],
     {
@@ -47,7 +47,7 @@ const y = "spoiler__814dd15f", D = "opened__fb2308fc", q = "caretIcon__1fa7a788"
     },
     x
   );
-  return /* @__PURE__ */ l("div", { ...b, className: k, "data-tx": "1.22.0", ref: h, children: [
+  return /* @__PURE__ */ l("div", { ...b, className: k, "data-tx": "1.23.0", ref: h, children: [
     /* @__PURE__ */ l("div", { className: e.head, children: [
       /* @__PURE__ */ l(
         L,
@@ -65,7 +65,7 @@ const y = "spoiler__814dd15f", D = "opened__fb2308fc", q = "caretIcon__1fa7a788"
       ),
       N
     ] }),
-    /* @__PURE__ */ n("div", { id: m.current, className: _(e.content, { [e.hidden]: !t }), children: I })
+    /* @__PURE__ */ a("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-BiObpx9E.js";
-import { s as r } from "../../chunks/StatusTracker.module-B8xoFRr0.js";
+import { s as r } from "../../chunks/StatusTracker.module-BMkZgzxy.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),
         ...d,
         ref: T,
-        "data-tx": "1.22.0",
+        "data-tx": "1.23.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

@@ -3,7 +3,7 @@ import { c as m } from "../../../chunks/vendor-BiObpx9E.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-B8xoFRr0.js";
+import { s as p } from "../../../chunks/StatusTracker.module-BMkZgzxy.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

@@ -3,7 +3,7 @@ import e from "react";
 import { c as m } from "../../../chunks/vendor-BiObpx9E.js";
 import { StatusTrackerStatus as c } from "./StatusTrackerStatus.js";
 import { StatusTrackerAlert as i } from "./StatusTrackerAlert.js";
-import { s as u } from "../../../chunks/StatusTracker.module-B8xoFRr0.js";
+import { s as u } from "../../../chunks/StatusTracker.module-BMkZgzxy.js";
 const f = Object.assign(
   e.forwardRef(function({ children: t, className: r, ...a }, s) {
     return /* @__PURE__ */ o("div", { className: m(u.statusTrackerChild, r), ...a, ref: s, children: t });

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-BiObpx9E.js";
-import { s as a } from "../../../chunks/StatusTracker.module-B8xoFRr0.js";
+import { s as a } from "../../../chunks/StatusTracker.module-BMkZgzxy.js";
 import { Button as p } from "../../Button/Button.js";
 import "../../Button/ButtonBase.js";
 import "../../Button/ButtonIcon.js";

package/components/StatusTracker/components/StatusTrackerDescription.js

@@ -4,7 +4,7 @@ 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-B8xoFRr0.js";
+import { s as a } from "../../../chunks/StatusTracker.module-BMkZgzxy.js";
 const D = (r) => {
   const { children: t, className: s, ...o } = r;
   return /* @__PURE__ */ e(