@sberbusiness/triplex-next 0.1.9 → 0.10.0

package/components/Spoiler/Spoiler.js

@@ -0,0 +1,75 @@
+import { jsx as s, 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";
+import "../Button/ButtonBase.js";
+import "../Button/ButtonIcon.js";
+import "../Button/ButtonDropdown.js";
+import "../Button/ButtonDropdownExtended.js";
+import { EButtonTheme as R } from "../Button/enums.js";
+import { EComponentSize as a } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as g } from "../../utils/classNameMaps.js";
+import { a as j, c as f } from "../../chunks/vendor-BlJo2ILB.js";
+const y = "spoiler__e7f5708f", D = "opened__e1563b46", q = "caretIcon__06d125e2", A = "head__4ec88f2b", G = "content__e1911033", H = "hidden__6c49c5f3", K = "lg__5dcf6c1d", $ = "md__d995fb3d", F = "sm__87e2752e", e = {
+  spoiler: y,
+  opened: D,
+  caretIcon: q,
+  head: A,
+  content: G,
+  hidden: H,
+  lg: K,
+  md: $,
+  sm: F
+}, J = {
+  [a.SM]: /* @__PURE__ */ s(B, { paletteIndex: 5, className: e.caretIcon }),
+  [a.MD]: /* @__PURE__ */ s(p, { paletteIndex: 5, className: e.caretIcon }),
+  [a.LG]: /* @__PURE__ */ s(p, { paletteIndex: 5, className: e.caretIcon })
+}, O = g(e), P = z.forwardRef((_, h) => {
+  const {
+    children: I,
+    expanded: c,
+    onToggle: o,
+    toggle: n,
+    className: x,
+    labelExpand: S,
+    labelCollapse: N,
+    rightBlock: u,
+    size: r = a.MD,
+    ...C
+  } = _, d = c !== void 0, [b, v] = T(c), t = d ? c : b, m = E(`Spoiler-${j()}`), M = w(() => {
+    const i = !t;
+    d ? n == null || n(i) : v(i), o == null || o(i);
+  }, [d, n, t, o]), k = f(
+    e.spoiler,
+    O[r],
+    {
+      [e.opened]: t
+    },
+    x
+  );
+  return /* @__PURE__ */ l("div", { ...C, className: k, "data-tx": "0.10.0", ref: h, children: [
+    /* @__PURE__ */ l("div", { className: e.head, children: [
+      /* @__PURE__ */ l(
+        L,
+        {
+          "aria-expanded": t,
+          "aria-controls": m.current,
+          theme: R.LINK,
+          size: r,
+          onClick: M,
+          children: [
+            t ? N : S,
+            J[r]
+          ]
+        }
+      ),
+      u
+    ] }),
+    /* @__PURE__ */ s("div", { id: m.current, className: f(e.content, { [e.hidden]: !t }), children: I })
+  ] });
+});
+P.displayName = "Spoiler";
+export {
+  P as Spoiler
+};
+//# sourceMappingURL=Spoiler.js.map

package/components/Spoiler/index.js

@@ -0,0 +1,5 @@
+import { Spoiler as e } from "./Spoiler.js";
+export {
+  e as Spoiler
+};
+//# sourceMappingURL=index.js.map

package/components/StatusTracker/StatusTracker.js

@@ -0,0 +1,45 @@
+import { jsxs as n, jsx as s } from "react/jsx-runtime";
+import p from "react";
+import { c as a } from "../../chunks/vendor-BlJo2ILB.js";
+import { s as r } from "../../chunks/StatusTracker.module-BzdhWkFm.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";
+import { StatusTrackerBody as f } from "./components/StatusTrackerBody.js";
+import { StatusTrackerFooter as N } from "./components/StatusTrackerFooter.js";
+const c = {
+  [t.REJECTED]: r.rejected,
+  [t.WAITING]: r.waiting,
+  [t.WARNING]: r.warning,
+  [t.APPROVED]: r.approved
+}, S = {
+  [o.MIDDLE]: r.verticalAlignMiddle,
+  [o.BOTTOM]: r.verticalAlignBottom
+}, g = Object.assign(
+  p.forwardRef(function({ children: i, className: m, type: e, verticalAlign: l = o.TOP, ...T }, d) {
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        className: a(r.statusTrackerWrapper, m),
+        ...T,
+        ref: d,
+        "data-tx": "0.10.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 })
+        ]
+      }
+    );
+  }),
+  {
+    Media: u,
+    Header: k,
+    Body: f,
+    Footer: N
+  }
+);
+g.displayName = "StatusTracker";
+export {
+  g as StatusTracker
+};
+//# sourceMappingURL=StatusTracker.js.map

