@sberbusiness/triplex-next 1.41.1 → 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-Diy7bSw7.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.1",
+        "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-Diy7bSw7.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-Diy7bSw7.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-Diy7bSw7.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-Diy7bSw7.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-Diy7bSw7.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-Diy7bSw7.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-Diy7bSw7.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-Diy7bSw7.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-Diy7bSw7.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__9f4843ce";
+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.1",
+      "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__b98e1fb7";
+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.1",
+      "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-Bc3D2mQ-.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-Bc3D2mQ-.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-Bc3D2mQ-.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-CqkiljCk.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__1a7d8271";
-const verticalMargin24 = "verticalMargin24__bf6bb603";
-const verticalMargin16 = "verticalMargin16__d02780e2";
+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-CqkiljCk.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/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-CqkiljCk.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/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__d2c9ae1f";
+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.1",
+        "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__79ed3f47";
-const directionIconNext = "directionIconNext__6cb6550d";
+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__cdd1b338";
+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__498af666";
-const currentPage = "currentPage__9f1f2b48";
+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__31d5fe40";
+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__795c091e";
-const paginationSelectControl = "paginationSelectControl__d1557d4e";
+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__38a4eed3";
-const sm = "sm__5063abe6";
-const nonempty = "nonempty__ac2e282a";
-const md = "md__0a7ff531";
-const lg = "lg__2aa69437";
-const disabled = "disabled__6a89bc82";
-const radio = "radio__ad19ee5f";
-const radioIcon = "radioIcon__a7d5dd94";
+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.1", 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__a0def91b";
-const label = "label__38a4eed3";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+const radioXGroup = "radioXGroup__e5e012a7";
+const label = "label__3eb2c567";
 const styles = {
   radioXGroup,
-  "indent-12": "indent-12__52d79fa9",
+  "indent-12": "indent-12__53d031a5",
   label,
-  "indent-16": "indent-16__b18f4b35",
-  "indent-20": "indent-20__82162466",
-  "indent-24": "indent-24__810848b2",
-  "indent-28": "indent-28__5cdfac66",
-  "indent-32": "indent-32__bde42827"
+  "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__e08a6bcd";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+const radioYGroup = "radioYGroup__9dada8fd";
 const styles = {
   radioYGroup
 };

package/components/Row/Row.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 { EComponentSize } from "../../enums/EComponentSize.js";
 import { RowContext } from "./RowContext.js";
-const row = "row__3814e46d";
-const noPaddingBottom = "noPaddingBottom__c66e1fa8";
-const SM = "SM__3198dfec";
-const MD = "MD__33c8599a";
+const row = "row__3f56b06d";
+const noPaddingBottom = "noPaddingBottom__fef2bd27";
+const SM = "SM__968606a8";
+const MD = "MD__3817fcd8";
 const styles = {
   row,
   noPaddingBottom,

package/components/SMSField/SMSField.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 { useState } from "react";
 import { SMSFieldContext } from "./SMSFieldContext.js";
 import { SMSFieldInput } from "./components/SMSFieldInput.js";
 import { SMSFieldRefresh } from "./components/SMSFieldRefresh.js";
 import { SMSFieldSubmit } from "./components/SMSFieldSubmit.js";
 import { SMSFieldTooltip } from "./components/SMSFieldTooltip.js";
-import { s as styles } from "../../chunks/SMSField.module-BY_XV_HG.js";
+import { s as styles } from "../../chunks/SMSField.module-CPLmEXPY.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const SMSField = (props) => {
@@ -30,7 +30,7 @@ const SMSField = (props) => {
         sizeClassName: sizeToClassNameMap[size],
         tooltipId
       },
-      children: /* @__PURE__ */ jsx("div", { className: classSMSField, ...htmlDivAttributes, "data-tx": "1.41.1", children })
+      children: /* @__PURE__ */ jsx("div", { className: classSMSField, ...htmlDivAttributes, "data-tx": "1.42.0", children })
     }
   );
 };

package/components/SMSField/components/RefreshIcon.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/SMSField.module-BY_XV_HG.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { s as styles } from "../../../chunks/SMSField.module-CPLmEXPY.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 const iconPath = "M2 10c0-4.42 3.58-8 8-8 2.52 0 4.77 1.16 6.24 3H13.5c-.56 0-1 .44-1 1 0 .55.44 1 1 1h5c.55 0 1-.45 1-1V1c0-.56-.45-1-1-1-.56 0-1 .44-1 1v2.38A10.02 10.02 0 0 0 10 0C4.47 0 0 4.47 0 10c0 5.52 4.47 10 10 10 5.52 0 10-4.48 10-10 0-.56-.45-1-1-1-.56 0-1 .44-1 1 0 4.41-3.59 8-8 8-4.42 0-8-3.59-8-8";
 const bigIconPath = "M27 16c0 .81-.09 1.61-.27 2.39a10.9 10.9 0 0 1-1.54 3.65c-.41.62-.88 1.2-1.42 1.73-.53.54-1.11 1.01-1.73 1.42a10.906 10.906 0 0 1-3.65 1.54c-.78.18-1.58.27-2.39.27q-1.23 0-2.4-.27a10.9 10.9 0 0 1-3.65-1.54c-.62-.41-1.2-.88-1.73-1.42-.54-.53-1.01-1.11-1.42-1.73a10.906 10.906 0 0 1-1.54-3.65C5.08 17.61 5 16.81 5 16c0-.82.08-1.62.26-2.4A10.9 10.9 0 0 1 6.8 9.95c.41-.62.88-1.2 1.42-1.73.53-.54 1.11-1.01 1.73-1.42a10.906 10.906 0 0 1 3.65-1.54C14.38 5.08 15.18 5 16 5a11.1 11.1 0 0 1 2.93.39c.44.12.86.27 1.27.44.47.19.93.42 1.37.68.39.23.75.47 1.1.74.4.31.78.64 1.14 1 .06.06.12.13.19.2V6c0-.57.44-1 1-1s1 .43 1 1v5c0 .66-.34 1-1 1h-5c-.56 0-1-.44-1-1 0-.57.44-1 1-1h2.7c-.1-.12-.21-.23-.31-.34-.3-.3-.61-.58-.95-.83-.28-.21-.57-.41-.88-.59a8.753 8.753 0 0 0-3-1.11C17.05 7.04 16.53 7 16 7c-.69 0-1.35.07-2 .22-.52.11-1.02.27-1.51.48-.5.21-.97.47-1.42.76a9 9 0 0 0-2.61 2.61c-.29.45-.55.92-.76 1.42-.21.49-.37.99-.48 1.51A8.8 8.8 0 0 0 7 16c0 .68.07 1.34.22 1.99.11.52.27 1.02.48 1.51.21.5.47.97.76 1.42q.51.78 1.17 1.44c.45.44.92.83 1.44 1.17.45.29.92.55 1.42.76.49.21.99.37 1.51.48a8.803 8.803 0 0 0 3.99 0c.52-.11 1.02-.27 1.51-.48.5-.21.97-.47 1.42-.76a9 9 0 0 0 2.61-2.61c.29-.45.55-.92.76-1.42.21-.49.37-.99.48-1.51.15-.65.23-1.31.23-1.99 0-.57.44-1 1-1s1 .43 1 1";