@sberbusiness/triplex-next 0.36.0 → 0.37.0

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -10,18 +10,18 @@ import { LightBoxSideOverlayCloseMobile } from "./LightBoxSideOverlayCloseMobile
 import { LightBoxSideOverlayCloseDesktop } from "./LightBoxSideOverlayCloseDesktop.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const lightBoxSideOverlayMask = "lightBoxSideOverlayMask__cac73c88";
-const lightBoxSideOverlayWrapper = "lightBoxSideOverlayWrapper__5e00ee97";
-const overflowXHidden = "overflowXHidden__6424477e";
-const overflowYHidden = "overflowYHidden__c6e94357";
-const closing = "closing__71606764";
-const opened = "opened__5f91e5f8";
-const lightBoxSideOverlayContent = "lightBoxSideOverlayContent__91bbe962";
-const opening = "opening__4f6f3525";
-const sm = "sm__db61a3a7";
-const md = "md__7b9aaa28";
-const lg = "lg__5d5d91c6";
-const lightBoxSideOverlay = "lightBoxSideOverlay__b275dfd5";
+const lightBoxSideOverlayMask = "lightBoxSideOverlayMask__ffc82440";
+const lightBoxSideOverlayWrapper = "lightBoxSideOverlayWrapper__fb5b3e98";
+const overflowXHidden = "overflowXHidden__36ca3b3b";
+const overflowYHidden = "overflowYHidden__3634de38";
+const closing = "closing__8613ef11";
+const opened = "opened__397655ed";
+const lightBoxSideOverlayContent = "lightBoxSideOverlayContent__8ed85f7f";
+const opening = "opening__59d09fa3";
+const sm = "sm__ad8bd5ca";
+const md = "md__60f396d6";
+const lg = "lg__34a5a10f";
+const lightBoxSideOverlay = "lightBoxSideOverlay__2e591089";
 const styles = {
   lightBoxSideOverlayMask,
   lightBoxSideOverlayWrapper,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseDesktop.js

@@ -7,7 +7,7 @@ import { CrossStrokeSrvIcon32 } from "@sberbusiness/icons-next";
 import { EButtonTheme } from "../../Button/enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { Button } from "../../Button/Button.js";
-import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-B-S0RZJb.js";
+import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-CNNq1ih2.js";
 const LightBoxSideOverlayCloseDesktop = ({
   className,
   clickByEsc,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseMobile.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-B-S0RZJb.js";
+import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-CNNq1ih2.js";
 import { EButtonTheme } from "../../Button/enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { Button } from "../../Button/Button.js";

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayLoader.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const lightBoxSideOverlayLoaderWrapper = "lightBoxSideOverlayLoaderWrapper__86155ba9";
+const lightBoxSideOverlayLoaderWrapper = "lightBoxSideOverlayLoaderWrapper__219bb71e";
 const styles = {
   lightBoxSideOverlayLoaderWrapper
 };

package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle, useState, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const lightBoxLeftSidebar = "lightBoxLeftSidebar__6bcd81f2";
-const fixed = "fixed__3746e4f6";
-const hidden = "hidden__398f708e";
+const lightBoxLeftSidebar = "lightBoxLeftSidebar__83ff4968";
+const fixed = "fixed__d0b90922";
+const hidden = "hidden__bba23518";
 const styles = {
   lightBoxLeftSidebar,
   fixed,

package/components/LightBox/LightBoxSidebars/LightBoxRightSidebar.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle, useState, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const lightBoxRightSidebar = "lightBoxRightSidebar__5504f3cf";
-const fixed = "fixed__3746e4f6";
-const hidden = "hidden__398f708e";
+const lightBoxRightSidebar = "lightBoxRightSidebar__86077510";
+const fixed = "fixed__d0b90922";
+const hidden = "hidden__bba23518";
 const styles = {
   lightBoxRightSidebar,
   fixed,

package/components/Link/Link.js

@@ -1,11 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { getSafeRel } from "../../utils/html/anchorSecurity.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const link = "link__c9e130b0";
-const wordWithContent = "wordWithContent__e4b511de";
-const before = "before__424b68f4";
-const after = "after__d3156b38";
+const link = "link__909b6cd6";
+const wordWithContent = "wordWithContent__d2eb07c8";
+const before = "before__4906ad95";
+const after = "after__bc275db0";
 const styles = {
   link,
   wordWithContent,
@@ -13,7 +14,7 @@ const styles = {
   after
 };
 const Link = React.forwardRef(
-  ({ children, className, onBlur, onMouseDown, contentAfter, contentBefore, ...rest }, ref) => {
+  ({ children, className, onBlur, onMouseDown, contentAfter, contentBefore, target, rel, ...rest }, ref) => {
     const renderContentBefore = () => contentBefore ? /* @__PURE__ */ jsxs(Fragment, { children: [
       "​",
       contentBefore()
@@ -73,10 +74,12 @@ const Link = React.forwardRef(
       {
         role: "link",
         ...rest,
+        target,
+        rel: getSafeRel(target, rel),
         className: clsx(className, styles.link),
         onBlur,
         onMouseDown,
-        "data-tx": "0.36.0",
+        "data-tx": "0.37.0",
         ref,
         children: /* @__PURE__ */ jsx(IconWrapper, { displayContents: true, children: content })
       }

package/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IconWrapper } from \"../IconWrapper\";\nimport styles from \"./styles/Link.module.less\";\n\n/** Общие свойства компонента Link. */\nexport interface ILinkCommonProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n    /** Тело гиперссылки. */\n    children: React.ReactNode;\n    /** Рендер функция предшествующего контента. */\n    contentBefore?: () => React.ReactElement;\n    /** Рендер функция последующего контента. */\n    contentAfter?: () => React.ReactElement;\n}\n\n/** Гиперссылка. */\nexport const Link = React.forwardRef<HTMLAnchorElement, ILinkCommonProps>(\n    ({ children, className, onBlur, onMouseDown, contentAfter, contentBefore, ...rest }, ref) => {\n        /** Рендер функция предшествующего контента. */\n        const renderContentBefore = () =>\n            contentBefore ? (\n                <>\n                    {/* Zero-width space необходим для правильного выравнивания контента. */}\n                    {\"\\u200B\"}\n                    {contentBefore()}\n                </>\n            ) : null;\n\n        /** Рендер функция последующего контента. */\n        const renderContentAfter = () => (contentAfter ? contentAfter() : null);\n\n        const renderAsSimpleText = (text: string) => {\n            const words = text.split(\" \");\n\n            if (words.length < 2 || (words.length < 3 && contentBefore && contentAfter)) {\n                const className = clsx(styles.wordWithContent, {\n                    [styles.after]: Boolean(contentAfter),\n                    [styles.before]: Boolean(contentBefore),\n                });\n                return (\n                    <span className={className}>\n                        {renderContentBefore()}\n                        {text}\n                        {renderContentAfter()}\n                    </span>\n                );\n            }\n\n            const firstWord = words[0];\n            const lastWord = words[words.length - 1];\n            const restWords = words.slice(1, -1).join(\" \");\n\n            const classNameBefore = clsx(styles.wordWithContent, {\n                [styles.before]: Boolean(contentBefore),\n            });\n\n            const firstNode = contentBefore ? (\n                <span className={classNameBefore}>\n                    {renderContentBefore()}\n                    {firstWord}\n                </span>\n            ) : (\n                firstWord\n            );\n\n            const classNameAfter = clsx(styles.wordWithContent, {\n                [styles.after]: Boolean(contentAfter),\n            });\n            const lastNode = contentAfter ? (\n                <span className={classNameAfter}>\n                    {lastWord}\n                    {renderContentAfter()}\n                </span>\n            ) : (\n                lastWord\n            );\n\n            return (\n                <>\n                    {firstNode} {restWords} {lastNode}\n                </>\n            );\n        };\n\n        /** Рендерит как React Nodes. */\n        const renderAsReactNode = (node: React.ReactNode) => {\n            const firstNode = contentBefore ? contentBefore() : null;\n            const lastNode = contentAfter ? contentAfter() : null;\n            return (\n                <>\n                    {firstNode}\n                    {node}\n                    {lastNode}\n                </>\n            );\n        };\n\n        const renderContent = (children: React.ReactNode) =>\n            typeof children === \"string\" ? renderAsSimpleText(children) : renderAsReactNode(children);\n\n        const content = contentBefore || contentAfter ? renderContent(children) : children;\n\n        return (\n            <a\n                role=\"link\"\n                {...rest}\n                className={clsx(className, styles.link)}\n                onBlur={onBlur}\n                onMouseDown={onMouseDown}\n                data-tx={process.env.npm_package_version}\n                ref={ref}\n            >\n                <IconWrapper displayContents>{content}</IconWrapper>\n            </a>\n        );\n    },\n);\n\nLink.displayName = \"Link\";\n"],"names":["className","children"],"mappings":";;;;;;;;;;;;;;AAgBO,MAAM,OAAO,MAAM;AAAA,EACtB,CAAC,EAAE,UAAU,WAAW,QAAQ,aAAa,cAAc,eAAe,GAAG,KAAA,GAAQ,QAAQ;AAEzF,UAAM,sBAAsB,MACxB,gBACI,qBAAA,UAAA,EAEK,UAAA;AAAA,MAAA;AAAA,MACA,cAAA;AAAA,IAAc,EAAA,CACnB,IACA;AAGR,UAAM,qBAAqB,MAAO,eAAe,aAAA,IAAiB;AAElE,UAAM,qBAAqB,CAAC,SAAiB;AACzC,YAAM,QAAQ,KAAK,MAAM,GAAG;AAE5B,UAAI,MAAM,SAAS,KAAM,MAAM,SAAS,KAAK,iBAAiB,cAAe;AACzE,cAAMA,aAAY,KAAK,OAAO,iBAAiB;AAAA,UAC3C,CAAC,OAAO,KAAK,GAAG,QAAQ,YAAY;AAAA,UACpC,CAAC,OAAO,MAAM,GAAG,QAAQ,aAAa;AAAA,QAAA,CACzC;AACD,eACI,qBAAC,QAAA,EAAK,WAAWA,YACZ,UAAA;AAAA,UAAA,oBAAA;AAAA,UACA;AAAA,UACA,mBAAA;AAAA,QAAmB,GACxB;AAAA,MAER;AAEA,YAAM,YAAY,MAAM,CAAC;AACzB,YAAM,WAAW,MAAM,MAAM,SAAS,CAAC;AACvC,YAAM,YAAY,MAAM,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG;AAE7C,YAAM,kBAAkB,KAAK,OAAO,iBAAiB;AAAA,QACjD,CAAC,OAAO,MAAM,GAAG,QAAQ,aAAa;AAAA,MAAA,CACzC;AAED,YAAM,YAAY,gBACd,qBAAC,QAAA,EAAK,WAAW,iBACZ,UAAA;AAAA,QAAA,oBAAA;AAAA,QACA;AAAA,MAAA,EAAA,CACL,IAEA;AAGJ,YAAM,iBAAiB,KAAK,OAAO,iBAAiB;AAAA,QAChD,CAAC,OAAO,KAAK,GAAG,QAAQ,YAAY;AAAA,MAAA,CACvC;AACD,YAAM,WAAW,eACb,qBAAC,QAAA,EAAK,WAAW,gBACZ,UAAA;AAAA,QAAA;AAAA,QACA,mBAAA;AAAA,MAAmB,EAAA,CACxB,IAEA;AAGJ,aACI,qBAAA,UAAA,EACK,UAAA;AAAA,QAAA;AAAA,QAAU;AAAA,QAAE;AAAA,QAAU;AAAA,QAAE;AAAA,MAAA,GAC7B;AAAA,IAER;AAGA,UAAM,oBAAoB,CAAC,SAA0B;AACjD,YAAM,YAAY,gBAAgB,cAAA,IAAkB;AACpD,YAAM,WAAW,eAAe,aAAA,IAAiB;AACjD,aACI,qBAAA,UAAA,EACK,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,GACL;AAAA,IAER;AAEA,UAAM,gBAAgB,CAACC,cACnB,OAAOA,cAAa,WAAW,mBAAmBA,SAAQ,IAAI,kBAAkBA,SAAQ;AAE5F,UAAM,UAAU,iBAAiB,eAAe,cAAc,QAAQ,IAAI;AAE1E,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACJ,GAAG;AAAA,QACJ,WAAW,KAAK,WAAW,OAAO,IAAI;AAAA,QACtC;AAAA,QACA;AAAA,QACA,WAAS;AAAA,QACT;AAAA,QAEA,8BAAC,aAAA,EAAY,iBAAe,MAAE,UAAA,SAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlD;AACJ;AAEA,KAAK,cAAc;"}
+{"version":3,"file":"Link.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { getSafeRel } from \"@sberbusiness/triplex-next/utils/html/anchorSecurity\";\nimport { IconWrapper } from \"../IconWrapper\";\nimport styles from \"./styles/Link.module.less\";\n\n/** Общие свойства компонента Link. */\nexport interface ILinkCommonProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n    /** Тело гиперссылки. */\n    children: React.ReactNode;\n    /** Рендер функция предшествующего контента. */\n    contentBefore?: () => React.ReactElement;\n    /** Рендер функция последующего контента. */\n    contentAfter?: () => React.ReactElement;\n}\n\n/** Гиперссылка. */\nexport const Link = React.forwardRef<HTMLAnchorElement, ILinkCommonProps>(\n    ({ children, className, onBlur, onMouseDown, contentAfter, contentBefore, target, rel, ...rest }, ref) => {\n        /** Рендер функция предшествующего контента. */\n        const renderContentBefore = () =>\n            contentBefore ? (\n                <>\n                    {/* Zero-width space необходим для правильного выравнивания контента. */}\n                    {\"\\u200B\"}\n                    {contentBefore()}\n                </>\n            ) : null;\n\n        /** Рендер функция последующего контента. */\n        const renderContentAfter = () => (contentAfter ? contentAfter() : null);\n\n        const renderAsSimpleText = (text: string) => {\n            const words = text.split(\" \");\n\n            if (words.length < 2 || (words.length < 3 && contentBefore && contentAfter)) {\n                const className = clsx(styles.wordWithContent, {\n                    [styles.after]: Boolean(contentAfter),\n                    [styles.before]: Boolean(contentBefore),\n                });\n                return (\n                    <span className={className}>\n                        {renderContentBefore()}\n                        {text}\n                        {renderContentAfter()}\n                    </span>\n                );\n            }\n\n            const firstWord = words[0];\n            const lastWord = words[words.length - 1];\n            const restWords = words.slice(1, -1).join(\" \");\n\n            const classNameBefore = clsx(styles.wordWithContent, {\n                [styles.before]: Boolean(contentBefore),\n            });\n\n            const firstNode = contentBefore ? (\n                <span className={classNameBefore}>\n                    {renderContentBefore()}\n                    {firstWord}\n                </span>\n            ) : (\n                firstWord\n            );\n\n            const classNameAfter = clsx(styles.wordWithContent, {\n                [styles.after]: Boolean(contentAfter),\n            });\n            const lastNode = contentAfter ? (\n                <span className={classNameAfter}>\n                    {lastWord}\n                    {renderContentAfter()}\n                </span>\n            ) : (\n                lastWord\n            );\n\n            return (\n                <>\n                    {firstNode} {restWords} {lastNode}\n                </>\n            );\n        };\n\n        /** Рендерит как React Nodes. */\n        const renderAsReactNode = (node: React.ReactNode) => {\n            const firstNode = contentBefore ? contentBefore() : null;\n            const lastNode = contentAfter ? contentAfter() : null;\n            return (\n                <>\n                    {firstNode}\n                    {node}\n                    {lastNode}\n                </>\n            );\n        };\n\n        const renderContent = (children: React.ReactNode) =>\n            typeof children === \"string\" ? renderAsSimpleText(children) : renderAsReactNode(children);\n\n        const content = contentBefore || contentAfter ? renderContent(children) : children;\n\n        return (\n            <a\n                role=\"link\"\n                {...rest}\n                target={target}\n                // Защита от reverse tabnabbing при target=\"_blank\".\n                rel={getSafeRel(target, rel)}\n                className={clsx(className, styles.link)}\n                onBlur={onBlur}\n                onMouseDown={onMouseDown}\n                data-tx={process.env.npm_package_version}\n                ref={ref}\n            >\n                <IconWrapper displayContents>{content}</IconWrapper>\n            </a>\n        );\n    },\n);\n\nLink.displayName = \"Link\";\n"],"names":["className","children"],"mappings":";;;;;;;;;;;;;;;AAiBO,MAAM,OAAO,MAAM;AAAA,EACtB,CAAC,EAAE,UAAU,WAAW,QAAQ,aAAa,cAAc,eAAe,QAAQ,KAAK,GAAG,KAAA,GAAQ,QAAQ;AAEtG,UAAM,sBAAsB,MACxB,gBACI,qBAAA,UAAA,EAEK,UAAA;AAAA,MAAA;AAAA,MACA,cAAA;AAAA,IAAc,EAAA,CACnB,IACA;AAGR,UAAM,qBAAqB,MAAO,eAAe,aAAA,IAAiB;AAElE,UAAM,qBAAqB,CAAC,SAAiB;AACzC,YAAM,QAAQ,KAAK,MAAM,GAAG;AAE5B,UAAI,MAAM,SAAS,KAAM,MAAM,SAAS,KAAK,iBAAiB,cAAe;AACzE,cAAMA,aAAY,KAAK,OAAO,iBAAiB;AAAA,UAC3C,CAAC,OAAO,KAAK,GAAG,QAAQ,YAAY;AAAA,UACpC,CAAC,OAAO,MAAM,GAAG,QAAQ,aAAa;AAAA,QAAA,CACzC;AACD,eACI,qBAAC,QAAA,EAAK,WAAWA,YACZ,UAAA;AAAA,UAAA,oBAAA;AAAA,UACA;AAAA,UACA,mBAAA;AAAA,QAAmB,GACxB;AAAA,MAER;AAEA,YAAM,YAAY,MAAM,CAAC;AACzB,YAAM,WAAW,MAAM,MAAM,SAAS,CAAC;AACvC,YAAM,YAAY,MAAM,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG;AAE7C,YAAM,kBAAkB,KAAK,OAAO,iBAAiB;AAAA,QACjD,CAAC,OAAO,MAAM,GAAG,QAAQ,aAAa;AAAA,MAAA,CACzC;AAED,YAAM,YAAY,gBACd,qBAAC,QAAA,EAAK,WAAW,iBACZ,UAAA;AAAA,QAAA,oBAAA;AAAA,QACA;AAAA,MAAA,EAAA,CACL,IAEA;AAGJ,YAAM,iBAAiB,KAAK,OAAO,iBAAiB;AAAA,QAChD,CAAC,OAAO,KAAK,GAAG,QAAQ,YAAY;AAAA,MAAA,CACvC;AACD,YAAM,WAAW,eACb,qBAAC,QAAA,EAAK,WAAW,gBACZ,UAAA;AAAA,QAAA;AAAA,QACA,mBAAA;AAAA,MAAmB,EAAA,CACxB,IAEA;AAGJ,aACI,qBAAA,UAAA,EACK,UAAA;AAAA,QAAA;AAAA,QAAU;AAAA,QAAE;AAAA,QAAU;AAAA,QAAE;AAAA,MAAA,GAC7B;AAAA,IAER;AAGA,UAAM,oBAAoB,CAAC,SAA0B;AACjD,YAAM,YAAY,gBAAgB,cAAA,IAAkB;AACpD,YAAM,WAAW,eAAe,aAAA,IAAiB;AACjD,aACI,qBAAA,UAAA,EACK,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,GACL;AAAA,IAER;AAEA,UAAM,gBAAgB,CAACC,cACnB,OAAOA,cAAa,WAAW,mBAAmBA,SAAQ,IAAI,kBAAkBA,SAAQ;AAE5F,UAAM,UAAU,iBAAiB,eAAe,cAAc,QAAQ,IAAI;AAE1E,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACJ,GAAG;AAAA,QACJ;AAAA,QAEA,KAAK,WAAW,QAAQ,GAAG;AAAA,QAC3B,WAAW,KAAK,WAAW,OAAO,IAAI;AAAA,QACtC;AAAA,QACA;AAAA,QACA,WAAS;AAAA,QACT;AAAA,QAEA,8BAAC,aAAA,EAAY,iBAAe,MAAE,UAAA,SAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlD;AACJ;AAEA,KAAK,cAAc;"}

package/components/List/List.js

@@ -2,13 +2,13 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
-const list = "list__39d1542b";
-const listLoaderScreen = "listLoaderScreen__64e71004";
+const list = "list__cfee0587";
+const listLoaderScreen = "listLoaderScreen__c45dc262";
 const styles = {
   list,
   listLoaderScreen
 };
-const List = React.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "0.36.0", ref, children: [
+const List = React.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "0.37.0", ref, children: [
   children,
   loading ? /* @__PURE__ */ jsx(LoaderScreen, { type: "middle", className: styles.listLoaderScreen }) : null
 ] }));

package/components/List/components/ListEmptyState.js

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

package/components/List/components/ListItem.js

@@ -4,7 +4,7 @@ import { ListItemContext } from "./ListItemContext.js";
 const ListItem = React.forwardRef(({ children, className, ...rest }, ref) => {
   const [selected, setSelected] = useState(false);
   const [selectable, setSelectable] = useState(false);
-  return /* @__PURE__ */ jsx(ListItemContext.Provider, { value: { selected, setSelected, selectable, setSelectable }, children: /* @__PURE__ */ jsx("li", { className, ...rest, "data-tx": "0.36.0", ref, children }) });
+  return /* @__PURE__ */ jsx(ListItemContext.Provider, { value: { selected, setSelected, selectable, setSelectable }, children: /* @__PURE__ */ jsx("li", { className, ...rest, "data-tx": "0.37.0", ref, children }) });
 });
 ListItem.displayName = "ListItem";
 export {

package/components/List/components/ListItemContent.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemContent = "listItemContent__bbd3f214";
-const selected = "selected__ae4d93d8";
-const selectable = "selectable__3ef7a749";
+const listItemContent = "listItemContent__2eb5a445";
+const selected = "selected__6284f7c0";
+const selectable = "selectable__3213f39f";
 const styles = {
   listItemContent,
   selected,
@@ -22,7 +22,7 @@ const ListItemContent = React.forwardRef(
           className
         ),
         ...rest,
-        "data-tx": "0.36.0",
+        "data-tx": "0.37.0",
         ref,
         children
       }

package/components/List/components/ListItemControls.js

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

package/components/List/components/ListItemControlsButton.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../chunks/vendor-BtZO8a0z.js";
-import { L } from "../../../chunks/ListItemControlsButton-BM8dRSBy.js";
+import { L } from "../../../chunks/ListItemControlsButton-y8aHAdNp.js";
 import "../../Typography/enums.js";
 import "../../Typography/Text.js";
 import "../../IconWrapper/IconWrapper.js";

package/components/List/components/ListItemControlsButtonDropdown.js

@@ -18,7 +18,7 @@ import { DropdownMobileListItem } from "../../Dropdown/mobile/DropdownMobileList
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import { s as styles, L as ListItemControlsButton } from "../../../chunks/ListItemControlsButton-BM8dRSBy.js";
+import { s as styles, L as ListItemControlsButton } from "../../../chunks/ListItemControlsButton-y8aHAdNp.js";
 import { setForwardedRef } from "../utils.js";
 const ListItemControlsButtonDropdown = React.forwardRef(
   (props, ref) => {

package/components/List/components/ListItemLoading.js

@@ -5,7 +5,7 @@ import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-const listItemLoading = "listItemLoading__23fd196e";
+const listItemLoading = "listItemLoading__5e650285";
 const styles = {
   listItemLoading
 };

package/components/List/components/ListItemSelectable.js

@@ -3,12 +3,12 @@ import React, { useContext, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemSelectable = "listItemSelectable__7cb0d630";
-const selected = "selected__ae4d93d8";
-const checkboxWrapper = "checkboxWrapper__b832682a";
-const childrenWrapper = "childrenWrapper__1b8bcb52";
-const checkboxLabel = "checkboxLabel__d50165fa";
-const checkboxLabelClickArea = "checkboxLabelClickArea__7c1ecab7";
+const listItemSelectable = "listItemSelectable__bb87df79";
+const selected = "selected__6284f7c0";
+const checkboxWrapper = "checkboxWrapper__925d58de";
+const childrenWrapper = "childrenWrapper__570c2392";
+const checkboxLabel = "checkboxLabel__96271d57";
+const checkboxLabelClickArea = "checkboxLabelClickArea__66100c77";
 const styles = {
   listItemSelectable,
   selected,

package/components/List/components/ListItemTable.js

@@ -7,9 +7,9 @@ import { ListItemControls } from "./ListItemControls.js";
 import { ListItemSelectable } from "./ListItemSelectable.js";
 import { ListItemTailRight } from "./ListItemTailRight.js";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const listItemTable = "listItemTable__639f4313";
-const swipeableArea = "swipeableArea__73f6950f";
-const content = "content__0d498f55";
+const listItemTable = "listItemTable__e084530e";
+const swipeableArea = "swipeableArea__b005c9ea";
+const content = "content__fbb9d8b4";
 const styles = {
   listItemTable,
   swipeableArea,

package/components/List/components/ListItemTailLeft.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/ListItemTail.module-rb2NY-tw.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-DLJTWkN5.js";
 const ListItemTailLeft = React.forwardRef(
   ({ className, ...rest }, ref) => /* @__PURE__ */ jsxs("span", { className: clsx(styles.listItemTail, styles.listItemTailLeft, className), ref, ...rest, children: [
     /* @__PURE__ */ jsx("span", { className: styles.listItemTailLine }),

package/components/List/components/ListItemTailRight.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/ListItemTail.module-rb2NY-tw.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-DLJTWkN5.js";
 const ListItemTailRight = React.forwardRef(
   ({ className, ...rest }, ref) => /* @__PURE__ */ jsxs("span", { className: clsx(styles.listItemTail, styles.listItemTailRight, className), ref, ...rest, children: [
     /* @__PURE__ */ jsx("span", { className: styles.listItemTailLine }),

package/components/List/components/ListSortableItem.js

@@ -4,8 +4,8 @@ import { o as useSortable, q as CSS, c as clsx } from "../../../chunks/vendor-Bt
 import { ListItem } from "./ListItem.js";
 import { setForwardedRef } from "../utils.js";
 import { ListSortableItemTarget } from "./ListSortableItemTarget.js";
-const listSortableItem = "listSortableItem__ca0e9d99";
-const dragging = "dragging__cda575d8";
+const listSortableItem = "listSortableItem__c82715b4";
+const dragging = "dragging__552e5a35";
 const styles = {
   listSortableItem,
   dragging

package/components/List/components/ListSortableItemControls.js

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

package/components/List/components/ListSortableItemTarget.js

@@ -2,10 +2,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { DragdotsStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const listSortableItemTarget = "listSortableItemTarget__f4b8f00a";
-const dragging = "dragging__cda575d8";
-const listSortableItemTargetContent = "listSortableItemTargetContent__953d48cb";
-const listSortableItemTargetIcon = "listSortableItemTargetIcon__81a67c47";
+const listSortableItemTarget = "listSortableItemTarget__201c7534";
+const dragging = "dragging__552e5a35";
+const listSortableItemTargetContent = "listSortableItemTargetContent__24ed79d7";
+const listSortableItemTargetIcon = "listSortableItemTargetIcon__41dc0efd";
 const styles = {
   listSortableItemTarget,
   dragging,

package/components/List/index.js

@@ -3,7 +3,7 @@ import { AdvancedMouseSensor, AdvancedTouchSensor, ListSortable } from "./ListSo
 import { ListItem } from "./components/ListItem.js";
 import { ListItemControls } from "./components/ListItemControls.js";
 import { ListItemContent } from "./components/ListItemContent.js";
-import { L } from "../../chunks/ListItemControlsButton-BM8dRSBy.js";
+import { L } from "../../chunks/ListItemControlsButton-y8aHAdNp.js";
 import { ListItemControlsButtonDropdown } from "./components/ListItemControlsButtonDropdown.js";
 import { ListEmptyState } from "./components/ListEmptyState.js";
 import { ListItemLoading } from "./components/ListItemLoading.js";

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.forwardRef(function ListMaster2({ children, className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "0.36.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "0.37.0", ref, children });
   }),
   {
     Body: ListMasterBody,

package/components/ListMaster/components/ListMasterBody.js

@@ -6,7 +6,7 @@ const ListMasterBody = React.forwardRef(
     {
       className,
       ...rest,
-      "data-tx": "0.36.0",
+      "data-tx": "0.37.0",
       ref,
       children
     }

package/components/ListMaster/components/ListMasterChipGroup.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { ChipGroup } from "../../ChipGroup/ChipGroup.js";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const listMasterChipGroup = "listMasterChipGroup__8919d178";
+const listMasterChipGroup = "listMasterChipGroup__6a2eddc9";
 const styles = {
   listMasterChipGroup
 };

package/components/ListMaster/components/ListMasterFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-B3TW6w58.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-ByDfezV2.js";
 const ListMasterFooter = React.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 from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-B3TW6w58.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-ByDfezV2.js";
 const ListMasterFooterControls = React.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 from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-B3TW6w58.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-ByDfezV2.js";
 const ListMasterFooterDescription = React.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, { useRef, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const listMasterHeader = "listMasterHeader__a13eec64";
-const sticky = "sticky__20f906d0";
+const listMasterHeader = "listMasterHeader__d4a15658";
+const sticky = "sticky__8a2ac27e";
 const styles = {
   listMasterHeader,
   sticky

package/components/ListMaster/components/SelectionControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const selectionControls = "selectionControls__98d20fc7";
+const selectionControls = "selectionControls__d71b1cf0";
 const styles = {
   selectionControls
 };
@@ -11,7 +11,7 @@ const SelectionControls = React.forwardRef(
     {
       className: clsx(styles.selectionControls, className),
       ...rest,
-      "data-tx": "0.36.0",
+      "data-tx": "0.37.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-BtZO8a0z.js";
-const loaderMiddle = "loaderMiddle__7b6c64e6";
-const loaderMiddleDots = "loaderMiddleDots__acc7beb7";
-const dot = "dot__d7ee5f16";
-const dot1 = "dot1__0053762c";
-const dot2 = "dot2__5bfdb074";
-const dot3 = "dot3__928476c0";
-const dot4 = "dot4__91743a41";
-const line = "line__6f5a81a3";
+const loaderMiddle = "loaderMiddle__ffc88861";
+const loaderMiddleDots = "loaderMiddleDots__067bb02d";
+const dot = "dot__f9f681ab";
+const dot1 = "dot1__ef4c14d0";
+const dot2 = "dot2__59c6a54f";
+const dot3 = "dot3__bfc8cdcc";
+const dot4 = "dot4__bec1696c";
+const line = "line__49efe18f";
 const styles = {
   loaderMiddle,
   loaderMiddleDots,

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -2,16 +2,16 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { ELoaderSmallTheme } from "./enum.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const loaderSmall = "loaderSmall__96178170";
-const sm = "sm__492a53f4";
-const dot = "dot__d7ee5f16";
-const md = "md__da23c893";
-const lg = "lg__1f0e3868";
-const neutral = "neutral__ea9e3cc6";
-const brand = "brand__a6ed2b27";
-const dot1 = "dot1__0053762c";
-const dot2 = "dot2__5bfdb074";
-const dot3 = "dot3__928476c0";
+const loaderSmall = "loaderSmall__d09b2581";
+const sm = "sm__25cbcdbb";
+const dot = "dot__f9f681ab";
+const md = "md__a08ccc90";
+const lg = "lg__53c0f70d";
+const neutral = "neutral__dcd3fd6e";
+const brand = "brand__8e3e1954";
+const dot1 = "dot1__ef4c14d0";
+const dot2 = "dot2__59c6a54f";
+const dot3 = "dot3__bfc8cdcc";
 const styles = {
   loaderSmall,
   sm,

package/components/LoaderScreen/LoaderScreen.js

@@ -11,11 +11,11 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const loaderScreen = "loaderScreen__dc4d342e";
-const loaderSmallBackdrop = "loaderSmallBackdrop__b560e1d5";
-const loaderMiddleBackdrop = "loaderMiddleBackdrop__3a110e7d";
-const loaderContent = "loaderContent__5852abdc";
-const description = "description__2b16c866";
+const loaderScreen = "loaderScreen__f5ca06fc";
+const loaderSmallBackdrop = "loaderSmallBackdrop__a210e634";
+const loaderMiddleBackdrop = "loaderMiddleBackdrop__7391328a";
+const loaderContent = "loaderContent__6bf46c7e";
+const description = "description__4068c0ab";
 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-BtZO8a0z.js";
-import { a as styles, s as statusToClassNameMap } from "../../chunks/utils-rOTgeE29.js";
+import { a as styles, s as statusToClassNameMap } from "../../chunks/utils-DY7_iBZq.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-rOTgeE29.js";
+import { s } from "../../chunks/utils-DY7_iBZq.js";
 export {
   s as statusToClassNameMap
 };

package/components/MarkerStatus/MarkerStatus.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { Marker } from "../Marker/Marker.js";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
-import { s as statusToClassNameMap } from "../../chunks/utils-rOTgeE29.js";
+import { s as statusToClassNameMap } from "../../chunks/utils-DY7_iBZq.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__b61ae11d";
-const contentContainer = "contentContainer__9058f0f6";
-const md = "md__098640cc";
-const markerContainer = "markerContainer__cd78fb6f";
-const lg = "lg__bf72b0d5";
+const markerStatus = "markerStatus__70496caf";
+const contentContainer = "contentContainer__e1e5e842";
+const md = "md__07c31d45";
+const markerContainer = "markerContainer__b53a2195";
+const lg = "lg__48d38854";
 const styles = {
   markerStatus,
   contentContainer,
@@ -30,7 +30,7 @@ const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const MarkerStatus = React.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": "0.36.0", ...restProps, ref, children: [
+    return /* @__PURE__ */ jsxs("div", { className: classNames, "data-tx": "0.37.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/MediaBetweenWidth.js

@@ -1,9 +1,6 @@
 import { useMatchMedia } from "./useMatchMedia.js";
 const MediaBetweenWidth = ({ children, fallback, minWidth, maxWidth }) => {
-  const matches = useMatchMedia(
-    `(max-width: ${maxWidth}) and (min-width: ${minWidth})`,
-    window.innerWidth >= parseInt(minWidth) && window.innerWidth <= parseInt(maxWidth)
-  );
+  const matches = useMatchMedia(`(max-width: ${maxWidth}) and (min-width: ${minWidth})`);
   return matches ? children : fallback;
 };
 export {

package/components/MediaWidth/MediaBetweenWidth.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaBetweenWidth.js","sources":["../../../src/components/MediaWidth/MediaBetweenWidth.tsx"],"sourcesContent":["import React from \"react\";\nimport { EScreenWidth } from \"@sberbusiness/triplex-next/helpers/breakpoints\";\nimport { useMatchMedia } from \"@sberbusiness/triplex-next/components/MediaWidth/useMatchMedia\";\n\n/**\n * Свойства MediaBetweenWidth.\n */\ninterface IMediaBetweenWidthProps {\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 * Компонент, который рендерит children в случае, если ширина окна браузера попадает в диапазон между minWidth и maxWidth.\n * В противном случае рендерится fallback.\n */\nexport const MediaBetweenWidth: React.FC<IMediaBetweenWidthProps> = ({ children, fallback, minWidth, maxWidth }) => {\n    const matches = useMatchMedia(\n        `(max-width: ${maxWidth}) and (min-width: ${minWidth})`,\n        window.innerWidth >= parseInt(minWidth) && window.innerWidth <= parseInt(maxWidth),\n    );\n\n    return matches ? children : fallback;\n};\n"],"names":[],"mappings":";AAsBO,MAAM,oBAAuD,CAAC,EAAE,UAAU,UAAU,UAAU,eAAe;AAChH,QAAM,UAAU;AAAA,IACZ,eAAe,QAAQ,qBAAqB,QAAQ;AAAA,IACpD,OAAO,cAAc,SAAS,QAAQ,KAAK,OAAO,cAAc,SAAS,QAAQ;AAAA,EAAA;AAGrF,SAAO,UAAU,WAAW;AAChC;"}
+{"version":3,"file":"MediaBetweenWidth.js","sources":["../../../src/components/MediaWidth/MediaBetweenWidth.tsx"],"sourcesContent":["import React from \"react\";\nimport { EScreenWidth } from \"../../helpers/breakpoints\";\nimport { useMatchMedia } from \"./useMatchMedia\";\n\n/** Свойства компонента MediaBetweenWidth. */\nexport interface IMediaBetweenWidthProps {\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 * Компонент, который рендерит children в случае, если ширина окна браузера попадает в диапазон между minWidth и maxWidth.\n * В противном случае рендерится fallback.\n */\nexport const MediaBetweenWidth: React.FC<IMediaBetweenWidthProps> = ({ children, fallback, minWidth, maxWidth }) => {\n    const matches = useMatchMedia(`(max-width: ${maxWidth}) and (min-width: ${minWidth})`);\n\n    return matches ? children : fallback;\n};\n"],"names":[],"mappings":";AAoBO,MAAM,oBAAuD,CAAC,EAAE,UAAU,UAAU,UAAU,eAAe;AAChH,QAAM,UAAU,cAAc,eAAe,QAAQ,qBAAqB,QAAQ,GAAG;AAErF,SAAO,UAAU,WAAW;AAChC;"}