@sberbusiness/triplex-next 1.3.0 → 1.4.0

package/components/Marker/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { s as t } from "../../chunks/utils-CVSz7tV_.js";
+import { s as t } from "../../chunks/utils-B7AjUpy-.js";
 export {
   t as statusToClassNameMap
 };

package/components/MarkerStatus/MarkerStatus.js

@@ -1,36 +1,36 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { Marker as S } from "../Marker/Marker.js";
-import { c as f } from "../../chunks/vendor-CehxOAkM.js";
-import { s as k } from "../../chunks/utils-CVSz7tV_.js";
+import { Marker as f } from "../Marker/Marker.js";
+import { c as k } from "../../chunks/vendor-Ba_pyhza.js";
+import { s as d } from "../../chunks/utils-B7AjUpy-.js";
 import "../Typography/Title.js";
 import { Text as i } from "../Typography/Text.js";
 import { Caption as _ } from "../Typography/Caption.js";
 import { ETextSize as n, EFontType as c, ECaptionSize as M } from "../Typography/enums.js";
 import { EComponentSize as a } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as N } from "../../utils/classNameMaps.js";
-const x = "markerStatus__e9a04cdd", T = "contentContainer__6cbbf1bc", u = "md__4f52ddf5", z = "markerContainer__01be0969", E = "lg__c0dfa8e7", e = {
+const x = "markerStatus__05ee2eb0", T = "contentContainer__be1c340a", u = "md__361f55fb", z = "markerContainer__26e63bbc", E = "lg__959c712a", r = {
   markerStatus: x,
   contentContainer: T,
   md: u,
   markerContainer: z,
   lg: E
-}, h = {
+}, b = {
   [a.MD]: n.B4,
   [a.LG]: n.B3
-}, D = N(e), F = ({
+}, h = N(r), F = ({
   children: p,
   className: l,
   description: o,
   status: m,
-  size: r = a.MD,
+  size: e = a.MD,
   ...C
 }) => {
-  const d = f(e.markerStatus, D[r], k[m], l);
-  return /* @__PURE__ */ s("div", { className: d, "data-tx": "1.3.0", ...C, children: [
-    /* @__PURE__ */ t("div", { className: e.markerContainer, children: /* @__PURE__ */ t(S, { status: m, size: r }) }),
-    /* @__PURE__ */ s("div", { className: e.contentContainer, children: [
-      /* @__PURE__ */ t(i, { size: h[r], children: p }),
-      o && (r === a.MD ? /* @__PURE__ */ t(_, { size: M.C1, type: c.SECONDARY, children: o }) : /* @__PURE__ */ t(i, { size: n.B4, type: c.SECONDARY, children: o }))
+  const S = k(r.markerStatus, h[e], d[m], l);
+  return /* @__PURE__ */ s("div", { className: S, "data-tx": "1.4.0", ...C, children: [
+    /* @__PURE__ */ t("div", { className: r.markerContainer, children: /* @__PURE__ */ t(f, { status: m, size: e }) }),
+    /* @__PURE__ */ s("div", { className: r.contentContainer, children: [
+      /* @__PURE__ */ t(i, { size: b[e], children: p }),
+      o && (e === a.MD ? /* @__PURE__ */ t(_, { size: M.C1, type: c.SECONDARY, children: o }) : /* @__PURE__ */ t(i, { size: n.B4, type: c.SECONDARY, children: o }))
     ] })
   ] });
 };

package/components/Notification/Notification.js

@@ -1,10 +1,10 @@
 import { jsx as f } from "react/jsx-runtime";
-import { c as l } from "../../chunks/vendor-CehxOAkM.js";
+import { c as l } from "../../chunks/vendor-Ba_pyhza.js";
 import { NotificationBody as d } from "./components/NotificationBody.js";
 import { NotificationClose as p } from "./components/NotificationClose.js";
 import { NotificationIcon as N } from "./components/NotificationIcon.js";
 import { NotificationTime as x } from "./components/NotificationTime.js";
-import { s as i } from "../../chunks/Notification.module-MX1NZXsu.js";
+import { s as i } from "../../chunks/Notification.module-C-HCMpAz.js";
 const o = ((t) => {
   const {
     children: a,
@@ -24,7 +24,7 @@ const o = ((t) => {
       role: "alertdialog",
       className: c,
       onClick: m,
-      "data-tx": "1.3.0",
+      "data-tx": "1.4.0",
       children: a
     }
   );

package/components/Notification/NotificationGrouped.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { NotificationGroupedFooter as t } from "./components/NotificationGroupedFooter.js";
-import { s as e } from "../../chunks/Notification.module-MX1NZXsu.js";
+import { s as e } from "../../chunks/Notification.module-C-HCMpAz.js";
 const p = ({ children: o }) => /* @__PURE__ */ i("div", { className: e.notificationGroupedWrapper, children: [
   o,
   /* @__PURE__ */ r(t, {})

package/components/Notification/components/NotificationBody.js

@@ -3,7 +3,7 @@ import { NotificationHeader as n } from "./NotificationHeader.js";
 import { NotificationBodyContent as a } from "./NotificationBodyContent.js";
 import { NotificationFooter as e } from "./NotificationFooter.js";
 import { NotificationBodyList as m } from "./NotificationBodyList.js";
-import { s as f } from "../../../chunks/Notification.module-MX1NZXsu.js";
+import { s as f } from "../../../chunks/Notification.module-C-HCMpAz.js";
 const o = ((t) => {
   const { children: i } = t;
   return /* @__PURE__ */ r("div", { className: f.notificationBody, children: i });

package/components/Notification/components/NotificationBodyContent.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s as i } from "../../../chunks/Notification.module-MX1NZXsu.js";
+import { s as i } from "../../../chunks/Notification.module-C-HCMpAz.js";
 const n = ({ children: o }) => /* @__PURE__ */ t("div", { className: i.notificationBodyContent, children: o });
 n.displayName = "NotificationBodyContent";
 export {

package/components/Notification/components/NotificationBodyList.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import { UnorderedList as t } from "../../UnorderedList/UnorderedList.js";
 import "../../UnorderedList/UnorderedListItem.js";
-import { s as a } from "../../../chunks/Notification.module-MX1NZXsu.js";
-import { c as e } from "../../../chunks/vendor-CehxOAkM.js";
+import { s as a } from "../../../chunks/Notification.module-C-HCMpAz.js";
+import { c as e } from "../../../chunks/vendor-Ba_pyhza.js";
 const c = ({ className: s, ...i }) => /* @__PURE__ */ o(t, { className: e(a.notificationBodyList, s), ...i, children: i.values.map((m, r) => /* @__PURE__ */ o(t.Item, { children: m }, r)) });
 c.displayName = "NotificationBodyList";
 export {

package/components/Notification/components/NotificationClose.js

@@ -5,7 +5,7 @@ import "../../Button/ButtonBase.js";
 import { ButtonIcon as s } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-import { s as m } from "../../../chunks/Notification.module-MX1NZXsu.js";
+import { s as m } from "../../../chunks/Notification.module-C-HCMpAz.js";
 const e = ({ onClick: t, ...i }) => /* @__PURE__ */ o("span", { className: m.notificationClose, children: /* @__PURE__ */ o(s, { ...i, onClick: t, children: /* @__PURE__ */ o(r, { paletteIndex: 5 }) }) });
 e.displayName = "NotificationClose";
 export {

package/components/Notification/components/NotificationFooter.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s as i } from "../../../chunks/Notification.module-MX1NZXsu.js";
+import { s as i } from "../../../chunks/Notification.module-C-HCMpAz.js";
 const s = ({ children: o }) => /* @__PURE__ */ t("div", { className: i.notificationFooter, children: o });
 s.displayName = "NotificationFooter";
 export {

package/components/Notification/components/NotificationGroupedFooter.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-CehxOAkM.js";
-import { s as o } from "../../../chunks/Notification.module-MX1NZXsu.js";
+import { c as i } from "../../../chunks/vendor-Ba_pyhza.js";
+import { s as o } from "../../../chunks/Notification.module-C-HCMpAz.js";
 const m = () => /* @__PURE__ */ s("div", { children: [
   /* @__PURE__ */ t("div", { className: i(o.notificationGroupedFooterItem, o.first) }),
   /* @__PURE__ */ t("div", { className: i(o.notificationGroupedFooterItem, o.second) })

package/components/Notification/components/NotificationHeader.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as a } from "../../../chunks/Notification.module-MX1NZXsu.js";
+import { s as a } from "../../../chunks/Notification.module-C-HCMpAz.js";
 const t = ({ children: i }) => /* @__PURE__ */ o("h3", { className: a.notificationHeader, children: i });
 t.displayName = "NotificationHeader";
 export {

package/components/Notification/components/NotificationIcon.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { s as t } from "../../../chunks/Notification.module-MX1NZXsu.js";
+import { s as t } from "../../../chunks/Notification.module-C-HCMpAz.js";
 const s = ({ children: o }) => /* @__PURE__ */ i("div", { className: t.notificationIcon, children: o });
 s.displayName = "NotificationIcon";
 export {

package/components/Notification/components/NotificationTime.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as t } from "../../../chunks/Notification.module-MX1NZXsu.js";
+import { s as t } from "../../../chunks/Notification.module-C-HCMpAz.js";
 const s = ({ time: i }) => /* @__PURE__ */ o("span", { className: t.notificationTime, children: i });
 s.displayName = "NotificationTime";
 export {

package/components/NumberField/NumberFieldInput.js

@@ -6,7 +6,7 @@ import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import { F as d } from "../../chunks/FormFieldInput-qaJqBTBV.js";
+import { F as d } from "../../chunks/FormFieldInput-CO7yZP0Q.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";

package/components/OrderedList/OrderedList.js

@@ -1,21 +1,21 @@
 import { jsx as s } from "react/jsx-runtime";
 import d from "react";
-import { c as o } from "../../chunks/vendor-CehxOAkM.js";
-import { OrderedListItem as a } from "./OrderedListItem.js";
-const i = "orderedList__aa9b1235", m = {
-  orderedList: i
+import { c as o } from "../../chunks/vendor-Ba_pyhza.js";
+import { OrderedListItem as i } from "./OrderedListItem.js";
+const m = "orderedList__303d0649", a = {
+  orderedList: m
 }, c = Object.assign(
   d.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ s(
     "ol",
     {
-      className: o(m.orderedList, r),
+      className: o(a.orderedList, r),
       ...e,
-      "data-tx": "1.3.0",
+      "data-tx": "1.4.0",
       ref: t
     }
   )),
   {
-    Item: a
+    Item: i
   }
 );
 c.displayName = "OrderedList";

package/components/OrderedList/OrderedListItem.js

@@ -1,27 +1,27 @@
 import { jsx as o } from "react/jsx-runtime";
 import m from "react";
-import { c as s } from "../../chunks/vendor-CehxOAkM.js";
+import { c as d } from "../../chunks/vendor-Ba_pyhza.js";
 import "../Typography/Title.js";
-import { Text as d } from "../Typography/Text.js";
+import { Text as s } from "../Typography/Text.js";
 import "../Typography/Caption.js";
 import { ETextSize as i } from "../Typography/enums.js";
-const a = "orderedListItem__40ec81d5", p = {
+const a = "orderedListItem__d0bd33a4", p = {
   orderedListItem: a
-}, c = m.forwardRef(
+}, f = m.forwardRef(
   ({ className: t, ...e }, r) => /* @__PURE__ */ o(
-    d,
+    s,
     {
-      className: s(p.orderedListItem, t),
+      className: d(p.orderedListItem, t),
       size: i.B3,
       tag: "li",
       ...e,
-      "data-tx": "1.3.0",
+      "data-tx": "1.4.0",
       ref: r
     }
   )
 );
-c.displayName = "OrderedListItem";
+f.displayName = "OrderedListItem";
 export {
-  c as OrderedListItem
+  f as OrderedListItem
 };
 //# sourceMappingURL=OrderedListItem.js.map

package/components/Overlay/Overlay.js

@@ -1,10 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useState as h } from "react";
-import { c as u } from "../../chunks/vendor-CehxOAkM.js";
+import { c as u } from "../../chunks/vendor-Ba_pyhza.js";
 import { OverlayBase as k } from "./OverlayBase.js";
 import { OverlayMask as B } from "./OverlayMask.js";
 import { OverlayPanel as M } from "./OverlayPanel.js";
-import { s as r } from "../../chunks/Overlay.module-B1IlIRoo.js";
+import { s as r } from "../../chunks/Overlay.module-q-oPhooa.js";
 const s = ({
   children: o,
   className: i,

package/components/Overlay/OverlayMask.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import l from "react";
-import { c as t } from "../../chunks/vendor-CehxOAkM.js";
-import { s as a } from "../../chunks/Overlay.module-B1IlIRoo.js";
+import { c as t } from "../../chunks/vendor-Ba_pyhza.js";
+import { s as a } from "../../chunks/Overlay.module-q-oPhooa.js";
 const f = l.forwardRef(({ className: r, opened: s, ...e }, o) => /* @__PURE__ */ m(
   "div",
   {

package/components/Overlay/OverlayPanel.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import n from "react";
-import { c as d } from "../../chunks/vendor-CehxOAkM.js";
+import { c as d } from "../../chunks/vendor-Ba_pyhza.js";
 import { EOverlayDirection as r } from "./OverlayBase.js";
-import { s as e } from "../../chunks/Overlay.module-B1IlIRoo.js";
+import { s as e } from "../../chunks/Overlay.module-q-oPhooa.js";
 const P = n.forwardRef(
   ({
     children: s,

package/components/Page/Page.js

@@ -1,23 +1,23 @@
-import { jsx as t } from "react/jsx-runtime";
-import m from "react";
-import { c as s } from "../../chunks/vendor-CehxOAkM.js";
-import { BodyPage as i } from "./components/BodyPage.js";
+import { jsx as m } from "react/jsx-runtime";
+import s from "react";
+import { c as i } from "../../chunks/vendor-Ba_pyhza.js";
+import { BodyPage as p } from "./components/BodyPage.js";
 import { HeaderPage as f } from "./components/HeaderPage.js";
-import { FooterPage as p } from "./components/FooterPage.js";
-import { s as d } from "../../chunks/Page.module-Cwb_zvqj.js";
+import { FooterPage as g } from "./components/FooterPage.js";
+import { s as o } from "../../chunks/Page.module-DjGbJ-Uw.js";
 import "./components/enums.js";
-const g = Object.assign(
-  m.forwardRef(function({ children: o, className: r, ...e }, a) {
-    return /* @__PURE__ */ t("div", { className: s(d.page, r), ...e, ref: a, children: o });
+const d = Object.assign(
+  s.forwardRef(function({ children: r, className: e, ...a }, t) {
+    return /* @__PURE__ */ m("div", { className: i(o.page, o["global-page"], e), ...a, ref: t, children: r });
   }),
   {
-    Body: i,
+    Body: p,
     Header: f,
-    Footer: p
+    Footer: g
   }
 );
-g.displayName = "Page";
+d.displayName = "Page";
 export {
-  g as Page
+  d as Page
 };
 //# sourceMappingURL=Page.js.map

package/components/Page/components/BodyPage.js

@@ -1,8 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
 import s from "react";
 import { Body as e } from "../../Body/Body.js";
-import { c as t } from "../../../chunks/vendor-CehxOAkM.js";
-import { s as f } from "../../../chunks/Page.module-Cwb_zvqj.js";
+import { c as t } from "../../../chunks/vendor-Ba_pyhza.js";
+import { s as f } from "../../../chunks/Page.module-DjGbJ-Uw.js";
 const d = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ m(e, { className: t(f.bodyPage, o), ...r, ref: a }));
 d.displayName = "BodyPage";
 export {

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-Ba_pyhza.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-DjGbJ-Uw.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-Ba_pyhza.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-DjGbJ-Uw.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 y(), () => {
+      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,14 +1,14 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as d } from "../../../chunks/vendor-CehxOAkM.js";
+import { jsx as d } from "react/jsx-runtime";
+import { c as o } from "../../../chunks/vendor-Ba_pyhza.js";
 import i from "react";
-const r = "paginationExtended__799e5e04", s = {
+const r = "paginationExtended__7979df6c", s = {
   paginationExtended: r
 }, x = i.forwardRef(
-  ({ children: t, className: a, ...n }, e) => /* @__PURE__ */ o(
+  ({ children: t, className: a, ...n }, e) => /* @__PURE__ */ d(
     "nav",
     {
-      className: d(s.paginationExtended, a),
-      "data-tx": "1.3.0",
+      className: o(s.paginationExtended, a),
+      "data-tx": "1.4.0",
       ...n,
       ref: e,
       children: t

package/components/Pagination/components/PaginationNavigationButton.js

@@ -1,15 +1,15 @@
 import { jsx as t } from "react/jsx-runtime";
-import c from "react";
+import r 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 { CaretleftStrokeSrvIcon24 as o } from "@sberbusiness/icons-next";
-const g = "paginationNavigationButton__949b553a", N = "directionIconNext__d48e9336", n = {
+const g = "paginationNavigationButton__d18ce87c", N = "directionIconNext__4555aac3", n = {
   paginationNavigationButton: g,
   directionIconNext: N
-}, d = c.forwardRef(
+}, d = r.forwardRef(
   ({ direction: i, ...a }, e) => {
-    const r = i === s.BACK;
+    const c = i === s.BACK;
     return /* @__PURE__ */ t(
       p,
       {
@@ -17,7 +17,7 @@ const g = "paginationNavigationButton__949b553a", N = "directionIconNext__d48e93
         shape: m.SQUIRCLE,
         ...a,
         ref: e,
-        children: r ? /* @__PURE__ */ t(o, { paletteIndex: 5 }) : /* @__PURE__ */ t(o, { paletteIndex: 5, className: n.directionIconNext })
+        children: c ? /* @__PURE__ */ t(o, { paletteIndex: 5 }) : /* @__PURE__ */ t(o, { paletteIndex: 5, className: n.directionIconNext })
       }
     );
   }

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-Ba_pyhza.js";
+const g = "paginationNavigationExtended__b95e2d3a", 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 })