@sberbusiness/triplex-next 0.25.0 → 0.27.0

package/components/SmallInput/SmallInput.js

@@ -1,11 +1,11 @@
 import { jsx as a } from "react/jsx-runtime";
 import m from "react";
 import { c as p } from "../../chunks/vendor---Om3uMV.js";
-const o = "smallInput__94c12bea", n = {
+const o = "smallInput__fd9b5ac3", n = {
   smallInput: o
-}, e = m.forwardRef(({ className: t, ...l }, s) => /* @__PURE__ */ a("input", { className: p(n.smallInput, t), ...l, type: "text", ref: s }));
-e.displayName = "SmallInput";
+}, r = m.forwardRef(({ className: t, ...l }, s) => /* @__PURE__ */ a("input", { className: p(n.smallInput, t), ...l, type: "text", ref: s }));
+r.displayName = "SmallInput";
 export {
-  e as SmallInput
+  r as SmallInput
 };
 //# sourceMappingURL=SmallInput.js.map

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 { 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 = {
+const y = "spoiler__c7233c8c", D = "opened__07c5fd6a", q = "caretIcon__98667817", A = "head__b1f92dba", G = "content__9d5ff9b9", H = "hidden__0f29ad65", K = "lg__8cf3cb21", $ = "md__9bb3a3d9", F = "sm__53b1e315", e = {
   spoiler: y,
   opened: D,
   caretIcon: q,
@@ -21,25 +21,25 @@ const y = "spoiler__afb0e17d", D = "opened__4fae9a94", q = "caretIcon__c5b99aa2"
   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((_, 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
-  } = _, d = c !== void 0, [C, v] = T(c), t = d ? c : C, m = E(`Spoiler-${j()}`), M = w(() => {
+  } = _, 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 = f(
+    d ? n == null || n(i) : v(i), o == null || o(i);
+  }, [d, n, t, o]), k = f(
     e.spoiler,
     O[r],
     {
@@ -47,7 +47,7 @@ const y = "spoiler__afb0e17d", D = "opened__4fae9a94", q = "caretIcon__c5b99aa2"
     },
     x
   );
-  return /* @__PURE__ */ l("div", { ...b, className: k, "data-tx": "0.25.0", ref: h, children: [
+  return /* @__PURE__ */ l("div", { ...b, className: k, "data-tx": "0.27.0", ref: h, children: [
     /* @__PURE__ */ l("div", { className: e.head, children: [
       /* @__PURE__ */ l(
         L,
@@ -65,7 +65,7 @@ const y = "spoiler__afb0e17d", D = "opened__4fae9a94", q = "caretIcon__c5b99aa2"
       ),
       N
     ] }),
-    /* @__PURE__ */ n("div", { id: m.current, className: f(e.content, { [e.hidden]: !t }), children: I })
+    /* @__PURE__ */ a("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-OAxbFucN.js";
+import { s as r } from "../../chunks/StatusTracker.module-D8_bnGs2.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.25.0",
+        "data-tx": "0.27.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-OAxbFucN.js";
+import { s as p } from "../../../chunks/StatusTracker.module-D8_bnGs2.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-OAxbFucN.js";
+import { s as u } from "../../../chunks/StatusTracker.module-D8_bnGs2.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-OAxbFucN.js";
+import { s as a } from "../../../chunks/StatusTracker.module-D8_bnGs2.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-OAxbFucN.js";
+import { s as a } from "../../../chunks/StatusTracker.module-D8_bnGs2.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-OAxbFucN.js";
+import { s as r } from "../../../chunks/StatusTracker.module-D8_bnGs2.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-OAxbFucN.js";
+import { s as u } from "../../../chunks/StatusTracker.module-D8_bnGs2.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-OAxbFucN.js";
+import { s as o } from "../../../chunks/StatusTracker.module-D8_bnGs2.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-OAxbFucN.js";
+import { s as m } from "../../../chunks/StatusTracker.module-D8_bnGs2.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-OAxbFucN.js";
+import { s as l } from "../../../chunks/StatusTracker.module-D8_bnGs2.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-OAxbFucN.js";
+import { s as c } from "../../../chunks/StatusTracker.module-D8_bnGs2.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 b } 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 D } from "../Typography/Text.js";
 import "../Typography/Title.js";
-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,
+import { c as O } from "../../chunks/vendor---Om3uMV.js";
+import { EComponentSize as I } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as L } from "../../utils/classNameMaps.js";
+const M = "step__d8fa9aa8", P = "sm__103cce27", R = "md__6ec459c8", b = "lg__b4e19e84", x = "done__bffb010d", C = "warning__a616187f", h = "active__998fd109", v = "error__2e581996", z = "disabled__da8ec289", t = {
+  step: M,
+  sm: P,
+  md: R,
+  lg: b,
+  default: "default__2d0765a2",
+  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 A = "step__10bbe76c", R = "done__d04e089c", x = "warning__74b2a59b", 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 = L(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: m = e.Default,
+  step: m,
+  status: _,
+  position: p = e.Default,
+  size: d = I.MD,
   ...f
 }) => {
-  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() }),
+  const c = g(null), T = y[p], S = O(t.step, w[_], B[d], s), l = () => /* @__PURE__ */ i("div", { ref: c, className: S, ...f, children: /* @__PURE__ */ i(D, { size: N.B1, weight: u.SEMIBOLD, children: m }) });
+  return r ? /* @__PURE__ */ E(a, { size: A.SM, toggleType: "hover", alignTip: T, targetRef: c, children: [
+    /* @__PURE__ */ i(a.Target, { children: l() }),
     /* @__PURE__ */ i(a.Body, { children: r })
-  ] }) : c();
+  ] }) : l();
 };
-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

@@ -1,103 +1,118 @@
-import { jsx as s } from "react/jsx-runtime";
-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---Om3uMV.js";
-import { EStepperSize as a } from "./enums.js";
-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,
-  lg: T,
-  stepperCarousel: U,
-  buttonPrev: V,
-  buttonNext: Y
-}, p = (m) => {
-  switch (m) {
-    case a.LG:
-      return n.lg;
-    case a.MD:
-      return n.md;
-    case a.SM:
-      return n.sm;
-  }
-}, P = ({
-  className: m,
-  steps: h,
-  size: c = a.SM,
-  selectedStepId: l,
-  ...E
+import { jsx as n } from "react/jsx-runtime";
+import { useState as A, useRef as N, useCallback as p, useEffect as w } from "react";
+import { c as l } from "../../chunks/vendor---Om3uMV.js";
+import { CaretleftStrokeSrvIcon24 as y, CaretrightStrokeSrvIcon24 as j } from "@sberbusiness/icons-next";
+import { CarouselExtended as z } from "../CarouselExtended/CarouselExtended.js";
+import { ButtonIcon as E } from "../Button/ButtonIcon.js";
+import { StepperExtended as W } from "./StepperExtended.js";
+import { StepperStep as G } from "./StepperStep.js";
+import { createSizeToClassNameMap as H } from "../../utils/classNameMaps.js";
+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__951f3b17", D = "stepperButtonWrapper__dc06a7bb", F = "prev__b0e3aff4", J = "next__012063ae", K = "stepperButton__54c99757", Q = "sm__8adc9829", U = "md__677f1705", V = "lg__5967ae13", s = {
+  stepperCarousel: q,
+  stepperButtonWrapper: D,
+  prev: F,
+  next: J,
+  stepperButton: K,
+  sm: Q,
+  md: U,
+  lg: V
+}, g = H(s), Y = 0.3, Z = ({
+  className: I,
+  steps: S,
+  size: i = X.LG,
+  selectedStepId: c,
+  ...M
 }) => {
-  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)),
-      ...t,
-      "aria-label": "Прокрутить назад",
-      children: /* @__PURE__ */ s(F, { className: i(n.buttonPrevIcon), paletteIndex: 5 })
-    }
-  ), W = ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ s(
-    R,
-    {
-      className: i(n.buttonNext, p(c)),
-      ...t,
-      "aria-label": "Прокрутить вперёд",
-      children: /* @__PURE__ */ s(q, { className: i(n.buttonNextIcon), paletteIndex: 5 })
-    }
+  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,
+      {
+        className: l(s.stepperButton, g[i]),
+        tabIndex: -1,
+        ...e,
+        children: /* @__PURE__ */ n(y, { paletteIndex: 5 })
+      }
+    ) }),
+    [i]
+  ), T = p(
+    ({ hidden: t, ...e }) => t ? null : /* @__PURE__ */ n("div", { className: l(s.stepperButtonWrapper, s.next), children: /* @__PURE__ */ n(
+      E,
+      {
+        className: l(s.stepperButton, g[i]),
+        tabIndex: -1,
+        ...e,
+        children: /* @__PURE__ */ n(j, { paletteIndex: 5 })
+      }
+    ) }),
+    [i]
   );
