@sberbusiness/triplex-next 0.38.0 → 0.40.0

package/components/LightBox/LightBoxViewManager/LightBoxViewManager.js

@@ -4,6 +4,17 @@ import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks
 import { Portal } from "../../Portal/Portal.js";
 import { LightBoxViewManagerConsts } from "./LightBoxViewManagerConsts.js";
 const lightBoxMountNodeClassName = "LightBoxMountNodeViewManager";
+const rectComparedKeys = ["top", "left", "width", "height"];
+const viewManagerCountByMountNode = /* @__PURE__ */ new WeakMap();
+const removeClassNamesFromMountNode = (mountNode) => {
+  mountNode.classList.remove(lightBoxMountNodeClassName);
+  Array.from(mountNode.classList).forEach((className) => {
+    if (className.includes("LB-")) {
+      mountNode.classList.remove(className);
+    }
+  });
+};
+const getBreakPointsClassNames = (rect) => rect.width <= LightBoxViewManagerConsts.lightBoxMediaPoint0 ? LightBoxViewManagerConsts.breakPointsClassNames["less-or-equal-media-point-0"] : LightBoxViewManagerConsts.breakPointsClassNames["more-media-point-0"];
 const LightBoxViewManager = ({
   lightBoxMountNode,
   lightBoxViewManagerNode
@@ -11,57 +22,47 @@ const LightBoxViewManager = ({
   const [rectViewNode, setRectViewNode] = useState();
   const [breakPointsClassNames, setBreakPointsClassNames] = useState("");
   const viewNodeRef = useRef(null);
-  const calculateBreakPointsClassNames = useCallback(
-    (rect) => {
-      if (!rect) {
-        return;
-      }
-      let classNames = [];
-      if (rect.width <= LightBoxViewManagerConsts.lightBoxMediaPoint0) {
-        classNames.push(LightBoxViewManagerConsts.breakPointsClassNames["less-or-equal-media-point-0"]);
-      } else {
-        classNames.push(LightBoxViewManagerConsts.breakPointsClassNames["more-media-point-0"]);
-      }
-      classNames = classNames.sort().join(" ");
-      if (breakPointsClassNames !== classNames) {
-        setBreakPointsClassNames(classNames);
-      }
-    },
-    [breakPointsClassNames]
-  );
   const updateRect = () => {
     if (viewNodeRef.current) {
       const nextRect = viewNodeRef.current.getBoundingClientRect();
-      if (!isEqual(
-        pick(rectViewNode, ["top", "left", "width", "height"]),
-        pick(nextRect, ["top", "left", "width", "height"])
-      )) {
-        setRectViewNode(nextRect);
-      }
+      setRectViewNode(
+        (prevRect) => isEqual(pick(prevRect, rectComparedKeys), pick(nextRect, rectComparedKeys)) ? prevRect : nextRect
+      );
     }
   };
   const updateRectAndClassNames = useCallback(() => {
     if (viewNodeRef.current) {
       const nextRect = viewNodeRef.current.getBoundingClientRect();
       setRectViewNode(nextRect);
-      calculateBreakPointsClassNames(nextRect);
+      setBreakPointsClassNames(getBreakPointsClassNames(nextRect));
     }
-  }, [calculateBreakPointsClassNames]);
+  }, []);
   const addClassNameToMountNode = useCallback(() => {
     if (!breakPointsClassNames) {
       return;
     }
     Array.from(lightBoxMountNode.classList).forEach((c) => {
       if (c.includes("LB-")) {
-        lightBoxMountNode.classList.toggle(c);
+        lightBoxMountNode.classList.remove(c);
       }
     });
     breakPointsClassNames.split(" ").forEach((c) => lightBoxMountNode.classList.add(c));
-  }, [breakPointsClassNames, lightBoxMountNode.classList]);
+  }, [breakPointsClassNames, lightBoxMountNode]);
   useLayoutEffect(() => {
     updateRectAndClassNames();
+    viewManagerCountByMountNode.set(
+      lightBoxMountNode,
+      (viewManagerCountByMountNode.get(lightBoxMountNode) ?? 0) + 1
+    );
     lightBoxMountNode.classList.add(lightBoxMountNodeClassName);
-  }, []);
+    return () => {
+      const nextCount = (viewManagerCountByMountNode.get(lightBoxMountNode) ?? 1) - 1;
+      viewManagerCountByMountNode.set(lightBoxMountNode, nextCount);
+      if (nextCount === 0) {
+        removeClassNamesFromMountNode(lightBoxMountNode);
+      }
+    };
+  }, [lightBoxMountNode, updateRectAndClassNames]);
   useLayoutEffect(() => {
     addClassNameToMountNode();
   }, [breakPointsClassNames, addClassNameToMountNode]);
