@sberbusiness/triplex-next 0.28.0 → 0.30.0

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -1,11 +1,11 @@
-import { jsx as r } from "react/jsx-runtime";
-import l, { useContext as c } from "react";
-import { F as a } from "../../../chunks/vendor---Om3uMV.js";
+import { jsx as i } from "react/jsx-runtime";
+import c, { useContext as s, useEffect as a } from "react";
+import { F as u } from "../../../chunks/vendor-z35N2Tap.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-DEMHVloq.js";
-import { EDropdownWidth as s } from "../../Dropdown/desktop/enums.js";
+import "../../../chunks/DropdownListItem-DsKl9Gi-.js";
+import { EDropdownWidth as f } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -18,37 +18,40 @@ import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { Dropdown as F } from "../../Dropdown/Dropdown.js";
-import { MultiselectFieldDropdownHeader as u } from "./MultiselectFieldDropdownHeader.js";
-import { MultiselectFieldDropdownContent as f } from "./MultiselectFieldDropdownContent.js";
-import { MultiselectFieldDropdownFooter as D } from "./MultiselectFieldDropdownFooter.js";
-import { MultiselectFieldContext as M } from "../MultiselectFieldContext.js";
-const w = Object.assign(
-  l.forwardRef(
-    ({ children: e, focusTrapProps: t, opened: i, targetRef: m, mobileViewProps: o, ...p }, n) => {
-      const { size: d } = c(M);
-      return /* @__PURE__ */ r(
+import { MultiselectFieldDropdownHeader as D } from "./MultiselectFieldDropdownHeader.js";
+import { MultiselectFieldDropdownContent as M } from "./MultiselectFieldDropdownContent.js";
+import { MultiselectFieldDropdownFooter as w } from "./MultiselectFieldDropdownFooter.js";
+import { MultiselectFieldContext as O } from "../MultiselectFieldContext.js";
+const h = Object.assign(
+  c.forwardRef(
+    ({ children: m, focusTrapProps: t, opened: e, targetRef: n, mobileViewProps: r, ...l }, p) => {
+      const { size: d, mouseUsedRef: o } = s(O);
+      return a(() => {
+        e || (o.current = !1);
+      }, [e, o]), /* @__PURE__ */ i(
         F,
         {
-          width: s.MIN_TARGET,
+          width: f.MIN_TARGET,
           mobileViewProps: {
-            ...o,
-            className: o == null ? void 0 : o.className
+            ...r,
+            className: r == null ? void 0 : r.className
           },
-          targetRef: m,
-          opened: i,
+          targetRef: n,
+          opened: e,
           size: d,
-          ...p,
-          ref: n,
-          children: /* @__PURE__ */ r(
-            a,
+          ...l,
+          ref: p,
+          children: /* @__PURE__ */ i(
+            u,
             {
               ...t,
               focusTrapOptions: {
                 clickOutsideDeactivates: !0,
                 preventScroll: !0,
+                returnFocusOnDeactivate: !o.current,
                 ...t == null ? void 0 : t.focusTrapOptions
               },
-              children: /* @__PURE__ */ r("div", { role: "presentation", children: e })
+              children: /* @__PURE__ */ i("div", { role: "presentation", children: m })
             }
           )
         }
@@ -56,13 +59,13 @@ const w = Object.assign(
     }
   ),
   {
-    Header: u,
-    Content: f,
-    Footer: D
+    Header: D,
+    Content: M,
+    Footer: w
   }
 );
-w.displayName = "MultiselectFieldDropdown";
+h.displayName = "MultiselectFieldDropdown";
 export {
-  w as MultiselectFieldDropdown
+  h as MultiselectFieldDropdown
 };
 //# sourceMappingURL=MultiselectFieldDropdown.js.map

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -1,13 +1,13 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { jsxs as r, jsx as c } from "react/jsx-runtime";
 import { useContext as m } from "react";
 import { MultiselectFieldContext as d } from "../MultiselectFieldContext.js";
 import { createSizeToClassNameMap as i } from "../../../utils/classNameMaps.js";
-import { c as a } from "../../../chunks/vendor---Om3uMV.js";
+import { c as a } from "../../../chunks/vendor-z35N2Tap.js";
 import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const _ = "multiselectFieldContent__a1ee488f", C = "loaderScreen__e5d036da", f = "sm__c66050b8", u = "md__57c805dd", x = "lg__f8d5e429", e = {
+const _ = "multiselectFieldContent__e5d06bd5", f = "loaderScreen__1917f999", C = "sm__7befeb79", u = "md__3d14cd79", x = "lg__9fe4d4a8", e = {
   multiselectFieldContent: _,
-  loaderScreen: C,
-  sm: f,
+  loaderScreen: f,
+  sm: C,
   md: u,
   lg: x
 }, F = i(e), j = ({
@@ -17,7 +17,7 @@ const _ = "multiselectFieldContent__a1ee488f", C = "loaderScreen__e5d036da", f =
   ...l
 }) => {
   const { size: n } = m(d);
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ r(
     "div",
     {
       tabIndex: -1,
@@ -25,7 +25,7 @@ const _ = "multiselectFieldContent__a1ee488f", C = "loaderScreen__e5d036da", f =
       ...l,
       children: [
         t,
-        s && /* @__PURE__ */ r(p, { type: "small", className: e.loaderScreen })
+        s && /* @__PURE__ */ c(p, { type: "small", className: e.loaderScreen })
       ]
     }
   );

package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js

@@ -1,12 +1,12 @@
 import { jsx as l } from "react/jsx-runtime";
-import { c as s } from "../../../chunks/vendor---Om3uMV.js";
-const i = "multiselectFieldFooter__cd1a082a", c = {
-  multiselectFieldFooter: i
+import { c as s } from "../../../chunks/vendor-z35N2Tap.js";
+const c = "multiselectFieldFooter__1c061cd1", i = {
+  multiselectFieldFooter: c
 }, m = ({
   children: e,
   className: t,
   ...o
-}) => /* @__PURE__ */ l("div", { className: s(c.multiselectFieldFooter, t), ...o, children: e });
+}) => /* @__PURE__ */ l("div", { className: s(i.multiselectFieldFooter, t), ...o, children: e });
 export {
   m as MultiselectFieldDropdownFooter
 };

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

@@ -1,13 +1,13 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor---Om3uMV.js";
-const d = "multiselectFieldHeader__8e096469", c = {
+import { c as i } from "../../../chunks/vendor-z35N2Tap.js";
+const d = "multiselectFieldHeader__9993a8ba", c = {
   multiselectFieldHeader: d
-}, m = ({
+}, o = ({
   children: e,
   className: l,
   ...t
 }) => /* @__PURE__ */ s("div", { className: i(c.multiselectFieldHeader, l), ...t, children: e });
 export {
-  m as MultiselectFieldDropdownHeader
+  o as MultiselectFieldDropdownHeader
 };
 //# sourceMappingURL=MultiselectFieldDropdownHeader.js.map

package/components/Notification/Notification.js

@@ -1,10 +1,10 @@
 import { jsx as f } from "react/jsx-runtime";
-import { c as l } from "../../chunks/vendor---Om3uMV.js";
+import { c as l } from "../../chunks/vendor-z35N2Tap.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-Cdt0qyac.js";
+import { s as i } from "../../chunks/Notification.module-MWvLXIRM.js";
 const o = ((t) => {
   const {
     children: a,
@@ -24,7 +24,7 @@ const o = ((t) => {
       role: "alertdialog",
       className: c,
       onClick: m,
-      "data-tx": "0.28.0",
+      "data-tx": "0.30.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-Cdt0qyac.js";
+import { s as e } from "../../chunks/Notification.module-MWvLXIRM.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-Cdt0qyac.js";
+import { s as f } from "../../../chunks/Notification.module-MWvLXIRM.js";
 const o = ((t) => {
   const { children: i } = t;
   return /* @__PURE__ */ r("div", { className: f.notificationBody, children: i });

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-Cdt0qyac.js";
-import { c as e } from "../../../chunks/vendor---Om3uMV.js";
+import { s as a } from "../../../chunks/Notification.module-MWvLXIRM.js";
+import { c as e } from "../../../chunks/vendor-z35N2Tap.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-Cdt0qyac.js";
+import { s as m } from "../../../chunks/Notification.module-MWvLXIRM.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-Cdt0qyac.js";
+import { s as i } from "../../../chunks/Notification.module-MWvLXIRM.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---Om3uMV.js";
-import { s as o } from "../../../chunks/Notification.module-Cdt0qyac.js";
+import { c as i } from "../../../chunks/vendor-z35N2Tap.js";
+import { s as o } from "../../../chunks/Notification.module-MWvLXIRM.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-Cdt0qyac.js";
+import { s as a } from "../../../chunks/Notification.module-MWvLXIRM.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-Cdt0qyac.js";
+import { s as t } from "../../../chunks/Notification.module-MWvLXIRM.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-Cdt0qyac.js";
+import { s as t } from "../../../chunks/Notification.module-MWvLXIRM.js";
 const s = ({ time: i }) => /* @__PURE__ */ o("span", { className: t.notificationTime, children: i });
 s.displayName = "NotificationTime";
 export {

package/components/NumberField/NumberFieldInput.js

@@ -3,7 +3,7 @@ import h, { useCallback as l } from "react";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import { F as d } from "../../chunks/FormFieldInput-Cb-NqZOL.js";
+import { F as d } from "../../chunks/FormFieldInput-DM8lK78a.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/OrderedList/OrderedList.js

@@ -1,21 +1,21 @@
 import { jsx as s } from "react/jsx-runtime";
 import i from "react";
-import { c as m } from "../../chunks/vendor---Om3uMV.js";
+import { c as m } from "../../chunks/vendor-z35N2Tap.js";
 import { OrderedListItem as a } from "./OrderedListItem.js";
-const c = "orderedList__c4b78439", L = {
+const c = "orderedList__8e145fdb", f = {
   orderedList: c
-}, f = Object.assign(
+}, L = Object.assign(
   i.forwardRef(({ className: t, start: e, style: r, ...d }, o) => /* @__PURE__ */ s(
     "ol",
     {
-      className: m(L.orderedList, t),
+      className: m(f.orderedList, t),
       start: e,
       style: e !== void 0 ? {
         ...r,
         "--start-index-tx": e - 1
       } : r,
       ...d,
-      "data-tx": "0.28.0",
+      "data-tx": "0.30.0",
       ref: o
     }
   )),
@@ -23,8 +23,8 @@ const c = "orderedList__c4b78439", L = {
     Item: a
   }
 );
-f.displayName = "OrderedList";
+L.displayName = "OrderedList";
 export {
-  f as OrderedList
+  L as OrderedList
 };
 //# sourceMappingURL=OrderedList.js.map

package/components/OrderedList/OrderedListItem.js

@@ -1,14 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
 import m from "react";
-import { c as i } from "../../chunks/vendor---Om3uMV.js";
+import { c as i } from "../../chunks/vendor-z35N2Tap.js";
 import { ETextSize as s } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text as d } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const a = "orderedListItem__101446bd", p = {
+const a = "orderedListItem__3f96e9f0", p = {
   orderedListItem: a
-}, c = m.forwardRef(
+}, f = m.forwardRef(
   ({ className: t, ...e }, r) => /* @__PURE__ */ o(
     d,
     {
@@ -16,13 +16,13 @@ const a = "orderedListItem__101446bd", p = {
       size: s.B3,
       tag: "li",
       ...e,
-      "data-tx": "0.28.0",
+      "data-tx": "0.30.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---Om3uMV.js";
+import { c as u } from "../../chunks/vendor-z35N2Tap.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-s6l_vTfQ.js";
+import { s as r } from "../../chunks/Overlay.module-nAMUorJ1.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---Om3uMV.js";
-import { s as a } from "../../chunks/Overlay.module-s6l_vTfQ.js";
+import { c as t } from "../../chunks/vendor-z35N2Tap.js";
+import { s as a } from "../../chunks/Overlay.module-nAMUorJ1.js";
 const p = l.forwardRef(
   ({ className: r, opened: s, ...o }, e) => /* @__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 P } from "../../chunks/vendor---Om3uMV.js";
+import { c as P } from "../../chunks/vendor-z35N2Tap.js";
 import { EOverlayDirection as a } from "./OverlayBase.js";
-import { s as e } from "../../chunks/Overlay.module-s6l_vTfQ.js";
+import { s as e } from "../../chunks/Overlay.module-nAMUorJ1.js";
 const T = n.forwardRef(
   ({
     children: s,

package/components/Page/Page.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
 import s from "react";
-import { c as i } from "../../chunks/vendor---Om3uMV.js";
+import { c as i } from "../../chunks/vendor-z35N2Tap.js";
 import { BodyPage as p } from "./components/BodyPage.js";
 import { HeaderPage as f } from "./components/HeaderPage.js";
 import { FooterPage as g } from "./components/FooterPage.js";
-import { s as o } from "../../chunks/Page.module-DfXEH6KZ.js";
+import { s as o } from "../../chunks/Page.module-BDTFNqSr.js";
 import "./components/enums.js";
 const c = Object.assign(
   s.forwardRef(function({ children: r, className: e, ...a }, m) {

package/components/Page/components/BodyPage.js

@@ -1,20 +1,20 @@
 import { jsx as a } from "react/jsx-runtime";
 import m from "react";
 import { Body as c } from "../../Body/Body.js";
-import { c as d } from "../../../chunks/vendor---Om3uMV.js";
+import { c as d } from "../../../chunks/vendor-z35N2Tap.js";
 import { EBodyPageVerticalMargin as r, EBodyPageType as y } from "./enums.js";
 import { Island as p } from "../../Island/Island.js";
 import { EIslandType as M } from "../../Island/enums.js";
-const f = "bodyPage__e3b689f4", b = "verticalMargin24__9fa4bfe7", P = "verticalMargin16__266bbb7a", o = {
-  bodyPage: f,
-  verticalMargin24: b,
-  verticalMargin16: P
-}, v = {
+const P = "bodyPage__abd75f5a", f = "verticalMargin24__37b44101", v = "verticalMargin16__9a00b772", o = {
+  bodyPage: P,
+  verticalMargin24: f,
+  verticalMargin16: v
+}, b = {
   [r.LARGE]: o.verticalMargin24,
   [r.SMALL]: o.verticalMargin16
 }, _ = m.forwardRef(
   ({ className: s, type: n, size: l, verticalMargin: g = r.LARGE, ...e }, i) => {
-    const t = d(s, o.bodyPage, v[g]);
+    const t = d(s, o.bodyPage, b[g]);
     return n === y.FIRST ? /* @__PURE__ */ a(p, { className: t, type: M.TYPE_1, ref: i, size: l, children: /* @__PURE__ */ a(c, { ...e }) }) : /* @__PURE__ */ a(c, { ref: i, className: t, ...e });
   }
 );

package/components/Page/components/FooterPage.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import R, { useRef as u } from "react";
-import { c as T } from "../../../chunks/vendor---Om3uMV.js";
+import { c as T } from "../../../chunks/vendor-z35N2Tap.js";
 import { Footer as s } from "../../Footer/Footer.js";
 import { EFooterPageType as i } from "./enums.js";
 import { useStickyCornerRadius as y } from "./useStickyCornerRadius.js";
@@ -9,7 +9,7 @@ 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-DfXEH6KZ.js";
+import { s as n } from "../../../chunks/Page.module-BDTFNqSr.js";
 const N = Object.assign(
   R.forwardRef(
     ({ className: m, type: r, size: a, sticky: p, ...f }, o) => {

package/components/Page/components/HeaderPage.js

@@ -2,11 +2,11 @@ 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 t } from "./enums.js";
-import { c as l } from "../../../chunks/vendor---Om3uMV.js";
+import { c as l } from "../../../chunks/vendor-z35N2Tap.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-DfXEH6KZ.js";
+import { s as i } from "../../../chunks/Page.module-BDTFNqSr.js";
 const C = Object.assign(
   T.forwardRef(
     ({ className: m, type: a, size: n, sticky: d, ...f }, r) => {

package/components/Page/components/useStickyCornerRadius.js

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

package/components/Page/index.js

@@ -1,10 +1,16 @@
-import { Page as o } from "./Page.js";
-import { EBodyPageType as g, EBodyPageVerticalMargin as p, EFooterPageType as y, EHeaderPageType as P } from "./components/enums.js";
+import { Page as r } from "./Page.js";
+import { EBodyPageType as g, EBodyPageVerticalMargin as p, EFooterPageType as t, EHeaderPageType as P } from "./components/enums.js";
+import { HeaderPage as d } from "./components/HeaderPage.js";
+import { BodyPage as m } from "./components/BodyPage.js";
+import { FooterPage as E } from "./components/FooterPage.js";
 export {
+  m as BodyPage,
   g as EBodyPageType,
   p as EBodyPageVerticalMargin,
-  y as EFooterPageType,
+  t as EFooterPageType,
   P as EHeaderPageType,
-  o as Page
+  E as FooterPage,
+  d as HeaderPage,
+  r as Page
 };
 //# sourceMappingURL=index.js.map

package/components/Pagination/components/PaginationExtended.js

@@ -1,15 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor---Om3uMV.js";
+import { c as i } from "../../../chunks/vendor-z35N2Tap.js";
 import d from "react";
-const r = "paginationExtended__798ca0f2", s = {
+const r = "paginationExtended__5bc17859", s = {
   paginationExtended: r
 }, x = d.forwardRef(
-  ({ children: t, className: a, ...n }, e) => /* @__PURE__ */ o(
+  ({ children: t, className: n, ...a }, e) => /* @__PURE__ */ o(
     "nav",
     {
-      className: i(s.paginationExtended, a),
-      "data-tx": "0.28.0",
-      ...n,
+      className: i(s.paginationExtended, n),
+      "data-tx": "0.30.0",
+      ...a,
       ref: e,
       children: t
     }

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 { CaretleftStrokeSrvIcon24 as o } from "@sberbusiness/icons-next";
-const g = "paginationNavigationButton__cb2cfeaf", N = "directionIconNext__bfdc7a47", n = {
+const g = "paginationNavigationButton__c3e6e12f", N = "directionIconNext__8a6c9917", n = {
   paginationNavigationButton: g,
   directionIconNext: N
-}, f = r.forwardRef(
+}, I = c.forwardRef(
   ({ direction: i, ...a }, e) => {
-    const c = i === s.BACK;
+    const r = i === s.BACK;
     return /* @__PURE__ */ t(
       p,
       {
@@ -17,13 +17,13 @@ const g = "paginationNavigationButton__cb2cfeaf", N = "directionIconNext__bfdc7a
         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 })
       }
     );
   }
 );
-f.displayName = "PaginationNavigationButton";
+I.displayName = "PaginationNavigationButton";
 export {
-  f as PaginationNavigationButton
+  I 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---Om3uMV.js";
-const g = "paginationNavigationExtended__e9095478", r = {
+import { c as d } from "../../../chunks/vendor-z35N2Tap.js";
+const g = "paginationNavigationExtended__7bf85f5e", r = {
   paginationNavigationExtended: g
 }, s = e.forwardRef(
   ({ children: a, className: i, ...n }, t) => /* @__PURE__ */ o("ul", { className: d(r.paginationNavigationExtended, i), ...n, ref: t, children: a })