@sberbusiness/triplex-next 0.41.1 → 0.42.0

package/components/IslandWidget/components/IslandWidgetHeaderDescription.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-Bm3yAvGB.js";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DWcGQe3E.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-Bm3yAvGB.js";
-import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DWcGQe3E.js";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.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-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
 import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
-const islandWidgetWrapper = "islandWidgetWrapper__91814b90";
+const islandWidgetWrapper = "islandWidgetWrapper__4d526688";
 const styles = {
   islandWidgetWrapper
 };

package/components/KeyDownListener/ComposedKeyDownListener.js

@@ -1,12 +1,14 @@
 import { KeyDownListener } from "./KeyDownListener.js";
-import { jsx, Fragment } from "react/jsx-runtime";
-const ComposedKeyDownListener = ({ keyDownListeners, children }) => {
-  const composedChildren = keyDownListeners.reduce(
-    (accumulatedChildren, { eventKeyCode, onMatch }) => /* @__PURE__ */ jsx(KeyDownListener, { eventKeyCode, onMatch, children: accumulatedChildren }),
-    children
-  );
-  return /* @__PURE__ */ jsx(Fragment, { children: composedChildren });
-};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+const ComposedKeyDownListener = ({ keyDownListeners, children }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  keyDownListeners.map(({ eventKeyCode, onMatch }, index) => (
+    // Ключ по индексу: элементы конфигурации не имеют собственной идентичности, а сам
+    // KeyDownListener не рендерит разметку и не хранит state — переиспользование инстанса
+    // по позиции безопасно.
+    /* @__PURE__ */ jsx(KeyDownListener, { eventKeyCode, onMatch }, index)
+  )),
+  children
+] });
 ComposedKeyDownListener.displayName = "ComposedKeyDownListener";
 export {
   ComposedKeyDownListener

package/components/KeyDownListener/ComposedKeyDownListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComposedKeyDownListener.js","sources":["../../../src/components/KeyDownListener/ComposedKeyDownListener.tsx"],"sourcesContent":["import React from \"react\";\nimport { IKeyDownListenerProps, KeyDownListener } from \"./KeyDownListener\";\n\n/** Свойства компонента ComposedKeyDownListener. */\nexport interface IComposedKeyDownListenerProps {\n    /** Содержимое. Рендерится как есть, без обёртки и без собственной разметки. */\n    children?: React.ReactNode;\n    /** Массив-конфигуратор keydown слушателей. Поле children каждого элемента не используется. */\n    keyDownListeners: IKeyDownListenerProps[];\n}\n\n/** Композитор слушателей нажатия клавиш. Оборачивает children в KeyDownListener на каждый элемент keyDownListeners. */\nexport const ComposedKeyDownListener: React.FC<IComposedKeyDownListenerProps> = ({ keyDownListeners, children }) => {\n    const composedChildren = keyDownListeners.reduce<React.ReactNode>(\n        (accumulatedChildren, { eventKeyCode, onMatch }) => (\n            <KeyDownListener eventKeyCode={eventKeyCode} onMatch={onMatch}>\n                {accumulatedChildren}\n            </KeyDownListener>\n        ),\n        children,\n    );\n\n    return <>{composedChildren}</>;\n};\n\nComposedKeyDownListener.displayName = \"ComposedKeyDownListener\";\n"],"names":[],"mappings":";;AAYO,MAAM,0BAAmE,CAAC,EAAE,kBAAkB,eAAe;AAChH,QAAM,mBAAmB,iBAAiB;AAAA,IACtC,CAAC,qBAAqB,EAAE,cAAc,QAAA,MAClC,oBAAC,iBAAA,EAAgB,cAA4B,SACxC,UAAA,oBAAA,CACL;AAAA,IAEJ;AAAA,EAAA;AAGJ,yCAAU,UAAA,iBAAA,CAAiB;AAC/B;AAEA,wBAAwB,cAAc;"}
+{"version":3,"file":"ComposedKeyDownListener.js","sources":["../../../src/components/KeyDownListener/ComposedKeyDownListener.tsx"],"sourcesContent":["import React from \"react\";\nimport { IKeyDownListenerProps, KeyDownListener } from \"./KeyDownListener\";\n\n/** Свойства компонента ComposedKeyDownListener. */\nexport interface IComposedKeyDownListenerProps {\n    /** Содержимое. Рендерится как есть, без обёртки и без собственной разметки. */\n    children?: React.ReactNode;\n    /** Массив-конфигуратор keydown слушателей. Поле children каждого элемента не используется. */\n    keyDownListeners: IKeyDownListenerProps[];\n}\n\n/**\n * Композитор слушателей нажатия клавиш. Рендерит по одному KeyDownListener на элемент\n * keyDownListeners соседями к children: каждый слушатель подписывается на window независимо,\n * а children не зависят от длины и порядка массива и не перемонтируются при его изменении.\n */\nexport const ComposedKeyDownListener: React.FC<IComposedKeyDownListenerProps> = ({ keyDownListeners, children }) => (\n    <>\n        {keyDownListeners.map(({ eventKeyCode, onMatch }, index) => (\n            // Ключ по индексу: элементы конфигурации не имеют собственной идентичности, а сам\n            // KeyDownListener не рендерит разметку и не хранит state — переиспользование инстанса\n            // по позиции безопасно.\n            <KeyDownListener key={index} eventKeyCode={eventKeyCode} onMatch={onMatch} />\n        ))}\n        {children}\n    </>\n);\n\nComposedKeyDownListener.displayName = \"ComposedKeyDownListener\";\n"],"names":[],"mappings":";;AAgBO,MAAM,0BAAmE,CAAC,EAAE,kBAAkB,SAAA,MACjG,qBAAA,UAAA,EACK,UAAA;AAAA,EAAA,iBAAiB,IAAI,CAAC,EAAE,cAAc,WAAW;AAAA;AAAA;AAAA;AAAA,IAI9C,oBAAC,iBAAA,EAA4B,cAA4B,QAAA,GAAnC,KAAqD;AAAA,GAC9E;AAAA,EACA;AAAA,EAAA,CACL;AAGJ,wBAAwB,cAAc;"}

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-BtZO8a0z.js";
+import { c as clsx } from "../../chunks/vendor-DPDeKFTF.js";
 import { Portal } from "../Portal/Portal.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
