@sberbusiness/triplex-next 0.26.0 → 0.28.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 l, useContext as le, useRef as O, useLayoutEffect as P } from "react";
-import { l as X, c as ce } from "../../../../chunks/vendor---Om3uMV.js";
+import { useState as c, useContext as ce, useRef as O, useLayoutEffect as P } from "react";
+import { l as X, c as le } from "../../../../chunks/vendor---Om3uMV.js";
 import { SliderExtendedContext as ae } from "../../SliderExtendedContext.js";
 import { SliderExtendedMoveHandler as de } from "../SliderExtendedMoveHandler.js";
 import { SliderExtendedUtils as z } from "../../SliderExtendedUtils.js";
-import { SliderExtendedTrackActions as c } from "./SliderExtendedTrackActions.js";
+import { SliderExtendedTrackActions as l } from "./SliderExtendedTrackActions.js";
 import { EVENT_KEY_CODES as g } from "../../../../utils/keyboard.js";
 import { KeyDownListener as F } from "../../../KeyDownListener/KeyDownListener.js";
 import { createSizeToClassNameMap as ie } from "../../../../utils/classNameMaps.js";
-const ne = "sliderExtendedTrack__292f5733", fe = "lg__1747a965", ue = "focusedByClick__6502e6e0", me = "hoverOrDragByMouse__288f8fb9", he = "staticSlider__263847c1", ge = "disabled__31e8f4bc", o = {
+const ne = "sliderExtendedTrack__f4e392fe", fe = "lg__c670c21d", ue = "focusedByClick__68d0b97f", me = "hoverOrDragByMouse__19f9ff0c", he = "staticSlider__8aa14cab", ge = "disabled__520d6ab7", o = {
   sliderExtendedTrack: ne,
   lg: fe,
   focusedByClick: ue,
@@ -26,7 +26,7 @@ const ne = "sliderExtendedTrack__292f5733", fe = "lg__1747a965", ue = "focusedBy
   onTouchStart: y,
   ...A
 }) => {
-  const [W, C] = l(!1), [a, S] = l(!1), [H, v] = l(!1), [V, d] = l(!1), [U, b] = l(-1), {
+  const [W, b] = c(!1), [a, C] = c(!1), [H, v] = c(!1), [V, d] = c(!1), [U, S] = c(-1), {
     disabled: M,
     dots: s,
     focused: i,
@@ -37,11 +37,11 @@ const ne = "sliderExtendedTrack__292f5733", fe = "lg__1747a965", ue = "focusedBy
     setFocused: R,
     steps: f,
     size: $
-  } = le(ae), u = O(0), m = O(null);
+  } = ce(ae), u = O(0), m = O(null);
   if (P(() => {
-    s.length > 1 && k ? a || S(!0) : a !== !1 && S(!1);
+    s.length > 1 && k ? a || C(!0) : a !== !1 && C(!1);
   }, [s, k]), P(() => {
-    s.length > 1 && b(i ? 2 : -1);
+    s.length > 1 && S(i ? 2 : -1);
   }, [i]), !s.length)
     return null;
   const w = (e) => (t) => {
@@ -49,7 +49,7 @@ const ne = "sliderExtendedTrack__292f5733", fe = "lg__1747a965", ue = "focusedBy
       cursorXPosition: t.clientX,
       railNode: r
     })), e(t), x == null || x(t);