-  C(() => {
-    const { current: e } = u;
-    if (e) {
-      const t = e.getBoundingClientRect().width * 0.3;
-      w({ stepNext: t, stepPrev: t });
-    }
+  w(() => {
+    const t = m.current;
+    if (t === null)
+      return;
+    const e = new ResizeObserver((r) => {
+      const a = r[0].contentRect.width * Y;
+      P({
+        stepNext: a,
+        stepPrev: a
+      });
+    });
+    return e.observe(t), () => {
+      e.disconnect();
+    };
   }, []);
-  const L = (e, t, r, o) => {
-    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), S(e, Math.floor(r)));
-  }, 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(), 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 = b.current[l];
-      e && t && A(e, t);
+  const C = p(
+    (t, e, r, o) => {
+      r > 0 && (e.nextElementSibling && (r -= o - e.nextElementSibling.getBoundingClientRect().right), h(t, Math.ceil(r)));
+    },
+    []
+  ), _ = p(
+    (t, e, r, o) => {
+      r < 0 && (e.previousElementSibling && (r -= o - e.previousElementSibling.getBoundingClientRect().left), h(t, Math.floor(r)));
+    },
+    []
+  ), B = p((t, e) => {
+    e && h(t, e);
+  }, []), 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 ? B(t, d - f) : f > d ? _(t, e, u - r, u) : f < d && C(t, e, R - o, R);
+    },
+    [B, _, C]
+  );
+  return w(() => {
+    if (c) {
+      const { current: t } = m, e = v.current[c];
+      t && e && b(t, e);
     }
-  }, [l]), /* @__PURE__ */ s(
-    $,
+  }, [c, b]), /* @__PURE__ */ n(
+    z,
     {
-      className: i(n.stepperCarousel, p(c)),
-      buttonPrev: I,
-      buttonNext: W,
+      className: l(s.stepperCarousel, g[i], I),
+      buttonPrev: O,
+      buttonNext: T,
       stepPrev: x.stepPrev,
       stepNext: x.stepNext,
-      ref: u,
-      children: /* @__PURE__ */ s(_, { className: B, selectedStepId: l, size: c, ...E, children: h.map(({ label: e, ...t }, r) => /* @__PURE__ */ s(
-        _.Step,
+      ref: m,
+      children: /* @__PURE__ */ n(W, { selectedStepId: c, size: i, ...M, children: S.map(({ label: t, ...e }, r) => /* @__PURE__ */ n(
+        W.Step,
         {
-          forwardedRef: (o) => b.current[t.id] = o,
-          ...t,
-          isInActiveStep: r > M,
-          children: e
+          forwardedRef: (o) => v.current[e.id] = o,
+          ...e,
+          isInActiveStep: r > L,
+          children: t
         },
-        t.id
+        e.id
       )) })
     }
   );
 };
-P.Wrapper = H;
-P.Step = X;
+Z.Step = G;
 export {
-  P as Stepper
+  Z as Stepper
 };
 //# sourceMappingURL=Stepper.js.map

package/components/Stepper/StepperExtended.js

@@ -1,26 +1,28 @@
-import { jsx as e } from "react/jsx-runtime";
-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---Om3uMV.js";
-const h = "stepperExtended__0a9410f5", u = {
-  stepperExtended: h
-}, t = ({
-  children: r,
-  className: p,
-  size: o = a.SM,
-  onSelectStep: s,
-  selectedStepId: d,
-  forwardedRef: n,
-  ...m
+import { jsx as o } from "react/jsx-runtime";
+import { useMemo as x } from "react";
+import { c as a } from "../../chunks/vendor---Om3uMV.js";
+import { StepperStep as i } from "./StepperStep.js";
+import { StepperExtendedContext as l } from "./StepperExtendedContext.js";
+import { EComponentSize as f } from "../../enums/EComponentSize.js";
+const E = "stepperExtended__755c9ca5", u = {
+  stepperExtended: E
+}, S = ({
+  children: p,
+  className: s,
+  size: e = f.LG,
+  onSelectStep: t,
+  selectedStepId: r,
+  forwardedRef: m,
+  ...n
 }) => {
-  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 }) });
+  const d = a(u.stepperExtended, s), c = x(
+    () => ({ selectedId: r, size: e, onSelectStep: t }),
+    [r, e, t]
+  );
+  return /* @__PURE__ */ o(l.Provider, { value: c, children: /* @__PURE__ */ o("ol", { className: d, role: "tablist", ...n, ref: m, children: p }) });
 };
-t.Step = f;
-t.Wrapper = x;
+S.Step = i;
 export {
-  t as StepperExtended
+  S as StepperExtended
 };
 //# sourceMappingURL=StepperExtended.js.map

package/components/Stepper/StepperExtendedContext.js

@@ -1,12 +1,12 @@
 import e from "react";
-import { EStepperSize as t } from "./enums.js";
-const r = e.createContext({
-  size: t.SM,
+import { EComponentSize as t } from "../../enums/EComponentSize.js";
+const p = e.createContext({
+  size: t.LG,
+  selectedId: void 0,
   onSelectStep: () => {
-  },
-  selectedId: void 0
+  }
 });
 export {
-  r as StepperExtendedContext
+  p as StepperExtendedContext
 };
 //# sourceMappingURL=StepperExtendedContext.js.map