@sberbusiness/triplex-next 0.42.0 → 0.44.0

package/components/IslandWidget/components/IslandWidgetHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetHeader.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeader.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\nimport { IslandWidgetHeaderControls } from \"./IslandWidgetHeaderControls\";\nimport { IslandWidgetHeaderDescription } from \"./IslandWidgetHeaderDescription\";\nimport { IslandWidgetHeaderTitle } from \"./IslandWidgetHeaderTitle\";\nimport { CaretdownStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\n\n/** Свойства компонента IslandWidgetHeader. */\nexport interface IIslandWidgetHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport type TIslandWidgetHeader = React.FC<IIslandWidgetHeaderProps> & {\n    Title: typeof IslandWidgetHeaderTitle;\n    Controls: typeof IslandWidgetHeaderControls;\n    Description: typeof IslandWidgetHeaderDescription;\n};\n\nexport const IslandWidgetHeader: TIslandWidgetHeader = ({ children, className, ...htmlDivAttributes }) => {\n    const { adaptive, disableAdaptiveCollapsing, open } = useContext(IslandWidgetContext);\n\n    return (\n        <div\n            {...htmlDivAttributes}\n            className={clsx(className, styles.islandWidgetHeader, {\n                [styles.open]: open,\n            })}\n        >\n            {children}\n            {adaptive && !disableAdaptiveCollapsing && (\n                <span className={clsx(styles.caretWrapper)}>\n                    <CaretdownStrokeSrvIcon24 className={styles.caretIcon} aria-hidden=\"true\" paletteIndex={5} />\n                </span>\n            )}\n        </div>\n    );\n};\n\nIslandWidgetHeader.Title = IslandWidgetHeaderTitle;\nIslandWidgetHeader.Controls = IslandWidgetHeaderControls;\nIslandWidgetHeader.Description = IslandWidgetHeaderDescription;\nIslandWidgetHeader.displayName = \"IslandWidgetHeader\";\n"],"names":[],"mappings":";;;;;;;;;AAkBO,MAAM,qBAA0C,CAAC,EAAE,UAAU,WAAW,GAAG,wBAAwB;AACtG,QAAM,EAAE,UAAU,2BAA2B,KAAA,IAAS,WAAW,mBAAmB;AAEpF,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,KAAK,WAAW,OAAO,oBAAoB;AAAA,QAClD,CAAC,OAAO,IAAI,GAAG;AAAA,MAAA,CAClB;AAAA,MAEA,UAAA;AAAA,QAAA;AAAA,QACA,YAAY,CAAC,iDACT,QAAA,EAAK,WAAW,KAAK,OAAO,YAAY,GACrC,UAAA,oBAAC,0BAAA,EAAyB,WAAW,OAAO,WAAW,eAAY,QAAO,cAAc,GAAG,EAAA,CAC/F;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEA,mBAAmB,QAAQ;AAC3B,mBAAmB,WAAW;AAC9B,mBAAmB,cAAc;AACjC,mBAAmB,cAAc;"}
+{"version":3,"file":"IslandWidgetHeader.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeader.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { IslandWidgetHeaderControls } from \"./IslandWidgetHeaderControls\";\nimport { IslandWidgetHeaderDescription } from \"./IslandWidgetHeaderDescription\";\nimport { IslandWidgetHeaderTitle } from \"./IslandWidgetHeaderTitle\";\nimport { CaretdownStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\n\n/** Свойства компонента IslandWidgetHeader. */\nexport interface IIslandWidgetHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport type TIslandWidgetHeader = React.FC<IIslandWidgetHeaderProps> & {\n    Title: typeof IslandWidgetHeaderTitle;\n    Controls: typeof IslandWidgetHeaderControls;\n    Description: typeof IslandWidgetHeaderDescription;\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nexport const IslandWidgetHeader: TIslandWidgetHeader = ({ children, className, ...htmlDivAttributes }) => {\n    const { adaptive, disableAdaptiveCollapsing, open, size } = useContext(IslandWidgetContext);\n\n    return (\n        <div\n            {...htmlDivAttributes}\n            className={clsx(styles.islandWidgetHeader, SIZE_TO_CLASS_NAME_MAP[size], className, {\n                [styles.open]: open,\n                [styles.disableAdaptiveCollapsing]: adaptive && disableAdaptiveCollapsing,\n            })}\n        >\n            {children}\n            {adaptive && !disableAdaptiveCollapsing && (\n                <span className={clsx(styles.caretWrapper)}>\n                    <CaretdownStrokeSrvIcon24 className={styles.caretIcon} aria-hidden=\"true\" paletteIndex={5} />\n                </span>\n            )}\n        </div>\n    );\n};\n\nIslandWidgetHeader.Title = IslandWidgetHeaderTitle;\nIslandWidgetHeader.Controls = IslandWidgetHeaderControls;\nIslandWidgetHeader.Description = IslandWidgetHeaderDescription;\nIslandWidgetHeader.displayName = \"IslandWidgetHeader\";\n"],"names":[],"mappings":";;;;;;;;;;AAmBA,MAAM,yBAAyB,yBAAyB,MAAM;AAEvD,MAAM,qBAA0C,CAAC,EAAE,UAAU,WAAW,GAAG,wBAAwB;AACtG,QAAM,EAAE,UAAU,2BAA2B,MAAM,KAAA,IAAS,WAAW,mBAAmB;AAE1F,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,KAAK,OAAO,oBAAoB,uBAAuB,IAAI,GAAG,WAAW;AAAA,QAChF,CAAC,OAAO,IAAI,GAAG;AAAA,QACf,CAAC,OAAO,yBAAyB,GAAG,YAAY;AAAA,MAAA,CACnD;AAAA,MAEA,UAAA;AAAA,QAAA;AAAA,QACA,YAAY,CAAC,iDACT,QAAA,EAAK,WAAW,KAAK,OAAO,YAAY,GACrC,UAAA,oBAAC,0BAAA,EAAyB,WAAW,OAAO,WAAW,eAAY,QAAO,cAAc,GAAG,EAAA,CAC/F;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEA,mBAAmB,QAAQ;AAC3B,mBAAmB,WAAW;AAC9B,mBAAmB,cAAc;AACjC,mBAAmB,cAAc;"}