-  }, G = (e) => c.dragDots({
+  }, G = (e) => l.dragDots({
     cursorPrevNormalizedValue: u,
     cursorXPosition: e.clientX,
     dots: s,
@@ -64,7 +64,7 @@ const ne = "sliderExtendedTrack__292f5733", fe = "lg__1747a965", ue = "focusedBy
       railNode: r
     })), e(t), y == null || y(t));
   }, q = (e) => {
-    e.touches.length == 1 && (e.cancelable && e.preventDefault(), c.dragDots({
+    e.touches.length == 1 && (e.cancelable && e.preventDefault(), l.dragDots({
       cursorPrevNormalizedValue: u,
       cursorXPosition: e.touches[0].clientX,
       dots: s,
@@ -75,18 +75,18 @@ const ne = "sliderExtendedTrack__292f5733", fe = "lg__1747a965", ue = "focusedBy
   }, I = (e) => {
     e.cancelable && e.preventDefault(), d(!1), e.target !== m.current && n(!1), document.removeEventListener("touchend", I);
   }, J = (e) => {
-    e.preventDefault(), c.moveToPrevStep(s, f);
+    e.preventDefault(), l.moveToPrevStep(s, f);
   }, Q = (e) => {
-    e.preventDefault(), c.moveToNextStep(s, f);
+    e.preventDefault(), l.moveToNextStep(s, f);
   }, Z = (e) => {
-    i || R(!0), C(!0), E == null || E(e);
+    i || R(!0), b(!0), E == null || E(e);
   }, ee = (e) => {
-    i && R(!1), v(!1), C(!1), p == null || p(e);
+    i && R(!1), v(!1), b(!1), p == null || p(e);
   }, te = (e) => {
     n(!0), D == null || D(e);
   }, se = (e) => {
     V || n(!1), T == null || T(e);
-  }, { left: re, right: oe } = c.getTrackPosition({ dots: s, reverse: _ });
+  }, { left: re, right: oe } = l.getTrackPosition({ dots: s, reverse: _ });
   return /* @__PURE__ */ B(L, { children: [
     W && /* @__PURE__ */ B(L, { children: [
       /* @__PURE__ */ h(
@@ -116,7 +116,7 @@ const ne = "sliderExtendedTrack__292f5733", fe = "lg__1747a965", ue = "focusedBy
             role: "button",
             tabIndex: !M && a ? U : -1,
             ...A,
-            className: ce(o.sliderExtendedTrack, pe[$], K, {
+            className: le(o.sliderExtendedTrack, pe[$], K, {
               [o.disabled]: M,
               [o.focusedByClick]: H,
               [o.hoverOrDragByMouse]: j,

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---Om3uMV.js";
-const o = "smallInput__d391c403", n = {
+const o = "smallInput__7371115e", 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 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---Om3uMV.js";
-const y = "spoiler__0140d3c4", D = "opened__82117739", q = "caretIcon__551a44d0", A = "head__0922c4f3", G = "content__7cc4da6b", H = "hidden__e8c33007", K = "lg__a4a4177c", $ = "md__382c5ff3", F = "sm__fa4d9d90", e = {
+const y = "spoiler__4587943e", D = "opened__452dc1b2", q = "caretIcon__76ea4c71", A = "head__2bfd4a47", G = "content__ddc8b5a9", H = "hidden__b5919835", K = "lg__84649afb", $ = "md__0133ae91", F = "sm__924fd8e5", e = {
   spoiler: y,
   opened: D,
   caretIcon: q,
@@ -21,24 +21,24 @@ const y = "spoiler__0140d3c4", D = "opened__82117739", q = "caretIcon__551a44d0"
   md: $,
   sm: F
 }, J = {
-  [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) => {
+  [s.SM]: /* @__PURE__ */ a(B, { paletteIndex: 5, className: e.caretIcon }),
+  [s.MD]: /* @__PURE__ */ a(p, { paletteIndex: 5, className: e.caretIcon }),
+  [s.LG]: /* @__PURE__ */ a(p, { paletteIndex: 5, className: e.caretIcon })
+}, O = g(e), P = z.forwardRef((h, f) => {
   const {
     children: I,
-    expanded: s,
+    expanded: c,
     onToggle: o,
     toggle: n,
     className: x,
     labelExpand: S,
     labelCollapse: u,
     rightBlock: N,
-    size: r = c.MD,
-    ...C
-  } = f, d = s !== void 0, [v, M] = T(s), t = d ? s : v, m = E(`Spoiler-${j()}`), b = w(() => {
+    size: r = s.MD,
+    ...b
+  } = h, 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) : M(i), o == null || o(i);
+    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__0140d3c4", D = "opened__82117739", q = "caretIcon__551a44d0"
     },
     x
   );
-  return /* @__PURE__ */ l("div", { ...C, className: k, "data-tx": "0.26.0", ref: h, children: [
+  return /* @__PURE__ */ l("div", { ...b, className: k, "data-tx": "0.28.0", ref: f, children: [
     /* @__PURE__ */ l("div", { className: e.head, children: [
       /* @__PURE__ */ l(
         L,
@@ -56,7 +56,7 @@ const y = "spoiler__0140d3c4", D = "opened__82117739", q = "caretIcon__551a44d0"
           "aria-controls": m.current,
           theme: R.LINK,
           size: r,
-          onClick: b,
+          onClick: M,
           children: [
             t ? u : S,
             J[r]

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---Om3uMV.js";
-import { s as r } from "../../chunks/StatusTracker.module-CwUmaWht.js";
+import { s as r } from "../../chunks/StatusTracker.module-DhavZ4lj.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.26.0",
+        "data-tx": "0.28.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---Om3uMV.js";
 import "../../Alert/AlertContext/AlertContext.js";
 import { AlertProcess as i } from "../../Alert/AlertProcess/AlertProcess.js";
 import "../../Alert/AlertTypeUtils.js";
-import { s as p } from "../../../chunks/StatusTracker.module-CwUmaWht.js";
+import { s as p } from "../../../chunks/StatusTracker.module-DhavZ4lj.js";
 import { ETextSize as c, EFontType as a } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";

package/components/StatusTracker/components/StatusTrackerBody.js

@@ -3,7 +3,7 @@ import e from "react";
 import { c as m } from "../../../chunks/vendor---Om3uMV.js";
 import { StatusTrackerStatus as c } from "./StatusTrackerStatus.js";
 import { StatusTrackerAlert as i } from "./StatusTrackerAlert.js";
-import { s as u } from "../../../chunks/StatusTracker.module-CwUmaWht.js";
+import { s as u } from "../../../chunks/StatusTracker.module-DhavZ4lj.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,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { c as m } from "../../../chunks/vendor---Om3uMV.js";
-import { s as a } from "../../../chunks/StatusTracker.module-CwUmaWht.js";
+import { s as a } from "../../../chunks/StatusTracker.module-DhavZ4lj.js";
 import { Button as p } from "../../Button/Button.js";
 import "../../Button/ButtonBase.js";
 import "../../Button/ButtonIcon.js";

package/components/StatusTracker/components/StatusTrackerDescription.js

@@ -5,7 +5,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text as c } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { s as a } from "../../../chunks/StatusTracker.module-CwUmaWht.js";
+import { s as a } from "../../../chunks/StatusTracker.module-DhavZ4lj.js";
 const E = (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---Om3uMV.js";
-import { s as r } from "../../../chunks/StatusTracker.module-CwUmaWht.js";
+import { s as r } from "../../../chunks/StatusTracker.module-DhavZ4lj.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---Om3uMV.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-CwUmaWht.js";
+import { s as u } from "../../../chunks/StatusTracker.module-DhavZ4lj.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---Om3uMV.js";
-import { s as o } from "../../../chunks/StatusTracker.module-CwUmaWht.js";
+import { s as o } from "../../../chunks/StatusTracker.module-DhavZ4lj.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---Om3uMV.js";
-import { s as m } from "../../../chunks/StatusTracker.module-CwUmaWht.js";
+import { s as m } from "../../../chunks/StatusTracker.module-DhavZ4lj.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

@@ -6,7 +6,7 @@ import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title as a } from "../../Typography/Title.js";
 import { Amount as c } from "../../Amount/Amount.js";
-import { s as l } from "../../../chunks/StatusTracker.module-CwUmaWht.js";
+import { s as l } from "../../../chunks/StatusTracker.module-DhavZ4lj.js";
 const k = (r) => {
   const { className: o, amountProps: m, ...s } = r;
   return /* @__PURE__ */ t(

package/components/StatusTracker/components/StatusTrackerTitle.js

@@ -5,7 +5,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title as l } from "../../Typography/Title.js";
-import { s as c } from "../../../chunks/StatusTracker.module-CwUmaWht.js";
+import { s as c } from "../../../chunks/StatusTracker.module-DhavZ4lj.js";
 const k = (t) => {
   const { children: r, className: e, ...i } = t;
   return /* @__PURE__ */ s(

package/components/Step/Step.js

@@ -1,23 +1,28 @@
-import { jsxs as g, jsx as i } from "react/jsx-runtime";
-import { useRef as u } from "react";
+import { jsxs as E, jsx as i } from "react/jsx-runtime";
+import { useRef as g } from "react";
 import { EStepStatus as o, EStepPosition as e } from "./enums.js";
-import { ETooltipAlign as n, ETooltipSize as _ } from "../Tooltip/enums.js";
+import { ETooltipAlign as n, ETooltipSize as A } from "../Tooltip/enums.js";
 import { Tooltip as a } from "../Tooltip/Tooltip.js";
-import { EFontWeightText as S, ETextSize as D } from "../Typography/enums.js";
+import { EFontWeightText as u, ETextSize as N } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
-import { Text as N } from "../Typography/Text.js";
+import { Text as b } from "../Typography/Text.js";
 import "../Typography/Title.js";
-import { c as A } from "../../chunks/vendor---Om3uMV.js";
-const R = "step__53e25ba1", b = "done__78ff5b42", x = "warning__378d7f68", h = "active__cd685664", v = "error__cddcf01e", w = "disabled__f545c181", t = {
-  step: R,
-  default: "default__4eaac9bc",
-  done: b,
-  warning: x,
+import { c as D } from "../../chunks/vendor---Om3uMV.js";
+import { EComponentSize as O } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as I } from "../../utils/classNameMaps.js";
+const L = "step__4b299165", M = "sm__a46700d5", P = "md__7aee097a", R = "lg__d3e8eeab", x = "done__0bd768de", C = "warning__4ea0d1f7", h = "active__40038d59", v = "error__abb58c3b", z = "disabled__96b59f17", t = {
+  step: L,
+  sm: M,
+  md: P,
+  lg: R,
+  default: "default__f452b685",
+  done: x,
+  warning: C,
   active: h,
   error: v,
-  disabled: w
-}, L = {
+  disabled: z
+}, w = {
   [o.DEFAULT]: t.default,
   [o.ACTIVE]: t.active,
   [o.WARNING]: t.warning,
@@ -28,23 +33,24 @@ const R = "step__53e25ba1", b = "done__78ff5b42", x = "warning__378d7f68", h = "
   [e.XFirst]: n.START,
   [e.Default]: n.CENTER,
   [e.XLast]: n.END
-}, U = (r, s) => s === 0 ? e.XFirst : s + 1 === r ? e.XLast : e.Default, z = ({
+}, B = I(t), Y = (r, s) => s === 0 ? e.XFirst : s + 1 === r ? e.XLast : e.Default, F = ({
   children: r,
   className: s,
-  step: p,
-  status: d,
-  position: f = e.Default,
-  ...m
+  step: m,
+  status: _,
+  position: d = e.Default,
+  size: p = O.MD,
+  ...f
 }) => {
-  const c = u(null), T = y[f], E = A(t.step, L[d], s), l = () => /* @__PURE__ */ i("div", { ref: c, 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: c, children: [
-    /* @__PURE__ */ i(a.Target, { children: l() }),
+  const l = g(null), T = y[d], S = D(t.step, w[_], B[p], s), c = () => /* @__PURE__ */ i("div", { ref: l, className: S, ...f, children: /* @__PURE__ */ i(b, { size: N.B1, weight: u.SEMIBOLD, children: m }) });
+  return r ? /* @__PURE__ */ E(a, { size: A.SM, toggleType: "hover", alignTip: T, targetRef: l, children: [
+    /* @__PURE__ */ i(a.Target, { children: c() }),
     /* @__PURE__ */ i(a.Body, { children: r })
-  ] }) : l();
+  ] }) : c();
 };
-z.displayName = "Step";
+F.displayName = "Step";
 export {
-  z as Step,
-  U as calcPosition
+  F as Step,
+  Y as calcPosition
 };
 //# sourceMappingURL=Step.js.map

package/components/Stepper/Stepper.js

@@ -11,7 +11,7 @@ import { scrollSmoothHorizontally as h } from "../../utils/scroll.js";
 import { EComponentSize as X } from "../../enums/EComponentSize.js";
 import { EScreenWidth as $ } from "../../helpers/breakpoints.js";
 import "./enums.js";
-const q = "stepperCarousel__648bd8a8", D = "stepperButtonWrapper__ec47b674", F = "prev__bc9c96fd", J = "next__887436bc", K = "stepperButton__88a9e2ce", Q = "sm__ab4f2b90", U = "md__44a9f41d", V = "lg__5c1b81b3", s = {
+const q = "stepperCarousel__af932148", D = "stepperButtonWrapper__d5bd946d", F = "prev__8ca692b1", J = "next__e9978dd9", K = "stepperButton__e551565d", Q = "sm__04b2b5e9", U = "md__90d41c0f", V = "lg__2aa31e1c", s = {
   stepperCarousel: q,
   stepperButtonWrapper: D,
   prev: F,
@@ -27,7 +27,7 @@ const q = "stepperCarousel__648bd8a8", D = "stepperButtonWrapper__ec47b674", F =
   selectedStepId: c,
   ...M
 }) => {
-  const [x, P] = A({ stepNext: 0, stepPrev: 0 }), m = N(null), b = N({}), L = S.findIndex((t) => t.id === c), O = p(
+  const [x, P] = A({ stepNext: 0, stepPrev: 0 }), m = N(null), v = N({}), L = S.findIndex((t) => t.id === c), O = p(
     ({ hidden: t, ...e }) => t ? null : /* @__PURE__ */ n("div", { className: l(s.stepperButtonWrapper, s.prev), children: /* @__PURE__ */ n(
       E,
       {
@@ -65,31 +65,31 @@ const q = "stepperCarousel__648bd8a8", D = "stepperButtonWrapper__ec47b674", F =
       e.disconnect();
     };
   }, []);
-  const v = p(
+  const C = p(
     (t, e, r, o) => {
       r > 0 && (e.nextElementSibling && (r -= o - e.nextElementSibling.getBoundingClientRect().right), h(t, Math.ceil(r)));
     },
     []
-  ), C = p(
+  ), _ = p(
     (t, e, r, o) => {
       r < 0 && (e.previousElementSibling && (r -= o - e.previousElementSibling.getBoundingClientRect().left), h(t, Math.floor(r)));
     },
     []
-  ), _ = p((t, e) => {
+  ), B = p((t, e) => {
     e && h(t, e);
-  }, []), B = p(
+  }, []), b = p(
     (t, e) => {
-      const { left: r, right: o, width: a } = t.getBoundingClientRect(), { left: u, right: R, width: k } = e.getBoundingClientRect(), f = r + a / 2, d = u + k / 2;
-      window.matchMedia(`(max-width: ${$.SM_MAX})`).matches ? _(t, d - f) : f > d ? C(t, e, u - r, u) : f < d && v(t, e, R - o, R);
+      const { left: r, right: o, width: a } = t.getBoundingClientRect(), { left: u, right: R, width: k } = e.getBoundingClientRect(), d = r + a / 2, f = u + k / 2;
+      window.matchMedia(`(max-width: ${$.SM_MAX})`).matches ? B(t, f - d) : d > f ? _(t, e, u - r, u) : d < f && C(t, e, R - o, R);
     },
-    [_, C, v]
+    [B, _, C]
   );
   return w(() => {
     if (c) {
-      const { current: t } = m, e = b.current[c];
-      t && e && B(t, e);
+      const { current: t } = m, e = v.current[c];
+      t && e && b(t, e);
     }
-  }, [c, B]), /* @__PURE__ */ n(
+  }, [c, b]), /* @__PURE__ */ n(
     z,
     {
       className: l(s.stepperCarousel, g[i], I),
@@ -101,7 +101,7 @@ const q = "stepperCarousel__648bd8a8", D = "stepperButtonWrapper__ec47b674", F =
       children: /* @__PURE__ */ n(W, { selectedStepId: c, size: i, ...M, children: S.map(({ label: t, ...e }, r) => /* @__PURE__ */ n(
         W.Step,
         {
-          forwardedRef: (o) => b.current[e.id] = o,
+          forwardedRef: (o) => v.current[e.id] = o,
           ...e,
           isInActiveStep: r > L,
           children: t

package/components/Stepper/StepperExtended.js

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useMemo as c } from "react";
+import { useMemo as x } from "react";
 import { c as i } from "../../chunks/vendor---Om3uMV.js";
 import { StepperStep as l } from "./StepperStep.js";
 import { StepperExtendedContext as a } from "./StepperExtendedContext.js";
 import { EComponentSize as f } from "../../enums/EComponentSize.js";
-const E = "stepperExtended__bd635652", u = {
+const E = "stepperExtended__e9fcdb3d", u = {
   stepperExtended: E
 }, S = ({
   children: p,
@@ -12,14 +12,14 @@ const E = "stepperExtended__bd635652", u = {
   size: e = f.LG,
   onSelectStep: t,
   selectedStepId: r,
-  forwardedRef: m,
-  ...n
+  forwardedRef: d,
+  ...m
 }) => {
-  const d = i(u.stepperExtended, s), x = c(
+  const n = i(u.stepperExtended, s), c = x(
     () => ({ selectedId: r, size: e, onSelectStep: t }),
     [r, e, t]
   );
-  return /* @__PURE__ */ o(a.Provider, { value: x, children: /* @__PURE__ */ o("ol", { className: d, role: "tablist", ...n, ref: m, children: p }) });
+  return /* @__PURE__ */ o(a.Provider, { value: c, children: /* @__PURE__ */ o("ol", { className: n, role: "tablist", ...m, ref: d, children: p }) });
 };
 S.Step = l;
 export {

package/components/Stepper/StepperStep.js

@@ -7,7 +7,7 @@ import { isKey as g } from "../../utils/keyboard.js";
 import { StepperExtendedContext as H } from "./StepperExtendedContext.js";
 import { EFocusSource as o } from "../../enums/EFocusSource.js";
 import { EStepperStepType as y } from "./enums.js";
-import { s as t, S as J } from "../../chunks/StepperStepArrowBorder-9OXwuqOn.js";
+import { s as t, S as J } from "../../chunks/StepperStepArrowBorder-DoCkMkMz.js";
 import { IconWrapper as L } from "../IconWrapper/IconWrapper.js";
 const Q = F(t), X = ({
   children: N,
@@ -69,7 +69,7 @@ const Q = F(t), X = ({
       ...T,
       ref: M,
       children: [
-        /* @__PURE__ */ R("div", { className: t.content, "data-tx": "0.26.0", children: [
+        /* @__PURE__ */ R("div", { className: t.content, "data-tx": "0.28.0", children: [
           h && P(),
           N
         ] }),

package/components/Stepper/StepperStepArrowBorder.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../enums/EComponentSize.js";
-import { S as t } from "../../chunks/StepperStepArrowBorder-9OXwuqOn.js";
+import { S as t } from "../../chunks/StepperStepArrowBorder-DoCkMkMz.js";
 export {
   t as StepperStepArrowBorder
 };

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -4,7 +4,7 @@ import { useSuggestContext as I } from "./SuggestContext.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-CRdOVwlq.js";
+import "../../chunks/DropdownListItem-DEMHVloq.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as B } from "../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as F } from "../Dropdown/mobile/DropdownMobileClose.js";
@@ -21,7 +21,7 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text as j } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const k = "suggestDropdownMobileBody__33b26dc6", z = "suggestDropdownMobileNoOptionsText__ac49a70c", g = {
+const k = "suggestDropdownMobileBody__238c3123", z = "suggestDropdownMobileNoOptionsText__de7c6f29", g = {
   suggestDropdownMobileBody: k,
   suggestDropdownMobileNoOptionsText: z
 }, A = () => {
@@ -29,16 +29,16 @@ const k = "suggestDropdownMobileBody__33b26dc6", z = "suggestDropdownMobileNoOpt
     value: r,
     options: s,
     inputValue: i,
-    placeholder: a,
-    noOptionsText: u,
+    placeholder: u,
+    noOptionsText: a,
     loading: w,
     clearInputOnFocus: p,
-    dropdownListLoading: b,
+    dropdownListLoading: f,
     onSelect: h,
     onFilter: t,
     onScrollEnd: l,
     closeDropdown: d
-  } = I(), f = S(null), D = n(
+  } = I(), b = S(null), D = n(
     (o) => {
       if (l === void 0)
         return;
@@ -66,7 +66,7 @@ const k = "suggestDropdownMobileBody__33b26dc6", z = "suggestDropdownMobileNoOpt
           L,
           {
             value: i,
-            placeholder: a,
+            placeholder: u,
             autoFocus: !0,
             onFocus: T,
             onChange: x
@@ -81,9 +81,9 @@ const k = "suggestDropdownMobileBody__33b26dc6", z = "suggestDropdownMobileNoOpt
         type: H.PRIMARY,
         size: E.B2,
         tag: "div",
-        children: u
+        children: a
       }
-    ) : /* @__PURE__ */ e(R, { loading: b, ref: f, children: s.map((o) => /* @__PURE__ */ e(
+    ) : /* @__PURE__ */ e(R, { loading: f, ref: b, children: s.map((o) => /* @__PURE__ */ e(
       _,
       {
         id: o.id,

package/components/SuggestField/SuggestField.js

@@ -2,13 +2,13 @@ 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-dcZDUPZa.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-DMUtIm6D.js";
 import { jsx as o } from "react/jsx-runtime";
 import { MobileView as I } from "../MobileView/MobileView.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import { F as O } from "../../chunks/FormFieldInput-CyAOOwnJ.js";
+import { F as O } from "../../chunks/FormFieldInput-Cb-NqZOL.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -9,7 +9,7 @@ import { EFormFieldStatus as q } from "../../FormField/enums.js";
 import { FormFieldClear as ao } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldDescription.js";
-import { F as ho } from "../../../chunks/FormFieldInput-CyAOOwnJ.js";
+import { F as ho } from "../../../chunks/FormFieldInput-Cb-NqZOL.js";
 import "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
@@ -23,7 +23,7 @@ import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DropdownListContext as po } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-CRdOVwlq.js";
+import "../../../chunks/DropdownListItem-DEMHVloq.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -4,7 +4,7 @@ import { Portal as _ } from "../../Portal/Portal.js";
 import "../../Dropdown/DropdownListContext.js";
 import { DropdownDesktop as b } from "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as L } from "../../Dropdown/desktop/DropdownList.js";
-import { D as O } from "../../../chunks/DropdownListItem-CRdOVwlq.js";
+import { D as O } from "../../../chunks/DropdownListItem-DEMHVloq.js";
 import { EDropdownWidth as u } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.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-dcZDUPZa.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-DMUtIm6D.js";
 import { SuggestField as m } from "./SuggestField.js";
 export {
   m as SuggestField,