@sberbusiness/triplex-next 1.3.0 → 1.5.0

package/components/SMSInput/components/SMSInputRefresh.js

@@ -0,0 +1,39 @@
+import { jsx as p } from "react/jsx-runtime";
+import { c as u } from "../../../chunks/vendor-9KVE23Ri.js";
+import { forwardRef as x, useContext as M, useMemo as N } from "react";
+import "../../Button/Button.js";
+import "../../Button/ButtonBase.js";
+import { ButtonIcon as y } from "../../Button/ButtonIcon.js";
+import "../../Button/ButtonDropdown.js";
+import "../../Button/ButtonDropdownExtended.js";
+import { EButtonIconShape as B } from "../../Button/enums.js";
+import { SMSInputContext as z } from "../SMSInputContext.js";
+import { RefreshIcon as D } from "./RefreshIcon.js";
+import { s as m } from "../../../chunks/SMSInput.module-D1TiDw_A.js";
+const E = x(
+  ({ className: i, disabled: r, countdownTime: s, countdownTimeLeft: e, onClick: o, onRefresh: l, ...n }, f) => {
+    const { disabled: t, error: c, size: h, sizeClassName: I, tooltipId: S } = M(z), d = e > 0, a = t && !c || r || d, b = u(m.btnRefresh, I, i, {
+      [m.disabled]: a
+    }), C = N(() => e >= s || t || r ? 0 : (s - e) / s, [s, e, t, r]);
+    return /* @__PURE__ */ p(
+      y,
+      {
+        "aria-describedby": S,
+        className: b,
+        disabled: a,
+        onClick: (R) => {
+          l(), o == null || o(R);
+        },
+        ref: f,
+        shape: B.CIRCLE,
+        ...n,
+        children: /* @__PURE__ */ p(D, { percent: C || 0, size: h, disabled: !!(t || r) })
+      }
+    );
+  }
+);
+E.displayName = "SMSInputRefresh";
+export {
+  E as SMSInputRefresh
+};
+//# sourceMappingURL=SMSInputRefresh.js.map

package/components/SMSInput/components/SMSInputSubmit.js

@@ -0,0 +1,43 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as S } from "../../../chunks/vendor-9KVE23Ri.js";
+import { useContext as f, useEffect as I } from "react";
+import "../../Button/Button.js";
+import "../../Button/ButtonBase.js";
+import { ButtonIcon as C } from "../../Button/ButtonIcon.js";
+import "../../Button/ButtonDropdown.js";
+import "../../Button/ButtonDropdownExtended.js";
+import { EButtonIconShape as h } from "../../Button/enums.js";
+import { SMSInputContext as x } from "../SMSInputContext.js";
+import { SubmitIcon as N } from "./SubmitIcon.js";
+import { s as e } from "../../../chunks/SMSInput.module-D1TiDw_A.js";
+const D = ({ className: r, disabled: a, onClick: o, ...p }) => {
+  const {
+    code: t,
+    disabled: n,
+    onSubmitCode: u,
+    setDisabledSubmit: s,
+    size: c,
+    sizeClassName: l
+  } = f(x), m = n || a || t === "", b = S(e.btnSubmit, { [e.active]: !!t }, l, r);
+  return I(() => {
+    s(m);
+  }, [m, s]), /* @__PURE__ */ i(
+    C,
+    {
+      active: !!t,
+      className: b,
+      disabled: m,
+      onClick: (d) => {
+        u(t), o == null || o(d);
+      },
+      shape: h.CIRCLE,
+      ...p,
+      children: /* @__PURE__ */ i(N, { size: c })
+    }
+  );
+};
+D.displayName = "SMSInputSubmit";
+export {
+  D as SMSInputSubmit
+};
+//# sourceMappingURL=SMSInputSubmit.js.map

package/components/SMSInput/components/SMSInputTooltip.js

