@sberbusiness/triplex-next 1.41.0 → 1.42.0

package/components/Notification/Notification.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
 import { NotificationBody } from "./components/NotificationBody.js";
 import { NotificationClose } from "./components/NotificationClose.js";
 import { NotificationIcon } from "./components/NotificationIcon.js";
 import { NotificationTime } from "./components/NotificationTime.js";
 import React__default from "react";
-import { s as styles } from "../../chunks/Notification.module-Be8nXM5D.js";
+import { s as styles } from "../../chunks/Notification.module-VU_Lk2gb.js";
 const Notification = Object.assign(
   React__default.forwardRef(function Notification2({ children, className, withExtraBottomPadding = false, isShowCloseOnHover = false, onClick, ...HTMLAttributes }, ref) {
     const cn = clsx(className, styles.notification, {
@@ -20,7 +20,7 @@ const Notification = Object.assign(
         className: cn,
         onClick,
         ref,
-        "data-tx": "1.41.0",
+        "data-tx": "1.42.0",
         children
       }
     );

package/components/Notification/NotificationGrouped.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { NotificationGroupedFooter } from "./components/NotificationGroupedFooter.js";
 import React__default from "react";
-import { s as styles } from "../../chunks/Notification.module-Be8nXM5D.js";
+import { s as styles } from "../../chunks/Notification.module-VU_Lk2gb.js";
 const NotificationGrouped = React__default.forwardRef(
   function NotificationGrouped2({ children }, ref) {
     return /* @__PURE__ */ jsxs("div", { className: styles.notificationGroupedWrapper, ref, children: [

package/components/Notification/components/NotificationBody.js

@@ -4,7 +4,7 @@ import { NotificationHeader } from "./NotificationHeader.js";
 import { NotificationBodyContent } from "./NotificationBodyContent.js";
 import { NotificationFooter } from "./NotificationFooter.js";
 import { NotificationBodyList } from "./NotificationBodyList.js";
-import { s as styles } from "../../../chunks/Notification.module-Be8nXM5D.js";
+import { s as styles } from "../../../chunks/Notification.module-VU_Lk2gb.js";
 const NotificationBody = Object.assign(
   React__default.forwardRef(function NotificationBody2({ children }, ref) {
     return /* @__PURE__ */ jsx("div", { className: styles.notificationBody, ref, children });

package/components/Notification/components/NotificationBodyList.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { UnorderedList } from "../../UnorderedList/UnorderedList.js";
 import "../../UnorderedList/UnorderedListItem.js";
-import { s as styles } from "../../../chunks/Notification.module-Be8nXM5D.js";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { s as styles } from "../../../chunks/Notification.module-VU_Lk2gb.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
 const NotificationBodyList = ({ className, ...props }) => /* @__PURE__ */ jsx(UnorderedList, { className: clsx(styles.notificationBodyList, className), ...props, children: props.values.map((el, index) => /* @__PURE__ */ jsx(UnorderedList.Item, { children: el }, index)) });
 NotificationBodyList.displayName = "NotificationBodyList";
 export {

package/components/Notification/components/NotificationClose.js

@@ -4,7 +4,7 @@ import "../../Button/Button.js";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-import { s as styles } from "../../../chunks/Notification.module-Be8nXM5D.js";
+import { s as styles } from "../../../chunks/Notification.module-VU_Lk2gb.js";
 const NotificationClose = ({ onClick, ...buttonProps }) => /* @__PURE__ */ jsx("span", { className: styles.notificationClose, children: /* @__PURE__ */ jsx(ButtonIcon, { ...buttonProps, onClick, children: /* @__PURE__ */ jsx(CrossStrokeSrvIcon16, { paletteIndex: 5 }) }) });
 NotificationClose.displayName = "NotificationClose";
 export {

package/components/Notification/components/NotificationFooter.js

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

package/components/Notification/components/NotificationGroupedFooter.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/Notification.module-Be8nXM5D.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { s as styles } from "../../../chunks/Notification.module-VU_Lk2gb.js";
 const NotificationGroupedFooter = () => /* @__PURE__ */ jsxs("div", { children: [
   /* @__PURE__ */ jsx("div", { className: clsx(styles.notificationGroupedFooterItem, styles.first) }),
   /* @__PURE__ */ jsx("div", { className: clsx(styles.notificationGroupedFooterItem, styles.second) })

package/components/Notification/components/NotificationHeader.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/Notification.module-Be8nXM5D.js";
+import { s as styles } from "../../../chunks/Notification.module-VU_Lk2gb.js";
 const NotificationHeader = ({ children }) => /* @__PURE__ */ jsx("h3", { className: styles.notificationHeader, children });
 NotificationHeader.displayName = "NotificationHeader";
 export {

package/components/Notification/components/NotificationIcon.js

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

package/components/Notification/components/NotificationTime.js

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

package/components/OrderedList/OrderedList.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
 import { OrderedListItem } from "./OrderedListItem.js";
-const orderedList = "orderedList__1283a565";
+const orderedList = "orderedList__1313596e";
 const styles = {
   orderedList
 };
@@ -17,7 +17,7 @@ const OrderedList = Object.assign(
         ["--start-index-tx"]: start - 1
       } : style,
       ...restProps,
-      "data-tx": "1.41.0",
+      "data-tx": "1.42.0",
       ref
     }
   )),

package/components/OrderedList/OrderedListItem.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
 import { ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const orderedListItem = "orderedListItem__22accb65";
+const orderedListItem = "orderedListItem__96ae372c";
 const styles = {
   orderedListItem
 };
@@ -18,7 +18,7 @@ const OrderedListItem = React__default.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "1.41.0",
+      "data-tx": "1.42.0",
       ref
     }
   )

package/components/Overlay/Overlay.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
 import { OverlayBase } from "./OverlayBase.js";
 import { OverlayMask } from "./OverlayMask.js";
 import { OverlayPanel } from "./OverlayPanel.js";
-import { s as styles } from "../../chunks/Overlay.module-D8ixOPRE.js";
+import { s as styles } from "../../chunks/Overlay.module-BF5z5chI.js";
 const Overlay = Object.assign(
   React__default.forwardRef(
     ({

package/components/Overlay/OverlayMask.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../chunks/Overlay.module-D8ixOPRE.js";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { s as styles } from "../../chunks/Overlay.module-BF5z5chI.js";
 const OverlayMask = React__default.forwardRef(
   ({ className, opened, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/Overlay/OverlayPanel.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
 import { EOverlayDirection } from "./OverlayBase.js";
-import { s as styles } from "../../chunks/Overlay.module-D8ixOPRE.js";
+import { s as styles } from "../../chunks/Overlay.module-BF5z5chI.js";
 const OverlayPanel = React__default.forwardRef(
   ({
     children,

package/components/Page/Page.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
 import { BodyPage } from "./components/BodyPage.js";
 import { HeaderPage } from "./components/HeaderPage.js";
 import { FooterPage } from "./components/FooterPage.js";
-import { s as styles } from "../../chunks/Page.module-BkjdT16T.js";
+import { s as styles } from "../../chunks/Page.module-Bq_fi2vC.js";
 import "./components/enums.js";
 const Page = Object.assign(
   React__default.forwardRef(function Page2({ children, className, ...rest }, ref) {

package/components/Page/components/BodyPage.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { Body } from "../../Body/Body.js";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
 import { EBodyPageVerticalMargin, EBodyPageType } from "./enums.js";
 import { Island } from "../../Island/Island.js";
 import { EIslandType } from "../../Island/enums.js";
-const bodyPage = "bodyPage__bde1f901";
-const verticalMargin24 = "verticalMargin24__08c70900";
-const verticalMargin16 = "verticalMargin16__f345ce76";
+const bodyPage = "bodyPage__b8ec07cb";
+const verticalMargin24 = "verticalMargin24__d2282e83";
+const verticalMargin16 = "verticalMargin16__c7cb09a8";
 const styles = {
   bodyPage,
   verticalMargin24,

package/components/Page/components/FooterPage.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
 import { Footer } from "../../Footer/Footer.js";
 import { EFooterPageType } from "./enums.js";
 import { useStickyCornerRadius } from "./useStickyCornerRadius.js";
@@ -9,7 +9,7 @@ import { EIslandType } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { s as styles } from "../../../chunks/Page.module-BkjdT16T.js";
+import { s as styles } from "../../../chunks/Page.module-Bq_fi2vC.js";
 const FooterPage = Object.assign(
   React__default.forwardRef(
     ({ className, type, size, sticky, ...rest }, ref) => {

package/components/Page/components/FooterPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterPage.js","sources":["../../../../src/components/Page/components/FooterPage.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { Footer, IFooterProps } from \"@sberbusiness/triplex-next/components/Footer/Footer\";\nimport { EFooterPageType } from \"./enums\";\nimport { useStickyCornerRadius } from \"./useStickyCornerRadius\";\nimport { EIslandType, Island } from \"../../Island\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport styles from \"../styles/Page.module.less\";\n\nexport interface IFooterPageTypeSecondProps extends IFooterProps {\n    /** Контент футера страницы. */\n    children: React.ReactNode;\n    /** Тип компонента FooterPage. SECOND рендерит футер без карточки (Island). */\n    type: EFooterPageType.SECOND;\n    /** Прилипание к нижней границе экрана недоступно для типа SECOND. */\n    sticky?: never;\n    /** Размер острова недоступен для типа SECOND, так как контент не оборачивается в Island. */\n    size?: never;\n}\n\nexport interface IFooterPageTypeFirstProps extends IFooterProps {\n    /** Контент футера страницы. */\n    children: React.ReactNode;\n    /** Тип компонента FooterPage. FIRST оборачивает футер в Island (карточку). */\n    type: EFooterPageType.FIRST;\n    /** Footer прилипает к нижней границе экрана при скролле. Только для типа FIRST внутри LightBox. */\n    sticky?: boolean;\n    /** Размер острова (Island). Доступен только для типа FIRST. */\n    size?: EComponentSize;\n}\n\n/** Футер компонента Page. Доступен как `Page.Footer`. Нижний блок страницы с контентом и управляющими элементами. */\nexport const FooterPage = Object.assign(\n    React.forwardRef<HTMLDivElement, IFooterPageTypeFirstProps | IFooterPageTypeSecondProps>(\n        ({ className, type, size, sticky, ...rest }, ref) => {\n            const footerRef = useRef<HTMLDivElement | null>(null);\n            // Плавное обнуление нижних углов и добавление тени при прилипании к низу.\n            useStickyCornerRadius(footerRef, \"bottom\", type === EFooterPageType.FIRST && sticky);\n\n            const setFooterRef = (instance: HTMLDivElement | null) => {\n                footerRef.current = instance;\n                if (typeof ref === \"function\") {\n                    ref(instance);\n                } else if (ref) {\n                    ref.current = instance;\n                }\n            };\n\n            const footerPageTypeFirstClassNames = clsx(\n                styles.footerPageTypeFirst,\n                {\n                    [styles.sticky]: type === EFooterPageType.FIRST && sticky,\n                },\n                className,\n            );\n\n            return type === EFooterPageType.FIRST ? (\n                <Island\n                    className={footerPageTypeFirstClassNames}\n                    type={EIslandType.TYPE_1}\n                    ref={setFooterRef}\n                    size={size}\n                >\n                    <Footer {...rest} />\n                </Island>\n            ) : (\n                <Footer ref={ref} className={className} {...rest} />\n            );\n        },\n    ),\n    {\n        Description: Footer.Description,\n    },\n);\n\nFooterPage.displayName = \"FooterPage\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAgCO,MAAM,aAAa,OAAO;AAAA,EAC7BA,eAAM;AAAA,IACF,CAAC,EAAE,WAAW,MAAM,MAAM,QAAQ,GAAG,KAAA,GAAQ,QAAQ;AACjD,YAAM,YAAY,OAA8B,IAAI;AAEpD,4BAAsB,WAAW,UAAU,SAAS,gBAAgB,SAAS,MAAM;AAEnF,YAAM,eAAe,CAAC,aAAoC;AACtD,kBAAU,UAAU;AACpB,YAAI,OAAO,QAAQ,YAAY;AAC3B,cAAI,QAAQ;AAAA,QAChB,WAAW,KAAK;AACZ,cAAI,UAAU;AAAA,QAClB;AAAA,MACJ;AAEA,YAAM,gCAAgC;AAAA,QAClC,OAAO;AAAA,QACP;AAAA,UACI,CAAC,OAAO,MAAM,GAAG,SAAS,gBAAgB,SAAS;AAAA,QAAA;AAAA,QAEvD;AAAA,MAAA;AAGJ,aAAO,SAAS,gBAAgB,QAC5B;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,UACX,MAAM,YAAY;AAAA,UAClB,KAAK;AAAA,UACL;AAAA,UAEA,UAAA,oBAAC,QAAA,EAAQ,GAAG,KAAA,CAAM;AAAA,QAAA;AAAA,MAAA,IAGtB,oBAAC,QAAA,EAAO,KAAU,WAAuB,GAAG,MAAM;AAAA,IAE1D;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,aAAa,OAAO;AAAA,EAAA;AAE5B;AAEA,WAAW,cAAc;"}
+{"version":3,"file":"FooterPage.js","sources":["../../../../src/components/Page/components/FooterPage.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { Footer, IFooterProps } from \"@sberbusiness/triplex-next/components/Footer/Footer\";\nimport { EFooterPageType } from \"./enums\";\nimport { useStickyCornerRadius } from \"./useStickyCornerRadius\";\nimport { EIslandType, Island } from \"../../Island\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport styles from \"../styles/Page.module.less\";\n\nexport interface IFooterPageTypeSecondProps extends IFooterProps {\n    /** Контент футера страницы. */\n    children: React.ReactNode;\n    /** Тип компонента FooterPage. SECOND рендерит футер без карточки (Island). */\n    type: EFooterPageType.SECOND;\n    /** Прилипание к нижней границе экрана недоступно для типа SECOND. */\n    sticky?: never;\n    /** Размер острова недоступен для типа SECOND, так как контент не оборачивается в Island. */\n    size?: never;\n}\n\nexport interface IFooterPageTypeFirstProps extends IFooterProps {\n    /** Контент футера страницы. */\n    children: React.ReactNode;\n    /** Тип компонента FooterPage. FIRST оборачивает футер в Island (карточку). */\n    type: EFooterPageType.FIRST;\n    /** Footer прилипает к нижней границе при скролле. Только для типа FIRST. */\n    sticky?: boolean;\n    /** Размер острова (Island). Доступен только для типа FIRST. */\n    size?: EComponentSize;\n}\n\n/** Футер компонента Page. Доступен как `Page.Footer`. Нижний блок страницы с контентом и управляющими элементами. */\nexport const FooterPage = Object.assign(\n    React.forwardRef<HTMLDivElement, IFooterPageTypeFirstProps | IFooterPageTypeSecondProps>(\n        ({ className, type, size, sticky, ...rest }, ref) => {\n            const footerRef = useRef<HTMLDivElement | null>(null);\n            // Плавное обнуление нижних углов и добавление тени при прилипании к низу.\n            useStickyCornerRadius(footerRef, \"bottom\", type === EFooterPageType.FIRST && sticky);\n\n            const setFooterRef = (instance: HTMLDivElement | null) => {\n                footerRef.current = instance;\n                if (typeof ref === \"function\") {\n                    ref(instance);\n                } else if (ref) {\n                    ref.current = instance;\n                }\n            };\n\n            const footerPageTypeFirstClassNames = clsx(\n                styles.footerPageTypeFirst,\n                {\n                    [styles.sticky]: type === EFooterPageType.FIRST && sticky,\n                },\n                className,\n            );\n\n            return type === EFooterPageType.FIRST ? (\n                <Island\n                    className={footerPageTypeFirstClassNames}\n                    type={EIslandType.TYPE_1}\n                    ref={setFooterRef}\n                    size={size}\n                >\n                    <Footer {...rest} />\n                </Island>\n            ) : (\n                <Footer ref={ref} className={className} {...rest} />\n            );\n        },\n    ),\n    {\n        Description: Footer.Description,\n    },\n);\n\nFooterPage.displayName = \"FooterPage\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAgCO,MAAM,aAAa,OAAO;AAAA,EAC7BA,eAAM;AAAA,IACF,CAAC,EAAE,WAAW,MAAM,MAAM,QAAQ,GAAG,KAAA,GAAQ,QAAQ;AACjD,YAAM,YAAY,OAA8B,IAAI;AAEpD,4BAAsB,WAAW,UAAU,SAAS,gBAAgB,SAAS,MAAM;AAEnF,YAAM,eAAe,CAAC,aAAoC;AACtD,kBAAU,UAAU;AACpB,YAAI,OAAO,QAAQ,YAAY;AAC3B,cAAI,QAAQ;AAAA,QAChB,WAAW,KAAK;AACZ,cAAI,UAAU;AAAA,QAClB;AAAA,MACJ;AAEA,YAAM,gCAAgC;AAAA,QAClC,OAAO;AAAA,QACP;AAAA,UACI,CAAC,OAAO,MAAM,GAAG,SAAS,gBAAgB,SAAS;AAAA,QAAA;AAAA,QAEvD;AAAA,MAAA;AAGJ,aAAO,SAAS,gBAAgB,QAC5B;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,UACX,MAAM,YAAY;AAAA,UAClB,KAAK;AAAA,UACL;AAAA,UAEA,UAAA,oBAAC,QAAA,EAAQ,GAAG,KAAA,CAAM;AAAA,QAAA;AAAA,MAAA,IAGtB,oBAAC,QAAA,EAAO,KAAU,WAAuB,GAAG,MAAM;AAAA,IAE1D;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,aAAa,OAAO;AAAA,EAAA;AAE5B;AAEA,WAAW,cAAc;"}

package/components/Page/components/HeaderPage.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
 import { Header } from "../../Header/Header.js";
 import { EHeaderPageType } from "./enums.js";
 import { useStickyCornerRadius } from "./useStickyCornerRadius.js";
@@ -9,7 +9,7 @@ import { EIslandType } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { s as styles } from "../../../chunks/Page.module-BkjdT16T.js";
+import { s as styles } from "../../../chunks/Page.module-Bq_fi2vC.js";
 const HeaderPage = Object.assign(
   React__default.forwardRef(
     ({ className, type, size, sticky, ...rest }, ref) => {

package/components/Page/components/HeaderPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderPage.js","sources":["../../../../src/components/Page/components/HeaderPage.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { Header, IHeaderProps } from \"@sberbusiness/triplex-next/components/Header/Header\";\nimport { EHeaderPageType } from \"./enums\";\nimport { useStickyCornerRadius } from \"./useStickyCornerRadius\";\nimport { EIslandType, Island } from \"../../Island\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport styles from \"../styles/Page.module.less\";\n\nexport interface IHeaderPageTypeSecondProps extends IHeaderProps {\n    /** Контент заголовка страницы. */\n    children: React.ReactNode;\n    /** Тип компонента HeaderPage. SECOND рендерит заголовок без карточки (Island). */\n    type: EHeaderPageType.SECOND;\n    /** Прилипание к верхней границе экрана недоступно для типа SECOND. */\n    sticky?: never;\n    /** Размер острова недоступен для типа SECOND, так как контент не оборачивается в Island. */\n    size?: never;\n}\n\nexport interface IHeaderPageTypeFirstProps extends IHeaderProps {\n    /** Контент заголовка страницы. */\n    children: React.ReactNode;\n    /** Тип компонента HeaderPage. FIRST оборачивает заголовок в Island (карточку). */\n    type: EHeaderPageType.FIRST;\n    /** Header прилипает к верхней границе экрана при скролле. Только для типа FIRST внутри LightBox. */\n    sticky?: boolean;\n    /** Размер острова (Island). Доступен только для типа FIRST. */\n    size?: EComponentSize;\n}\n\n/** Заголовок страницы Page. Доступен как `Page.Header`. Верхний блок страницы с заголовком, табами и подзаголовком. */\nexport const HeaderPage = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderPageTypeFirstProps | IHeaderPageTypeSecondProps>(\n        ({ className, type, size, sticky, ...rest }, ref) => {\n            const islandRef = useRef<HTMLDivElement | null>(null);\n            // Плавное обнуление верхних углов и добавление тени при прилипании к верху.\n            useStickyCornerRadius(islandRef, \"top\", type === EHeaderPageType.FIRST && sticky);\n\n            const setIslandRef = (instance: HTMLDivElement | null) => {\n                islandRef.current = instance;\n                if (typeof ref === \"function\") {\n                    ref(instance);\n                } else if (ref) {\n                    ref.current = instance;\n                }\n            };\n\n            const headerPageFirstClassNames = clsx(\n                styles.headerPageTypeFirst,\n                {\n                    [styles.sticky]: type === EHeaderPageType.FIRST && sticky,\n                },\n                className,\n            );\n\n            return type === EHeaderPageType.FIRST ? (\n                <Island className={headerPageFirstClassNames} type={EIslandType.TYPE_1} size={size} ref={setIslandRef}>\n                    <Header {...rest} />\n                </Island>\n            ) : (\n                <Header ref={ref} className={clsx(styles.headerPageTypeSecond, className)} {...rest} />\n            );\n        },\n    ),\n    {\n        LayoutSidebar: Header.LayoutSidebar,\n        Subhead: Header.Subhead,\n        Tabs: Header.Tabs,\n        Title: Header.Title,\n    },\n);\n\nHeaderPage.displayName = \"HeaderPage\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAgCO,MAAM,aAAa,OAAO;AAAA,EAC7BA,eAAM;AAAA,IACF,CAAC,EAAE,WAAW,MAAM,MAAM,QAAQ,GAAG,KAAA,GAAQ,QAAQ;AACjD,YAAM,YAAY,OAA8B,IAAI;AAEpD,4BAAsB,WAAW,OAAO,SAAS,gBAAgB,SAAS,MAAM;AAEhF,YAAM,eAAe,CAAC,aAAoC;AACtD,kBAAU,UAAU;AACpB,YAAI,OAAO,QAAQ,YAAY;AAC3B,cAAI,QAAQ;AAAA,QAChB,WAAW,KAAK;AACZ,cAAI,UAAU;AAAA,QAClB;AAAA,MACJ;AAEA,YAAM,4BAA4B;AAAA,QAC9B,OAAO;AAAA,QACP;AAAA,UACI,CAAC,OAAO,MAAM,GAAG,SAAS,gBAAgB,SAAS;AAAA,QAAA;AAAA,QAEvD;AAAA,MAAA;AAGJ,aAAO,SAAS,gBAAgB,QAC5B,oBAAC,QAAA,EAAO,WAAW,2BAA2B,MAAM,YAAY,QAAQ,MAAY,KAAK,cACrF,UAAA,oBAAC,QAAA,EAAQ,GAAG,KAAA,CAAM,EAAA,CACtB,IAEA,oBAAC,QAAA,EAAO,KAAU,WAAW,KAAK,OAAO,sBAAsB,SAAS,GAAI,GAAG,MAAM;AAAA,IAE7F;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,eAAe,OAAO;AAAA,IACtB,SAAS,OAAO;AAAA,IAChB,MAAM,OAAO;AAAA,IACb,OAAO,OAAO;AAAA,EAAA;AAEtB;AAEA,WAAW,cAAc;"}
+{"version":3,"file":"HeaderPage.js","sources":["../../../../src/components/Page/components/HeaderPage.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { Header, IHeaderProps } from \"@sberbusiness/triplex-next/components/Header/Header\";\nimport { EHeaderPageType } from \"./enums\";\nimport { useStickyCornerRadius } from \"./useStickyCornerRadius\";\nimport { EIslandType, Island } from \"../../Island\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport styles from \"../styles/Page.module.less\";\n\nexport interface IHeaderPageTypeSecondProps extends IHeaderProps {\n    /** Контент заголовка страницы. */\n    children: React.ReactNode;\n    /** Тип компонента HeaderPage. SECOND рендерит заголовок без карточки (Island). */\n    type: EHeaderPageType.SECOND;\n    /** Прилипание к верхней границе экрана недоступно для типа SECOND. */\n    sticky?: never;\n    /** Размер острова недоступен для типа SECOND, так как контент не оборачивается в Island. */\n    size?: never;\n}\n\nexport interface IHeaderPageTypeFirstProps extends IHeaderProps {\n    /** Контент заголовка страницы. */\n    children: React.ReactNode;\n    /** Тип компонента HeaderPage. FIRST оборачивает заголовок в Island (карточку). */\n    type: EHeaderPageType.FIRST;\n    /** Header прилипает к верхней границе при скролле. Только для типа FIRST. */\n    sticky?: boolean;\n    /** Размер острова (Island). Доступен только для типа FIRST. */\n    size?: EComponentSize;\n}\n\n/** Заголовок страницы Page. Доступен как `Page.Header`. Верхний блок страницы с заголовком, табами и подзаголовком. */\nexport const HeaderPage = Object.assign(\n    React.forwardRef<HTMLDivElement, IHeaderPageTypeFirstProps | IHeaderPageTypeSecondProps>(\n        ({ className, type, size, sticky, ...rest }, ref) => {\n            const islandRef = useRef<HTMLDivElement | null>(null);\n            // Плавное обнуление верхних углов и добавление тени при прилипании к верху.\n            useStickyCornerRadius(islandRef, \"top\", type === EHeaderPageType.FIRST && sticky);\n\n            const setIslandRef = (instance: HTMLDivElement | null) => {\n                islandRef.current = instance;\n                if (typeof ref === \"function\") {\n                    ref(instance);\n                } else if (ref) {\n                    ref.current = instance;\n                }\n            };\n\n            const headerPageFirstClassNames = clsx(\n                styles.headerPageTypeFirst,\n                {\n                    [styles.sticky]: type === EHeaderPageType.FIRST && sticky,\n                },\n                className,\n            );\n\n            return type === EHeaderPageType.FIRST ? (\n                <Island className={headerPageFirstClassNames} type={EIslandType.TYPE_1} size={size} ref={setIslandRef}>\n                    <Header {...rest} />\n                </Island>\n            ) : (\n                <Header ref={ref} className={clsx(styles.headerPageTypeSecond, className)} {...rest} />\n            );\n        },\n    ),\n    {\n        LayoutSidebar: Header.LayoutSidebar,\n        Subhead: Header.Subhead,\n        Tabs: Header.Tabs,\n        Title: Header.Title,\n    },\n);\n\nHeaderPage.displayName = \"HeaderPage\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAgCO,MAAM,aAAa,OAAO;AAAA,EAC7BA,eAAM;AAAA,IACF,CAAC,EAAE,WAAW,MAAM,MAAM,QAAQ,GAAG,KAAA,GAAQ,QAAQ;AACjD,YAAM,YAAY,OAA8B,IAAI;AAEpD,4BAAsB,WAAW,OAAO,SAAS,gBAAgB,SAAS,MAAM;AAEhF,YAAM,eAAe,CAAC,aAAoC;AACtD,kBAAU,UAAU;AACpB,YAAI,OAAO,QAAQ,YAAY;AAC3B,cAAI,QAAQ;AAAA,QAChB,WAAW,KAAK;AACZ,cAAI,UAAU;AAAA,QAClB;AAAA,MACJ;AAEA,YAAM,4BAA4B;AAAA,QAC9B,OAAO;AAAA,QACP;AAAA,UACI,CAAC,OAAO,MAAM,GAAG,SAAS,gBAAgB,SAAS;AAAA,QAAA;AAAA,QAEvD;AAAA,MAAA;AAGJ,aAAO,SAAS,gBAAgB,QAC5B,oBAAC,QAAA,EAAO,WAAW,2BAA2B,MAAM,YAAY,QAAQ,MAAY,KAAK,cACrF,UAAA,oBAAC,QAAA,EAAQ,GAAG,KAAA,CAAM,EAAA,CACtB,IAEA,oBAAC,QAAA,EAAO,KAAU,WAAW,KAAK,OAAO,sBAAsB,SAAS,GAAI,GAAG,MAAM;AAAA,IAE7F;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,eAAe,OAAO;AAAA,IACtB,SAAS,OAAO;AAAA,IAChB,MAAM,OAAO;AAAA,IACb,OAAO,OAAO;AAAA,EAAA;AAEtB;AAEA,WAAW,cAAc;"}

package/components/Pagination/components/PaginationExtended.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
 import React__default from "react";
-const paginationExtended = "paginationExtended__a75ac274";
+const paginationExtended = "paginationExtended__06d35d2b";
 const styles = {
   paginationExtended
 };
@@ -11,7 +11,7 @@ const PaginationExtended = React__default.forwardRef(
       "nav",
       {
         className: clsx(styles.paginationExtended, className),
-        "data-tx": "1.41.0",
+        "data-tx": "1.42.0",
         ...rest,
         ref,
         children

package/components/Pagination/components/PaginationNavigationButton.js

@@ -1,24 +1,27 @@
 import { jsx } from "react/jsx-runtime";
-import React__default from "react";
+import React__default, { useContext } from "react";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import { EButtonIconShape } from "../../Button/enums.js";
 import { EPaginationNavigationIconDirection } from "../enums.js";
 import { CaretleftStrokeSrvIcon24 } from "@sberbusiness/icons-next";
-const paginationNavigationButton = "paginationNavigationButton__00e634ff";
-const directionIconNext = "directionIconNext__fb23202c";
+import { MasterTableContext } from "../../Table/MasterTableContext.js";
+const paginationNavigationButton = "paginationNavigationButton__00569148";
+const directionIconNext = "directionIconNext__ab0bbc30";
 const styles = {
   paginationNavigationButton,
   directionIconNext
 };
 const PaginationNavigationButton = React__default.forwardRef(
-  ({ direction, ...rest }, ref) => {
+  ({ direction, disabled, ...rest }, ref) => {
     const isDirectionBack = direction === EPaginationNavigationIconDirection.BACK;
+    const { loading } = useContext(MasterTableContext);
     return /* @__PURE__ */ jsx(
       ButtonIcon,
       {
         className: styles.paginationNavigationButton,
         shape: EButtonIconShape.SQUIRCLE,
         ...rest,
+        disabled: loading || disabled,
         ref,
         children: isDirectionBack ? /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon24, { paletteIndex: 5 }) : /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon24, { paletteIndex: 5, className: styles.directionIconNext })
       }

package/components/Pagination/components/PaginationNavigationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNavigationButton.js","sources":["../../../../src/components/Pagination/components/PaginationNavigationButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonIcon, IButtonIconProps } from \"../../Button/ButtonIcon\";\nimport { EButtonIconShape } from \"../../Button/enums\";\nimport { EPaginationNavigationIconDirection } from \"../enums\";\nimport { CaretleftStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport styles from \"../styles/PaginationNavigationButton.module.less\";\n\n/** Свойства компонента PaginationNavigationButton. */\nexport interface IPaginationNavigationButtonProps extends Omit<IButtonIconProps, \"shape\" | \"active\" | \"children\"> {\n    /** Кнопка навигации не принимает дочерние элементы — иконка определяется направлением. */\n    children?: never;\n    /** Направление кнопки навигации (предыдущая или следующая страница). */\n    direction: EPaginationNavigationIconDirection;\n}\n\n/** Кнопка навигации пагинации (переход к предыдущей или следующей странице). */\nexport const PaginationNavigationButton = React.forwardRef<HTMLButtonElement, IPaginationNavigationButtonProps>(\n    ({ direction, ...rest }, ref) => {\n        const isDirectionBack = direction === EPaginationNavigationIconDirection.BACK;\n\n        return (\n            <ButtonIcon\n                className={styles.paginationNavigationButton}\n                shape={EButtonIconShape.SQUIRCLE}\n                {...rest}\n                ref={ref}\n            >\n                {isDirectionBack ? (\n                    <CaretleftStrokeSrvIcon24 paletteIndex={5} />\n                ) : (\n                    <CaretleftStrokeSrvIcon24 paletteIndex={5} className={styles.directionIconNext} />\n                )}\n            </ButtonIcon>\n        );\n    },\n);\n\nPaginationNavigationButton.displayName = \"PaginationNavigationButton\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAgBO,MAAM,6BAA6BA,eAAM;AAAA,EAC5C,CAAC,EAAE,WAAW,GAAG,KAAA,GAAQ,QAAQ;AAC7B,UAAM,kBAAkB,cAAc,mCAAmC;AAEzE,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO;AAAA,QAClB,OAAO,iBAAiB;AAAA,QACvB,GAAG;AAAA,QACJ;AAAA,QAEC,UAAA,kBACG,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG,IAE3C,oBAAC,0BAAA,EAAyB,cAAc,GAAG,WAAW,OAAO,kBAAA,CAAmB;AAAA,MAAA;AAAA,IAAA;AAAA,EAIhG;AACJ;AAEA,2BAA2B,cAAc;"}
+{"version":3,"file":"PaginationNavigationButton.js","sources":["../../../../src/components/Pagination/components/PaginationNavigationButton.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { ButtonIcon, IButtonIconProps } from \"../../Button/ButtonIcon\";\nimport { EButtonIconShape } from \"../../Button/enums\";\nimport { EPaginationNavigationIconDirection } from \"../enums\";\nimport { CaretleftStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { MasterTableContext } from \"@sberbusiness/triplex-next/components/Table/MasterTableContext\";\nimport styles from \"../styles/PaginationNavigationButton.module.less\";\n\n/** Свойства компонента PaginationNavigationButton. */\nexport interface IPaginationNavigationButtonProps extends Omit<IButtonIconProps, \"shape\" | \"active\" | \"children\"> {\n    /** Кнопка навигации не принимает дочерние элементы — иконка определяется направлением. */\n    children?: never;\n    /** Направление кнопки навигации (предыдущая или следующая страница). */\n    direction: EPaginationNavigationIconDirection;\n}\n\n/** Кнопка навигации пагинации (переход к предыдущей или следующей странице). */\nexport const PaginationNavigationButton = React.forwardRef<HTMLButtonElement, IPaginationNavigationButtonProps>(\n    ({ direction, disabled, ...rest }, ref) => {\n        const isDirectionBack = direction === EPaginationNavigationIconDirection.BACK;\n        const { loading } = useContext(MasterTableContext);\n\n        return (\n            <ButtonIcon\n                className={styles.paginationNavigationButton}\n                shape={EButtonIconShape.SQUIRCLE}\n                {...rest}\n                disabled={loading || disabled}\n                ref={ref}\n            >\n                {isDirectionBack ? (\n                    <CaretleftStrokeSrvIcon24 paletteIndex={5} />\n                ) : (\n                    <CaretleftStrokeSrvIcon24 paletteIndex={5} className={styles.directionIconNext} />\n                )}\n            </ButtonIcon>\n        );\n    },\n);\n\nPaginationNavigationButton.displayName = \"PaginationNavigationButton\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAiBO,MAAM,6BAA6BA,eAAM;AAAA,EAC5C,CAAC,EAAE,WAAW,UAAU,GAAG,KAAA,GAAQ,QAAQ;AACvC,UAAM,kBAAkB,cAAc,mCAAmC;AACzE,UAAM,EAAE,QAAA,IAAY,WAAW,kBAAkB;AAEjD,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO;AAAA,QAClB,OAAO,iBAAiB;AAAA,QACvB,GAAG;AAAA,QACJ,UAAU,WAAW;AAAA,QACrB;AAAA,QAEC,UAAA,kBACG,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG,IAE3C,oBAAC,0BAAA,EAAyB,cAAc,GAAG,WAAW,OAAO,kBAAA,CAAmB;AAAA,MAAA;AAAA,IAAA;AAAA,EAIhG;AACJ;AAEA,2BAA2B,cAAc;"}

package/components/Pagination/components/PaginationNavigationExtended.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const paginationNavigationExtended = "paginationNavigationExtended__f901b67e";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+const paginationNavigationExtended = "paginationNavigationExtended__292efa73";
 const styles = {
   paginationNavigationExtended
 };

package/components/Pagination/components/PaginationPageButton.js

@@ -1,20 +1,22 @@
 import { jsx } from "react/jsx-runtime";
-import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import React__default, { useContext } from "react";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
 import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { ButtonBase } from "../../Button/ButtonBase.js";
-const paginationPageButton = "paginationPageButton__1b6e155f";
-const currentPage = "currentPage__ccd82006";
+import { MasterTableContext } from "../../Table/MasterTableContext.js";
+const paginationPageButton = "paginationPageButton__0e25b4a1";
+const currentPage = "currentPage__349ba846";
 const styles = {
   paginationPageButton,
   currentPage
 };
 const PaginationPageButton = React__default.forwardRef(
-  ({ isCurrent = false, children, className, ...rest }, ref) => {
+  ({ isCurrent = false, children, className, disabled, ...rest }, ref) => {
+    const { loading } = useContext(MasterTableContext);
     return /* @__PURE__ */ jsx(
       ButtonBase,
       {
@@ -27,6 +29,7 @@ const PaginationPageButton = React__default.forwardRef(
         ),
         "aria-live": isCurrent ? "polite" : void 0,
         ...rest,
+        disabled: loading || disabled,
         ref,
         children: /* @__PURE__ */ jsx(Text, { size: ETextSize.B3, children })
       }

package/components/Pagination/components/PaginationPageButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationPageButton.js","sources":["../../../../src/components/Pagination/components/PaginationPageButton.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { Text, ETextSize } from \"../../Typography\";\nimport { ButtonBase } from \"../../Button/ButtonBase\";\nimport styles from \"../styles/PaginationPageButton.module.less\";\n\n/** Свойства компонента PaginationPageButton. */\ntype TPaginationPageButtonProps = {\n    /** Является ли страница текущей (активной). */\n    isCurrent?: boolean;\n    /** Дополнительный CSS-класс. */\n    className?: string;\n    /** Номер страницы. */\n    children: React.ReactNode;\n    /** Обработчик клика по странице. */\n    onClick: () => void;\n};\n\n/** Кнопка-страница пагинации. */\nexport const PaginationPageButton = React.forwardRef<HTMLButtonElement, TPaginationPageButtonProps>(\n    ({ isCurrent = false, children, className, ...rest }, ref) => {\n        return (\n            <ButtonBase\n                className={clsx(\n                    styles.paginationPageButton,\n                    {\n                        [styles.currentPage]: isCurrent,\n                    },\n                    className,\n                )}\n                aria-live={isCurrent ? \"polite\" : undefined}\n                {...rest}\n                ref={ref}\n            >\n                <Text size={ETextSize.B3}>{children}</Text>\n            </ButtonBase>\n        );\n    },\n);\n\nPaginationPageButton.displayName = \"PaginationPageButton\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAmBO,MAAM,uBAAuBA,eAAM;AAAA,EACtC,CAAC,EAAE,YAAY,OAAO,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AAC1D,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP,OAAO;AAAA,UACP;AAAA,YACI,CAAC,OAAO,WAAW,GAAG;AAAA,UAAA;AAAA,UAE1B;AAAA,QAAA;AAAA,QAEJ,aAAW,YAAY,WAAW;AAAA,QACjC,GAAG;AAAA,QACJ;AAAA,QAEA,UAAA,oBAAC,MAAA,EAAK,MAAM,UAAU,IAAK,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhD;AACJ;AAEA,qBAAqB,cAAc;"}
+{"version":3,"file":"PaginationPageButton.js","sources":["../../../../src/components/Pagination/components/PaginationPageButton.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { Text, ETextSize } from \"../../Typography\";\nimport { ButtonBase } from \"../../Button/ButtonBase\";\nimport { MasterTableContext } from \"@sberbusiness/triplex-next/components/Table/MasterTableContext\";\nimport styles from \"../styles/PaginationPageButton.module.less\";\n\n/** Свойства компонента PaginationPageButton. */\nexport interface IPaginationPageButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\"> {\n    /** Является ли страница текущей (активной). */\n    isCurrent?: boolean;\n    /** Номер страницы. */\n    children: React.ReactNode;\n    /** Обработчик клика по странице. */\n    onClick: () => void;\n}\n\n/** Кнопка-страница пагинации. */\nexport const PaginationPageButton = React.forwardRef<HTMLButtonElement, IPaginationPageButtonProps>(\n    ({ isCurrent = false, children, className, disabled, ...rest }, ref) => {\n        const { loading } = useContext(MasterTableContext);\n\n        return (\n            <ButtonBase\n                className={clsx(\n                    styles.paginationPageButton,\n                    {\n                        [styles.currentPage]: isCurrent,\n                    },\n                    className,\n                )}\n                aria-live={isCurrent ? \"polite\" : undefined}\n                {...rest}\n                disabled={loading || disabled}\n                ref={ref}\n            >\n                <Text size={ETextSize.B3}>{children}</Text>\n            </ButtonBase>\n        );\n    },\n);\n\nPaginationPageButton.displayName = \"PaginationPageButton\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;AAkBO,MAAM,uBAAuBA,eAAM;AAAA,EACtC,CAAC,EAAE,YAAY,OAAO,UAAU,WAAW,UAAU,GAAG,KAAA,GAAQ,QAAQ;AACpE,UAAM,EAAE,QAAA,IAAY,WAAW,kBAAkB;AAEjD,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP,OAAO;AAAA,UACP;AAAA,YACI,CAAC,OAAO,WAAW,GAAG;AAAA,UAAA;AAAA,UAE1B;AAAA,QAAA;AAAA,QAEJ,aAAW,YAAY,WAAW;AAAA,QACjC,GAAG;AAAA,QACJ,UAAU,WAAW;AAAA,QACrB;AAAA,QAEA,UAAA,oBAAC,MAAA,EAAK,MAAM,UAAU,IAAK,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhD;AACJ;AAEA,qBAAqB,cAAc;"}

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
 import React__default from "react";
 import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-const paginationPageEllipsis = "paginationPageEllipsis__e9962f5a";
+const paginationPageEllipsis = "paginationPageEllipsis__5724e9dd";
 const styles = {
   paginationPageEllipsis
 };

package/components/Pagination/components/PaginationSelect.js

@@ -1,22 +1,25 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React__default, { useState } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import React__default, { useState, useContext } from "react";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
 import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { SelectField } from "../../SelectField/SelectField.js";
+import { EFormFieldStatus } from "../../FormField/enums.js";
+import { MasterTableContext } from "../../Table/MasterTableContext.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-const paginationSelect = "paginationSelect__c02cdd7c";
-const paginationSelectControl = "paginationSelectControl__904c68d3";
+const paginationSelect = "paginationSelect__c8828b03";
+const paginationSelectControl = "paginationSelectControl__598a3ac0";
 const styles = {
   paginationSelect,
   paginationSelectControl
 };
 const PaginationSelect = React__default.forwardRef(
-  ({ paginationLabel, className, options, value, onChange }, ref) => {
+  ({ paginationLabel, className, options, value, onChange, status }, ref) => {
     const [instanceId] = useState(() => `Pagination-${uniqueId()}`);
+    const { loading } = useContext(MasterTableContext);
     return /* @__PURE__ */ jsxs("div", { className: clsx(styles.paginationSelect, className), ref, children: [
       /* @__PURE__ */ jsx(Text, { size: ETextSize.B3, id: instanceId, children: paginationLabel }),
       /* @__PURE__ */ jsx("div", { className: styles.paginationSelectControl, children: /* @__PURE__ */ jsx(
@@ -27,6 +30,7 @@ const PaginationSelect = React__default.forwardRef(
           mobileTitle: paginationLabel,
           options,
           onChange,
+          status: loading ? EFormFieldStatus.DISABLED : status,
           targetProps: {
             fieldLabel: ""
           },

package/components/Pagination/components/PaginationSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationSelect.js","sources":["../../../../src/components/Pagination/components/PaginationSelect.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/PaginationSelect.module.less\";\nimport { ETextSize, Text } from \"../../Typography\";\nimport { SelectField, ISelectFieldProps } from \"../../SelectField\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\n/** Свойства компонента PaginationSelect. */\nexport interface IPaginationSelectProps\n    extends Omit<ISelectFieldProps, \"size\" | \"value\">, Required<Pick<ISelectFieldProps, \"value\">> {\n    /** Текст лейбла пагинации. */\n    paginationLabel: React.ReactNode;\n}\n\n/** Выбор количества элементов на странице. */\nexport const PaginationSelect = React.forwardRef<HTMLDivElement, IPaginationSelectProps>(\n    ({ paginationLabel, className, options, value, onChange }, ref) => {\n        const [instanceId] = useState(() => `Pagination-${uniqueId()}`);\n\n        return (\n            <div className={clsx(styles.paginationSelect, className)} ref={ref}>\n                <Text size={ETextSize.B3} id={instanceId}>\n                    {paginationLabel}\n                </Text>\n                <div className={styles.paginationSelectControl}>\n                    <SelectField\n                        size={EComponentSize.SM}\n                        value={value}\n                        mobileTitle={paginationLabel}\n                        options={options}\n                        onChange={onChange}\n                        targetProps={{\n                            fieldLabel: \"\",\n                        }}\n                        aria-labelledby={instanceId}\n                    />\n                </div>\n            </div>\n        );\n    },\n);\n\nPaginationSelect.displayName = \"PaginationSelect\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;AAgBO,MAAM,mBAAmBA,eAAM;AAAA,EAClC,CAAC,EAAE,iBAAiB,WAAW,SAAS,OAAO,SAAA,GAAY,QAAQ;AAC/D,UAAM,CAAC,UAAU,IAAI,SAAS,MAAM,cAAc,SAAA,CAAU,EAAE;AAE9D,WACI,qBAAC,SAAI,WAAW,KAAK,OAAO,kBAAkB,SAAS,GAAG,KACtD,UAAA;AAAA,MAAA,oBAAC,QAAK,MAAM,UAAU,IAAI,IAAI,YACzB,UAAA,iBACL;AAAA,MACA,oBAAC,OAAA,EAAI,WAAW,OAAO,yBACnB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,eAAe;AAAA,UACrB;AAAA,UACA,aAAa;AAAA,UACb;AAAA,UACA;AAAA,UACA,aAAa;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,UAEhB,mBAAiB;AAAA,QAAA;AAAA,MAAA,EACrB,CACJ;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AAEA,iBAAiB,cAAc;"}
+{"version":3,"file":"PaginationSelect.js","sources":["../../../../src/components/Pagination/components/PaginationSelect.tsx"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/PaginationSelect.module.less\";\nimport { ETextSize, Text } from \"../../Typography\";\nimport { SelectField, ISelectFieldProps } from \"../../SelectField\";\nimport { EFormFieldStatus } from \"../../FormField/enums\";\nimport { MasterTableContext } from \"@sberbusiness/triplex-next/components/Table/MasterTableContext\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\n/** Свойства компонента PaginationSelect. */\nexport interface IPaginationSelectProps\n    extends Omit<ISelectFieldProps, \"size\" | \"value\">, Required<Pick<ISelectFieldProps, \"value\">> {\n    /** Текст лейбла пагинации. */\n    paginationLabel: React.ReactNode;\n}\n\n/** Выбор количества элементов на странице. */\nexport const PaginationSelect = React.forwardRef<HTMLDivElement, IPaginationSelectProps>(\n    ({ paginationLabel, className, options, value, onChange, status }, ref) => {\n        const [instanceId] = useState(() => `Pagination-${uniqueId()}`);\n        const { loading } = useContext(MasterTableContext);\n\n        return (\n            <div className={clsx(styles.paginationSelect, className)} ref={ref}>\n                <Text size={ETextSize.B3} id={instanceId}>\n                    {paginationLabel}\n                </Text>\n                <div className={styles.paginationSelectControl}>\n                    <SelectField\n                        size={EComponentSize.SM}\n                        value={value}\n                        mobileTitle={paginationLabel}\n                        options={options}\n                        onChange={onChange}\n                        status={loading ? EFormFieldStatus.DISABLED : status}\n                        targetProps={{\n                            fieldLabel: \"\",\n                        }}\n                        aria-labelledby={instanceId}\n                    />\n                </div>\n            </div>\n        );\n    },\n);\n\nPaginationSelect.displayName = \"PaginationSelect\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;AAkBO,MAAM,mBAAmBA,eAAM;AAAA,EAClC,CAAC,EAAE,iBAAiB,WAAW,SAAS,OAAO,UAAU,OAAA,GAAU,QAAQ;AACvE,UAAM,CAAC,UAAU,IAAI,SAAS,MAAM,cAAc,SAAA,CAAU,EAAE;AAC9D,UAAM,EAAE,QAAA,IAAY,WAAW,kBAAkB;AAEjD,WACI,qBAAC,SAAI,WAAW,KAAK,OAAO,kBAAkB,SAAS,GAAG,KACtD,UAAA;AAAA,MAAA,oBAAC,QAAK,MAAM,UAAU,IAAI,IAAI,YACzB,UAAA,iBACL;AAAA,MACA,oBAAC,OAAA,EAAI,WAAW,OAAO,yBACnB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,eAAe;AAAA,UACrB;AAAA,UACA,aAAa;AAAA,UACb;AAAA,UACA;AAAA,UACA,QAAQ,UAAU,iBAAiB,WAAW;AAAA,UAC9C,aAAa;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,UAEhB,mBAAiB;AAAA,QAAA;AAAA,MAAA,EACrB,CACJ;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AAEA,iBAAiB,cAAc;"}

package/components/Pagination/utils.js

@@ -1,4 +1,4 @@
-import { k as range } from "../../chunks/vendor-CtuAQuEN.js";
+import { k as range } from "../../chunks/vendor-DfvHt3TJ.js";
 const PAGINATION_ELLIPSIS_VALUE = -1;
 const PaginationUtils = {
   /** Создание массива чисел в заданном диапазоне (включительно) с заданным шагом. Возвращает пустой массив, если from > to. */

package/components/Radio/Radio.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
 import { ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
@@ -8,14 +8,14 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const label = "label__358af3e2";
-const sm = "sm__384b5236";
-const nonempty = "nonempty__769d6275";
-const md = "md__7add684a";
-const lg = "lg__d96d9a34";
-const disabled = "disabled__60f6b36a";
-const radio = "radio__eb878eaf";
-const radioIcon = "radioIcon__a14dee5d";
+const label = "label__3eb2c567";
+const sm = "sm__e9c5a7be";
+const nonempty = "nonempty__6df4da2e";
+const md = "md__34dc2e3c";
+const lg = "lg__8ab2e55c";
+const disabled = "disabled__bdb2f3ab";
+const radio = "radio__6b185658";
+const radioIcon = "radioIcon__e33f91c7";
 const styles = {
   label,
   sm,
@@ -41,7 +41,7 @@ const Radio = React__default.forwardRef((props, ref) => {
     { [styles.disabled]: !!disabled2, [styles.nonempty]: !!children },
     labelAttributes == null ? void 0 : labelAttributes.className
   );
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "1.41.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "1.42.0", children: [
     /* @__PURE__ */ jsx("input", { type: "radio", className: classNames, disabled: disabled2, ...inputAttributes, ref }),
     /* @__PURE__ */ jsx("span", { className: styles.radioIcon }),
     children && /* @__PURE__ */ jsx(Text, { size: sizeToTextSizeMap[size], tag: "div", children })

package/components/Radio/RadioXGroup.js

@@ -1,16 +1,16 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-const radioXGroup = "radioXGroup__1726c554";
-const label = "label__358af3e2";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+const radioXGroup = "radioXGroup__e5e012a7";
+const label = "label__3eb2c567";
 const styles = {
   radioXGroup,
-  "indent-12": "indent-12__63c6c24a",
+  "indent-12": "indent-12__53d031a5",
   label,
-  "indent-16": "indent-16__a8e18529",
-  "indent-20": "indent-20__3622c74b",
-  "indent-24": "indent-24__73bc5382",
-  "indent-28": "indent-28__8199b673",
-  "indent-32": "indent-32__07013956"
+  "indent-16": "indent-16__ab5924f2",
+  "indent-20": "indent-20__92fda71a",
+  "indent-24": "indent-24__b7eb9ace",
+  "indent-28": "indent-28__f812585d",
+  "indent-32": "indent-32__2a6e1438"
 };
 const RadioXGroup = (props) => {
   const { children, className, indent = 12, ...rest } = props;

package/components/Radio/RadioYGroup.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-const radioYGroup = "radioYGroup__2b7965df";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+const radioYGroup = "radioYGroup__9dada8fd";
 const styles = {
   radioYGroup
 };