@sberbusiness/triplex-next 1.41.0 → 1.42.0

package/components/ListMaster/ListMaster.js

@@ -9,7 +9,7 @@ import { ListMasterFooterControls } from "./components/ListMasterFooterControls.
 import { ListMasterFooterDescription } from "./components/ListMasterFooterDescription.js";
 const ListMaster = Object.assign(
   React__default.forwardRef(function ListMaster2({ children, className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "1.41.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "1.42.0", ref, children });
   }),
   {
     Body: ListMasterBody,

package/components/ListMaster/components/ListMasterBody.js

@@ -6,7 +6,7 @@ const ListMasterBody = React__default.forwardRef(
     {
       className,
       ...rest,
-      "data-tx": "1.41.0",
+      "data-tx": "1.42.0",
       ref,
       children
     }

package/components/ListMaster/components/ListMasterChipGroup.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { ChipGroup } from "../../ChipGroup/ChipGroup.js";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const listMasterChipGroup = "listMasterChipGroup__6e5ed0af";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+const listMasterChipGroup = "listMasterChipGroup__9fefd0be";
 const styles = {
   listMasterChipGroup
 };

package/components/ListMaster/components/ListMasterFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-0T0paIyY.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-DnDmseHc.js";
 const ListMasterFooter = React__default.forwardRef(
   ({ children, className, sticky = true, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/ListMaster/components/ListMasterFooterControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-0T0paIyY.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-DnDmseHc.js";
 const ListMasterFooterControls = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.listMasterFooterControls, className), ...rest, ref, children })
 );

package/components/ListMaster/components/ListMasterFooterDescription.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-0T0paIyY.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-DnDmseHc.js";
 const ListMasterFooterDescription = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.listMasterFooterDescription, className), ...rest, ref, children })
 );

