@sberbusiness/triplex-next 1.35.1 → 1.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__0148ff17";
-const lightBoxSideOverlayWrapper = "lightBoxSideOverlayWrapper__33515a3c";
-const overflowXHidden = "overflowXHidden__9f74b5ec";
-const overflowYHidden = "overflowYHidden__2fc4c6bf";
-const closing = "closing__530c9d6a";
-const opened = "opened__4271b402";
-const lightBoxSideOverlayContent = "lightBoxSideOverlayContent__4f88fe4a";
-const opening = "opening__3442a1e1";
-const sm = "sm__31d4020b";
-const md = "md__31259f39";
-const lg = "lg__d2043501";
-const lightBoxSideOverlay = "lightBoxSideOverlay__972ca7f3";
+const lightBoxSideOverlayMask = "lightBoxSideOverlayMask__21256745";
+const lightBoxSideOverlayWrapper = "lightBoxSideOverlayWrapper__0a214f7e";
+const overflowXHidden = "overflowXHidden__b470578b";
+const overflowYHidden = "overflowYHidden__1fc9beed";
+const closing = "closing__0779e57c";
+const opened = "opened__c6f97298";
+const lightBoxSideOverlayContent = "lightBoxSideOverlayContent__351588d4";
+const opening = "opening__2b62a7b0";
+const sm = "sm__db892810";
+const md = "md__33415db9";
+const lg = "lg__cb7cb6a4";
+const lightBoxSideOverlay = "lightBoxSideOverlay__884dbc6e";
 const styles = {
   lightBoxSideOverlayMask,
   lightBoxSideOverlayWrapper,
@@ -43,7 +43,7 @@ const LightBoxSideOverlayBase = React__default.forwardRef(
     className,
     focusTrapProps,
     isLoading,
-    loadingTitle,
+    loaderScreenProps,
     isTopLevelSideOverlayOpened,
     isTopOverlayOpened,
     onClose,
@@ -91,7 +91,7 @@ const LightBoxSideOverlayBase = React__default.forwardRef(
         ref: contentRef,
         children: [
           children,
-          isLoading && /* @__PURE__ */ jsx(LightBoxSideOverlayLoader, { loadingTitle })
+          isLoading && /* @__PURE__ */ jsx(LightBoxSideOverlayLoader, { loaderScreenProps })
         ]
       }
     );

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"LightBoxSideOverlay.js","sources":["../../../../src/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { FocusTrapExtended, IFocusTrapExtendedProps } from \"../../FocusTrapExtended\";\nimport {\n    EOverlayDirection,\n    IOverlayBaseProps,\n    OverlayBase,\n    IOverlayChildrenProvideProps,\n} from \"../../Overlay/OverlayBase\";\nimport { OverlayMask } from \"../../Overlay/OverlayMask\";\nimport { LightBoxSideOverlayLoader } from \"./LightBoxSideOverlayLoader\";\nimport { FocusTrapUtils } from \"../../../utils/focus/FocusTrapUtils\";\nimport { LightBoxSideOverlayCloseMobile } from \"./LightBoxSideOverlayCloseMobile\";\nimport { LightBoxSideOverlayCloseDesktop } from \"./LightBoxSideOverlayCloseDesktop\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"./styles/LightBoxSideOverlay.module.less\";\n\n/** Свойства компонента LightBoxSideOverlay. */\nexport interface ILightBoxSideOverlayProps\n    extends React.HTMLAttributes<HTMLDivElement>, Pick<IOverlayBaseProps, \"opened\" | \"onClose\" | \"onOpen\"> {\n    /** Свойства компонента FocusTrapExtended. */\n    focusTrapProps?: IFocusTrapExtendedProps;\n    /** Состояние загрузки. */\n    isLoading?: boolean;\n    /** Текст под спиннером. */\n    loadingTitle?: React.ReactNode;\n    /** Открыт другой SideOverlay поверх текущего. */\n    isTopLevelSideOverlayOpened?: boolean;\n    /** Открыт TopOverlay в текущем SideOverlay. */\n    isTopOverlayOpened?: boolean;\n    /** Размер компонента. */\n    size?: EComponentSize;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\nconst LightBoxSideOverlayBase = React.forwardRef<HTMLDivElement, ILightBoxSideOverlayProps>(\n    (\n        {\n            children,\n            className,\n            focusTrapProps,\n            isLoading,\n            loadingTitle,\n            isTopLevelSideOverlayOpened,\n            isTopOverlayOpened,\n            onClose,\n            onOpen,\n            opened,\n            size = EComponentSize.MD,\n            ...htmlDivAttributes\n        },\n        ref,\n    ) => {\n        // Флаг, в текущий момент оверлей закрывается.\n        const [closing, setClosing] = useState(false);\n        // Флаг, в текущий момент оверлей открывается.\n        const [opening, setOpening] = useState(false);\n        // Предыдущее состояние открыт/закрыт.\n        const prevOpened = useRef(opened);\n        const contentRef = useRef<HTMLDivElement>(null);\n\n        useEffect(() => {\n            if (prevOpened.current && !opened) {\n                // eslint-disable-next-line react-hooks/set-state-in-effect\n                setOpening(false); // opened меняется в процессе анимации открытия.\n                setClosing(true);\n            } else if (!prevOpened.current && opened) {\n                setClosing(false); // opened меняется в процессе анимации закрытия.\n                setOpening(true);\n            }\n\n            prevOpened.current = opened;\n        }, [opened]);\n\n        const handleTransitionEnd = (event: React.TransitionEvent<HTMLDivElement>) => {\n            const { target, currentTarget } = event;\n\n            if (target === currentTarget) {\n                if (closing) {\n                    setClosing(false);\n                    onClose?.();\n                } else if (opening) {\n                    setOpening(false);\n                    onOpen?.();\n                }\n            }\n        };\n\n        const renderMask = ({ opened }: IOverlayChildrenProvideProps) => (\n            <OverlayMask opened={opened} className={styles.lightBoxSideOverlayMask} />\n        );\n\n        const renderPanel = () => (\n            <div\n                className={clsx(styles.lightBoxSideOverlayContent, {\n                    [styles.closing]: closing,\n                    [styles.opening]: opening,\n                    [styles.opened]: opened,\n                })}\n                onTransitionEnd={handleTransitionEnd}\n                ref={contentRef}\n            >\n                {children}\n\n                {isLoading && <LightBoxSideOverlayLoader loadingTitle={loadingTitle} />}\n            </div>\n        );\n\n        const setOpened = () => {};\n\n        const classNameOverlayWrapper = clsx(className, styles.lightBoxSideOverlayWrapper, sizeToClassNameMap[size], {\n            [styles.closing]: closing,\n            [styles.opened]: opened,\n            [styles.overflowXHidden]: Boolean(isTopLevelSideOverlayOpened) || Boolean(isLoading),\n            [styles.overflowYHidden]:\n                Boolean(isTopLevelSideOverlayOpened) || Boolean(isLoading) || Boolean(isTopOverlayOpened),\n        });\n\n        const renderOverlay = (provideProps: IOverlayChildrenProvideProps) => (\n            <>\n                {renderMask(provideProps)}\n                {renderPanel()}\n            </>\n        );\n\n        return (\n            <FocusTrapExtended\n                active={opened && !opening && !closing}\n                {...focusTrapProps}\n                focusTrapOptions={{\n                    allowOutsideClick: true,\n                    initialFocus: () => FocusTrapUtils.getFirstInteractionElementByDataAttr(contentRef.current),\n                    preventScroll: true,\n                    ...focusTrapProps?.focusTrapOptions,\n                }}\n            >\n                <div\n                    className={classNameOverlayWrapper}\n                    role=\"dialog\"\n                    aria-modal=\"true\"\n                    {...htmlDivAttributes}\n                    ref={ref}\n                >\n                    <div\n                        className={clsx(styles.lightBoxSideOverlay, {\n                            [styles.closing]: closing,\n                            [styles.opening]: opening,\n                        })}\n                    >\n                        <OverlayBase direction={EOverlayDirection.RIGHT} opened={opened} setOpened={setOpened}>\n                            {renderOverlay}\n                        </OverlayBase>\n                    </div>\n                </div>\n            </FocusTrapExtended>\n        );\n    },\n);\n\nLightBoxSideOverlayBase.displayName = \"LightBoxSideOverlay\";\n\n/** Боковая панель LightBox, выезжающая с правой стороны. */\nexport const LightBoxSideOverlay = Object.assign(LightBoxSideOverlayBase, {\n    CloseDesktop: LightBoxSideOverlayCloseDesktop,\n    CloseMobile: LightBoxSideOverlayCloseMobile,\n});\n"],"names":["React","opened","closing","opening"],"mappings":"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"}
+{"version":3,"file":"LightBoxSideOverlay.js","sources":["../../../../src/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { FocusTrapExtended, IFocusTrapExtendedProps } from \"../../FocusTrapExtended\";\nimport {\n    EOverlayDirection,\n    IOverlayBaseProps,\n    OverlayBase,\n    IOverlayChildrenProvideProps,\n} from \"../../Overlay/OverlayBase\";\nimport { OverlayMask } from \"../../Overlay/OverlayMask\";\nimport { ILoaderScreenMiddleProps } from \"../../LoaderScreen/LoaderScreen\";\nimport { LightBoxSideOverlayLoader } from \"./LightBoxSideOverlayLoader\";\nimport { FocusTrapUtils } from \"../../../utils/focus/FocusTrapUtils\";\nimport { LightBoxSideOverlayCloseMobile } from \"./LightBoxSideOverlayCloseMobile\";\nimport { LightBoxSideOverlayCloseDesktop } from \"./LightBoxSideOverlayCloseDesktop\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"./styles/LightBoxSideOverlay.module.less\";\n\n/** Свойства компонента LightBoxSideOverlay. */\nexport interface ILightBoxSideOverlayProps\n    extends React.HTMLAttributes<HTMLDivElement>, Pick<IOverlayBaseProps, \"opened\" | \"onClose\" | \"onOpen\"> {\n    /** Свойства компонента FocusTrapExtended. */\n    focusTrapProps?: IFocusTrapExtendedProps;\n    /** Состояние загрузки. */\n    isLoading?: boolean;\n    /** Свойства компонента LoaderScreen. */\n    loaderScreenProps?: ILoaderScreenMiddleProps;\n    /** Открыт другой SideOverlay поверх текущего. */\n    isTopLevelSideOverlayOpened?: boolean;\n    /** Открыт TopOverlay в текущем SideOverlay. */\n    isTopOverlayOpened?: boolean;\n    /** Размер компонента. */\n    size?: EComponentSize;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\nconst LightBoxSideOverlayBase = React.forwardRef<HTMLDivElement, ILightBoxSideOverlayProps>(\n    (\n        {\n            children,\n            className,\n            focusTrapProps,\n            isLoading,\n            loaderScreenProps,\n            isTopLevelSideOverlayOpened,\n            isTopOverlayOpened,\n            onClose,\n            onOpen,\n            opened,\n            size = EComponentSize.MD,\n            ...htmlDivAttributes\n        },\n        ref,\n    ) => {\n        // Флаг, в текущий момент оверлей закрывается.\n        const [closing, setClosing] = useState(false);\n        // Флаг, в текущий момент оверлей открывается.\n        const [opening, setOpening] = useState(false);\n        // Предыдущее состояние открыт/закрыт.\n        const prevOpened = useRef(opened);\n        const contentRef = useRef<HTMLDivElement>(null);\n\n        useEffect(() => {\n            if (prevOpened.current && !opened) {\n                setOpening(false); // opened меняется в процессе анимации открытия.\n                setClosing(true);\n            } else if (!prevOpened.current && opened) {\n                setClosing(false); // opened меняется в процессе анимации закрытия.\n                setOpening(true);\n            }\n\n            prevOpened.current = opened;\n        }, [opened]);\n\n        const handleTransitionEnd = (event: React.TransitionEvent<HTMLDivElement>) => {\n            const { target, currentTarget } = event;\n\n            if (target === currentTarget) {\n                if (closing) {\n                    setClosing(false);\n                    onClose?.();\n                } else if (opening) {\n                    setOpening(false);\n                    onOpen?.();\n                }\n            }\n        };\n\n        const renderMask = ({ opened }: IOverlayChildrenProvideProps) => (\n            <OverlayMask opened={opened} className={styles.lightBoxSideOverlayMask} />\n        );\n\n        const renderPanel = () => (\n            <div\n                className={clsx(styles.lightBoxSideOverlayContent, {\n                    [styles.closing]: closing,\n                    [styles.opening]: opening,\n                    [styles.opened]: opened,\n                })}\n                onTransitionEnd={handleTransitionEnd}\n                ref={contentRef}\n            >\n                {children}\n\n                {isLoading && <LightBoxSideOverlayLoader loaderScreenProps={loaderScreenProps} />}\n            </div>\n        );\n\n        const setOpened = () => {};\n\n        const classNameOverlayWrapper = clsx(className, styles.lightBoxSideOverlayWrapper, sizeToClassNameMap[size], {\n            [styles.closing]: closing,\n            [styles.opened]: opened,\n            [styles.overflowXHidden]: Boolean(isTopLevelSideOverlayOpened) || Boolean(isLoading),\n            [styles.overflowYHidden]:\n                Boolean(isTopLevelSideOverlayOpened) || Boolean(isLoading) || Boolean(isTopOverlayOpened),\n        });\n\n        const renderOverlay = (provideProps: IOverlayChildrenProvideProps) => (\n            <>\n                {renderMask(provideProps)}\n                {renderPanel()}\n            </>\n        );\n\n        return (\n            <FocusTrapExtended\n                active={opened && !opening && !closing}\n                {...focusTrapProps}\n                focusTrapOptions={{\n                    allowOutsideClick: true,\n                    initialFocus: () => FocusTrapUtils.getFirstInteractionElementByDataAttr(contentRef.current),\n                    preventScroll: true,\n                    ...focusTrapProps?.focusTrapOptions,\n                }}\n            >\n                <div\n                    className={classNameOverlayWrapper}\n                    role=\"dialog\"\n                    aria-modal=\"true\"\n                    {...htmlDivAttributes}\n                    ref={ref}\n                >\n                    <div\n                        className={clsx(styles.lightBoxSideOverlay, {\n                            [styles.closing]: closing,\n                            [styles.opening]: opening,\n                        })}\n                    >\n                        <OverlayBase direction={EOverlayDirection.RIGHT} opened={opened} setOpened={setOpened}>\n                            {renderOverlay}\n                        </OverlayBase>\n                    </div>\n                </div>\n            </FocusTrapExtended>\n        );\n    },\n);\n\nLightBoxSideOverlayBase.displayName = \"LightBoxSideOverlay\";\n\n/** Боковая панель LightBox, выезжающая с правой стороны. */\nexport const LightBoxSideOverlay = Object.assign(LightBoxSideOverlayBase, {\n    CloseDesktop: LightBoxSideOverlayCloseDesktop,\n    CloseMobile: LightBoxSideOverlayCloseMobile,\n});\n"],"names":["React","opened","closing","opening"],"mappings":"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"}

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-Dju5v6iy.js";
+import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-GYvWYxDz.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-Bco_z_Yi.js";
 import { CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-Dju5v6iy.js";
+import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-GYvWYxDz.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,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const lightBoxSideOverlayLoaderWrapper = "lightBoxSideOverlayLoaderWrapper__70c26d2c";
+const lightBoxSideOverlayLoaderWrapper = "lightBoxSideOverlayLoaderWrapper__93f22d1b";
 const styles = {
   lightBoxSideOverlayLoaderWrapper
 };
-const LightBoxSideOverlayLoader = ({ loadingTitle }) => {
+const LightBoxSideOverlayLoader = ({ loaderScreenProps }) => {
   const [topPosition, setTopPosition] = useState(0);
   const loaderRef = useRef(null);
   useEffect(() => {
@@ -22,7 +22,7 @@ const LightBoxSideOverlayLoader = ({ loadingTitle }) => {
       }
     });
   }, []);
-  return /* @__PURE__ */ jsx("div", { ref: loaderRef, className: styles.lightBoxSideOverlayLoaderWrapper, style: { top: `${topPosition}px` }, children: /* @__PURE__ */ jsx(LoaderScreen, { type: "middle", children: loadingTitle }) });
+  return /* @__PURE__ */ jsx("div", { ref: loaderRef, className: styles.lightBoxSideOverlayLoaderWrapper, style: { top: `${topPosition}px` }, children: /* @__PURE__ */ jsx(LoaderScreen, { ...loaderScreenProps, type: "middle" }) });
 };
 LightBoxSideOverlayLoader.displayName = "LightBoxSideOverlayLoader";
 export {

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"LightBoxSideOverlayLoader.js","sources":["../../../../src/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayLoader.tsx"],"sourcesContent":["import React from \"react\";\nimport { useEffect, useState, useRef } from \"react\";\nimport { LoaderScreen } from \"../../LoaderScreen/LoaderScreen\";\nimport styles from \"./styles/LightBoxSideOverlayLoader.module.less\";\n\ninterface ILightBoxSideOverlayLoaderProps {\n    /** Текст под спиннером.*/\n    loadingTitle?: React.ReactNode;\n}\n\nexport const LightBoxSideOverlayLoader: React.FC<ILightBoxSideOverlayLoaderProps> = ({ loadingTitle }) => {\n    // Позиция top, высчитывается из scrollTop родителя.\n    const [topPosition, setTopPosition] = useState<number | string>(0);\n    const loaderRef = useRef<HTMLDivElement | null>(null);\n\n    useEffect(() => {\n        setTimeout(() => {\n            if (loaderRef.current) {\n                const position = loaderRef.current.getBoundingClientRect();\n                // position.top равен высоте скролла родителя.\n                if (position.top !== topPosition) {\n                    if (position.top > 0) {\n                        setTopPosition(0);\n                    } else {\n                        setTopPosition(Math.abs(position.top));\n                    }\n                }\n            }\n        });\n    }, []);\n\n    return (\n        <div ref={loaderRef} className={styles.lightBoxSideOverlayLoaderWrapper} style={{ top: `${topPosition}px` }}>\n            <LoaderScreen type=\"middle\">{loadingTitle}</LoaderScreen>\n        </div>\n    );\n};\n\nLightBoxSideOverlayLoader.displayName = \"LightBoxSideOverlayLoader\";\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,4BAAuE,CAAC,EAAE,mBAAmB;AAEtG,QAAM,CAAC,aAAa,cAAc,IAAI,SAA0B,CAAC;AACjE,QAAM,YAAY,OAA8B,IAAI;AAEpD,YAAU,MAAM;AACZ,eAAW,MAAM;AACb,UAAI,UAAU,SAAS;AACnB,cAAM,WAAW,UAAU,QAAQ,sBAAA;AAEnC,YAAI,SAAS,QAAQ,aAAa;AAC9B,cAAI,SAAS,MAAM,GAAG;AAClB,2BAAe,CAAC;AAAA,UACpB,OAAO;AACH,2BAAe,KAAK,IAAI,SAAS,GAAG,CAAC;AAAA,UACzC;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ,CAAC;AAAA,EACL,GAAG,CAAA,CAAE;AAEL,6BACK,OAAA,EAAI,KAAK,WAAW,WAAW,OAAO,kCAAkC,OAAO,EAAE,KAAK,GAAG,WAAW,QACjG,UAAA,oBAAC,gBAAa,MAAK,UAAU,wBAAa,EAAA,CAC9C;AAER;AAEA,0BAA0B,cAAc;"}
+{"version":3,"file":"LightBoxSideOverlayLoader.js","sources":["../../../../src/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayLoader.tsx"],"sourcesContent":["import React from \"react\";\nimport { useEffect, useState, useRef } from \"react\";\nimport { LoaderScreen, ILoaderScreenMiddleProps } from \"../../LoaderScreen/LoaderScreen\";\nimport styles from \"./styles/LightBoxSideOverlayLoader.module.less\";\n\ninterface ILightBoxSideOverlayLoaderProps {\n    /** Свойства компонента LoaderScreen. */\n    loaderScreenProps?: ILoaderScreenMiddleProps;\n}\n\nexport const LightBoxSideOverlayLoader: React.FC<ILightBoxSideOverlayLoaderProps> = ({ loaderScreenProps }) => {\n    // Позиция top, высчитывается из scrollTop родителя.\n    const [topPosition, setTopPosition] = useState<number | string>(0);\n    const loaderRef = useRef<HTMLDivElement | null>(null);\n\n    useEffect(() => {\n        setTimeout(() => {\n            if (loaderRef.current) {\n                const position = loaderRef.current.getBoundingClientRect();\n                // position.top равен высоте скролла родителя.\n                if (position.top !== topPosition) {\n                    if (position.top > 0) {\n                        setTopPosition(0);\n                    } else {\n                        setTopPosition(Math.abs(position.top));\n                    }\n                }\n            }\n        });\n    }, []);\n\n    return (\n        <div ref={loaderRef} className={styles.lightBoxSideOverlayLoaderWrapper} style={{ top: `${topPosition}px` }}>\n            <LoaderScreen {...loaderScreenProps} type=\"middle\" />\n        </div>\n    );\n};\n\nLightBoxSideOverlayLoader.displayName = \"LightBoxSideOverlayLoader\";\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,4BAAuE,CAAC,EAAE,wBAAwB;AAE3G,QAAM,CAAC,aAAa,cAAc,IAAI,SAA0B,CAAC;AACjE,QAAM,YAAY,OAA8B,IAAI;AAEpD,YAAU,MAAM;AACZ,eAAW,MAAM;AACb,UAAI,UAAU,SAAS;AACnB,cAAM,WAAW,UAAU,QAAQ,sBAAA;AAEnC,YAAI,SAAS,QAAQ,aAAa;AAC9B,cAAI,SAAS,MAAM,GAAG;AAClB,2BAAe,CAAC;AAAA,UACpB,OAAO;AACH,2BAAe,KAAK,IAAI,SAAS,GAAG,CAAC;AAAA,UACzC;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ,CAAC;AAAA,EACL,GAAG,CAAA,CAAE;AAEL,SACI,oBAAC,SAAI,KAAK,WAAW,WAAW,OAAO,kCAAkC,OAAO,EAAE,KAAK,GAAG,WAAW,KAAA,GACjG,UAAA,oBAAC,cAAA,EAAc,GAAG,mBAAmB,MAAK,UAAS,EAAA,CACvD;AAER;AAEA,0BAA0B,cAAc;"}

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-Bco_z_Yi.js";
-const lightBoxLeftSidebar = "lightBoxLeftSidebar__d0e273a7";
-const fixed = "fixed__46fd75a9";
-const hidden = "hidden__59cf9903";
+const lightBoxLeftSidebar = "lightBoxLeftSidebar__440732b0";
+const fixed = "fixed__33d17dcc";
+const hidden = "hidden__152ea90e";
 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-Bco_z_Yi.js";
-const lightBoxRightSidebar = "lightBoxRightSidebar__b70c5156";
-const fixed = "fixed__46fd75a9";
-const hidden = "hidden__59cf9903";
+const lightBoxRightSidebar = "lightBoxRightSidebar__750022ab";
+const fixed = "fixed__33d17dcc";
+const hidden = "hidden__152ea90e";
 const styles = {
   lightBoxRightSidebar,
   fixed,

package/components/Link/Link.js

@@ -1,11 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { getSafeRel } from "../../utils/html/anchorSecurity.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const link = "link__4e434dd5";
-const wordWithContent = "wordWithContent__1588b11b";
-const before = "before__dba1cfcd";
-const after = "after__222eacd6";
+const link = "link__b6d41257";
+const wordWithContent = "wordWithContent__7902c5bf";
+const before = "before__5fbdb11c";
+const after = "after__35397cda";
 const styles = {
   link,
   wordWithContent,
@@ -13,7 +14,7 @@ const styles = {
   after
 };
 const Link = React__default.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__default.forwardRef(
       {
         role: "link",
         ...rest,
+        target,
+        rel: getSafeRel(target, rel),
         className: clsx(className, styles.link),
         onBlur,
         onMouseDown,
-        "data-tx": "1.35.1",
+        "data-tx": "1.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":["React","className","children"],"mappings":";;;;;;;;;;;;;;AAgBO,MAAM,OAAOA,eAAM;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,cAAMC,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":["React","className","children"],"mappings":";;;;;;;;;;;;;;;AAiBO,MAAM,OAAOA,eAAM;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,cAAMC,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__default from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
-const list = "list__9ba40398";
-const listLoaderScreen = "listLoaderScreen__4d8e1fb3";
+const list = "list__45a0d955";
+const listLoaderScreen = "listLoaderScreen__7f8942cd";
 const styles = {
   list,
   listLoaderScreen
 };
-const List = React__default.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "1.35.1", ref, children: [
+const List = React__default.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "1.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__default from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const listEmptyState = "listEmptyState__00344491";
+const listEmptyState = "listEmptyState__4a4dc10e";
 const styles = {
   listEmptyState
 };

package/components/List/components/ListItem.js

@@ -4,7 +4,7 @@ import { ListItemContext } from "./ListItemContext.js";
 const ListItem = React__default.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": "1.35.1", ref, children }) });
+  return /* @__PURE__ */ jsx(ListItemContext.Provider, { value: { selected, setSelected, selectable, setSelectable }, children: /* @__PURE__ */ jsx("li", { className, ...rest, "data-tx": "1.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__default, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemContent = "listItemContent__793f8420";
-const selected = "selected__96de77eb";
-const selectable = "selectable__e4a79e77";
+const listItemContent = "listItemContent__6e3010ec";
+const selected = "selected__366f4c7e";
+const selectable = "selectable__6b9c171d";
 const styles = {
   listItemContent,
   selected,
@@ -22,7 +22,7 @@ const ListItemContent = React__default.forwardRef(
           className
         ),
         ...rest,
-        "data-tx": "1.35.1",
+        "data-tx": "1.37.0",
         ref,
         children
       }

package/components/List/components/ListItemControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const listItemControls = "listItemControls__023eafc3";
+const listItemControls = "listItemControls__cbf0b58c";
 const styles = {
   listItemControls
 };

package/components/List/components/ListItemControlsButton.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../chunks/vendor-Bco_z_Yi.js";
-import { L } from "../../../chunks/ListItemControlsButton-CQe_5GFV.js";
+import { L } from "../../../chunks/ListItemControlsButton-GPMeEvPg.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-CQe_5GFV.js";
+import { s as styles, L as ListItemControlsButton } from "../../../chunks/ListItemControlsButton-GPMeEvPg.js";
 import { setForwardedRef } from "../utils.js";
 const ListItemControlsButtonDropdown = React__default.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__8a1bc4fd";
+const listItemLoading = "listItemLoading__208b1d1f";
 const styles = {
   listItemLoading
 };

package/components/List/components/ListItemSelectable.js

@@ -3,12 +3,12 @@ import React__default, { useContext, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemSelectable = "listItemSelectable__e14a8b76";
-const selected = "selected__96de77eb";
-const checkboxWrapper = "checkboxWrapper__23e36446";
-const childrenWrapper = "childrenWrapper__bb0f95a5";
-const checkboxLabel = "checkboxLabel__ff9e26c2";
-const checkboxLabelClickArea = "checkboxLabelClickArea__b8c73ec4";
+const listItemSelectable = "listItemSelectable__a7074aa7";
+const selected = "selected__366f4c7e";
+const checkboxWrapper = "checkboxWrapper__5d72520c";
+const childrenWrapper = "childrenWrapper__97731864";
+const checkboxLabel = "checkboxLabel__48589a8e";
+const checkboxLabelClickArea = "checkboxLabelClickArea__85c5a5b6";
 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-Bco_z_Yi.js";
-const listItemTable = "listItemTable__b259d9fe";
-const swipeableArea = "swipeableArea__ffcaf715";
-const content = "content__f428dce6";
+const listItemTable = "listItemTable__630d292f";
+const swipeableArea = "swipeableArea__bea7d791";
+const content = "content__efddbddc";
 const styles = {
   listItemTable,
   swipeableArea,

package/components/List/components/ListItemTailLeft.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/ListItemTail.module-Br4WXwba.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-CxYWi3hU.js";
 const ListItemTailLeft = React__default.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__default from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/ListItemTail.module-Br4WXwba.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-CxYWi3hU.js";
 const ListItemTailRight = React__default.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 { q as useSortable, s as CSS, c as clsx } from "../../../chunks/vendor-Bc
 import { ListItem } from "./ListItem.js";
 import { setForwardedRef } from "../utils.js";
 import { ListSortableItemTarget } from "./ListSortableItemTarget.js";
-const listSortableItem = "listSortableItem__4b7c540a";
-const dragging = "dragging__93b26892";
+const listSortableItem = "listSortableItem__1b607fc2";
+const dragging = "dragging__dffaf7cd";
 const styles = {
   listSortableItem,
   dragging

package/components/List/components/ListSortableItemControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const listSortableItemControls = "listSortableItemControls__7991dde1";
+const listSortableItemControls = "listSortableItemControls__c049600b";
 const styles = {
   listSortableItemControls
 };

package/components/List/components/ListSortableItemTarget.js

@@ -2,10 +2,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { DragdotsStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const listSortableItemTarget = "listSortableItemTarget__4c89f1a8";
-const dragging = "dragging__93b26892";
-const listSortableItemTargetContent = "listSortableItemTargetContent__0d67b764";
-const listSortableItemTargetIcon = "listSortableItemTargetIcon__927ce189";
+const listSortableItemTarget = "listSortableItemTarget__652abe11";
+const dragging = "dragging__dffaf7cd";
+const listSortableItemTargetContent = "listSortableItemTargetContent__6d974498";
+const listSortableItemTargetIcon = "listSortableItemTargetIcon__9c8a4ac1";
 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-CQe_5GFV.js";
+import { L } from "../../chunks/ListItemControlsButton-GPMeEvPg.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__default.forwardRef(function ListMaster2({ children, className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "1.35.1", ref, children });
+    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "1.37.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.35.1",
+      "data-tx": "1.37.0",
       ref,
       children
     }

package/components/ListMaster/components/ListMasterChipGroup.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { ChipGroup } from "../../ChipGroup/ChipGroup.js";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const listMasterChipGroup = "listMasterChipGroup__40daf909";
+const listMasterChipGroup = "listMasterChipGroup__432a4fb5";
 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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-Bl4Kh0am.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-D4cCrnyv.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-Bl4Kh0am.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-D4cCrnyv.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-Bl4Kh0am.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-D4cCrnyv.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-Bco_z_Yi.js";
-const listMasterHeader = "listMasterHeader__7c4e98a2";
-const sticky = "sticky__342515e3";
+const listMasterHeader = "listMasterHeader__8c87317f";
+const sticky = "sticky__42ae1f9e";
 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-Bco_z_Yi.js";
-const selectionControls = "selectionControls__127a111e";
+const selectionControls = "selectionControls__9bb6dd77";
 const styles = {
   selectionControls
 };
@@ -11,7 +11,7 @@ const SelectionControls = React__default.forwardRef(
     {
       className: clsx(styles.selectionControls, className),
       ...rest,
-      "data-tx": "1.35.1",
+      "data-tx": "1.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-Bco_z_Yi.js";
-const loaderMiddle = "loaderMiddle__c894121a";
-const loaderMiddleDots = "loaderMiddleDots__f8504dea";
-const dot = "dot__26431898";
-const dot1 = "dot1__91b031ae";
-const dot2 = "dot2__e5b1d3ff";
-const dot3 = "dot3__025d9585";
-const dot4 = "dot4__5010385e";
-const line = "line__f2b23853";
+const loaderMiddle = "loaderMiddle__6f0ee7c7";
+const loaderMiddleDots = "loaderMiddleDots__69ca49c1";
+const dot = "dot__118a3193";
+const dot1 = "dot1__d8bc0a70";
+const dot2 = "dot2__83528c39";
+const dot3 = "dot3__65af3c26";
+const dot4 = "dot4__28a53618";
+const line = "line__a7200aed";
 const styles = {
   loaderMiddle,
   loaderMiddleDots,