@sberbusiness/triplex-next 1.20.0 → 1.22.0

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -1,43 +1,59 @@
-import { jsx as r } from "react/jsx-runtime";
-import f, { useState as p, useContext as w, useEffect as F } from "react";
-import { h as D } from "../../../chunks/vendor-BIl4KTrD.js";
-import { Dropdown as M } from "../../Dropdown/Dropdown.js";
+import { jsx as e } from "react/jsx-runtime";
+import u, { useState as f, useContext as w, useEffect as D } from "react";
+import { g as F } from "../../../chunks/vendor-BiObpx9E.js";
+import "../../Dropdown/DropdownListContext.js";
+import "../../Dropdown/desktop/DropdownDesktop.js";
+import "../../Dropdown/desktop/DropdownList.js";
+import "../../../chunks/DropdownListItem-Dl8gN2ar.js";
+import { EDropdownWidth as M } from "../../Dropdown/desktop/enums.js";
+import "../../Dropdown/mobile/DropdownMobile.js";
+import "../../Dropdown/mobile/DropdownMobileBody.js";
+import "../../Dropdown/mobile/DropdownMobileClose.js";
+import "../../Dropdown/mobile/DropdownMobileFooter.js";
+import "../../Dropdown/mobile/DropdownMobileHeader.js";
+import "../../Dropdown/mobile/DropdownMobileInner.js";
+import "../../Dropdown/mobile/DropdownMobileInput.js";
+import "../../Dropdown/mobile/DropdownMobileList.js";
+import "../../Dropdown/mobile/DropdownMobileListItem.js";
+import "../../Loader/LoaderSmall/LoaderSmall.js";
+import "../../Loader/LoaderMiddle/LoaderMiddle.js";
+import { Dropdown as v } from "../../Dropdown/Dropdown.js";
 import { MultiselectFieldDropdownHeader as x } from "./MultiselectFieldDropdownHeader.js";
