@sberbusiness/triplex-next 0.1.8 → 0.10.0

package/components/SliderExtended/components/SliderExtendedDot/useSliderExtendedDotTabIndex.js

@@ -0,0 +1,21 @@
+import { useState as u, useLayoutEffect as a } from "react";
+const x = (f, s, t, n) => {
+  const [o, e] = u(-1);
+  return a(() => {
+    t.length === 2 ? [...t].sort((i, l) => i.value - l.value)[0].id === s && e(0) : e(0);
+  }, []), a(() => {
+    if (t.length === 2) {
+      const r = [...t].sort((i, l) => i.value - l.value);
+      n ? r[1].id === s ? e(3) : e(1) : r[0].id === s ? e(0) : e(-1);
+    }
+  }, [n]), a(() => {
+    if (t.length === 2) {
+      const r = [...t].sort((i, l) => i.value - l.value);
+      n ? r[0].id === s ? e(1) : e(3) : r[0].id === s ? e(0) : e(-1);
+    }
+  }, [t]), f ? -1 : o;
+};
+export {
+  x as useSliderExtendedDotTabIndex
+};
+//# sourceMappingURL=useSliderExtendedDotTabIndex.js.map

package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMark.js

@@ -0,0 +1,48 @@
+import { jsxs as E, jsx as l } from "react/jsx-runtime";
+import C from "react";
+import { SliderExtendedContext as M } from "../../SliderExtendedContext.js";
+import { SliderExtendedMarkActions as s } from "./SliderExtendedMarkActions.js";
+import { c as o } from "../../../../chunks/vendor-BlJo2ILB.js";
+import { s as e } from "../../../../chunks/SliderExtendedMarks.module-DyfiF83O.js";
+import { EComponentSize as z } from "../../../../enums/EComponentSize.js";
+import { ETextSize as c } from "../../../Typography/enums.js";
+import { Text as N } from "../../../Typography/Text.js";
+import { createSizeToClassNameMap as T } from "../../../../utils/classNameMaps.js";
+const y = T(e), g = ({
+  children: x,
+  className: p,
+  value: t,
+  ...S
+}) => {
+  const { disabled: i, dots: r, min: a, max: f, reverse: d, size: m } = C.useContext(M), n = () => s.moveNearestDot({ dots: r, value: t }), k = m === z.LG ? c.B3 : c.B4;
+  return /* @__PURE__ */ E(
+    "span",
+    {
+      className: o(e.sliderExtendedMark, y[m], p, {
+        // Одна из SliderExtended.Dot, находится на текущей позиции.
+        [e.active]: s.isActive({ dots: r, value: t }) && !i,
+        [e.disabled]: i,
+        [e.reverse]: d
+      }),
+      ...S,
+      style: s.getStyle({ max: f, min: a, reverse: d, value: t }),
+      children: [
+        /* @__PURE__ */ l(
+          "span",
+          {
+            className: o(e.sliderExtendedMarkDot, {
+              [e.inSelectedRange]: s.isInSelectedRange({ dots: r, min: a, value: t })
+            }),
+            onClick: n
+          }
+        ),
+        /* @__PURE__ */ l(N, { className: o(e.sliderExtendedMarkText), size: k, onClick: n, children: x })
+      ]
+    }
+  );
+};
+g.displayName = "SliderExtendedMark";
+export {
+  g as SliderExtendedMark
+};
+//# sourceMappingURL=SliderExtendedMark.js.map

package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMarkActions.js

@@ -0,0 +1,27 @@
+import { SliderExtendedUtils as s } from "../../SliderExtendedUtils.js";
+const d = {
+  getStyle: ({ min: t, max: i, reverse: l, value: a }) => {
+    let e = s.getNormalizedValue({ max: i, min: t, value: a }), r;
+    return l ? e === 0 ? (e = void 0, r = 0) : e = `${100 - e}%` : e === 100 ? (e = void 0, r = 0) : e = `${e}%`, { left: e, right: r };
+  },
+  isActive: ({ dots: t, value: i }) => t.some((l) => l.value === i),
+  isInSelectedRange: ({ value: t, min: i, dots: l }) => {
+    if (!l.length)
+      return !1;
+    let a, e;
+    if (l.length < 2)
+      a = i, e = l[0].value;
+    else {
+      const r = l.map((n) => n.value).sort((n, o) => n - o);
+      a = r[0], e = r[1];
+    }
+    return a <= t && t <= e;
+  },
+  moveNearestDot: ({ value: t, dots: i }) => {
+    s.getNearestDotByValue({ dots: i, value: t }).changeValue(t);
+  }
+};
+export {
+  d as SliderExtendedMarkActions
+};
+//# sourceMappingURL=SliderExtendedMarkActions.js.map

