@sberbusiness/triplex-next 0.38.0 → 0.39.0

package/components/Notification/components/NotificationClose.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationClose.js","sources":["../../../../src/components/Notification/components/NotificationClose.tsx"],"sourcesContent":["import { CrossStrokeSrvIcon16 } from \"@sberbusiness/icons-next\";\nimport { ButtonIcon, IButtonIconProps } from \"@sberbusiness/triplex-next/components/Button\";\nimport React from \"react\";\nimport styles from \"../styles/Notification.module.less\";\n\n/** Свойства компонента кнопки закрытия нотификации. */\nexport interface INotificationCloseProps extends Omit<IButtonIconProps, \"children\"> {\n    /** Обработчик закрытия нотификации. */\n    onClick: () => void;\n    /** Дочерний элемент. */\n    children?: never;\n}\n\n/**\n * Компонент кнопки закрытия нотификации.\n */\nexport const NotificationClose: React.FC<INotificationCloseProps> = ({ onClick, ...buttonProps }) => (\n    <span className={styles.notificationClose}>\n        <ButtonIcon {...buttonProps} onClick={onClick}>\n            <CrossStrokeSrvIcon16 paletteIndex={5} />\n        </ButtonIcon>\n    </span>\n);\n\nNotificationClose.displayName = \"NotificationClose\";\n"],"names":[],"mappings":";;;;;;;;AAgBO,MAAM,oBAAuD,CAAC,EAAE,SAAS,GAAG,YAAA,MAC/E,oBAAC,QAAA,EAAK,WAAW,OAAO,mBACpB,UAAA,oBAAC,YAAA,EAAY,GAAG,aAAa,SACzB,8BAAC,sBAAA,EAAqB,cAAc,EAAA,CAAG,EAAA,CAC3C,EAAA,CACJ;AAGJ,kBAAkB,cAAc;"}
+{"version":3,"file":"NotificationClose.js","sources":["../../../../src/components/Notification/components/NotificationClose.tsx"],"sourcesContent":["import { CrossStrokeSrvIcon16 } from \"@sberbusiness/icons-next\";\nimport { ButtonIcon, IButtonIconProps } from \"@sberbusiness/triplex-next/components/Button\";\nimport React from \"react\";\nimport styles from \"../styles/Notification.module.less\";\n\n/** Свойства компонента кнопки закрытия нотификации. */\nexport interface INotificationCloseProps extends Omit<IButtonIconProps, \"children\"> {\n    /** Обработчик закрытия нотификации. */\n    onClick: () => void;\n    /** Дочерний элемент. */\n    children?: never;\n}\n\n/**\n * Компонент кнопки закрытия нотификации.\n */\nexport const NotificationClose: React.FC<INotificationCloseProps> = ({ onClick, ...buttonProps }) => (\n    <span className={styles.notificationClose}>\n        <ButtonIcon {...buttonProps} onClick={onClick}>\n            <CrossStrokeSrvIcon16 paletteIndex={5} />\n        </ButtonIcon>\n    </span>\n);\n\nNotificationClose.displayName = \"NotificationClose\";\n"],"names":[],"mappings":";;;;;;;AAgBO,MAAM,oBAAuD,CAAC,EAAE,SAAS,GAAG,YAAA,MAC/E,oBAAC,QAAA,EAAK,WAAW,OAAO,mBACpB,UAAA,oBAAC,YAAA,EAAY,GAAG,aAAa,SACzB,8BAAC,sBAAA,EAAqB,cAAc,EAAA,CAAG,EAAA,CAC3C,EAAA,CACJ;AAGJ,kBAAkB,cAAc;"}