-import { MultiselectFieldDropdownContent as v } from "./MultiselectFieldDropdownContent.js";
-import { MultiselectFieldDropdownFooter as h } from "./MultiselectFieldDropdownFooter.js";
-import { MobileView as C } from "../../MobileView/MobileView.js";
-import { MultiselectFieldContext as O } from "../MultiselectFieldContext.js";
-const N = Object.assign(
-  f.forwardRef(
-    ({ children: l, focusTrapProps: t, opened: e, targetRef: c, mobileViewProps: o, ...n }, a) => {
-      const [d, s] = p(!1), { size: m } = w(O);
-      F(() => {
-        const u = window.setTimeout(() => s(e));
-        return () => window.clearTimeout(u);
-      }, [e]);
-      const i = () => /* @__PURE__ */ r(
-        M,
+import { MultiselectFieldDropdownContent as h } from "./MultiselectFieldDropdownContent.js";
+import { MultiselectFieldDropdownFooter as C } from "./MultiselectFieldDropdownFooter.js";
+import { MobileView as E } from "../../MobileView/MobileView.js";
+import { MultiselectFieldContext as N } from "../MultiselectFieldContext.js";
+const O = Object.assign(
+  u.forwardRef(
+    ({ children: m, focusTrapProps: t, opened: o, targetRef: l, mobileViewProps: r, ...n }, p) => {
+      const [c, d] = f(!1), { size: a } = w(N);
+      D(() => {
+        const s = window.setTimeout(() => d(o));
+        return () => window.clearTimeout(s);
+      }, [o]);
+      const i = () => /* @__PURE__ */ e(
+        v,
         {
-          fixedWidth: !1,
+          width: M.MIN_TARGET,
           mobileViewProps: {
-            ...o,
-            className: o == null ? void 0 : o.className
+            ...r,
+            className: r == null ? void 0 : r.className
           },
-          targetRef: c,
-          opened: e,
-          size: m,
+          targetRef: l,
+          opened: o,
+          size: a,
           ...n,
-          ref: a,
-          children: l
+          ref: p,
+          children: m
         }
       );
-      return /* @__PURE__ */ r(
-        C,
+      return /* @__PURE__ */ e(
+        E,
         {
-          fallback: e ? /* @__PURE__ */ r(
-            D.FocusTrap,
+          fallback: o ? /* @__PURE__ */ e(
+            F.FocusTrap,
             {
-              active: d,
+              active: c,
               ...t,
               focusTrapOptions: {
                 clickOutsideDeactivates: !0,
@@ -54,12 +70,12 @@ const N = Object.assign(
   ),
   {
     Header: x,
-    Content: v,
-    Footer: h
+    Content: h,
+    Footer: C
   }
 );
-N.displayName = "MultiselectFieldDropdown";
+O.displayName = "MultiselectFieldDropdown";
 export {
-  N as MultiselectFieldDropdown
+  O as MultiselectFieldDropdown
 };
 //# sourceMappingURL=MultiselectFieldDropdown.js.map

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -1,29 +1,36 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { useContext as m } from "react";
-import { MultiselectFieldContext as a } from "../MultiselectFieldContext.js";
-import { createSizeToClassNameMap as d } from "../../../utils/classNameMaps.js";
-import { c as l } from "../../../chunks/vendor-BIl4KTrD.js";
+import { MultiselectFieldContext as i } from "../MultiselectFieldContext.js";
+import { createSizeToClassNameMap as a } from "../../../utils/classNameMaps.js";
+import { c as d } from "../../../chunks/vendor-BiObpx9E.js";
 import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const C = "multiselectFieldContentWrapper__89fc12b0", u = "multiselectFieldContent__f5b7b21a", _ = "loaderScreen__286a55eb", F = "sm__4969fd5b", f = "md__482ee8a7", x = "lg__9659211e", e = {
-  multiselectFieldContentWrapper: C,
-  multiselectFieldContent: u,
-  loaderScreen: _,
-  sm: F,
-  md: f,
+const _ = "multiselectFieldContent__3bef795a", f = "loaderScreen__6fa42893", C = "sm__c6985386", u = "md__bc6fe211", x = "lg__09e23619", e = {
+  multiselectFieldContent: _,
+  loaderScreen: f,
+  sm: C,
+  md: u,
   lg: x
-}, b = d(e), h = ({
-  children: s,
+}, F = a(e), j = ({
+  children: t,
   className: o,
-  loading: n,
-  ...r
+  loading: s,
+  ...l
 }) => {
-  const { size: c } = m(a);
-  return /* @__PURE__ */ t("div", { className: l(e.multiselectFieldContentWrapper, o), ...r, children: /* @__PURE__ */ i("div", { tabIndex: -1, className: l(e.multiselectFieldContent, b[c]), children: [
-    s,
-    n && /* @__PURE__ */ t(p, { type: "small", className: e.loaderScreen })
-  ] }) });
+  const { size: n } = m(i);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      tabIndex: -1,
+      className: d(e.multiselectFieldContent, F[n], o),
+      ...l,
+      children: [
+        t,
+        s && /* @__PURE__ */ r(p, { type: "small", className: e.loaderScreen })
+      ]
+    }
+  );
 };
 export {
-  h as MultiselectFieldDropdownContent
+  j as MultiselectFieldDropdownContent
 };
 //# sourceMappingURL=MultiselectFieldDropdownContent.js.map

package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
-import { c as s } from "../../../chunks/vendor-BIl4KTrD.js";
-const i = "multiselectFieldFooter__1d337781", c = {
+import { c as s } from "../../../chunks/vendor-BiObpx9E.js";
+const i = "multiselectFieldFooter__c6b7f394", c = {
   multiselectFieldFooter: i
 }, m = ({
   children: e,

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

@@ -1,12 +1,12 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c } from "../../../chunks/vendor-BIl4KTrD.js";
-const i = "multiselectFieldHeader__840ccb8f", d = {
+import { c as d } from "../../../chunks/vendor-BiObpx9E.js";
+const i = "multiselectFieldHeader__ee087d89", c = {
   multiselectFieldHeader: i
 }, m = ({
   children: e,
   className: l,
   ...t
-}) => /* @__PURE__ */ s("div", { className: c(d.multiselectFieldHeader, l), ...t, children: e });
+}) => /* @__PURE__ */ s("div", { className: d(c.multiselectFieldHeader, l), ...t, children: e });
 export {
   m as MultiselectFieldDropdownHeader
 };

package/components/Notification/Notification.js

@@ -1,10 +1,10 @@
 import { jsx as f } from "react/jsx-runtime";
-import { c as l } from "../../chunks/vendor-BIl4KTrD.js";
+import { c as l } from "../../chunks/vendor-BiObpx9E.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-C0ZCimeJ.js";
+import { s as i } from "../../chunks/Notification.module-ByKcbqB9.js";
 const o = ((t) => {
   const {
     children: a,
@@ -24,7 +24,7 @@ const o = ((t) => {
       role: "alertdialog",
       className: c,
       onClick: m,
-      "data-tx": "1.20.0",
+      "data-tx": "1.22.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-C0ZCimeJ.js";
+import { s as e } from "../../chunks/Notification.module-ByKcbqB9.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-C0ZCimeJ.js";
+import { s as f } from "../../../chunks/Notification.module-ByKcbqB9.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-C0ZCimeJ.js";
-import { c as e } from "../../../chunks/vendor-BIl4KTrD.js";
+import { s as a } from "../../../chunks/Notification.module-ByKcbqB9.js";
+import { c as e } from "../../../chunks/vendor-BiObpx9E.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-C0ZCimeJ.js";
+import { s as m } from "../../../chunks/Notification.module-ByKcbqB9.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-C0ZCimeJ.js";
+import { s as i } from "../../../chunks/Notification.module-ByKcbqB9.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-BIl4KTrD.js";
-import { s as o } from "../../../chunks/Notification.module-C0ZCimeJ.js";
+import { c as i } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as o } from "../../../chunks/Notification.module-ByKcbqB9.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-C0ZCimeJ.js";
+import { s as a } from "../../../chunks/Notification.module-ByKcbqB9.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-C0ZCimeJ.js";
+import { s as t } from "../../../chunks/Notification.module-ByKcbqB9.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-C0ZCimeJ.js";
+import { s as t } from "../../../chunks/Notification.module-ByKcbqB9.js";
 const s = ({ time: i }) => /* @__PURE__ */ o("span", { className: t.notificationTime, children: i });
 s.displayName = "NotificationTime";
 export {

package/components/NumberField/NumberFieldInput.js

@@ -1,16 +1,16 @@
 import { jsx as g } from "react/jsx-runtime";
 import h, { useCallback as l } from "react";
-import "../FormField/FormField.js";
-import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
+import "../FormField/components/FormFieldDescription.js";
+import { F as d } from "../../chunks/FormFieldInput--W9kjf4s.js";
 import "../FormField/components/FormFieldLabel.js";
-import "../FormField/components/FormFieldClear.js";
-import "../FormField/components/FormFieldTarget.js";
-import { F as d } from "../../chunks/FormFieldInput-C4pLJsXx.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";
+import "../FormField/components/FormFieldTarget.js";
 import "../FormField/components/FormFieldTextarea.js";
+import "../FormField/FormField.js";
 import { getCaretPosition as F, setCaretPosition as D } from "../../utils/inputUtils.js";
 import { StringUtils as p } from "../../utils/stringUtils.js";
 import { AmountConst as f } from "../../consts/AmountConst.js";

package/components/OrderedList/OrderedList.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
 import d from "react";
-import { c as o } from "../../chunks/vendor-BIl4KTrD.js";
+import { c as o } from "../../chunks/vendor-BiObpx9E.js";
 import { OrderedListItem as i } from "./OrderedListItem.js";
-const m = "orderedList__9d4f6b85", a = {
+const m = "orderedList__8b289193", a = {
   orderedList: m
 }, c = Object.assign(
   d.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ s(
@@ -10,7 +10,7 @@ const m = "orderedList__9d4f6b85", a = {
     {
       className: o(a.orderedList, r),
       ...e,
-      "data-tx": "1.20.0",
+      "data-tx": "1.22.0",
       ref: t
     }
   )),

package/components/OrderedList/OrderedListItem.js

@@ -1,11 +1,11 @@
 import { jsx as o } from "react/jsx-runtime";
 import m from "react";
-import { c as s } from "../../chunks/vendor-BIl4KTrD.js";
+import { c as s } from "../../chunks/vendor-BiObpx9E.js";
 import { ETextSize as i } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import { Text as d } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const a = "orderedListItem__230a1eb7", p = {
+const a = "orderedListItem__74471158", p = {
   orderedListItem: a
 }, f = m.forwardRef(
   ({ className: t, ...e }, r) => /* @__PURE__ */ o(
@@ -15,7 +15,7 @@ const a = "orderedListItem__230a1eb7", p = {
       size: i.B3,
       tag: "li",
       ...e,
-      "data-tx": "1.20.0",
+      "data-tx": "1.22.0",
       ref: r
     }
   )

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-BIl4KTrD.js";
+import { c as u } from "../../chunks/vendor-BiObpx9E.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-DllxTgO6.js";
+import { s as r } from "../../chunks/Overlay.module-fYkVPgjL.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-BIl4KTrD.js";
-import { s as a } from "../../chunks/Overlay.module-DllxTgO6.js";
+import { c as t } from "../../chunks/vendor-BiObpx9E.js";
+import { s as a } from "../../chunks/Overlay.module-fYkVPgjL.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-BIl4KTrD.js";
+import { c as d } from "../../chunks/vendor-BiObpx9E.js";
 import { EOverlayDirection as r } from "./OverlayBase.js";
-import { s as e } from "../../chunks/Overlay.module-DllxTgO6.js";
+import { s as e } from "../../chunks/Overlay.module-fYkVPgjL.js";
 const P = n.forwardRef(
   ({
     children: s,

package/components/Page/Page.js

@@ -1,10 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
 import s from "react";
-import { c as i } from "../../chunks/vendor-BIl4KTrD.js";
+import { c as i } from "../../chunks/vendor-BiObpx9E.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-D8eZ3riP.js";
+import { s as o } from "../../chunks/Page.module-Bhn0Pz59.js";
 import "./components/enums.js";
 const d = Object.assign(
   s.forwardRef(function({ children: r, className: e, ...a }, t) {

package/components/Page/components/BodyPage.js

@@ -1,21 +1,21 @@
 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-BIl4KTrD.js";
+import { c as d } from "../../../chunks/vendor-BiObpx9E.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__44e958df", P = "verticalMargin24__cb37d6a1", v = "verticalMargin16__5b603ec9", e = {
-  bodyPage: f,
-  verticalMargin24: P,
+const P = "bodyPage__15cc0d5a", f = "verticalMargin24__a8200227", v = "verticalMargin16__088ec76b", o = {
+  bodyPage: P,
+  verticalMargin24: f,
   verticalMargin16: v
 }, _ = {
-  [r.LARGE]: e.verticalMargin24,
-  [r.SMALL]: e.verticalMargin16
+  [r.LARGE]: o.verticalMargin24,
+  [r.SMALL]: o.verticalMargin16
 }, b = m.forwardRef(
-  ({ className: s, type: l, size: n, verticalMargin: g = r.LARGE, ...o }, i) => {
-    const t = d(s, e.bodyPage, _[g]);
-    return l === y.FIRST ? /* @__PURE__ */ a(p, { className: t, type: M.TYPE_1, ref: i, size: n, children: /* @__PURE__ */ a(c, { ...o }) }) : /* @__PURE__ */ a(c, { ref: i, className: t, ...o });
+  ({ className: s, type: l, size: n, verticalMargin: g = r.LARGE, ...e }, i) => {
+    const t = d(s, o.bodyPage, _[g]);
+    return l === y.FIRST ? /* @__PURE__ */ a(p, { className: t, type: M.TYPE_1, ref: i, size: n, children: /* @__PURE__ */ a(c, { ...e }) }) : /* @__PURE__ */ a(c, { ref: i, className: t, ...e });
   }
 );
 b.displayName = "BodyPage";

package/components/Page/components/FooterPage.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import F, { useRef as R } from "react";
-import { c as T } from "../../../chunks/vendor-BIl4KTrD.js";
+import { c as T } from "../../../chunks/vendor-BiObpx9E.js";
 import { Footer as s } from "../../Footer/Footer.js";
 import { EFooterPageType as i } from "./enums.js";
 import { useStickyCornerRadius as d } 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 c } from "../../../chunks/Page.module-D8eZ3riP.js";
+import { s as c } from "../../../chunks/Page.module-Bhn0Pz59.js";
 const w = Object.assign(
   F.forwardRef(
     ({ className: m, type: r, size: n, sticky: f, ...p }, 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 p } from "../../../chunks/vendor-BIl4KTrD.js";
+import { c as p } from "../../../chunks/vendor-BiObpx9E.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-D8eZ3riP.js";
+import { s as i } from "../../../chunks/Page.module-Bhn0Pz59.js";
 const j = Object.assign(
   T.forwardRef(
     ({ className: m, type: a, size: n, sticky: d, ...f }, r) => {

package/components/Page/components/useStickyCornerRadius.js

@@ -1,44 +1,47 @@
-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;
+import { useEffect as g } from "react";
+function L(c) {
+  let e = c;
+  for (; e && e !== document.documentElement; ) {
+    const t = getComputedStyle(e).overflowY;
+    if (/(auto|scroll|overlay)/.test(t)) return e;
+    e = e.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;
+function R(c, e, m = !0) {
+  g(() => {
+    const t = c.current;
+    if (!t) return;
+    const f = e === "top" ? "--r-top" : "--r-bottom";
+    if (!m) {
+      t.style.removeProperty(f), delete t.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;
+    const v = 24;
+    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));
+      t.style.setProperty(f, `${y}px`), y <= 0.5 ? t.dataset.stuck = "true" : delete t.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();
+      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(
+        (s) => s.includes("lightBoxSideOverlayContent")
+      ) && w();
     };
-    return setTimeout(y, 100), () => {
-      l && l.removeEventListener("scroll", a), window.removeEventListener("resize", a), window.removeEventListener("transitionend", w), r && cancelAnimationFrame(r);
+    return setTimeout(E, 100), () => {
+      d && d.removeEventListener("scroll", a), window.removeEventListener("resize", a), window.removeEventListener("transitionend", p), l == null || l.disconnect(), i && cancelAnimationFrame(i);
     };
-  }, [i, t, c]);
+  }, [c, e, m]);
 }
 export {
-  L as useStickyCornerRadius
+  R 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-BIl4KTrD.js";
+import { jsx as d } from "react/jsx-runtime";
+import { c as o } from "../../../chunks/vendor-BiObpx9E.js";
 import i from "react";
-const r = "paginationExtended__f581f368", s = {
+const r = "paginationExtended__edbd8ef8", 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.20.0",
+      className: o(s.paginationExtended, a),
+      "data-tx": "1.22.0",
       ...n,
       ref: e,
       children: t

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__9ae2c932", N = "directionIconNext__1c706a42", n = {
+const g = "paginationNavigationButton__117701e6", N = "directionIconNext__f6da1ad0", n = {
   paginationNavigationButton: g,
   directionIconNext: N
-}, I = c.forwardRef(
+}, d = c.forwardRef(
   ({ direction: i, ...a }, e) => {
     const r = i === s.BACK;
     return /* @__PURE__ */ t(
@@ -22,8 +22,8 @@ const g = "paginationNavigationButton__9ae2c932", N = "directionIconNext__1c706a
     );
   }
 );
-I.displayName = "PaginationNavigationButton";
+d.displayName = "PaginationNavigationButton";
 export {
-  I as PaginationNavigationButton
+  d as PaginationNavigationButton
 };
 //# sourceMappingURL=PaginationNavigationButton.js.map