package/components/StatusTracker/components/StatusTrackerAlert.js

@@ -0,0 +1,18 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as m } from "../../../chunks/vendor-BlJo2ILB.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-BzdhWkFm.js";
+import "../../Typography/Title.js";
+import { Text as c } from "../../Typography/Text.js";
+import "../../Typography/Caption.js";
+import { ETextSize as a, EFontType as l } from "../../Typography/enums.js";
+const z = (t) => {
+  const { children: o, className: e, ...s } = t;
+  return /* @__PURE__ */ r(i, { className: m(p.statusTrackerAlert, e), ...s, children: /* @__PURE__ */ r(c, { type: l.PRIMARY, size: a.B3, children: o }) });
+};
+export {
+  z as StatusTrackerAlert
+};
+//# sourceMappingURL=StatusTrackerAlert.js.map

package/components/StatusTracker/components/StatusTrackerBody.js

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import e from "react";
+import { c as m } from "../../../chunks/vendor-BlJo2ILB.js";
+import { StatusTrackerStatus as c } from "./StatusTrackerStatus.js";
+import { StatusTrackerAlert as i } from "./StatusTrackerAlert.js";
+import { s as u } from "../../../chunks/StatusTracker.module-BzdhWkFm.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 });
+  }),
+  {
+    Alert: i,
+    Status: c
+  }
+);
+f.displayName = "StatusTrackerBody";
+export {
+  f as StatusTrackerBody
+};
+//# sourceMappingURL=StatusTrackerBody.js.map

package/components/StatusTracker/components/StatusTrackerButton.js

@@ -0,0 +1,16 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as a } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s as c } from "../../../chunks/StatusTracker.module-BzdhWkFm.js";
+import { Button as e } from "../../Button/Button.js";
+import "../../Button/ButtonBase.js";
+import "../../Button/ButtonIcon.js";
+import "../../Button/ButtonDropdown.js";
+import "../../Button/ButtonDropdownExtended.js";
+const k = (t) => {
+  const { children: r, className: o, ...s } = t;
+  return /* @__PURE__ */ m(e, { className: a(c.statusTrackerButton, o), ...s, children: r });
+};
+export {
+  k as StatusTrackerButton
+};
+//# sourceMappingURL=StatusTrackerButton.js.map

package/components/StatusTracker/components/StatusTrackerDescription.js

@@ -0,0 +1,24 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as i } from "../../../chunks/vendor-BlJo2ILB.js";
+import "../../Typography/Title.js";
+import { Text as m } from "../../Typography/Text.js";
+import "../../Typography/Caption.js";
+import { ETextSize as p, EFontType as c } from "../../Typography/enums.js";
+import { s as a } from "../../../chunks/StatusTracker.module-BzdhWkFm.js";
+const D = (r) => {
+  const { children: t, className: s, ...o } = r;
+  return /* @__PURE__ */ e(
+    m,
+    {
+      type: c.SECONDARY,
+      size: p.B3,
+      className: i(a.statusTrackerDescription, s),
+      ...o,
+      children: t
+    }
+  );
+};
+export {
+  D as StatusTrackerDescription
+};
+//# sourceMappingURL=StatusTrackerDescription.js.map

package/components/StatusTracker/components/StatusTrackerFooter.js

@@ -0,0 +1,28 @@
+import { jsx as e } from "react/jsx-runtime";
+import c from "react";
+import { c as i } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s as r } from "../../../chunks/StatusTracker.module-BzdhWkFm.js";
+import { StatusTrackerDescription as m } from "./StatusTrackerDescription.js";
+import { StatusTrackerButton as p } from "./StatusTrackerButton.js";
+const u = Object.assign(
+  c.forwardRef(function({ children: t, className: o, ...a }, s) {
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        className: i(r.statusTrackerChild, r.statusTrackerFooterWrapper, o),
+        ...a,
+        ref: s,
+        children: t
+      }
+    );
+  }),
+  {
+    Button: p,
+    Description: m
+  }
+);
+u.displayName = "StatusTrackerFooter";
+export {
+  u as StatusTrackerFooter
+};
+//# sourceMappingURL=StatusTrackerFooter.js.map

package/components/StatusTracker/components/StatusTrackerHeader.js

@@ -0,0 +1,22 @@
+import { jsx as s } from "react/jsx-runtime";
+import o from "react";
+import { c as i } from "../../../chunks/vendor-BlJo2ILB.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-BzdhWkFm.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 });
+  }),
+  {
+    Title: c,
+    Sum: p,
+    Description: m
+  }
+);
+f.displayName = "StatusTrackerHeader";
+export {
+  f as StatusTrackerHeader
+};
+//# sourceMappingURL=StatusTrackerHeader.js.map

