@sberbusiness/triplex-next 0.24.0 → 0.26.0

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 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 _ } 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 = {
+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 = {
   spoiler: y,
   opened: D,
   caretIcon: q,
@@ -21,24 +21,24 @@ 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 })
+  [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: n,
     className: x,
     labelExpand: S,
-    labelCollapse: b,
-    rightBlock: u,
-    size: r = s.MD,
-    ...N
-  } = f, d = c !== void 0, [C, v] = T(c), t = d ? c : C, m = E(`Spoiler-${j()}`), M = w(() => {
+    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(() => {
     const i = !t;
-    d ? n == null || n(i) : v(i), o == null || o(i);
+    d ? n == null || n(i) : M(i), o == null || o(i);
   }, [d, n, t, o]), k = _(
     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", { ...C, className: k, "data-tx": "0.26.0", ref: h, children: [
     /* @__PURE__ */ l("div", { className: e.head, children: [
       /* @__PURE__ */ l(
         L,
@@ -56,14 +56,14 @@ const y = "spoiler__48289b00", D = "opened__febaeb8b", q = "caretIcon__853359ca"
           "aria-controls": m.current,
           theme: R.LINK,
           size: r,
-          onClick: M,
+          onClick: b,
           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 })
   ] });

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-CwUmaWht.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.26.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-CwUmaWht.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-CwUmaWht.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-CwUmaWht.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-CwUmaWht.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-CwUmaWht.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-CwUmaWht.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-CwUmaWht.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-CwUmaWht.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-CwUmaWht.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-CwUmaWht.js";
 const k = (t) => {
   const { children: r, className: e, ...i } = t;
   return /* @__PURE__ */ s(

package/components/Step/Step.js

@@ -9,13 +9,13 @@ import "../Typography/CodeText.js";
 import { Text as N } 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 = {
+const R = "step__53e25ba1", b = "done__78ff5b42", x = "warning__378d7f68", h = "active__cd685664", v = "error__cddcf01e", w = "disabled__f545c181", t = {
   step: R,
-  default: "default__a5298071",
-  done: x,
-  warning: h,
-  active: v,
-  error: b,
+  default: "default__4eaac9bc",
+  done: b,
+  warning: x,
+  active: h,
+  error: v,
   disabled: w
 }, L = {
   [o.DEFAULT]: t.default,
@@ -33,14 +33,14 @@ const R = "step__289855a6", x = "done__ea60c434", h = "warning__47cc8f1e", v = "
   className: s,
   step: p,
   status: d,
-  position: m = e.Default,
-  ...f
+  position: f = e.Default,
+  ...m
 }) => {
-  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 }) });
-  return r ? /* @__PURE__ */ g(a, { size: _.SM, toggleType: "hover", alignTip: T, targetRef: l, children: [
-    /* @__PURE__ */ i(a.Target, { children: c() }),
+  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() }),
     /* @__PURE__ */ i(a.Body, { children: r })
-  ] }) : c();
+  ] }) : l();
 };
 z.displayName = "Step";
 export {

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 } 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 = {
-  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: i = 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__648bd8a8", D = "stepperButtonWrapper__ec47b674", F = "prev__bc9c96fd", J = "next__887436bc", K = "stepperButton__88a9e2ce", Q = "sm__ab4f2b90", U = "md__44a9f41d", V = "lg__5c1b81b3", 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 [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(
-    R,
-    {
-      className: c(n.buttonPrev, p(i)),
-      ...t,
-      "aria-label": "Прокрутить назад",
-      children: /* @__PURE__ */ s(F, { className: c(n.buttonPrevIcon), paletteIndex: 5 })
-    }
-  ), W = ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ s(
-    R,
-    {
-      className: c(n.buttonNext, p(i)),
-      ...t,
-      "aria-label": "Прокрутить вперёд",
-      children: /* @__PURE__ */ s(q, { className: c(n.buttonNextIcon), paletteIndex: 5 })
-    }
+  const [x, P] = A({ stepNext: 0, stepPrev: 0 }), m = N(null), b = 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(), 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);
-  };
-  return C(() => {
-    if (l) {
-      const { current: e } = u, t = x.current[l];
-      e && t && A(e, t);
+  const v = p(
+    (t, e, r, o) => {
+      r > 0 && (e.nextElementSibling && (r -= o - e.nextElementSibling.getBoundingClientRect().right), h(t, Math.ceil(r)));
+    },
+    []
+  ), C = p(
+    (t, e, r, o) => {
+      r < 0 && (e.previousElementSibling && (r -= o - e.previousElementSibling.getBoundingClientRect().left), h(t, Math.floor(r)));
+    },
+    []
+  ), _ = 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 ? _(t, d - f) : f > d ? C(t, e, u - r, u) : f < d && v(t, e, R - o, R);
+    },
+    [_, C, v]
+  );
+  return w(() => {
+    if (c) {
+      const { current: t } = m, e = b.current[c];
+      t && e && B(t, e);
     }
-  }, [l]), /* @__PURE__ */ s(
-    $,
+  }, [c, B]), /* @__PURE__ */ n(
+    z,
     {
-      className: c(n.stepperCarousel, p(i)),
-      buttonPrev: I,
-      buttonNext: W,
-      stepPrev: b.stepPrev,
-      stepNext: b.stepNext,
-      ref: u,
-      children: /* @__PURE__ */ s(_, { className: B, selectedStepId: l, size: i, ...E, children: h.map(({ label: e, ...t }, r) => /* @__PURE__ */ s(
-        _.Step,
+      className: l(s.stepperCarousel, g[i], I),
+      buttonPrev: O,
+      buttonNext: T,
+      stepPrev: x.stepPrev,
+      stepNext: x.stepNext,
+      ref: m,
+      children: /* @__PURE__ */ n(W, { selectedStepId: c, size: i, ...M, children: S.map(({ label: t, ...e }, r) => /* @__PURE__ */ n(
+        W.Step,
         {
-          forwardedRef: (o) => x.current[t.id] = o,
-          ...t,
-          isInActiveStep: r > M,
-          children: e
+          forwardedRef: (o) => b.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__6e3e1c76", u = {
-  stepperExtended: h
-}, t = ({
-  children: r,
-  className: p,
-  size: o = a.SM,
-  onSelectStep: s,
-  selectedStepId: d,
-  forwardedRef: n,
-  ...c
+import { jsx as o } from "react/jsx-runtime";
+import { useMemo as c } 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 = {
+  stepperExtended: E
+}, S = ({
+  children: p,
+  className: s,
+  size: e = f.LG,
+  onSelectStep: t,
+  selectedStepId: r,
+  forwardedRef: m,
+  ...n
 }) => {
-  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 d = i(u.stepperExtended, s), x = c(
+    () => ({ 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 }) });
 };
-t.Step = f;
-t.Wrapper = x;
+S.Step = l;
 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