@sberbusiness/triplex-next 1.38.0 → 1.40.0

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-Bco_z_Yi.js";
+import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
 import { OrderedListItem } from "./OrderedListItem.js";
-const orderedList = "orderedList__7ecd13b0";
+const orderedList = "orderedList__53d3ddf8";
 const styles = {
   orderedList
 };
@@ -17,7 +17,7 @@ const OrderedList = Object.assign(
         ["--start-index-tx"]: start - 1
       } : style,
       ...restProps,
-      "data-tx": "1.38.0",
+      "data-tx": "1.40.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-Bco_z_Yi.js";
+import { c as clsx } from "../../chunks/vendor-CtuAQuEN.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__50cb44ec";
+const orderedListItem = "orderedListItem__d4631114";
 const styles = {
   orderedListItem
 };
@@ -18,7 +18,7 @@ const OrderedListItem = React__default.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "1.38.0",
+      "data-tx": "1.40.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-Bco_z_Yi.js";
+import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
 import { OverlayBase } from "./OverlayBase.js";
 import { OverlayMask } from "./OverlayMask.js";
 import { OverlayPanel } from "./OverlayPanel.js";
-import { s as styles } from "../../chunks/Overlay.module-BF-87L2z.js";
+import { s as styles } from "../../chunks/Overlay.module-CPNLKKsF.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-Bco_z_Yi.js";
-import { s as styles } from "../../chunks/Overlay.module-BF-87L2z.js";
+import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { s as styles } from "../../chunks/Overlay.module-CPNLKKsF.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-Bco_z_Yi.js";
+import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
 import { EOverlayDirection } from "./OverlayBase.js";
-import { s as styles } from "../../chunks/Overlay.module-BF-87L2z.js";
+import { s as styles } from "../../chunks/Overlay.module-CPNLKKsF.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-Bco_z_Yi.js";
+import { c as clsx } from "../../chunks/vendor-CtuAQuEN.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-C-q8yIcu.js";
+import { s as styles } from "../../chunks/Page.module-Dru0rPA5.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-Bco_z_Yi.js";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
 import { EBodyPageVerticalMargin, EBodyPageType } from "./enums.js";
 import { Island } from "../../Island/Island.js";
 import { EIslandType } from "../../Island/enums.js";
-const bodyPage = "bodyPage__206892de";
-const verticalMargin24 = "verticalMargin24__fa08d392";
-const verticalMargin16 = "verticalMargin16__804c1319";
+const bodyPage = "bodyPage__04b412a5";
+const verticalMargin24 = "verticalMargin24__79a0e89d";
+const verticalMargin16 = "verticalMargin16__bc80caab";
 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-Bco_z_Yi.js";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.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-C-q8yIcu.js";
+import { s as styles } from "../../../chunks/Page.module-Dru0rPA5.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-Bco_z_Yi.js";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.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-C-q8yIcu.js";
+import { s as styles } from "../../../chunks/Page.module-Dru0rPA5.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-Bco_z_Yi.js";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
 import React__default from "react";
-const paginationExtended = "paginationExtended__7df006ea";
+const paginationExtended = "paginationExtended__fc13db0b";
 const styles = {
   paginationExtended
 };