@@ -85,6 +86,7 @@ const LightBoxViewManager = ({
                         ` })
   ] }) });
 };
+LightBoxViewManager.displayName = "LightBoxViewManager";
 export {
   LightBoxViewManager
 };

package/components/LightBox/LightBoxViewManager/LightBoxViewManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"LightBoxViewManager.js","sources":["../../../../src/components/LightBox/LightBoxViewManager/LightBoxViewManager.tsx"],"sourcesContent":["import React from \"react\";\nimport { useCallback, useLayoutEffect, useRef, useState } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\nimport { Portal } from \"../../Portal/Portal\";\nimport { LightBoxViewManagerConsts } from \"./LightBoxViewManagerConsts\";\nimport isEqual from \"lodash-es/isEqual\";\nimport pick from \"lodash-es/pick\";\n\nexport interface ILightBoxViewManagerProps {\n    // Элемент, в который рендерится LightBox.\n    lightBoxMountNode: HTMLDivElement;\n    // Элемент, в визуальных границах (левая и правая координата) которого рендерится LightBox. Отступ LightBox от верхней границы экрана равен высоте этого элемента.\n    lightBoxViewManagerNode: HTMLDivElement;\n}\n\n// Css класс, подставляемый в lightBoxMountNode. Нужен для создания области видимости css переменных.\nconst lightBoxMountNodeClassName = \"LightBoxMountNodeViewManager\";\n\n/**\n * Элемент, определяющий позиционирование LightBox.\n */\nexport const LightBoxViewManager: React.FC<ILightBoxViewManagerProps> = ({\n    lightBoxMountNode,\n    lightBoxViewManagerNode,\n}) => {\n    // Координаты DOM ноды, в границах которой рендерится LightBox.\n    const [rectViewNode, setRectViewNode] = useState<DOMRect>();\n    // Класснеймы, рассчитанные на основе ширины области LightBox.\n    const [breakPointsClassNames, setBreakPointsClassNames] = useState<string>(\"\");\n    // DOM нода, в границах которой рендерится LightBox.\n    const viewNodeRef = useRef<HTMLDivElement | null>(null);\n\n    /**\n     * Раcчет класснеймов на основе ширины области viewNode.\n     * Эти класснеймы опеределяют позиционирование LightBox.\n     */\n    const calculateBreakPointsClassNames = useCallback(\n        (rect: DOMRect | undefined) => {\n            if (!rect) {\n                return;\n            }\n\n            let classNames: Array<string> | string = [];\n\n            if (rect.width <= LightBoxViewManagerConsts.lightBoxMediaPoint0) {\n                classNames.push(LightBoxViewManagerConsts.breakPointsClassNames[\"less-or-equal-media-point-0\"]);\n            } else {\n                classNames.push(LightBoxViewManagerConsts.breakPointsClassNames[\"more-media-point-0\"]);\n            }\n\n            classNames = classNames.sort().join(\" \");\n\n            if (breakPointsClassNames !== classNames) {\n                setBreakPointsClassNames(classNames);\n            }\n        },\n        [breakPointsClassNames],\n    );\n\n    const updateRect = () => {\n        if (viewNodeRef.current) {\n            const nextRect = viewNodeRef.current.getBoundingClientRect();\n\n            if (\n                !isEqual(\n                    pick(rectViewNode, [\"top\", \"left\", \"width\", \"height\"]),\n                    pick(nextRect, [\"top\", \"left\", \"width\", \"height\"]),\n                )\n            ) {\n                setRectViewNode(nextRect);\n            }\n        }\n    };\n\n    const updateRectAndClassNames = useCallback(() => {\n        if (viewNodeRef.current) {\n            const nextRect = viewNodeRef.current.getBoundingClientRect();\n            setRectViewNode(nextRect);\n            calculateBreakPointsClassNames(nextRect);\n        }\n    }, [calculateBreakPointsClassNames]);\n\n    const addClassNameToMountNode = useCallback(() => {\n        if (!breakPointsClassNames) {\n            return;\n        }\n\n        // Удаление предыдущих классов.\n        Array.from(lightBoxMountNode.classList).forEach((c) => {\n            if (c.includes(\"LB-\")) {\n                lightBoxMountNode.classList.toggle(c);\n            }\n        });\n\n        breakPointsClassNames.split(\" \").forEach((c) => lightBoxMountNode.classList.add(c));\n    }, [breakPointsClassNames, lightBoxMountNode.classList]);\n\n    useLayoutEffect(() => {\n        updateRectAndClassNames();\n\n        lightBoxMountNode.classList.add(lightBoxMountNodeClassName);\n    }, []);\n\n    useLayoutEffect(() => {\n        addClassNameToMountNode();\n    }, [breakPointsClassNames, addClassNameToMountNode]);\n\n    useLayoutEffect(() => {\n        updateRect();\n    });\n\n    const { ref: resizeRef } = useResizeDetector({\n        handleWidth: true,\n        onResize: updateRectAndClassNames,\n        refreshMode: \"throttle\",\n        refreshRate: 150,\n    });\n    return (\n        <Portal container={lightBoxViewManagerNode}>\n            {/* Высота div должна быть равной высоте lightBoxViewManagerNode. */}\n            <div ref={viewNodeRef} style={{ height: \"100%\" }}>\n                <div ref={resizeRef} style={{ width: \"100%\", height: \"100%\", position: \"absolute\" }} />\n                {rectViewNode && (\n                    <style>\n                        {/*\n                            Вернуть --lightBox-screen-left: ${rectViewNode.x}px; в 8й версии библиотеки.\n                        */}\n                        {`\n                            .${lightBoxMountNodeClassName} {\n                                --lightBox-screen-left: ${rectViewNode.x >= 0 ? rectViewNode.x : 0}px;\n                                --lightBox-screen-width: ${rectViewNode.width}px;\n                                --lightBox-screen-top: ${rectViewNode.height}px;\n                            }\n                        `}\n                    </style>\n                )}\n            </div>\n        </Portal>\n    );\n};\n"],"names":[],"mappings":";;;;;AAgBA,MAAM,6BAA6B;AAK5B,MAAM,sBAA2D,CAAC;AAAA,EACrE;AAAA,EACA;AACJ,MAAM;AAEF,QAAM,CAAC,cAAc,eAAe,IAAI,SAAA;AAExC,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,SAAiB,EAAE;AAE7E,QAAM,cAAc,OAA8B,IAAI;AAMtD,QAAM,iCAAiC;AAAA,IACnC,CAAC,SAA8B;AAC3B,UAAI,CAAC,MAAM;AACP;AAAA,MACJ;AAEA,UAAI,aAAqC,CAAA;AAEzC,UAAI,KAAK,SAAS,0BAA0B,qBAAqB;AAC7D,mBAAW,KAAK,0BAA0B,sBAAsB,6BAA6B,CAAC;AAAA,MAClG,OAAO;AACH,mBAAW,KAAK,0BAA0B,sBAAsB,oBAAoB,CAAC;AAAA,MACzF;AAEA,mBAAa,WAAW,OAAO,KAAK,GAAG;AAEvC,UAAI,0BAA0B,YAAY;AACtC,iCAAyB,UAAU;AAAA,MACvC;AAAA,IACJ;AAAA,IACA,CAAC,qBAAqB;AAAA,EAAA;AAG1B,QAAM,aAAa,MAAM;AACrB,QAAI,YAAY,SAAS;AACrB,YAAM,WAAW,YAAY,QAAQ,sBAAA;AAErC,UACI,CAAC;AAAA,QACG,KAAK,cAAc,CAAC,OAAO,QAAQ,SAAS,QAAQ,CAAC;AAAA,QACrD,KAAK,UAAU,CAAC,OAAO,QAAQ,SAAS,QAAQ,CAAC;AAAA,MAAA,GAEvD;AACE,wBAAgB,QAAQ;AAAA,MAC5B;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,0BAA0B,YAAY,MAAM;AAC9C,QAAI,YAAY,SAAS;AACrB,YAAM,WAAW,YAAY,QAAQ,sBAAA;AACrC,sBAAgB,QAAQ;AACxB,qCAA+B,QAAQ;AAAA,IAC3C;AAAA,EACJ,GAAG,CAAC,8BAA8B,CAAC;AAEnC,QAAM,0BAA0B,YAAY,MAAM;AAC9C,QAAI,CAAC,uBAAuB;AACxB;AAAA,IACJ;AAGA,UAAM,KAAK,kBAAkB,SAAS,EAAE,QAAQ,CAAC,MAAM;AACnD,UAAI,EAAE,SAAS,KAAK,GAAG;AACnB,0BAAkB,UAAU,OAAO,CAAC;AAAA,MACxC;AAAA,IACJ,CAAC;AAED,0BAAsB,MAAM,GAAG,EAAE,QAAQ,CAAC,MAAM,kBAAkB,UAAU,IAAI,CAAC,CAAC;AAAA,EACtF,GAAG,CAAC,uBAAuB,kBAAkB,SAAS,CAAC;AAEvD,kBAAgB,MAAM;AAClB,4BAAA;AAEA,sBAAkB,UAAU,IAAI,0BAA0B;AAAA,EAC9D,GAAG,CAAA,CAAE;AAEL,kBAAgB,MAAM;AAClB,4BAAA;AAAA,EACJ,GAAG,CAAC,uBAAuB,uBAAuB,CAAC;AAEnD,kBAAgB,MAAM;AAClB,eAAA;AAAA,EACJ,CAAC;AAED,QAAM,EAAE,KAAK,UAAA,IAAc,kBAAkB;AAAA,IACzC,aAAa;AAAA,IACb,UAAU;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,EAAA,CAChB;AACD,SACI,oBAAC,QAAA,EAAO,WAAW,yBAEf,UAAA,qBAAC,OAAA,EAAI,KAAK,aAAa,OAAO,EAAE,QAAQ,OAAA,GACpC,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,KAAK,WAAW,OAAO,EAAE,OAAO,QAAQ,QAAQ,QAAQ,UAAU,WAAA,EAAW,CAAG;AAAA,IACpF,oCACI,SAAA,EAII,UAAA;AAAA,+BACM,0BAA0B;AAAA,0DACC,aAAa,KAAK,IAAI,aAAa,IAAI,CAAC;AAAA,2DACvC,aAAa,KAAK;AAAA,yDACpB,aAAa,MAAM;AAAA;AAAA,0BAAA,CAGxD;AAAA,EAAA,EAAA,CAER,EAAA,CACJ;AAER;"}
+{"version":3,"file":"LightBoxViewManager.js","sources":["../../../../src/components/LightBox/LightBoxViewManager/LightBoxViewManager.tsx"],"sourcesContent":["import React, { useCallback, useLayoutEffect, useRef, useState } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\nimport isEqual from \"lodash-es/isEqual\";\nimport pick from \"lodash-es/pick\";\nimport { Portal } from \"../../Portal/Portal\";\nimport { LightBoxViewManagerConsts } from \"./LightBoxViewManagerConsts\";\n\n/** Свойства компонента LightBoxViewManager. */\nexport interface ILightBoxViewManagerProps {\n    /** Элемент, в который рендерится LightBox. */\n    lightBoxMountNode: HTMLDivElement;\n    /** Элемент, в визуальных границах (левая и правая координата) которого рендерится LightBox. Отступ LightBox от верхней границы экрана равен высоте этого элемента. */\n    lightBoxViewManagerNode: HTMLDivElement;\n}\n\n/** Css класс, подставляемый в lightBoxMountNode. Нужен для создания области видимости css переменных. */\nconst lightBoxMountNodeClassName = \"LightBoxMountNodeViewManager\";\n\n/** Свойства DOMRect, изменение которых требует обновления позиционирования LightBox. */\nconst rectComparedKeys = [\"top\", \"left\", \"width\", \"height\"];\n\n/**\n * Количество активных LightBoxViewManager на каждую mount-ноду. Нода общая для всех лайтбоксов\n * (при переключении через роутер менеджеры могут перекрываться во времени), поэтому классы\n * снимаются только при размонтировании последнего менеджера этой ноды.\n */\nconst viewManagerCountByMountNode = new WeakMap<HTMLDivElement, number>();\n\n/** Удаляет с mount-ноды класс области видимости CSS-переменных и breakpoint-классы. */\nconst removeClassNamesFromMountNode = (mountNode: HTMLDivElement) => {\n    mountNode.classList.remove(lightBoxMountNodeClassName);\n\n    Array.from(mountNode.classList).forEach((className) => {\n        if (className.includes(\"LB-\")) {\n            mountNode.classList.remove(className);\n        }\n    });\n};\n\n/**\n * Расчет класснеймов на основе ширины области viewNode.\n * Эти класснеймы определяют позиционирование LightBox.\n */\nconst getBreakPointsClassNames = (rect: DOMRect): string =>\n    rect.width <= LightBoxViewManagerConsts.lightBoxMediaPoint0\n        ? LightBoxViewManagerConsts.breakPointsClassNames[\"less-or-equal-media-point-0\"]\n        : LightBoxViewManagerConsts.breakPointsClassNames[\"more-media-point-0\"];\n\n/**\n * Элемент, определяющий позиционирование LightBox.\n */\nexport const LightBoxViewManager: React.FC<ILightBoxViewManagerProps> = ({\n    lightBoxMountNode,\n    lightBoxViewManagerNode,\n}) => {\n    // Координаты DOM ноды, в границах которой рендерится LightBox.\n    const [rectViewNode, setRectViewNode] = useState<DOMRect>();\n    // Класснеймы, рассчитанные на основе ширины области LightBox.\n    const [breakPointsClassNames, setBreakPointsClassNames] = useState<string>(\"\");\n    // DOM нода, в границах которой рендерится LightBox.\n    const viewNodeRef = useRef<HTMLDivElement | null>(null);\n\n    /** Обновление координат viewNode, если они изменились. */\n    const updateRect = () => {\n        if (viewNodeRef.current) {\n            const nextRect = viewNodeRef.current.getBoundingClientRect();\n\n            setRectViewNode((prevRect) =>\n                isEqual(pick(prevRect, rectComparedKeys), pick(nextRect, rectComparedKeys)) ? prevRect : nextRect,\n            );\n        }\n    };\n\n    /** Обновление координат viewNode и breakpoint-класснеймов. */\n    const updateRectAndClassNames = useCallback(() => {\n        if (viewNodeRef.current) {\n            const nextRect = viewNodeRef.current.getBoundingClientRect();\n            setRectViewNode(nextRect);\n            setBreakPointsClassNames(getBreakPointsClassNames(nextRect));\n        }\n    }, []);\n\n    /** Подстановка breakpoint-класснеймов в lightBoxMountNode. */\n    const addClassNameToMountNode = useCallback(() => {\n        if (!breakPointsClassNames) {\n            return;\n        }\n\n        // Удаление предыдущих классов.\n        Array.from(lightBoxMountNode.classList).forEach((c) => {\n            if (c.includes(\"LB-\")) {\n                lightBoxMountNode.classList.remove(c);\n            }\n        });\n\n        breakPointsClassNames.split(\" \").forEach((c) => lightBoxMountNode.classList.add(c));\n    }, [breakPointsClassNames, lightBoxMountNode]);\n\n    useLayoutEffect(() => {\n        updateRectAndClassNames();\n\n        viewManagerCountByMountNode.set(\n            lightBoxMountNode,\n            (viewManagerCountByMountNode.get(lightBoxMountNode) ?? 0) + 1,\n        );\n        lightBoxMountNode.classList.add(lightBoxMountNodeClassName);\n\n        return () => {\n            const nextCount = (viewManagerCountByMountNode.get(lightBoxMountNode) ?? 1) - 1;\n            viewManagerCountByMountNode.set(lightBoxMountNode, nextCount);\n\n            if (nextCount === 0) {\n                removeClassNamesFromMountNode(lightBoxMountNode);\n            }\n        };\n    }, [lightBoxMountNode, updateRectAndClassNames]);\n\n    useLayoutEffect(() => {\n        addClassNameToMountNode();\n    }, [breakPointsClassNames, addClassNameToMountNode]);\n\n    useLayoutEffect(() => {\n        updateRect();\n    });\n\n    const { ref: resizeRef } = useResizeDetector({\n        handleWidth: true,\n        onResize: updateRectAndClassNames,\n        refreshMode: \"throttle\",\n        refreshRate: 150,\n    });\n\n    return (\n        <Portal container={lightBoxViewManagerNode}>\n            {/* Высота div должна быть равной высоте lightBoxViewManagerNode. */}\n            <div ref={viewNodeRef} style={{ height: \"100%\" }}>\n                <div ref={resizeRef} style={{ width: \"100%\", height: \"100%\", position: \"absolute\" }} />\n                {rectViewNode && (\n                    <style>\n                        {/*\n                            Вернуть --lightBox-screen-left: ${rectViewNode.x}px; в 8й версии библиотеки.\n                        */}\n                        {`\n                            .${lightBoxMountNodeClassName} {\n                                --lightBox-screen-left: ${rectViewNode.x >= 0 ? rectViewNode.x : 0}px;\n                                --lightBox-screen-width: ${rectViewNode.width}px;\n                                --lightBox-screen-top: ${rectViewNode.height}px;\n                            }\n                        `}\n                    </style>\n                )}\n            </div>\n        </Portal>\n    );\n};\n\nLightBoxViewManager.displayName = \"LightBoxViewManager\";\n"],"names":[],"mappings":"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"}

package/components/LightBox/LightBoxViewManager/LightBoxViewManagerConsts.js

@@ -5,26 +5,15 @@ const lightBoxArrowMarginToScreen = 16;
 const lightBoxArrowWithMarginWidth = lightBoxArrowWidth + lightBoxArrowMarginToLightBox + lightBoxArrowMarginToScreen;
 const lightBoxMediaPoint0 = 1024;
 const LightBoxViewManagerConsts = {
-  /**
-   * ClassNames для обозначения ширины контейнера.
-   * Используются для замены media query в Css, т.к. media query учитывает только ширину экрана, а не ширину элемента.
-   */
   breakPointsClassNames: {
-    // Ширина меньше или равна lightBoxMediaPoint0.
     "less-or-equal-media-point-0": "global-LB-less-or-equal-media-point-0",
-    // Ширина больше lightBoxMediaPoint0.
     // У этого класса нет стилей, поэтому тут произвольный класс.
     "more-media-point-0": "global-LB-more-media-point-0"
   },
-  // Расстояние от стрелки до лайтбокса.
   lightBoxArrowMarginToLightBox,
-  // Расстояние от стрелки до края экрана.
   lightBoxArrowMarginToScreen,
-  // Ширина стрелки лайтбокса.
   lightBoxArrowWidth,
-  //  Ширина стрелки лайтбокса с полями по бокам.
   lightBoxArrowWithMarginWidth,
-  // Breakpoint для экранов менее 1024px.
   lightBoxMediaPoint0: lightBoxMediaPoint0 + getScrollbarWidth()
 };
 export {

package/components/LightBox/LightBoxViewManager/LightBoxViewManagerConsts.js.map

@@ -1 +1 @@
-{"version":3,"file":"LightBoxViewManagerConsts.js","sources":["../../../../src/components/LightBox/LightBoxViewManager/LightBoxViewManagerConsts.ts"],"sourcesContent":["/**\n * Константы соответствуют less константам в src/styles/components/lightbox.less.\n */\nimport { getScrollbarWidth } from \"../../../utils/scroll/scrollbar\";\n\ninterface ILightBoxViewManagerConsts {\n    /**\n     * ClassNames для обозначения ширины контейнера.\n     * Используются для замены media query в Css, т.к. media query учитывает только ширину экрана, а не ширину элемента.\n     */\n    breakPointsClassNames: {\n        // Ширина меньше или равна lightBoxMediaPoint0.\n        \"less-or-equal-media-point-0\": string;\n        // Ширина больше lightBoxMediaPoint0.\n        \"more-media-point-0\": string;\n    };\n\n    // Ширина стрелки лайтбокса.\n    lightBoxArrowWidth: number;\n\n    // Расстояние от стрелки до лайтбокса.\n    lightBoxArrowMarginToLightBox: number;\n\n    // Расстояние от стрелки до края экрана.\n    lightBoxArrowMarginToScreen: number;\n\n    // Ширина стрелки лайтбокса с полями по бокам.\n    lightBoxArrowWithMarginWidth: number;\n\n    // Breakpoint для экранов менее 1024px.\n    lightBoxMediaPoint0: number;\n}\n\nconst lightBoxArrowWidth = 64;\nconst lightBoxArrowMarginToLightBox = 16;\nconst lightBoxArrowMarginToScreen = 16;\nconst lightBoxArrowWithMarginWidth = lightBoxArrowWidth + lightBoxArrowMarginToLightBox + lightBoxArrowMarginToScreen; // 96\nconst lightBoxMediaPoint0 = 1024;\n\nexport const LightBoxViewManagerConsts: ILightBoxViewManagerConsts = {\n    /**\n     * ClassNames для обозначения ширины контейнера.\n     * Используются для замены media query в Css, т.к. media query учитывает только ширину экрана, а не ширину элемента.\n     */\n    breakPointsClassNames: {\n        // Ширина меньше или равна lightBoxMediaPoint0.\n        \"less-or-equal-media-point-0\": \"global-LB-less-or-equal-media-point-0\",\n        // Ширина больше lightBoxMediaPoint0.\n        // У этого класса нет стилей, поэтому тут произвольный класс.\n        \"more-media-point-0\": \"global-LB-more-media-point-0\",\n    },\n    // Расстояние от стрелки до лайтбокса.\n    lightBoxArrowMarginToLightBox,\n    // Расстояние от стрелки до края экрана.\n    lightBoxArrowMarginToScreen,\n    // Ширина стрелки лайтбокса.\n    lightBoxArrowWidth,\n    //  Ширина стрелки лайтбокса с полями по бокам.\n    lightBoxArrowWithMarginWidth,\n    // Breakpoint для экранов менее 1024px.\n    lightBoxMediaPoint0: lightBoxMediaPoint0 + getScrollbarWidth(),\n};\n"],"names":[],"mappings":";AAiCA,MAAM,qBAAqB;AAC3B,MAAM,gCAAgC;AACtC,MAAM,8BAA8B;AACpC,MAAM,+BAA+B,qBAAqB,gCAAgC;AAC1F,MAAM,sBAAsB;AAErB,MAAM,4BAAwD;AAAA;AAAA;AAAA;AAAA;AAAA,EAKjE,uBAAuB;AAAA;AAAA,IAEnB,+BAA+B;AAAA;AAAA;AAAA,IAG/B,sBAAsB;AAAA,EAAA;AAAA;AAAA,EAG1B;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA,qBAAqB,sBAAsB,kBAAA;AAC/C;"}
+{"version":3,"file":"LightBoxViewManagerConsts.js","sources":["../../../../src/components/LightBox/LightBoxViewManager/LightBoxViewManagerConsts.ts"],"sourcesContent":["/**\n * Константы соответствуют less константам в src/styles/components/lightbox.less.\n */\nimport { getScrollbarWidth } from \"../../../utils/scroll/scrollbar\";\n\ninterface ILightBoxViewManagerConsts {\n    /**\n     * ClassNames для обозначения ширины контейнера.\n     * Используются для замены media query в Css, т.к. media query учитывает только ширину экрана, а не ширину элемента.\n     */\n    breakPointsClassNames: {\n        /** Ширина меньше или равна lightBoxMediaPoint0. */\n        \"less-or-equal-media-point-0\": string;\n        /** Ширина больше lightBoxMediaPoint0. */\n        \"more-media-point-0\": string;\n    };\n\n    /** Ширина стрелки лайтбокса. */\n    lightBoxArrowWidth: number;\n\n    /** Расстояние от стрелки до лайтбокса. */\n    lightBoxArrowMarginToLightBox: number;\n\n    /** Расстояние от стрелки до края экрана. */\n    lightBoxArrowMarginToScreen: number;\n\n    /** Ширина стрелки лайтбокса с полями по бокам. */\n    lightBoxArrowWithMarginWidth: number;\n\n    /** Breakpoint для экранов менее 1024px. */\n    lightBoxMediaPoint0: number;\n}\n\nconst lightBoxArrowWidth = 64;\nconst lightBoxArrowMarginToLightBox = 16;\nconst lightBoxArrowMarginToScreen = 16;\nconst lightBoxArrowWithMarginWidth = lightBoxArrowWidth + lightBoxArrowMarginToLightBox + lightBoxArrowMarginToScreen; // 96\nconst lightBoxMediaPoint0 = 1024;\n\nexport const LightBoxViewManagerConsts: ILightBoxViewManagerConsts = {\n    breakPointsClassNames: {\n        \"less-or-equal-media-point-0\": \"global-LB-less-or-equal-media-point-0\",\n        // У этого класса нет стилей, поэтому тут произвольный класс.\n        \"more-media-point-0\": \"global-LB-more-media-point-0\",\n    },\n    lightBoxArrowMarginToLightBox,\n    lightBoxArrowMarginToScreen,\n    lightBoxArrowWidth,\n    lightBoxArrowWithMarginWidth,\n    lightBoxMediaPoint0: lightBoxMediaPoint0 + getScrollbarWidth(),\n};\n"],"names":[],"mappings":";AAiCA,MAAM,qBAAqB;AAC3B,MAAM,gCAAgC;AACtC,MAAM,8BAA8B;AACpC,MAAM,+BAA+B,qBAAqB,gCAAgC;AAC1F,MAAM,sBAAsB;AAErB,MAAM,4BAAwD;AAAA,EACjE,uBAAuB;AAAA,IACnB,+BAA+B;AAAA;AAAA,IAE/B,sBAAsB;AAAA,EAAA;AAAA,EAE1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB,sBAAsB,kBAAA;AAC/C;"}

package/components/LightBox/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sources":["../../../src/components/LightBox/enums.ts"],"sourcesContent":["export enum ELightBoxSize {\n    SM = \"sm\",\n    MD = \"md\",\n    LG = \"lg\",\n    XL = \"xl\",\n}\n"],"names":["ELightBoxSize"],"mappings":"AAAO,IAAK,kCAAAA,mBAAL;AACHA,iBAAA,IAAA,IAAK;AACLA,iBAAA,IAAA,IAAK;AACLA,iBAAA,IAAA,IAAK;AACLA,iBAAA,IAAA,IAAK;AAJG,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;"}
+{"version":3,"file":"enums.js","sources":["../../../src/components/LightBox/enums.ts"],"sourcesContent":["/** Размер контента LightBox. */\nexport enum ELightBoxSize {\n    SM = \"sm\",\n    MD = \"md\",\n    LG = \"lg\",\n    XL = \"xl\",\n}\n"],"names":["ELightBoxSize"],"mappings":"AACO,IAAK,kCAAAA,mBAAL;AACHA,iBAAA,IAAA,IAAK;AACLA,iBAAA,IAAA,IAAK;AACLA,iBAAA,IAAA,IAAK;AACLA,iBAAA,IAAA,IAAK;AAJG,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;"}

package/components/Link/Link.js

@@ -3,10 +3,10 @@ import React from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { getSafeRel } from "../../utils/html/anchorSecurity.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const link = "link__693db2a2";
-const wordWithContent = "wordWithContent__3aebbbcb";
-const before = "before__ce5fc725";
-const after = "after__de8edf58";
+const link = "link__c78f9bf6";
+const wordWithContent = "wordWithContent__7bdc5db9";
+const before = "before__50a26e57";
+const after = "after__6b1231e5";
 const styles = {
   link,
   wordWithContent,
@@ -79,7 +79,7 @@ const Link = React.forwardRef(
         className: clsx(className, styles.link),
         onBlur,
         onMouseDown,
-        "data-tx": "0.38.0",
+        "data-tx": "0.40.0",
         ref,
         children: /* @__PURE__ */ jsx(IconWrapper, { displayContents: true, children: content })
       }

package/components/List/List.js

@@ -2,13 +2,13 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
-const list = "list__7d0e031b";
-const listLoaderScreen = "listLoaderScreen__c39f8ba5";
+const list = "list__d51059f0";
+const listLoaderScreen = "listLoaderScreen__c1c473b5";
 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.38.0", ref, children: [
+const List = React.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "0.40.0", ref, children: [
   children,
   loading ? /* @__PURE__ */ jsx(LoaderScreen, { type: "middle", className: styles.listLoaderScreen }) : null
 ] }));

package/components/List/components/ListActionItem.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { ListItem } from "./ListItem.js";
 import { ListItemContent } from "./ListItemContent.js";
-const listActionItem = "listActionItem__0dbfbc99";
+const listActionItem = "listActionItem__93025c98";
 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-BtZO8a0z.js";
-const listEmptyState = "listEmptyState__344e5584";
+const listEmptyState = "listEmptyState__8efd0c98";
 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.38.0", ref, children }) });
+  return /* @__PURE__ */ jsx(ListItemContext.Provider, { value: { selected, setSelected, selectable, setSelectable }, children: /* @__PURE__ */ jsx("li", { className, ...rest, "data-tx": "0.40.0", ref, children }) });
 });
 ListItem.displayName = "ListItem";
 export {

package/components/List/components/ListItemContent.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemContent = "listItemContent__7ccd793c";
-const selected = "selected__43346ccf";
-const selectable = "selectable__fc300529";
+const listItemContent = "listItemContent__cd53c797";
+const selected = "selected__d2c21cca";
+const selectable = "selectable__dddd0aad";
 const styles = {
   listItemContent,
   selected,
@@ -22,7 +22,7 @@ const ListItemContent = React.forwardRef(
           className
         ),
         ...rest,
-        "data-tx": "0.38.0",
+        "data-tx": "0.40.0",
         ref,
         children
       }

package/components/List/components/ListItemControls.js

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

package/components/List/components/ListItemControlsButton.js

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

package/components/List/components/ListItemControlsButtonDropdown.js

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

package/components/List/components/ListItemLoading.js

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

package/components/List/components/ListItemSelectable.js

@@ -3,12 +3,12 @@ import React, { useContext, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemSelectable = "listItemSelectable__8a5ba912";
-const selected = "selected__43346ccf";
-const checkboxWrapper = "checkboxWrapper__1e36ec2c";
-const childrenWrapper = "childrenWrapper__98368c13";
-const checkboxLabel = "checkboxLabel__0e8b16fd";
-const checkboxLabelClickArea = "checkboxLabelClickArea__c910ae9b";
+const listItemSelectable = "listItemSelectable__b1864e42";
+const selected = "selected__d2c21cca";
+const checkboxWrapper = "checkboxWrapper__ca824edf";
+const childrenWrapper = "childrenWrapper__f5ee5d88";
+const checkboxLabel = "checkboxLabel__de15d07d";
+const checkboxLabelClickArea = "checkboxLabelClickArea__5667a64a";
 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-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/ListItemTail.module-DfBFMdiL.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-DhkBzx2c.js";
 const ListItemTailLeft = React.forwardRef(
   ({ className, ...rest }, ref) => /* @__PURE__ */ jsxs("span", { className: clsx(styles.listItemTail, styles.listItemTailLeft, className), ref, ...rest, children: [
     /* @__PURE__ */ jsx("span", { className: styles.listItemTailLine }),

package/components/List/components/ListItemTailRight.js

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

package/components/List/components/ListSortableItem.js

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

package/components/List/components/ListSortableItemControls.js

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

package/components/List/components/ListSortableItemTarget.js

@@ -2,10 +2,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { DragdotsStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const listSortableItemTarget = "listSortableItemTarget__0640b72e";
-const dragging = "dragging__9fd79a38";
-const listSortableItemTargetContent = "listSortableItemTargetContent__dba53278";
-const listSortableItemTargetIcon = "listSortableItemTargetIcon__a19909ec";
+const listSortableItemTarget = "listSortableItemTarget__aeb1e12f";
+const dragging = "dragging__832a7b2f";
+const listSortableItemTargetContent = "listSortableItemTargetContent__3803bf67";
+const listSortableItemTargetIcon = "listSortableItemTargetIcon__969b1a6e";
 const styles = {
   listSortableItemTarget,
   dragging,

package/components/List/components/ListTableItem.js

@@ -7,9 +7,9 @@ import { ListItemControls } from "./ListItemControls.js";
 import { ListItemSelectable } from "./ListItemSelectable.js";
 import { ListItemTailRight } from "./ListItemTailRight.js";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const listTableItem = "listTableItem__3e90a383";
-const swipeableArea = "swipeableArea__5367f05c";
-const content = "content__47053964";
+const listTableItem = "listTableItem__032f9dd8";
+const swipeableArea = "swipeableArea__f7739cd4";
+const content = "content__79913dcc";
 const styles = {
   listTableItem,
   swipeableArea,

package/components/List/index.js

@@ -4,7 +4,7 @@ import { ListItem } from "./components/ListItem.js";
 import { ListItemControls } from "./components/ListItemControls.js";
 import { ListItemContent } from "./components/ListItemContent.js";
 import { ListActionItem } from "./components/ListActionItem.js";
-import { L } from "../../chunks/ListItemControlsButton-BNvP_Mz0.js";
+import { L } from "../../chunks/ListItemControlsButton-Cdfka5RR.js";
 import { ListItemControlsButtonDropdown } from "./components/ListItemControlsButtonDropdown.js";
 import { ListEmptyState } from "./components/ListEmptyState.js";
 import { ListItemLoading } from "./components/ListItemLoading.js";

package/components/ListMaster/ListMaster.js

@@ -9,7 +9,7 @@ import { ListMasterFooterControls } from "./components/ListMasterFooterControls.
 import { ListMasterFooterDescription } from "./components/ListMasterFooterDescription.js";
 const ListMaster = Object.assign(
   React.forwardRef(function ListMaster2({ children, className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "0.38.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "0.40.0", ref, children });
   }),
   {
     Body: ListMasterBody,

package/components/ListMaster/components/ListMasterBody.js

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

package/components/ListMaster/components/ListMasterChipGroup.js

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

package/components/ListMaster/components/ListMasterFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-Cl0OSU-T.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-khPHsN9b.js";
 const ListMasterFooter = React.forwardRef(
   ({ children, className, sticky = true, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/ListMaster/components/ListMasterFooterControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-Cl0OSU-T.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-khPHsN9b.js";
 const ListMasterFooterControls = React.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.listMasterFooterControls, className), ...rest, ref, children })
 );

package/components/ListMaster/components/ListMasterFooterDescription.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-Cl0OSU-T.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-khPHsN9b.js";
 const ListMasterFooterDescription = React.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.listMasterFooterDescription, className), ...rest, ref, children })
 );

package/components/ListMaster/components/ListMasterHeader.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useRef, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const listMasterHeader = "listMasterHeader__afa9947b";
-const sticky = "sticky__8254c2db";
+const listMasterHeader = "listMasterHeader__f80664c0";
+const sticky = "sticky__dfe122f5";
 const styles = {
   listMasterHeader,
   sticky

package/components/ListMaster/components/SelectionControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const selectionControls = "selectionControls__2df0b3ca";
+const selectionControls = "selectionControls__c32bbbc2";
 const styles = {
   selectionControls
 };
@@ -11,7 +11,7 @@ const SelectionControls = React.forwardRef(
     {
       className: clsx(styles.selectionControls, className),
       ...rest,
-      "data-tx": "0.38.0",
+      "data-tx": "0.40.0",
       ref,
       children
     }

package/components/Loader/LoaderMiddle/LoaderMiddle.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const loaderMiddle = "loaderMiddle__fea7e605";
-const loaderMiddleDots = "loaderMiddleDots__c1598496";
-const dot = "dot__2b0d8552";
-const dot1 = "dot1__748641f7";
-const dot2 = "dot2__2a859621";
-const dot3 = "dot3__f0bf9122";
-const dot4 = "dot4__25aec41d";
-const line = "line__83803d76";
+const loaderMiddle = "loaderMiddle__b4128d2b";
+const loaderMiddleDots = "loaderMiddleDots__e65cea7f";
+const dot = "dot__05baf57c";
+const dot1 = "dot1__40546b76";
+const dot2 = "dot2__97e761f5";
+const dot3 = "dot3__6965c267";
+const dot4 = "dot4__b86257fb";
+const line = "line__c52dffb5";
 const styles = {
   loaderMiddle,
   loaderMiddleDots,

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -2,16 +2,16 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { ELoaderSmallTheme } from "./enum.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const loaderSmall = "loaderSmall__ebce31c1";
-const sm = "sm__f489fa90";
-const dot = "dot__2b0d8552";
-const md = "md__2fbeb1a7";
-const lg = "lg__2c443f43";
-const neutral = "neutral__3d348223";
-const brand = "brand__5d1d849a";
-const dot1 = "dot1__748641f7";
-const dot2 = "dot2__2a859621";
-const dot3 = "dot3__f0bf9122";
+const loaderSmall = "loaderSmall__3c67668e";
+const sm = "sm__059e6382";
+const dot = "dot__05baf57c";
+const md = "md__6e765a2f";
+const lg = "lg__55b3c4d3";
+const neutral = "neutral__8326831c";
+const brand = "brand__5e827d6f";
+const dot1 = "dot1__40546b76";
+const dot2 = "dot2__97e761f5";
+const dot3 = "dot3__6965c267";
 const styles = {
   loaderSmall,
   sm,

package/components/LoaderScreen/LoaderScreen.js

@@ -11,11 +11,11 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const loaderScreen = "loaderScreen__d5ca4116";
-const loaderSmallBackdrop = "loaderSmallBackdrop__db4d0710";
-const loaderMiddleBackdrop = "loaderMiddleBackdrop__7f68eef1";
-const loaderContent = "loaderContent__b9334c6d";
-const description = "description__d840b721";
+const loaderScreen = "loaderScreen__a964caec";
+const loaderSmallBackdrop = "loaderSmallBackdrop__fe293c6a";
+const loaderMiddleBackdrop = "loaderMiddleBackdrop__ea6a6635";
+const loaderContent = "loaderContent__035b8335";
+const description = "description__3cfeb242";
 const styles = {
   loaderScreen,
   loaderSmallBackdrop,