package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMarks.js

@@ -0,0 +1,9 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as d } from "../../../../chunks/vendor-BlJo2ILB.js";
+import { s as a } from "../../../../chunks/SliderExtendedMarks.module-DyfiF83O.js";
+const t = ({ className: s, ...e }) => /* @__PURE__ */ r("div", { className: d(a.sliderExtendedMarks, s), ...e });
+t.displayName = "SliderExtendedMarks";
+export {
+  t as SliderExtendedMarks
+};
+//# sourceMappingURL=SliderExtendedMarks.js.map

package/components/SliderExtended/components/SliderExtendedMoveHandler.js

@@ -0,0 +1,25 @@
+import { jsx as c, Fragment as m } from "react/jsx-runtime";
+const v = ({
+  children: d,
+  onMouseMove: r,
+  onTouchMove: o,
+  targetRef: e
+}) => {
+  const s = () => {
+    document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", s);
+  }, u = () => {
+    var n, t;
+    e.current && ((n = e.current) == null || n.removeEventListener("touchmove", o), (t = e.current) == null || t.removeEventListener("touchend", u));
+  };
+  return /* @__PURE__ */ c(m, { children: d({ onTargetMouseDown: () => {
+    document.addEventListener("mousemove", r), document.addEventListener("mouseup", s);
+  }, onTargetTouchStart: () => {
+    var n, t;
+    e.current && ((n = e.current) == null || n.addEventListener("touchmove", o), (t = e.current) == null || t.addEventListener("touchend", u));
+  } }) });
+};
+v.displayName = "SliderExtendedMoveHandler";
+export {
+  v as SliderExtendedMoveHandler
+};
+//# sourceMappingURL=SliderExtendedMoveHandler.js.map

package/components/SliderExtended/components/SliderExtendedRail.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "react";
+import "../SliderExtendedContext.js";
+import "../SliderExtendedUtils.js";
+import "../../../chunks/vendor-BlJo2ILB.js";
+import { S as d } from "../../../chunks/SliderExtendedRail-Bw4p-kLW.js";
+export {
+  d as SliderExtendedRail
+};
+//# sourceMappingURL=SliderExtendedRail.js.map

package/components/SliderExtended/components/SliderExtendedTooltip/SliderExtendedTooltip.js

@@ -0,0 +1,39 @@
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
+import r from "react";
+import { SliderExtendedContext as _ } from "../../SliderExtendedContext.js";
+import { c as e } from "../../../../chunks/vendor-BlJo2ILB.js";
+import { createSizeToClassNameMap as v } from "../../../../utils/classNameMaps.js";
+const E = "sliderExtendedTooltipOverlay__92c4af41", C = "lg__13f62687", N = "tooltipBody__80325950", O = "tooltipTip__4ee60744", t = {
+  sliderExtendedTooltipOverlay: E,
+  lg: C,
+  tooltipBody: N,
+  tooltipTip: O
+}, h = v(t), W = ({
+  value: i,
+  children: d,
+  ...c
+}) => {
+  const o = r.useRef(null), { min: l, max: p, size: a } = r.useContext(_), m = () => {
+    var s;
+    if (!o.current || i === void 0)
+      return 0;
+    const f = 8, x = 16, T = ((s = o.current) == null ? void 0 : s.clientWidth) || 0, y = (i - l) / (p - l);
+    return (T / 2 - f - x) * (1 - 2 * y);
+  };
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      ref: o,
+      className: e(t.sliderExtendedTooltipOverlay, h[a]),
+      ...c,
+      children: [
+        /* @__PURE__ */ n("div", { className: e(t.tooltipBody), style: { left: `${m()}px` }, children: d }),
+        /* @__PURE__ */ n("div", { className: e(t.tooltipTip) })
+      ]
+    }
+  );
+};
+export {
+  W as SliderExtendedTooltip
+};
+//# sourceMappingURL=SliderExtendedTooltip.js.map

