@sberbusiness/triplex-next 0.1.8 → 0.10.0

package/components/Page/components/FooterPage.js

@@ -1,39 +1,42 @@
-import { jsxs as k, jsx as s, Fragment as N } from "react/jsx-runtime";
-import S, { useState as p, useRef as P, useEffect as v } from "react";
-import { Footer as n } from "../../Footer/Footer.js";
-import { EFooterPageType as c } from "./enums.js";
-import { s as e } from "../../../chunks/Page.module-DxiWg_8o.js";
-import { c as D } from "../../../chunks/vendor-CF2m175I.js";
-const F = Object.assign(
-  S.forwardRef(({ className: u, type: r, ...t }, i) => {
-    const [l, g] = p(!1), a = P(null), o = r === c.SECOND && "sticky" in t ? t.sticky : !1;
-    v(() => {
-      if (!o || !a.current)
-        return;
-      const m = new IntersectionObserver(([d]) => g(!d.isIntersecting), { threshold: [0] });
-      return m.observe(a.current), () => {
-        m.disconnect();
-      };
-    }, [o]);
-    const f = D(
-      e.footerPage,
-      {
-        [e.footerPageBackground]: r === c.SECOND,
-        [e.footerPageSticky]: o,
-        [e.footerPageStuck]: l && o && r === c.SECOND
-      },
-      u
-    );
-    return r === c.SECOND ? /* @__PURE__ */ k(N, { children: [
-      /* @__PURE__ */ s("div", { className: f, ref: i, children: /* @__PURE__ */ s(n, { ...t }) }),
-      /* @__PURE__ */ s("div", { ref: a, "aria-hidden": "true", className: e.observerTarget })
-    ] }) : /* @__PURE__ */ s(n, { ref: i, className: f, ...t });
-  }),
+import { jsx as e } from "react/jsx-runtime";
+import R, { useRef as u } from "react";
+import { c as T } from "../../../chunks/vendor-BlJo2ILB.js";
+import { Footer as s } from "../../Footer/Footer.js";
+import { EFooterPageType as i } from "./enums.js";
+import { useStickyCornerRadius as y } from "./useStickyCornerRadius.js";
+import { Island as d } from "../../Island/Island.js";
+import { EIslandType as g } from "../../Island/enums.js";
+import "../../Island/components/IslandBody.js";
+import "../../Island/components/IslandHeader.js";
+import "../../Island/components/IslandFooter.js";
+import { s as n } from "../../../chunks/Page.module-JyadpNMJ.js";
+const N = Object.assign(
+  R.forwardRef(
+    ({ className: m, type: r, size: a, sticky: p, ...f }, o) => {
+      const c = u(null);
+      y(c, "bottom", r === i.FIRST && p);
+      const l = (t) => {
+        c.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
+      }, F = T(m, n.footerPageTypeFirst, {
+        [n.sticky]: r === i.FIRST && p
+      });
+      return r === i.FIRST ? /* @__PURE__ */ e(
+        d,
+        {
+          className: F,
+          type: g.TYPE_1,
+          ref: l,
+          size: a,
+          children: /* @__PURE__ */ e(s, { ...f })
+        }
+      ) : /* @__PURE__ */ e(s, { ref: o, className: m, ...f });
+    }
+  ),
   {
-    Description: n.Description
+    Description: s.Description
   }
 );
 export {
-  F as FooterPage
+  N as FooterPage
 };
 //# sourceMappingURL=FooterPage.js.map

package/components/Page/components/HeaderPage.js

@@ -1,34 +1,25 @@
-import { jsxs as h, jsx as c, Fragment as S } from "react/jsx-runtime";
-import b, { useState as k, useRef as N, useEffect as P } 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 o } from "./enums.js";
-import { s as r } from "../../../chunks/Page.module-DxiWg_8o.js";
-import { c as v } from "../../../chunks/vendor-CF2m175I.js";
-const x = Object.assign(
-  b.forwardRef(({ className: m, type: a, ...s }, n) => {
-    const [f, l] = k(!1), i = N(null), t = a === o.SECOND && "sticky" in s ? s.sticky : !1;
-    P(() => {
-      if (!t || !i.current)
-        return;
-      const u = new IntersectionObserver(([g]) => l(!g.isIntersecting), { threshold: [0] });
-      return u.observe(i.current), () => {
-        u.disconnect();
-      };
-    }, [t]);
-    const d = v(
-      r.headerPage,
-      {
-        [r.headerPageBackground]: a === o.SECOND,
-        [r.headerPageSticky]: t,
-        [r.headerPageStuck]: f && t && a === o.SECOND
-      },
-      m
-    );
-    return a === o.SECOND ? /* @__PURE__ */ h(S, { children: [
-      /* @__PURE__ */ c("div", { ref: i, "aria-hidden": "true", className: r.observerTarget }),
-      /* @__PURE__ */ c("div", { className: d, ref: n, children: /* @__PURE__ */ c(e, { ...s }) })
-    ] }) : /* @__PURE__ */ c(e, { ref: n, className: d, ...s });
-  }),
+import { EHeaderPageType as t } from "./enums.js";
+import { c as l } from "../../../chunks/vendor-BlJo2ILB.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-JyadpNMJ.js";
+const C = Object.assign(
+  T.forwardRef(
+    ({ className: m, type: a, size: n, sticky: d, ...f }, r) => {
+      const p = R(null);
+      b(p, "top", a === t.FIRST && d);
+      const c = (o) => {
+        p.current = o, typeof r == "function" ? r(o) : r && (r.current = o);
+      }, u = l(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: l(i.headerPageTypeSecond, m), ...f });
+    }
+  ),
   {
     LayoutSidebar: e.LayoutSidebar,
     Subhead: e.Subhead,
@@ -37,6 +28,6 @@ const x = Object.assign(
   }
 );
 export {
-  x as HeaderPage
+  C as HeaderPage
 };
 //# sourceMappingURL=HeaderPage.js.map

package/components/Page/components/enums.js

@@ -1,6 +1,8 @@
-var n = /* @__PURE__ */ ((r) => (r.FIRST = "first", r.SECOND = "second", r))(n || {}), s = /* @__PURE__ */ ((r) => (r.FIRST = "first", r.SECOND = "second", r))(s || {});
+var s = /* @__PURE__ */ ((r) => (r.FIRST = "first", r.SECOND = "second", r))(s || {}), S = /* @__PURE__ */ ((r) => (r.FIRST = "first", r.SECOND = "second", r))(S || {}), n = /* @__PURE__ */ ((r) => (r.FIRST = "first", r.SECOND = "second", r))(n || {}), t = /* @__PURE__ */ ((r) => (r.LARGE = "large", r.SMALL = "small", r))(t || {});
 export {
-  s as EFooterPageType,
-  n as EHeaderPageType
+  n as EBodyPageType,
+  t as EBodyPageVerticalMargin,
+  S as EFooterPageType,
+  s as EHeaderPageType
 };
 //# sourceMappingURL=enums.js.map

package/components/Page/components/useStickyCornerRadius.js

@@ -0,0 +1,44 @@
+import { useEffect as v } from "react";
+function E(i) {
+  let t = i;
+  for (; t && t !== document.documentElement; ) {
+    const e = getComputedStyle(t).overflowY;
+    if (/(auto|scroll|overlay)/.test(e) && t.scrollHeight > t.clientHeight) return t;
+    t = t.parentElement;
+  }
+  return window;
+}
+function L(i, t, c = !0) {
+  v(() => {
+    const e = i.current;
+    if (!e) return;
+    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();
+    };
+    return setTimeout(y, 100), () => {
+      l && l.removeEventListener("scroll", a), window.removeEventListener("resize", a), window.removeEventListener("transitionend", w), r && cancelAnimationFrame(r);
+    };
+  }, [i, t, c]);
+}
+export {
+  L as useStickyCornerRadius
+};
+//# sourceMappingURL=useStickyCornerRadius.js.map