@@ -0,0 +1,38 @@
+import { jsxs as s, jsx as p } from "react/jsx-runtime";
+import { useContext as T, useEffect as f } from "react";
+import { SMSInputContext as d } from "../SMSInputContext.js";
+import { ETooltipSize as u, ETooltipAlign as S } from "../../Tooltip/enums.js";
+import { Tooltip as t } from "../../Tooltip/Tooltip.js";
+import { a } from "../../../chunks/vendor-9KVE23Ri.js";
+const I = ({
+  children: r,
+  id: o,
+  message: l,
+  targetRef: m,
+  ...n
+}) => {
+  const { tooltipId: i, setTooltipId: e } = T(d);
+  return f(() => {
+    o === void 0 ? e(a()) : o !== i && e(o);
+  }, [o]), /* @__PURE__ */ s(
+    t,
+    {
+      alignTip: S.START,
+      disableAdaptiveMode: !0,
+      id: i,
+      size: u.SM,
+      targetRef: m,
+      toggleType: "hover",
+      ...n,
+      children: [
+        /* @__PURE__ */ p(t.Body, { children: l }),
+        /* @__PURE__ */ p(t.Target, { children: r })
+      ]
+    }
+  );
+};
+I.displayName = "SMSInputTooltip";
+export {
+  I as SMSInputTooltip
+};
+//# sourceMappingURL=SMSInputTooltip.js.map

package/components/SMSInput/components/SubmitIcon.js

@@ -0,0 +1,19 @@
+import { jsx as C } from "react/jsx-runtime";
+import { EComponentSize as i } from "../../../enums/EComponentSize.js";
+const o = ({ size: e }) => e === i.LG ? /* @__PURE__ */ C("svg", { width: "26", height: "26", viewBox: "0 0 26 26", children: /* @__PURE__ */ C(
+  "path",
+  {
+    d: "M13 0C5.82 0 0 5.82 0 13C0 20.17 5.82 26 13 26C20.17 26 26 20.17 26 13C26 5.82 20.17 0 13 0ZM14.7 6.29L20.7 12.29C20.9 12.48 21 12.72 21 13C21 13.27 20.9 13.51 20.7 13.7L14.7 19.7C14.31 20.1 13.68 20.1 13.29 19.7C12.89 19.31 12.89 18.68 13.29 18.29L17.58 14L6 14C5.43 14 5 13.56 5 13C5 12.44 5.43 12 6 12L17.58 12L13.29 7.7C12.89 7.31 12.89 6.68 13.29 6.29C13.68 5.89 14.31 5.89 14.7 6.29Z",
+    fillRule: "evenodd"
+  }
+) }) : /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", children: /* @__PURE__ */ C(
+  "path",
+  {
+    d: "M10 0C4.47 0 0 4.47 0 10C0 15.52 4.47 20 10 20C15.52 20 20 15.52 20 10C20 4.47 15.52 0 10 0ZM15.71 9.28L15.8 9.38 15.87 9.49 15.91 9.61C16.02 9.86 16.02 10.13 15.91 10.37C15.87 10.5 15.8 10.61 15.71 10.7L10.71 15.7C10.52 15.89 10.26 16 10 16C9.73 16 9.47 15.89 9.29 15.7C9.1 15.51 8.99 15.26 8.99 14.99C8.99 14.72 9.1 14.47 9.29 14.28L12.59 10.99L5 10.99C4.44 10.99 4 10.55 4 9.99C4 9.44 4.44 9 5 9L12.59 9L9.29 5.71C9.03 5.45 8.93 5.08 9.03 4.74C9.12 4.39 9.39 4.12 9.74 4.03C10.08 3.94 10.45 4.04 10.71 4.29L15.71 9.28Z",
+    fillRule: "evenodd"
+  }
+) });
+export {
+  o as SubmitIcon
+};
+//# sourceMappingURL=SubmitIcon.js.map

package/components/SMSInput/index.js

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

package/components/SMSInput/types.js

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

package/components/SegmentedControl/SegmentedControl.js

@@ -1,14 +1,14 @@
 import { ESegmentedControlTheme as o, ESegmentedControlType as m } from "./enums.js";
 import { SegmentedControlSegment as y } from "./SegmentedControlSegment.js";