package/components/Notification/components/NotificationFooter.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/Notification.module-DXDtOWrl.js";
+import { s as styles } from "../../../chunks/Notification.module-yXlyaoAB.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-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/Notification.module-DXDtOWrl.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { s as styles } from "../../../chunks/Notification.module-yXlyaoAB.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-DXDtOWrl.js";
+import { s as styles } from "../../../chunks/Notification.module-yXlyaoAB.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-DXDtOWrl.js";
+import { s as styles } from "../../../chunks/Notification.module-yXlyaoAB.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-DXDtOWrl.js";
+import { s as styles } from "../../../chunks/Notification.module-yXlyaoAB.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 from "react";
-import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
 import { OrderedListItem } from "./OrderedListItem.js";
-const orderedList = "orderedList__c512c5e9";
+const orderedList = "orderedList__8af0211d";
 const styles = {
   orderedList
 };
@@ -17,7 +17,7 @@ const OrderedList = Object.assign(
         ["--start-index-tx"]: start - 1
       } : style,
       ...restProps,
-      "data-tx": "0.38.0",
+      "data-tx": "0.39.0",
       ref
     }
   )),

package/components/OrderedList/OrderedListItem.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.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__16634910";
+const orderedListItem = "orderedListItem__ff34b689";
 const styles = {
   orderedListItem
 };
@@ -18,7 +18,7 @@ const OrderedListItem = React.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "0.38.0",
+      "data-tx": "0.39.0",
       ref
     }
   )

package/components/Overlay/Overlay.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
 import { OverlayBase } from "./OverlayBase.js";
 import { OverlayMask } from "./OverlayMask.js";
 import { OverlayPanel } from "./OverlayPanel.js";
