@sberbusiness/triplex-next 1.6.1 → 1.8.0

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

@@ -1,4 +1,4 @@
-import { jsxs as I, Fragment as B, jsx as f } 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 { a as ie, l as k, c as ne } from "../../../../chunks/vendor-D3hUOusX.js";
 import { SliderExtendedUtils as o } from "../../SliderExtendedUtils.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__b815cf3e", xe = "focusedByClick__2cc57ee2", he = "disabled__86cbeeda", ge = "dragByMouse__0866a5d0", De = "lg__30d07955", i = {
+const pe = "sliderExtendedDot__505edd49", xe = "focusedByClick__79c300dd", he = "disabled__1dce7f7e", ge = "dragByMouse__3d7e12b1", De = "lg__5c759d7d", i = {
   sliderExtendedDot: pe,
   focusedByClick: xe,
   disabled: he,
@@ -92,17 +92,17 @@ const pe = "sliderExtendedDot__b815cf3e", xe = "focusedByClick__2cc57ee2", he =
     }
   }, 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);
+  }, I = () => z.filter((e) => e.id === l)[0], te = (e) => {
+    e.preventDefault(), O.moveToPrevStep(I(), s);
   }, oe = (e) => {
-    e.preventDefault(), O.moveToNextStep(b(), 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: [
+  return /* @__PURE__ */ b(B, { children: [
+    W && /* @__PURE__ */ b(B, { children: [
       /* @__PURE__ */ f(
         F,
         {

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-D3hUOusX.js";
-import { s as e } from "../../../../chunks/SliderExtendedMarks.module-D1DTVGpV.js";
+import { s as e } from "../../../../chunks/SliderExtendedMarks.module-DwPWr28H.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-D3hUOusX.js";
-import { s as a } from "../../../../chunks/SliderExtendedMarks.module-D1DTVGpV.js";
+import { s as a } from "../../../../chunks/SliderExtendedMarks.module-DwPWr28H.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-D3hUOusX.js";
-import { S as d } from "../../../chunks/SliderExtendedRail-Ck23Ui6E.js";
+import { S as d } from "../../../chunks/SliderExtendedRail-DCMgHGfh.js";
 export {
   d as SliderExtendedRail
 };

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

@@ -3,28 +3,28 @@ import r from "react";
 import { SliderExtendedContext as _ } from "../../SliderExtendedContext.js";
 import { c as e } from "../../../../chunks/vendor-D3hUOusX.js";
 import { createSizeToClassNameMap as v } from "../../../../utils/classNameMaps.js";
-const E = "sliderExtendedTooltipOverlay__88cc5b92", C = "lg__30d07955", N = "tooltipBody__7f72ebab", O = "tooltipTip__85353a8d", t = {
+const E = "sliderExtendedTooltipOverlay__66a78ae6", C = "lg__5c759d7d", N = "tooltipBody__2c4a85ca", O = "tooltipTip__a639cacb", t = {
   sliderExtendedTooltipOverlay: E,
   lg: C,
   tooltipBody: N,
   tooltipTip: O
-}, h = v(t), R = ({
+}, h = v(t), W = ({
   value: i,
   children: d,
   ...c
 }) => {
-  const o = r.useRef(null), { min: l, max: p, size: a } = r.useContext(_), m = () => {
+  const o = r.useRef(null), { min: l, max: a, size: p } = 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, u = (i - l) / (p - l);
+    const f = 8, x = 16, T = ((s = o.current) == null ? void 0 : s.clientWidth) || 0, u = (i - l) / (a - l);
     return (T / 2 - f - x) * (1 - 2 * u);
   };
   return /* @__PURE__ */ y(
     "div",
     {
       ref: o,
-      className: e(t.sliderExtendedTooltipOverlay, h[a]),
+      className: e(t.sliderExtendedTooltipOverlay, h[p]),
       ...c,
       children: [
         /* @__PURE__ */ n("div", { className: e(t.tooltipBody), style: { left: `${m()}px` }, children: d }),
@@ -34,6 +34,6 @@ const E = "sliderExtendedTooltipOverlay__88cc5b92", C = "lg__30d07955", N = "too
   );
 };
 export {
-  R as SliderExtendedTooltip
+  W as SliderExtendedTooltip
 };
 //# sourceMappingURL=SliderExtendedTooltip.js.map

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

@@ -8,7 +8,7 @@ import { SliderExtendedTrackActions as d } 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__0a907c89", ue = "lg__30d07955", fe = "focusedByClick__2cc57ee2", me = "hoverOrDragByMouse__c2dd13b0", he = "staticSlider__a06cde00", ge = "disabled__86cbeeda", o = {
+const ne = "sliderExtendedTrack__82dc2082", ue = "lg__5c759d7d", fe = "focusedByClick__79c300dd", me = "hoverOrDragByMouse__971c97a0", he = "staticSlider__5cfa81e8", ge = "disabled__1dce7f7e", o = {
   sliderExtendedTrack: ne,
   lg: ue,
   focusedByClick: fe,

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-D3hUOusX.js";
-const o = "smallInput__cf4acea6", e = {
+const o = "smallInput__861b5591", 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";
+}, e = m.forwardRef(({ className: t, ...l }, s) => /* @__PURE__ */ a("input", { className: p(n.smallInput, t), ...l, type: "text", ref: s }));
+e.displayName = "SmallInput";
 export {
-  n as SmallInput
+  e 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";
@@ -10,7 +10,7 @@ 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 { a as j, c as _ } from "../../chunks/vendor-D3hUOusX.js";
-const y = "spoiler__f3c82f5c", D = "opened__51fd3a27", q = "caretIcon__bc0db52b", A = "head__e3cdd808", G = "content__22568814", H = "hidden__722db7e7", K = "lg__83e6069a", $ = "md__1d06b709", F = "sm__7138d6b0", e = {
+const y = "spoiler__ea2279d8", D = "opened__bcf61799", q = "caretIcon__5a1f1eb0", A = "head__426fdec5", G = "content__9b3bd652", H = "hidden__0e3af2b8", K = "lg__90a55ed1", $ = "md__22afe9b0", F = "sm__3c38f288", e = {
   spoiler: y,
   opened: D,
   caretIcon: q,
@@ -21,15 +21,15 @@ const y = "spoiler__f3c82f5c", D = "opened__51fd3a27", q = "caretIcon__bc0db52b"
   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 })
+  [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,
@@ -38,8 +38,8 @@ const y = "spoiler__f3c82f5c", D = "opened__51fd3a27", q = "caretIcon__bc0db52b"
     ...b
   } = f, d = c !== void 0, [C, v] = T(c), t = d ? c : C, 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 ? a == null || a(i) : v(i), o == null || o(i);
+  }, [d, a, t, o]), k = _(
     e.spoiler,
     O[r],
     {
@@ -47,7 +47,7 @@ const y = "spoiler__f3c82f5c", D = "opened__51fd3a27", q = "caretIcon__bc0db52b"
     },
     x
   );
-  return /* @__PURE__ */ l("div", { ...b, className: k, "data-tx": "1.6.1", ref: h, children: [
+  return /* @__PURE__ */ l("div", { ...b, className: k, "data-tx": "1.8.0", ref: h, children: [
     /* @__PURE__ */ l("div", { className: e.head, children: [
       /* @__PURE__ */ l(
         L,
@@ -65,7 +65,7 @@ const y = "spoiler__f3c82f5c", D = "opened__51fd3a27", q = "caretIcon__bc0db52b"
       ),
       N
     ] }),
-    /* @__PURE__ */ a("div", { id: m.current, className: _(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-D3hUOusX.js";
-import { s as r } from "../../chunks/StatusTracker.module-D1-siBfk.js";
+import { s as r } from "../../chunks/StatusTracker.module-8ARjpbBi.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.6.1",
+        "data-tx": "1.8.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-D3hUOusX.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-D1-siBfk.js";
+import { s as p } from "../../../chunks/StatusTracker.module-8ARjpbBi.js";
 import "../../Typography/Title.js";
 import { Text as c } from "../../Typography/Text.js";
 import "../../Typography/Caption.js";

package/components/StatusTracker/components/StatusTrackerBody.js

@@ -3,7 +3,7 @@ import e from "react";
 import { c as m } from "../../../chunks/vendor-D3hUOusX.js";
 import { StatusTrackerStatus as c } from "./StatusTrackerStatus.js";
 import { StatusTrackerAlert as i } from "./StatusTrackerAlert.js";
-import { s as u } from "../../../chunks/StatusTracker.module-D1-siBfk.js";
+import { s as u } from "../../../chunks/StatusTracker.module-8ARjpbBi.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 m } from "react/jsx-runtime";
 import { c as a } from "../../../chunks/vendor-D3hUOusX.js";
-import { s as c } from "../../../chunks/StatusTracker.module-D1-siBfk.js";
+import { s as c } from "../../../chunks/StatusTracker.module-8ARjpbBi.js";
 import { Button as e } from "../../Button/Button.js";
 import "../../Button/ButtonBase.js";
 import "../../Button/ButtonIcon.js";

package/components/StatusTracker/components/StatusTrackerDescription.js

@@ -4,7 +4,7 @@ import "../../Typography/Title.js";
 import { Text as m } from "../../Typography/Text.js";
 import "../../Typography/Caption.js";
 import { ETextSize as p, EFontType as c } from "../../Typography/enums.js";
-import { s as a } from "../../../chunks/StatusTracker.module-D1-siBfk.js";
+import { s as a } from "../../../chunks/StatusTracker.module-8ARjpbBi.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-D3hUOusX.js";
-import { s as r } from "../../../chunks/StatusTracker.module-D1-siBfk.js";
+import { s as r } from "../../../chunks/StatusTracker.module-8ARjpbBi.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-D3hUOusX.js";
 import { StatusTrackerDescription as m } from "./StatusTrackerDescription.js";
 import { StatusTrackerTitle as c } from "./StatusTrackerTitle.js";
 import { StatusTrackerSum as u } from "./StatusTrackerSum.js";
-import { s as f } from "../../../chunks/StatusTracker.module-D1-siBfk.js";
+import { s as f } from "../../../chunks/StatusTracker.module-8ARjpbBi.js";
 const p = Object.assign(
   o.forwardRef(function({ children: r, className: t, ...a }, e) {
     return /* @__PURE__ */ s("div", { className: i(f.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-D3hUOusX.js";
-import { s as o } from "../../../chunks/StatusTracker.module-D1-siBfk.js";
+import { s as o } from "../../../chunks/StatusTracker.module-8ARjpbBi.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-D3hUOusX.js";
-import { s as m } from "../../../chunks/StatusTracker.module-D1-siBfk.js";
+import { s as m } from "../../../chunks/StatusTracker.module-8ARjpbBi.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/Text.js";
 import "../../Typography/Caption.js";
 import { ETitleSize as a, EFontWeightTitle as p } from "../../Typography/enums.js";
 import { Amount as c } from "../../Amount/Amount.js";
-import { s as l } from "../../../chunks/StatusTracker.module-D1-siBfk.js";
+import { s as l } from "../../../chunks/StatusTracker.module-8ARjpbBi.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 { Title as m } from "../../Typography/Title.js";
 import "../../Typography/Text.js";
 import "../../Typography/Caption.js";
 import { ETitleSize as a, EFontWeightTitle as l } from "../../Typography/enums.js";
-import { s as c } from "../../../chunks/StatusTracker.module-D1-siBfk.js";
+import { s as c } from "../../../chunks/StatusTracker.module-8ARjpbBi.js";
 const g = (t) => {
   const { children: r, className: e, ...s } = t;
   return /* @__PURE__ */ i(

package/components/Step/Step.js

@@ -6,12 +6,12 @@ import { Tooltip as a } from "../Tooltip/Tooltip.js";
 import "../Typography/Title.js";
 import { Text as S } from "../Typography/Text.js";
 import "../Typography/Caption.js";
-import { EFontWeightText as D, ETextSize as N } from "../Typography/enums.js";
-import { c as A } from "../../chunks/vendor-D3hUOusX.js";
-const R = "step__897a18f9", b = "done__5b10b25f", x = "warning__dd241ddf", h = "active__d4168570", v = "error__669a4d5b", w = "disabled__af711242", t = {
-  step: R,
-  default: "default__46a63aff",
-  done: b,
+import { EFontWeightText as b, ETextSize as D } from "../Typography/enums.js";
+import { c as N } from "../../chunks/vendor-D3hUOusX.js";
+const A = "step__b0d56126", R = "done__be120d99", x = "warning__eccb93bd", h = "active__61cae471", v = "error__c919d448", w = "disabled__599166be", t = {
+  step: A,
+  default: "default__90d1882a",
+  done: R,
   warning: x,
   active: h,
   error: v,
@@ -30,16 +30,16 @@ const R = "step__897a18f9", b = "done__5b10b25f", x = "warning__dd241ddf", h = "
 }, G = (r, s) => s === 0 ? e.XFirst : s + 1 === r ? e.XLast : e.Default, z = ({
   children: r,
   className: s,
-  step: c,
+  step: p,
   status: d,
-  position: f = e.Default,
-  ...m
+  position: m = e.Default,
+  ...f
 }) => {
-  const l = u(null), T = y[f], E = A(t.step, L[d], s), p = () => /* @__PURE__ */ i("div", { ref: l, className: E, ...m, children: /* @__PURE__ */ i(S, { size: N.B1, weight: D.SEMIBOLD, children: c }) });
+  const l = u(null), T = y[m], E = N(t.step, L[d], s), c = () => /* @__PURE__ */ i("div", { ref: l, className: E, ...f, children: /* @__PURE__ */ i(S, { size: D.B1, weight: b.SEMIBOLD, children: p }) });
   return r ? /* @__PURE__ */ g(a, { size: _.SM, toggleType: "hover", alignTip: T, targetRef: l, children: [
-    /* @__PURE__ */ i(a.Target, { children: p() }),
+    /* @__PURE__ */ i(a.Target, { children: c() }),
     /* @__PURE__ */ i(a.Body, { children: r })
-  ] }) : p();
+  ] }) : c();
 };
 z.displayName = "Step";
 export {

package/components/Stepper/RightBorderArrow.js

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

package/components/Stepper/Stepper.js

@@ -7,10 +7,10 @@ import { CarouselExtended as $ } from "../CarouselExtended/CarouselExtended.js";
 import { ButtonIcon as R } from "../Button/ButtonIcon.js";
 import { CaretrightStrokeSrvIcon24 as q, CaretleftStrokeSrvIcon24 as F } from "@sberbusiness/icons-next";
 import { EScreenWidth as J } from "../../helpers/breakpoints.js";
-import { scrollSmoothHorizontally as d } from "../../utils/scroll.js";
+import { scrollSmoothHorizontally as S } from "../../utils/scroll.js";
 import { c as i } from "../../chunks/vendor-D3hUOusX.js";
 import { EStepperSize as a } from "./enums.js";
-const K = "stepper__be37962b", O = "sm__a66b3e2e", Q = "md__0c0bc3a7", T = "lg__86b3febb", U = "stepperCarousel__c6b7cc20", V = "buttonPrev__84b09cbc", Y = "buttonNext__aff91758", n = {
+const K = "stepper__db7ae7ee", O = "sm__c539d524", Q = "md__3b40a16f", T = "lg__a9912fc3", U = "stepperCarousel__4e4da501", V = "buttonPrev__46ad1d93", Y = "buttonNext__d5aad45a", n = {
   stepper: K,
   sm: O,
   md: Q,
@@ -29,12 +29,12 @@ const K = "stepper__be37962b", O = "sm__a66b3e2e", Q = "md__0c0bc3a7", T = "lg__
   }
 }, P = ({
   className: m,
-  steps: S,
+  steps: h,
   size: c = a.SM,
   selectedStepId: l,
   ...E
 }) => {
-  const [h, w] = G({ stepNext: 0, stepPrev: 0 }), u = v(null), x = v({}), B = i(n.stepper, p(c), m), M = S.findIndex((e) => e.id === l), I = ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ s(
+  const [x, w] = G({ stepNext: 0, stepPrev: 0 }), u = v(null), b = v({}), B = i(n.stepper, p(c), m), M = h.findIndex((e) => e.id === l), I = ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ s(
     R,
     {
       className: i(n.buttonPrev, p(c)),
@@ -59,18 +59,18 @@ const K = "stepper__be37962b", O = "sm__a66b3e2e", Q = "md__0c0bc3a7", T = "lg__
     }
   }, []);
   const L = (e, t, r, o) => {
-    r > 0 && (t.nextElementSibling && (r -= o - t.nextElementSibling.getBoundingClientRect().right), d(e, Math.ceil(r)));
+    r > 0 && (t.nextElementSibling && (r -= o - t.nextElementSibling.getBoundingClientRect().right), S(e, Math.ceil(r)));
   }, k = (e, t, r, o) => {
-    r < 0 && (t.previousElementSibling && (r -= o - t.previousElementSibling.getBoundingClientRect().left), d(e, Math.floor(r)));
+    r < 0 && (t.previousElementSibling && (r -= o - t.previousElementSibling.getBoundingClientRect().left), S(e, Math.floor(r)));
   }, y = (e, t) => {
-    t && d(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, b = f + D / 2;
-    window.matchMedia(`(max-width: ${J.SM_MAX})`).matches ? y(e, b - g) : g > b ? k(e, t, f - r - 32, f) : g < b && 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) {
-      const { current: e } = u, t = x.current[l];
+      const { current: e } = u, t = b.current[l];
       e && t && A(e, t);
     }
   }, [l]), /* @__PURE__ */ s(
@@ -79,13 +79,13 @@ const K = "stepper__be37962b", O = "sm__a66b3e2e", Q = "md__0c0bc3a7", T = "lg__
       className: i(n.stepperCarousel, p(c)),
       buttonPrev: I,
       buttonNext: W,
-      stepPrev: h.stepPrev,
-      stepNext: h.stepNext,
+      stepPrev: x.stepPrev,
+      stepNext: x.stepNext,
       ref: u,
-      children: /* @__PURE__ */ s(_, { className: B, selectedStepId: l, size: c, ...E, children: S.map(({ label: e, ...t }, r) => /* @__PURE__ */ s(
+      children: /* @__PURE__ */ s(_, { className: B, selectedStepId: l, size: c, ...E, children: h.map(({ label: e, ...t }, r) => /* @__PURE__ */ s(
         _.Step,
         {
-          forwardedRef: (o) => x.current[t.id] = o,
+          forwardedRef: (o) => b.current[t.id] = o,
           ...t,
           isInActiveStep: r > M,
           children: e

package/components/Stepper/StepperExtended.js

@@ -4,7 +4,7 @@ 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-D3hUOusX.js";
-const b = "stepperExtended__f46b5a86", h = {
+const b = "stepperExtended__9dfb025d", h = {
   stepperExtended: b
 }, t = ({
   children: r,

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-D3hUOusX.js";
-import { s as t, R as F } from "../../chunks/RightBorderArrow-esMRIv7g.js";
+import { s as t, R as F } from "../../chunks/RightBorderArrow-BsoQkq2D.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": "1.6.1", children: [
+        /* @__PURE__ */ I("div", { className: t.content, "data-tx": "1.8.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-D3hUOusX.js";
-const o = "stepperWrapper__50678d8b", c = {
+const o = "stepperWrapper__7e417b75", c = {
   stepperWrapper: o
 }, W = ({ children: p, className: r, ...e }) => {
   const s = a(c.stepperWrapper, r);
-  return /* @__PURE__ */ t("div", { className: s, ...e, "data-tx": "1.6.1", children: p });
+  return /* @__PURE__ */ t("div", { className: s, ...e, "data-tx": "1.8.0", children: p });
 };
 export {
   W as StepperWrapper

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -1,11 +1,11 @@
-import { jsxs as c, Fragment as S, jsx as e } from "react/jsx-runtime";
+import { jsxs as c, Fragment as m, jsx as e } from "react/jsx-runtime";
 import { useRef as B, useCallback as r } from "react";
 import { useSuggestContext as F } from "./SuggestContext.js";
 import "../Dropdown/Dropdown.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-PbfrmOZJ.js";
+import "../../chunks/DropdownListItem-BcXHt5bk.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 "../Typography/Title.js";
 import { Text as E } from "../Typography/Text.js";
 import "../Typography/Caption.js";
 import { ETextSize as H, EFontType as j } from "../Typography/enums.js";
-const k = "suggestDropdownMobileBody__ba452620", z = "suggestDropdownMobileNoOptionsText__df81e82a", m = {
+const k = "suggestDropdownMobileBody__ede2130c", z = "suggestDropdownMobileNoOptionsText__1e97d7c5", g = {
   suggestDropdownMobileBody: k,
   suggestDropdownMobileNoOptionsText: z
 }, po = () => {
@@ -28,61 +28,67 @@ const k = "suggestDropdownMobileBody__ba452620", z = "suggestDropdownMobileNoOpt
     value: n,
     options: s,
     inputValue: i,
-    placeholder: g,
-    noOptionsText: u,
-    loading: a,
-    clearInputOnFocus: p,
+    placeholder: u,
+    noOptionsText: a,
+    loading: w,
+    clearInputOnFocus: d,
     dropdownListLoading: b,
-    onSelect: w,
+    onSelect: h,
     onFilter: t,
     onScrollEnd: l,
-    closeDropdown: d
-  } = F(), f = B(null), D = r(
+    closeDropdown: p
+  } = F(), D = B(null), f = r(
     (o) => {
       if (l === void 0)
         return;
-      const { clientHeight: T, scrollHeight: y, scrollTop: C } = o.target;
-      y - C === T && l();
+      const { clientHeight: y, scrollHeight: C, scrollTop: S } = o.target;
+      C - S === y && l();
     },
     [l]
-  ), h = r(() => d(), [d]), M = r(
+  ), M = r(() => p(), [p]), x = r(
     (o) => {
       t(o.target.value);
     },
     [t]
-  ), x = r(() => {
-    i.length !== 0 && p === !0 && t("");
-  }, [i.length, p, t]);
-  return /* @__PURE__ */ c(S, { children: [
-    /* @__PURE__ */ c(O, { closeButton: () => /* @__PURE__ */ e(N, { onClick: h }), children: [
-      /* @__PURE__ */ e(
-        L,
-        {
-          value: i,
-          placeholder: g,
-          autoFocus: !0,
-          onFocus: x,
-          onChange: M
-        }
-      ),
-      a && /* @__PURE__ */ e(v, {})
-    ] }),
-    /* @__PURE__ */ e(I, { className: m.suggestDropdownMobileBody, onScroll: D, children: s.length === 0 ? /* @__PURE__ */ e(
+  ), T = r(() => {
+    i.length !== 0 && d === !0 && t("");
+  }, [i.length, d, t]);
+  return /* @__PURE__ */ c(m, { children: [
+    /* @__PURE__ */ e(
+      O,
+      {
+        controlButtons: /* @__PURE__ */ c(m, { children: [
+          w && /* @__PURE__ */ e(v, {}),
+          /* @__PURE__ */ e(N, { onClick: M })
+        ] }),
+        children: /* @__PURE__ */ e(
+          L,
+          {
+            value: i,
+            placeholder: u,
+            autoFocus: !0,
+            onFocus: T,
+            onChange: x
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(I, { className: g.suggestDropdownMobileBody, onScroll: f, children: s.length === 0 ? /* @__PURE__ */ e(
       E,
       {
-        className: m.suggestDropdownMobileNoOptionsText,
+        className: g.suggestDropdownMobileNoOptionsText,
         type: j.PRIMARY,
         size: H.B2,
         tag: "div",
-        children: u
+        children: a
       }
-    ) : /* @__PURE__ */ e(R, { loading: b, ref: f, 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 L } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile as O } from "./mobile/SuggestFieldMobile.js";
 import "./mobile/SuggestFieldMobileDropdown.js";
-import "../../chunks/SuggestFieldMobileDropdownHint-CpoZIQ7a.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-BEzPFmOF.js";
 import "./mobile/SuggestFieldMobileTarget.js";
 import { jsx as e } from "react/jsx-runtime";
 import { MobileView as h } from "../MobileView/MobileView.js";