@sberbusiness/triplex-next 0.25.0 → 0.26.0

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-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-OAxbFucN.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-OAxbFucN.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-OAxbFucN.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-OAxbFucN.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-OAxbFucN.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-OAxbFucN.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-OAxbFucN.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-OAxbFucN.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

@@ -3,16 +3,16 @@ 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---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,
+import { c as A } from "../../chunks/vendor---Om3uMV.js";
+const R = "step__53e25ba1", b = "done__78ff5b42", x = "warning__378d7f68", h = "active__cd685664", v = "error__cddcf01e", w = "disabled__f545c181", t = {
+  step: R,
+  default: "default__4eaac9bc",
+  done: b,
   warning: x,
   active: h,
   error: v,
@@ -33,14 +33,14 @@ const A = "step__10bbe76c", R = "done__d04e089c", x = "warning__74b2a59b", h = "
   className: s,
   step: p,
   status: d,
-  position: m = e.Default,
-  ...f
+  position: f = e.Default,
+  ...m
 }) => {
-  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 = 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 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__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 [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), 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(), 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 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: 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) => 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__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 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 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 = 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

package/components/Stepper/StepperStep.js

@@ -1,86 +1,85 @@
-import { jsxs as d, jsx as y } from "react/jsx-runtime";
+import { jsxs as R, jsx as d } 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 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: n,
-  onBlur: i,
-  onKeyDown: f,
-  onMouseDown: a,
-  onClick: S,
+import { c as q } from "../../chunks/vendor---Om3uMV.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-9OXwuqOn.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: n,
+  onKeyDown: a,
+  onMouseDown: i,
+  onClick: f,
   disabled: r,
-  icon: g,
-  forwardedRef: s,
-  type: I,
-  ...z
+  icon: h,
+  forwardedRef: c,
+  type: C,
+  ...T
 }) => {
-  const { selectedId: G, size: p, onSelectStep: l } = U(v), [u, E] = V(c.NONE), m = k(null), N = o === G, T = D(
-    e.stepperStep,
+  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],
     {
-      [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
+      [t.active]: E,
+      [t.inactive]: x,
+      [t.completed]: !E && !x,
+      [t.disabled]: !!r,
+      [t.nonempty]: !!N,
+      [t.error]: !r && C === y.ERROR,
+      [t.warning]: !r && C === y.WARNING,
+      [t.focusVisible]: l === o.KEYBOARD
     },
-    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(
+    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) => {
+    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) => {
+    r || S(s), f == null || f(e);
+  }, M = (e) => {
+    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: T,
+      className: j,
       onFocus: W,
       onBlur: Y,
       onKeyDown: B,
-      onMouseDown: K,
-      onClick: L,
+      onMouseDown: G,
+      onClick: K,
       tabIndex: r ? -1 : 0,
       "aria-disabled": r,
-      "aria-current": N || void 0,
+      "aria-current": E || void 0,
       role: "button",
-      ...z,
+      ...T,
       ref: M,
       children: [
-        /* @__PURE__ */ d("div", { className: e.content, "data-tx": "0.25.0", children: [
-          g && P(),
-          h
+        /* @__PURE__ */ R("div", { className: t.content, "data-tx": "0.26.0", children: [
+          h && P(),
+          N
         ] }),
-        /* @__PURE__ */ y(F, { size: p })
+        /* @__PURE__ */ d(J, { size: I })
       ]
     }
   );
 };
-J.Icon = q;
+X.Icon = v;
 export {
-  J 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-9OXwuqOn.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