@sberbusiness/triplex-next 1.35.0 → 1.36.0

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-DwvvEUKq.js";
+import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-CS4Sws_n.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-DwvvEUKq.js";
+import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-CS4Sws_n.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__6478c003";
+const lightBoxSideOverlayLoaderWrapper = "lightBoxSideOverlayLoaderWrapper__499dc9a4";
 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__b0068ffb";
-const fixed = "fixed__115b2c0b";
-const hidden = "hidden__351d6f43";
+const lightBoxLeftSidebar = "lightBoxLeftSidebar__bd34ded9";
+const fixed = "fixed__33b8d4ea";
+const hidden = "hidden__7cf791fb";
 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__637768d7";
-const fixed = "fixed__115b2c0b";
-const hidden = "hidden__351d6f43";
+const lightBoxRightSidebar = "lightBoxRightSidebar__12420ff1";
+const fixed = "fixed__33b8d4ea";
+const hidden = "hidden__7cf791fb";
 const styles = {
   lightBoxRightSidebar,
   fixed,

package/components/Link/Link.js

@@ -2,10 +2,10 @@ 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 { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const link = "link__954aa24f";
-const wordWithContent = "wordWithContent__5ccc7d14";
-const before = "before__3ba6d544";
-const after = "after__bb86d705";
+const link = "link__4bd30195";
+const wordWithContent = "wordWithContent__c392667b";
+const before = "before__c262ca67";
+const after = "after__eb918dab";
 const styles = {
   link,
   wordWithContent,
@@ -76,7 +76,7 @@ const Link = React__default.forwardRef(
         className: clsx(className, styles.link),
         onBlur,
         onMouseDown,
-        "data-tx": "1.35.0",
+        "data-tx": "1.36.0",
         ref,
         children: /* @__PURE__ */ jsx(IconWrapper, { displayContents: true, children: content })
       }

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__db8d0d46";
-const listLoaderScreen = "listLoaderScreen__47943833";
+const list = "list__72561b13";
+const listLoaderScreen = "listLoaderScreen__fb7e5f00";
 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.0", ref, children: [
+const List = React__default.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "1.36.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__f30886a3";
+const listEmptyState = "listEmptyState__ca156754";
 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.0", ref, children }) });
+  return /* @__PURE__ */ jsx(ListItemContext.Provider, { value: { selected, setSelected, selectable, setSelectable }, children: /* @__PURE__ */ jsx("li", { className, ...rest, "data-tx": "1.36.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__a6593e9c";
-const selected = "selected__eae6567b";
-const selectable = "selectable__6feed7bc";
+const listItemContent = "listItemContent__378862ad";
+const selected = "selected__e35cf83e";
+const selectable = "selectable__539295aa";
 const styles = {
   listItemContent,
   selected,
@@ -22,7 +22,7 @@ const ListItemContent = React__default.forwardRef(
           className
         ),
         ...rest,
-        "data-tx": "1.35.0",
+        "data-tx": "1.36.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__d350dbf7";
+const listItemControls = "listItemControls__cf4bb559";
 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-D8zHNKyn.js";
+import { L } from "../../../chunks/ListItemControlsButton-DK4yT64p.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-D8zHNKyn.js";
+import { s as styles, L as ListItemControlsButton } from "../../../chunks/ListItemControlsButton-DK4yT64p.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__0437b167";
+const listItemLoading = "listItemLoading__3bcb6c8b";
 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__a78bc6af";
-const selected = "selected__eae6567b";
-const checkboxWrapper = "checkboxWrapper__194d0da6";
-const childrenWrapper = "childrenWrapper__73b676a4";
-const checkboxLabel = "checkboxLabel__05cf1f14";
-const checkboxLabelClickArea = "checkboxLabelClickArea__c10e12d7";
+const listItemSelectable = "listItemSelectable__f0dd0dea";
+const selected = "selected__e35cf83e";
+const checkboxWrapper = "checkboxWrapper__79ef888e";
+const childrenWrapper = "childrenWrapper__4770e4b2";
+const checkboxLabel = "checkboxLabel__9c11c6e8";
+const checkboxLabelClickArea = "checkboxLabelClickArea__0b0ca1f2";
 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__152d57be";
-const swipeableArea = "swipeableArea__b62b0f02";
-const content = "content__aade2a3e";
+const listItemTable = "listItemTable__aafd330c";
+const swipeableArea = "swipeableArea__dabb73a2";
+const content = "content__80b7548a";
 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-Dt55MBgv.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-DGsovelC.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-Dt55MBgv.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-DGsovelC.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__ba12700f";
-const dragging = "dragging__42414515";
+const listSortableItem = "listSortableItem__15ab69b1";
+const dragging = "dragging__c3c36529";
 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__e3de3208";
+const listSortableItemControls = "listSortableItemControls__df787894";
 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__4ceaa0b5";
-const dragging = "dragging__42414515";
-const listSortableItemTargetContent = "listSortableItemTargetContent__b8a6a228";
-const listSortableItemTargetIcon = "listSortableItemTargetIcon__1c3fd1b9";
+const listSortableItemTarget = "listSortableItemTarget__c6fcadcd";
+const dragging = "dragging__c3c36529";
+const listSortableItemTargetContent = "listSortableItemTargetContent__6a5091fe";
+const listSortableItemTargetIcon = "listSortableItemTargetIcon__010750c3";
 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-D8zHNKyn.js";
+import { L } from "../../chunks/ListItemControlsButton-DK4yT64p.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.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "1.36.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.0",
+      "data-tx": "1.36.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__197c15e5";
+const listMasterChipGroup = "listMasterChipGroup__0dc371be";
 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-C-PKjZ9G.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-CGDxGj1u.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-C-PKjZ9G.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-CGDxGj1u.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-C-PKjZ9G.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-CGDxGj1u.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__ea040029";
-const sticky = "sticky__4b06dbb2";
+const listMasterHeader = "listMasterHeader__6d77b299";
+const sticky = "sticky__50df47d1";
 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__cd7e5703";
+const selectionControls = "selectionControls__a2638da2";
 const styles = {
   selectionControls
 };
@@ -11,7 +11,7 @@ const SelectionControls = React__default.forwardRef(
     {
       className: clsx(styles.selectionControls, className),
       ...rest,
-      "data-tx": "1.35.0",
+      "data-tx": "1.36.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__0a3626b4";
-const loaderMiddleDots = "loaderMiddleDots__e5adbd9d";
-const dot = "dot__3524d013";
-const dot1 = "dot1__2d67530e";
-const dot2 = "dot2__b37b32f8";
-const dot3 = "dot3__f1996dc2";
-const dot4 = "dot4__6dab6739";
-const line = "line__56fa5517";
+const loaderMiddle = "loaderMiddle__9b527937";
+const loaderMiddleDots = "loaderMiddleDots__e90cbac1";
+const dot = "dot__7d741f9a";
+const dot1 = "dot1__9eff352a";
+const dot2 = "dot2__3f9f5894";
+const dot3 = "dot3__a06545b6";
+const dot4 = "dot4__421099ae";
+const line = "line__af61a863";
 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-Bco_z_Yi.js";
 import { ELoaderSmallTheme } from "./enum.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const loaderSmall = "loaderSmall__259b4343";
-const sm = "sm__2b5ed400";
-const dot = "dot__3524d013";
-const md = "md__f5564ded";
-const lg = "lg__56458239";
-const neutral = "neutral__6c7cb960";
-const brand = "brand__205f87bb";
-const dot1 = "dot1__2d67530e";
-const dot2 = "dot2__b37b32f8";
-const dot3 = "dot3__f1996dc2";
+const loaderSmall = "loaderSmall__0c2060e7";
+const sm = "sm__76e15824";
+const dot = "dot__7d741f9a";
+const md = "md__58cd929b";
+const lg = "lg__8d3830d2";
+const neutral = "neutral__f0d9ab48";
+const brand = "brand__79077255";
+const dot1 = "dot1__9eff352a";
+const dot2 = "dot2__3f9f5894";
+const dot3 = "dot3__a06545b6";
 const styles = {
   loaderSmall,
   sm,

package/components/LoaderScreen/LoaderScreen.js

@@ -1,30 +1,47 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React__default from "react";
 import { LoaderSmall } from "../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../Loader/LoaderSmall/enum.js";
 import { LoaderMiddle } from "../Loader/LoaderMiddle/LoaderMiddle.js";
+import { Gap } from "../Gap/Gap.js";
+import { ETextSize } from "../Typography/enums.js";
+import "../Typography/Caption.js";
+import "../Typography/CodeText.js";
+import { Text } from "../Typography/Text.js";
+import "../Typography/Title.js";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const loaderScreen = "loaderScreen__10536d21";
-const loaderSmallBackdrop = "loaderSmallBackdrop__8e586268";
-const loaderMiddleBackdrop = "loaderMiddleBackdrop__28aeca36";
+const loaderScreen = "loaderScreen__3f9db7ef";
+const loaderSmallBackdrop = "loaderSmallBackdrop__ababaeca";
+const loaderMiddleBackdrop = "loaderMiddleBackdrop__a3afa261";
+const loaderContent = "loaderContent__2075a8df";
+const description = "description__5b605018";
 const styles = {
   loaderScreen,
   loaderSmallBackdrop,
-  loaderMiddleBackdrop
-};
-const LoaderScreen = ({
-  className,
-  size = EComponentSize.MD,
-  type,
-  theme = ELoaderSmallTheme.BRAND,
-  ...htmlDivAttributes
-}) => {
-  const classNames = clsx(className, styles.loaderScreen, {
-    [styles.loaderSmallBackdrop]: type === "small",
-    [styles.loaderMiddleBackdrop]: type === "middle"
-  });
-  return /* @__PURE__ */ jsx("div", { className: classNames, ...htmlDivAttributes, children: type === "small" ? /* @__PURE__ */ jsx(LoaderSmall, { size, theme }) : /* @__PURE__ */ jsx("div", { className: styles.loaderMiddleBackground, children: /* @__PURE__ */ jsx(LoaderMiddle, {}) }) });
+  loaderMiddleBackdrop,
+  loaderContent,
+  description
 };
+const LoaderScreen = React__default.forwardRef(
+  ({ className, size = EComponentSize.MD, type, description: description2, controls, ...htmlDivAttributes }, ref) => {
+    const classNames = clsx(className, styles.loaderScreen, {
+      [styles.loaderSmallBackdrop]: type === "small",
+      [styles.loaderMiddleBackdrop]: type === "middle"
+    });
+    return /* @__PURE__ */ jsx("div", { ref, className: classNames, ...htmlDivAttributes, children: /* @__PURE__ */ jsxs("div", { className: styles.loaderContent, children: [
+      type === "small" ? /* @__PURE__ */ jsx(LoaderSmall, { size, theme: ELoaderSmallTheme.BRAND }) : /* @__PURE__ */ jsx(LoaderMiddle, {}),
+      description2 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Gap, { size: 24 }),
+        /* @__PURE__ */ jsx(Text, { className: styles.description, tag: "div", size: ETextSize.B2, children: description2 })
+      ] }),
+      controls && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Gap, { size: 24 }),
+        /* @__PURE__ */ jsx("div", { children: controls })
+      ] })
+    ] }) });
+  }
+);
 LoaderScreen.displayName = "LoaderScreen";
 export {
   LoaderScreen

package/components/LoaderScreen/LoaderScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoaderScreen.js","sources":["../../../src/components/LoaderScreen/LoaderScreen.tsx"],"sourcesContent":["import React from \"react\";\nimport { LoaderSmall, ELoaderSmallTheme, LoaderMiddle } from \"../Loader\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport styles from \"./styles/LoaderScreen.module.less\";\n\n/** Свойства компонента LoaderScreen. */\nexport interface ILoaderScreenProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Тип лоадера. */\n    type: \"small\" | \"middle\";\n    /** Тема лоадера для типа small. */\n    theme?: ELoaderSmallTheme;\n    /** Размер лоадера для типа small. */\n    size?: EComponentSize;\n}\n\nexport const LoaderScreen: React.FC<ILoaderScreenProps> = ({\n    className,\n    size = EComponentSize.MD,\n    type,\n    theme = ELoaderSmallTheme.BRAND,\n    ...htmlDivAttributes\n}) => {\n    const classNames = clsx(className, styles.loaderScreen, {\n        [styles.loaderSmallBackdrop]: type === \"small\",\n        [styles.loaderMiddleBackdrop]: type === \"middle\",\n    });\n\n    return (\n        <div className={classNames} {...htmlDivAttributes}>\n            {type === \"small\" ? (\n                <LoaderSmall size={size} theme={theme} />\n            ) : (\n                <div className={styles.loaderMiddleBackground}>\n                    <LoaderMiddle />\n                </div>\n            )}\n        </div>\n    );\n};\n\nLoaderScreen.displayName = \"LoaderScreen\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAgBO,MAAM,eAA6C,CAAC;AAAA,EACvD;AAAA,EACA,OAAO,eAAe;AAAA,EACtB;AAAA,EACA,QAAQ,kBAAkB;AAAA,EAC1B,GAAG;AACP,MAAM;AACF,QAAM,aAAa,KAAK,WAAW,OAAO,cAAc;AAAA,IACpD,CAAC,OAAO,mBAAmB,GAAG,SAAS;AAAA,IACvC,CAAC,OAAO,oBAAoB,GAAG,SAAS;AAAA,EAAA,CAC3C;AAED,SACI,oBAAC,SAAI,WAAW,YAAa,GAAG,mBAC3B,UAAA,SAAS,UACN,oBAAC,aAAA,EAAY,MAAY,MAAA,CAAc,wBAEtC,OAAA,EAAI,WAAW,OAAO,wBACnB,UAAA,oBAAC,cAAA,EAAa,EAAA,CAClB,EAAA,CAER;AAER;AAEA,aAAa,cAAc;"}
+{"version":3,"file":"LoaderScreen.js","sources":["../../../src/components/LoaderScreen/LoaderScreen.tsx"],"sourcesContent":["import React from \"react\";\nimport { LoaderSmall, ELoaderSmallTheme, LoaderMiddle } from \"../Loader\";\nimport { Gap } from \"../Gap\";\nimport { ETextSize, Text } from \"../Typography\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport styles from \"./styles/LoaderScreen.module.less\";\n\n/** Свойства компонента LoaderScreen. */\nexport interface ILoaderScreenProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Тип лоадера. */\n    type: \"small\" | \"middle\";\n    /** Размер лоадера для типа small. */\n    size?: EComponentSize;\n    /** Текст, который будет отображаться под спиннером. */\n    description?: React.ReactNode;\n    /** Кнопки, которые будут отображаться под спиннером. */\n    controls?: React.ReactNode;\n}\n\nexport interface ILoaderScreenMiddleProps extends Omit<ILoaderScreenProps, \"type\" | \"size\"> {}\n\nexport const LoaderScreen = React.forwardRef<HTMLDivElement, ILoaderScreenProps>(\n    ({ className, size = EComponentSize.MD, type, description, controls, ...htmlDivAttributes }, ref) => {\n        const classNames = clsx(className, styles.loaderScreen, {\n            [styles.loaderSmallBackdrop]: type === \"small\",\n            [styles.loaderMiddleBackdrop]: type === \"middle\",\n        });\n\n        return (\n            <div ref={ref} className={classNames} {...htmlDivAttributes}>\n                <div className={styles.loaderContent}>\n                    {type === \"small\" ? <LoaderSmall size={size} theme={ELoaderSmallTheme.BRAND} /> : <LoaderMiddle />}\n\n                    {description && (\n                        <>\n                            <Gap size={24} />\n                            <Text className={styles.description} tag=\"div\" size={ETextSize.B2}>\n                                {description}\n                            </Text>\n                        </>\n                    )}\n\n                    {controls && (\n                        <>\n                            <Gap size={24} />\n                            <div>{controls}</div>\n                        </>\n                    )}\n                </div>\n            </div>\n        );\n    },\n);\n\nLoaderScreen.displayName = \"LoaderScreen\";\n"],"names":["React","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,MAAM,eAAeA,eAAM;AAAA,EAC9B,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,MAAM,aAAAC,cAAa,UAAU,GAAG,kBAAA,GAAqB,QAAQ;AACjG,UAAM,aAAa,KAAK,WAAW,OAAO,cAAc;AAAA,MACpD,CAAC,OAAO,mBAAmB,GAAG,SAAS;AAAA,MACvC,CAAC,OAAO,oBAAoB,GAAG,SAAS;AAAA,IAAA,CAC3C;AAED,WACI,oBAAC,OAAA,EAAI,KAAU,WAAW,YAAa,GAAG,mBACtC,UAAA,qBAAC,OAAA,EAAI,WAAW,OAAO,eAClB,UAAA;AAAA,MAAA,SAAS,8BAAW,aAAA,EAAY,MAAY,OAAO,kBAAkB,MAAA,CAAO,IAAK,oBAAC,cAAA,CAAA,CAAa;AAAA,MAE/FA,gBACG,qBAAA,UAAA,EACI,UAAA;AAAA,QAAA,oBAAC,KAAA,EAAI,MAAM,GAAA,CAAI;AAAA,QACf,oBAAC,MAAA,EAAK,WAAW,OAAO,aAAa,KAAI,OAAM,MAAM,UAAU,IAC1D,UAAAA,aAAA,CACL;AAAA,MAAA,GACJ;AAAA,MAGH,YACG,qBAAA,UAAA,EACI,UAAA;AAAA,QAAA,oBAAC,KAAA,EAAI,MAAM,GAAA,CAAI;AAAA,QACf,oBAAC,SAAK,UAAA,SAAA,CAAS;AAAA,MAAA,EAAA,CACnB;AAAA,IAAA,EAAA,CAER,EAAA,CACJ;AAAA,EAER;AACJ;AAEA,aAAa,cAAc;"}

package/components/Marker/Marker.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-import { a as styles, s as statusToClassNameMap } from "../../chunks/utils-DrtNvtcx.js";
+import { a as styles, s as statusToClassNameMap } from "../../chunks/utils-C9mE1Fbh.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 });