-import { jsx as d } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import E from "react";
-import { c as R } from "../../chunks/vendor-CehxOAkM.js";
-import { SegmentedControlContext as T } from "./SegmentedControlContext.js";
-import { createSizeToClassNameMap as h } from "../../utils/classNameMaps.js";
-const x = "segmentedControl__79dada7d", L = "general1__518914e0", b = "secondary1__d24e02e3", A = "general2__05cad1b1", M = "secondary2__1c90502d", G = "sm__fd3555fc", O = "md__642147a0", j = "lg__79fd5d42", e = {
-  segmentedControl: x,
-  general1: L,
-  secondary1: b,
+import { c as b } from "../../chunks/vendor-9KVE23Ri.js";
+import { SegmentedControlContext as R } from "./SegmentedControlContext.js";
+import { createSizeToClassNameMap as T } from "../../utils/classNameMaps.js";
+const h = "segmentedControl__94c25f37", x = "general1__6dc1f065", L = "secondary1__749fdeab", A = "general2__d895ae1a", M = "secondary2__ef69509c", G = "sm__d8b85aff", O = "md__2b063f26", j = "lg__0070101c", e = {
+  segmentedControl: h,
+  general1: x,
+  secondary1: L,
   general2: A,
   secondary2: M,
   sm: G,
@@ -19,10 +19,10 @@ const x = "segmentedControl__79dada7d", L = "general1__518914e0", b = "secondary
   [o.GENERAL_2]: e.general2,
   [o.SECONDARY_1]: e.secondary1,
   [o.SECONDARY_2]: e.secondary2
-}, z = h(e), D = Object.assign(
+}, z = T(e), D = Object.assign(
   E.forwardRef(
-    ({ children: c, className: l, value: n, theme: g, type: r, size: _, disabled: i, onSelect: t, ...f }, C) => {
-      const p = R(
+    ({ children: d, className: l, value: n, theme: g, type: r, size: _, disabled: f, onSelect: t, ...i }, C) => {
+      const p = b(
         e.segmentedControl,
         v[g],
         z[_],
@@ -39,16 +39,16 @@ const x = "segmentedControl__79dada7d", L = "general1__518914e0", b = "secondary
             t(a ? [...n, s] : [...n].filter((N) => N !== s));
         }
       };
-      return /* @__PURE__ */ d(
-        T.Provider,
+      return /* @__PURE__ */ c(
+        R.Provider,
         {
           value: {
             type: r,
             value: n,
-            disabled: !!i,
+            disabled: !!f,
             onSegmentSelect: S
           },
-          children: /* @__PURE__ */ d("div", { className: p, ...f, "data-tx": "1.3.0", ref: C, children: c })
+          children: /* @__PURE__ */ c("div", { className: p, ...i, "data-tx": "1.5.0", ref: C, children: d })
         }
       );
     }

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -1,10 +1,10 @@
 import { jsx as a } from "react/jsx-runtime";
 import { useContext as x } from "react";
-import { c as L } from "../../chunks/vendor-CehxOAkM.js";
+import { c as L } from "../../chunks/vendor-9KVE23Ri.js";
 import { ButtonBase as N } from "../Button/ButtonBase.js";
 import { ESegmentedControlType as n } from "./enums.js";
 import { SegmentedControlContext as _ } from "./SegmentedControlContext.js";
-const y = "segmentedControlSegment__bc94b2dc", E = "selected__d069c239", I = "content__580184a7", r = {
+const y = "segmentedControlSegment__5b5923ff", E = "selected__f5853c8d", I = "content__b4018161", r = {
   segmentedControlSegment: y,
   selected: E,
   content: I
@@ -29,13 +29,13 @@ const y = "segmentedControlSegment__bc94b2dc", E = "selected__d069c239", I = "co
       case n.MULTIPLE:
         return d.includes(e);
     }
-  })(), C = L(
+  })(), f = L(
     r.segmentedControlSegment,
     { [r.selected]: t },
     "hoverable",
     { active: t },
     i
-  ), f = () => {
+  ), C = () => {
     if (c)
       return c;
     if (typeof s == "string")
@@ -54,8 +54,8 @@ const y = "segmentedControlSegment__bc94b2dc", E = "selected__d069c239", I = "co
   return /* @__PURE__ */ a(
     N,
     {
-      className: C,
-      title: f(),
+      className: f,
+      title: C(),
       disabled: g || p,
       "aria-pressed": t,
       onClick: b,

package/components/SelectExtendedField/SelectExtendedField.js

@@ -1,14 +1,14 @@
-import { jsx as y, jsxs as O } from "react/jsx-runtime";
-import { useState as T, useRef as u, useCallback as r, useEffect as x } from "react";
-import { isKey as K, EVENT_KEY_CODES as b } from "../../utils/keyboard.js";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { useState as O, useRef as u, useCallback as r, useEffect as x } from "react";
+import { isKey as T, EVENT_KEY_CODES as K } from "../../utils/keyboard.js";
 import { KeyDownListener as C } from "../KeyDownListener/KeyDownListener.js";
-import { c as _ } from "../../chunks/vendor-CehxOAkM.js";
+import { c as _ } from "../../chunks/vendor-9KVE23Ri.js";
 import { SelectExtendedFieldTarget as j } from "./components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdown as k } from "./components/SelectExtendedFieldDropdown.js";
-const v = "SelectExtendedField__4a90830d", A = {
+const v = "SelectExtendedField__13bcad6b", A = {
   SelectExtendedField: v
 }, L = (S) => {
-  const { className: w, onKeyDown: n, children: D, renderTarget: F, closeOnTab: m, onClose: o, onOpen: d, ...g } = S, [e, c] = T(!1), l = u(null), f = u(null), E = r((t) => {
+  const { className: w, onKeyDown: n, children: D, renderTarget: F, closeOnTab: m, onClose: o, onOpen: d, ...g } = S, [e, c] = O(!1), l = u(null), f = u(null), E = r((t) => {
     c(t);
   }, []), i = r(
     (t) => {
@@ -21,7 +21,7 @@ const v = "SelectExtendedField__4a90830d", A = {
   }, [e]), h = r(
     (t) => {
       const s = t.code || t.keyCode;
-      m && K(s, "TAB") && a(), n == null || n(t);
+      m && T(s, "TAB") && a(), n == null || n(t);
     },
     [m, a, n]
   );
@@ -29,7 +29,7 @@ const v = "SelectExtendedField__4a90830d", A = {
     document.removeEventListener("mousedown", i);
   }), [i]), x(() => {
     e ? d == null || d() : o == null || o();
-  }, [e, d, o]), /* @__PURE__ */ y(C, { onMatch: a, eventKeyCode: b.ESCAPE, children: /* @__PURE__ */ O(
+  }, [e, d, o]), /* @__PURE__ */ y(C, { onMatch: a, eventKeyCode: K.ESCAPE, children: /* @__PURE__ */ b(
     "div",
     {
       className: _(A.SelectExtendedField, w),

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js

@@ -3,7 +3,7 @@ import { Dropdown as m } from "../../Dropdown/Dropdown.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as e } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-g0mYNHIW.js";
+import "../../../chunks/DropdownListItem-SqymKZn5.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -1,32 +1,32 @@
-import { jsxs as N, jsx as l } from "react/jsx-runtime";
+import { jsxs as N, jsx as d } from "react/jsx-runtime";
 import L, { useRef as O } from "react";
 import { CaretdownStrokeSrvIcon24 as A } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES as n } from "../../../utils/keyboard.js";
 import { LoaderSmall as C } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as y } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { c as E } from "../../../chunks/vendor-CehxOAkM.js";
+import { c as E } from "../../../chunks/vendor-9KVE23Ri.js";
 import { FormField as B } from "../../FormField/FormField.js";
 import "../../FormField/components/FormFieldDescription.js";
 import "../../FormField/components/FormFieldCounter.js";
 import { FormFieldLabel as P } from "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldClear.js";
 import { FormFieldTarget as k } from "../../FormField/components/FormFieldTarget.js";
-import "../../../chunks/FormFieldInput-qaJqBTBV.js";
+import "../../../chunks/FormFieldInput-BSxKZxcq.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import { FormFieldPostfix as w } from "../../FormField/components/FormFieldPostfix.js";
 import "../../FormField/components/FormFieldPrefix.js";
 import "../../FormField/components/FormFieldTextarea.js";
 import { EFormFieldStatus as s } from "../../FormField/enums.js";
 import { EComponentSize as z } from "../../../enums/EComponentSize.js";
-const W = "selectExtendedFieldTarget__30d3014c", j = "caretIcon__1dbb320f", K = "selectOpened__b1c4c179", G = "loading__c7c0080d", U = "disabled__8a40366c", t = {
+const W = "selectExtendedFieldTarget__4f5f02e3", j = "caretIcon__478a53e5", K = "selectOpened__d75b77c3", G = "loading__57ada55f", U = "disabled__cc78244d", t = {
   selectExtendedFieldTarget: W,
   caretIcon: j,
   selectOpened: K,
   loading: G,
   disabled: U
 }, V = L.forwardRef(
-  (x, a) => {
+  (x, l) => {
     const {
       children: Y,
       className: g,
@@ -38,29 +38,29 @@ const W = "selectExtendedFieldTarget__30d3014c", j = "caretIcon__1dbb320f", K =
       setOpened: f,
       loading: r,
       size: F,
-      status: d,
+      status: a,
       tabIndex: _,
-      fieldLabel: b,
-      ...u
-    } = x, S = O(null), D = E(
+      fieldLabel: u,
+      ...S
+    } = x, b = O(null), D = E(
       t.selectExtendedFieldTarget,
       {
         [t.selectOpened]: o,
         [t.loading]: r,
-        [t.disabled]: d === s.DISABLED
+        [t.disabled]: a === s.DISABLED
       },
       g
-    ), I = () => d === s.DISABLED || r ? -1 : _ || 0, h = (e) => {
-      r && d === s.DISABLED || (f(!o), p == null || p(e));
+    ), I = () => a === s.DISABLED || r ? -1 : _ || 0, h = (e) => {
+      r && a === s.DISABLED || (f(!o), p == null || p(e));
     }, R = (e) => {
-      r && d === s.DISABLED || (o || [
+      r && a === s.DISABLED || (o || [
         n.SPACE,
         n.ENTER,
         n.ARROW_DOWN,
         n.ARROW_UP
       ].includes(e.keyCode) && (e.preventDefault(), e.stopPropagation(), f(!o)), m == null || m(e));
     }, T = (e) => {
-      S.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
+      b.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
     };
     return /* @__PURE__ */ N(
       B,
@@ -68,16 +68,16 @@ const W = "selectExtendedFieldTarget__30d3014c", j = "caretIcon__1dbb320f", K =
         onClick: h,
         tabIndex: I(),
         onKeyDown: R,
-        status: d,
+        status: a,
         size: F,
         className: D,
         "aria-expanded": o,
         "aria-haspopup": "listbox",
-        "data-tx": "1.3.0",
-        ...u,
+        "data-tx": "1.5.0",
+        ...S,
         children: [
-          /* @__PURE__ */ l(P, { floating: !!i || !!c, children: b }),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ d(P, { floating: !!i || !!c, children: u }),
+          /* @__PURE__ */ d(
             k,
             {
               ref: T,
@@ -89,7 +89,7 @@ const W = "selectExtendedFieldTarget__30d3014c", j = "caretIcon__1dbb320f", K =
               children: i
             }
           ),
-          /* @__PURE__ */ l(w, { children: r ? /* @__PURE__ */ l(C, { size: z.LG, theme: y.BRAND }) : /* @__PURE__ */ l(A, { paletteIndex: 5, className: t.caretIcon }) })
+          /* @__PURE__ */ d(w, { children: r ? /* @__PURE__ */ d(C, { size: z.LG, theme: y.BRAND }) : /* @__PURE__ */ d(A, { paletteIndex: 5, className: t.caretIcon }) })
         ]
       }
     );

package/components/SelectField/SelectField.js

@@ -5,7 +5,7 @@ import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdownDefault as v } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
 import { DropdownListContext as F } from "../Dropdown/DropdownListContext.js";
-import { a as I } from "../../chunks/vendor-CehxOAkM.js";
+import { a as I } from "../../chunks/vendor-9KVE23Ri.js";
 const C = S.forwardRef((c, t) => {
   const {
     children: L,

package/components/Skeleton/Skeleton.js

@@ -1,10 +1,10 @@
 import { jsx as n } from "react/jsx-runtime";
-import { c as r } from "../../chunks/vendor-CehxOAkM.js";
+import { c as r } from "../../chunks/vendor-9KVE23Ri.js";
 import { ESkeletonType as t } from "./enums.js";
-const k = "skeleton__0f956d39", a = "light__4113ef83", c = "dark__476f9bcd", o = {
-  skeleton: k,
-  light: a,
-  dark: c
+const a = "skeleton__cbd1a1cf", c = "light__1d9fef21", k = "dark__6917535e", o = {
+  skeleton: a,
+  light: c,
+  dark: k
 }, f = ({ className: s, type: e = t.DARK, ...l }) => /* @__PURE__ */ n(
   "div",
   {
@@ -13,7 +13,7 @@ const k = "skeleton__0f956d39", a = "light__4113ef83", c = "dark__476f9bcd", o =
       [o.light]: e === t.LIGHT
     }),
     ...l,
-    "data-tx": "1.3.0"
+    "data-tx": "1.5.0"
   }
 );
 export {

package/components/Spoiler/Spoiler.js

@@ -0,0 +1,75 @@
+import { jsx as a, 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 c } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as g } from "../../utils/classNameMaps.js";
+import { a as j, c as _ } from "../../chunks/vendor-9KVE23Ri.js";
+const y = "spoiler__1b0b25b2", D = "opened__5c632c47", q = "caretIcon__0efe0fe0", A = "head__c9328c0e", G = "content__7f411aee", H = "hidden__9e333767", K = "lg__c4ecadca", $ = "md__f11f34bc", F = "sm__6afd5768", e = {
+  spoiler: y,
+  opened: D,
+  caretIcon: q,
+  head: A,
+  content: G,
+  hidden: H,
+  lg: K,
+  md: $,
+  sm: F
+}, J = {
+  [c.SM]: /* @__PURE__ */ a(B, { paletteIndex: 5, className: e.caretIcon }),
+  [c.MD]: /* @__PURE__ */ a(p, { paletteIndex: 5, className: e.caretIcon }),
+  [c.LG]: /* @__PURE__ */ a(p, { paletteIndex: 5, className: e.caretIcon })
+}, O = g(e), P = z.forwardRef((f, h) => {
+  const {
+    children: I,
+    expanded: s,
+    onToggle: o,
+    toggle: n,
+    className: x,
+    labelExpand: S,
+    labelCollapse: u,
+    rightBlock: N,
+    size: r = c.MD,
+    ...C
+  } = f, d = s !== void 0, [b, v] = T(s), t = d ? s : 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 = _(
+    e.spoiler,
+    O[r],
+    {
+      [e.opened]: t
+    },
+    x
+  );
+  return /* @__PURE__ */ l("div", { ...C, className: k, "data-tx": "1.5.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 ? u : S,
+            J[r]
+          ]
+        }
+      ),
+      N
+    ] }),
+    /* @__PURE__ */ a("div", { id: m.current, className: _(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-9KVE23Ri.js";
+import { s as r } from "../../chunks/StatusTracker.module-DetC6Udk.js";
+import { EStatusTrackerType as t, EVerticalAlign as o } from "./enums.js";
+import { StatusTrackerMedia as u } from "./components/StatusTrackerMedia.js";
+import { StatusTrackerHeader as f } from "./components/StatusTrackerHeader.js";
+import { StatusTrackerBody as k } 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
+}, g = {
+  [o.MIDDLE]: r.verticalAlignMiddle,
+  [o.BOTTOM]: r.verticalAlignBottom
+}, v = Object.assign(
+  p.forwardRef(function({ children: i, className: m, type: e, verticalAlign: l = o.TOP, ...d }, T) {
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        className: a(r.statusTrackerWrapper, m),
+        ...d,
+        ref: T,
+        "data-tx": "1.5.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, g[l]), children: i })
+        ]
+      }
+    );
+  }),
+  {
+    Media: u,
+    Header: f,
+    Body: k,
+    Footer: N
+  }
+);
+v.displayName = "StatusTracker";
+export {
+  v 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-9KVE23Ri.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-DetC6Udk.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-9KVE23Ri.js";
+import { StatusTrackerStatus as c } from "./StatusTrackerStatus.js";
+import { StatusTrackerAlert as i } from "./StatusTrackerAlert.js";
+import { s as u } from "../../../chunks/StatusTracker.module-DetC6Udk.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 });
+  }),
+  {
+    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-9KVE23Ri.js";
+import { s as c } from "../../../chunks/StatusTracker.module-DetC6Udk.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