@sberbusiness/triplex-next 0.18.0 → 0.19.0

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 d, useContext as de, 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 { SliderExtendedMoveHandler as ce } from "../SliderExtendedMoveHandler.js";
+import { useState as l, useContext as le, useRef as O, useLayoutEffect as P } from "react";
+import { l as X, c as ce } from "../../../../chunks/vendor-DE8Zvm0w.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 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__fb82ead9", ue = "lg__3bd2f5f2", fe = "focusedByClick__884093dd", me = "hoverOrDragByMouse__e6826503", he = "staticSlider__e6a71009", ge = "disabled__b2dd54aa", o = {
+const ne = "sliderExtendedTrack__1f359595", ue = "lg__771e37b8", fe = "focusedByClick__b9fe8695", me = "hoverOrDragByMouse__b89d4e3c", he = "staticSlider__32d577e5", ge = "disabled__a8732371", o = {
   sliderExtendedTrack: ne,
   lg: ue,
   focusedByClick: fe,
@@ -26,7 +26,7 @@ const ne = "sliderExtendedTrack__fb82ead9", ue = "lg__3bd2f5f2", fe = "focusedBy
   onTouchStart: y,
   ...A
 }) => {
-  const [W, b] = d(!1), [a, C] = d(!1), [H, v] = d(!1), [V, c] = d(!1), [U, S] = d(-1), {
+  const [W, b] = l(!1), [d, C] = l(!1), [H, v] = l(!1), [V, a] = l(!1), [U, S] = l(-1), {
     disabled: M,
     dots: s,
     focused: i,
@@ -37,19 +37,19 @@ const ne = "sliderExtendedTrack__fb82ead9", ue = "lg__3bd2f5f2", fe = "focusedBy
     setFocused: R,
     steps: u,
     size: $
-  } = de(ae), f = O(0), m = O(null);
+  } = le(de), f = O(0), m = O(null);
   if (P(() => {
-    s.length > 1 && k ? a || C(!0) : a !== !1 && C(!1);
+    s.length > 1 && k ? d || C(!0) : d !== !1 && C(!1);
   }, [s, k]), P(() => {
     s.length > 1 && S(i ? 2 : -1);
   }, [i]), !s.length)
     return null;
   const w = (e) => (t) => {
-    v(!0), c(!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) => l.dragDots({
+  }, G = (e) => c.dragDots({
     cursorPrevNormalizedValue: f,
     cursorXPosition: e.clientX,
     dots: s,
@@ -57,14 +57,14 @@ const ne = "sliderExtendedTrack__fb82ead9", ue = "lg__3bd2f5f2", fe = "focusedBy
     reverse: _,
     steps: u
   }), N = (e) => {
-    c(!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), c(!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(), l.dragDots({
+    e.touches.length == 1 && (e.cancelable && e.preventDefault(), c.dragDots({
       cursorPrevNormalizedValue: f,
       cursorXPosition: e.touches[0].clientX,
       dots: s,
@@ -73,11 +73,11 @@ const ne = "sliderExtendedTrack__fb82ead9", ue = "lg__3bd2f5f2", fe = "focusedBy
       steps: u
     }));
   }, I = (e) => {
-    e.cancelable && e.preventDefault(), c(!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(), l.moveToPrevStep(s, u);
+    e.preventDefault(), c.moveToPrevStep(s, u);
   }, Q = (e) => {
-    e.preventDefault(), l.moveToNextStep(s, u);
+    e.preventDefault(), c.moveToNextStep(s, u);
   }, Z = (e) => {
     i || R(!0), b(!0), E == null || E(e);
   }, ee = (e) => {
@@ -86,7 +86,7 @@ const ne = "sliderExtendedTrack__fb82ead9", ue = "lg__3bd2f5f2", fe = "focusedBy
     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(
@@ -105,7 +105,7 @@ const ne = "sliderExtendedTrack__fb82ead9", ue = "lg__3bd2f5f2", fe = "focusedBy
       )
     ] }),
     /* @__PURE__ */ h(
-      ce,
+      ae,
       {
         onMouseMove: X.throttle(G, 100),
         onTouchMove: X.throttle(q),
@@ -114,14 +114,14 @@ const ne = "sliderExtendedTrack__fb82ead9", ue = "lg__3bd2f5f2", fe = "focusedBy
           "span",
           {
             role: "button",
-            tabIndex: !M && a ? U : -1,
+            tabIndex: !M && d ? 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]: !d
             }),
             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__1c688682", n = {
+const o = "smallInput__7fde69b3", n = {
   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";
+}, e = a.forwardRef(({ className: t, ...l }, s) => /* @__PURE__ */ m("input", { className: p(n.smallInput, t), ...l, type: "text", ref: s }));
+e.displayName = "SmallInput";
 export {
-  r as SmallInput
+  e as SmallInput
 };
 //# sourceMappingURL=SmallInput.js.map

package/components/Spoiler/Spoiler.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 s } from "../../enums/EComponentSize.js";
+import { EComponentSize as c } 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__b987744e", D = "opened__2784e7fb", q = "caretIcon__31de6d6b", A = "head__15b97aea", G = "content__2df6d812", H = "hidden__72d5472e", K = "lg__f783fa71", $ = "md__33fdeb95", F = "sm__979d7431", e = {
+const y = "spoiler__2750b57a", D = "opened__6d69093c", q = "caretIcon__80d11931", A = "head__664c89a1", G = "content__97e9dce4", H = "hidden__4aa787c4", K = "lg__67cc6095", $ = "md__5266e911", F = "sm__1bdb75b2", e = {
   spoiler: y,
   opened: D,
   caretIcon: q,
@@ -21,22 +21,22 @@ const y = "spoiler__b987744e", D = "opened__2784e7fb", q = "caretIcon__31de6d6b"
   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((f, h) => {
+  [c.SM]: /* @__PURE__ */ a(B, { paletteIndex: 5, className: e.caretIcon }),
+  [c.MD]: /* @__PURE__ */ a(p, { paletteIndex: 5, className: e.caretIcon }),
+  [c.LG]: /* @__PURE__ */ a(p, { paletteIndex: 5, className: e.caretIcon })
+}, O = g(e), P = z.forwardRef((h, I) => {
   const {
-    children: I,
-    expanded: c,
+    children: x,
+    expanded: s,
     onToggle: o,
     toggle: n,
-    className: x,
-    labelExpand: S,
+    className: S,
+    labelExpand: f,
     labelCollapse: u,
     rightBlock: N,
-    size: r = s.MD,
-    ...b
-  } = f, d = c !== void 0, [C, v] = T(c), t = d ? c : C, m = E(`Spoiler-${j()}`), M = w(() => {
+    size: r = c.MD,
+    ...C
+  } = h, d = s !== void 0, [b, v] = T(s), t = d ? s : 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 = _(
@@ -45,9 +45,9 @@ const y = "spoiler__b987744e", D = "opened__2784e7fb", q = "caretIcon__31de6d6b"
     {
       [e.opened]: t
     },
-    x
+    S
   );
-  return /* @__PURE__ */ l("div", { ...b, className: k, "data-tx": "0.18.0", ref: h, children: [
+  return /* @__PURE__ */ l("div", { ...C, className: k, "data-tx": "0.19.0", ref: I, children: [
     /* @__PURE__ */ l("div", { className: e.head, children: [
       /* @__PURE__ */ l(
         L,
@@ -58,14 +58,14 @@ const y = "spoiler__b987744e", D = "opened__2784e7fb", q = "caretIcon__31de6d6b"
           size: r,
           onClick: M,
           children: [
-            t ? u : S,
+            t ? u : f,
             J[r]
           ]
         }
       ),
       N
     ] }),
-    /* @__PURE__ */ a("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: x })
   ] });
 });
 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-BiMt5_cO.js";
+import { s as r } from "../../chunks/StatusTracker.module-DvCRrIA3.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.18.0",
+        "data-tx": "0.19.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-DE8Zvm0w.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-BiMt5_cO.js";
+import { s as p } from "../../../chunks/StatusTracker.module-DvCRrIA3.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-DE8Zvm0w.js";
 import { StatusTrackerStatus as c } from "./StatusTrackerStatus.js";
 import { StatusTrackerAlert as i } from "./StatusTrackerAlert.js";
-import { s as u } from "../../../chunks/StatusTracker.module-BiMt5_cO.js";
+import { s as u } from "../../../chunks/StatusTracker.module-DvCRrIA3.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,16 +1,14 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as a } from "../../../chunks/vendor-DE8Zvm0w.js";
-import { s as c } from "../../../chunks/StatusTracker.module-BiMt5_cO.js";
-import { Button as e } from "../../Button/Button.js";
+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-DvCRrIA3.js";
+import { Button as p } from "../../Button/Button.js";
 import "../../Button/ButtonBase.js";
 import "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-const k = (t) => {
-  const { children: r, className: o, ...s } = t;
-  return /* @__PURE__ */ m(e, { className: a(c.statusTrackerButton, o), ...s, children: r });
-};
+const i = ({ children: t, className: r, ...o }) => /* @__PURE__ */ s(p, { className: m(a.statusTrackerButton, r), block: !0, ...o, children: t });
+i.displayName = "StatusTrackerButton";
 export {
-  k as StatusTrackerButton
+  i as StatusTrackerButton
 };
 //# sourceMappingURL=StatusTrackerButton.js.map

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-BiMt5_cO.js";
+import { s as a } from "../../../chunks/StatusTracker.module-DvCRrIA3.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-BiMt5_cO.js";
+import { s as r } from "../../../chunks/StatusTracker.module-DvCRrIA3.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

@@ -4,7 +4,7 @@ import { c as i } from "../../../chunks/vendor-DE8Zvm0w.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-BiMt5_cO.js";
+import { s as u } from "../../../chunks/StatusTracker.module-DvCRrIA3.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-BiMt5_cO.js";
+import { s as o } from "../../../chunks/StatusTracker.module-DvCRrIA3.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-BiMt5_cO.js";
+import { s as m } from "../../../chunks/StatusTracker.module-DvCRrIA3.js";
 import { MarkerStatus as c } from "../../MarkerStatus/MarkerStatus.js";
 const f = (s) => {
   const { children: t, className: r, ...a } = s;

package/components/StatusTracker/components/StatusTrackerSum.js

@@ -5,7 +5,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/Text.js";
 import { Title as p } from "../../Typography/Title.js";
 import { Amount as c } from "../../Amount/Amount.js";
-import { s as l } from "../../../chunks/StatusTracker.module-BiMt5_cO.js";
+import { s as l } from "../../../chunks/StatusTracker.module-DvCRrIA3.js";
 const g = (r) => {
   const { className: o, amountProps: m, ...s } = r;
   return /* @__PURE__ */ t(

package/components/StatusTracker/components/StatusTrackerTitle.js

@@ -4,7 +4,7 @@ import { ETitleSize as m, EFontWeightTitle as a } from "../../Typography/enums.j
 import "../../Typography/Caption.js";
 import "../../Typography/Text.js";
 import { Title as l } from "../../Typography/Title.js";
-import { s as c } from "../../../chunks/StatusTracker.module-BiMt5_cO.js";
+import { s as c } from "../../../chunks/StatusTracker.module-DvCRrIA3.js";
 const g = (t) => {
   const { children: r, className: e, ...s } = t;
   return /* @__PURE__ */ i(

package/components/Step/Step.js

@@ -8,15 +8,15 @@ import "../Typography/Caption.js";
 import { Text as N } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { c as A } from "../../chunks/vendor-DE8Zvm0w.js";
-const R = "step__1af19521", x = "done__79a7fd08", h = "warning__8162ce37", v = "active__7a6476fd", w = "error__15268150", L = "disabled__1ad2a648", t = {
+const R = "step__9933d5cd", x = "done__04128463", h = "warning__3e5a46a6", v = "active__15a55661", b = "error__be1224fe", w = "disabled__e170c78d", t = {
   step: R,
-  default: "default__ec0af9c0",
+  default: "default__37250fdf",
   done: x,
   warning: h,
   active: v,
-  error: w,
-  disabled: L
-}, b = {
+  error: b,
+  disabled: w
+}, L = {
   [o.DEFAULT]: t.default,
   [o.ACTIVE]: t.active,
   [o.WARNING]: t.warning,
@@ -35,7 +35,7 @@ const R = "step__1af19521", x = "done__79a7fd08", h = "warning__8162ce37", v = "
   position: f = e.Default,
   ...m
 }) => {
-  const l = u(null), T = y[f], E = A(t.step, b[d], s), c = () => /* @__PURE__ */ i("div", { ref: l, className: E, ...m, children: /* @__PURE__ */ i(N, { size: D.B1, weight: S.SEMIBOLD, children: p }) });
+  const l = u(null), T = y[f], E = A(t.step, L[d], s), c = () => /* @__PURE__ */ i("div", { ref: l, className: E, ...m, children: /* @__PURE__ */ i(N, { size: D.B1, weight: S.SEMIBOLD, children: p }) });
   return r ? /* @__PURE__ */ g(a, { size: _.SM, toggleType: "hover", alignTip: T, targetRef: l, children: [
     /* @__PURE__ */ i(a.Target, { children: c() }),
     /* @__PURE__ */ i(a.Body, { children: r })

package/components/Stepper/RightBorderArrow.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { R as m } from "../../chunks/RightBorderArrow-COmdqSvG.js";
+import { R as m } from "../../chunks/RightBorderArrow-DphWOCKu.js";
 import "./enums.js";
 export {
   m as RightBorderArrow

package/components/Stepper/Stepper.js

@@ -10,7 +10,7 @@ import { EScreenWidth as J } from "../../helpers/breakpoints.js";
 import { scrollSmoothHorizontally as S } from "../../utils/scroll.js";
 import { c as i } from "../../chunks/vendor-DE8Zvm0w.js";
 import { EStepperSize as a } from "./enums.js";
-const K = "stepper__64a5e6a2", O = "sm__b8e6628a", Q = "md__2cf4207b", T = "lg__52f7c130", U = "stepperCarousel__2595b540", V = "buttonPrev__7ad34e71", Y = "buttonNext__3a4b4cf9", n = {
+const K = "stepper__de5078f9", O = "sm__732472b1", Q = "md__a9efd496", T = "lg__39e3a02d", U = "stepperCarousel__20677f32", V = "buttonPrev__75c54927", Y = "buttonNext__6b5ab1b4", n = {
   stepper: K,
   sm: O,
   md: Q,
@@ -65,8 +65,8 @@ const K = "stepper__64a5e6a2", O = "sm__b8e6628a", Q = "md__2cf4207b", T = "lg__
   }, y = (e, t) => {
     t && S(e, t);
   }, A = (e, t) => {
-    const { left: r, right: o, width: j } = e.getBoundingClientRect(), { left: f, right: N, width: D } = t.getBoundingClientRect(), g = r + j / 2, d = f + D / 2;
-    window.matchMedia(`(max-width: ${J.SM_MAX})`).matches ? y(e, d - g) : g > d ? k(e, t, f - r - 32, f) : g < d && L(e, t, N - o + 32, N);
+    const { left: r, right: o, width: j } = e.getBoundingClientRect(), { left: f, right: N, width: D } = t.getBoundingClientRect(), d = r + j / 2, g = f + D / 2;
+    window.matchMedia(`(max-width: ${J.SM_MAX})`).matches ? y(e, g - d) : d > g ? k(e, t, f - r - 32, f) : d < g && L(e, t, N - o + 32, N);
   };
   return C(() => {
     if (l) {

package/components/Stepper/StepperExtended.js

@@ -4,8 +4,8 @@ import { StepperExtendedContext as i } from "./StepperExtendedContext.js";
 import { StepperWrapper as x } from "./StepperWrapper.js";
 import { StepperStep as f } from "./StepperStep.js";
 import { c as E } from "../../chunks/vendor-DE8Zvm0w.js";
-const h = "stepperExtended__cf1d6c43", u = {
-  stepperExtended: h
+const b = "stepperExtended__29b99bbc", h = {
+  stepperExtended: b
 }, t = ({
   children: r,
   className: p,
@@ -15,7 +15,7 @@ const h = "stepperExtended__cf1d6c43", u = {
   forwardedRef: n,
   ...c
 }) => {
-  const m = E(u.stepperExtended, p), l = (S) => s(S);
+  const m = E(h.stepperExtended, p), l = (S) => s(S);
   return /* @__PURE__ */ e(i.Provider, { value: { onSelectStep: l, selectedId: d, size: o }, children: /* @__PURE__ */ e("ol", { className: m, role: "tablist", ...c, ref: n, children: r }) });
 };
 t.Step = f;

package/components/Stepper/StepperStep.js

@@ -5,7 +5,7 @@ import { isKey as A } from "../../utils/keyboard.js";
 import { StepperExtendedContext as D } from "./StepperExtendedContext.js";
 import { EFocusSource as s } from "../../enums/EFocusSource.js";
 import { c as C } from "../../chunks/vendor-DE8Zvm0w.js";
-import { s as t, R as F } from "../../chunks/RightBorderArrow-COmdqSvG.js";
+import { s as t, R as F } from "../../chunks/RightBorderArrow-DphWOCKu.js";
 import { EStepperSize as h, EStepperStepType as j } from "./enums.js";
 const H = ({
   children: x,
@@ -72,7 +72,7 @@ const H = ({
       ...G,
       ref: P,
       children: [
-        /* @__PURE__ */ I("div", { className: t.content, "data-tx": "0.18.0", children: [
+        /* @__PURE__ */ I("div", { className: t.content, "data-tx": "0.19.0", children: [
           g && U(),
           x
         ] }),

package/components/Stepper/StepperWrapper.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as a } from "../../chunks/vendor-DE8Zvm0w.js";
-const o = "stepperWrapper__04ab84e9", c = {
+const o = "stepperWrapper__68e76071", c = {
   stepperWrapper: o
 }, W = ({ children: p, className: r, ...e }) => {
   const s = a(c.stepperWrapper, r);
-  return /* @__PURE__ */ t("div", { className: s, ...e, "data-tx": "0.18.0", children: p });
+  return /* @__PURE__ */ t("div", { className: s, ...e, "data-tx": "0.19.0", children: p });
 };
 export {
   W as StepperWrapper

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -4,7 +4,7 @@ import { useSuggestContext as F } from "./SuggestContext.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-DeF8AY7t.js";
+import "../../chunks/DropdownListItem-ILfoWhzW.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as I } from "../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as N } from "../Dropdown/mobile/DropdownMobileClose.js";
@@ -20,7 +20,7 @@ import { ETextSize as E, EFontType as H } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import { Text as j } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const k = "suggestDropdownMobileBody__f01a1bdc", z = "suggestDropdownMobileNoOptionsText__21c29f93", g = {
+const k = "suggestDropdownMobileBody__4186dec7", z = "suggestDropdownMobileNoOptionsText__87490040", g = {
   suggestDropdownMobileBody: k,
   suggestDropdownMobileNoOptionsText: z
 }, po = () => {
@@ -30,14 +30,14 @@ const k = "suggestDropdownMobileBody__f01a1bdc", z = "suggestDropdownMobileNoOpt
     inputValue: i,
     placeholder: u,
     noOptionsText: a,
-    loading: b,
+    loading: w,
     clearInputOnFocus: p,
-    dropdownListLoading: f,
-    onSelect: w,
+    dropdownListLoading: b,
+    onSelect: h,
     onFilter: t,
     onScrollEnd: l,
     closeDropdown: d
-  } = F(), h = B(null), D = r(
+  } = F(), D = B(null), f = r(
     (o) => {
       if (l === void 0)
         return;
@@ -58,7 +58,7 @@ const k = "suggestDropdownMobileBody__f01a1bdc", z = "suggestDropdownMobileNoOpt
       O,
       {
         controlButtons: /* @__PURE__ */ c(m, { children: [
-          b && /* @__PURE__ */ e(v, {}),
+          w && /* @__PURE__ */ e(v, {}),
           /* @__PURE__ */ e(N, { onClick: M })
         ] }),
         children: /* @__PURE__ */ e(
@@ -73,7 +73,7 @@ const k = "suggestDropdownMobileBody__f01a1bdc", z = "suggestDropdownMobileNoOpt
         )
       }
     ),
-    /* @__PURE__ */ e(I, { className: g.suggestDropdownMobileBody, onScroll: D, children: s.length === 0 ? /* @__PURE__ */ e(
+    /* @__PURE__ */ e(I, { className: g.suggestDropdownMobileBody, onScroll: f, children: s.length === 0 ? /* @__PURE__ */ e(
       j,
       {
         className: g.suggestDropdownMobileNoOptionsText,
@@ -82,13 +82,13 @@ const k = "suggestDropdownMobileBody__f01a1bdc", z = "suggestDropdownMobileNoOpt
         tag: "div",
         children: a
       }
-    ) : /* @__PURE__ */ e(R, { loading: f, ref: h, children: s.map((o) => /* @__PURE__ */ e(
+    ) : /* @__PURE__ */ e(R, { loading: b, ref: D, children: s.map((o) => /* @__PURE__ */ e(
       _,
       {
         id: o.id,
         selected: o.id === (n == null ? void 0 : n.id),
         onSelect: () => {
-          w(o);
+          h(o);
         },
         children: o.content || o.label
       },

package/components/SuggestField/SuggestField.js

@@ -2,7 +2,7 @@ import "./desktop/SuggestFieldDesktopDropdown.js";
 import { SuggestFieldDesktop as S } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile as b } from "./mobile/SuggestFieldMobile.js";
 import "./mobile/SuggestFieldMobileDropdown.js";
-import "../../chunks/SuggestFieldMobileDropdownHint-DeExagGp.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-BrJJVBqL.js";
 import { jsx as o } from "react/jsx-runtime";
 import { MobileView as I } from "../MobileView/MobileView.js";
 import "../FormField/FormField.js";
@@ -11,7 +11,7 @@ import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import { F as O } from "../../chunks/FormFieldInput-QoI3Qmcf.js";
+import { F as O } from "../../chunks/FormFieldInput-ClOpQErr.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -11,7 +11,7 @@ import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldLabel.js";
 import { FormFieldClear as ft } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldTarget.js";
-import { F as gt } from "../../../chunks/FormFieldInput-QoI3Qmcf.js";
+import { F as gt } from "../../../chunks/FormFieldInput-ClOpQErr.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
 import "../../FormField/components/FormFieldPrefix.js";
@@ -23,7 +23,7 @@ import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DropdownListContext as bt } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-DeF8AY7t.js";
+import "../../../chunks/DropdownListItem-ILfoWhzW.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as $ } from "../../Dropdown/desktop/DropdownList.js";
-import { D as h } from "../../../chunks/DropdownListItem-DeF8AY7t.js";
+import { D as h } from "../../../chunks/DropdownListItem-ILfoWhzW.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SuggestField/index.js

@@ -2,7 +2,7 @@ import { SuggestFieldDesktopDropdown as r } from "./desktop/SuggestFieldDesktopD
 import { SuggestFieldDesktop as g } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile as i } from "./mobile/SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown as l } from "./mobile/SuggestFieldMobileDropdown.js";
-import { S } from "../../chunks/SuggestFieldMobileDropdownHint-DeExagGp.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-BrJJVBqL.js";
 import { SuggestField as m } from "./SuggestField.js";
 export {
   m as SuggestField,

package/components/SuggestField/mobile/SuggestFieldMobile.js

@@ -10,7 +10,7 @@ import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldLabel.js";
 import { FormFieldClear as y } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldTarget.js";
-import { F as A } from "../../../chunks/FormFieldInput-QoI3Qmcf.js";
+import { F as A } from "../../../chunks/FormFieldInput-ClOpQErr.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
 import "../../FormField/components/FormFieldPrefix.js";
@@ -18,7 +18,7 @@ import "../../FormField/components/FormFieldTextarea.js";
 import { LoaderSmall as G } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as N } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import "../../../chunks/SuggestFieldMobileDropdownHint-DeExagGp.js";
+import "../../../chunks/SuggestFieldMobileDropdownHint-BrJJVBqL.js";
 const no = ({
   value: r,
   options: x,