@sberbusiness/triplex-next 1.4.0 → 1.6.0

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 s } from "../../enums/EComponentSize.js";
+import { EComponentSize as c } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as g } from "../../utils/classNameMaps.js";
-import { a as j, c as _ } from "../../chunks/vendor-Ba_pyhza.js";
-const y = "spoiler__15264a2f", D = "opened__998aeaab", q = "caretIcon__c89287da", A = "head__6a3545b7", G = "content__c476f938", H = "hidden__51c75bb2", K = "lg__bfc6869e", $ = "md__d78a8e08", F = "sm__d9e2b027", e = {
+import { a as j, c as _ } from "../../chunks/vendor-D3hUOusX.js";
+const y = "spoiler__6e9b34c5", D = "opened__1427fb29", q = "caretIcon__95cb16db", A = "head__a413cc4e", G = "content__c2c57ffd", H = "hidden__60eddba0", K = "lg__4fed43d5", $ = "md__883c503e", F = "sm__c3e9880e", e = {
   spoiler: y,
   opened: D,
   caretIcon: q,
@@ -21,25 +21,25 @@ const y = "spoiler__15264a2f", D = "opened__998aeaab", q = "caretIcon__c89287da"
   md: $,
   sm: F
 }, J = {
-  [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 })
+  [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((f, h) => {
   const {
     children: I,
-    expanded: c,
+    expanded: s,
     onToggle: o,
-    toggle: a,
+    toggle: n,
     className: x,
     labelExpand: S,
     labelCollapse: u,
     rightBlock: N,
-    size: r = s.MD,
+    size: r = c.MD,
     ...b
-  } = f, d = c !== void 0, [C, v] = T(c), t = d ? c : C, m = E(`Spoiler-${j()}`), M = w(() => {
+  } = f, d = s !== void 0, [C, v] = T(s), t = d ? s : 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__15264a2f", D = "opened__998aeaab", q = "caretIcon__c89287da"
     },
     x
   );
-  return /* @__PURE__ */ l("div", { ...b, className: k, "data-tx": "1.4.0", ref: h, children: [
+  return /* @__PURE__ */ l("div", { ...b, className: k, "data-tx": "1.6.0", ref: h, children: [
     /* @__PURE__ */ l("div", { className: e.head, children: [
       /* @__PURE__ */ l(
         L,
@@ -65,7 +65,7 @@ const y = "spoiler__15264a2f", D = "opened__998aeaab", q = "caretIcon__c89287da"
       ),
       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,21 +1,21 @@
 import { jsxs as n, jsx as s } from "react/jsx-runtime";
 import p from "react";
-import { c as a } from "../../chunks/vendor-Ba_pyhza.js";
-import { s as r } from "../../chunks/StatusTracker.module-zTyojoH4.js";
-import { EStatusTrackerType as t, EVerticalAlign as o } from "./enums.js";
+import { c as a } from "../../chunks/vendor-D3hUOusX.js";
+import { s as r } from "../../chunks/StatusTracker.module-BVzGbfDD.js";
+import { EStatusTrackerType as t, EStatusTrackerVerticalAlign as o } from "./enums.js";
 import { StatusTrackerMedia as u } from "./components/StatusTrackerMedia.js";
-import { StatusTrackerHeader as f } from "./components/StatusTrackerHeader.js";
-import { StatusTrackerBody as k } from "./components/StatusTrackerBody.js";
+import { StatusTrackerHeader as k } from "./components/StatusTrackerHeader.js";
+import { StatusTrackerBody as f } from "./components/StatusTrackerBody.js";
 import { StatusTrackerFooter as N } from "./components/StatusTrackerFooter.js";
 const c = {
   [t.REJECTED]: r.rejected,
   [t.WAITING]: r.waiting,
   [t.WARNING]: r.warning,
   [t.APPROVED]: r.approved
-}, g = {
+}, S = {
   [o.MIDDLE]: r.verticalAlignMiddle,
   [o.BOTTOM]: r.verticalAlignBottom
-}, v = Object.assign(
+}, g = Object.assign(
   p.forwardRef(function({ children: i, className: m, type: e, verticalAlign: l = o.TOP, ...d }, T) {
     return /* @__PURE__ */ n(
       "div",
@@ -23,23 +23,23 @@ const c = {
         className: a(r.statusTrackerWrapper, m),
         ...d,
         ref: T,
-        "data-tx": "1.4.0",
+        "data-tx": "1.6.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, g[l]), children: i })
+          /* @__PURE__ */ s("div", { className: a(r.statusTracker, S[l]), children: i })
         ]
       }
     );
   }),
   {
     Media: u,
-    Header: f,
-    Body: k,
+    Header: k,
+    Body: f,
     Footer: N
   }
 );
-v.displayName = "StatusTracker";
+g.displayName = "StatusTracker";
 export {
-  v as StatusTracker
+  g as StatusTracker
 };
 //# sourceMappingURL=StatusTracker.js.map

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-Ba_pyhza.js";
+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-zTyojoH4.js";
+import { s as p } from "../../../chunks/StatusTracker.module-BVzGbfDD.js";
 import "../../Typography/Title.js";
 import { Text as c } from "../../Typography/Text.js";
 import "../../Typography/Caption.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-Ba_pyhza.js";
+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-zTyojoH4.js";
+import { s as u } from "../../../chunks/StatusTracker.module-BVzGbfDD.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-Ba_pyhza.js";
-import { s as c } from "../../../chunks/StatusTracker.module-zTyojoH4.js";
+import { c as a } from "../../../chunks/vendor-D3hUOusX.js";
+import { s as c } from "../../../chunks/StatusTracker.module-BVzGbfDD.js";
 import { Button as e } from "../../Button/Button.js";
 import "../../Button/ButtonBase.js";
 import "../../Button/ButtonIcon.js";

package/components/StatusTracker/components/StatusTrackerDescription.js

@@ -1,10 +1,10 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-Ba_pyhza.js";
+import { c as i } from "../../../chunks/vendor-D3hUOusX.js";
 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-zTyojoH4.js";
+import { s as a } from "../../../chunks/StatusTracker.module-BVzGbfDD.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-Ba_pyhza.js";
-import { s as r } from "../../../chunks/StatusTracker.module-zTyojoH4.js";
+import { c as i } from "../../../chunks/vendor-D3hUOusX.js";
+import { s as r } from "../../../chunks/StatusTracker.module-BVzGbfDD.js";
 import { StatusTrackerDescription as m } from "./StatusTrackerDescription.js";
 import { StatusTrackerButton as p } from "./StatusTrackerButton.js";
 const u = Object.assign(

package/components/StatusTracker/components/StatusTrackerHeader.js

@@ -1,10 +1,10 @@
 import { jsx as s } from "react/jsx-runtime";
 import o from "react";
-import { c as i } from "../../../chunks/vendor-Ba_pyhza.js";
+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-zTyojoH4.js";
+import { s as f } from "../../../chunks/StatusTracker.module-BVzGbfDD.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-Ba_pyhza.js";
-import { s as o } from "../../../chunks/StatusTracker.module-zTyojoH4.js";
+import { c } from "../../../chunks/vendor-D3hUOusX.js";
+import { s as o } from "../../../chunks/StatusTracker.module-BVzGbfDD.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-Ba_pyhza.js";
-import { s as m } from "../../../chunks/StatusTracker.module-zTyojoH4.js";
+import { c as e } from "../../../chunks/vendor-D3hUOusX.js";
+import { s as m } from "../../../chunks/StatusTracker.module-BVzGbfDD.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

@@ -1,11 +1,11 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-Ba_pyhza.js";
+import { c as e } from "../../../chunks/vendor-D3hUOusX.js";
 import { Title as i } from "../../Typography/Title.js";
 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-zTyojoH4.js";
+import { s as l } from "../../../chunks/StatusTracker.module-BVzGbfDD.js";
 const g = (r) => {
   const { className: o, amountProps: m, ...s } = r;
   return /* @__PURE__ */ t(

package/components/StatusTracker/components/StatusTrackerTitle.js

@@ -1,10 +1,10 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as o } from "../../../chunks/vendor-Ba_pyhza.js";
+import { c as o } from "../../../chunks/vendor-D3hUOusX.js";
 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-zTyojoH4.js";
+import { s as c } from "../../../chunks/StatusTracker.module-BVzGbfDD.js";
 const g = (t) => {
   const { children: r, className: e, ...s } = t;
   return /* @__PURE__ */ i(

package/components/StatusTracker/enums.js

@@ -1,6 +1,6 @@
 var o = /* @__PURE__ */ ((d) => (d.DRAFT = "draft", d.WAITING = "waiting", d.WARNING = "warning", d.REJECTED = "rejected", d.APPROVED = "approved", d))(o || {}), D = /* @__PURE__ */ ((d) => (d.TOP = "top", d.MIDDLE = "middle", d.BOTTOM = "bottom", d))(D || {});
 export {
   o as EStatusTrackerType,
-  D as EVerticalAlign
+  D as EStatusTrackerVerticalAlign
 };
 //# sourceMappingURL=enums.js.map

package/components/StatusTracker/index.js

@@ -1,5 +1,8 @@
 import { StatusTracker as a } from "./StatusTracker.js";
+import { EStatusTrackerType as c, EStatusTrackerVerticalAlign as o } from "./enums.js";
 export {
+  c as EStatusTrackerType,
+  o as EStatusTrackerVerticalAlign,
   a as StatusTracker
 };
 //# sourceMappingURL=index.js.map

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 b, ETextSize as D } from "../Typography/enums.js";
-import { c as N } from "../../chunks/vendor-Ba_pyhza.js";
-const A = "step__8a2b79f6", R = "done__3fc8c503", x = "warning__d6aeb6f5", h = "active__245ca4e0", v = "error__bb1871d9", w = "disabled__cb7d7874", t = {
-  step: A,
-  default: "default__979f8e3a",
-  done: R,
+import { EFontWeightText as D, ETextSize as N } from "../Typography/enums.js";
+import { c as A } from "../../chunks/vendor-D3hUOusX.js";
+const R = "step__b4ae0489", b = "done__43b7b8e1", x = "warning__7dd91455", h = "active__20f69ca9", v = "error__fd56517d", w = "disabled__ee151458", t = {
+  step: R,
+  default: "default__efa8a56e",
+  done: b,
   warning: x,
   active: h,
   error: v,
@@ -30,16 +30,16 @@ const A = "step__8a2b79f6", R = "done__3fc8c503", x = "warning__d6aeb6f5", h = "
 }, G = (r, s) => s === 0 ? e.XFirst : s + 1 === r ? e.XLast : e.Default, z = ({
   children: r,
   className: s,
-  step: p,
+  step: c,
   status: d,
   position: f = e.Default,
   ...m
 }) => {
-  const l = u(null), T = y[f], E = N(t.step, L[d], s), c = () => /* @__PURE__ */ i("div", { ref: l, className: E, ...m, children: /* @__PURE__ */ i(S, { size: D.B1, weight: b.SEMIBOLD, children: p }) });
+  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 }) });
   return r ? /* @__PURE__ */ g(a, { size: _.SM, toggleType: "hover", alignTip: T, targetRef: l, children: [
-    /* @__PURE__ */ i(a.Target, { children: c() }),
+    /* @__PURE__ */ i(a.Target, { children: p() }),
     /* @__PURE__ */ i(a.Body, { children: r })
-  ] }) : c();
+  ] }) : p();
 };
 z.displayName = "Step";
 export {

package/components/Stepper/RightBorderArrow.js

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

package/components/Stepper/Stepper.js

@@ -1,91 +1,91 @@
 import { jsx as s } from "react/jsx-runtime";
-import { useState as D, useRef as N, useEffect as v } from "react";
-import { StepperExtended as C } from "./StepperExtended.js";
-import { StepperWrapper as G } from "./StepperWrapper.js";
-import { StepperStep as H } from "./StepperStep.js";
-import { CarouselExtended as X } from "../CarouselExtended/CarouselExtended.js";
-import { ButtonIcon as _ } from "../Button/ButtonIcon.js";
-import { CaretrightStrokeSrvIcon24 as $, CaretleftStrokeSrvIcon24 as q } from "@sberbusiness/icons-next";
-import { EScreenWidth as F } from "../../helpers/breakpoints.js";
-import { scrollSmoothHorizontally as g } from "../../utils/scroll.js";
-import { c as i } from "../../chunks/vendor-Ba_pyhza.js";
-import { EStepperSize as l } from "./enums.js";
-const J = "stepper__c10ca561", K = "stepperCarousel__0ecc2c7b", O = "buttonPrev__12d12c03", Q = "buttonNext__baace22d", T = "sm__38a06386", U = "md__bfbd0a1b", V = "lg__56d8fc57", n = {
-  stepper: J,
-  stepperCarousel: K,
-  buttonPrev: O,
-  buttonNext: Q,
-  sm: T,
-  md: U,
-  lg: V
-}, R = (p) => {
-  switch (p) {
-    case l.LG:
+import { useState as G, useRef as v, useEffect as C } from "react";
+import { StepperExtended as _ } from "./StepperExtended.js";
+import { StepperWrapper as H } from "./StepperWrapper.js";
+import { StepperStep as X } from "./StepperStep.js";
+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 S } from "../../utils/scroll.js";
+import { c as i } from "../../chunks/vendor-D3hUOusX.js";
+import { EStepperSize as a } from "./enums.js";
+const K = "stepper__d7e9ed94", O = "sm__ba418c6f", Q = "md__81e3d6a1", T = "lg__5baf1d0e", U = "stepperCarousel__81a1feba", V = "buttonPrev__1b5e79dd", Y = "buttonNext__ec95fb30", n = {
+  stepper: K,
+  sm: O,
+  md: Q,
+  lg: T,
+  stepperCarousel: U,
+  buttonPrev: V,
+  buttonNext: Y
+}, p = (m) => {
+  switch (m) {
+    case a.LG:
       return n.lg;
-    case l.MD:
+    case a.MD:
       return n.md;
-    case l.SM:
+    case a.SM:
       return n.sm;
   }
 }, P = ({
-  className: p,
-  steps: S,
-  size: a = l.SM,
-  selectedStepId: c,
+  className: m,
+  steps: h,
+  size: c = a.SM,
+  selectedStepId: l,
   ...E
 }) => {
-  const [h, w] = D({ stepNext: 0, stepPrev: 0 }), m = N(null), b = N({}), B = i(n.stepper, p), M = S.findIndex((e) => e.id === c), I = ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ s(
-    _,
+  const [b, w] = G({ stepNext: 0, stepPrev: 0 }), u = v(null), x = 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, R(a)),
+      className: i(n.buttonPrev, p(c)),
       ...t,
       "aria-label": "Прокрутить назад",
-      children: /* @__PURE__ */ s(q, { className: i(n.buttonPrevIcon), paletteIndex: 5 })
+      children: /* @__PURE__ */ s(F, { className: i(n.buttonPrevIcon), paletteIndex: 5 })
     }
   ), W = ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ s(
-    _,
+    R,
     {
-      className: i(n.buttonNext, R(a)),
+      className: i(n.buttonNext, p(c)),
       ...t,
       "aria-label": "Прокрутить вперёд",
-      children: /* @__PURE__ */ s($, { className: i(n.buttonNextIcon), paletteIndex: 5 })
+      children: /* @__PURE__ */ s(q, { className: i(n.buttonNextIcon), paletteIndex: 5 })
     }
   );
-  v(() => {
-    const { current: e } = m;
+  C(() => {
+    const { current: e } = u;
     if (e) {
       const t = e.getBoundingClientRect().width * 0.3;
       w({ stepNext: t, stepPrev: t });
     }
   }, []);
   const L = (e, t, r, o) => {
-    r > 0 && (t.nextElementSibling && (r -= o - t.nextElementSibling.getBoundingClientRect().right), g(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), g(e, Math.floor(r)));
+    r < 0 && (t.previousElementSibling && (r -= o - t.previousElementSibling.getBoundingClientRect().left), S(e, Math.floor(r)));
   }, y = (e, t) => {
-    t && g(e, t);
+    t && S(e, t);
   }, A = (e, t) => {
-    const { left: r, right: o, width: j } = e.getBoundingClientRect(), { left: u, right: x, width: z } = t.getBoundingClientRect(), f = r + j / 2, d = u + z / 2;
-    window.matchMedia(`(max-width: ${F.SM_MAX})`).matches ? y(e, d - f) : f > d ? k(e, t, u - r - 32, u) : f < d && L(e, t, x - o + 32, x);
+    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 v(() => {
-    if (c) {
-      const { current: e } = m, t = b.current[c];
+  return C(() => {
+    if (l) {
+      const { current: e } = u, t = x.current[l];
       e && t && A(e, t);
     }
-  }, [c]), /* @__PURE__ */ s(
-    X,
+  }, [l]), /* @__PURE__ */ s(
+    $,
     {
-      className: i(n.stepperCarousel),
+      className: i(n.stepperCarousel, p(c)),
       buttonPrev: I,
       buttonNext: W,
-      stepPrev: h.stepPrev,
-      stepNext: h.stepNext,
-      ref: m,
-      children: /* @__PURE__ */ s(C, { className: B, selectedStepId: c, size: a, ...E, children: S.map(({ label: e, ...t }, r) => /* @__PURE__ */ s(
-        C.Step,
+      stepPrev: b.stepPrev,
+      stepNext: b.stepNext,
+      ref: u,
+      children: /* @__PURE__ */ s(_, { className: B, selectedStepId: l, size: c, ...E, children: h.map(({ label: e, ...t }, r) => /* @__PURE__ */ s(
+        _.Step,
         {
-          forwardedRef: (o) => b.current[t.id] = o,
+          forwardedRef: (o) => x.current[t.id] = o,
           ...t,
           isInActiveStep: r > M,
           children: e
@@ -95,8 +95,8 @@ const J = "stepper__c10ca561", K = "stepperCarousel__0ecc2c7b", O = "buttonPrev_
     }
   );
 };
-P.Wrapper = G;
-P.Step = H;
+P.Wrapper = H;
+P.Step = X;
 export {
   P as Stepper
 };

package/components/Stepper/StepperExtended.js

@@ -3,9 +3,9 @@ import { EStepperSize as a } from "./enums.js";
 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-Ba_pyhza.js";
-const b = "stepperExtended__041b27e1", h = {
-  stepperExtended: b
+import { c as E } from "../../chunks/vendor-D3hUOusX.js";
+const h = "stepperExtended__5c4efa8e", u = {
+  stepperExtended: h
 }, t = ({
   children: r,
   className: p,
@@ -13,10 +13,10 @@ const b = "stepperExtended__041b27e1", h = {
   onSelectStep: s,
   selectedStepId: d,
   forwardedRef: n,
-  ...m
+  ...c
 }) => {
-  const c = 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: c, role: "tablist", ...m, ref: n, children: r }) });
+  const m = E(u.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;
 t.Wrapper = x;

package/components/Stepper/StepperStep.js

@@ -4,8 +4,8 @@ import { StepperStepIcon as q } from "./StepperStepIcon.js";
 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-Ba_pyhza.js";
-import { s as t, R as F } from "../../chunks/RightBorderArrow-BHW7rkmN.js";
+import { c as C } from "../../chunks/vendor-D3hUOusX.js";
+import { s as t, R as F } from "../../chunks/RightBorderArrow-rROpeCX0.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.4.0", children: [
+        /* @__PURE__ */ I("div", { className: t.content, "data-tx": "1.6.0", children: [
           g && U(),
           x
         ] }),

package/components/Stepper/StepperWrapper.js

@@ -1,12 +1,12 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as a } from "../../chunks/vendor-Ba_pyhza.js";
-const c = "stepperWrapper__0fc159c7", o = {
-  stepperWrapper: c
-}, W = ({ children: p, className: r, ...e }) => {
-  const s = a(o.stepperWrapper, r);
-  return /* @__PURE__ */ t("div", { className: s, ...e, "data-tx": "1.4.0", children: p });
+import { c as a } from "../../chunks/vendor-D3hUOusX.js";
+const o = "stepperWrapper__0f2f8f3d", c = {
+  stepperWrapper: o
+}, n = ({ children: p, className: r, ...e }) => {
+  const s = a(c.stepperWrapper, r);
+  return /* @__PURE__ */ t("div", { className: s, ...e, "data-tx": "1.6.0", children: p });
 };
 export {
-  W as StepperWrapper
+  n as StepperWrapper
 };
 //# sourceMappingURL=StepperWrapper.js.map

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -5,7 +5,7 @@ import "../Dropdown/Dropdown.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-D2hzyBGc.js";
+import "../../chunks/DropdownListItem-DgEkMGvB.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__a090dc85", z = "suggestDropdownMobileNoOptionsText__3acd4df6", m = {
+const k = "suggestDropdownMobileBody__899e0e68", z = "suggestDropdownMobileNoOptionsText__a30038e0", m = {
   suggestDropdownMobileBody: k,
   suggestDropdownMobileNoOptionsText: z
 }, po = () => {
@@ -31,13 +31,13 @@ const k = "suggestDropdownMobileBody__a090dc85", z = "suggestDropdownMobileNoOpt
     placeholder: g,
     noOptionsText: u,
     loading: a,
-    clearInputOnFocus: d,
+    clearInputOnFocus: p,
     dropdownListLoading: w,
     onSelect: b,
     onFilter: t,
     onScrollEnd: l,
-    closeDropdown: p
-  } = F(), f = B(null), D = r(
+    closeDropdown: d
+  } = F(), D = B(null), f = r(
     (o) => {
       if (l === void 0)
         return;
@@ -45,14 +45,14 @@ const k = "suggestDropdownMobileBody__a090dc85", z = "suggestDropdownMobileNoOpt
       y - C === T && l();
     },
     [l]
-  ), h = r(() => p(), [p]), M = r(
+  ), h = r(() => d(), [d]), M = r(
     (o) => {
       t(o.target.value);
     },
     [t]
   ), x = r(() => {
-    i.length !== 0 && d === !0 && t("");
-  }, [i.length, d, t]);
+    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(
@@ -67,7 +67,7 @@ const k = "suggestDropdownMobileBody__a090dc85", z = "suggestDropdownMobileNoOpt
       ),
       a && /* @__PURE__ */ e(v, {})
     ] }),
-    /* @__PURE__ */ e(I, { className: m.suggestDropdownMobileBody, onScroll: D, children: s.length === 0 ? /* @__PURE__ */ e(
+    /* @__PURE__ */ e(I, { className: m.suggestDropdownMobileBody, onScroll: f, children: s.length === 0 ? /* @__PURE__ */ e(
       E,
       {
         className: m.suggestDropdownMobileNoOptionsText,
@@ -76,7 +76,7 @@ const k = "suggestDropdownMobileBody__a090dc85", z = "suggestDropdownMobileNoOpt
         tag: "div",
         children: u
       }
-    ) : /* @__PURE__ */ e(R, { loading: w, ref: f, children: s.map((o) => /* @__PURE__ */ e(
+    ) : /* @__PURE__ */ e(R, { loading: w, ref: D, children: s.map((o) => /* @__PURE__ */ e(
       _,
       {
         id: o.id,