package/components/StatusTracker/components/StatusTrackerMedia.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s as o } from "../../../chunks/StatusTracker.module-BzdhWkFm.js";
+const d = (s) => {
+  const { children: r, className: t, ...a } = s;
+  return /* @__PURE__ */ e("div", { className: c(o.statusTrackerChild, t), ...a, children: r });
+};
+export {
+  d as StatusTrackerMedia
+};
+//# sourceMappingURL=StatusTrackerMedia.js.map

package/components/StatusTracker/components/StatusTrackerStatus.js

@@ -0,0 +1,12 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as e } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s as m } from "../../../chunks/StatusTracker.module-BzdhWkFm.js";
+import { MarkerStatus as c } from "../../MarkerStatus/MarkerStatus.js";
+const f = (s) => {
+  const { children: t, className: r, ...a } = s;
+  return /* @__PURE__ */ o(c, { className: e(m.statusTrackerStatus, r), ...a, children: t });
+};
+export {
+  f as StatusTrackerStatus
+};
+//# sourceMappingURL=StatusTrackerStatus.js.map

package/components/StatusTracker/components/StatusTrackerSum.js

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as e } from "../../../chunks/vendor-BlJo2ILB.js";
+import { Title as i } from "../../Typography/Title.js";
+import "../../Typography/Text.js";
+import "../../Typography/Caption.js";
+import { ETitleSize as a, EFontWeightTitle as p } from "../../Typography/enums.js";
+import { Amount as c } from "../../Amount/Amount.js";
+import { s as l } from "../../../chunks/StatusTracker.module-BzdhWkFm.js";
+const g = (r) => {
+  const { className: o, amountProps: m, ...s } = r;
+  return /* @__PURE__ */ t(
+    i,
+    {
+      weight: p.SEMIBOLD,
+      size: a.H1,
+      className: e(l.statusTrackerSum, o),
+      ...s,
+      children: /* @__PURE__ */ t(c, { ...m })
+    }
+  );
+};
+export {
+  g as StatusTrackerSum
+};
+//# sourceMappingURL=StatusTrackerSum.js.map

package/components/StatusTracker/components/StatusTrackerTitle.js

@@ -0,0 +1,24 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as o } from "../../../chunks/vendor-BlJo2ILB.js";
+import { Title as m } from "../../Typography/Title.js";
+import "../../Typography/Text.js";
+import "../../Typography/Caption.js";
+import { ETitleSize as a, EFontWeightTitle as l } from "../../Typography/enums.js";
+import { s as c } from "../../../chunks/StatusTracker.module-BzdhWkFm.js";
+const g = (t) => {
+  const { children: r, className: e, ...s } = t;
+  return /* @__PURE__ */ i(
+    m,
+    {
+      weight: l.BOLD,
+      size: a.H3,
+      className: o(c.statusTrackerTitle, e),
+      ...s,
+      children: r
+    }
+  );
+};
+export {
+  g as StatusTrackerTitle
+};
+//# sourceMappingURL=StatusTrackerTitle.js.map

package/components/StatusTracker/enums.js

@@ -0,0 +1,6 @@
+var o = /* @__PURE__ */ ((d) => (d.DRAFT = "draft", d.WAITING = "waiting", d.WARNING = "warning", d.REJECTED = "rejected", d.APPROVED = "approved", d))(o || {}), D = /* @__PURE__ */ ((d) => (d.TOP = "top", d.MIDDLE = "middle", d.BOTTOM = "bottom", d))(D || {});
+export {
+  o as EStatusTrackerType,
+  D as EStatusTrackerVerticalAlign
+};
+//# sourceMappingURL=enums.js.map

package/components/StatusTracker/index.js

@@ -0,0 +1,8 @@
+import { StatusTracker as a } from "./StatusTracker.js";
+import { EStatusTrackerType as c, EStatusTrackerVerticalAlign as o } from "./enums.js";
+export {
+  c as EStatusTrackerType,
+  o as EStatusTrackerVerticalAlign,
+  a as StatusTracker
+};
+//# sourceMappingURL=index.js.map

package/components/Step/Step.js

