@sberbusiness/triplex-next 0.24.0 → 0.25.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 c, useContext as ce, useRef as O, useLayoutEffect as P } from "react";
-import { l as X, c as de } from "../../../../chunks/vendor---Om3uMV.js";
-import { SliderExtendedContext as le } from "../../SliderExtendedContext.js";
+import { l as X, c as le } from "../../../../chunks/vendor---Om3uMV.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 d } 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__62908933", ue = "lg__252d9dbc", fe = "focusedByClick__6cabcf3c", me = "hoverOrDragByMouse__7dd23f08", he = "staticSlider__cee05f68", ge = "disabled__ecdc9e74", o = {
+const ne = "sliderExtendedTrack__66146f2b", ue = "lg__27a4c827", fe = "focusedByClick__cd875098", me = "hoverOrDragByMouse__53d11976", he = "staticSlider__e0bf660e", ge = "disabled__34926d7c", o = {
   sliderExtendedTrack: ne,
   lg: ue,
   focusedByClick: fe,
@@ -26,7 +26,7 @@ const ne = "sliderExtendedTrack__62908933", ue = "lg__252d9dbc", fe = "focusedBy
   onTouchStart: y,
   ...A
 }) => {
-  const [W, C] = c(!1), [l, S] = c(!1), [H, v] = c(!1), [V, a] = c(!1), [U, b] = c(-1), {
+  const [W, C] = c(!1), [d, S] = c(!1), [H, v] = c(!1), [V, a] = c(!1), [U, b] = c(-1), {
     disabled: M,
     dots: s,
     focused: i,
@@ -37,9 +37,9 @@ const ne = "sliderExtendedTrack__62908933", ue = "lg__252d9dbc", fe = "focusedBy
     setFocused: R,
     steps: u,
     size: $
-  } = ce(le), f = O(0), m = O(null);
+  } = ce(de), f = O(0), m = O(null);
   if (P(() => {
-    s.length > 1 && k ? l || S(!0) : l !== !1 && S(!1);
+    s.length > 1 && k ? d || S(!0) : d !== !1 && S(!1);
   }, [s, k]), P(() => {
     s.length > 1 && b(i ? 2 : -1);
   }, [i]), !s.length)
@@ -49,7 +49,7 @@ const ne = "sliderExtendedTrack__62908933", ue = "lg__252d9dbc", fe = "focusedBy
       cursorXPosition: t.clientX,
       railNode: r
     })), e(t), x == null || x(t);