package/components/ListMaster/components/ListMasterHeader.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useRef, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const listMasterHeader = "listMasterHeader__ee430696";
-const sticky = "sticky__1ca90bd4";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+const listMasterHeader = "listMasterHeader__c563d275";
+const sticky = "sticky__cd58a1c7";
 const styles = {
   listMasterHeader,
   sticky

package/components/ListMaster/components/SelectionControls.js

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

package/components/Loader/LoaderMiddle/LoaderMiddle.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const loaderMiddle = "loaderMiddle__11eb5fbe";
-const loaderMiddleDots = "loaderMiddleDots__f8e27495";
-const dot = "dot__0b94d88f";
-const line = "line__bcf8cfbe";
-const dot1 = "dot1__c4f72b8d";
-const dot2 = "dot2__70ae79c8";
-const dot3 = "dot3__d00df73e";
-const dot4 = "dot4__1d652a09";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+const loaderMiddle = "loaderMiddle__efd2db7d";
+const loaderMiddleDots = "loaderMiddleDots__6324ab0a";
+const dot = "dot__51609f37";
+const line = "line__a23af75b";
+const dot1 = "dot1__4b62efde";
+const dot2 = "dot2__0fd8362b";
+const dot3 = "dot3__bf056370";
+const dot4 = "dot4__d3b87974";
 const styles = {
   loaderMiddle,
   loaderMiddleDots,

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -1,17 +1,17 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { ELoaderSmallTheme } from "./enum.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const loaderSmall = "loaderSmall__e17d0e7c";
-const sm = "sm__c3b67bd1";
-const dot = "dot__0b94d88f";
-const md = "md__c5adce58";
-const lg = "lg__7ebbd789";
-const neutral = "neutral__b8144a65";
-const brand = "brand__e2ba6301";
-const dot1 = "dot1__c4f72b8d";
-const dot2 = "dot2__70ae79c8";
-const dot3 = "dot3__d00df73e";
+import { ELoaderSmallTheme } from "./enum.js";
+const loaderSmall = "loaderSmall__fc61c090";
+const sm = "sm__b0c3976c";
+const dot = "dot__51609f37";
+const md = "md__8a6a1a2d";
+const lg = "lg__1ce05d23";
+const neutral = "neutral__4134d0ad";
+const brand = "brand__a6b1595e";
+const dot1 = "dot1__4b62efde";
+const dot2 = "dot2__0fd8362b";
+const dot3 = "dot3__bf056370";
 const styles = {
   loaderSmall,
   sm,
@@ -24,16 +24,21 @@ const styles = {
   dot2,
   dot3
 };
-const themeToClassNameMap = {
+const THEME_TO_CLASS_NAME_MAP = {
   [ELoaderSmallTheme.BRAND]: styles.brand,
   [ELoaderSmallTheme.NEUTRAL]: styles.neutral
 };
-const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const LoaderSmall = ({ className, theme, size, ...restProps }) => {
   return /* @__PURE__ */ jsxs(
     "span",
     {
-      className: clsx(styles.loaderSmall, themeToClassNameMap[theme], sizeToClassNameMap[size], className),
+      className: clsx(
+        styles.loaderSmall,
+        THEME_TO_CLASS_NAME_MAP[theme],
+        SIZE_TO_CLASS_NAME_MAP[size],
+        className
+      ),
       role: "status",
       "aria-label": "loading",
       ...restProps,

package/components/Loader/LoaderSmall/LoaderSmall.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoaderSmall.js","sources":["../../../../src/components/Loader/LoaderSmall/LoaderSmall.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/LoaderSmall.module.less\";\nimport { ELoaderSmallTheme } from \"./enum\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\n\n/** Свойства компонента LoaderSmall. */\nexport interface ILoaderSmallProps extends React.HTMLAttributes<HTMLSpanElement> {\n    /** Тема. */\n    theme: ELoaderSmallTheme;\n    /** Размер. */\n    size: EComponentSize;\n}\n\n// Соответствие темы имени класса.\nconst themeToClassNameMap = {\n    [ELoaderSmallTheme.BRAND]: styles.brand,\n    [ELoaderSmallTheme.NEUTRAL]: styles.neutral,\n};\n\n// Соответствие размера имени класса.\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\nexport const LoaderSmall: React.FC<ILoaderSmallProps> = ({ className, theme, size, ...restProps }) => {\n    return (\n        <span\n            className={clsx(styles.loaderSmall, themeToClassNameMap[theme], sizeToClassNameMap[size], className)}\n            role=\"status\"\n            aria-label=\"loading\"\n            {...restProps}\n        >\n            <span className={clsx(styles.dot, styles.dot1)} />\n            <span className={clsx(styles.dot, styles.dot2)} />\n            <span className={clsx(styles.dot, styles.dot3)} />\n        </span>\n    );\n};\n\nLoaderSmall.displayName = \"LoaderSmall\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,sBAAsB;AAAA,EACxB,CAAC,kBAAkB,KAAK,GAAG,OAAO;AAAA,EAClC,CAAC,kBAAkB,OAAO,GAAG,OAAO;AACxC;AAGA,MAAM,qBAAqB,yBAAyB,MAAM;AAEnD,MAAM,cAA2C,CAAC,EAAE,WAAW,OAAO,MAAM,GAAG,gBAAgB;AAClG,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,aAAa,oBAAoB,KAAK,GAAG,mBAAmB,IAAI,GAAG,SAAS;AAAA,MACnG,MAAK;AAAA,MACL,cAAW;AAAA,MACV,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,GAAG;AAAA,QAChD,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,GAAG;AAAA,QAChD,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D;AAEA,YAAY,cAAc;"}
+{"version":3,"file":"LoaderSmall.js","sources":["../../../../src/components/Loader/LoaderSmall/LoaderSmall.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { ELoaderSmallTheme } from \"./enum\";\nimport styles from \"./styles/LoaderSmall.module.less\";\n\n/** Свойства компонента LoaderSmall. */\nexport interface ILoaderSmallProps extends React.HTMLAttributes<HTMLSpanElement> {\n    /** Тема: BRAND — для светлых поверхностей, NEUTRAL — для тёмных и цветных. */\n    theme: ELoaderSmallTheme;\n    /** Размер: SM (16×16) / MD (24×24) / LG (32×32). */\n    size: EComponentSize;\n}\n\n/** Соответствие темы имени класса. */\nconst THEME_TO_CLASS_NAME_MAP = {\n    [ELoaderSmallTheme.BRAND]: styles.brand,\n    [ELoaderSmallTheme.NEUTRAL]: styles.neutral,\n};\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Горизонтальный загрузчик из трёх анимированных точек.\n * Индикатор загрузки для кнопок, полей ввода и списков.\n */\nexport const LoaderSmall: React.FC<ILoaderSmallProps> = ({ className, theme, size, ...restProps }) => {\n    return (\n        <span\n            className={clsx(\n                styles.loaderSmall,\n                THEME_TO_CLASS_NAME_MAP[theme],\n                SIZE_TO_CLASS_NAME_MAP[size],\n                className,\n            )}\n            role=\"status\"\n            aria-label=\"loading\"\n            {...restProps}\n        >\n            <span className={clsx(styles.dot, styles.dot1)} />\n            <span className={clsx(styles.dot, styles.dot2)} />\n            <span className={clsx(styles.dot, styles.dot3)} />\n        </span>\n    );\n};\n\nLoaderSmall.displayName = \"LoaderSmall\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,0BAA0B;AAAA,EAC5B,CAAC,kBAAkB,KAAK,GAAG,OAAO;AAAA,EAClC,CAAC,kBAAkB,OAAO,GAAG,OAAO;AACxC;AAGA,MAAM,yBAAyB,yBAAyB,MAAM;AAMvD,MAAM,cAA2C,CAAC,EAAE,WAAW,OAAO,MAAM,GAAG,gBAAgB;AAClG,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP,OAAO;AAAA,QACP,wBAAwB,KAAK;AAAA,QAC7B,uBAAuB,IAAI;AAAA,QAC3B;AAAA,MAAA;AAAA,MAEJ,MAAK;AAAA,MACL,cAAW;AAAA,MACV,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,GAAG;AAAA,QAChD,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,GAAG;AAAA,QAChD,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D;AAEA,YAAY,cAAc;"}

package/components/Loader/LoaderSmall/enum.js.map

@@ -1 +1 @@
-{"version":3,"file":"enum.js","sources":["../../../../src/components/Loader/LoaderSmall/enum.ts"],"sourcesContent":["export enum ELoaderSmallTheme {\n    BRAND = \"brand\",\n    NEUTRAL = \"neutral\",\n}\n\nexport enum ELoaderSmallSize {\n    SM = \"sm\",\n    MD = \"md\",\n    LG = \"lg\",\n}\n"],"names":["ELoaderSmallTheme","ELoaderSmallSize"],"mappings":"AAAO,IAAK,sCAAAA,uBAAL;AACHA,qBAAA,OAAA,IAAQ;AACRA,qBAAA,SAAA,IAAU;AAFF,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAKL,IAAK,qCAAAC,sBAAL;AACHA,oBAAA,IAAA,IAAK;AACLA,oBAAA,IAAA,IAAK;AACLA,oBAAA,IAAA,IAAK;AAHG,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;"}
+{"version":3,"file":"enum.js","sources":["../../../../src/components/Loader/LoaderSmall/enum.ts"],"sourcesContent":["/** Тема компонента LoaderSmall. */\nexport enum ELoaderSmallTheme {\n    /** Для светлых поверхностей. */\n    BRAND = \"brand\",\n    /** Для тёмных и цветных поверхностей. */\n    NEUTRAL = \"neutral\",\n}\n\n/**\n * Размер компонента LoaderSmall.\n * Самим компонентом не используется — размер задаётся общим для библиотеки `EComponentSize`.\n * Сохраняется как часть публичного API для обратной совместимости.\n */\nexport enum ELoaderSmallSize {\n    SM = \"sm\",\n    MD = \"md\",\n    LG = \"lg\",\n}\n"],"names":["ELoaderSmallTheme","ELoaderSmallSize"],"mappings":"AACO,IAAK,sCAAAA,uBAAL;AAEHA,qBAAA,OAAA,IAAQ;AAERA,qBAAA,SAAA,IAAU;AAJF,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAYL,IAAK,qCAAAC,sBAAL;AACHA,oBAAA,IAAA,IAAK;AACLA,oBAAA,IAAA,IAAK;AACLA,oBAAA,IAAA,IAAK;AAHG,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;"}

package/components/LoaderScreen/LoaderScreen.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { Gap } from "../Gap/Gap.js";
 import { LoaderSmall } from "../Loader/LoaderSmall/LoaderSmall.js";
@@ -11,11 +11,11 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const loaderScreen = "loaderScreen__96bca833";
-const loaderSmallBackdrop = "loaderSmallBackdrop__f28e5e4a";
-const loaderMiddleBackdrop = "loaderMiddleBackdrop__fbe9db18";
-const loaderContent = "loaderContent__a036fe85";
-const description = "description__d3a71cfc";
+const loaderScreen = "loaderScreen__c3b1e387";
+const loaderSmallBackdrop = "loaderSmallBackdrop__5eb4d6e1";
+const loaderMiddleBackdrop = "loaderMiddleBackdrop__bec1d0b1";
+const loaderContent = "loaderContent__022693e4";
+const description = "description__951c5f0d";
 const styles = {
   loaderScreen,
   loaderSmallBackdrop,

package/components/Marker/Marker.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-import { a as styles, s as statusToClassNameMap } from "../../chunks/utils-BSk7AAAR.js";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { a as styles, s as statusToClassNameMap } from "../../chunks/utils-DZk7_5zK.js";
 import { Badge } from "../Badge/Badge.js";
 import "./enums.js";
 const Marker = ({ className, status, ...rest }) => /* @__PURE__ */ jsx(Badge.Dot, { className: clsx(styles.marker, statusToClassNameMap[status], className), ...rest });

package/components/Marker/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { s } from "../../chunks/utils-BSk7AAAR.js";
+import { s } from "../../chunks/utils-DZk7_5zK.js";
 export {
   s as statusToClassNameMap
 };

package/components/MarkerStatus/MarkerStatus.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { Marker } from "../Marker/Marker.js";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-import { s as statusToClassNameMap } from "../../chunks/utils-BSk7AAAR.js";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { s as statusToClassNameMap } from "../../chunks/utils-DZk7_5zK.js";
 import { ETextSize, EFontType, ECaptionSize } from "../Typography/enums.js";
 import { Caption } from "../Typography/Caption.js";
 import "../Typography/CodeText.js";
@@ -10,11 +10,11 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const markerStatus = "markerStatus__e59b7353";
-const contentContainer = "contentContainer__2d05c76f";
-const md = "md__2b898ae7";
-const markerContainer = "markerContainer__00d518ce";
-const lg = "lg__9a6cab7d";
+const markerStatus = "markerStatus__3608e9db";
+const contentContainer = "contentContainer__fd6af941";
+const md = "md__5504ea23";
+const markerContainer = "markerContainer__88a208ad";
+const lg = "lg__8db42571";
 const styles = {
   markerStatus,
   contentContainer,
@@ -30,7 +30,7 @@ const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const MarkerStatus = React__default.forwardRef(
   ({ children, className, description, status, size = EComponentSize.MD, ...restProps }, ref) => {
     const classNames = clsx(styles.markerStatus, sizeToClassNameMap[size], statusToClassNameMap[status], className);
-    return /* @__PURE__ */ jsxs("div", { className: classNames, "data-tx": "1.41.0", ...restProps, ref, children: [
+    return /* @__PURE__ */ jsxs("div", { className: classNames, "data-tx": "1.42.0", ...restProps, ref, children: [
       /* @__PURE__ */ jsx("div", { className: styles.markerContainer, children: /* @__PURE__ */ jsx(Marker, { status, size }) }),
       /* @__PURE__ */ jsxs("div", { className: styles.contentContainer, children: [
         /* @__PURE__ */ jsx(Text, { size: markerStatusSizeToTextSizeMap[size], children }),

package/components/MediaWidth/MediaWidth.js

@@ -13,6 +13,7 @@ const MediaWidth = ({ children, fallback, maxWidth, minWidth }) => {
   }
   return fallback;
 };
+MediaWidth.displayName = "MediaWidth";
 export {
   MediaWidth
 };

package/components/MediaWidth/MediaWidth.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaWidth.js","sources":["../../../src/components/MediaWidth/MediaWidth.tsx"],"sourcesContent":["import React from \"react\";\nimport { EScreenWidth } from \"../../helpers/breakpoints\";\nimport { MediaMaxWidth } from \"./MediaMaxWidth\";\nimport { MediaMinWidth } from \"./MediaMinWidth\";\nimport { MediaBetweenWidth } from \"./MediaBetweenWidth\";\n\n/** Свойства компонента MediaWidth. */\nexport interface IMediaProps {\n    /** Элементы, которые рендерятся, когда ширина окна браузера попадает в диапазон minWidth и/или maxWidth. */\n    children: React.ReactElement | null;\n    /** Минимальная ширина экран, при которой будут отрендерены children. */\n    minWidth?: EScreenWidth;\n    /** Максимальная ширина экран, при которой будут отрендерены children. */\n    maxWidth?: EScreenWidth;\n    /** Элементы, которые рендерятся, когда ширина окна браузера не попадает в диапазон minWidth и/или maxWidth. */\n    fallback: React.ReactElement | null;\n}\n\n/** Компонент, который рендерит элементы в зависимости от ширины окна браузера. */\nexport const MediaWidth: React.FC<IMediaProps> = ({ children, fallback, maxWidth, minWidth }) => {\n    if (minWidth && maxWidth) {\n        return (\n            <MediaBetweenWidth minWidth={minWidth} maxWidth={maxWidth} fallback={fallback}>\n                {children}\n            </MediaBetweenWidth>\n        );\n    } else if (minWidth) {\n        return (\n            <MediaMinWidth minWidth={minWidth} fallback={fallback}>\n                {children}\n            </MediaMinWidth>\n        );\n    } else if (maxWidth) {\n        return (\n            <MediaMaxWidth maxWidth={maxWidth} fallback={fallback}>\n                {children}\n            </MediaMaxWidth>\n        );\n    }\n\n    return fallback;\n};\n"],"names":[],"mappings":";;;;;AAmBO,MAAM,aAAoC,CAAC,EAAE,UAAU,UAAU,UAAU,eAAe;AAC7F,MAAI,YAAY,UAAU;AACtB,WACI,oBAAC,mBAAA,EAAkB,UAAoB,UAAoB,UACtD,UACL;AAAA,EAER,WAAW,UAAU;AACjB,WACI,oBAAC,eAAA,EAAc,UAAoB,UAC9B,SAAA,CACL;AAAA,EAER,WAAW,UAAU;AACjB,WACI,oBAAC,eAAA,EAAc,UAAoB,UAC9B,SAAA,CACL;AAAA,EAER;AAEA,SAAO;AACX;"}
+{"version":3,"file":"MediaWidth.js","sources":["../../../src/components/MediaWidth/MediaWidth.tsx"],"sourcesContent":["import React from \"react\";\nimport { EScreenWidth } from \"../../helpers/breakpoints\";\nimport { MediaMaxWidth } from \"./MediaMaxWidth\";\nimport { MediaMinWidth } from \"./MediaMinWidth\";\nimport { MediaBetweenWidth } from \"./MediaBetweenWidth\";\n\n/** Свойства компонента MediaWidth. */\nexport interface IMediaProps {\n    /** Элементы, которые рендерятся, когда ширина окна браузера попадает в диапазон minWidth и/или maxWidth. */\n    children: React.ReactElement | null;\n    /** Минимальная ширина экрана, при которой будут отрендерены children. */\n    minWidth?: EScreenWidth;\n    /** Максимальная ширина экрана, при которой будут отрендерены children. */\n    maxWidth?: EScreenWidth;\n    /** Элементы, которые рендерятся, когда ширина окна браузера не попадает в диапазон minWidth и/или maxWidth. */\n    fallback: React.ReactElement | null;\n}\n\n/**\n * Компонент, который рендерит элементы в зависимости от ширины окна браузера.\n * Собственной разметки не добавляет: в зависимости от переданных minWidth и maxWidth делегирует рендер\n * в MediaBetweenWidth, MediaMinWidth или MediaMaxWidth. Если не передан ни minWidth, ни maxWidth,\n * медиа-запрос не строится и всегда рендерится fallback.\n */\nexport const MediaWidth: React.FC<IMediaProps> = ({ children, fallback, maxWidth, minWidth }) => {\n    if (minWidth && maxWidth) {\n        return (\n            <MediaBetweenWidth minWidth={minWidth} maxWidth={maxWidth} fallback={fallback}>\n                {children}\n            </MediaBetweenWidth>\n        );\n    } else if (minWidth) {\n        return (\n            <MediaMinWidth minWidth={minWidth} fallback={fallback}>\n                {children}\n            </MediaMinWidth>\n        );\n    } else if (maxWidth) {\n        return (\n            <MediaMaxWidth maxWidth={maxWidth} fallback={fallback}>\n                {children}\n            </MediaMaxWidth>\n        );\n    }\n\n    return fallback;\n};\n\nMediaWidth.displayName = \"MediaWidth\";\n"],"names":[],"mappings":";;;;;AAwBO,MAAM,aAAoC,CAAC,EAAE,UAAU,UAAU,UAAU,eAAe;AAC7F,MAAI,YAAY,UAAU;AACtB,WACI,oBAAC,mBAAA,EAAkB,UAAoB,UAAoB,UACtD,UACL;AAAA,EAER,WAAW,UAAU;AACjB,WACI,oBAAC,eAAA,EAAc,UAAoB,UAC9B,SAAA,CACL;AAAA,EAER,WAAW,UAAU;AACjB,WACI,oBAAC,eAAA,EAAc,UAAoB,UAC9B,SAAA,CACL;AAAA,EAER;AAEA,SAAO;AACX;AAEA,WAAW,cAAc;"}

package/components/MobileView/MobileView.js

@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { EScreenWidth } from "../../helpers/breakpoints.js";
 import { MediaWidth } from "../MediaWidth/MediaWidth.js";
 const MobileView = ({ children, fallback }) => /* @__PURE__ */ jsx(MediaWidth, { maxWidth: EScreenWidth.SM_MAX, fallback, children });
+MobileView.displayName = "MobileView";
 export {
   MobileView
 };

package/components/MobileView/MobileView.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileView.js","sources":["../../../src/components/MobileView/MobileView.tsx"],"sourcesContent":["import React from \"react\";\nimport { EScreenWidth } from \"../../helpers/breakpoints\";\nimport { MediaWidth } from \"../MediaWidth\";\n\n/** Свойства компонента MobileView. */\nexport interface IMobileViewProps {\n    /** Элементы, которые рендерятся, когда ширина окна браузера соответствует ширине мобильного устройства (<768px). */\n    children: React.ReactElement | null;\n    /** Элементы, которые рендерятся, когда ширина окна браузера не соответствует ширине мобильного устройства (<768px). */\n    fallback: React.ReactElement | null;\n}\n\n/**\n * Компонент, который рендерит children в случае просмотра на мобильном устройстве.\n * В противном случае рендерится fallback.\n */\nexport const MobileView: React.FC<IMobileViewProps> = ({ children, fallback }) => (\n    <MediaWidth maxWidth={EScreenWidth.SM_MAX} fallback={fallback}>\n        {children}\n    </MediaWidth>\n);\n"],"names":[],"mappings":";;;AAgBO,MAAM,aAAyC,CAAC,EAAE,UAAU,SAAA,MAC/D,oBAAC,YAAA,EAAW,UAAU,aAAa,QAAQ,UACtC,SAAA,CACL;"}
+{"version":3,"file":"MobileView.js","sources":["../../../src/components/MobileView/MobileView.tsx"],"sourcesContent":["import React from \"react\";\nimport { EScreenWidth } from \"../../helpers/breakpoints\";\nimport { MediaWidth } from \"../MediaWidth\";\n\n/** Свойства компонента MobileView. */\nexport interface IMobileViewProps {\n    /** Элементы, которые рендерятся, когда ширина окна браузера соответствует ширине мобильного устройства (<768px). */\n    children: React.ReactElement | null;\n    /** Элементы, которые рендерятся, когда ширина окна браузера не соответствует ширине мобильного устройства (<768px). */\n    fallback: React.ReactElement | null;\n}\n\n/**\n * Компонент, который рендерит children в случае просмотра на мобильном устройстве.\n * В противном случае рендерится fallback.\n * Сокращение над MediaWidth с maxWidth равным EScreenWidth.SM_MAX — собственной разметки не добавляет.\n */\nexport const MobileView: React.FC<IMobileViewProps> = ({ children, fallback }) => (\n    <MediaWidth maxWidth={EScreenWidth.SM_MAX} fallback={fallback}>\n        {children}\n    </MediaWidth>\n);\n\nMobileView.displayName = \"MobileView\";\n"],"names":[],"mappings":";;;AAiBO,MAAM,aAAyC,CAAC,EAAE,UAAU,SAAA,MAC/D,oBAAC,YAAA,EAAW,UAAU,aAAa,QAAQ,UACtC,SAAA,CACL;AAGJ,WAAW,cAAc;"}

package/components/MobileView/useMobileView.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMobileView.js","sources":["../../../src/components/MobileView/useMobileView.tsx"],"sourcesContent":["import { useMatchMedia } from \"../MediaWidth/useMatchMedia\";\nimport { EScreenWidth } from \"../../helpers/breakpoints\";\n\n/** Медиа-запрос для проверки мобильного экрана. */\nconst MOBILE_QUERY = `(max-width: ${EScreenWidth.SM_MAX})`;\n\n/**\n * Хук для проверки, является ли устройство мобильным (экран <= SM_MAX).\n * @returns true, если ширина экрана соответствует мобильному устройству\n */\nexport const useMobileView = () => useMatchMedia(MOBILE_QUERY);\n"],"names":[],"mappings":";;AAIA,MAAM,eAAe,eAAe,aAAa,MAAM;AAMhD,MAAM,gBAAgB,MAAM,cAAc,YAAY;"}
+{"version":3,"file":"useMobileView.js","sources":["../../../src/components/MobileView/useMobileView.ts"],"sourcesContent":["import { useMatchMedia } from \"../MediaWidth/useMatchMedia\";\nimport { EScreenWidth } from \"../../helpers/breakpoints\";\n\n/** Медиа-запрос для проверки мобильного экрана. */\nconst MOBILE_QUERY = `(max-width: ${EScreenWidth.SM_MAX})`;\n\n/**\n * Хук для проверки, является ли устройство мобильным (экран <= SM_MAX).\n * Условие совпадает с условием компонента MobileView.\n * @returns true, если ширина экрана соответствует мобильному устройству\n */\nexport const useMobileView = (): boolean => useMatchMedia(MOBILE_QUERY);\n"],"names":[],"mappings":";;AAIA,MAAM,eAAe,eAAe,aAAa,MAAM;AAOhD,MAAM,gBAAgB,MAAe,cAAc,YAAY;"}

package/components/ModalWindow/ModalWindow.js

@@ -1,13 +1,13 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useEffect } from "react";
-import { c as clsx, C as CSSTransition } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx, C as CSSTransition } from "../../chunks/vendor-DfvHt3TJ.js";
 import { Portal } from "../Portal/Portal.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
 import { ModalWindowViewManager } from "./components/ModalWindowViewManager.js";
 import { useToken } from "../ThemeProvider/useToken.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-import { s as styles } from "../../chunks/ModalWindow.module-Bp4oQKoa.js";
+import { s as styles } from "../../chunks/ModalWindow.module-DAQCizX7.js";
 const modalNodeName = "ufs-modal-window";
 const animationExitTime = 300;
 const bodyClassNameModalOpen = ["modal-open", "no-hash-overflow-hidden"];

package/components/ModalWindow/components/ModalWindowBody.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
 import { Island } from "../../Island/Island.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EIslandType } from "../../Island/enums.js";
-const modalWindowBody = "modalWindowBody__8efc648e";
+const modalWindowBody = "modalWindowBody__5ea873ee";
 const styles = {
   modalWindowBody
 };

package/components/ModalWindow/components/ModalWindowBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalWindowBody.js","sources":["../../../../src/components/ModalWindow/components/ModalWindowBody.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/ModalWindowBody.module.less\";\nimport { IIslandProps, Island } from \"../../Island/Island\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { EIslandType } from \"../../Island/enums\";\n\nexport interface IModalWindowBodyProps extends IIslandProps {}\n\n/**\n * Тело модального окна. Обёртка над `Island` с фиксированными `type` и `size`,\n * размечающая основной скроллируемый контент между `ModalWindowHeader` и\n * `ModalWindowFooter`.\n */\nexport const ModalWindowBody: React.FC<IModalWindowBodyProps> = ({ children, className, ...islandProps }) => (\n    <Island\n        className={clsx(styles.modalWindowBody, className)}\n        type={EIslandType.TYPE_1}\n        size={EComponentSize.MD}\n        {...islandProps}\n    >\n        {children}\n    </Island>\n);\n\nModalWindowBody.displayName = \"ModalWindowBody\";\n"],"names":[],"mappings":";;;;;;;;;AAcO,MAAM,kBAAmD,CAAC,EAAE,UAAU,WAAW,GAAG,kBACvF;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,KAAK,OAAO,iBAAiB,SAAS;AAAA,IACjD,MAAM,YAAY;AAAA,IAClB,MAAM,eAAe;AAAA,IACpB,GAAG;AAAA,IAEH;AAAA,EAAA;AACL;AAGJ,gBAAgB,cAAc;"}
+{"version":3,"file":"ModalWindowBody.js","sources":["../../../../src/components/ModalWindow/components/ModalWindowBody.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/ModalWindowBody.module.less\";\nimport { IIslandProps, Island } from \"../../Island/Island\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { EIslandType } from \"../../Island/enums\";\n\n/**\n * Свойства компонента ModalWindowBody.\n * `loading` и `loaderScreenProps` от `Island` исключены: тело скроллируется, а `LoaderScreen`\n * позиционируется абсолютно и уезжает вместе с контентом. Состояние загрузки модального окна\n * задаётся через props `isLoading` и `loaderScreenProps` компонента `ModalWindowContent`.\n */\nexport interface IModalWindowBodyProps extends Omit<IIslandProps, \"loading\" | \"loaderScreenProps\"> {}\n\n/**\n * Тело модального окна. Обёртка над `Island` с фиксированными `type` и `size`,\n * размечающая основной скроллируемый контент между `ModalWindowHeader` и\n * `ModalWindowFooter`.\n */\nexport const ModalWindowBody: React.FC<IModalWindowBodyProps> = ({ children, className, ...islandProps }) => (\n    <Island\n        className={clsx(styles.modalWindowBody, className)}\n        type={EIslandType.TYPE_1}\n        size={EComponentSize.MD}\n        {...islandProps}\n    >\n        {children}\n    </Island>\n);\n\nModalWindowBody.displayName = \"ModalWindowBody\";\n"],"names":[],"mappings":";;;;;;;;;AAoBO,MAAM,kBAAmD,CAAC,EAAE,UAAU,WAAW,GAAG,kBACvF;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,KAAK,OAAO,iBAAiB,SAAS;AAAA,IACjD,MAAM,YAAY;AAAA,IAClB,MAAM,eAAe;AAAA,IACpB,GAAG;AAAA,IAEH;AAAA,EAAA;AACL;AAGJ,gBAAgB,cAAc;"}

package/components/ModalWindow/components/ModalWindowClose.js

@@ -6,7 +6,7 @@ import { EButtonTheme } from "../../Button/enums.js";
 import { TriggerClickOnKeyDownEvent } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
-const modalWindowClose = "modalWindowClose__3e4a9eac";
+const modalWindowClose = "modalWindowClose__ce9f236a";
 const styles = {
   modalWindowClose
 };

package/components/ModalWindow/components/ModalWindowContent.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
 import React__default from "react";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-Bp4oQKoa.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-DAQCizX7.js";
 import { Page } from "../../Page/Page.js";
 const ModalWindowContent = React__default.forwardRef(
   ({ isLoading, className, loaderScreenProps, children, ...rest }, ref) => /* @__PURE__ */ jsxs(

package/components/ModalWindow/components/ModalWindowHeader.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { HeaderPage } from "../../Page/components/HeaderPage.js";
 import { EHeaderPageType } from "../../Page/components/enums.js";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const modalWindowHeader = "modalWindowHeader__f55b28dc";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+const modalWindowHeader = "modalWindowHeader__a7ebeb1c";
 const styles = {
   modalWindowHeader
 };

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useState, useRef, useLayoutEffect } from "react";
-import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks/vendor-CtuAQuEN.js";
+import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks/vendor-DfvHt3TJ.js";
 import { Portal } from "../../Portal/Portal.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-Bp4oQKoa.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-DAQCizX7.js";
 const modalWindowViewManagerNodeId = "modalWindowViewManagerNodeId";
 const getOrCreateModalWindowViewManagerNode = () => {
   let node = document.querySelector(`#${modalWindowViewManagerNodeId}`);

package/components/MonthYearField/MonthYearFieldTarget.js

@@ -1,24 +1,46 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
 import { CalendarStrokeSrvIcon24, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { DatePickerExtendedContext } from "../DatePickerExtended/DatePickerExtendedContext.js";
 import { TextField } from "../TextField/TextField.js";
 import { FormFieldClear } from "../FormField/components/FormFieldClear.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
+import "../MobileView/MobileView.js";
 import { useMobileView } from "../MobileView/useMobileView.js";
 import { isKey } from "../../utils/keyboard.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { EFormFieldStatus } from "../FormField/enums.js";
-const sizeToCalendarIconMap = {
+const monthYearFieldTarget = "monthYearFieldTarget__0369267b";
+const minWidthSM = "minWidthSM__b63b455f";
+const minWidthMD = "minWidthMD__0c686593";
+const minWidthLG = "minWidthLG__d9b7f60d";
+const styles = {
+  monthYearFieldTarget,
+  minWidthSM,
+  minWidthMD,
+  minWidthLG
+};
+const SIZE_TO_INPUT_CLASS_NAME_MAP = {
+  [EComponentSize.SM]: styles.minWidthSM,
+  [EComponentSize.MD]: styles.minWidthMD,
+  [EComponentSize.LG]: styles.minWidthLG
+};
+const SIZE_TO_CALENDAR_ICON_MAP = {
   [EComponentSize.SM]: /* @__PURE__ */ jsx(CalendarStrokeSrvIcon16, { paletteIndex: 5 }),
   [EComponentSize.MD]: /* @__PURE__ */ jsx(CalendarStrokeSrvIcon20, { paletteIndex: 5 }),
   [EComponentSize.LG]: /* @__PURE__ */ jsx(CalendarStrokeSrvIcon24, { paletteIndex: 5 })
 };
 const MonthYearFieldTarget = React__default.forwardRef(
-  ({ size = EComponentSize.MD, postfix, onClear, inputProps, ...restProps }, ref) => {
+  ({ className, size = EComponentSize.MD, postfix, onClear, inputProps, ...restProps }, ref) => {
     const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);
     const { status } = restProps;
-    const { onKeyDown: onInputKeyDown, onMouseDown: onInputMouseDown, ...restInputProps } = inputProps;
+    const {
+      className: inputClassName,
+      onKeyDown: onInputKeyDown,
+      onMouseDown: onInputMouseDown,
+      ...restInputProps
+    } = inputProps;
     const adaptive = useMobileView();
     const disabled = status === EFormFieldStatus.DISABLED;
     const handleMouseDown = (event) => {
@@ -50,7 +72,7 @@ const MonthYearFieldTarget = React__default.forwardRef(
           active: dropdownOpen,
           disabled,
           onClick: handleButtonClick,
-          children: sizeToCalendarIconMap[size]
+          children: SIZE_TO_CALENDAR_ICON_MAP[size]
         }
       ),
       postfix
@@ -58,9 +80,11 @@ const MonthYearFieldTarget = React__default.forwardRef(
     return /* @__PURE__ */ jsx(
       TextField,
       {
+        className: clsx(styles.monthYearFieldTarget, className),
         size,
         inputProps: {
           ...restInputProps,
+          className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),
           readOnly: true,
           disabled,
           onMouseDown: handleMouseDown,

package/components/MonthYearField/MonthYearFieldTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthYearFieldTarget.js","sources":["../../../src/components/MonthYearField/MonthYearFieldTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { CalendarStrokeSrvIcon16, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { DatePickerExtendedContext } from \"../DatePickerExtended/DatePickerExtendedContext\";\nimport { TextField } from \"../TextField/TextField\";\nimport { FormFieldClear } from \"../FormField/components/FormFieldClear\";\nimport { ButtonIcon } from \"../Button/ButtonIcon\";\nimport { useMobileView } from \"../MobileView\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { EComponentSize } from \"../../enums\";\nimport { EFormFieldStatus } from \"../FormField/enums\";\nimport { IMonthYearFieldTargetProps } from \"./types\";\n\nconst sizeToCalendarIconMap = {\n    [EComponentSize.SM]: <CalendarStrokeSrvIcon16 paletteIndex={5} />,\n    [EComponentSize.MD]: <CalendarStrokeSrvIcon20 paletteIndex={5} />,\n    [EComponentSize.LG]: <CalendarStrokeSrvIcon24 paletteIndex={5} />,\n};\n\nexport const MonthYearFieldTarget = React.forwardRef<HTMLDivElement, IMonthYearFieldTargetProps>(\n    ({ size = EComponentSize.MD, postfix, onClear, inputProps, ...restProps }, ref) => {\n        const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n        const { status } = restProps;\n        const { onKeyDown: onInputKeyDown, onMouseDown: onInputMouseDown, ...restInputProps } = inputProps;\n        const adaptive = useMobileView();\n        const disabled = status === EFormFieldStatus.DISABLED;\n\n        const handleMouseDown: React.MouseEventHandler<HTMLInputElement> = (event) => {\n            if (!dropdownOpen) {\n                if (adaptive) {\n                    event.preventDefault();\n                }\n                // setTimeout для корректной работы label\n                setTimeout(() => setDropdownOpen(true));\n            }\n\n            onInputMouseDown?.(event);\n        };\n\n        const handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n            if (isKey(event.code, \"ENTER\")) {\n                setDropdownOpen(!dropdownOpen);\n            } else if (isKey(event.code, \"SPACE\")) {\n                event.preventDefault();\n                setDropdownOpen(!dropdownOpen);\n            }\n            onInputKeyDown?.(event);\n        };\n\n        const handleButtonClick = () => setDropdownOpen(!dropdownOpen);\n\n        const renderPostfixContent = () => (\n            <>\n                {onClear && <FormFieldClear onClick={onClear} />}\n                <ButtonIcon\n                    role=\"presentation\"\n                    tabIndex={-1}\n                    active={dropdownOpen}\n                    disabled={disabled}\n                    onClick={handleButtonClick}\n                >\n                    {sizeToCalendarIconMap[size]}\n                </ButtonIcon>\n                {postfix}\n            </>\n        );\n\n        return (\n            <TextField\n                size={size}\n                inputProps={{\n                    ...restInputProps,\n                    readOnly: true,\n                    disabled: disabled,\n                    onMouseDown: handleMouseDown,\n                    onKeyDown: handleInputKeyDown,\n                }}\n                postfix={renderPostfixContent()}\n                {...restProps}\n                ref={ref}\n            />\n        );\n    },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;AAYA,MAAM,wBAAwB;AAAA,EAC1B,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,EAAA,CAAG;AACnE;AAEO,MAAM,uBAAuBA,eAAM;AAAA,EACtC,CAAC,EAAE,OAAO,eAAe,IAAI,SAAS,SAAS,YAAY,GAAG,UAAA,GAAa,QAAQ;AAC/E,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,EAAE,WAAW;AACnB,UAAM,EAAE,WAAW,gBAAgB,aAAa,kBAAkB,GAAG,mBAAmB;AACxF,UAAM,WAAW,cAAA;AACjB,UAAM,WAAW,WAAW,iBAAiB;AAE7C,UAAM,kBAA6D,CAAC,UAAU;AAC1E,UAAI,CAAC,cAAc;AACf,YAAI,UAAU;AACV,gBAAM,eAAA;AAAA,QACV;AAEA,mBAAW,MAAM,gBAAgB,IAAI,CAAC;AAAA,MAC1C;AAEA,2DAAmB;AAAA,IACvB;AAEA,UAAM,qBAAmE,CAAC,UAAU;AAChF,UAAI,MAAM,MAAM,MAAM,OAAO,GAAG;AAC5B,wBAAgB,CAAC,YAAY;AAAA,MACjC,WAAW,MAAM,MAAM,MAAM,OAAO,GAAG;AACnC,cAAM,eAAA;AACN,wBAAgB,CAAC,YAAY;AAAA,MACjC;AACA,uDAAiB;AAAA,IACrB;AAEA,UAAM,oBAAoB,MAAM,gBAAgB,CAAC,YAAY;AAE7D,UAAM,uBAAuB,MACzB,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA,WAAW,oBAAC,gBAAA,EAAe,SAAS,QAAA,CAAS;AAAA,MAC9C;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR;AAAA,UACA,SAAS;AAAA,UAER,gCAAsB,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAE9B;AAAA,IAAA,GACL;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,YAAY;AAAA,UACR,GAAG;AAAA,UACH,UAAU;AAAA,UACV;AAAA,UACA,aAAa;AAAA,UACb,WAAW;AAAA,QAAA;AAAA,QAEf,SAAS,qBAAA;AAAA,QACR,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;"}
+{"version":3,"file":"MonthYearFieldTarget.js","sources":["../../../src/components/MonthYearField/MonthYearFieldTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { CalendarStrokeSrvIcon16, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { DatePickerExtendedContext } from \"../DatePickerExtended/DatePickerExtendedContext\";\nimport { TextField } from \"../TextField/TextField\";\nimport { FormFieldClear } from \"../FormField/components/FormFieldClear\";\nimport { ButtonIcon } from \"../Button/ButtonIcon\";\nimport { useMobileView } from \"../MobileView\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { EComponentSize } from \"../../enums\";\nimport { EFormFieldStatus } from \"../FormField/enums\";\nimport { IMonthYearFieldTargetProps } from \"./types\";\nimport styles from \"./styles/MonthYearFieldTarget.module.less\";\n\n/** Соответствие размера имени класса поля ввода. */\nconst SIZE_TO_INPUT_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.minWidthSM,\n    [EComponentSize.MD]: styles.minWidthMD,\n    [EComponentSize.LG]: styles.minWidthLG,\n};\n\n/** Соответствие размера иконке календаря. */\nconst SIZE_TO_CALENDAR_ICON_MAP = {\n    [EComponentSize.SM]: <CalendarStrokeSrvIcon16 paletteIndex={5} />,\n    [EComponentSize.MD]: <CalendarStrokeSrvIcon20 paletteIndex={5} />,\n    [EComponentSize.LG]: <CalendarStrokeSrvIcon24 paletteIndex={5} />,\n};\n\nexport const MonthYearFieldTarget = React.forwardRef<HTMLDivElement, IMonthYearFieldTargetProps>(\n    ({ className, size = EComponentSize.MD, postfix, onClear, inputProps, ...restProps }, ref) => {\n        const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n        const { status } = restProps;\n        const {\n            className: inputClassName,\n            onKeyDown: onInputKeyDown,\n            onMouseDown: onInputMouseDown,\n            ...restInputProps\n        } = inputProps;\n        const adaptive = useMobileView();\n        const disabled = status === EFormFieldStatus.DISABLED;\n\n        const handleMouseDown: React.MouseEventHandler<HTMLInputElement> = (event) => {\n            if (!dropdownOpen) {\n                if (adaptive) {\n                    event.preventDefault();\n                }\n                // setTimeout для корректной работы label\n                setTimeout(() => setDropdownOpen(true));\n            }\n\n            onInputMouseDown?.(event);\n        };\n\n        const handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n            if (isKey(event.code, \"ENTER\")) {\n                setDropdownOpen(!dropdownOpen);\n            } else if (isKey(event.code, \"SPACE\")) {\n                event.preventDefault();\n                setDropdownOpen(!dropdownOpen);\n            }\n            onInputKeyDown?.(event);\n        };\n\n        const handleButtonClick = () => setDropdownOpen(!dropdownOpen);\n\n        const renderPostfixContent = () => (\n            <>\n                {onClear && <FormFieldClear onClick={onClear} />}\n                <ButtonIcon\n                    role=\"presentation\"\n                    tabIndex={-1}\n                    active={dropdownOpen}\n                    disabled={disabled}\n                    onClick={handleButtonClick}\n                >\n                    {SIZE_TO_CALENDAR_ICON_MAP[size]}\n                </ButtonIcon>\n                {postfix}\n            </>\n        );\n\n        return (\n            <TextField\n                className={clsx(styles.monthYearFieldTarget, className)}\n                size={size}\n                inputProps={{\n                    ...restInputProps,\n                    className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),\n                    readOnly: true,\n                    disabled: disabled,\n                    onMouseDown: handleMouseDown,\n                    onKeyDown: handleInputKeyDown,\n                }}\n                postfix={renderPostfixContent()}\n                {...restProps}\n                ref={ref}\n            />\n        );\n    },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,+BAA+B;AAAA,EACjC,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAGA,MAAM,4BAA4B;AAAA,EAC9B,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,EAAA,CAAG;AACnE;AAEO,MAAM,uBAAuBA,eAAM;AAAA,EACtC,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,SAAS,SAAS,YAAY,GAAG,UAAA,GAAa,QAAQ;AAC1F,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,EAAE,WAAW;AACnB,UAAM;AAAA,MACF,WAAW;AAAA,MACX,WAAW;AAAA,MACX,aAAa;AAAA,MACb,GAAG;AAAA,IAAA,IACH;AACJ,UAAM,WAAW,cAAA;AACjB,UAAM,WAAW,WAAW,iBAAiB;AAE7C,UAAM,kBAA6D,CAAC,UAAU;AAC1E,UAAI,CAAC,cAAc;AACf,YAAI,UAAU;AACV,gBAAM,eAAA;AAAA,QACV;AAEA,mBAAW,MAAM,gBAAgB,IAAI,CAAC;AAAA,MAC1C;AAEA,2DAAmB;AAAA,IACvB;AAEA,UAAM,qBAAmE,CAAC,UAAU;AAChF,UAAI,MAAM,MAAM,MAAM,OAAO,GAAG;AAC5B,wBAAgB,CAAC,YAAY;AAAA,MACjC,WAAW,MAAM,MAAM,MAAM,OAAO,GAAG;AACnC,cAAM,eAAA;AACN,wBAAgB,CAAC,YAAY;AAAA,MACjC;AACA,uDAAiB;AAAA,IACrB;AAEA,UAAM,oBAAoB,MAAM,gBAAgB,CAAC,YAAY;AAE7D,UAAM,uBAAuB,MACzB,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA,WAAW,oBAAC,gBAAA,EAAe,SAAS,QAAA,CAAS;AAAA,MAC9C;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR;AAAA,UACA,SAAS;AAAA,UAER,oCAA0B,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAElC;AAAA,IAAA,GACL;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,sBAAsB,SAAS;AAAA,QACtD;AAAA,QACA,YAAY;AAAA,UACR,GAAG;AAAA,UACH,WAAW,KAAK,6BAA6B,IAAI,GAAG,cAAc;AAAA,UAClE,UAAU;AAAA,UACV;AAAA,UACA,aAAa;AAAA,UACb,WAAW;AAAA,QAAA;AAAA,QAEf,SAAS,qBAAA;AAAA,QACR,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;"}

package/components/MonthYearRange/MonthYearRange.js

@@ -2,12 +2,12 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import moment from "moment";
 import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit } from "./enums.js";
-const monthYearRange = "monthYearRange__33e88ab6";
-const monthYearRangeButton = "monthYearRangeButton__a54db207";
-const separator = "separator__4c82cd54";
+const monthYearRange = "monthYearRange__0c01e46d";
+const monthYearRangeButton = "monthYearRangeButton__b5a00856";
+const separator = "separator__86c521d0";
 const styles = {
   monthYearRange,
   monthYearRangeButton,

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useEffect } from "react";
-import { j as focusTrapReactExports } from "../../../chunks/vendor-CtuAQuEN.js";
+import { j as focusTrapReactExports } from "../../../chunks/vendor-DfvHt3TJ.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-C2A5QJs2.js";
+import "../../../chunks/DropdownListItem-DHdXJ6f2.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -2,13 +2,13 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useContext } from "react";
 import { MultiselectFieldContext } from "../MultiselectFieldContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const multiselectFieldContent = "multiselectFieldContent__e9ecc032";
-const loaderScreen = "loaderScreen__a817d07b";
-const sm = "sm__44868660";
-const md = "md__f7ade0fa";
-const lg = "lg__fc4796f1";
+const multiselectFieldContent = "multiselectFieldContent__8685682a";
+const loaderScreen = "loaderScreen__350d6723";
+const sm = "sm__e4ad932b";
+const md = "md__057d04e4";
+const lg = "lg__a1ab07db";
 const styles = {
   multiselectFieldContent,
   loaderScreen,

package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js

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

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

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