-import { s as styles } from "../../chunks/Overlay.module-D_FjIWyF.js";
+import { s as styles } from "../../chunks/Overlay.module-gnmqM0Mg.js";
 const Overlay = Object.assign(
   React.forwardRef(
     ({

package/components/Overlay/OverlayMask.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../chunks/Overlay.module-D_FjIWyF.js";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { s as styles } from "../../chunks/Overlay.module-gnmqM0Mg.js";
 const OverlayMask = React.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 from "react";
-import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
 import { EOverlayDirection } from "./OverlayBase.js";
-import { s as styles } from "../../chunks/Overlay.module-D_FjIWyF.js";
+import { s as styles } from "../../chunks/Overlay.module-gnmqM0Mg.js";
 const OverlayPanel = React.forwardRef(
   ({
     children,

package/components/Page/Page.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.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-Bq8dB1IT.js";
+import { s as styles } from "../../chunks/Page.module-CyuFcFEq.js";
 import "./components/enums.js";
 const Page = Object.assign(
   React.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 from "react";
 import { Body } from "../../Body/Body.js";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
 import { EBodyPageVerticalMargin, EBodyPageType } from "./enums.js";
 import { Island } from "../../Island/Island.js";
 import { EIslandType } from "../../Island/enums.js";
-const bodyPage = "bodyPage__2efca950";
-const verticalMargin24 = "verticalMargin24__5ad5e8f7";
-const verticalMargin16 = "verticalMargin16__22a97777";
+const bodyPage = "bodyPage__b5fed48d";
+const verticalMargin24 = "verticalMargin24__2d8ad7e5";
+const verticalMargin16 = "verticalMargin16__2630c301";
 const styles = {
   bodyPage,
   verticalMargin24,

package/components/Page/components/FooterPage.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.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-Bq8dB1IT.js";
+import { s as styles } from "../../../chunks/Page.module-CyuFcFEq.js";
 const FooterPage = Object.assign(
   React.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, { useRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.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-Bq8dB1IT.js";
+import { s as styles } from "../../../chunks/Page.module-CyuFcFEq.js";
 const HeaderPage = Object.assign(
   React.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-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
 import React from "react";
-const paginationExtended = "paginationExtended__efa47b1d";
+const paginationExtended = "paginationExtended__8f031cbc";
 const styles = {
   paginationExtended
 };
@@ -11,7 +11,7 @@ const PaginationExtended = React.forwardRef(
       "nav",
       {
         className: clsx(styles.paginationExtended, className),
-        "data-tx": "0.38.0",
+        "data-tx": "0.39.0",
         ...rest,
         ref,
         children

package/components/Pagination/components/PaginationNavigationButton.js

@@ -4,8 +4,8 @@ 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__060d3b3a";
-const directionIconNext = "directionIconNext__d427c19a";
+const paginationNavigationButton = "paginationNavigationButton__0a695184";
+const directionIconNext = "directionIconNext__f36fad86";
 const styles = {
   paginationNavigationButton,
   directionIconNext

package/components/Pagination/components/PaginationNavigationExtended.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const paginationNavigationExtended = "paginationNavigationExtended__e4c2b379";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+const paginationNavigationExtended = "paginationNavigationExtended__16ac2a0a";
 const styles = {
   paginationNavigationExtended
 };

package/components/Pagination/components/PaginationPageButton.js

@@ -1,18 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.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 "../../Button/Button.js";
 import { ButtonBase } from "../../Button/ButtonBase.js";
-import "../../Button/ButtonIcon.js";
-import "../../Button/ButtonDropdown.js";
-import "../../Button/ButtonDropdownExtended.js";
-const paginationPageButton = "paginationPageButton__8a1bb402";
-const currentPage = "currentPage__6702335e";
+const paginationPageButton = "paginationPageButton__710d9edf";
+const currentPage = "currentPage__799ec605";
 const styles = {
   paginationPageButton,
   currentPage

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\";\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":[],"mappings":";;;;;;;;;;;;;;;;;;;AAmBO,MAAM,uBAAuB,MAAM;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 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":[],"mappings":";;;;;;;;;;;;;;;AAmBO,MAAM,uBAAuB,MAAM;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;"}

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
 import React 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__2f133f42";
+const paginationPageEllipsis = "paginationPageEllipsis__bd9fdfda";
 const styles = {
   paginationPageEllipsis
 };

package/components/Pagination/components/PaginationSelect.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useState } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
 import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
@@ -8,8 +8,8 @@ import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { SelectField } from "../../SelectField/SelectField.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-const paginationSelect = "paginationSelect__b105f167";
-const paginationSelectControl = "paginationSelectControl__3c045fbc";
+const paginationSelect = "paginationSelect__bc6a5053";
+const paginationSelectControl = "paginationSelectControl__936feffe";
 const styles = {
   paginationSelect,
   paginationSelectControl

package/components/Pagination/utils/paginationUtils.js

@@ -1,4 +1,4 @@
-import { j as range } from "../../../chunks/vendor-BtZO8a0z.js";
+import { j as range } from "../../../chunks/vendor-DKrjZZwJ.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 from "react";
-import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.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__5ccf3dac";
-const sm = "sm__65122ef9";
-const nonempty = "nonempty__5d071fe7";
-const md = "md__9d157777";
-const lg = "lg__74812f35";
-const disabled = "disabled__0b5ae179";
-const radio = "radio__c112dca4";
-const radioIcon = "radioIcon__3820f4bd";
+const label = "label__516f13ca";
+const sm = "sm__91456084";
+const nonempty = "nonempty__8d1dc91a";
+const md = "md__bb5911cc";
+const lg = "lg__f21ffa90";
+const disabled = "disabled__80b1cd2d";
+const radio = "radio__a7ca02e8";
+const radioIcon = "radioIcon__d6b7cbf5";
 const styles = {
   label,
   sm,
@@ -41,7 +41,7 @@ const Radio = React.forwardRef((props, ref) => {
     { [styles.disabled]: !!disabled2, [styles.nonempty]: !!children },
     labelAttributes == null ? void 0 : labelAttributes.className
   );
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "0.38.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "0.39.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-BtZO8a0z.js";
-const radioXGroup = "radioXGroup__ce6bbb70";
-const label = "label__5ccf3dac";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+const radioXGroup = "radioXGroup__d020275d";
+const label = "label__516f13ca";
 const styles = {
   radioXGroup,
-  "indent-12": "indent-12__ae424fb6",
+  "indent-12": "indent-12__f5c19986",
   label,
-  "indent-16": "indent-16__17938d28",
-  "indent-20": "indent-20__c57c5df9",
-  "indent-24": "indent-24__c65e1cdf",
-  "indent-28": "indent-28__73b95445",
-  "indent-32": "indent-32__db469acd"
+  "indent-16": "indent-16__ad763a9f",
+  "indent-20": "indent-20__2f6f4f83",
+  "indent-24": "indent-24__bc4932d9",
+  "indent-28": "indent-28__4785e1a2",
+  "indent-32": "indent-32__9e799a53"
 };
 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-BtZO8a0z.js";
-const radioYGroup = "radioYGroup__94948c33";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+const radioYGroup = "radioYGroup__cd23dfc9";
 const styles = {
   radioYGroup
 };

package/components/Row/Row.js

@@ -1,11 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import React from "react";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { RowContext } from "./RowContext.js";
-const row = "row__0d7b735d";
-const noPaddingBottom = "noPaddingBottom__4464b921";
-const SM = "SM__de866c04";
-const MD = "MD__8e6dd868";
+const row = "row__84d3e14e";
+const noPaddingBottom = "noPaddingBottom__e350835b";
+const SM = "SM__63ac0637";
+const MD = "MD__f34b5958";
 const styles = {
   row,
   noPaddingBottom,
@@ -16,18 +17,25 @@ const GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP = {
   [EComponentSize.SM]: styles.SM,
   [EComponentSize.MD]: styles.MD
 };
-const Row = ({
-  children,
-  className,
-  gridHorizontalGap = EComponentSize.SM,
-  paddingBottom = true,
-  ...htmlDivAttributes
-}) => {
-  const cn = clsx(className, styles.row, GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP[gridHorizontalGap], {
-    [styles.noPaddingBottom]: !paddingBottom
-  });
-  return /* @__PURE__ */ jsx(RowContext.Provider, { value: { gridHorizontalGap }, children: /* @__PURE__ */ jsx("div", { className: cn, ...htmlDivAttributes, children }) });
-};
+const Row = React.forwardRef(
+  ({ children, className, gridHorizontalGap = EComponentSize.SM, paddingBottom = true, ...htmlDivAttributes }, ref) => {
+    const contextValue = React.useMemo(() => ({ gridHorizontalGap }), [gridHorizontalGap]);
+    return /* @__PURE__ */ jsx(RowContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(
+          styles.row,
+          GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP[gridHorizontalGap],
+          { [styles.noPaddingBottom]: !paddingBottom },
+          className
+        ),
+        ...htmlDivAttributes,
+        ref,
+        children
+      }
+    ) });
+  }
+);
 Row.displayName = "Row";
 export {
   Row

package/components/Row/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sources":["../../../src/components/Row/Row.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Row.module.less\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { RowContext } from \"./RowContext\";\n\n/** Свойства компонента Row. */\nexport interface IRowProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Вертикальный нижний отступ. */\n    paddingBottom?: boolean;\n    /** Размер отступа между колонками. */\n    gridHorizontalGap?: EComponentSize.SM | EComponentSize.MD;\n}\n\nconst GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.SM,\n    [EComponentSize.MD]: styles.MD,\n};\n\n/**\n * Строка с нижним отступом, принимающая в children только колонки Col.\n */\nexport const Row: React.FC<IRowProps> = ({\n    children,\n    className,\n    gridHorizontalGap = EComponentSize.SM,\n    paddingBottom = true,\n    ...htmlDivAttributes\n}) => {\n    const cn = clsx(className, styles.row, GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP[gridHorizontalGap], {\n        [styles.noPaddingBottom]: !paddingBottom,\n    });\n\n    return (\n        <RowContext.Provider value={{ gridHorizontalGap }}>\n            <div className={cn} {...htmlDivAttributes}>\n                {children}\n            </div>\n        </RowContext.Provider>\n    );\n};\n\nRow.displayName = \"Row\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,wCAAwC;AAAA,EAC1C,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAKO,MAAM,MAA2B,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA,oBAAoB,eAAe;AAAA,EACnC,gBAAgB;AAAA,EAChB,GAAG;AACP,MAAM;AACF,QAAM,KAAK,KAAK,WAAW,OAAO,KAAK,sCAAsC,iBAAiB,GAAG;AAAA,IAC7F,CAAC,OAAO,eAAe,GAAG,CAAC;AAAA,EAAA,CAC9B;AAED,SACI,oBAAC,WAAW,UAAX,EAAoB,OAAO,EAAE,kBAAA,GAC1B,UAAA,oBAAC,SAAI,WAAW,IAAK,GAAG,mBACnB,UACL,GACJ;AAER;AAEA,IAAI,cAAc;"}
+{"version":3,"file":"Row.js","sources":["../../../src/components/Row/Row.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Row.module.less\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { RowContext } from \"./RowContext\";\n\n/** Свойства компонента Row. */\nexport interface IRowProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Колонки Col. */\n    children?: React.ReactNode;\n    /** Вертикальный нижний отступ. По умолчанию true. */\n    paddingBottom?: boolean;\n    /** Размер отступа между колонками. По умолчанию EComponentSize.SM. */\n    gridHorizontalGap?: EComponentSize.SM | EComponentSize.MD;\n}\n\nconst GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.SM,\n    [EComponentSize.MD]: styles.MD,\n};\n\n/**\n * Строка сетки с нижним отступом, предназначенная для использования с колонками Col в children.\n * Передаёт размер отступа между колонками в Col через RowContext.\n */\nexport const Row = React.forwardRef<HTMLDivElement, IRowProps>(\n    (\n        { children, className, gridHorizontalGap = EComponentSize.SM, paddingBottom = true, ...htmlDivAttributes },\n        ref,\n    ) => {\n        const contextValue = React.useMemo(() => ({ gridHorizontalGap }), [gridHorizontalGap]);\n\n        return (\n            <RowContext.Provider value={contextValue}>\n                <div\n                    className={clsx(\n                        styles.row,\n                        GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP[gridHorizontalGap],\n                        { [styles.noPaddingBottom]: !paddingBottom },\n                        className,\n                    )}\n                    {...htmlDivAttributes}\n                    ref={ref}\n                >\n                    {children}\n                </div>\n            </RowContext.Provider>\n        );\n    },\n);\n\nRow.displayName = \"Row\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAM,wCAAwC;AAAA,EAC1C,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAMO,MAAM,MAAM,MAAM;AAAA,EACrB,CACI,EAAE,UAAU,WAAW,oBAAoB,eAAe,IAAI,gBAAgB,MAAM,GAAG,kBAAA,GACvF,QACC;AACD,UAAM,eAAe,MAAM,QAAQ,OAAO,EAAE,sBAAsB,CAAC,iBAAiB,CAAC;AAErF,WACI,oBAAC,WAAW,UAAX,EAAoB,OAAO,cACxB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP,OAAO;AAAA,UACP,sCAAsC,iBAAiB;AAAA,UACvD,EAAE,CAAC,OAAO,eAAe,GAAG,CAAC,cAAA;AAAA,UAC7B;AAAA,QAAA;AAAA,QAEH,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER;AACJ;AAEA,IAAI,cAAc;"}

package/components/Row/RowContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowContext.js","sources":["../../../src/components/Row/RowContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\n\nexport interface IRowContext {\n    gridHorizontalGap: EComponentSize.SM | EComponentSize.MD;\n}\n\nexport const RowContext = React.createContext<IRowContext>({\n    gridHorizontalGap: EComponentSize.SM,\n});\n"],"names":[],"mappings":";;AAOO,MAAM,aAAa,MAAM,cAA2B;AAAA,EACvD,mBAAmB,eAAe;AACtC,CAAC;"}
+{"version":3,"file":"RowContext.js","sources":["../../../src/components/Row/RowContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\n\n/** Значение контекста Row. */\nexport interface IRowContext {\n    /** Размер отступа между колонками. */\n    gridHorizontalGap: EComponentSize.SM | EComponentSize.MD;\n}\n\n/** Контекст Row, передающий размер отступа между колонками в Col. Внутренний модуль, не экспортируется через barrel. */\nexport const RowContext = React.createContext<IRowContext>({\n    gridHorizontalGap: EComponentSize.SM,\n});\n"],"names":[],"mappings":";;AAUO,MAAM,aAAa,MAAM,cAA2B;AAAA,EACvD,mBAAmB,eAAe;AACtC,CAAC;"}

package/components/SMSField/SMSField.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.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-C2nI_EDz.js";
+import { s as styles } from "../../chunks/SMSField.module-By9uV96A.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": "0.38.0", children })
+      children: /* @__PURE__ */ jsx("div", { className: classSMSField, ...htmlDivAttributes, "data-tx": "0.39.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-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/SMSField.module-C2nI_EDz.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { s as styles } from "../../../chunks/SMSField.module-By9uV96A.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";

package/components/SMSField/components/SMSFieldInput.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
 import React, { useContext } from "react";
 import { EFormFieldStatus } from "../../FormField/enums.js";
 import "../../FormField/components/FormFieldClear.js";
@@ -15,7 +15,7 @@ import "../../FormField/components/FormFieldTextarea.js";
 import { FormField } from "../../FormField/FormField.js";
 import { FormGroup } from "../../FormGroup/FormGroup.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
-import { s as styles } from "../../../chunks/SMSField.module-C2nI_EDz.js";
+import { s as styles } from "../../../chunks/SMSField.module-By9uV96A.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 const regExp = new RegExp(/^[0-9]*$/);
 const SMSFieldInput = React.forwardRef(

package/components/SMSField/components/SMSFieldRefresh.js

@@ -1,15 +1,14 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
 import { forwardRef, useContext, useMemo } from "react";
 import "../../Button/Button.js";
-import "../../Button/ButtonBase.js";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
 import { EButtonIconShape } from "../../Button/enums.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { RefreshIcon } from "./RefreshIcon.js";
-import { s as styles } from "../../../chunks/SMSField.module-C2nI_EDz.js";
+import { s as styles } from "../../../chunks/SMSField.module-By9uV96A.js";
 const SMSFieldRefresh = forwardRef(
   ({ className, disabled, countdownTime, countdownTimeLeft, onClick, onRefresh, ...restProps }, ref) => {
     const { disabled: allDisabled, error, size, sizeClassName, tooltipId } = useContext(SMSFieldContext);

package/components/SMSField/components/SMSFieldRefresh.js.map

@@ -1 +1 @@
-{"version":3,"file":"SMSFieldRefresh.js","sources":["../../../../src/components/SMSField/components/SMSFieldRefresh.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useContext, useMemo } from \"react\";\nimport { EButtonIconShape } from \"@sberbusiness/triplex-next/components/Button\";\nimport { ButtonIcon } from \"@sberbusiness/triplex-next/components/Button/ButtonIcon\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport { RefreshIcon } from \"@sberbusiness/triplex-next/components/SMSField/components/RefreshIcon\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\n\n/** Свойства SMSField.Refresh. */\nexport interface ISMSFieldRefreshProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Число секунд обратного отсчета. */\n    countdownTime: number;\n    /** Число оставшихся секунд обратного отсчета. */\n    countdownTimeLeft: number;\n    /** Обработчик запроса кода. */\n    onRefresh: () => void;\n}\n\nexport const SMSFieldRefresh = forwardRef<HTMLButtonElement, ISMSFieldRefreshProps>(\n    ({ className, disabled, countdownTime, countdownTimeLeft, onClick, onRefresh, ...restProps }, ref) => {\n        const { disabled: allDisabled, error, size, sizeClassName, tooltipId } = useContext(SMSFieldContext);\n\n        const isSmsCountdownTicking = countdownTimeLeft > 0;\n        const refreshDisabled = (allDisabled && !error) || disabled || isSmsCountdownTicking;\n        const refreshClassName = clsx(styles.btnRefresh, sizeClassName, className, {\n            [styles.disabled]: refreshDisabled,\n        });\n\n        // Проценты выражаются в долях единицы.\n        const percent = useMemo(() => {\n            if (countdownTimeLeft >= countdownTime || allDisabled || disabled) {\n                return 0;\n            } else {\n                return (countdownTime - countdownTimeLeft) / countdownTime;\n            }\n        }, [countdownTime, countdownTimeLeft, allDisabled, disabled]);\n\n        /** Обработчик запроса sms-кода. */\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            onRefresh();\n            onClick?.(event);\n        };\n\n        return (\n            <ButtonIcon\n                aria-describedby={tooltipId}\n                className={refreshClassName}\n                disabled={refreshDisabled}\n                onClick={handleClick}\n                ref={ref}\n                shape={EButtonIconShape.SQUIRCLE}\n                {...restProps}\n            >\n                <RefreshIcon percent={percent || 0} size={size} disabled={Boolean(allDisabled || disabled)} />\n            </ButtonIcon>\n        );\n    },\n);\n\nSMSFieldRefresh.displayName = \"SMSFieldRefresh\";\n"],"names":[],"mappings":";;;;;;;;;;;;AAkBO,MAAM,kBAAkB;AAAA,EAC3B,CAAC,EAAE,WAAW,UAAU,eAAe,mBAAmB,SAAS,WAAW,GAAG,UAAA,GAAa,QAAQ;AAClG,UAAM,EAAE,UAAU,aAAa,OAAO,MAAM,eAAe,UAAA,IAAc,WAAW,eAAe;AAEnG,UAAM,wBAAwB,oBAAoB;AAClD,UAAM,kBAAmB,eAAe,CAAC,SAAU,YAAY;AAC/D,UAAM,mBAAmB,KAAK,OAAO,YAAY,eAAe,WAAW;AAAA,MACvE,CAAC,OAAO,QAAQ,GAAG;AAAA,IAAA,CACtB;AAGD,UAAM,UAAU,QAAQ,MAAM;AAC1B,UAAI,qBAAqB,iBAAiB,eAAe,UAAU;AAC/D,eAAO;AAAA,MACX,OAAO;AACH,gBAAQ,gBAAgB,qBAAqB;AAAA,MACjD;AAAA,IACJ,GAAG,CAAC,eAAe,mBAAmB,aAAa,QAAQ,CAAC;AAG5D,UAAM,cAAc,CAAC,UAA+C;AAChE,gBAAA;AACA,yCAAU;AAAA,IACd;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,oBAAkB;AAAA,QAClB,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,QACT;AAAA,QACA,OAAO,iBAAiB;AAAA,QACvB,GAAG;AAAA,QAEJ,UAAA,oBAAC,aAAA,EAAY,SAAS,WAAW,GAAG,MAAY,UAAU,QAAQ,eAAe,QAAQ,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGxG;AACJ;AAEA,gBAAgB,cAAc;"}
+{"version":3,"file":"SMSFieldRefresh.js","sources":["../../../../src/components/SMSField/components/SMSFieldRefresh.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useContext, useMemo } from \"react\";\nimport { EButtonIconShape } from \"@sberbusiness/triplex-next/components/Button\";\nimport { ButtonIcon } from \"@sberbusiness/triplex-next/components/Button/ButtonIcon\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport { RefreshIcon } from \"@sberbusiness/triplex-next/components/SMSField/components/RefreshIcon\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\n\n/** Свойства SMSField.Refresh. */\nexport interface ISMSFieldRefreshProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Число секунд обратного отсчета. */\n    countdownTime: number;\n    /** Число оставшихся секунд обратного отсчета. */\n    countdownTimeLeft: number;\n    /** Обработчик запроса кода. */\n    onRefresh: () => void;\n}\n\nexport const SMSFieldRefresh = forwardRef<HTMLButtonElement, ISMSFieldRefreshProps>(\n    ({ className, disabled, countdownTime, countdownTimeLeft, onClick, onRefresh, ...restProps }, ref) => {\n        const { disabled: allDisabled, error, size, sizeClassName, tooltipId } = useContext(SMSFieldContext);\n\n        const isSmsCountdownTicking = countdownTimeLeft > 0;\n        const refreshDisabled = (allDisabled && !error) || disabled || isSmsCountdownTicking;\n        const refreshClassName = clsx(styles.btnRefresh, sizeClassName, className, {\n            [styles.disabled]: refreshDisabled,\n        });\n\n        // Проценты выражаются в долях единицы.\n        const percent = useMemo(() => {\n            if (countdownTimeLeft >= countdownTime || allDisabled || disabled) {\n                return 0;\n            } else {\n                return (countdownTime - countdownTimeLeft) / countdownTime;\n            }\n        }, [countdownTime, countdownTimeLeft, allDisabled, disabled]);\n\n        /** Обработчик запроса sms-кода. */\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            onRefresh();\n            onClick?.(event);\n        };\n\n        return (\n            <ButtonIcon\n                aria-describedby={tooltipId}\n                className={refreshClassName}\n                disabled={refreshDisabled}\n                onClick={handleClick}\n                ref={ref}\n                shape={EButtonIconShape.SQUIRCLE}\n                {...restProps}\n            >\n                <RefreshIcon percent={percent || 0} size={size} disabled={Boolean(allDisabled || disabled)} />\n            </ButtonIcon>\n        );\n    },\n);\n\nSMSFieldRefresh.displayName = \"SMSFieldRefresh\";\n"],"names":[],"mappings":";;;;;;;;;;;AAkBO,MAAM,kBAAkB;AAAA,EAC3B,CAAC,EAAE,WAAW,UAAU,eAAe,mBAAmB,SAAS,WAAW,GAAG,UAAA,GAAa,QAAQ;AAClG,UAAM,EAAE,UAAU,aAAa,OAAO,MAAM,eAAe,UAAA,IAAc,WAAW,eAAe;AAEnG,UAAM,wBAAwB,oBAAoB;AAClD,UAAM,kBAAmB,eAAe,CAAC,SAAU,YAAY;AAC/D,UAAM,mBAAmB,KAAK,OAAO,YAAY,eAAe,WAAW;AAAA,MACvE,CAAC,OAAO,QAAQ,GAAG;AAAA,IAAA,CACtB;AAGD,UAAM,UAAU,QAAQ,MAAM;AAC1B,UAAI,qBAAqB,iBAAiB,eAAe,UAAU;AAC/D,eAAO;AAAA,MACX,OAAO;AACH,gBAAQ,gBAAgB,qBAAqB;AAAA,MACjD;AAAA,IACJ,GAAG,CAAC,eAAe,mBAAmB,aAAa,QAAQ,CAAC;AAG5D,UAAM,cAAc,CAAC,UAA+C;AAChE,gBAAA;AACA,yCAAU;AAAA,IACd;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,oBAAkB;AAAA,QAClB,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,QACT;AAAA,QACA,OAAO,iBAAiB;AAAA,QACvB,GAAG;AAAA,QAEJ,UAAA,oBAAC,aAAA,EAAY,SAAS,WAAW,GAAG,MAAY,UAAU,QAAQ,eAAe,QAAQ,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGxG;AACJ;AAEA,gBAAgB,cAAc;"}

package/components/SMSField/components/SMSFieldSubmit.js

@@ -1,15 +1,14 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
 import { useContext, useEffect } from "react";
 import "../../Button/Button.js";
-import "../../Button/ButtonBase.js";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
 import { EButtonIconShape } from "../../Button/enums.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { SubmitIcon } from "./SubmitIcon.js";
-import { s as styles } from "../../../chunks/SMSField.module-C2nI_EDz.js";
+import { s as styles } from "../../../chunks/SMSField.module-By9uV96A.js";
 const SMSFieldSubmit = ({ className, disabled, onClick, ...restProps }) => {
   const {
     code,