package/components/Page/index.js

@@ -1,8 +1,10 @@
-import { Page as r } from "./Page.js";
-import { EFooterPageType as p, EHeaderPageType as g } from "./components/enums.js";
+import { Page as o } from "./Page.js";
+import { EBodyPageType as g, EBodyPageVerticalMargin as p, EFooterPageType as y, EHeaderPageType as P } from "./components/enums.js";
 export {
-  p as EFooterPageType,
-  g as EHeaderPageType,
-  r as Page
+  g as EBodyPageType,
+  p as EBodyPageVerticalMargin,
+  y as EFooterPageType,
+  P as EHeaderPageType,
+  o as Page
 };
 //# sourceMappingURL=index.js.map

package/components/Pagination/Pagination.js

@@ -1,18 +1,18 @@
 import { PaginationExtended as a } from "./components/PaginationExtended.js";
-import { PaginationNavigation as e } from "./components/PaginationNavigation.js";
+import { PaginationNavigation as n } from "./components/PaginationNavigation.js";
 import "./components/PaginationNavigationButton.js";
 import "./components/PaginationNavigationExtended.js";
 import "./components/PaginationNavigationExtendedItem.js";
 import "./components/PaginationPageButton.js";
 import "./components/PaginationPageEllipsis.js";
-import { PaginationSelect as n } from "./components/PaginationSelect.js";
+import { PaginationSelect as e } from "./components/PaginationSelect.js";
 import "./enums.js";
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
 import f from "react";
 const d = f.forwardRef(
-  ({ paginationNavigationProps: t, paginationSelectProps: i, ...r }, m) => /* @__PURE__ */ p(a, { ...r, ref: m, children: [
-    /* @__PURE__ */ o(n, { ...i }),
-    t.totalPages > 1 && /* @__PURE__ */ o(e, { ...t })
+  ({ paginationNavigationProps: o, paginationSelectProps: i, ...r }, m) => /* @__PURE__ */ p(a, { ...r, ref: m, children: [
+    /* @__PURE__ */ t(e, { ...i }),
+    o.totalPages > 1 && /* @__PURE__ */ t(n, { ...o })
   ] })
 );
 d.displayName = "Pagination";

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-CF2m175I.js";
-import i from "react";
-const r = "paginationExtended__0cfbe267", s = {
+import { c as i } from "../../../chunks/vendor-BlJo2ILB.js";
+import d from "react";
+const r = "paginationExtended__aa631efa", s = {
   paginationExtended: r
-}, x = i.forwardRef(
-  ({ children: t, className: a, ...n }, e) => /* @__PURE__ */ o(
+}, x = d.forwardRef(
+  ({ children: a, className: t, ...n }, e) => /* @__PURE__ */ o(
     "nav",
     {
-      className: d(s.paginationExtended, a),
-      "data-tx": "0.1.8",
+      className: i(s.paginationExtended, t),
+      "data-tx": "0.10.0",
       ...n,
       ref: e,
-      children: t
+      children: a
     }
   )
 );

package/components/Pagination/components/PaginationNavigation.js

@@ -1,13 +1,13 @@
-import { jsxs as _, jsx as a } from "react/jsx-runtime";
-import B from "react";
+import { jsxs as B, jsx as a } from "react/jsx-runtime";
+import j from "react";
 import { EPaginationNavigationIconDirection as r } from "../enums.js";
 import { PaginationNavigationButton as s } from "./PaginationNavigationButton.js";
-import { PaginationUtils as j, PAGINATION_ELLIPSIS_VALUE as v } from "../utils/paginationUtils.js";
-import { PaginationPageEllipsis as w } from "./PaginationPageEllipsis.js";
-import { PaginationPageButton as y } from "./PaginationPageButton.js";
-import { PaginationNavigationExtended as R } from "./PaginationNavigationExtended.js";
+import { PaginationUtils as v, PAGINATION_ELLIPSIS_VALUE as w } from "../utils/paginationUtils.js";
+import { PaginationPageEllipsis as y } from "./PaginationPageEllipsis.js";
+import { PaginationPageButton as R } from "./PaginationPageButton.js";
+import { PaginationNavigationExtended as S } from "./PaginationNavigationExtended.js";
 import { PaginationNavigationExtendedItem as l } from "./PaginationNavigationExtendedItem.js";
-const S = B.forwardRef(
+const T = j.forwardRef(
   ({
     buttonNextProps: o,
     buttonPrevProps: d,
@@ -18,7 +18,7 @@ const S = B.forwardRef(
     siblingCount: f = 0,
     ...g
   }, h) => {
-    const E = j.createPagesArray({
+    const E = v.createPagesArray({
       boundaryCount: e,
       currentPage: n,
       siblingCount: f,
@@ -31,13 +31,13 @@ const S = B.forwardRef(
       t(n + 1);
     }, L = (i, c) => {
       switch (i) {
-        case v:
-          return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(w, { children: "..." }) }, c);
+        case w:
+          return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(y, { children: "..." }) }, c);
         default:
-          return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(y, { isCurrent: i === n, onClick: A(i), children: i }) }, c);
+          return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(R, { isCurrent: i === n, onClick: A(i), children: i }) }, c);
       }
     };
-    return /* @__PURE__ */ _(R, { ...g, ref: h, children: [
+    return /* @__PURE__ */ B(S, { ...g, ref: h, children: [
       /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(
         s,
         {
@@ -60,8 +60,8 @@ const S = B.forwardRef(
     ] });
   }
 );
-S.displayName = "PaginationNavigation";
+T.displayName = "PaginationNavigation";
 export {
-  S as PaginationNavigation
+  T as PaginationNavigation
 };
 //# sourceMappingURL=PaginationNavigation.js.map

package/components/Pagination/components/PaginationNavigationButton.js

@@ -1,15 +1,15 @@
 import { jsx as t } from "react/jsx-runtime";
-import r from "react";
+import c from "react";
 import { ButtonIcon as p } from "../../Button/ButtonIcon.js";
 import { EButtonIconShape as m } from "../../Button/enums.js";
 import { EPaginationNavigationIconDirection as s } from "../enums.js";
-import o from "@sberbusiness/icons-next/CaretleftStrokeSrvIcon24";
-const g = "paginationNavigationButton__70bc4774", N = "directionIconNext__9c0190c8", n = {
+import { CaretleftStrokeSrvIcon24 as o } from "@sberbusiness/icons-next";
+const g = "paginationNavigationButton__8c310813", N = "directionIconNext__0e81b80f", n = {
   paginationNavigationButton: g,
   directionIconNext: N
-}, I = r.forwardRef(
+}, I = c.forwardRef(
   ({ direction: i, ...a }, e) => {
-    const c = i === s.BACK;
+    const r = i === s.BACK;
     return /* @__PURE__ */ t(
       p,
       {
@@ -17,7 +17,7 @@ const g = "paginationNavigationButton__70bc4774", N = "directionIconNext__9c0190
         shape: m.SQUIRCLE,
         ...a,
         ref: e,
-        children: c ? /* @__PURE__ */ t(o, { paletteIndex: 5 }) : /* @__PURE__ */ t(o, { paletteIndex: 5, className: n.directionIconNext })
+        children: r ? /* @__PURE__ */ t(o, { paletteIndex: 5 }) : /* @__PURE__ */ t(o, { paletteIndex: 5, className: n.directionIconNext })
       }
     );
   }

package/components/Pagination/components/PaginationNavigationExtended.js

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import e from "react";
-import { c as d } from "../../../chunks/vendor-CF2m175I.js";
-const g = "paginationNavigationExtended__b1d3271e", r = {
+import { c as d } from "../../../chunks/vendor-BlJo2ILB.js";
+const g = "paginationNavigationExtended__d42d5b24", 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 })
+  ({ children: a, className: i, ...n }, t) => /* @__PURE__ */ o("ul", { className: d(r.paginationNavigationExtended, i), ...n, ref: t, children: a })
 );
 s.displayName = "PaginationNavigationExtended";
 export {

package/components/Pagination/components/PaginationNavigationExtendedItem.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import n from "react";
 const r = n.forwardRef(
-  ({ children: t, className: a, ...e }, i) => /* @__PURE__ */ o("li", { className: a, ...e, ref: i, children: t })
+  ({ children: t, className: a, ...i }, e) => /* @__PURE__ */ o("li", { className: a, ...i, ref: e, children: t })
 );
 r.displayName = "PaginationNavigationExtendedItem";
 export {

package/components/Pagination/components/PaginationPageButton.js

@@ -1,13 +1,14 @@
 import { jsx as r } from "react/jsx-runtime";
 import g from "react";
-import { c } from "../../../chunks/vendor-CF2m175I.js";
-const s = "paginationPageButton__c5d1f3ed", u = "currentPage__afae628d", a = {
+import { c } from "../../../chunks/vendor-BlJo2ILB.js";
+const s = "paginationPageButton__834860eb", u = "currentPage__f5f37501", a = {
   paginationPageButton: s,
   currentPage: u
 }, P = g.forwardRef(
   ({ isCurrent: t = !1, children: n, className: o, ...e }, i) => /* @__PURE__ */ r(
     "button",
     {
+      type: "button",
       className: c(
         a.paginationPageButton,
         {

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-CF2m175I.js";
+import { c as e } from "../../../chunks/vendor-BlJo2ILB.js";
 import o from "react";
-const t = "pageEllipsis__ef3a87ac", r = {
+const t = "pageEllipsis__7a94eb20", 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 g, jsx as t } from "react/jsx-runtime";
 import S, { useRef as f } from "react";
-import { j as x, c as N } from "../../../chunks/vendor-CF2m175I.js";
+import { a as x, c as N } from "../../../chunks/vendor-BlJo2ILB.js";
 import "../../Typography/Title.js";
-import { Text as b } from "../../Typography/Text.js";
+import { Text as v } from "../../Typography/Text.js";
 import "../../Typography/Caption.js";
-import { ETextSize as v } from "../../Typography/enums.js";
-const _ = "paginationSelect__f14a90da", h = "paginationSelectControl__58bc725b", o = {
-  paginationSelect: _,
-  paginationSelectControl: h
-}, j = S.forwardRef(
-  ({ paginationLabel: c, className: s, hidden: d, options: i, value: n, onChange: a }, m) => {
-    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) || a == null || a(r);
+import { ETextSize as b } from "../../Typography/enums.js";
+const h = "paginationSelect__800adb68", _ = "paginationSelectControl__752d1245", o = {
+  paginationSelect: h,
+  paginationSelectControl: _
+}, y = S.forwardRef(
+  ({ paginationLabel: c, className: s, hidden: d, options: i, value: a, onChange: n }, m) => {
+    const r = f(`Pagination-${x()}`), p = i && i.length > 0 ? i : [10, 20, 50, 100], u = (e) => {
+      const l = Number(e.target.value);
+      Number.isNaN(l) || n == null || n(l);
     };
     return d ? null : /* @__PURE__ */ g("div", { className: N(o.paginationSelect, s), ref: m, children: [
-      /* @__PURE__ */ t(b, { size: v.B3, id: l.current, children: c }),
+      /* @__PURE__ */ t(v, { size: b.B3, id: r.current, children: c }),
       /* @__PURE__ */ t("div", { className: o.paginationSelectControl, children: /* @__PURE__ */ t(
         "select",
         {
-          "aria-labelledby": l.current,
-          value: n !== void 0 ? String(n) : void 0,
+          "aria-labelledby": r.current,
+          value: a !== void 0 ? String(a) : void 0,
           onChange: u,
           children: p.map((e) => /* @__PURE__ */ t("option", { value: e, children: e }, e))
         }
@@ -28,8 +28,8 @@ const _ = "paginationSelect__f14a90da", h = "paginationSelectControl__58bc725b",
     ] });
   }
 );
-j.displayName = "PaginationSelect";
+y.displayName = "PaginationSelect";
 export {
-  j as PaginationSelect
+  y as PaginationSelect
 };
 //# sourceMappingURL=PaginationSelect.js.map

package/components/Pagination/utils/paginationUtils.js

@@ -1,34 +1,34 @@
-import { g as R } from "../../../chunks/vendor-CF2m175I.js";
-const m = -1, h = {
+import { m as R } from "../../../chunks/vendor-BlJo2ILB.js";
+const t = -1, h = {
   // Создание массива чисел в заданном диапазоне с заданным шагом.
-  generateRange: (g, i, e = 1) => g > i ? [] : R(g, i + 1, e),
+  generateRange: (n, i, e = 1) => n > i ? [] : R(n, i + 1, e),
   // Создание массивов страниц в начале, конце и вокруг текущей.
-  generatePageRanges: (g, i, e, s) => {
-    const n = h.generateRange(1, Math.min(e, s)), a = h.generateRange(
+  generatePageRanges: (n, i, e, s) => {
+    const g = h.generateRange(1, Math.min(e, s)), a = h.generateRange(
       Math.max(s - e + 1, e + 1),
       s
     ), c = s - e - 1 - i * 2, r = Math.max(
-      Math.min(g - i, c),
+      Math.min(n - i, c),
       e + 2
     ), S = e + 2 + i * 2, M = Math.min(
-      Math.max(g + i, S),
+      Math.max(n + i, S),
       s - e - 1
     );
-    return { boundaryDivider: 2, endPages: a, siblingsEnd: M, siblingsStart: r, startPages: n };
+    return { boundaryDivider: 2, endPages: a, siblingsEnd: M, siblingsStart: r, startPages: g };
   },
   // Создание итогового массива страниц для отображения.
   createPagesArray: ({
-    currentPage: g,
+    currentPage: n,
     siblingCount: i,
     boundaryCount: e,
     totalPages: s
   }) => {
-    const { boundaryDivider: p, endPages: t, siblingsEnd: n, siblingsStart: a, startPages: c } = h.generatePageRanges(g, i, e, s), r = c;
-    return a > e + p ? r.push(m) : e + 1 < s - e && r.push(e + 1), r.push(...h.generateRange(a, n)), n < s - e - 1 ? r.push(m) : s - e > e && r.push(s - e), r.push(...t), r;
+    const { boundaryDivider: p, endPages: m, siblingsEnd: g, siblingsStart: a, startPages: c } = h.generatePageRanges(n, i, e, s), r = c;
+    return a > e + p ? r.push(t) : e + 1 < s - e && r.push(e + 1), r.push(...h.generateRange(a, g)), g < s - e - 1 ? r.push(t) : s - e > e && r.push(s - e), r.push(...m), r;
   }
 };
 export {
-  m as PAGINATION_ELLIPSIS_VALUE,
+  t as PAGINATION_ELLIPSIS_VALUE,
   h as PaginationUtils
 };
 //# sourceMappingURL=paginationUtils.js.map

package/components/Radio/Radio.js

@@ -1,26 +1,36 @@
-import { jsxs as f, jsx as d } from "react/jsx-runtime";
-import p from "react";
-import { ERadioSize as b } from "./enum.js";
-import { c as l } from "../../chunks/vendor-CF2m175I.js";
-const N = "label__efc53a9f", y = "md__51acc21f", x = "lg__c136757f", R = "nonempty__cdcd4e1c", u = "disabled__5f088f59", I = "radio__59baf974", g = "radioIcon__05cdeb41", a = {
-  label: N,
-  md: y,
-  lg: x,
-  nonempty: R,
-  disabled: u,
-  radio: I,
-  radioIcon: g
-}, h = p.forwardRef((n, t) => {
-  const { children: o, className: i, disabled: c, labelAttributes: s, size: e = b.MD, ...r } = n, m = l(a.radio, i, a[e]), _ = l(
-    a.label,
-    a[e],
-    { [a.disabled]: !!c, [a.nonempty]: !!o },
-    s == null ? void 0 : s.className
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import N from "react";
+import { c as n } from "../../chunks/vendor-BlJo2ILB.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 { EComponentSize as s } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as z } from "../../utils/classNameMaps.js";
+const y = "label__7f4d7a71", M = "sm__3984da94", T = "nonempty__b9b245a9", S = "md__2bcecbb0", I = "lg__30cf8e6b", R = "disabled__69e66d85", g = "radio__ea821124", u = "radioIcon__4a486f4d", o = {
+  label: y,
+  sm: M,
+  nonempty: T,
+  md: S,
+  lg: I,
+  disabled: R,
+  radio: g,
+  radioIcon: u
+}, B = {
+  [s.LG]: m.B2,
+  [s.MD]: m.B3,
+  [s.SM]: m.B3
+}, C = z(o), h = N.forwardRef((d, r) => {
+  const { children: e, className: l, disabled: c, labelAttributes: a, size: t = s.MD, ...p } = d, b = n(o.radio, l, C[t]), _ = n(
+    o.label,
+    o[t],
+    { [o.disabled]: !!c, [o.nonempty]: !!e },
+    a == null ? void 0 : a.className
   );
-  return /* @__PURE__ */ f("label", { ...s, className: _, "data-tx": "0.1.8", children: [
-    /* @__PURE__ */ d("input", { type: "radio", className: m, disabled: c, ...r, ref: t }),
-    /* @__PURE__ */ d("span", { className: a.radioIcon }),
-    o
+  return /* @__PURE__ */ f("label", { ...a, className: _, "data-tx": "0.10.0", children: [
+    /* @__PURE__ */ i("input", { type: "radio", className: b, disabled: c, ...p, ref: r }),
+    /* @__PURE__ */ i("span", { className: o.radioIcon }),
+    e && /* @__PURE__ */ i(x, { size: B[t], children: e })
   ] });
 });
 h.displayName = "Radio";

package/components/Radio/RadioXGroup.js

@@ -1,17 +1,17 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as s } from "../../chunks/vendor-CF2m175I.js";
-const c = "radioXGroup__b433bc0f", _ = "label__efc53a9f", n = {
+import { c as s } from "../../chunks/vendor-BlJo2ILB.js";
+const c = "radioXGroup__d454cc75", _ = "label__7f4d7a71", n = {
   radioXGroup: c,
-  "indent-12": "indent-12__384e106a",
+  "indent-12": "indent-12__b368c28c",
   label: _,
-  "indent-16": "indent-16__4c6b7080",
-  "indent-20": "indent-20__9d4a9aa8",
-  "indent-24": "indent-24__c51e7652",
-  "indent-28": "indent-28__c21b17e3",
-  "indent-32": "indent-32__8f8a5ad1"
+  "indent-16": "indent-16__b3ee0d40",
+  "indent-20": "indent-20__907f711c",
+  "indent-24": "indent-24__7f653b08",
+  "indent-28": "indent-28__afc4f6ae",
+  "indent-32": "indent-32__c4857783"
 }, l = (e) => {
-  const { children: a, className: d, indent: i = 12, ...o } = e, t = s(n.radioXGroup, n[`indent-${i}`], d);
-  return /* @__PURE__ */ r("div", { className: t, role: "radiogroup", ...o, children: a });
+  const { children: d, className: i, indent: o = 12, ...t } = e, a = s(n.radioXGroup, n[`indent-${o}`], i);
+  return /* @__PURE__ */ r("div", { className: a, role: "radiogroup", ...t, children: d });
 };
 l.displayName = "RadioXGroup";
 export {