-  }, G = (e) => d.dragDots({
+  }, G = (e) => l.dragDots({
     cursorPrevNormalizedValue: f,
     cursorXPosition: e.clientX,
     dots: s,
@@ -64,7 +64,7 @@ const ne = "sliderExtendedTrack__62908933", ue = "lg__252d9dbc", fe = "focusedBy
       railNode: r
     })), e(t), y == null || y(t));
   }, q = (e) => {
-    e.touches.length == 1 && (e.cancelable && e.preventDefault(), d.dragDots({
+    e.touches.length == 1 && (e.cancelable && e.preventDefault(), l.dragDots({
       cursorPrevNormalizedValue: f,
       cursorXPosition: e.touches[0].clientX,
       dots: s,
@@ -75,9 +75,9 @@ const ne = "sliderExtendedTrack__62908933", ue = "lg__252d9dbc", fe = "focusedBy
   }, I = (e) => {
     e.cancelable && e.preventDefault(), a(!1), e.target !== m.current && n(!1), document.removeEventListener("touchend", I);
   }, J = (e) => {
-    e.preventDefault(), d.moveToPrevStep(s, u);
+    e.preventDefault(), l.moveToPrevStep(s, u);
   }, Q = (e) => {
-    e.preventDefault(), d.moveToNextStep(s, u);
+    e.preventDefault(), l.moveToNextStep(s, u);
   }, Z = (e) => {
     i || R(!0), C(!0), E == null || E(e);
   }, ee = (e) => {
@@ -86,7 +86,7 @@ const ne = "sliderExtendedTrack__62908933", ue = "lg__252d9dbc", fe = "focusedBy
     n(!0), D == null || D(e);
   }, se = (e) => {
     V || n(!1), T == null || T(e);
-  }, { left: re, right: oe } = d.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(
@@ -114,14 +114,14 @@ const ne = "sliderExtendedTrack__62908933", ue = "lg__252d9dbc", fe = "focusedBy
           "span",
           {
             role: "button",
-            tabIndex: !M && l ? U : -1,
+            tabIndex: !M && d ? U : -1,
             ...A,
-            className: de(o.sliderExtendedTrack, pe[$], K, {
+            className: le(o.sliderExtendedTrack, pe[$], K, {
               [o.disabled]: M,
               [o.focusedByClick]: H,
               [o.hoverOrDragByMouse]: j,
               // Не перетаскиваемый.
-              [o.staticSlider]: !l
+              [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 { jsx as a } from "react/jsx-runtime";
+import m from "react";
 import { c as p } from "../../chunks/vendor---Om3uMV.js";
-const o = "smallInput__65120c8d", n = {
+const o = "smallInput__94c12bea", 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 = m.forwardRef(({ className: t, ...l }, s) => /* @__PURE__ */ a("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

@@ -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";
@@ -9,8 +9,8 @@ import "../Button/ButtonDropdownExtended.js";
 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 { u as j, c as _ } from "../../chunks/vendor---Om3uMV.js";
-const y = "spoiler__48289b00", D = "opened__febaeb8b", q = "caretIcon__853359ca", A = "head__99b1cb4e", G = "content__723b5ee3", H = "hidden__9baebf4e", K = "lg__79874da1", $ = "md__eac8e00f", F = "sm__f8dfe079", e = {
+import { u as j, c as f } from "../../chunks/vendor---Om3uMV.js";
+const y = "spoiler__afb0e17d", D = "opened__4fae9a94", q = "caretIcon__c5b99aa2", A = "head__2f11d88a", G = "content__1d837faf", H = "hidden__8fae1ac8", K = "lg__baf7147b", $ = "md__3e894f12", F = "sm__c40fbbb1", e = {
   spoiler: y,
   opened: D,
   caretIcon: q,
@@ -21,25 +21,25 @@ const y = "spoiler__48289b00", D = "opened__febaeb8b", q = "caretIcon__853359ca"
   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) => {
+  [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((_, h) => {
   const {
     children: I,
     expanded: c,
     onToggle: o,
-    toggle: n,
+    toggle: a,
     className: x,
     labelExpand: S,
-    labelCollapse: b,
-    rightBlock: u,
+    labelCollapse: u,
+    rightBlock: N,
     size: r = s.MD,
-    ...N
-  } = f, d = c !== void 0, [C, v] = T(c), t = d ? c : C, m = E(`Spoiler-${j()}`), M = w(() => {
+    ...b
+  } = _, 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 = f(
     e.spoiler,
     O[r],
     {
@@ -47,7 +47,7 @@ const y = "spoiler__48289b00", D = "opened__febaeb8b", q = "caretIcon__853359ca"
     },
     x
   );
-  return /* @__PURE__ */ l("div", { ...N, className: k, "data-tx": "0.24.0", ref: h, children: [
+  return /* @__PURE__ */ l("div", { ...b, className: k, "data-tx": "0.25.0", ref: h, children: [
     /* @__PURE__ */ l("div", { className: e.head, children: [
       /* @__PURE__ */ l(
         L,
@@ -58,14 +58,14 @@ const y = "spoiler__48289b00", D = "opened__febaeb8b", q = "caretIcon__853359ca"
           size: r,
           onClick: M,
           children: [
-            t ? b : S,
+            t ? u : S,
             J[r]
           ]
         }
       ),
-      u
+      N
     ] }),
-    /* @__PURE__ */ a("div", { id: m.current, className: _(e.content, { [e.hidden]: !t }), children: I })
+    /* @__PURE__ */ n("div", { id: m.current, className: f(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---Om3uMV.js";
-import { s as r } from "../../chunks/StatusTracker.module-BT9AMEAv.js";
+import { s as r } from "../../chunks/StatusTracker.module-OAxbFucN.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.24.0",
+        "data-tx": "0.25.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-BT9AMEAv.js";
+import { s as p } from "../../../chunks/StatusTracker.module-OAxbFucN.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-BT9AMEAv.js";
+import { s as u } from "../../../chunks/StatusTracker.module-OAxbFucN.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-BT9AMEAv.js";
+import { s as a } from "../../../chunks/StatusTracker.module-OAxbFucN.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-BT9AMEAv.js";
+import { s as a } from "../../../chunks/StatusTracker.module-OAxbFucN.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-BT9AMEAv.js";
+import { s as r } from "../../../chunks/StatusTracker.module-OAxbFucN.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-BT9AMEAv.js";
+import { s as u } from "../../../chunks/StatusTracker.module-OAxbFucN.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-BT9AMEAv.js";
+import { s as o } from "../../../chunks/StatusTracker.module-OAxbFucN.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-BT9AMEAv.js";
+import { s as m } from "../../../chunks/StatusTracker.module-OAxbFucN.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-BT9AMEAv.js";
+import { s as l } from "../../../chunks/StatusTracker.module-OAxbFucN.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-BT9AMEAv.js";
+import { s as c } from "../../../chunks/StatusTracker.module-OAxbFucN.js";
 const k = (t) => {
   const { children: r, className: e, ...i } = t;
   return /* @__PURE__ */ s(

package/components/Step/Step.js

@@ -3,19 +3,19 @@ import { useRef as u } from "react";
 import { EStepStatus as o, EStepPosition as e } from "./enums.js";
 import { ETooltipAlign as n, ETooltipSize as _ } 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 S, ETextSize as b } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
-import { Text as N } from "../Typography/Text.js";
+import { Text as D } from "../Typography/Text.js";
 import "../Typography/Title.js";
-import { c as A } from "../../chunks/vendor---Om3uMV.js";
-const R = "step__289855a6", x = "done__ea60c434", h = "warning__47cc8f1e", v = "active__532d98c2", b = "error__172bda2f", w = "disabled__0c211446", t = {
-  step: R,
-  default: "default__a5298071",
-  done: x,
-  warning: h,
-  active: v,
-  error: b,
+import { c as N } from "../../chunks/vendor---Om3uMV.js";
+const A = "step__10bbe76c", R = "done__d04e089c", x = "warning__74b2a59b", h = "active__c8b40417", v = "error__c555165d", w = "disabled__fb4a6ea0", t = {
+  step: A,
+  default: "default__45458f91",
+  done: R,
+  warning: x,
+  active: h,
+  error: v,
   disabled: w
 }, L = {
   [o.DEFAULT]: t.default,
@@ -36,7 +36,7 @@ const R = "step__289855a6", x = "done__ea60c434", h = "warning__47cc8f1e", v = "
   position: m = e.Default,
   ...f
 }) => {
-  const l = u(null), T = y[m], E = A(t.step, L[d], s), c = () => /* @__PURE__ */ i("div", { ref: l, className: E, ...f, children: /* @__PURE__ */ i(N, { size: D.B1, weight: S.SEMIBOLD, children: p }) });
+  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(D, { size: b.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-TcR9E_47.js";
+import { R as m } from "../../chunks/RightBorderArrow-C6j8565V.js";
 import "./enums.js";
 export {
   m as RightBorderArrow

package/components/Stepper/Stepper.js

@@ -8,9 +8,9 @@ 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 } from "../../chunks/vendor---Om3uMV.js";
+import { c as i } from "../../chunks/vendor---Om3uMV.js";
 import { EStepperSize as a } from "./enums.js";
-const K = "stepper__56036f20", O = "sm__95acaf1e", Q = "md__e41d5bec", T = "lg__28b8f7cc", U = "stepperCarousel__bb4611c4", V = "buttonPrev__974ce2cb", Y = "buttonNext__3bf5c548", n = {
+const K = "stepper__29313d95", O = "sm__136a59ec", Q = "md__931b859f", T = "lg__59985e00", U = "stepperCarousel__b7b95d54", V = "buttonPrev__02463b91", Y = "buttonNext__347ad6df", n = {
   stepper: K,
   sm: O,
   md: Q,
@@ -30,25 +30,25 @@ const K = "stepper__56036f20", O = "sm__95acaf1e", Q = "md__e41d5bec", T = "lg__
 }, P = ({
   className: m,
   steps: h,
-  size: i = a.SM,
+  size: c = a.SM,
   selectedStepId: l,
   ...E
 }) => {
-  const [b, w] = G({ stepNext: 0, stepPrev: 0 }), u = v(null), x = v({}), B = c(n.stepper, p(i), m), M = h.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: c(n.buttonPrev, p(i)),
+      className: i(n.buttonPrev, p(c)),
       ...t,
       "aria-label": "Прокрутить назад",
-      children: /* @__PURE__ */ s(F, { className: c(n.buttonPrevIcon), paletteIndex: 5 })
+      children: /* @__PURE__ */ s(F, { className: i(n.buttonPrevIcon), paletteIndex: 5 })
     }
   ), W = ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ s(
     R,
     {
-      className: c(n.buttonNext, p(i)),
+      className: i(n.buttonNext, p(c)),
       ...t,
       "aria-label": "Прокрутить вперёд",
-      children: /* @__PURE__ */ s(q, { className: c(n.buttonNextIcon), paletteIndex: 5 })
+      children: /* @__PURE__ */ s(q, { className: i(n.buttonNextIcon), paletteIndex: 5 })
     }
   );
   C(() => {
@@ -65,27 +65,27 @@ const K = "stepper__56036f20", O = "sm__95acaf1e", Q = "md__e41d5bec", 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) {
-      const { current: e } = u, t = x.current[l];
+      const { current: e } = u, t = b.current[l];
       e && t && A(e, t);
     }
   }, [l]), /* @__PURE__ */ s(
     $,
     {
-      className: c(n.stepperCarousel, p(i)),
+      className: i(n.stepperCarousel, p(c)),
       buttonPrev: I,
       buttonNext: W,
-      stepPrev: b.stepPrev,
-      stepNext: b.stepNext,
+      stepPrev: x.stepPrev,
+      stepNext: x.stepNext,
       ref: u,
-      children: /* @__PURE__ */ s(_, { className: B, selectedStepId: l, size: i, ...E, children: h.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---Om3uMV.js";
-const h = "stepperExtended__6e3e1c76", u = {
+const h = "stepperExtended__0a9410f5", u = {
   stepperExtended: h
 }, t = ({
   children: r,
@@ -13,10 +13,10 @@ const h = "stepperExtended__6e3e1c76", u = {
   onSelectStep: s,
   selectedStepId: d,
   forwardedRef: n,
-  ...c
+  ...m
 }) => {
-  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 }) });
+  const c = 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: c, role: "tablist", ...m, ref: n, children: r }) });
 };
 t.Step = f;
 t.Wrapper = x;

package/components/Stepper/StepperStep.js

@@ -1,88 +1,86 @@
-import { jsxs as I, jsx as y } from "react/jsx-runtime";
-import { useContext as V, useState as W, useRef as k } from "react";
+import { jsxs as d, jsx as y } from "react/jsx-runtime";
+import { useContext as U, useState as V, useRef as k } from "react";
 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---Om3uMV.js";
-import { s as t, R as F } from "../../chunks/RightBorderArrow-TcR9E_47.js";
-import { EStepperSize as h, EStepperStepType as j } from "./enums.js";
-const H = ({
-  children: x,
-  className: z,
-  id: c,
+import { StepperExtendedContext as v } from "./StepperExtendedContext.js";
+import { EFocusSource as c } from "../../enums/EFocusSource.js";
+import { c as D } from "../../chunks/vendor---Om3uMV.js";
+import { EStepperSize as x, EStepperStepType as C } from "./enums.js";
+import { s as e, R as F } from "../../chunks/RightBorderArrow-C6j8565V.js";
+import { IconWrapper as H } from "../IconWrapper/IconWrapper.js";
+const J = ({
+  children: h,
+  className: j,
+  id: o,
   isInActiveStep: R,
-  onFocus: m,
-  onBlur: a,
-  onKeyDown: i,
-  onMouseDown: f,
-  onClick: l,
+  onFocus: n,
+  onBlur: i,
+  onKeyDown: f,
+  onMouseDown: a,
+  onClick: S,
   disabled: r,
   icon: g,
-  forwardedRef: o,
-  type: O,
-  ...G
+  forwardedRef: s,
+  type: I,
+  ...z
 }) => {
-  const { selectedId: T, size: n, onSelectStep: S } = V(D), [u, E] = W(s.NONE), p = k(null), N = c === T, Y = C(
-    t.stepperStep,
+  const { selectedId: G, size: p, onSelectStep: l } = U(v), [u, E] = V(c.NONE), m = k(null), N = o === G, T = D(
+    e.stepperStep,
     {
-      [t.active]: N,
-      [t.inactive]: R,
-      [t.completed]: !N && !R,
-      [t.disabled]: !!r,
-      [t.nonempty]: !!x,
-      [t.error]: !r && O === j.ERROR,
-      [t.warning]: !r && O === j.WARNING,
-      [t.focusVisible]: u === s.KEYBOARD,
-      [t.sm]: n === h.SM,
-      [t.md]: n === h.MD,
-      [t.lg]: n === h.LG
+      [e.active]: N,
+      [e.inactive]: R,
+      [e.completed]: !N && !R,
+      [e.disabled]: !!r,
+      [e.nonempty]: !!h,
+      [e.error]: !r && I === C.ERROR,
+      [e.warning]: !r && I === C.WARNING,
+      [e.focusVisible]: u === c.KEYBOARD,
+      [e.sm]: p === x.SM,
+      [e.md]: p === x.MD,
+      [e.lg]: p === x.LG
     },
-    z
-  ), v = (e) => {
-    !u && p.current === e.target && E(s.KEYBOARD), m == null || m(e);
-  }, B = (e) => {
-    p.current !== document.activeElement && p.current === e.target && E(s.NONE), a == null || a(e);
-  }, K = (e) => {
-    const d = e.code || e.keyCode;
-    A(d, "ENTER") ? r || S(c) : A(d, "SPACE") && (e.preventDefault(), r || S(c)), i == null || i(e);
-  }, L = (e) => {
-    u || E(s.MOUSE), f == null || f(e);
-  }, M = (e) => {
-    r || S(c), l == null || l(e);
-  }, P = (e) => {
-    p.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
-  }, U = () => {
-    const e = C(t.icon, "hoverable", { disabled: !!r });
-    return /* @__PURE__ */ y("span", { className: e, children: g });
-  };
-  return /* @__PURE__ */ I(
+    j
+  ), W = (t) => {
+    !u && m.current === t.target && E(c.KEYBOARD), n == null || n(t);
+  }, Y = (t) => {
+    m.current !== document.activeElement && m.current === t.target && E(c.NONE), i == null || i(t);
+  }, B = (t) => {
+    const O = t.code || t.keyCode;
+    A(O, "ENTER") ? r || l(o) : A(O, "SPACE") && (t.preventDefault(), r || l(o)), f == null || f(t);
+  }, K = (t) => {
+    u || E(c.MOUSE), a == null || a(t);
+  }, L = (t) => {
+    r || l(o), S == null || S(t);
+  }, M = (t) => {
+    m.current = t, typeof s == "function" ? s(t) : s && (s.current = t);
+  }, P = () => /* @__PURE__ */ y(H, { className: e.icon, disabled: !!r, children: g });
+  return /* @__PURE__ */ d(
     "li",
     {
-      className: Y,
-      onFocus: v,
-      onBlur: B,
-      onKeyDown: K,
-      onMouseDown: L,
-      onClick: M,
+      className: T,
+      onFocus: W,
+      onBlur: Y,
+      onKeyDown: B,
+      onMouseDown: K,
+      onClick: L,
       tabIndex: r ? -1 : 0,
       "aria-disabled": r,
       "aria-current": N || void 0,
       role: "button",
-      ...G,
-      ref: P,
+      ...z,
+      ref: M,
       children: [
-        /* @__PURE__ */ I("div", { className: t.content, "data-tx": "0.24.0", children: [
-          g && U(),
-          x
+        /* @__PURE__ */ d("div", { className: e.content, "data-tx": "0.25.0", children: [
+          g && P(),
+          h
         ] }),
-        /* @__PURE__ */ y(F, { size: n })
+        /* @__PURE__ */ y(F, { size: p })
       ]
     }
   );
 };
-H.Icon = q;
+J.Icon = q;
 export {
-  H as StepperStep
+  J as StepperStep
 };
 //# sourceMappingURL=StepperStep.js.map