package/components/SliderExtended/components/SliderExtendedTrack/SliderExtendedTrack.js

@@ -0,0 +1,147 @@
+import { jsxs as B, Fragment as L, jsx as h } from "react/jsx-runtime";
+import { useState as a, useContext as ae, useRef as O, useLayoutEffect as P } from "react";
+import { l as X, c as ce } from "../../../../chunks/vendor-BlJo2ILB.js";
+import { SliderExtendedContext as le } from "../../SliderExtendedContext.js";
+import { SliderExtendedMoveHandler as de } from "../SliderExtendedMoveHandler.js";
+import { SliderExtendedUtils as z } from "../../SliderExtendedUtils.js";
+import { SliderExtendedTrackActions as c } from "./SliderExtendedTrackActions.js";
+import { EVENT_KEY_CODES as g } from "../../../../utils/keyboard.js";
+import { KeyDownListener as F } from "../../../KeyDownListener/KeyDownListener.js";
+import { createSizeToClassNameMap as ie } from "../../../../utils/classNameMaps.js";
+const ne = "sliderExtendedTrack__8f3afa7c", fe = "lg__13f62687", ue = "focusedByClick__547c96db", me = "hoverOrDragByMouse__22ad7ef9", he = "staticSlider__ab1307a2", ge = "disabled__721fd0cf", o = {
+  sliderExtendedTrack: ne,
+  lg: fe,
+  focusedByClick: ue,
+  hoverOrDragByMouse: me,
+  staticSlider: he,
+  disabled: ge
+}, pe = ie(o), Ee = ({
+  className: K,
+  draggable: k = !0,
+  onBlur: p,
+  onFocus: E,
+  onMouseDown: x,
+  onMouseOver: D,
+  onMouseOut: T,
+  onTouchStart: y,
+  ...A
+}) => {
+  const [W, C] = a(!1), [l, S] = a(!1), [H, v] = a(!1), [V, d] = a(!1), [U, b] = a(-1), {
+    disabled: M,
+    dots: s,
+    focused: i,
+    isHoverOrDragTrack: j,
+    railNode: r,
+    setIsHoverOrDragTrack: n,
+    reverse: _,
+    setFocused: R,
+    steps: f,
+    size: $
+  } = ae(le), u = O(0), m = O(null);
+  if (P(() => {
+    s.length > 1 && k ? l || S(!0) : l !== !1 && S(!1);
+  }, [s, k]), P(() => {
+    s.length > 1 && b(i ? 2 : -1);
+  }, [i]), !s.length)
+    return null;
+  const w = (e) => (t) => {
+    v(!0), d(!0), document.addEventListener("mouseup", N), r && (u.current = z.getNormalizedCursorValue({
+      cursorXPosition: t.clientX,
+      railNode: r
+    })), e(t), x == null || x(t);
+  }, G = (e) => c.dragDots({
+    cursorPrevNormalizedValue: u,
+    cursorXPosition: e.clientX,
+    dots: s,
+    railNode: r,
+    reverse: _,
+    steps: f
+  }), N = (e) => {
+    d(!1), e.target !== m.current && n(!1), document.removeEventListener("mouseup", N);
+  }, Y = (e) => (t) => {
+    t.touches.length == 1 && (v(!0), d(!0), document.addEventListener("touchend", I), r && (u.current = z.getNormalizedCursorValue({
+      cursorXPosition: t.touches[0].clientX,
+      railNode: r
+    })), e(t), y == null || y(t));
+  }, q = (e) => {
+    e.touches.length == 1 && (e.cancelable && e.preventDefault(), c.dragDots({
+      cursorPrevNormalizedValue: u,
+      cursorXPosition: e.touches[0].clientX,
+      dots: s,
+      railNode: r,
+      reverse: _,
+      steps: f
+    }));
+  }, I = (e) => {
+    e.cancelable && e.preventDefault(), d(!1), e.target !== m.current && n(!1), document.removeEventListener("touchend", I);
+  }, J = (e) => {
+    e.preventDefault(), c.moveToPrevStep(s, f);
+  }, Q = (e) => {
+    e.preventDefault(), c.moveToNextStep(s, f);
+  }, Z = (e) => {
+    i || R(!0), C(!0), E == null || E(e);
+  }, ee = (e) => {
+    i && R(!1), v(!1), C(!1), p == null || p(e);
+  }, te = (e) => {
+    n(!0), D == null || D(e);
+  }, se = (e) => {
+    V || n(!1), T == null || T(e);
+  }, { left: re, right: oe } = c.getTrackPosition({ dots: s, reverse: _ });
+  return /* @__PURE__ */ B(L, { children: [
+    W && /* @__PURE__ */ B(L, { children: [
+      /* @__PURE__ */ h(
+        F,
+        {
+          onMatch: J,
+          eventKeyCode: [g.ARROW_LEFT, g.ARROW_DOWN]
+        }
+      ),
+      /* @__PURE__ */ h(
+        F,
+        {
+          onMatch: Q,
+          eventKeyCode: [g.ARROW_RIGHT, g.ARROW_UP]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ h(
+      de,
+      {
+        onMouseMove: X.throttle(G, 100),
+        onTouchMove: X.throttle(q),
+        targetRef: m,
+        children: ({ onTargetMouseDown: e, onTargetTouchStart: t }) => /* @__PURE__ */ h(
+          "span",
+          {
+            role: "button",
+            tabIndex: !M && l ? U : -1,
+            ...A,
+            className: ce(o.sliderExtendedTrack, pe[$], K, {
+              [o.disabled]: M,
+              [o.focusedByClick]: H,
+              [o.hoverOrDragByMouse]: j,
+              // Не перетаскиваемый.
+              [o.staticSlider]: !l
+            }),
+            onBlur: ee,
+            onFocus: Z,
+            onMouseDown: w(e),
+            onMouseOver: te,
+            onMouseOut: se,
+            onTouchStart: Y(t),
+            ref: m,
+            style: {
+              left: `${re}%`,
+              right: `${oe}%`
+            }
+          }
+        )
+      }
+    )
+  ] });
+};
+Ee.displayName = "SliderExtendedTrack";
+export {
+  Ee as SliderExtendedTrack
+};
+//# sourceMappingURL=SliderExtendedTrack.js.map

package/components/SliderExtended/components/SliderExtendedTrack/SliderExtendedTrackActions.js

@@ -0,0 +1,36 @@
+import { SliderExtendedUtils as V } from "../../SliderExtendedUtils.js";
+const v = {
+  dragDots: ({ cursorPrevNormalizedValue: l, cursorXPosition: a, dots: e, railNode: g, reverse: c, steps: n }) => {
+    if (g) {
+      const h = V.getNormalizedCursorValue({
+        cursorXPosition: a,
+        railNode: g
+      }), o = l.current - h, m = n[1].normalizedValue - n[0].normalizedValue;
+      let r = -Math.trunc(o / m);
+      if (c && (r = r * -1), r !== 0) {
+        let u, f;
+        if (e[0].value < e[1].value ? (u = e[0], f = e[1]) : (u = e[1], f = e[0]), u.stepIndex === 0 && r <= 0 || f.stepIndex === n.length - 1 && r >= 0)
+          return;
+        let t = u.stepIndex + r, i = f.stepIndex + r;
+        t < 0 && (i = i - t, t = 0), i > n.length - 1 && (t = t - (i - n.length + 1), i = n.length - 1), l.current = h, u.changeValue(n[t].value), f.changeValue(n[i].value);
+      }
+    }
+  },
+  getTrackPosition: ({ dots: l, reverse: a }) => {
+    const e = {
+      left: 0,
+      right: 0
+    };
+    return l.length === 1 ? a ? (e.left = 100 - l[0].normalizedValue, e.right = 0) : (e.left = 0, e.right = 100 - l[0].normalizedValue) : a ? l[0].value < l[1].value ? (e.right = l[0].normalizedValue, e.left = 100 - l[1].normalizedValue) : (e.right = l[1].normalizedValue, e.left = 100 - l[0].normalizedValue) : l[0].value < l[1].value ? (e.left = l[0].normalizedValue, e.right = 100 - l[1].normalizedValue) : (e.left = l[1].normalizedValue, e.right = 100 - l[0].normalizedValue), e;
+  },
+  moveToNextStep: (l, a) => {
+    l.every((e) => e.stepIndex !== a.length - 1) && l.forEach((e) => e.changeValue(a[e.stepIndex + 1].value));
+  },
+  moveToPrevStep: (l, a) => {
+    l.every((e) => e.stepIndex !== 0) && l.forEach((e) => e.changeValue(a[e.stepIndex - 1].value));
+  }
+};
+export {
+  v as SliderExtendedTrackActions
+};
+//# sourceMappingURL=SliderExtendedTrackActions.js.map

package/components/SliderExtended/index.js

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

package/components/SliderRange/SliderRange.js

@@ -0,0 +1,63 @@
+var g = Object.defineProperty;
+var C = (r, a, e) => a in r ? g(r, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[a] = e;
+var h = (r, a, e) => C(r, typeof a != "symbol" ? a + "" : a, e);
+import { jsxs as f, jsx as l } from "react/jsx-runtime";
+import m from "react";
+import { SliderExtended as n } from "../SliderExtended/SliderExtended.js";
+class V extends m.Component {
+  constructor(e) {
+    super(e);
+    /** Проверка values, меньшее значение, должно быть перед большим. */
+    h(this, "validateValues", () => {
+      const { onChange: e, values: t } = this.props;
+      t[0] > t[1] && e(this.sortValues(t));
+    });
+    h(this, "sortValues", (e) => [...e].sort((t, o) => t - o));
+    h(this, "handleChange", (e) => (t) => {
+      const { onChange: o } = this.props;
+      this.setState((i) => {
+        const { innerValues: d } = i, s = [...d];
+        s[e] = t;
+        const c = s[0] > s[1] ? this.sortValues(s) : s;
+        return o(c), { innerValues: s };
+      });
+    });
+    this.state = {
+      innerValues: [...e.values]
+    }, this.validateValues();
+  }
+  componentDidUpdate(e) {
+    const { values: t } = this.props, { values: o } = e, { innerValues: i } = this.state;
+    this.validateValues(), t.join("") !== o.join("") && (i[0] <= i[1] ? [...t].join("") !== i.join("") && this.setState({
+      innerValues: [...t]
+    }) : [t[1], t[0]].join("") !== i.join("") && this.setState({
+      innerValues: [t[1], t[0]]
+    }));
+  }
+  render() {
+    const {
+      draggableTrack: e,
+      marks: t,
+      onChange: o,
+      step: i = 1,
+      values: d,
+      renderTooltipContent: s,
+      size: c,
+      ...v
+    } = this.props, { innerValues: u } = this.state;
+    return /* @__PURE__ */ f(n, { step: i, size: c, ...v, children: [
+      /* @__PURE__ */ l(n.Rail, {}),
+      /* @__PURE__ */ l(n.Dot, { value: u[0], onChange: this.handleChange(0), children: s && /* @__PURE__ */ l(n.Tooltip, { value: u[0], children: s(u[0]) }) }, "1"),
+      /* @__PURE__ */ l(n.Track, { draggable: e }),
+      /* @__PURE__ */ l(n.Dot, { value: u[1], onChange: this.handleChange(1), children: s && /* @__PURE__ */ l(n.Tooltip, { value: u[1], children: s(u[1]) }) }, "2"),
+      /* @__PURE__ */ l(n.Marks, { children: t.map((p) => /* @__PURE__ */ l(n.Mark, { value: p.value, children: p.label }, p.value)) })
+    ] });
+  }
+}
+h(V, "displayName", "SliderRange"), h(V, "defaultProps", {
+  step: 1
+});
+export {
+  V as SliderRange
+};
+//# sourceMappingURL=SliderRange.js.map

package/components/SliderRange/index.js

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

package/components/SmallInput/SmallInput.js

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

package/components/SmallInput/index.js

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

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