@@ -0,0 +1,49 @@
+import { jsxs as g, jsx as i } from "react/jsx-runtime";
+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 "../Typography/Title.js";
+import { Text as S } from "../Typography/Text.js";
+import "../Typography/Caption.js";
+import { EFontWeightText as b, ETextSize as D } from "../Typography/enums.js";
+import { c as N } from "../../chunks/vendor-BlJo2ILB.js";
+const A = "step__8af0b842", R = "done__0194577c", x = "warning__cb44d67f", h = "active__b5ffc482", v = "error__7f1b8852", w = "disabled__fb709e3d", t = {
+  step: A,
+  default: "default__3aeccbcd",
+  done: R,
+  warning: x,
+  active: h,
+  error: v,
+  disabled: w
+}, L = {
+  [o.DEFAULT]: t.default,
+  [o.ACTIVE]: t.active,
+  [o.WARNING]: t.warning,
+  [o.ERROR]: t.error,
+  [o.DONE]: t.done,
+  [o.DISABLED]: t.disabled
+}, y = {
+  [e.XFirst]: n.START,
+  [e.Default]: n.CENTER,
+  [e.XLast]: n.END
+}, G = (r, s) => s === 0 ? e.XFirst : s + 1 === r ? e.XLast : e.Default, z = ({
+  children: r,
+  className: s,
+  step: p,
+  status: d,
+  position: f = e.Default,
+  ...m
+}) => {
+  const c = u(null), T = y[f], E = N(t.step, L[d], s), l = () => /* @__PURE__ */ i("div", { ref: c, className: E, ...m, children: /* @__PURE__ */ i(S, { size: D.B1, weight: b.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 })
+  ] }) : l();
+};
+z.displayName = "Step";
+export {
+  z as Step,
+  G as calcPosition
+};
+//# sourceMappingURL=Step.js.map

package/components/Step/enums.js

@@ -0,0 +1,6 @@
+var D = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.DONE = "done", r.ACTIVE = "active", r.ERROR = "error", r.WARNING = "warning", r.DISABLED = "disabled", r))(D || {}), a = /* @__PURE__ */ ((r) => (r.Default = "Default", r.XFirst = "XFirst", r.XLast = "XLast", r))(a || {});
+export {
+  a as EStepPosition,
+  D as EStepStatus
+};
+//# sourceMappingURL=enums.js.map

package/components/Step/index.js

@@ -0,0 +1,9 @@
+import { Step as e, calcPosition as p } from "./Step.js";
+import { EStepPosition as r, EStepStatus as S } from "./enums.js";
+export {
+  r as EStepPosition,
+  S as EStepStatus,
+  e as Step,
+  p as calcPosition
+};
+//# sourceMappingURL=index.js.map

package/components/Stepper/RightBorderArrow.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import { R as m } from "../../chunks/RightBorderArrow-C1vPwzXO.js";
+import "./enums.js";
+export {
+  m as RightBorderArrow
+};
+//# sourceMappingURL=RightBorderArrow.js.map

package/components/Stepper/Stepper.js

@@ -0,0 +1,103 @@
+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-BlJo2ILB.js";
+import { EStepperSize as a } from "./enums.js";
+const K = "stepper__d92ad512", O = "sm__dfd79d21", Q = "md__cb79d6f4", T = "lg__3e72d737", U = "stepperCarousel__c90bc2a6", V = "buttonPrev__51cf32c1", Y = "buttonNext__d2a6fa21", 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
+}) => {
+  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 })
+    }
+  );
+  C(() => {
+    const { current: e } = u;
+    if (e) {
+      const t = e.getBoundingClientRect().width * 0.3;
+      w({ stepNext: t, stepPrev: t });
+    }
+  }, []);
+  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);
+    }
+  }, [l]), /* @__PURE__ */ s(
+    $,
+    {
+      className: i(n.stepperCarousel, p(c)),
+      buttonPrev: I,
+      buttonNext: W,
+      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,
+        {
+          forwardedRef: (o) => b.current[t.id] = o,
+          ...t,
+          isInActiveStep: r > M,
+          children: e
+        },
+        t.id
+      )) })
+    }
+  );
+};
+P.Wrapper = H;
+P.Step = X;
+export {
+  P as Stepper
+};
+//# sourceMappingURL=Stepper.js.map

package/components/Stepper/StepperExtended.js

@@ -0,0 +1,26 @@
+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-BlJo2ILB.js";
+const h = "stepperExtended__99e17523", u = {
+  stepperExtended: h
+}, t = ({
+  children: r,
+  className: p,
+  size: o = a.SM,
+  onSelectStep: s,
+  selectedStepId: d,
+  forwardedRef: n,
+  ...m
+}) => {
+  const c = E(u.stepperExtended, p), l = (S) => s(S);
+  return /* @__PURE__ */ e(i.Provider, { value: { onSelectStep: l, selectedId: d, size: o }, children: /* @__PURE__ */ e("ol", { className: c, role: "tablist", ...m, ref: n, children: r }) });
+};
+t.Step = f;
+t.Wrapper = x;
+export {
+  t as StepperExtended
+};
+//# sourceMappingURL=StepperExtended.js.map

package/components/Stepper/StepperExtendedContext.js

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

package/components/Stepper/StepperStep.js

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