@sberbusiness/triplex-next 1.35.0 → 1.36.0

package/components/Marker/utils.js

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

package/components/MarkerStatus/MarkerStatus.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { Marker } from "../Marker/Marker.js";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-import { s as statusToClassNameMap } from "../../chunks/utils-DrtNvtcx.js";
+import { s as statusToClassNameMap } from "../../chunks/utils-C9mE1Fbh.js";
 import { ETextSize, EFontType, ECaptionSize } from "../Typography/enums.js";
 import { Caption } from "../Typography/Caption.js";
 import "../Typography/CodeText.js";
@@ -10,11 +10,11 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const markerStatus = "markerStatus__a32c2f5d";
-const contentContainer = "contentContainer__478cb943";
-const md = "md__726e9617";
-const markerContainer = "markerContainer__dd7e84a8";
-const lg = "lg__1a1befed";
+const markerStatus = "markerStatus__a60a90f9";
+const contentContainer = "contentContainer__9134f45b";
+const md = "md__70f6969f";
+const markerContainer = "markerContainer__ca80c250";
+const lg = "lg__ef5268fd";
 const styles = {
   markerStatus,
   contentContainer,
@@ -30,7 +30,7 @@ const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const MarkerStatus = React__default.forwardRef(
   ({ children, className, description, status, size = EComponentSize.MD, ...restProps }, ref) => {
     const classNames = clsx(styles.markerStatus, sizeToClassNameMap[size], statusToClassNameMap[status], className);
-    return /* @__PURE__ */ jsxs("div", { className: classNames, "data-tx": "1.35.0", ...restProps, ref, children: [
+    return /* @__PURE__ */ jsxs("div", { className: classNames, "data-tx": "1.36.0", ...restProps, ref, children: [
       /* @__PURE__ */ jsx("div", { className: styles.markerContainer, children: /* @__PURE__ */ jsx(Marker, { status, size }) }),
       /* @__PURE__ */ jsxs("div", { className: styles.contentContainer, children: [
         /* @__PURE__ */ jsx(Text, { size: markerStatusSizeToTextSizeMap[size], children }),

package/components/ModalWindow/ModalWindow.js

@@ -7,21 +7,24 @@ import { ModalWindowViewManager } from "./components/ModalWindowViewManager.js";
 import { useToken } from "../ThemeProvider/useToken.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-import { s as styles } from "../../chunks/ModalWindow.module-BySVjOah.js";
+import { s as styles } from "../../chunks/ModalWindow.module-CQ11hlXQ.js";
 const modalNodeName = "ufs-modal-window";
 const animationExitTime = 300;
 const bodyClassNameModalOpen = ["modal-open", "no-hash-overflow-hidden"];
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
-const getOrCreateMountNode = () => {
+const getOrCreateWrapperNode = () => {
   let wrapperNode = document.querySelector(`#${modalNodeName}-wrapper`);
   if (!wrapperNode) {
     wrapperNode = document.createElement("div");
     wrapperNode.setAttribute("id", `${modalNodeName}-wrapper`);
     document.body.appendChild(wrapperNode);
   }
+  return wrapperNode;
+};
+const getOrCreateMountNode = () => {
   const node = document.createElement("div");
   node.className = `${modalNodeName}-portal-node`;
-  wrapperNode.appendChild(node);
+  getOrCreateWrapperNode().appendChild(node);
   return node;
 };
 const ModalWindow = React__default.forwardRef((props, ref) => {
@@ -66,6 +69,9 @@ const ModalWindow = React__default.forwardRef((props, ref) => {
     }
   };
   useEffect(() => {
+    if (!mountNode.parentNode) {
+      getOrCreateWrapperNode().appendChild(mountNode);
+    }
     return () => {
       var _a;
       (_a = mountNode.parentNode) == null ? void 0 : _a.removeChild(mountNode);

package/components/ModalWindow/ModalWindow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalWindow.js","sources":["../../../src/components/ModalWindow/ModalWindow.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { Portal } from \"../Portal\";\nimport { FocusTrapExtended, IFocusTrapExtendedProps } from \"../FocusTrapExtended\";\nimport { ModalWindowViewManager } from \"./components/ModalWindowViewManager\";\nimport { useToken } from \"../ThemeProvider/useToken\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/ModalWindow.module.less\";\n\n/** Свойства компонента модального окна. */\nexport interface IModalWindowProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Открыто ли модальное окно. */\n    isOpen: boolean;\n    /** Содержимое модального окна. Обычно — `ModalWindowContent` с вложенными `ModalWindowHeader`, `ModalWindowBody`, `ModalWindowFooter`. */\n    children: React.ReactElement;\n    /** ClassName контейнера модального окна. */\n    containerClassName?: string;\n    /** Свойства компонента FocusTrapExtended. */\n    focusTrapProps?: IFocusTrapExtendedProps;\n    /** Callback после анимации закрытия модального окна. */\n    onExited?: () => void;\n    /** Кнопка закрыть. Обычно — `ModalWindowClose`. Рендерится внутри корневого dialog-элемента поверх контента. */\n    closeButton: React.ReactNode;\n    /** Размер модального окна. По умолчанию `EComponentSize.MD`. */\n    size?: EComponentSize;\n    /** Отступ сверху модального окна, px. По умолчанию `100`. */\n    topPosition?: number;\n}\n\n/** Имя класса для некоторых элементов связанных с компонентом. */\nconst modalNodeName = \"ufs-modal-window\";\n\n/** Время css-анимации скрытия модального окна. */\nconst animationExitTime = 300;\n\n/** Класс от Layout(сббола), который блюрит(blur) фоновый контент. */\nconst bodyClassNameModalOpen = [\"modal-open\", \"no-hash-overflow-hidden\"];\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Создаёт портальную ноду модалки и прикрепляет её к общему wrapper в body. */\nconst getOrCreateMountNode = (): HTMLDivElement => {\n    let wrapperNode = document.querySelector<HTMLDivElement>(`#${modalNodeName}-wrapper`);\n\n    if (!wrapperNode) {\n        wrapperNode = document.createElement(\"div\");\n        wrapperNode.setAttribute(\"id\", `${modalNodeName}-wrapper`);\n        document.body.appendChild(wrapperNode);\n    }\n\n    const node = document.createElement(\"div\");\n    node.className = `${modalNodeName}-portal-node`;\n    wrapperNode.appendChild(node);\n    return node;\n};\n\n/**\n * Модальное окно. Рендерится через Portal поверх контента страницы, добавляет\n * затемнённый backdrop, удерживает фокус внутри (FocusTrap) и блокирует скролл\n * `body` через классы `modal-open` + `no-hash-overflow-hidden`.\n */\nexport const ModalWindow = React.forwardRef<HTMLDivElement, IModalWindowProps>((props, ref) => {\n    const {\n        isOpen,\n        children,\n        containerClassName,\n        focusTrapProps,\n        onExited,\n        closeButton,\n        size = EComponentSize.MD,\n        className,\n        topPosition = 100,\n        ...rest\n    } = props;\n\n    // topPosition нужен, чтобы команда могла переопределить значение.\n    const topPositionStyle = { \"--modal-window-top\": `${topPosition}px` } as React.CSSProperties;\n\n    // Контейнер портала. Создаётся и сразу же прикрепляется к wrapper в DOM при первом рендере —\n    // это нужно, чтобы FocusTrap при mount нашёл tabbable-узлы внутри модалки (если делать attach\n    // позже, в onEnter CSSTransition, FocusTrap активируется раньше и падает с\n    // \"must have at least one container with at least one tabbable node\").\n    // Сама модалка скрывается/показывается через CSSTransition (mountOnEnter / unmountOnExit).\n    const [mountNode] = useState<HTMLDivElement>(getOrCreateMountNode);\n\n    // Узел role=\"dialog\". Используется как fallbackFocus для FocusTrap: ловушка активируется\n    // синхронно при открытии, и если внутри ещё нет tabbable-узлов (контент грузится асинхронно,\n    // показан лоадер и т.п.), focus-trap без fallback падает с\n    // \"must have at least one container with at least one tabbable node\".\n    // fallbackFocus вызывается только пока ловушка активна, то есть пока dialog смонтирован,\n    // а его ref проставляется до componentDidMount FocusTrap (потомок монтируется раньше родителя),\n    // поэтому dialogRef.current на момент вызова всегда заполнен — non-null assertion безопасен.\n    const dialogRef = useRef<HTMLDivElement | null>(null);\n\n    const { scopeClassName } = useToken();\n\n    /** Удаление стилей body. */\n    const removeBodyClasses = () => {\n        const bodyClassList = document.body.classList;\n\n        if (bodyClassList.contains(bodyClassNameModalOpen[0])) {\n            bodyClassList.remove(...bodyClassNameModalOpen);\n        }\n    };\n\n    /** Вспомогательный обработчик при открытии модального окна (CSSTransition onEnter). */\n    const handleOpenModal = () => {\n        const bodyClassList = document.body.classList;\n        if (!bodyClassList.contains(bodyClassNameModalOpen[0])) {\n            bodyClassList.add(...bodyClassNameModalOpen);\n        }\n    };\n\n    /** Вспомогательный обработчик после анимации закрытия модального окна (CSSTransition onExited). */\n    const handleCloseModal = () => {\n        removeBodyClasses();\n        onExited?.();\n    };\n\n    /** Установка ref. */\n    const setRef = (instance: HTMLDivElement | null) => {\n        dialogRef.current = instance;\n\n        if (typeof ref === \"function\") {\n            ref(instance);\n        } else if (ref) {\n            ref.current = instance;\n        }\n    };\n\n    useEffect(() => {\n        return () => {\n            mountNode.parentNode?.removeChild(mountNode);\n            removeBodyClasses();\n        };\n    }, [mountNode]);\n\n    const classNameContainer = clsx(scopeClassName, styles.modalWindowContainer, containerClassName);\n\n    const classNameModalWindow = clsx(styles.modalWindow, sizeToClassNameMap[size], className);\n\n    return (\n        <>\n            <Portal container={mountNode}>\n                <CSSTransition\n                    in={isOpen}\n                    timeout={animationExitTime}\n                    classNames=\"global-modalWindowTransition\"\n                    appear // Нужен для срабатывания onEnter.\n                    enter\n                    exit\n                    onEnter={handleOpenModal}\n                    onExited={handleCloseModal}\n                    mountOnEnter\n                    unmountOnExit\n                >\n                    <FocusTrapExtended\n                        active={isOpen}\n                        {...focusTrapProps}\n                        focusTrapOptions={{\n                            preventScroll: true,\n                            fallbackFocus: () => dialogRef.current!,\n                            ...focusTrapProps?.focusTrapOptions,\n                        }}\n                    >\n                        <div className={classNameContainer} style={topPositionStyle}>\n                            <div className={styles.modalWindowBackdrop} />\n                            <div\n                                role=\"dialog\"\n                                aria-modal=\"true\"\n                                // tabIndex нужен, чтобы dialog мог принять фокус как fallbackFocus\n                                // FocusTrap, когда внутри ещё нет tabbable-узлов.\n                                tabIndex={-1}\n                                {...rest}\n                                ref={setRef}\n                                className={classNameModalWindow}\n                            >\n                                <div className={styles.modalWindowContentWrapper}>\n                                    {children}\n                                    {closeButton}\n                                </div>\n                            </div>\n                        </div>\n                    </FocusTrapExtended>\n                </CSSTransition>\n            </Portal>\n            <ModalWindowViewManager />\n        </>\n    );\n});\n\nModalWindow.displayName = \"ModalWindow\";\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"ModalWindow.js","sources":["../../../src/components/ModalWindow/ModalWindow.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { Portal } from \"../Portal\";\nimport { FocusTrapExtended, IFocusTrapExtendedProps } from \"../FocusTrapExtended\";\nimport { ModalWindowViewManager } from \"./components/ModalWindowViewManager\";\nimport { useToken } from \"../ThemeProvider/useToken\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/ModalWindow.module.less\";\n\n/** Свойства компонента модального окна. */\nexport interface IModalWindowProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Открыто ли модальное окно. */\n    isOpen: boolean;\n    /** Содержимое модального окна. Обычно — `ModalWindowContent` с вложенными `ModalWindowHeader`, `ModalWindowBody`, `ModalWindowFooter`. */\n    children: React.ReactElement;\n    /** ClassName контейнера модального окна. */\n    containerClassName?: string;\n    /** Свойства компонента FocusTrapExtended. */\n    focusTrapProps?: IFocusTrapExtendedProps;\n    /** Callback после анимации закрытия модального окна. */\n    onExited?: () => void;\n    /** Кнопка закрыть. Обычно — `ModalWindowClose`. Рендерится внутри корневого dialog-элемента поверх контента. */\n    closeButton: React.ReactNode;\n    /** Размер модального окна. По умолчанию `EComponentSize.MD`. */\n    size?: EComponentSize;\n    /** Отступ сверху модального окна, px. По умолчанию `100`. */\n    topPosition?: number;\n}\n\n/** Имя класса для некоторых элементов связанных с компонентом. */\nconst modalNodeName = \"ufs-modal-window\";\n\n/** Время css-анимации скрытия модального окна. */\nconst animationExitTime = 300;\n\n/** Класс от Layout(сббола), который блюрит(blur) фоновый контент. */\nconst bodyClassNameModalOpen = [\"modal-open\", \"no-hash-overflow-hidden\"];\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Возвращает общий wrapper модалок в body, создавая его при первом обращении. */\nconst getOrCreateWrapperNode = (): HTMLDivElement => {\n    let wrapperNode = document.querySelector<HTMLDivElement>(`#${modalNodeName}-wrapper`);\n\n    if (!wrapperNode) {\n        wrapperNode = document.createElement(\"div\");\n        wrapperNode.setAttribute(\"id\", `${modalNodeName}-wrapper`);\n        document.body.appendChild(wrapperNode);\n    }\n\n    return wrapperNode;\n};\n\n/** Создаёт портальную ноду модалки и прикрепляет её к общему wrapper в body. */\nconst getOrCreateMountNode = (): HTMLDivElement => {\n    const node = document.createElement(\"div\");\n    node.className = `${modalNodeName}-portal-node`;\n    getOrCreateWrapperNode().appendChild(node);\n    return node;\n};\n\n/**\n * Модальное окно. Рендерится через Portal поверх контента страницы, добавляет\n * затемнённый backdrop, удерживает фокус внутри (FocusTrap) и блокирует скролл\n * `body` через классы `modal-open` + `no-hash-overflow-hidden`.\n */\nexport const ModalWindow = React.forwardRef<HTMLDivElement, IModalWindowProps>((props, ref) => {\n    const {\n        isOpen,\n        children,\n        containerClassName,\n        focusTrapProps,\n        onExited,\n        closeButton,\n        size = EComponentSize.MD,\n        className,\n        topPosition = 100,\n        ...rest\n    } = props;\n\n    // topPosition нужен, чтобы команда могла переопределить значение.\n    const topPositionStyle = { \"--modal-window-top\": `${topPosition}px` } as React.CSSProperties;\n\n    // Контейнер портала. Создаётся и сразу же прикрепляется к wrapper в DOM при первом рендере —\n    // это нужно, чтобы FocusTrap при mount нашёл tabbable-узлы внутри модалки (если делать attach\n    // позже, в onEnter CSSTransition, FocusTrap активируется раньше и падает с\n    // \"must have at least one container with at least one tabbable node\").\n    // Сама модалка скрывается/показывается через CSSTransition (mountOnEnter / unmountOnExit).\n    const [mountNode] = useState<HTMLDivElement>(getOrCreateMountNode);\n\n    // Узел role=\"dialog\". Используется как fallbackFocus для FocusTrap: ловушка активируется\n    // синхронно при открытии, и если внутри ещё нет tabbable-узлов (контент грузится асинхронно,\n    // показан лоадер и т.п.), focus-trap без fallback падает с\n    // \"must have at least one container with at least one tabbable node\".\n    // fallbackFocus вызывается только пока ловушка активна, то есть пока dialog смонтирован,\n    // а его ref проставляется до componentDidMount FocusTrap (потомок монтируется раньше родителя),\n    // поэтому dialogRef.current на момент вызова всегда заполнен — non-null assertion безопасен.\n    const dialogRef = useRef<HTMLDivElement | null>(null);\n\n    const { scopeClassName } = useToken();\n\n    /** Удаление стилей body. */\n    const removeBodyClasses = () => {\n        const bodyClassList = document.body.classList;\n\n        if (bodyClassList.contains(bodyClassNameModalOpen[0])) {\n            bodyClassList.remove(...bodyClassNameModalOpen);\n        }\n    };\n\n    /** Вспомогательный обработчик при открытии модального окна (CSSTransition onEnter). */\n    const handleOpenModal = () => {\n        const bodyClassList = document.body.classList;\n        if (!bodyClassList.contains(bodyClassNameModalOpen[0])) {\n            bodyClassList.add(...bodyClassNameModalOpen);\n        }\n    };\n\n    /** Вспомогательный обработчик после анимации закрытия модального окна (CSSTransition onExited). */\n    const handleCloseModal = () => {\n        removeBodyClasses();\n        onExited?.();\n    };\n\n    /** Установка ref. */\n    const setRef = (instance: HTMLDivElement | null) => {\n        dialogRef.current = instance;\n\n        if (typeof ref === \"function\") {\n            ref(instance);\n        } else if (ref) {\n            ref.current = instance;\n        }\n    };\n\n    useEffect(() => {\n        // В React 18 StrictMode (dev) компонент проходит цикл mount → unmount → mount.\n        // На искусственном unmount срабатывает cleanup ниже и открепляет mountNode, а\n        // инициализатор useState на повторном mount заново не вызывается (стейт сохраняется) —\n        // узел остаётся висеть вне DOM, и Portal рендерит модалку в невидимый контейнер.\n        // Поэтому при (повторном) mount возвращаем узел в wrapper, если он оказался откреплён.\n        if (!mountNode.parentNode) {\n            getOrCreateWrapperNode().appendChild(mountNode);\n        }\n\n        return () => {\n            mountNode.parentNode?.removeChild(mountNode);\n            removeBodyClasses();\n        };\n    }, [mountNode]);\n\n    const classNameContainer = clsx(scopeClassName, styles.modalWindowContainer, containerClassName);\n\n    const classNameModalWindow = clsx(styles.modalWindow, sizeToClassNameMap[size], className);\n\n    return (\n        <>\n            <Portal container={mountNode}>\n                <CSSTransition\n                    in={isOpen}\n                    timeout={animationExitTime}\n                    classNames=\"global-modalWindowTransition\"\n                    appear // Нужен для срабатывания onEnter.\n                    enter\n                    exit\n                    onEnter={handleOpenModal}\n                    onExited={handleCloseModal}\n                    mountOnEnter\n                    unmountOnExit\n                >\n                    <FocusTrapExtended\n                        active={isOpen}\n                        {...focusTrapProps}\n                        focusTrapOptions={{\n                            preventScroll: true,\n                            fallbackFocus: () => dialogRef.current!,\n                            ...focusTrapProps?.focusTrapOptions,\n                        }}\n                    >\n                        <div className={classNameContainer} style={topPositionStyle}>\n                            <div className={styles.modalWindowBackdrop} />\n                            <div\n                                role=\"dialog\"\n                                aria-modal=\"true\"\n                                // tabIndex нужен, чтобы dialog мог принять фокус как fallbackFocus\n                                // FocusTrap, когда внутри ещё нет tabbable-узлов.\n                                tabIndex={-1}\n                                {...rest}\n                                ref={setRef}\n                                className={classNameModalWindow}\n                            >\n                                <div className={styles.modalWindowContentWrapper}>\n                                    {children}\n                                    {closeButton}\n                                </div>\n                            </div>\n                        </div>\n                    </FocusTrapExtended>\n                </CSSTransition>\n            </Portal>\n            <ModalWindowViewManager />\n        </>\n    );\n});\n\nModalWindow.displayName = \"ModalWindow\";\n"],"names":["React"],"mappings":"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"}

package/components/ModalWindow/components/ModalWindowBody.js

@@ -3,7 +3,7 @@ import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { Island } from "../../Island/Island.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EIslandType } from "../../Island/enums.js";
-const modalWindowBody = "modalWindowBody__c9f915d6";
+const modalWindowBody = "modalWindowBody__b75b3e73";
 const styles = {
   modalWindowBody
 };

package/components/ModalWindow/components/ModalWindowClose.js

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

package/components/ModalWindow/components/ModalWindowContent.js

@@ -2,10 +2,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import React__default from "react";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-BySVjOah.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-CQ11hlXQ.js";
 import { Page } from "../../Page/Page.js";
 const ModalWindowContent = React__default.forwardRef(
-  ({ isLoading, className, loadingTitle, children, ...rest }, ref) => /* @__PURE__ */ jsxs(
+  ({ isLoading, className, loaderScreenProps, children, ...rest }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
       ref,
@@ -13,7 +13,14 @@ const ModalWindowContent = React__default.forwardRef(
       ...rest,
       children: [
         /* @__PURE__ */ jsx(Page, { className: styles.modalWindowContentPage, children }),
-        isLoading && /* @__PURE__ */ jsx(LoaderScreen, { className: styles.modalWindowLoaderScreen, type: "middle", children: loadingTitle })
+        isLoading && /* @__PURE__ */ jsx(
+          LoaderScreen,
+          {
+            ...loaderScreenProps,
+            className: clsx(styles.modalWindowLoaderScreen, loaderScreenProps == null ? void 0 : loaderScreenProps.className),
+            type: "middle"
+          }
+        )
       ]
     }
   )

package/components/ModalWindow/components/ModalWindowContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalWindowContent.js","sources":["../../../../src/components/ModalWindow/components/ModalWindowContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { LoaderScreen } from \"../../LoaderScreen/LoaderScreen\";\nimport styles from \"../styles/ModalWindow.module.less\";\nimport { Page } from \"../../Page/Page\";\n\n/** Свойства компонента ModalWindowContent. */\nexport interface IModalWindowContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое — `ModalWindowHeader`, `ModalWindowBody`, `ModalWindowFooter`. */\n    children?: React.ReactNode;\n    /** Если `true`, поверх контента показывается `LoaderScreen`. */\n    isLoading?: boolean;\n    /** Текст под спиннером в режиме загрузки. */\n    loadingTitle?: React.ReactNode;\n}\n\n/**\n * Контент модального окна. Оборачивает дочерние секции в `Page` и при\n * `isLoading` показывает `LoaderScreen` поверх контента.\n */\nexport const ModalWindowContent = React.forwardRef<HTMLDivElement, IModalWindowContentProps>(\n    ({ isLoading, className, loadingTitle, children, ...rest }, ref) => (\n        <div\n            ref={ref}\n            className={clsx(styles.modalWindowContent, className, { [styles.isLoading]: isLoading })}\n            {...rest}\n        >\n            <Page className={styles.modalWindowContentPage}>{children}</Page>\n\n            {isLoading && (\n                <LoaderScreen className={styles.modalWindowLoaderScreen} type=\"middle\">\n                    {loadingTitle}\n                </LoaderScreen>\n            )}\n        </div>\n    ),\n);\n\nModalWindowContent.displayName = \"ModalWindowContent\";\n"],"names":["React"],"mappings":";;;;;;AAoBO,MAAM,qBAAqBA,eAAM;AAAA,EACpC,CAAC,EAAE,WAAW,WAAW,cAAc,UAAU,GAAG,KAAA,GAAQ,QACxD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAW,KAAK,OAAO,oBAAoB,WAAW,EAAE,CAAC,OAAO,SAAS,GAAG,WAAW;AAAA,MACtF,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAK,WAAW,OAAO,wBAAyB,UAAS;AAAA,QAEzD,iCACI,cAAA,EAAa,WAAW,OAAO,yBAAyB,MAAK,UACzD,UAAA,aAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEA,mBAAmB,cAAc;"}
+{"version":3,"file":"ModalWindowContent.js","sources":["../../../../src/components/ModalWindow/components/ModalWindowContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { LoaderScreen, ILoaderScreenMiddleProps } from \"../../LoaderScreen/LoaderScreen\";\nimport styles from \"../styles/ModalWindow.module.less\";\nimport { Page } from \"../../Page/Page\";\n\n/** Свойства компонента ModalWindowContent. */\nexport interface IModalWindowContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое — `ModalWindowHeader`, `ModalWindowBody`, `ModalWindowFooter`. */\n    children?: React.ReactNode;\n    /** Если `true`, поверх контента показывается `LoaderScreen`. */\n    isLoading?: boolean;\n    /** Свойства компонента LoaderScreen. */\n    loaderScreenProps?: ILoaderScreenMiddleProps;\n}\n\n/**\n * Контент модального окна. Оборачивает дочерние секции в `Page` и при\n * `isLoading` показывает `LoaderScreen` поверх контента.\n */\nexport const ModalWindowContent = React.forwardRef<HTMLDivElement, IModalWindowContentProps>(\n    ({ isLoading, className, loaderScreenProps, children, ...rest }, ref) => (\n        <div\n            ref={ref}\n            className={clsx(styles.modalWindowContent, className, { [styles.isLoading]: isLoading })}\n            {...rest}\n        >\n            <Page className={styles.modalWindowContentPage}>{children}</Page>\n\n            {isLoading && (\n                <LoaderScreen\n                    {...loaderScreenProps}\n                    className={clsx(styles.modalWindowLoaderScreen, loaderScreenProps?.className)}\n                    type=\"middle\"\n                />\n            )}\n        </div>\n    ),\n);\n\nModalWindowContent.displayName = \"ModalWindowContent\";\n"],"names":["React"],"mappings":";;;;;;AAoBO,MAAM,qBAAqBA,eAAM;AAAA,EACpC,CAAC,EAAE,WAAW,WAAW,mBAAmB,UAAU,GAAG,KAAA,GAAQ,QAC7D;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAW,KAAK,OAAO,oBAAoB,WAAW,EAAE,CAAC,OAAO,SAAS,GAAG,WAAW;AAAA,MACtF,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAK,WAAW,OAAO,wBAAyB,UAAS;AAAA,QAEzD,aACG;AAAA,UAAC;AAAA,UAAA;AAAA,YACI,GAAG;AAAA,YACJ,WAAW,KAAK,OAAO,yBAAyB,uDAAmB,SAAS;AAAA,YAC5E,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEA,mBAAmB,cAAc;"}

package/components/ModalWindow/components/ModalWindowHeader.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { HeaderPage } from "../../Page/components/HeaderPage.js";
 import { EHeaderPageType } from "../../Page/components/enums.js";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const modalWindowHeader = "modalWindowHeader__1f1dd50c";
+const modalWindowHeader = "modalWindowHeader__cc03a5a9";
 const styles = {
   modalWindowHeader
 };

package/components/ModalWindow/components/ModalWindowViewManager.js

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

package/components/MonthYearRange/MonthYearRange.js

@@ -5,9 +5,9 @@ import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit } from "./enums.js";
-const monthYearRange = "monthYearRange__48c8712d";
-const monthYearRangeButton = "monthYearRangeButton__d9000211";
-const separator = "separator__b6a951a5";
+const monthYearRange = "monthYearRange__a9006349";
+const monthYearRangeButton = "monthYearRangeButton__30968ccf";
+const separator = "separator__934b0d97";
 const styles = {
   monthYearRange,
   monthYearRangeButton,

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -4,7 +4,7 @@ import { j as focusTrapReactExports } from "../../../chunks/vendor-Bco_z_Yi.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-Bar1VVOv.js";
+import "../../../chunks/DropdownListItem-C9UYL13j.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -4,11 +4,11 @@ import { MultiselectFieldContext } from "../MultiselectFieldContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const multiselectFieldContent = "multiselectFieldContent__3a9410ba";
-const loaderScreen = "loaderScreen__bbd1efd5";
-const sm = "sm__00d63b98";
-const md = "md__0bc23981";
-const lg = "lg__feb33ce8";
+const multiselectFieldContent = "multiselectFieldContent__6b9cafce";
+const loaderScreen = "loaderScreen__7dec5ca6";
+const sm = "sm__eb9356f5";
+const md = "md__ea00ee3d";
+const lg = "lg__bba6fa02";
 const styles = {
   multiselectFieldContent,
   loaderScreen,

package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const multiselectFieldFooter = "multiselectFieldFooter__54e5bb35";
+const multiselectFieldFooter = "multiselectFieldFooter__87ee237b";
 const styles = {
   multiselectFieldFooter
 };

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const multiselectFieldHeader = "multiselectFieldHeader__0e929272";
+const multiselectFieldHeader = "multiselectFieldHeader__da5b2387";
 const styles = {
   multiselectFieldHeader
 };

package/components/Notification/Notification.js

@@ -5,7 +5,7 @@ import { NotificationClose } from "./components/NotificationClose.js";
 import { NotificationIcon } from "./components/NotificationIcon.js";
 import { NotificationTime } from "./components/NotificationTime.js";
 import React__default from "react";
-import { s as styles } from "../../chunks/Notification.module-Cfix8GJ9.js";
+import { s as styles } from "../../chunks/Notification.module-BSFrcwoX.js";
 const Notification = Object.assign(
   React__default.forwardRef(function Notification2({ children, className, withExtraBottomPadding = false, isShowCloseOnHover = false, onClick, ...HTMLAttributes }, ref) {
     const cn = clsx(className, styles.notification, {
@@ -20,7 +20,7 @@ const Notification = Object.assign(
         className: cn,
         onClick,
         ref,
-        "data-tx": "1.35.0",
+        "data-tx": "1.36.0",
         children
       }
     );

package/components/Notification/NotificationGrouped.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { NotificationGroupedFooter } from "./components/NotificationGroupedFooter.js";
 import React__default from "react";
-import { s as styles } from "../../chunks/Notification.module-Cfix8GJ9.js";
+import { s as styles } from "../../chunks/Notification.module-BSFrcwoX.js";
 const NotificationGrouped = React__default.forwardRef(
   function NotificationGrouped2({ children }, ref) {
     return /* @__PURE__ */ jsxs("div", { className: styles.notificationGroupedWrapper, ref, children: [

package/components/Notification/components/NotificationBody.js

@@ -4,7 +4,7 @@ import { NotificationHeader } from "./NotificationHeader.js";
 import { NotificationBodyContent } from "./NotificationBodyContent.js";
 import { NotificationFooter } from "./NotificationFooter.js";
 import { NotificationBodyList } from "./NotificationBodyList.js";
-import { s as styles } from "../../../chunks/Notification.module-Cfix8GJ9.js";
+import { s as styles } from "../../../chunks/Notification.module-BSFrcwoX.js";
 const NotificationBody = Object.assign(
   React__default.forwardRef(function NotificationBody2({ children }, ref) {
     return /* @__PURE__ */ jsx("div", { className: styles.notificationBody, ref, children });

package/components/Notification/components/NotificationBodyList.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { UnorderedList } from "../../UnorderedList/UnorderedList.js";
 import "../../UnorderedList/UnorderedListItem.js";
-import { s as styles } from "../../../chunks/Notification.module-Cfix8GJ9.js";
+import { s as styles } from "../../../chunks/Notification.module-BSFrcwoX.js";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 const NotificationBodyList = ({ className, ...props }) => /* @__PURE__ */ jsx(UnorderedList, { className: clsx(styles.notificationBodyList, className), ...props, children: props.values.map((el, index) => /* @__PURE__ */ jsx(UnorderedList.Item, { children: el }, index)) });
 NotificationBodyList.displayName = "NotificationBodyList";

package/components/Notification/components/NotificationClose.js

@@ -5,7 +5,7 @@ import "../../Button/ButtonBase.js";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-import { s as styles } from "../../../chunks/Notification.module-Cfix8GJ9.js";
+import { s as styles } from "../../../chunks/Notification.module-BSFrcwoX.js";
 const NotificationClose = ({ onClick, ...buttonProps }) => /* @__PURE__ */ jsx("span", { className: styles.notificationClose, children: /* @__PURE__ */ jsx(ButtonIcon, { ...buttonProps, onClick, children: /* @__PURE__ */ jsx(CrossStrokeSrvIcon16, { paletteIndex: 5 }) }) });
 NotificationClose.displayName = "NotificationClose";
 export {

package/components/Notification/components/NotificationFooter.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/Notification.module-Cfix8GJ9.js";
+import { s as styles } from "../../../chunks/Notification.module-BSFrcwoX.js";
 const NotificationFooter = ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.notificationFooter, children });
 NotificationFooter.displayName = "NotificationFooter";
 export {

package/components/Notification/components/NotificationGroupedFooter.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/Notification.module-Cfix8GJ9.js";
+import { s as styles } from "../../../chunks/Notification.module-BSFrcwoX.js";
 const NotificationGroupedFooter = () => /* @__PURE__ */ jsxs("div", { children: [
   /* @__PURE__ */ jsx("div", { className: clsx(styles.notificationGroupedFooterItem, styles.first) }),
   /* @__PURE__ */ jsx("div", { className: clsx(styles.notificationGroupedFooterItem, styles.second) })

package/components/Notification/components/NotificationHeader.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/Notification.module-Cfix8GJ9.js";
+import { s as styles } from "../../../chunks/Notification.module-BSFrcwoX.js";
 const NotificationHeader = ({ children }) => /* @__PURE__ */ jsx("h3", { className: styles.notificationHeader, children });
 NotificationHeader.displayName = "NotificationHeader";
 export {

package/components/Notification/components/NotificationIcon.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/Notification.module-Cfix8GJ9.js";
+import { s as styles } from "../../../chunks/Notification.module-BSFrcwoX.js";
 const NotificationIcon = ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.notificationIcon, children });
 NotificationIcon.displayName = "NotificationIcon";
 export {

package/components/Notification/components/NotificationTime.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/Notification.module-Cfix8GJ9.js";
+import { s as styles } from "../../../chunks/Notification.module-BSFrcwoX.js";
 const NotificationTime = ({ time }) => /* @__PURE__ */ jsx("span", { className: styles.notificationTime, children: time });
 NotificationTime.displayName = "NotificationTime";
 export {

package/components/NumberField/NumberFieldInput.js

@@ -3,7 +3,7 @@ import React__default, { useCallback } from "react";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import { F as FormFieldInput } from "../../chunks/FormFieldInput-oyG8nnC2.js";
+import { F as FormFieldInput } from "../../chunks/FormFieldInput-FA3ecx9K.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/OrderedList/OrderedList.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { OrderedListItem } from "./OrderedListItem.js";
-const orderedList = "orderedList__0e9333bb";
+const orderedList = "orderedList__9ca56dc5";
 const styles = {
   orderedList
 };
@@ -17,7 +17,7 @@ const OrderedList = Object.assign(
         ["--start-index-tx"]: start - 1
       } : style,
       ...restProps,
-      "data-tx": "1.35.0",
+      "data-tx": "1.36.0",
       ref
     }
   )),

package/components/OrderedList/OrderedListItem.js

@@ -6,7 +6,7 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const orderedListItem = "orderedListItem__bf4490ba";
+const orderedListItem = "orderedListItem__3a45f907";
 const styles = {
   orderedListItem
 };
@@ -18,7 +18,7 @@ const OrderedListItem = React__default.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "1.35.0",
+      "data-tx": "1.36.0",
       ref
     }
   )

package/components/Overlay/Overlay.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { OverlayBase } from "./OverlayBase.js";
 import { OverlayMask } from "./OverlayMask.js";
 import { OverlayPanel } from "./OverlayPanel.js";
-import { s as styles } from "../../chunks/Overlay.module-CFcU5DhG.js";
+import { s as styles } from "../../chunks/Overlay.module-RCDVB8VC.js";
 const Overlay = Object.assign(
   React__default.forwardRef(
     ({

package/components/Overlay/OverlayMask.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../chunks/Overlay.module-CFcU5DhG.js";
+import { s as styles } from "../../chunks/Overlay.module-RCDVB8VC.js";
 const OverlayMask = React__default.forwardRef(
   ({ className, opened, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/Overlay/OverlayPanel.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { EOverlayDirection } from "./OverlayBase.js";
-import { s as styles } from "../../chunks/Overlay.module-CFcU5DhG.js";
+import { s as styles } from "../../chunks/Overlay.module-RCDVB8VC.js";
 const OverlayPanel = React__default.forwardRef(
   ({
     children,

package/components/Page/Page.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { BodyPage } from "./components/BodyPage.js";
 import { HeaderPage } from "./components/HeaderPage.js";
 import { FooterPage } from "./components/FooterPage.js";
-import { s as styles } from "../../chunks/Page.module-DF058wvL.js";
+import { s as styles } from "../../chunks/Page.module-BZgUS0hK.js";
 import "./components/enums.js";
 const Page = Object.assign(
   React__default.forwardRef(function Page2({ children, className, ...rest }, ref) {

package/components/Page/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sources":["../../../src/components/Page/Page.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { BodyPage } from \"./components/BodyPage\";\nimport { HeaderPage } from \"./components/HeaderPage\";\nimport { FooterPage } from \"./components/FooterPage\";\nimport styles from \"./styles/Page.module.less\";\n\n/** Свойства компонента Page. */\nexport interface IPageProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Страница. Может содержать только Body, Header и Footer. */\nexport const Page = Object.assign(\n    React.forwardRef<HTMLDivElement, IPageProps>(function Page({ children, className, ...rest }, ref) {\n        return (\n            <div className={clsx(styles.page, styles[\"global-page\"], className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Body: BodyPage,\n        Header: HeaderPage,\n        Footer: FooterPage,\n    },\n);\n\nPage.displayName = \"Page\";\n"],"names":["React","Page"],"mappings":";;;;;;;;AAWO,MAAM,OAAO,OAAO;AAAA,EACvBA,eAAM,WAAuC,SAASC,MAAK,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,KAAK;AAC9F,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,MAAM,OAAO,aAAa,GAAG,SAAS,GAAI,GAAG,MAAM,KAC1E,UACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA;AAEhB;AAEA,KAAK,cAAc;"}
+{"version":3,"file":"Page.js","sources":["../../../src/components/Page/Page.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { BodyPage } from \"./components/BodyPage\";\nimport { HeaderPage } from \"./components/HeaderPage\";\nimport { FooterPage } from \"./components/FooterPage\";\nimport styles from \"./styles/Page.module.less\";\n\n/** Свойства компонента Page. Расширяют стандартные HTML-атрибуты `<div>`. */\nexport interface IPageProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Каркас страницы. Вертикальный flex-контейнер, в который вкладываются только\n * составные части: `Page.Header`, `Page.Body` и `Page.Footer`.\n *\n * Типичное место использования — содержимое `LightBox`.\n */\nexport const Page = Object.assign(\n    React.forwardRef<HTMLDivElement, IPageProps>(function Page({ children, className, ...rest }, ref) {\n        return (\n            <div className={clsx(styles.page, styles[\"global-page\"], className)} {...rest} ref={ref}>\n                {children}\n            </div>\n        );\n    }),\n    {\n        Body: BodyPage,\n        Header: HeaderPage,\n        Footer: FooterPage,\n    },\n);\n\nPage.displayName = \"Page\";\n"],"names":["React","Page"],"mappings":";;;;;;;;AAgBO,MAAM,OAAO,OAAO;AAAA,EACvBA,eAAM,WAAuC,SAASC,MAAK,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,KAAK;AAC9F,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,MAAM,OAAO,aAAa,GAAG,SAAS,GAAI,GAAG,MAAM,KAC1E,UACL;AAAA,EAER,CAAC;AAAA,EACD;AAAA,IACI,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA;AAEhB;AAEA,KAAK,cAAc;"}

package/components/Page/components/BodyPage.js

@@ -5,9 +5,9 @@ import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { EBodyPageVerticalMargin, EBodyPageType } from "./enums.js";
 import { Island } from "../../Island/Island.js";
 import { EIslandType } from "../../Island/enums.js";
-const bodyPage = "bodyPage__09eeecb9";
-const verticalMargin24 = "verticalMargin24__24f65bba";
-const verticalMargin16 = "verticalMargin16__a4157a60";
+const bodyPage = "bodyPage__181b1737";
+const verticalMargin24 = "verticalMargin24__72348c7b";
+const verticalMargin16 = "verticalMargin16__60b8af50";
 const styles = {
   bodyPage,
   verticalMargin24,

package/components/Page/components/FooterPage.js

@@ -9,7 +9,7 @@ import { EIslandType } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { s as styles } from "../../../chunks/Page.module-DF058wvL.js";
+import { s as styles } from "../../../chunks/Page.module-BZgUS0hK.js";
 const FooterPage = Object.assign(
   React__default.forwardRef(
     ({ className, type, size, sticky, ...rest }, ref) => {

package/components/Page/components/HeaderPage.js

@@ -9,7 +9,7 @@ import { EIslandType } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { s as styles } from "../../../chunks/Page.module-DF058wvL.js";
+import { s as styles } from "../../../chunks/Page.module-BZgUS0hK.js";
 const HeaderPage = Object.assign(
   React__default.forwardRef(
     ({ className, type, size, sticky, ...rest }, ref) => {

package/components/Pagination/components/PaginationExtended.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import React__default from "react";
-const paginationExtended = "paginationExtended__d45393c9";
+const paginationExtended = "paginationExtended__19748fb1";
 const styles = {
   paginationExtended
 };
@@ -11,7 +11,7 @@ const PaginationExtended = React__default.forwardRef(
       "nav",
       {
         className: clsx(styles.paginationExtended, className),
-        "data-tx": "1.35.0",
+        "data-tx": "1.36.0",
         ...rest,
         ref,
         children

package/components/Pagination/components/PaginationNavigationButton.js

@@ -4,8 +4,8 @@ import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import { EButtonIconShape } from "../../Button/enums.js";
 import { EPaginationNavigationIconDirection } from "../enums.js";
 import { CaretleftStrokeSrvIcon24 } from "@sberbusiness/icons-next";
-const paginationNavigationButton = "paginationNavigationButton__4a3a3dce";
-const directionIconNext = "directionIconNext__37494975";
+const paginationNavigationButton = "paginationNavigationButton__e28f20a9";
+const directionIconNext = "directionIconNext__557b48af";
 const styles = {
   paginationNavigationButton,
   directionIconNext

package/components/Pagination/components/PaginationNavigationExtended.js

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

package/components/Pagination/components/PaginationPageButton.js

@@ -11,8 +11,8 @@ import { ButtonBase } from "../../Button/ButtonBase.js";
 import "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-const paginationPageButton = "paginationPageButton__27157881";
-const currentPage = "currentPage__271e3d98";
+const paginationPageButton = "paginationPageButton__37447842";
+const currentPage = "currentPage__195c42f6";
 const styles = {
   paginationPageButton,
   currentPage

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -6,7 +6,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-const paginationPageEllipsis = "paginationPageEllipsis__ad14af03";
+const paginationPageEllipsis = "paginationPageEllipsis__ad77666b";
 const styles = {
   paginationPageEllipsis
 };