@sberbusiness/triplex-next 1.24.0 → 1.26.0

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-DudMBGKr.js";
-import { s as r } from "../../chunks/StatusTracker.module-DSJGmASX.js";
+import { s as r } from "../../chunks/StatusTracker.module-DQI30fwP.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),
         ...d,
         ref: T,
-        "data-tx": "1.24.0",
+        "data-tx": "1.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-DudMBGKr.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-DSJGmASX.js";
+import { s as p } from "../../../chunks/StatusTracker.module-DQI30fwP.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-DudMBGKr.js";
 import { StatusTrackerStatus as c } from "./StatusTrackerStatus.js";
 import { StatusTrackerAlert as i } from "./StatusTrackerAlert.js";
-import { s as u } from "../../../chunks/StatusTracker.module-DSJGmASX.js";
+import { s as u } from "../../../chunks/StatusTracker.module-DQI30fwP.js";
 const f = Object.assign(
   e.forwardRef(function({ children: t, className: r, ...a }, s) {
     return /* @__PURE__ */ o("div", { className: m(u.statusTrackerChild, r), ...a, ref: s, children: t });

package/components/StatusTracker/components/StatusTrackerButton.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { c as m } from "../../../chunks/vendor-DudMBGKr.js";
-import { s as a } from "../../../chunks/StatusTracker.module-DSJGmASX.js";
+import { s as a } from "../../../chunks/StatusTracker.module-DQI30fwP.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-DSJGmASX.js";
+import { s as a } from "../../../chunks/StatusTracker.module-DQI30fwP.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-DudMBGKr.js";
-import { s as r } from "../../../chunks/StatusTracker.module-DSJGmASX.js";
+import { s as r } from "../../../chunks/StatusTracker.module-DQI30fwP.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-DudMBGKr.js";
 import { StatusTrackerDescription as m } from "./StatusTrackerDescription.js";
 import { StatusTrackerTitle as c } from "./StatusTrackerTitle.js";
 import { StatusTrackerSum as u } from "./StatusTrackerSum.js";
-import { s as f } from "../../../chunks/StatusTracker.module-DSJGmASX.js";
+import { s as f } from "../../../chunks/StatusTracker.module-DQI30fwP.js";
 const p = Object.assign(
   o.forwardRef(function({ children: r, className: t, ...a }, e) {
     return /* @__PURE__ */ s("div", { className: i(f.statusTrackerChild, t), ...a, ref: e, children: r });

package/components/StatusTracker/components/StatusTrackerMedia.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { c } from "../../../chunks/vendor-DudMBGKr.js";
-import { s as o } from "../../../chunks/StatusTracker.module-DSJGmASX.js";
+import { s as o } from "../../../chunks/StatusTracker.module-DQI30fwP.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-DudMBGKr.js";
-import { s as m } from "../../../chunks/StatusTracker.module-DSJGmASX.js";
+import { s as m } from "../../../chunks/StatusTracker.module-DQI30fwP.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-DSJGmASX.js";
+import { s as l } from "../../../chunks/StatusTracker.module-DQI30fwP.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-DSJGmASX.js";
+import { s as c } from "../../../chunks/StatusTracker.module-DQI30fwP.js";
 const k = (t) => {
   const { children: r, className: e, ...i } = t;
   return /* @__PURE__ */ s(

package/components/Step/Step.js

@@ -3,17 +3,17 @@ 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 b } from "../Typography/enums.js";
+import { EFontWeightText as S, ETextSize as D } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
-import { Text as D } from "../Typography/Text.js";
+import { Text as N } from "../Typography/Text.js";
 import "../Typography/Title.js";
-import { c as N } from "../../chunks/vendor-DudMBGKr.js";
-const A = "step__d34c9e6a", R = "done__467384d6", x = "warning__64f4a8ba", h = "active__3db80508", v = "error__b43bbc7e", w = "disabled__fed1e166", t = {
-  step: A,
-  default: "default__a822f674",
-  done: R,
-  warning: x,
+import { c as A } from "../../chunks/vendor-DudMBGKr.js";
+const R = "step__320e5d42", x = "done__b5d4912e", b = "warning__da1ff5a9", h = "active__3a78b995", v = "error__1038ec52", w = "disabled__d761e804", t = {
+  step: R,
+  default: "default__28268aa9",
+  done: x,
+  warning: b,
   active: h,
   error: v,
   disabled: w
@@ -36,7 +36,7 @@ const A = "step__d34c9e6a", R = "done__467384d6", x = "warning__64f4a8ba", h = "
   position: m = e.Default,
   ...f
 }) => {
-  const l = u(null), T = y[m], E = N(t.step, L[d], s), p = () => /* @__PURE__ */ i("div", { ref: l, className: E, ...f, children: /* @__PURE__ */ i(D, { size: b.B1, weight: S.SEMIBOLD, children: c }) });
+  const l = u(null), T = y[m], E = A(t.step, L[d], s), p = () => /* @__PURE__ */ i("div", { ref: l, className: E, ...f, children: /* @__PURE__ */ i(N, { size: D.B1, weight: S.SEMIBOLD, children: c }) });
   return r ? /* @__PURE__ */ g(a, { size: _.SM, toggleType: "hover", alignTip: T, targetRef: l, children: [
     /* @__PURE__ */ i(a.Target, { children: p() }),
     /* @__PURE__ */ i(a.Body, { children: r })

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-DudMBGKr.js";
-import { EStepperSize as a } from "./enums.js";
-const K = "stepper__9b3bf4d6", O = "sm__dbcf10d6", Q = "md__6dc7c9eb", T = "lg__31d44149", U = "stepperCarousel__4b621ef0", V = "buttonPrev__c25e319f", Y = "buttonNext__f87038a0", 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 b, useCallback as p, useEffect as w } from "react";
+import { c as l } from "../../chunks/vendor-DudMBGKr.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__c8ee695c", D = "stepperButtonWrapper__0e2df55e", F = "prev__03e5e532", J = "next__cf6c9432", K = "stepperButton__0d828f0a", Q = "sm__87680fd7", U = "md__51fa40a2", V = "lg__f08681f9", 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 = 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 = b(null), v = b({}), 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 = x.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);
+  }, []), R = p(
+    (t, e) => {
+      const { left: r, right: o, width: a } = t.getBoundingClientRect(), { left: f, right: N, width: k } = e.getBoundingClientRect(), u = r + a / 2, d = f + k / 2;
+      window.matchMedia(`(max-width: ${$.SM_MAX})`).matches ? B(t, d - u) : u > d ? _(t, e, f - r, f) : u < d && C(t, e, N - o, N);
+    },
+    [B, _, C]
+  );
+  return w(() => {
+    if (c) {
+      const { current: t } = m, e = v.current[c];
+      t && e && R(t, e);
     }
-  }, [l]), /* @__PURE__ */ s(
-    $,
+  }, [c, R]), /* @__PURE__ */ n(
+    z,
     {
-      className: i(n.stepperCarousel, p(c)),
-      buttonPrev: I,
-      buttonNext: W,
-      stepPrev: b.stepPrev,
-      stepNext: b.stepNext,
-      ref: u,
-      children: /* @__PURE__ */ s(_, { className: B, selectedStepId: l, size: c, ...E, children: h.map(({ label: e, ...t }, r) => /* @__PURE__ */ s(
-        _.Step,
+      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) => 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 { jsx as o } from "react/jsx-runtime";
+import { useMemo as c } from "react";
+import { c as a } from "../../chunks/vendor-DudMBGKr.js";
 import { StepperStep as f } from "./StepperStep.js";
-import { c as E } from "../../chunks/vendor-DudMBGKr.js";
-const b = "stepperExtended__b6cb4eee", h = {
-  stepperExtended: b
-}, t = ({
-  children: r,
-  className: p,
-  size: o = a.SM,
-  onSelectStep: s,
-  selectedStepId: d,
-  forwardedRef: n,
-  ...c
+import { StepperExtendedContext as i } from "./StepperExtendedContext.js";
+import { EComponentSize as l } from "../../enums/EComponentSize.js";
+const E = "stepperExtended__eb12aff6", u = {
+  stepperExtended: E
+}, S = ({
+  children: p,
+  className: s,
+  size: e = l.LG,
+  onSelectStep: t,
+  selectedStepId: r,
+  forwardedRef: m,
+  ...n
 }) => {
-  const m = E(h.stepperExtended, p), l = (S) => s(S);
-  return /* @__PURE__ */ e(i.Provider, { value: { onSelectStep: l, selectedId: d, size: o }, children: /* @__PURE__ */ e("ol", { className: m, role: "tablist", ...c, ref: n, children: r }) });
+  const d = a(u.stepperExtended, s), x = c(
+    () => ({ selectedId: r, size: e, onSelectStep: t }),
+    [r, e, t]
+  );
+  return /* @__PURE__ */ o(i.Provider, { value: x, children: /* @__PURE__ */ o("ol", { className: d, role: "tablist", ...n, ref: m, children: p }) });
 };
-t.Step = f;
-t.Wrapper = x;
+S.Step = f;
 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

package/components/Stepper/StepperStep.js

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

package/components/Stepper/StepperStepArrowBorder.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "../../enums/EComponentSize.js";
+import { S as t } from "../../chunks/StepperStepArrowBorder-CHpL6Q5q.js";
+export {
+  t as StepperStepArrowBorder
+};
+//# sourceMappingURL=StepperStepArrowBorder.js.map

package/components/Stepper/enums.js

@@ -1,7 +1,6 @@
-var R = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r.LG = "lg", r))(R || {}), a = /* @__PURE__ */ ((r) => (r.NEUTRAL = "neutral", r.ERROR = "error", r.WARNING = "warning", r))(a || {}), u = /* @__PURE__ */ ((r) => (r.FILLED = "filled", r.SUCCESS = "success", r.ERROR = "error", r.WARNING = "warning", r.WAIT = "wait", r))(u || {});
+var R = /* @__PURE__ */ ((r) => (r.NEUTRAL = "neutral", r.ERROR = "error", r.WARNING = "warning", r))(R || {}), a = /* @__PURE__ */ ((r) => (r.FILLED = "filled", r.SUCCESS = "success", r.ERROR = "error", r.WARNING = "warning", r.WAIT = "wait", r))(a || {});
 export {
-  R as EStepperSize,
-  u as EStepperStepIconType,
-  a as EStepperStepType
+  a as EStepperStepIconType,
+  R as EStepperStepType
 };
 //# sourceMappingURL=enums.js.map

package/components/Stepper/index.js

@@ -1,11 +1,10 @@
 import { Stepper as r } from "./Stepper.js";
-import { StepperExtended as S } from "./StepperExtended.js";
-import { EStepperSize as x, EStepperStepIconType as E, EStepperStepType as f } from "./enums.js";
+import { StepperExtended as o } from "./StepperExtended.js";
+import { EStepperStepIconType as x, EStepperStepType as f } from "./enums.js";
 export {
-  x as EStepperSize,
-  E as EStepperStepIconType,
+  x as EStepperStepIconType,
   f as EStepperStepType,
   r as Stepper,
-  S as StepperExtended
+  o as StepperExtended
 };
 //# sourceMappingURL=index.js.map

package/components/Stepper/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map