-import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-A0BdBTqY.js";
+import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-BfZDkiSK.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__049712c5",
-  "scroll-15": "scroll-15__0a03caf6",
-  "scroll-16": "scroll-16__3e285afc",
-  "scroll-17": "scroll-17__ba45d54b"
+  "scroll-0": "scroll-0__2f97aa50",
+  "scroll-15": "scroll-15__6784f62c",
+  "scroll-16": "scroll-16__3c7c7a5f",
+  "scroll-17": "scroll-17__3fc2392f"
 };
 const lightBoxMountNodeIdDefault = "LightBox-next-mount-node";
 const lightBoxViewManagerNodeIdDefault = "LightBox-next-view-manager-node";

package/components/LightBox/LightBoxContent.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
-import "../../chunks/vendor-BtZO8a0z.js";
+import "../../chunks/vendor-DPDeKFTF.js";
 import "../WindowResizeListener/WindowResizeListener.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L } from "../../chunks/LightBoxContent-A0BdBTqY.js";
+import { L } from "../../chunks/LightBoxContent-BfZDkiSK.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-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.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-C-jcMlD4.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-BGLSJZAe.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-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.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-C-jcMlD4.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-BGLSJZAe.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-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-C-jcMlD4.js";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-BGLSJZAe.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-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.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-C-jcMlD4.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-BGLSJZAe.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-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.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-C-jcMlD4.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-BGLSJZAe.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-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.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__668d794f";
-const lightBoxSideOverlayWrapper = "lightBoxSideOverlayWrapper__6976fab9";
-const overflowXHidden = "overflowXHidden__6b403604";
-const overflowYHidden = "overflowYHidden__bc73f297";
-const closing = "closing__b0264ab8";
-const opened = "opened__a8821394";
-const lightBoxSideOverlayContent = "lightBoxSideOverlayContent__05285b21";
-const opening = "opening__1b585465";
-const sm = "sm__4536c710";
-const md = "md__5f15371b";
-const lg = "lg__e10871b5";
-const lightBoxSideOverlay = "lightBoxSideOverlay__5917e56b";
+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 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-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.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-B37U_115.js";
+import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-CQklZzeY.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-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
 import { CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-B37U_115.js";
+import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-CQklZzeY.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__523eebc2";
+const lightBoxSideOverlayLoaderWrapper = "lightBoxSideOverlayLoaderWrapper__ebf81004";
 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-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
 import { useLightBoxSidebarVisibility } from "./useLightBoxSidebarVisibility.js";
-const lightBoxLeftSidebar = "lightBoxLeftSidebar__7b240022";
-const fixed = "fixed__c1df6d7c";
-const hidden = "hidden__56d8e052";
+const lightBoxLeftSidebar = "lightBoxLeftSidebar__35ea9d73";
+const fixed = "fixed__a115c1d7";
+const hidden = "hidden__28691dd6";
 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-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
 import { useLightBoxSidebarVisibility } from "./useLightBoxSidebarVisibility.js";
-const lightBoxRightSidebar = "lightBoxRightSidebar__50feeacd";
-const fixed = "fixed__c1df6d7c";
-const hidden = "hidden__56d8e052";
+const lightBoxRightSidebar = "lightBoxRightSidebar__a8b5165e";
+const fixed = "fixed__a115c1d7";
+const hidden = "hidden__28691dd6";
 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-BtZO8a0z.js";
+import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks/vendor-DPDeKFTF.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-BtZO8a0z.js";
+import { c as clsx } from "../../chunks/vendor-DPDeKFTF.js";
 import { getSafeRel } from "../../utils/html/anchorSecurity.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const link = "link__d3ede584";
-const wordWithContent = "wordWithContent__ba750bb2";
-const before = "before__7fc54c81";
-const after = "after__6dd43573";
+const link = "link__15c83578";
+const wordWithContent = "wordWithContent__52be39ce";
+const before = "before__df2ec347";
+const after = "after__b7fdce8b";
 const styles = {
   link,
   wordWithContent,
@@ -79,7 +79,7 @@ const Link = React.forwardRef(
         className: clsx(className, styles.link),
         onBlur,
         onMouseDown,
-        "data-tx": "0.41.1",
+        "data-tx": "0.42.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-BtZO8a0z.js";
+import { c as clsx } from "../../chunks/vendor-DPDeKFTF.js";
 import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
-const list = "list__07a5547d";
-const listLoaderScreen = "listLoaderScreen__aee2f7be";
+const list = "list__24ed3f54";
+const listLoaderScreen = "listLoaderScreen__c8533a13";
 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.41.1", ref, children: [
+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: [
   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-BtZO8a0z.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-DPDeKFTF.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-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { ListItem } from "./ListItem.js";
 import { ListItemContent } from "./ListItemContent.js";
-const listActionItem = "listActionItem__97a7211b";
+const listActionItem = "listActionItem__060386f0";
 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__93f012f4";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+const listEmptyState = "listEmptyState__e03a57e5";
 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.41.1", ref, children }) });
+  return /* @__PURE__ */ jsx(ListItemContext.Provider, { value: { selected, setSelected, selectable, setSelectable }, children: /* @__PURE__ */ jsx("li", { className, ...rest, "data-tx": "0.42.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-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemContent = "listItemContent__c0ff89f6";
-const selected = "selected__66b8e53b";
-const selectable = "selectable__1eb9a099";
+const listItemContent = "listItemContent__b3522f78";
+const selected = "selected__4156814d";
+const selectable = "selectable__ae21830b";
 const styles = {
   listItemContent,
   selected,
@@ -22,7 +22,7 @@ const ListItemContent = React.forwardRef(
           className
         ),
         ...rest,
-        "data-tx": "0.41.1",
+        "data-tx": "0.42.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__26bf69ed";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+const listItemControls = "listItemControls__490b23e4";
 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-CUDS38ag.js";
+import "../../../chunks/vendor-DPDeKFTF.js";
+import { L } from "../../../chunks/ListItemControlsButton-Ci1BnxYp.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-BtZO8a0z.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DPDeKFTF.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-CUDS38ag.js";
+import { s as styles, L as ListItemControlsButton } from "../../../chunks/ListItemControlsButton-Ci1BnxYp.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-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.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__d677a16a";
+const listItemLoading = "listItemLoading__1b8938a0";
 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-BtZO8a0z.js";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemSelectable = "listItemSelectable__8b7c76da";
-const selected = "selected__66b8e53b";
-const checkboxWrapper = "checkboxWrapper__3d896759";
-const childrenWrapper = "childrenWrapper__b805d39f";
-const checkboxLabel = "checkboxLabel__0b52f41b";
-const checkboxLabelClickArea = "checkboxLabelClickArea__403a64a7";
+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 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-CVcDj7mV.js";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-Cw5D1MpT.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-CVcDj7mV.js";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-Cw5D1MpT.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

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { o as useSortable, q as CSS, c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { o as useSortable, q as CSS, c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
 import { ListItem } from "./ListItem.js";
 import { setForwardedRef } from "../utils.js";
 import { ListSortableItemTarget } from "./ListSortableItemTarget.js";
-const listSortableItem = "listSortableItem__09e8278f";
-const dragging = "dragging__5c4adf27";
+const listSortableItem = "listSortableItem__b8e9e0ee";
+const dragging = "dragging__2dabccd5";
 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__bff3a51d";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+const listSortableItemControls = "listSortableItemControls__d0a314e2";
 const styles = {
   listSortableItemControls
 };

package/components/List/components/ListSortableItemTarget.js

@@ -1,11 +1,11 @@
 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__15206d78";
-const dragging = "dragging__5c4adf27";
-const listSortableItemTargetContent = "listSortableItemTargetContent__422ea7ad";
-const listSortableItemTargetIcon = "listSortableItemTargetIcon__50e23020";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+const listSortableItemTarget = "listSortableItemTarget__b7a52e8f";
+const dragging = "dragging__2dabccd5";
+const listSortableItemTargetContent = "listSortableItemTargetContent__947d8c30";
+const listSortableItemTargetIcon = "listSortableItemTargetIcon__181d4945";
 const styles = {
   listSortableItemTarget,
   dragging,

package/components/List/components/ListTableItem.js

@@ -6,10 +6,10 @@ import { ListItemContent } from "./ListItemContent.js";
 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__19831cdd";
-const swipeableArea = "swipeableArea__241d4045";
-const content = "content__71f73353";
+import { c as clsx } from "../../../chunks/vendor-DPDeKFTF.js";
+const listTableItem = "listTableItem__7e831e06";
+const swipeableArea = "swipeableArea__fb97d3a5";
+const content = "content__e8517fd8";
 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-CUDS38ag.js";
+import { L } from "../../chunks/ListItemControlsButton-Ci1BnxYp.js";
 import { ListItemControlsButtonDropdown } from "./components/ListItemControlsButtonDropdown.js";
 import { ListEmptyState } from "./components/ListEmptyState.js";
 import { ListItemLoading } from "./components/ListItemLoading.js";