@sberbusiness/triplex-next 1.3.0 → 1.5.0

package/components/Page/components/FooterPage.js

@@ -1,36 +1,42 @@
-import { jsx as r } from "react/jsx-runtime";
-import l, { useRef as u } from "react";
-import { Footer as t } from "../../Footer/Footer.js";
-import { EFooterPageType as f } from "./enums.js";
-import { s as p } from "../../../chunks/Page.module-Cwb_zvqj.js";
-import { c as a } from "../../../chunks/vendor-CehxOAkM.js";
-import { useStickyCornerRadius as y } from "./useStickyCornerRadius.js";
-import { Island as R } from "../../Island/Island.js";
+import { jsx as e } from "react/jsx-runtime";
+import F, { useRef as R } from "react";
+import { c as T } from "../../../chunks/vendor-9KVE23Ri.js";
+import { Footer as s } from "../../Footer/Footer.js";
+import { EFooterPageType as i } from "./enums.js";
+import { useStickyCornerRadius as d } from "./useStickyCornerRadius.js";
+import { Island as y } from "../../Island/Island.js";
 import { EIslandType as g } from "../../Island/enums.js";
-const I = Object.assign(
-  l.forwardRef(({ className: s, type: c = f.FIRST, ...i }, o) => {
-    const m = u(null);
-    y(m, "bottom");
-    const n = (e) => {
-      m.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
-    }, d = a(s, p.footerPageTypeSecond);
-    return c === f.SECOND ? /* @__PURE__ */ r(
-      R,
-      {
-        className: d,
-        type: g.TYPE_1,
-        borderRadius: 16,
-        paddingSize: 16,
-        ref: n,
-        children: /* @__PURE__ */ r(t, { ...i })
-      }
-    ) : /* @__PURE__ */ r(t, { ref: o, className: a(p.footerPageTypeFirst, s), ...i });
-  }),
+import "../../Island/components/IslandBody.js";
+import "../../Island/components/IslandHeader.js";
+import "../../Island/components/IslandFooter.js";
+import { s as c } from "../../../chunks/Page.module-DUQ6i8Ez.js";
+const w = Object.assign(
+  F.forwardRef(
+    ({ className: m, type: r, size: n, sticky: f, ...p }, o) => {
+      const a = R(null);
+      d(a, "bottom", r === i.FIRST && f);
+      const l = (t) => {
+        a.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
+      }, u = T(m, c.footerPageTypeFirst, {
+        [c.sticky]: r === i.FIRST && f
+      });
+      return r === i.FIRST ? /* @__PURE__ */ e(
+        y,
+        {
+          className: u,
+          type: g.TYPE_1,
+          ref: l,
+          size: n,
+          children: /* @__PURE__ */ e(s, { ...p })
+        }
+      ) : /* @__PURE__ */ e(s, { ref: o, className: m, ...p });
+    }
+  ),
   {
-    Description: t.Description
+    Description: s.Description
   }
 );
 export {
-  I as FooterPage
+  w as FooterPage
 };
 //# sourceMappingURL=FooterPage.js.map

package/components/Page/components/HeaderPage.js

@@ -1,31 +1,25 @@
-import { jsx as o } from "react/jsx-runtime";
-import c, { useRef as u } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import T, { useRef as R } from "react";
 import { Header as e } from "../../Header/Header.js";
-import { EHeaderPageType as i } from "./enums.js";
-import { c as m } from "../../../chunks/vendor-CehxOAkM.js";
-import { Island as y } from "../../Island/Island.js";
-import { EIslandType as S } from "../../Island/enums.js";
-import { useStickyCornerRadius as T } from "./useStickyCornerRadius.js";
-import { s as p } from "../../../chunks/Page.module-Cwb_zvqj.js";
-const H = Object.assign(
-  c.forwardRef(({ className: t, type: f = i.FIRST, ...s }, r) => {
-    const d = u(null);
-    T(d, "top");
-    const n = (a) => {
-      d.current = a, typeof r == "function" ? r(a) : r && (r.current = a);
-    }, l = m(t, p.headerPageTypeSecond);
-    return f === i.SECOND ? /* @__PURE__ */ o(
-      y,
-      {
-        className: l,
-        type: S.TYPE_1,
-        borderRadius: 16,
-        paddingSize: 16,
-        ref: n,
-        children: /* @__PURE__ */ o(e, { ...s })
-      }
-    ) : /* @__PURE__ */ o(e, { ref: r, className: m(p.headerPageTypeFirst, t), ...s });
-  }),
+import { EHeaderPageType as t } from "./enums.js";
+import { c as p } from "../../../chunks/vendor-9KVE23Ri.js";
+import { Island as S } from "../../Island/Island.js";
+import { EIslandType as y } from "../../Island/enums.js";
+import { useStickyCornerRadius as b } from "./useStickyCornerRadius.js";
+import { s as i } from "../../../chunks/Page.module-DUQ6i8Ez.js";
+const j = Object.assign(
+  T.forwardRef(
+    ({ className: m, type: a, size: n, sticky: d, ...f }, r) => {
+      const l = R(null);
+      b(l, "top", a === t.FIRST && d);
+      const c = (o) => {
+        l.current = o, typeof r == "function" ? r(o) : r && (r.current = o);
+      }, u = p(m, i.headerPageTypeFirst, {
+        [i.sticky]: a === t.FIRST && d
+      });
+      return a === t.FIRST ? /* @__PURE__ */ s(S, { className: u, type: y.TYPE_1, size: n, ref: c, children: /* @__PURE__ */ s(e, { ...f }) }) : /* @__PURE__ */ s(e, { ref: r, className: p(i.headerPageTypeSecond, m), ...f });
+    }
+  ),
   {
     LayoutSidebar: e.LayoutSidebar,
     Subhead: e.Subhead,
@@ -34,6 +28,6 @@ const H = Object.assign(
   }
 );
 export {
-  H as HeaderPage
+  j as HeaderPage
 };
 //# sourceMappingURL=HeaderPage.js.map

package/components/Page/components/useStickyCornerRadius.js

@@ -1,34 +1,44 @@
-import { useEffect as y } from "react";
-function g(n) {
-  let t = n;
+import { useEffect as v } from "react";
+function E(i) {
+  let t = i;
   for (; t && t !== document.documentElement; ) {
-    const c = getComputedStyle(t).overflowY;
-    if (/(auto|scroll|overlay)/.test(c) && t.scrollHeight > t.clientHeight) return t;
+    const e = getComputedStyle(t).overflowY;
+    if (/(auto|scroll|overlay)/.test(e) && t.scrollHeight > t.clientHeight) return t;
     t = t.parentElement;
   }
   return window;
 }
-function R(n, t) {
-  y(() => {
-    const e = n.current;
+function L(i, t, c = !0) {
+  v(() => {
+    const e = i.current;
     if (!e) return;
-    const c = 16, w = t === "top" ? "--r-top" : "--r-bottom", i = getComputedStyle(e), f = t === "top" ? i.top : i.bottom, l = parseFloat(f || "0") || 0, r = g(e);
-    let o = 0;
-    const a = () => {
-      o = 0;
-      const m = e.getBoundingClientRect(), d = r === window ? { top: 0, bottom: window.innerHeight } : r.getBoundingClientRect(), v = t === "top" ? m.top - (d.top + l) : d.bottom - l - m.bottom, p = Math.max(0, Math.min(c, v));
-      e.style.setProperty(w, `${p}px`), p <= 0.5 ? e.dataset.stuck = "true" : delete e.dataset.stuck;
-    }, s = () => {
-      o || (o = requestAnimationFrame(a));
+    const u = t === "top" ? "--r-top" : "--r-bottom";
+    if (!c) {
+      e.style.removeProperty(u), delete e.dataset.stuck;
+      return;
+    }
+    const p = 24;
+    let d = 0, r = 0, s = window, l = null;
+    const m = () => {
+      r = 0;
+      const o = e.getBoundingClientRect(), n = s === window ? { top: 0, bottom: window.innerHeight } : s.getBoundingClientRect(), g = t === "top" ? o.top - (n.top + d) : n.bottom - d - o.bottom, f = Math.max(0, Math.min(p, g));
+      e.style.setProperty(u, `${f}px`), f <= 0.5 ? e.dataset.stuck = "true" : delete e.dataset.stuck;
+    }, a = () => {
+      r || (r = requestAnimationFrame(m));
+    }, y = () => {
+      const o = getComputedStyle(e), n = t === "top" ? o.top : o.bottom;
+      d = parseFloat(n || "0") || 0, s = E(e), l = s === window ? window : s, m(), l.addEventListener("scroll", a, { passive: !0 }), window.addEventListener("resize", a), window.addEventListener("transitionend", w);
+    }, w = (o) => {
+      o.target && o.target instanceof HTMLElement && o.target.classList && o.propertyName === "transform" && Array.from(o.target.classList).some(
+        (n) => n.includes("lightBoxSideOverlayContent")
+      ) && m();
     };
-    a();
-    const u = r === window ? window : r;
-    return u.addEventListener("scroll", s, { passive: !0 }), window.addEventListener("resize", s), () => {
-      u.removeEventListener("scroll", s), window.removeEventListener("resize", s), o && cancelAnimationFrame(o);
+    return setTimeout(y, 100), () => {
+      l && l.removeEventListener("scroll", a), window.removeEventListener("resize", a), window.removeEventListener("transitionend", w), r && cancelAnimationFrame(r);
     };
-  }, [n, t]);
+  }, [i, t, c]);
 }
 export {
-  R as useStickyCornerRadius
+  L as useStickyCornerRadius
 };
 //# sourceMappingURL=useStickyCornerRadius.js.map

package/components/Pagination/components/PaginationExtended.js

@@ -1,17 +1,17 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as d } from "../../../chunks/vendor-CehxOAkM.js";
+import { c as d } from "../../../chunks/vendor-9KVE23Ri.js";
 import i from "react";
-const r = "paginationExtended__799e5e04", s = {
+const r = "paginationExtended__ac3aa172", s = {
   paginationExtended: r
 }, x = i.forwardRef(
-  ({ children: t, className: a, ...n }, e) => /* @__PURE__ */ o(
+  ({ children: a, className: t, ...n }, e) => /* @__PURE__ */ o(
     "nav",
     {
-      className: d(s.paginationExtended, a),
-      "data-tx": "1.3.0",
+      className: d(s.paginationExtended, t),
+      "data-tx": "1.5.0",
       ...n,
       ref: e,
-      children: t
+      children: a
     }
   )
 );

package/components/Pagination/components/PaginationNavigationButton.js

@@ -4,10 +4,10 @@ import { ButtonIcon as p } from "../../Button/ButtonIcon.js";
 import { EButtonIconShape as m } from "../../Button/enums.js";
 import { EPaginationNavigationIconDirection as s } from "../enums.js";
 import { CaretleftStrokeSrvIcon24 as o } from "@sberbusiness/icons-next";
-const g = "paginationNavigationButton__949b553a", N = "directionIconNext__d48e9336", n = {
+const g = "paginationNavigationButton__a0d90f1f", N = "directionIconNext__317bcaf4", n = {
   paginationNavigationButton: g,
   directionIconNext: N
-}, d = c.forwardRef(
+}, f = c.forwardRef(
   ({ direction: i, ...a }, e) => {
     const r = i === s.BACK;
     return /* @__PURE__ */ t(
@@ -22,8 +22,8 @@ const g = "paginationNavigationButton__949b553a", N = "directionIconNext__d48e93
     );
   }
 );
-d.displayName = "PaginationNavigationButton";
+f.displayName = "PaginationNavigationButton";
 export {
-  d as PaginationNavigationButton
+  f as PaginationNavigationButton
 };
 //# sourceMappingURL=PaginationNavigationButton.js.map

package/components/Pagination/components/PaginationNavigationExtended.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import e from "react";
-import { c as d } from "../../../chunks/vendor-CehxOAkM.js";
-const g = "paginationNavigationExtended__62c2b434", r = {
+import { c as d } from "../../../chunks/vendor-9KVE23Ri.js";
+const g = "paginationNavigationExtended__4295512f", r = {
   paginationNavigationExtended: g
 }, s = e.forwardRef(
   ({ children: a, className: t, ...i }, n) => /* @__PURE__ */ o("ul", { className: d(r.paginationNavigationExtended, t), ...i, ref: n, children: a })

package/components/Pagination/components/PaginationPageButton.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import g from "react";
-import { c } from "../../../chunks/vendor-CehxOAkM.js";
-const s = "paginationPageButton__c617376c", u = "currentPage__2ee526a7", a = {
+import { c } from "../../../chunks/vendor-9KVE23Ri.js";
+const s = "paginationPageButton__78f7775b", u = "currentPage__5bf93383", a = {
   paginationPageButton: s,
   currentPage: u
 }, P = g.forwardRef(

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -1,10 +1,10 @@
 import { jsx as p } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-CehxOAkM.js";
+import { c as e } from "../../../chunks/vendor-9KVE23Ri.js";
 import o from "react";
-const t = "pageEllipsis__9d1ab94e", r = {
+const t = "pageEllipsis__334d9c52", r = {
   pageEllipsis: t
 }, n = o.forwardRef(
-  ({ children: s, className: a, ...i }, l) => /* @__PURE__ */ p("span", { className: e(r.pageEllipsis, a), ...i, ref: l, children: s })
+  ({ children: s, className: i, ...a }, l) => /* @__PURE__ */ p("span", { className: e(r.pageEllipsis, i), ...a, ref: l, children: s })
 );
 n.displayName = "PaginationPageEllipsis";
 export {

package/components/Pagination/components/PaginationSelect.js

@@ -1,26 +1,26 @@
-import { jsxs as f, jsx as t } from "react/jsx-runtime";
-import g, { useRef as S } from "react";
-import { a as x, c as N } from "../../../chunks/vendor-CehxOAkM.js";
+import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import S, { useRef as f } from "react";
+import { a as x, c as N } from "../../../chunks/vendor-9KVE23Ri.js";
 import "../../Typography/Title.js";
 import { Text as v } from "../../Typography/Text.js";
 import "../../Typography/Caption.js";
 import { ETextSize as _ } from "../../Typography/enums.js";
-const b = "paginationSelect__0232411f", h = "paginationSelectControl__f6feb388", o = {
-  paginationSelect: b,
-  paginationSelectControl: h
-}, y = g.forwardRef(
-  ({ paginationLabel: c, className: s, hidden: m, options: i, value: a, onChange: n }, d) => {
-    const l = S(`Pagination-${x()}`), p = i && i.length > 0 ? i : [10, 20, 50, 100], u = (e) => {
+const h = "paginationSelect__810e373f", b = "paginationSelectControl__e37341a8", o = {
+  paginationSelect: h,
+  paginationSelectControl: b
+}, y = S.forwardRef(
+  ({ paginationLabel: c, className: s, hidden: m, options: i, value: n, onChange: a }, d) => {
+    const l = f(`Pagination-${x()}`), p = i && i.length > 0 ? i : [10, 20, 50, 100], u = (e) => {
       const r = Number(e.target.value);
-      Number.isNaN(r) || n == null || n(r);
+      Number.isNaN(r) || a == null || a(r);
     };
-    return m ? null : /* @__PURE__ */ f("div", { className: N(o.paginationSelect, s), ref: d, children: [
+    return m ? null : /* @__PURE__ */ g("div", { className: N(o.paginationSelect, s), ref: d, children: [
       /* @__PURE__ */ t(v, { size: _.B3, id: l.current, children: c }),
       /* @__PURE__ */ t("div", { className: o.paginationSelectControl, children: /* @__PURE__ */ t(
         "select",
         {
           "aria-labelledby": l.current,
-          value: a !== void 0 ? String(a) : void 0,
+          value: n !== void 0 ? String(n) : void 0,
           onChange: u,
           children: p.map((e) => /* @__PURE__ */ t("option", { value: e, children: e }, e))
         }

package/components/Pagination/utils/paginationUtils.js

@@ -1,4 +1,4 @@
-import { j as R } from "../../../chunks/vendor-CehxOAkM.js";
+import { k as R } from "../../../chunks/vendor-9KVE23Ri.js";
 const m = -1, h = {
   // Создание массива чисел в заданном диапазоне с заданным шагом.
   generateRange: (n, i, e = 1) => n > i ? [] : R(n, i + 1, e),

package/components/Radio/Radio.js

@@ -1,13 +1,13 @@
-import { jsxs as b, jsx as t } from "react/jsx-runtime";
+import { jsxs as f, jsx as t } from "react/jsx-runtime";
 import N from "react";
-import { c as d } from "../../chunks/vendor-CehxOAkM.js";
+import { c as m } from "../../chunks/vendor-9KVE23Ri.js";
 import "../Typography/Title.js";
 import { Text as x } from "../Typography/Text.js";
 import "../Typography/Caption.js";
-import { ETextSize as m } from "../Typography/enums.js";
+import { ETextSize as n } from "../Typography/enums.js";
 import { EComponentSize as i } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as z } from "../../utils/classNameMaps.js";
-const y = "label__065c3332", T = "md__8cdbcdeb", M = "nonempty__736d5aec", u = "lg__4ede3efb", I = "disabled__51ecd7f5", R = "radio__9e4485f3", S = "radioIcon__d4af55e2", o = {
+const y = "label__fdbef6e9", T = "md__6df6a75c", M = "nonempty__79d265f3", u = "lg__37b5609e", I = "disabled__76a4de7e", R = "radio__cad79ab3", S = "radioIcon__1ed8bd7a", a = {
   label: y,
   md: T,
   nonempty: M,
@@ -16,19 +16,19 @@ const y = "label__065c3332", T = "md__8cdbcdeb", M = "nonempty__736d5aec", u = "
   radio: R,
   radioIcon: S
 }, g = {
-  [i.LG]: m.B2,
-  [i.MD]: m.B3
-}, C = z(o), h = N.forwardRef((n, r) => {
-  const { children: a, className: l, disabled: c, labelAttributes: e, size: s = i.MD, ...p } = n, _ = d(o.radio, l, C[s]), f = d(
-    o.label,
-    o[s],
-    { [o.disabled]: !!c, [o.nonempty]: !!a },
-    e == null ? void 0 : e.className
+  [i.LG]: n.B2,
+  [i.MD]: n.B3
+}, C = z(a), h = N.forwardRef((c, r) => {
+  const { children: e, className: l, disabled: d, labelAttributes: o, size: s = i.MD, ...p } = c, _ = m(a.radio, l, C[s]), b = m(
+    a.label,
+    a[s],
+    { [a.disabled]: !!d, [a.nonempty]: !!e },
+    o == null ? void 0 : o.className
   );
-  return /* @__PURE__ */ b("label", { ...e, className: f, "data-tx": "1.3.0", children: [
-    /* @__PURE__ */ t("input", { type: "radio", className: _, disabled: c, ...p, ref: r }),
-    /* @__PURE__ */ t("span", { className: o.radioIcon }),
-    a && /* @__PURE__ */ t(x, { size: g[s], children: a })
+  return /* @__PURE__ */ f("label", { ...o, className: b, "data-tx": "1.5.0", children: [
+    /* @__PURE__ */ t("input", { type: "radio", className: _, disabled: d, ...p, ref: r }),
+    /* @__PURE__ */ t("span", { className: a.radioIcon }),
+    e && /* @__PURE__ */ t(x, { size: g[s], children: e })
   ] });
 });
 h.displayName = "Radio";

package/components/Radio/RadioXGroup.js

@@ -1,17 +1,17 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as r } from "../../chunks/vendor-CehxOAkM.js";
-const s = "radioXGroup__eadecc9a", _ = "label__065c3332", n = {
-  radioXGroup: s,
-  "indent-12": "indent-12__7cc468c6",
-  label: _,
-  "indent-16": "indent-16__35fc33e9",
-  "indent-20": "indent-20__5ac03995",
-  "indent-24": "indent-24__4339e714",
-  "indent-28": "indent-28__99779caf",
-  "indent-32": "indent-32__89ac3ff3"
+import { jsx as r } from "react/jsx-runtime";
+import { c as s } from "../../chunks/vendor-9KVE23Ri.js";
+const _ = "radioXGroup__8a2cdbd6", c = "label__fdbef6e9", n = {
+  radioXGroup: _,
+  "indent-12": "indent-12__65f17236",
+  label: c,
+  "indent-16": "indent-16__8e998d3f",
+  "indent-20": "indent-20__a42925ad",
+  "indent-24": "indent-24__0c64fcb7",
+  "indent-28": "indent-28__aa79a964",
+  "indent-32": "indent-32__2b02a86e"
 }, l = (e) => {
-  const { children: i, className: o, indent: t = 12, ...d } = e, a = r(n.radioXGroup, n[`indent-${t}`], o);
-  return /* @__PURE__ */ c("div", { className: a, role: "radiogroup", ...d, children: i });
+  const { children: d, className: a, indent: i = 12, ...o } = e, t = s(n.radioXGroup, n[`indent-${i}`], a);
+  return /* @__PURE__ */ r("div", { className: t, role: "radiogroup", ...o, children: d });
 };
 l.displayName = "RadioXGroup";
 export {

package/components/Radio/RadioYGroup.js

@@ -1,13 +1,13 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as d } from "../../chunks/vendor-CehxOAkM.js";
-const p = "radioYGroup__4069dfa1", t = {
+import { jsx as e } from "react/jsx-runtime";
+import { c as i } from "../../chunks/vendor-9KVE23Ri.js";
+const p = "radioYGroup__0e7e0c6c", t = {
   radioYGroup: p
-}, e = (o) => {
-  const { children: r, className: s, ...a } = o, i = d(t.radioYGroup, s);
-  return /* @__PURE__ */ c("div", { className: i, role: "radiogroup", ...a, children: r });
+}, d = (o) => {
+  const { children: r, className: s, ...a } = o, c = i(t.radioYGroup, s);
+  return /* @__PURE__ */ e("div", { className: c, role: "radiogroup", ...a, children: r });
 };
-e.displayName = "RadioYGroup";
+d.displayName = "RadioYGroup";
 export {
-  e as RadioYGroup
+  d as RadioYGroup
 };
 //# sourceMappingURL=RadioYGroup.js.map

package/components/Row/Row.js

@@ -1,11 +1,11 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as d } from "../../chunks/vendor-CehxOAkM.js";
-const m = "row__988f01ae", i = "noPaddingBottom__57c02643", o = {
+import { jsx as d } from "react/jsx-runtime";
+import { c as a } from "../../chunks/vendor-9KVE23Ri.js";
+const m = "row__a07f9fc2", i = "noPaddingBottom__c7f95bd6", o = {
   row: m,
   noPaddingBottom: i
 }, e = ({ children: t, className: n, paddingBottom: s = !0, ...r }) => {
-  const a = d(n, o.row, { [o.noPaddingBottom]: !s });
-  return /* @__PURE__ */ c("div", { className: a, ...r, children: t });
+  const c = a(n, o.row, { [o.noPaddingBottom]: !s });
+  return /* @__PURE__ */ d("div", { className: c, ...r, children: t });
 };
 e.displayName = "Row";
 export {

package/components/SMSInput/SMSInput.js

@@ -0,0 +1,41 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c as C } from "../../chunks/vendor-9KVE23Ri.js";
+import { useState as e } from "react";
+import { SMSInputContext as h } from "./SMSInputContext.js";
+import { SMSInputInput as N } from "./components/SMSInputInput.js";
+import { SMSInputRefresh as x } from "./components/SMSInputRefresh.js";
+import { SMSInputSubmit as T } from "./components/SMSInputSubmit.js";
+import { SMSInputTooltip as v } from "./components/SMSInputTooltip.js";
+import { s as r } from "../../chunks/SMSInput.module-D1TiDw_A.js";
+import { createSizeToClassNameMap as z } from "../../utils/classNameMaps.js";
+const y = z(r), t = (i) => {
+  const { children: m, className: p, code: a, disabled: n, error: S, onChangeCode: l, onSubmitCode: u, size: o, ...d } = i, [c, I] = e(!0), [f, b] = e(), M = C(r.smsInput, p);
+  return /* @__PURE__ */ s(
+    h.Provider,
+    {
+      value: {
+        code: a,
+        disabled: !!n,
+        disabledSubmit: c,
+        error: !!S,
+        onChangeCode: l,
+        onSubmitCode: u,
+        setDisabledSubmit: I,
+        setTooltipId: b,
+        size: o,
+        sizeClassName: y[o],
+        tooltipId: f
+      },
+      children: /* @__PURE__ */ s("div", { className: M, ...d, "data-tx": "1.5.0", children: m })
+    }
+  );
+};
+t.displayName = "SMSInput";
+t.Tooltip = v;
+t.Refresh = x;
+t.Input = N;
+t.Submit = T;
+export {
+  t as SMSInput
+};
+//# sourceMappingURL=SMSInput.js.map

package/components/SMSInput/SMSInputContext.js

@@ -0,0 +1,23 @@
+import e from "react";
+import { EComponentSize as t } from "../../enums/EComponentSize.js";
+const o = {
+  code: "",
+  disabled: !1,
+  disabledSubmit: !0,
+  error: !1,
+  onChangeCode: () => {
+  },
+  onSubmitCode: () => {
+  },
+  setDisabledSubmit: () => {
+  },
+  setTooltipId: () => {
+  },
+  size: t.LG,
+  sizeClassName: "",
+  tooltipId: void 0
+}, a = e.createContext(o);
+export {
+  a as SMSInputContext
+};
+//# sourceMappingURL=SMSInputContext.js.map

package/components/SMSInput/components/RefreshIcon.js

@@ -0,0 +1,35 @@
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { c as P } from "../../../chunks/vendor-9KVE23Ri.js";
+import { s as o } from "../../../chunks/SMSInput.module-D1TiDw_A.js";
+import { EComponentSize as u } from "../../../enums/EComponentSize.js";
+const r = "M2 10c0-4.42 3.58-8 8-8 2.52 0 4.77 1.16 6.24 3H13.5c-.56 0-1 .44-1 1 0 .55.44 1 1 1h5c.55 0 1-.45 1-1V1c0-.56-.45-1-1-1-.56 0-1 .44-1 1v2.38A10.02 10.02 0 0 0 10 0C4.47 0 0 4.47 0 10c0 5.52 4.47 10 10 10 5.52 0 10-4.48 10-10 0-.56-.45-1-1-1-.56 0-1 .44-1 1 0 4.41-3.59 8-8 8-4.42 0-8-3.59-8-8", d = "M27 16c0 .81-.09 1.61-.27 2.39a10.9 10.9 0 0 1-1.54 3.65c-.41.62-.88 1.2-1.42 1.73-.53.54-1.11 1.01-1.73 1.42a10.906 10.906 0 0 1-3.65 1.54c-.78.18-1.58.27-2.39.27q-1.23 0-2.4-.27a10.9 10.9 0 0 1-3.65-1.54c-.62-.41-1.2-.88-1.73-1.42-.54-.53-1.01-1.11-1.42-1.73a10.906 10.906 0 0 1-1.54-3.65C5.08 17.61 5 16.81 5 16c0-.82.08-1.62.26-2.4A10.9 10.9 0 0 1 6.8 9.95c.41-.62.88-1.2 1.42-1.73.53-.54 1.11-1.01 1.73-1.42a10.906 10.906 0 0 1 3.65-1.54C14.38 5.08 15.18 5 16 5a11.1 11.1 0 0 1 2.93.39c.44.12.86.27 1.27.44.47.19.93.42 1.37.68.39.23.75.47 1.1.74.4.31.78.64 1.14 1 .06.06.12.13.19.2V6c0-.57.44-1 1-1s1 .43 1 1v5c0 .66-.34 1-1 1h-5c-.56 0-1-.44-1-1 0-.57.44-1 1-1h2.7c-.1-.12-.21-.23-.31-.34-.3-.3-.61-.58-.95-.83-.28-.21-.57-.41-.88-.59a8.753 8.753 0 0 0-3-1.11C17.05 7.04 16.53 7 16 7c-.69 0-1.35.07-2 .22-.52.11-1.02.27-1.51.48-.5.21-.97.47-1.42.76a9 9 0 0 0-2.61 2.61c-.29.45-.55.92-.76 1.42-.21.49-.37.99-.48 1.51A8.8 8.8 0 0 0 7 16c0 .68.07 1.34.22 1.99.11.52.27 1.02.48 1.51.21.5.47.97.76 1.42q.51.78 1.17 1.44c.45.44.92.83 1.44 1.17.45.29.92.55 1.42.76.49.21.99.37 1.51.48a8.803 8.803 0 0 0 3.99 0c.52-.11 1.02-.27 1.51-.48.5-.21.97-.47 1.42-.76a9 9 0 0 0 2.61-2.61c.29-.45.55-.92.76-1.42.21-.49.37-.99.48-1.51.15-.65.23-1.31.23-1.99 0-.57.44-1 1-1s1 .43 1 1", v = Math.PI / 180, e = Math.PI * 2, M = (c) => (c = c % 360, c = c < 0 ? 360 + c : c, c * v), n = M(-8), h = M(-19), m = h < n ? e - (n - h) : h - n, p = (c, t) => Math.round(c * Math.cos(t) * 1e3) / 1e3, f = (c, t) => Math.round(c * Math.sin(t) * 1e3) / 1e3, w = (c, t, a, l) => "M" + c + " " + t + // Смещаем перо в центр окружности.
+"L" + // Рисуем горизонтальную линию вправо в начало сектора.
+(c + p(a, n)) + // Координата X начала дуги.
+" " + (t + f(a, n)) + // Координата Y начала дуги.
+"A" + // Рисуем дугу.
+a + // Радиус окружности дуги по оси X.
+" " + a + // Радиус окружности дуги по оси Y.
+" 0 " + // Смещение центра по оси X.
+(l > 0.5 ? "1" : "0") + // Флаг отрисовки длинной дуги (если 0 то короткой).
+" 1 " + // Рисовать по часовой стрелке.
+(c + p(a, (n + l * m) % e)) + // Координата X конца дуги.
+" " + (t + f(a, (n + l * m) % e)) + // Координата Y конца дуги.
+"Z", C = (c) => {
+  const t = Math.round(Math.min(c.percent, 0.999) * 1e3) / 1e3, a = P({
+    [o.disabled]: c.disabled,
+    [o.empty]: !c.disabled
+  });
+  return c.size === u.LG ? /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", focusable: "false", children: [
+    /* @__PURE__ */ s("clipPath", { id: `clipFront${t}`, children: /* @__PURE__ */ s("path", { d: w(16, 16, 18, t) }) }),
+    /* @__PURE__ */ s("path", { className: a, d }),
+    /* @__PURE__ */ s("path", { className: o.full, d, clipPath: `url(#clipFront${t})` })
+  ] }) : /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", focusable: "false", children: [
+    /* @__PURE__ */ s("clipPath", { id: `clipFront${t}`, children: /* @__PURE__ */ s("path", { d: w(10, 10, 14, t) }) }),
+    /* @__PURE__ */ s("path", { className: a, d: r }),
+    /* @__PURE__ */ s("path", { className: o.full, d: r, clipPath: `url(#clipFront${t})` })
+  ] });
+};
+export {
+  C as RefreshIcon
+};
+//# sourceMappingURL=RefreshIcon.js.map

package/components/SMSInput/components/SMSInputInput.js

@@ -0,0 +1,63 @@
+import { jsxs as d, jsx as r, Fragment as g } from "react/jsx-runtime";
+import { c as _ } from "../../../chunks/vendor-9KVE23Ri.js";
+import v, { useContext as M } from "react";
+import { FormField as T } from "../../FormField/FormField.js";
+import { FormFieldDescription as j } from "../../FormField/components/FormFieldDescription.js";
+import { FormFieldCounter as y } from "../../FormField/components/FormFieldCounter.js";
+import "../../FormField/components/FormFieldLabel.js";
+import "../../FormField/components/FormFieldClear.js";
+import "../../FormField/components/FormFieldTarget.js";
+import { F as z } from "../../../chunks/FormFieldInput-BSxKZxcq.js";
+import "../../FormField/components/FormFieldMaskedInput.js";
+import "../../FormField/components/FormFieldPostfix.js";
+import "../../FormField/components/FormFieldPrefix.js";
+import "../../FormField/components/FormFieldTextarea.js";
+import { EFormFieldStatus as s } from "../../FormField/enums.js";
+import { FormGroup as A } from "../../FormGroup/FormGroup.js";
+import { SMSInputContext as L } from "../SMSInputContext.js";
+import { s as O } from "../../../chunks/SMSInput.module-D1TiDw_A.js";
+import { EVENT_KEY_CODES as k } from "../../../utils/keyboard.js";
+const w = new RegExp(/^[0-9]*$/), B = v.forwardRef(
+  ({ className: u, counter: o, description: l, disabled: f, maxLength: c = 8, onChange: e, onKeyDown: m, placeholder: F, ...E }, S) => {
+    const {
+      code: p,
+      disabled: C,
+      disabledSubmit: h,
+      error: x,
+      onChangeCode: I,
+      onSubmitCode: N,
+      size: R,
+      sizeClassName: a
+    } = M(L), b = C || f, D = _(O.input, a, u);
+    let i = s.DEFAULT;
+    return b && (i = s.DISABLED), x && (i = s.ERROR), /* @__PURE__ */ d(A, { children: [
+      /* @__PURE__ */ r(T, { className: a, onKeyDown: (t) => {
+        t.keyCode === k.ENTER && !h && N(p), m == null || m(t);
+      }, size: R, status: i, children: /* @__PURE__ */ r(
+        z,
+        {
+          autoComplete: "off",
+          className: D,
+          maxLength: c,
+          onChange: (t) => {
+            const n = t.target.value;
+            w.test(n) && (I(n), e == null || e(t));
+          },
+          placeholder: F,
+          ref: S,
+          value: p,
+          ...E
+        }
+      ) }),
+      /* @__PURE__ */ r(j, { children: l || o ? /* @__PURE__ */ d(g, { children: [
+        l,
+        o ? /* @__PURE__ */ r(y, { children: o }) : null
+      ] }) : null })
+    ] });
+  }
+);
+B.displayName = "SMSInputInput";
+export {
+  B as SMSInputInput
+};
+//# sourceMappingURL=SMSInputInput.js.map