package/components/IslandWidget/components/IslandWidgetHeaderContent.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DWcGQe3E.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-BkbneJMX.js";
 const IslandWidgetHeaderContent = ({
   children,
   className,

package/components/IslandWidget/components/IslandWidgetHeaderControls.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DWcGQe3E.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-BkbneJMX.js";
 const IslandWidgetHeaderControls = ({
   children,
   className,

package/components/IslandWidget/components/IslandWidgetHeaderDescription.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DWcGQe3E.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-BkbneJMX.js";
 import { EFontType, ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";

package/components/IslandWidget/components/IslandWidgetHeaderTitle.js

@@ -4,8 +4,8 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DWcGQe3E.js";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-BkbneJMX.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 const IslandWidgetHeaderTitle = ({
   children,
   className,

package/components/IslandWidget/components/IslandWidgetWrapper.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useState } from "react";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
-const islandWidgetWrapper = "islandWidgetWrapper__4d526688";
+const islandWidgetWrapper = "islandWidgetWrapper__ed6698fc";
 const styles = {
   islandWidgetWrapper
 };

package/components/LightBox/LightBox.js

@@ -1,9 +1,9 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
-import { c as clsx } from "../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
 import { Portal } from "../Portal/Portal.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
-import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-BfZDkiSK.js";
+import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-C1w0r7VT.js";
 import { LightBoxControls } from "./LightBoxControls/LightBoxControls.js";
 import { LightBoxSideOverlay } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
 import { addClassNameWithScrollbarWidth } from "../../utils/scroll/scrollbar.js";
@@ -15,10 +15,10 @@ import { LightBoxLeftSidebar } from "./LightBoxSidebars/LightBoxLeftSidebar.js";
 import { LightBoxRightSidebar } from "./LightBoxSidebars/LightBoxRightSidebar.js";
 import { ELightBoxSize } from "./enums.js";
 const scrollStyles = {
-  "scroll-0": "scroll-0__2f97aa50",
-  "scroll-15": "scroll-15__6784f62c",
-  "scroll-16": "scroll-16__3c7c7a5f",
-  "scroll-17": "scroll-17__3fc2392f"
+  "scroll-0": "scroll-0__44fe3c38",
+  "scroll-15": "scroll-15__18f47621",
+  "scroll-16": "scroll-16__9b3c98ce",
+  "scroll-17": "scroll-17__a1f43c78"
 };
 const lightBoxMountNodeIdDefault = "LightBox-next-mount-node";
 const lightBoxViewManagerNodeIdDefault = "LightBox-next-view-manager-node";
@@ -100,6 +100,7 @@ const LightBoxBase = ({
     styles.lightBox,
     styles[size],
     {
+      [styles.isLoading]: Boolean(isLoading),
       [styles.lightBoxSideOverlayActive]: Boolean(isSideOverlayOpened),
       [styles.lightBoxTopOverlayActive]: Boolean(isTopOverlayOpened)
     },

package/components/LightBox/LightBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"LightBox.js","sources":["../../../src/components/LightBox/LightBox.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { Portal } from \"../Portal\";\nimport { FocusTrapExtended, IFocusTrapExtendedProps } from \"../FocusTrapExtended\";\nimport { LightBoxContent } from \"./LightBoxContent\";\nimport { LightBoxControls } from \"./LightBoxControls/LightBoxControls\";\nimport { LightBoxSideOverlay } from \"./LightBoxSideOverlay/LightBoxSideOverlay\";\nimport { addClassNameWithScrollbarWidth } from \"../../utils/scroll/scrollbar\";\nimport { TopOverlay } from \"../TopOverlay/TopOverlay\";\nimport { LightBoxViewManager } from \"./LightBoxViewManager/LightBoxViewManager\";\nimport { FocusTrapUtils } from \"../../utils/focus/FocusTrapUtils\";\nimport { useToken } from \"../ThemeProvider/useToken\";\nimport { LightBoxLeftSidebar } from \"./LightBoxSidebars/LightBoxLeftSidebar\";\nimport { LightBoxRightSidebar } from \"./LightBoxSidebars/LightBoxRightSidebar\";\nimport { ELightBoxSize } from \"./enums\";\nimport styles from \"./styles/LightBox.module.less\";\nimport scrollStyles from \"./styles/LightBoxScroll.module.less\";\n\n/** Идентификатор DOM-элемента, в который рендерится лайтбокс. При отсутствии элемента в DOM – создается в body. */\nexport const lightBoxMountNodeIdDefault = \"LightBox-next-mount-node\";\n\n/** Идентификатор DOM-элемента, в визуальных границах (левая и правая координата) которого рендерится лайтбокс. */\nexport const lightBoxViewManagerNodeIdDefault = \"LightBox-next-view-manager-node\";\n\n/** Свойства компонента LightBox. */\nexport interface ILightBoxProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое лайтбокса. */\n    children: React.ReactElement[];\n    /** Свойства компонента FocusTrapExtended. */\n    focusTrapProps?: IFocusTrapExtendedProps;\n    /** Ref на контейнер LightBox. */\n    forwardRef?: React.MutableRefObject<HTMLElement | null>;\n    /** DOM-нода в которую будет рендерится лайтбокс. */\n    mountNode?: HTMLDivElement;\n    /** Идентификатор DOM-элемента, в визуальных границах (левая и правая координата) которого рендерится лайтбокс. */\n    lightBoxViewManagerNodeId?: string;\n    /** Флаг состояния загрузки. */\n    isLoading?: boolean;\n    /** Флаг открытия боковой панели. */\n    isSideOverlayOpened?: boolean;\n    /** Флаг открытия верхней панели. */\n    isTopOverlayOpened?: boolean;\n    /** Размер контента LightBox. */\n    size?: ELightBoxSize;\n}\n\n/** CSS-классы, добавляемые на корневой элемент документа, пока лайтбокс открыт. */\nconst bodyClassNamesIsLightBoxOpen = [styles.bodyOverflowHidden];\n\n/** Добавляет CSS-классы открытого лайтбокса на корневой элемент документа. */\nconst addClassNamesToDocumentElement = () => {\n    bodyClassNamesIsLightBoxOpen.forEach((className) => document.documentElement.classList.add(className));\n};\n\n/** Удаляет CSS-классы открытого лайтбокса с корневого элемента документа. */\nconst removeClassNamesFromDocumentElement = () => {\n    bodyClassNamesIsLightBoxOpen.forEach((className) => document.documentElement.classList.remove(className));\n};\n\n/**\n * Количество смонтированных лайтбоксов. При переключении между лайтбоксами через роутер второй может\n * смонтироваться раньше, чем размонтируется первый, поэтому классы с documentElement снимаются только\n * при размонтировании последнего лайтбокса.\n */\nlet mountedLightBoxCount = 0;\n\nconst LightBoxBase: React.FC<ILightBoxProps> = ({\n    children,\n    className,\n    focusTrapProps,\n    forwardRef,\n    mountNode,\n    lightBoxViewManagerNodeId = lightBoxViewManagerNodeIdDefault,\n    isLoading,\n    isSideOverlayOpened,\n    isTopOverlayOpened,\n    size = ELightBoxSize.MD,\n    ...htmlDivAttributes\n}) => {\n    // Скрытый элемент для вызова ререндера при закрытии оверлея, фикс бага в Safari - DCBSWT-2866.\n    const tempButtonRef = useRef<HTMLSpanElement>(null);\n    const containerRef = useRef<HTMLDivElement | null>(null);\n\n    const { scopeClassName } = useToken();\n\n    const getLightBoxMountNode = (): HTMLDivElement => {\n        if (mountNode) {\n            return mountNode;\n        }\n\n        let lightBoxMountNode = document.querySelector<HTMLDivElement>(`#${lightBoxMountNodeIdDefault}`);\n\n        if (!lightBoxMountNode) {\n            lightBoxMountNode = document.createElement(\"div\");\n            lightBoxMountNode.setAttribute(\"id\", lightBoxMountNodeIdDefault);\n            document.body.appendChild(lightBoxMountNode);\n        }\n\n        return lightBoxMountNode;\n    };\n\n    const getLightBoxViewManagerMountNode = (): HTMLDivElement => {\n        let lightBoxViewManagerMountNode: HTMLDivElement | null = null;\n\n        if (lightBoxViewManagerNodeId) {\n            lightBoxViewManagerMountNode = document.querySelector<HTMLDivElement>(`#${lightBoxViewManagerNodeId}`);\n        }\n\n        if (!lightBoxViewManagerMountNode) {\n            lightBoxViewManagerMountNode = document.createElement(\"div\");\n            lightBoxViewManagerMountNode.setAttribute(\"id\", lightBoxViewManagerNodeIdDefault);\n            document.body.appendChild(lightBoxViewManagerMountNode);\n        }\n\n        return lightBoxViewManagerMountNode;\n    };\n\n    /** DOM node, в которую рендерится лайтбокс. */\n    const [lightBoxMountNode] = useState<HTMLDivElement>(getLightBoxMountNode);\n    /**\n     * DOM node, в визуальных границах которой рендерится лайтбокс.\n     * Левая и правая граница LightBox будут соответствовать левой и правой границе lightBoxViewManagerNode.\n     */\n    const [lightBoxViewManagerNode] = useState<HTMLDivElement>(getLightBoxViewManagerMountNode);\n\n    useEffect(() => {\n        addClassNameWithScrollbarWidth(scrollStyles);\n        mountedLightBoxCount += 1;\n        addClassNamesToDocumentElement();\n\n        return () => {\n            mountedLightBoxCount -= 1;\n\n            if (mountedLightBoxCount === 0) {\n                removeClassNamesFromDocumentElement();\n            }\n        };\n    }, []);\n\n    useEffect(() => {\n        if (!isSideOverlayOpened && tempButtonRef.current) {\n            // Изменение z-index у скрытого элемента вызывает repaint. Фикс бага в Safari - DCBSWT-2866.\n            const nextZIndex = Math.round(Math.random() * 100);\n            tempButtonRef.current.style.zIndex = nextZIndex.toString();\n        }\n    }, [isSideOverlayOpened]);\n\n    const setRef = (instance: HTMLDivElement | null) => {\n        containerRef.current = instance;\n\n        if (forwardRef) {\n            forwardRef.current = instance;\n        }\n    };\n\n    const classNames = clsx(\n        scopeClassName,\n        styles.lightBox,\n        styles[size],\n        {\n            [styles.lightBoxSideOverlayActive]: Boolean(isSideOverlayOpened),\n            [styles.lightBoxTopOverlayActive]: Boolean(isTopOverlayOpened),\n        },\n        className,\n    );\n\n    return (\n        <>\n            <Portal container={lightBoxMountNode}>\n                <FocusTrapExtended\n                    active={!isLoading}\n                    {...focusTrapProps}\n                    focusTrapOptions={{\n                        initialFocus: () => FocusTrapUtils.getFirstInteractionElementByDataAttr(containerRef.current),\n                        preventScroll: true,\n                        ...focusTrapProps?.focusTrapOptions,\n                    }}\n                >\n                    <div className={classNames} role=\"dialog\" aria-modal=\"true\" {...htmlDivAttributes} ref={setRef}>\n                        <div className={styles.lightBoxBackdrop} />\n                        {children}\n                        <span ref={tempButtonRef} className={styles.tempElSafariBug} />\n                    </div>\n                </FocusTrapExtended>\n            </Portal>\n\n            <LightBoxViewManager\n                lightBoxViewManagerNode={lightBoxViewManagerNode}\n                lightBoxMountNode={lightBoxMountNode}\n            />\n        </>\n    );\n};\n\nLightBoxBase.displayName = \"LightBoxBase\";\n\n/** Лайтбокс — полноэкранный диалог поверх страницы с контентом, кнопками управления и боковыми панелями. */\nexport const LightBox = Object.assign(LightBoxBase, {\n    Content: LightBoxContent,\n    SideOverlay: LightBoxSideOverlay,\n    TopOverlay,\n    Controls: LightBoxControls,\n    LeftSidebar: LightBoxLeftSidebar,\n    RightSidebar: LightBoxRightSidebar,\n});\n"],"names":["lightBoxMountNode"],"mappings":"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"}
+{"version":3,"file":"LightBox.js","sources":["../../../src/components/LightBox/LightBox.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { Portal } from \"../Portal\";\nimport { FocusTrapExtended, IFocusTrapExtendedProps } from \"../FocusTrapExtended\";\nimport { LightBoxContent } from \"./LightBoxContent\";\nimport { LightBoxControls } from \"./LightBoxControls/LightBoxControls\";\nimport { LightBoxSideOverlay } from \"./LightBoxSideOverlay/LightBoxSideOverlay\";\nimport { addClassNameWithScrollbarWidth } from \"../../utils/scroll/scrollbar\";\nimport { TopOverlay } from \"../TopOverlay/TopOverlay\";\nimport { LightBoxViewManager } from \"./LightBoxViewManager/LightBoxViewManager\";\nimport { FocusTrapUtils } from \"../../utils/focus/FocusTrapUtils\";\nimport { useToken } from \"../ThemeProvider/useToken\";\nimport { LightBoxLeftSidebar } from \"./LightBoxSidebars/LightBoxLeftSidebar\";\nimport { LightBoxRightSidebar } from \"./LightBoxSidebars/LightBoxRightSidebar\";\nimport { ELightBoxSize } from \"./enums\";\nimport styles from \"./styles/LightBox.module.less\";\nimport scrollStyles from \"./styles/LightBoxScroll.module.less\";\n\n/** Идентификатор DOM-элемента, в который рендерится лайтбокс. При отсутствии элемента в DOM – создается в body. */\nexport const lightBoxMountNodeIdDefault = \"LightBox-next-mount-node\";\n\n/** Идентификатор DOM-элемента, в визуальных границах (левая и правая координата) которого рендерится лайтбокс. */\nexport const lightBoxViewManagerNodeIdDefault = \"LightBox-next-view-manager-node\";\n\n/** Свойства компонента LightBox. */\nexport interface ILightBoxProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое лайтбокса. */\n    children: React.ReactElement[];\n    /** Свойства компонента FocusTrapExtended. */\n    focusTrapProps?: IFocusTrapExtendedProps;\n    /** Ref на контейнер LightBox. */\n    forwardRef?: React.MutableRefObject<HTMLElement | null>;\n    /** DOM-нода в которую будет рендерится лайтбокс. */\n    mountNode?: HTMLDivElement;\n    /** Идентификатор DOM-элемента, в визуальных границах (левая и правая координата) которого рендерится лайтбокс. */\n    lightBoxViewManagerNodeId?: string;\n    /** Флаг состояния загрузки. */\n    isLoading?: boolean;\n    /** Флаг открытия боковой панели. */\n    isSideOverlayOpened?: boolean;\n    /** Флаг открытия верхней панели. */\n    isTopOverlayOpened?: boolean;\n    /** Размер контента LightBox. */\n    size?: ELightBoxSize;\n}\n\n/** CSS-классы, добавляемые на корневой элемент документа, пока лайтбокс открыт. */\nconst bodyClassNamesIsLightBoxOpen = [styles.bodyOverflowHidden];\n\n/** Добавляет CSS-классы открытого лайтбокса на корневой элемент документа. */\nconst addClassNamesToDocumentElement = () => {\n    bodyClassNamesIsLightBoxOpen.forEach((className) => document.documentElement.classList.add(className));\n};\n\n/** Удаляет CSS-классы открытого лайтбокса с корневого элемента документа. */\nconst removeClassNamesFromDocumentElement = () => {\n    bodyClassNamesIsLightBoxOpen.forEach((className) => document.documentElement.classList.remove(className));\n};\n\n/**\n * Количество смонтированных лайтбоксов. При переключении между лайтбоксами через роутер второй может\n * смонтироваться раньше, чем размонтируется первый, поэтому классы с documentElement снимаются только\n * при размонтировании последнего лайтбокса.\n */\nlet mountedLightBoxCount = 0;\n\nconst LightBoxBase: React.FC<ILightBoxProps> = ({\n    children,\n    className,\n    focusTrapProps,\n    forwardRef,\n    mountNode,\n    lightBoxViewManagerNodeId = lightBoxViewManagerNodeIdDefault,\n    isLoading,\n    isSideOverlayOpened,\n    isTopOverlayOpened,\n    size = ELightBoxSize.MD,\n    ...htmlDivAttributes\n}) => {\n    // Скрытый элемент для вызова ререндера при закрытии оверлея, фикс бага в Safari - DCBSWT-2866.\n    const tempButtonRef = useRef<HTMLSpanElement>(null);\n    const containerRef = useRef<HTMLDivElement | null>(null);\n\n    const { scopeClassName } = useToken();\n\n    const getLightBoxMountNode = (): HTMLDivElement => {\n        if (mountNode) {\n            return mountNode;\n        }\n\n        let lightBoxMountNode = document.querySelector<HTMLDivElement>(`#${lightBoxMountNodeIdDefault}`);\n\n        if (!lightBoxMountNode) {\n            lightBoxMountNode = document.createElement(\"div\");\n            lightBoxMountNode.setAttribute(\"id\", lightBoxMountNodeIdDefault);\n            document.body.appendChild(lightBoxMountNode);\n        }\n\n        return lightBoxMountNode;\n    };\n\n    const getLightBoxViewManagerMountNode = (): HTMLDivElement => {\n        let lightBoxViewManagerMountNode: HTMLDivElement | null = null;\n\n        if (lightBoxViewManagerNodeId) {\n            lightBoxViewManagerMountNode = document.querySelector<HTMLDivElement>(`#${lightBoxViewManagerNodeId}`);\n        }\n\n        if (!lightBoxViewManagerMountNode) {\n            lightBoxViewManagerMountNode = document.createElement(\"div\");\n            lightBoxViewManagerMountNode.setAttribute(\"id\", lightBoxViewManagerNodeIdDefault);\n            document.body.appendChild(lightBoxViewManagerMountNode);\n        }\n\n        return lightBoxViewManagerMountNode;\n    };\n\n    /** DOM node, в которую рендерится лайтбокс. */\n    const [lightBoxMountNode] = useState<HTMLDivElement>(getLightBoxMountNode);\n    /**\n     * DOM node, в визуальных границах которой рендерится лайтбокс.\n     * Левая и правая граница LightBox будут соответствовать левой и правой границе lightBoxViewManagerNode.\n     */\n    const [lightBoxViewManagerNode] = useState<HTMLDivElement>(getLightBoxViewManagerMountNode);\n\n    useEffect(() => {\n        addClassNameWithScrollbarWidth(scrollStyles);\n        mountedLightBoxCount += 1;\n        addClassNamesToDocumentElement();\n\n        return () => {\n            mountedLightBoxCount -= 1;\n\n            if (mountedLightBoxCount === 0) {\n                removeClassNamesFromDocumentElement();\n            }\n        };\n    }, []);\n\n    useEffect(() => {\n        if (!isSideOverlayOpened && tempButtonRef.current) {\n            // Изменение z-index у скрытого элемента вызывает repaint. Фикс бага в Safari - DCBSWT-2866.\n            const nextZIndex = Math.round(Math.random() * 100);\n            tempButtonRef.current.style.zIndex = nextZIndex.toString();\n        }\n    }, [isSideOverlayOpened]);\n\n    const setRef = (instance: HTMLDivElement | null) => {\n        containerRef.current = instance;\n\n        if (forwardRef) {\n            forwardRef.current = instance;\n        }\n    };\n\n    const classNames = clsx(\n        scopeClassName,\n        styles.lightBox,\n        styles[size],\n        {\n            [styles.isLoading]: Boolean(isLoading),\n            [styles.lightBoxSideOverlayActive]: Boolean(isSideOverlayOpened),\n            [styles.lightBoxTopOverlayActive]: Boolean(isTopOverlayOpened),\n        },\n        className,\n    );\n\n    return (\n        <>\n            <Portal container={lightBoxMountNode}>\n                <FocusTrapExtended\n                    active={!isLoading}\n                    {...focusTrapProps}\n                    focusTrapOptions={{\n                        initialFocus: () => FocusTrapUtils.getFirstInteractionElementByDataAttr(containerRef.current),\n                        preventScroll: true,\n                        ...focusTrapProps?.focusTrapOptions,\n                    }}\n                >\n                    <div className={classNames} role=\"dialog\" aria-modal=\"true\" {...htmlDivAttributes} ref={setRef}>\n                        <div className={styles.lightBoxBackdrop} />\n                        {children}\n                        <span ref={tempButtonRef} className={styles.tempElSafariBug} />\n                    </div>\n                </FocusTrapExtended>\n            </Portal>\n\n            <LightBoxViewManager\n                lightBoxViewManagerNode={lightBoxViewManagerNode}\n                lightBoxMountNode={lightBoxMountNode}\n            />\n        </>\n    );\n};\n\nLightBoxBase.displayName = \"LightBoxBase\";\n\n/** Лайтбокс — полноэкранный диалог поверх страницы с контентом, кнопками управления и боковыми панелями. */\nexport const LightBox = Object.assign(LightBoxBase, {\n    Content: LightBoxContent,\n    SideOverlay: LightBoxSideOverlay,\n    TopOverlay,\n    Controls: LightBoxControls,\n    LeftSidebar: LightBoxLeftSidebar,\n    RightSidebar: LightBoxRightSidebar,\n});\n"],"names":["lightBoxMountNode"],"mappings":"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"}

package/components/LightBox/LightBoxContent.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
-import "../../chunks/vendor-DPDeKFTF.js";
+import "../../chunks/vendor-DqGxntec.js";
 import "../WindowResizeListener/WindowResizeListener.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L } from "../../chunks/LightBoxContent-BfZDkiSK.js";
+import { L } from "../../chunks/LightBoxContent-C1w0r7VT.js";
 export {
   L as LightBoxContent
 };

package/components/LightBox/LightBoxControls/LightBoxArrow.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import { TriggerClickOnKeyDownEvent } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EButtonTheme } from "../../Button/enums.js";
 import { Button } from "../../Button/Button.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-BGLSJZAe.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-D_AZoYSV.js";
 const LightBoxArrow = ({
   buttonClassName,
   className,

package/components/LightBox/LightBoxControls/LightBoxClose.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import { CrossStrokeSrvIcon32, CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
 import { TriggerClickOnKeyDownEvent } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { EButtonTheme } from "../../Button/enums.js";
 import { Button } from "../../Button/Button.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-BGLSJZAe.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-D_AZoYSV.js";
 const LightBoxClose = ({
   className,
   onClick,

package/components/LightBox/LightBoxControls/LightBoxControls.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { LightBoxClose } from "./LightBoxClose.js";
 import { LightBoxNext } from "./LightBoxNext.js";
 import { LightBoxPrev } from "./LightBoxPrev.js";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-BGLSJZAe.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-D_AZoYSV.js";
 const LightBoxControls = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.lightBoxControls), ...htmlDivAttributes, "data-lightbox-component": "controls", children });
 LightBoxControls.displayName = "LightBoxControls";
 LightBoxControls.Close = LightBoxClose;

package/components/LightBox/LightBoxControls/LightBoxNext.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import { CaretrightStrokeSrvIcon20, CaretrightStrokeSrvIcon32 } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { LightBoxArrow } from "./LightBoxArrow.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-BGLSJZAe.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-D_AZoYSV.js";
 const LightBoxNext = ({ className, clickByArrowRight, ...rest }) => /* @__PURE__ */ jsx(
   LightBoxArrow,
   {

package/components/LightBox/LightBoxControls/LightBoxPrev.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import { CaretleftStrokeSrvIcon20, CaretleftStrokeSrvIcon32 } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { LightBoxArrow } from "./LightBoxArrow.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-BGLSJZAe.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-D_AZoYSV.js";
 const LightBoxPrev = ({ className, clickByArrowLeft, ...rest }) => /* @__PURE__ */ jsx(
   LightBoxArrow,
   {

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { useState, useRef, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import { FocusTrapExtended } from "../../FocusTrapExtended/FocusTrapExtended.js";
 import { OverlayBase, EOverlayDirection } from "../../Overlay/OverlayBase.js";
 import { OverlayMask } from "../../Overlay/OverlayMask.js";
@@ -10,18 +10,18 @@ import { LightBoxSideOverlayCloseMobile } from "./LightBoxSideOverlayCloseMobile
 import { LightBoxSideOverlayCloseDesktop } from "./LightBoxSideOverlayCloseDesktop.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const lightBoxSideOverlayMask = "lightBoxSideOverlayMask__613c4aac";
-const lightBoxSideOverlayWrapper = "lightBoxSideOverlayWrapper__085464a4";
-const overflowXHidden = "overflowXHidden__7abd200f";
-const overflowYHidden = "overflowYHidden__d4a32da4";
-const closing = "closing__2dde75ef";
-const opened = "opened__924dfb39";
-const lightBoxSideOverlayContent = "lightBoxSideOverlayContent__a39a740e";
-const opening = "opening__56a08209";
-const sm = "sm__dcfd2152";
-const md = "md__9767aa74";
-const lg = "lg__5aeb624c";
-const lightBoxSideOverlay = "lightBoxSideOverlay__438816e0";
+const lightBoxSideOverlayMask = "lightBoxSideOverlayMask__47e9ea9a";
+const lightBoxSideOverlayWrapper = "lightBoxSideOverlayWrapper__88d49e2d";
+const overflowXHidden = "overflowXHidden__068c8473";
+const overflowYHidden = "overflowYHidden__3df4e694";
+const closing = "closing__83c24ee3";
+const opened = "opened__83cc7246";
+const lightBoxSideOverlayContent = "lightBoxSideOverlayContent__14a5b790";
+const opening = "opening__efa823cc";
+const sm = "sm__a2702044";
+const md = "md__7677592a";
+const lg = "lg__81f84bea";
+const lightBoxSideOverlay = "lightBoxSideOverlay__56b864c8";
 const styles = {
   lightBoxSideOverlayMask,
   lightBoxSideOverlayWrapper,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseDesktop.js

@@ -2,12 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import { useRef } from "react";
 import { TriggerClickOnKeyDownEvent } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 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-CQklZzeY.js";
+import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-Cz3DP8OD.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-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import { CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-CQklZzeY.js";
+import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-Cz3DP8OD.js";
 import { EButtonTheme } from "../../Button/enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { Button } from "../../Button/Button.js";

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayLoader.js

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

package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle } from "react";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import { useLightBoxSidebarVisibility } from "./useLightBoxSidebarVisibility.js";
-const lightBoxLeftSidebar = "lightBoxLeftSidebar__35ea9d73";
-const fixed = "fixed__a115c1d7";
-const hidden = "hidden__28691dd6";
+const lightBoxLeftSidebar = "lightBoxLeftSidebar__a202dcb0";
+const fixed = "fixed__599c1cb3";
+const hidden = "hidden__c832c966";
 const styles = {
   lightBoxLeftSidebar,
   fixed,

package/components/LightBox/LightBoxSidebars/LightBoxRightSidebar.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle } from "react";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import { useLightBoxSidebarVisibility } from "./useLightBoxSidebarVisibility.js";
-const lightBoxRightSidebar = "lightBoxRightSidebar__a8b5165e";
-const fixed = "fixed__a115c1d7";
-const hidden = "hidden__28691dd6";
+const lightBoxRightSidebar = "lightBoxRightSidebar__d1b2f9a2";
+const fixed = "fixed__599c1cb3";
+const hidden = "hidden__c832c966";
 const styles = {
   lightBoxRightSidebar,
   fixed,

package/components/LightBox/LightBoxViewManager/LightBoxViewManager.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useLayoutEffect } from "react";
-import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks/vendor-DPDeKFTF.js";
+import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks/vendor-DqGxntec.js";
 import { Portal } from "../../Portal/Portal.js";
 import { LightBoxViewManagerConsts } from "./LightBoxViewManagerConsts.js";
 const lightBoxMountNodeClassName = "LightBoxMountNodeViewManager";

package/components/Link/Link.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
 import { getSafeRel } from "../../utils/html/anchorSecurity.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const link = "link__15c83578";
-const wordWithContent = "wordWithContent__52be39ce";
-const before = "before__df2ec347";
-const after = "after__b7fdce8b";
+const link = "link__26ea2960";
+const wordWithContent = "wordWithContent__2c63111f";
+const before = "before__9f121bfa";
+const after = "after__2b757700";
 const styles = {
   link,
   wordWithContent,
@@ -79,7 +79,7 @@ const Link = React.forwardRef(
         className: clsx(className, styles.link),
         onBlur,
         onMouseDown,
-        "data-tx": "0.42.0",
+        "data-tx": "0.44.0",
         ref,
         children: /* @__PURE__ */ jsx(IconWrapper, { displayContents: true, children: content })
       }

package/components/List/List.js

@@ -1,14 +1,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
 import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
-const list = "list__24ed3f54";
-const listLoaderScreen = "listLoaderScreen__c8533a13";
+const list = "list__9ae72b09";
+const listLoaderScreen = "listLoaderScreen__7148c1cc";
 const styles = {
   list,
   listLoaderScreen
 };
-const List = React.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "0.42.0", ref, children: [
+const List = React.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "0.44.0", ref, children: [
   children,
   loading ? /* @__PURE__ */ jsx(LoaderScreen, { type: "middle", className: styles.listLoaderScreen }) : null
 ] }));

package/components/List/ListSortable.js

@@ -3,7 +3,7 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { a as useSensors, b as useSensor, D as DndContext, M as MeasuringStrategy, r as restrictToParentElement, d as restrictToVerticalAxis, S as SortableContext, v as verticalListSortingStrategy, e as arrayMove, T as TouchSensor, f as MouseSensor } from "../../chunks/vendor-DPDeKFTF.js";
+import { a as useSensors, b as useSensor, D as DndContext, M as MeasuringStrategy, r as restrictToParentElement, d as restrictToVerticalAxis, S as SortableContext, v as verticalListSortingStrategy, e as arrayMove, T as TouchSensor, f as MouseSensor } from "../../chunks/vendor-DqGxntec.js";
 import { List } from "./List.js";
 import { isDraggableTarget } from "./utils.js";
 class AdvancedMouseSensor extends MouseSensor {

package/components/List/components/ListActionItem.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { ListItem } from "./ListItem.js";
 import { ListItemContent } from "./ListItemContent.js";
-const listActionItem = "listActionItem__060386f0";
+const listActionItem = "listActionItem__16c8628a";
 const styles = {
   listActionItem
 };

package/components/List/components/ListEmptyState.js

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

package/components/List/components/ListItem.js

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

package/components/List/components/ListItemContent.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemContent = "listItemContent__b3522f78";
-const selected = "selected__4156814d";
-const selectable = "selectable__ae21830b";
+const listItemContent = "listItemContent__4ac6f66c";
+const selected = "selected__8728cf6d";
+const selectable = "selectable__ffa5b339";
 const styles = {
   listItemContent,
   selected,
@@ -22,7 +22,7 @@ const ListItemContent = React.forwardRef(
           className
         ),
         ...rest,
-        "data-tx": "0.42.0",
+        "data-tx": "0.44.0",
         ref,
         children
       }

package/components/List/components/ListItemControls.js

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

package/components/List/components/ListItemControlsButton.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-DPDeKFTF.js";
-import { L } from "../../../chunks/ListItemControlsButton-Ci1BnxYp.js";
+import "../../../chunks/vendor-DqGxntec.js";
+import { L } from "../../../chunks/ListItemControlsButton-_JfdrGrO.js";
 import "../../Typography/enums.js";
 import "../../Typography/Text.js";
 import "../../IconWrapper/IconWrapper.js";

package/components/List/components/ListItemControlsButtonDropdown.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { useRef, useState, createElement } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import { ETextSize } from "../../Typography/enums.js";
 import { Text } from "../../Typography/Text.js";
 import { ButtonDropdownExtended } from "../../Button/ButtonDropdownExtended.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-Ci1BnxYp.js";
+import { s as styles, L as ListItemControlsButton } from "../../../chunks/ListItemControlsButton-_JfdrGrO.js";
 import { setForwardedRef } from "../utils.js";
 const ListItemControlsButtonDropdown = React.forwardRef(
   (props, ref) => {

package/components/List/components/ListItemLoading.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 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__1b8938a0";
+const listItemLoading = "listItemLoading__1e6bffd1";
 const styles = {
   listItemLoading
 };

package/components/List/components/ListItemSelectable.js

@@ -1,14 +1,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useContext, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemSelectable = "listItemSelectable__daf71dce";
-const selected = "selected__4156814d";
-const checkboxWrapper = "checkboxWrapper__91f9f560";
-const childrenWrapper = "childrenWrapper__589af2df";
-const checkboxLabel = "checkboxLabel__62af5d6f";
-const checkboxLabelClickArea = "checkboxLabelClickArea__9cb2a9a1";
+const listItemSelectable = "listItemSelectable__be010371";
+const selected = "selected__8728cf6d";
+const checkboxWrapper = "checkboxWrapper__96841175";
+const childrenWrapper = "childrenWrapper__c61ed4e9";
+const checkboxLabel = "checkboxLabel__8aa6bc4f";
+const checkboxLabelClickArea = "checkboxLabelClickArea__169139df";
 const styles = {
   listItemSelectable,
   selected,

package/components/List/components/ListItemTailLeft.js

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

package/components/List/components/ListItemTailRight.js

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