@@ -11,7 +11,7 @@ const PaginationExtended = React__default.forwardRef(
       "nav",
       {
         className: clsx(styles.paginationExtended, className),
-        "data-tx": "1.38.0",
+        "data-tx": "1.40.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__2483affa";
-const directionIconNext = "directionIconNext__cabc134f";
+const paginationNavigationButton = "paginationNavigationButton__980dd588";
+const directionIconNext = "directionIconNext__5e3a8be7";
 const styles = {
   paginationNavigationButton,
   directionIconNext

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-Bco_z_Yi.js";
-const paginationNavigationExtended = "paginationNavigationExtended__8b576bd0";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+const paginationNavigationExtended = "paginationNavigationExtended__34412f2d";
 const styles = {
   paginationNavigationExtended
 };

package/components/Pagination/components/PaginationPageButton.js

@@ -1,18 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.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__509dac3d";
-const currentPage = "currentPage__54e3b972";
+const paginationPageButton = "paginationPageButton__94693b1c";
+const currentPage = "currentPage__3e923a35";
 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":["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 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;"}

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.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__65e3bcbc";
+const paginationPageEllipsis = "paginationPageEllipsis__8cc50e45";
 const styles = {
   paginationPageEllipsis
 };

package/components/Pagination/components/PaginationSelect.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-CtuAQuEN.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__659742dc";
-const paginationSelectControl = "paginationSelectControl__a5c852c2";
+const paginationSelect = "paginationSelect__e64499ab";
+const paginationSelectControl = "paginationSelectControl__b807f1cc";
 const styles = {
   paginationSelect,
   paginationSelectControl

package/components/Pagination/utils/paginationUtils.js

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

package/components/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\n\n/** Свойства компонента Portal. */\nexport interface IPortalProps {\n    children: React.ReactNode;\n    container: Element | DocumentFragment;\n}\n\n/** Компонент портал, для рендера элемента во внешний DOM узел. */\nexport const Portal: React.FC<IPortalProps> = ({ children, container }) => ReactDOM.createPortal(children, container);\n"],"names":[],"mappings":";AAUO,MAAM,SAAiC,CAAC,EAAE,UAAU,gBAAgB,SAAS,aAAa,UAAU,SAAS;"}
+{"version":3,"file":"Portal.js","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\n\n/** Свойства компонента Portal. */\nexport interface IPortalProps {\n    /** Содержимое, рендерящееся в container. */\n    children: React.ReactNode;\n    /** DOM-узел, в который рендерится содержимое. */\n    container: Element | DocumentFragment;\n}\n\n/** Портал для рендера содержимого во внешний DOM-узел (обёртка над ReactDOM.createPortal). */\nexport const Portal: React.FC<IPortalProps> = ({ children, container }) => ReactDOM.createPortal(children, container);\n"],"names":[],"mappings":";AAYO,MAAM,SAAiC,CAAC,EAAE,UAAU,gBAAgB,SAAS,aAAa,UAAU,SAAS;"}

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-Bco_z_Yi.js";
+import { c as clsx } from "../../chunks/vendor-CtuAQuEN.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__fc60790d";
-const sm = "sm__6be49a5b";
-const nonempty = "nonempty__15ae0426";
-const md = "md__9e0d3adb";
-const lg = "lg__28a8e0de";
-const disabled = "disabled__375e1b4b";
-const radio = "radio__4dbe1c30";
-const radioIcon = "radioIcon__f2767c22";
+const label = "label__dc60e0bc";
+const sm = "sm__ad8d3aef";
+const nonempty = "nonempty__64391b1e";
+const md = "md__9372b24d";
+const lg = "lg__78194930";
+const disabled = "disabled__d5a83a1e";
+const radio = "radio__9393068d";
+const radioIcon = "radioIcon__c7496497";
 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.38.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "1.40.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-Bco_z_Yi.js";
-const radioXGroup = "radioXGroup__b35e2008";
-const label = "label__fc60790d";
+import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+const radioXGroup = "radioXGroup__40a33038";
+const label = "label__dc60e0bc";
 const styles = {
   radioXGroup,
-  "indent-12": "indent-12__2f1b1ab0",
+  "indent-12": "indent-12__4c116c71",
   label,
-  "indent-16": "indent-16__c589bfa1",
-  "indent-20": "indent-20__d961159e",
-  "indent-24": "indent-24__eef7f719",
-  "indent-28": "indent-28__b9772d7c",
-  "indent-32": "indent-32__8c3adec0"
+  "indent-16": "indent-16__a93bb034",
+  "indent-20": "indent-20__6cb479d5",
+  "indent-24": "indent-24__eb7e38bf",
+  "indent-28": "indent-28__92e166ad",
+  "indent-32": "indent-32__d0cf7c0d"
 };
 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-Bco_z_Yi.js";
-const radioYGroup = "radioYGroup__b6a70df1";
+import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+const radioYGroup = "radioYGroup__b11654e9";
 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-Bco_z_Yi.js";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { RowContext } from "./RowContext.js";
-const row = "row__436ab9bc";
-const noPaddingBottom = "noPaddingBottom__0436643a";
-const SM = "SM__c6396a1d";
-const MD = "MD__553ec082";
+const row = "row__ab57d541";
+const noPaddingBottom = "noPaddingBottom__47774950";
+const SM = "SM__6fbd07ba";
+const MD = "MD__05be8dd7";
 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__default.forwardRef(
+  ({ children, className, gridHorizontalGap = EComponentSize.SM, paddingBottom = true, ...htmlDivAttributes }, ref) => {
+    const contextValue = React__default.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":["React"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAM,wCAAwC;AAAA,EAC1C,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAMO,MAAM,MAAMA,eAAM;AAAA,EACrB,CACI,EAAE,UAAU,WAAW,oBAAoB,eAAe,IAAI,gBAAgB,MAAM,GAAG,kBAAA,GACvF,QACC;AACD,UAAM,eAAeA,eAAM,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":["React"],"mappings":";;AAOO,MAAM,aAAaA,eAAM,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":["React"],"mappings":";;AAUO,MAAM,aAAaA,eAAM,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-Bco_z_Yi.js";
+import { c as clsx } from "../../chunks/vendor-CtuAQuEN.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-B1m8ilx_.js";
+import { s as styles } from "../../chunks/SMSField.module-CjGkO6u6.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.38.0", children })
+      children: /* @__PURE__ */ jsx("div", { className: classSMSField, ...htmlDivAttributes, "data-tx": "1.40.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/SMSField.module-B1m8ilx_.js";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { s as styles } from "../../../chunks/SMSField.module-CjGkO6u6.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-Bco_z_Yi.js";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
 import React__default, { 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-B1m8ilx_.js";
+import { s as styles } from "../../../chunks/SMSField.module-CjGkO6u6.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 const regExp = new RegExp(/^[0-9]*$/);
 const SMSFieldInput = React__default.forwardRef(

package/components/SMSField/components/SMSFieldRefresh.js

@@ -1,15 +1,14 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.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-B1m8ilx_.js";
+import { s as styles } from "../../../chunks/SMSField.module-CjGkO6u6.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-Bco_z_Yi.js";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.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-B1m8ilx_.js";
+import { s as styles } from "../../../chunks/SMSField.module-CjGkO6u6.js";
 const SMSFieldSubmit = ({ className, disabled, onClick, ...restProps }) => {
   const {
     code,

package/components/SMSField/components/SMSFieldSubmit.js.map

@@ -1 +1 @@
-{"version":3,"file":"SMSFieldSubmit.js","sources":["../../../../src/components/SMSField/components/SMSFieldSubmit.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useEffect, useContext } 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 { SubmitIcon } from \"@sberbusiness/triplex-next/components/SMSField/components/SubmitIcon\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\n\n/** Свойства SMSField.Submit. */\nexport interface ISMSFieldSubmitProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport const SMSFieldSubmit: React.FC<ISMSFieldSubmitProps> = ({ className, disabled, onClick, ...restProps }) => {\n    const {\n        code,\n        disabled: allDisabled,\n        onSubmitCode,\n        setDisabledSubmit,\n        size,\n        sizeClassName,\n    } = useContext(SMSFieldContext);\n\n    const submitDisabled = allDisabled || disabled || code === \"\";\n    const submitClassName = clsx(styles.btnSubmit, { [styles.active]: !!code }, sizeClassName, className);\n\n    useEffect(() => {\n        setDisabledSubmit(submitDisabled);\n    }, [submitDisabled, setDisabledSubmit]);\n\n    /** Обработчик отправки sms-кода. */\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        onSubmitCode(code);\n        onClick?.(event);\n    };\n\n    return (\n        <ButtonIcon\n            active={!!code}\n            className={submitClassName}\n            disabled={submitDisabled}\n            onClick={handleClick}\n            shape={EButtonIconShape.CIRCLE}\n            {...restProps}\n        >\n            <SubmitIcon size={size} />\n        </ButtonIcon>\n    );\n};\n\nSMSFieldSubmit.displayName = \"SMSFieldSubmit\";\n"],"names":[],"mappings":";;;;;;;;;;;;AAWO,MAAM,iBAAiD,CAAC,EAAE,WAAW,UAAU,SAAS,GAAG,gBAAgB;AAC9G,QAAM;AAAA,IACF;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,WAAW,eAAe;AAE9B,QAAM,iBAAiB,eAAe,YAAY,SAAS;AAC3D,QAAM,kBAAkB,KAAK,OAAO,WAAW,EAAE,CAAC,OAAO,MAAM,GAAG,CAAC,CAAC,QAAQ,eAAe,SAAS;AAEpG,YAAU,MAAM;AACZ,sBAAkB,cAAc;AAAA,EACpC,GAAG,CAAC,gBAAgB,iBAAiB,CAAC;AAGtC,QAAM,cAAc,CAAC,UAA+C;AAChE,iBAAa,IAAI;AACjB,uCAAU;AAAA,EACd;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,CAAC,CAAC;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,SAAS;AAAA,MACT,OAAO,iBAAiB;AAAA,MACvB,GAAG;AAAA,MAEJ,UAAA,oBAAC,cAAW,KAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEA,eAAe,cAAc;"}
+{"version":3,"file":"SMSFieldSubmit.js","sources":["../../../../src/components/SMSField/components/SMSFieldSubmit.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useEffect, useContext } 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 { SubmitIcon } from \"@sberbusiness/triplex-next/components/SMSField/components/SubmitIcon\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\n\n/** Свойства SMSField.Submit. */\nexport interface ISMSFieldSubmitProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport const SMSFieldSubmit: React.FC<ISMSFieldSubmitProps> = ({ className, disabled, onClick, ...restProps }) => {\n    const {\n        code,\n        disabled: allDisabled,\n        onSubmitCode,\n        setDisabledSubmit,\n        size,\n        sizeClassName,\n    } = useContext(SMSFieldContext);\n\n    const submitDisabled = allDisabled || disabled || code === \"\";\n    const submitClassName = clsx(styles.btnSubmit, { [styles.active]: !!code }, sizeClassName, className);\n\n    useEffect(() => {\n        setDisabledSubmit(submitDisabled);\n    }, [submitDisabled, setDisabledSubmit]);\n\n    /** Обработчик отправки sms-кода. */\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        onSubmitCode(code);\n        onClick?.(event);\n    };\n\n    return (\n        <ButtonIcon\n            active={!!code}\n            className={submitClassName}\n            disabled={submitDisabled}\n            onClick={handleClick}\n            shape={EButtonIconShape.CIRCLE}\n            {...restProps}\n        >\n            <SubmitIcon size={size} />\n        </ButtonIcon>\n    );\n};\n\nSMSFieldSubmit.displayName = \"SMSFieldSubmit\";\n"],"names":[],"mappings":";;;;;;;;;;;AAWO,MAAM,iBAAiD,CAAC,EAAE,WAAW,UAAU,SAAS,GAAG,gBAAgB;AAC9G,QAAM;AAAA,IACF;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,WAAW,eAAe;AAE9B,QAAM,iBAAiB,eAAe,YAAY,SAAS;AAC3D,QAAM,kBAAkB,KAAK,OAAO,WAAW,EAAE,CAAC,OAAO,MAAM,GAAG,CAAC,CAAC,QAAQ,eAAe,SAAS;AAEpG,YAAU,MAAM;AACZ,sBAAkB,cAAc;AAAA,EACpC,GAAG,CAAC,gBAAgB,iBAAiB,CAAC;AAGtC,QAAM,cAAc,CAAC,UAA+C;AAChE,iBAAa,IAAI;AACjB,uCAAU;AAAA,EACd;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,CAAC,CAAC;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,SAAS;AAAA,MACT,OAAO,iBAAiB;AAAA,MACvB,GAAG;AAAA,MAEJ,UAAA,oBAAC,cAAW,KAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEA,eAAe,cAAc;"}

package/components/SMSField/components/SMSFieldTooltip.js

@@ -3,7 +3,7 @@ import { useContext, useEffect } from "react";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { ETooltipSize, ETooltipAlign } from "../../Tooltip/enums.js";
 import { Tooltip } from "../../Tooltip/Tooltip.js";
-import { u as uniqueId } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { u as uniqueId } from "../../../chunks/vendor-CtuAQuEN.js";
 const SMSFieldTooltip = ({
   children,
   id,