@sberbusiness/triplex-next 1.45.0 → 1.47.0

package/components/IslandWidget/components/IslandWidgetHeaderDescription.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-K8SbMdcg.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DgysHiDv.js";
 import { ETextSize, EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";

package/components/IslandWidget/components/IslandWidgetHeaderDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetHeaderDescription.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeaderDescription.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\nimport { Text, ETextSize, EFontType } from \"@sberbusiness/triplex-next/components/Typography\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\n\n/** Соответствие размера компонента размеру текста описания в адаптиве. На десктопе во всех размерах B4. */\nconst SIZE_TO_ADAPTIVE_TEXT_SIZE_MAP: Record<EComponentSize, ETextSize> = {\n    [EComponentSize.SM]: ETextSize.B4,\n    [EComponentSize.MD]: ETextSize.B3,\n    [EComponentSize.LG]: ETextSize.B3,\n};\n\n/** Свойства компонента IslandWidgetHeaderDescription. */\ninterface IIslandWidgetHeaderDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const IslandWidgetHeaderDescription: React.FC<IIslandWidgetHeaderDescriptionProps> = ({\n    children,\n    className,\n    ...htmlDivAttributes\n}) => {\n    const { adaptive, size } = useContext(IslandWidgetContext);\n    const textSize = adaptive ? SIZE_TO_ADAPTIVE_TEXT_SIZE_MAP[size] : ETextSize.B4;\n\n    return (\n        <Text\n            tag=\"div\"\n            size={textSize}\n            type={EFontType.SECONDARY}\n            {...htmlDivAttributes}\n            className={clsx(styles.islandWidgetHeaderDescription, className)}\n        >\n            {children}\n        </Text>\n    );\n};\n\nIslandWidgetHeaderDescription.displayName = \"IslandWidgetHeaderDescription\";\n"],"names":[],"mappings":";;;;;;;;;;;AAQA,MAAM,iCAAoE;AAAA,EACtE,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAKO,MAAM,gCAA+E,CAAC;AAAA,EACzF;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,EAAE,UAAU,SAAS,WAAW,mBAAmB;AACzD,QAAM,WAAW,WAAW,+BAA+B,IAAI,IAAI,UAAU;AAE7E,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAM,UAAU;AAAA,MACf,GAAG;AAAA,MACJ,WAAW,KAAK,OAAO,+BAA+B,SAAS;AAAA,MAE9D;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,8BAA8B,cAAc;"}
+{"version":3,"file":"IslandWidgetHeaderDescription.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeaderDescription.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\nimport { Text, ETextSize, EFontType } from \"@sberbusiness/triplex-next/components/Typography\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\n\n/** Соответствие размера компонента размеру текста описания в адаптиве. На десктопе во всех размерах B4. */\nconst SIZE_TO_ADAPTIVE_TEXT_SIZE_MAP: Record<EComponentSize, ETextSize> = {\n    [EComponentSize.SM]: ETextSize.B4,\n    [EComponentSize.MD]: ETextSize.B3,\n    [EComponentSize.LG]: ETextSize.B3,\n};\n\n/** Свойства компонента IslandWidgetHeaderDescription. */\nexport interface IIslandWidgetHeaderDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Описание в шапке виджета. Прижимается к правому краю на десктопе и переносится на свою строку в адаптиве.\n * Размер текста берётся из размера виджета: B4 на десктопе, в адаптиве — по SIZE_TO_ADAPTIVE_TEXT_SIZE_MAP.\n */\nexport const IslandWidgetHeaderDescription: React.FC<IIslandWidgetHeaderDescriptionProps> = ({\n    children,\n    className,\n    ...htmlDivAttributes\n}) => {\n    const { adaptive, size } = useContext(IslandWidgetContext);\n    const textSize = adaptive ? SIZE_TO_ADAPTIVE_TEXT_SIZE_MAP[size] : ETextSize.B4;\n\n    return (\n        <Text\n            tag=\"div\"\n            size={textSize}\n            type={EFontType.SECONDARY}\n            {...htmlDivAttributes}\n            className={clsx(styles.islandWidgetHeaderDescription, className)}\n        >\n            {children}\n        </Text>\n    );\n};\n\nIslandWidgetHeaderDescription.displayName = \"IslandWidgetHeaderDescription\";\n"],"names":[],"mappings":";;;;;;;;;;;AAQA,MAAM,iCAAoE;AAAA,EACtE,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AASO,MAAM,gCAA+E,CAAC;AAAA,EACzF;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,EAAE,UAAU,SAAS,WAAW,mBAAmB;AACzD,QAAM,WAAW,WAAW,+BAA+B,IAAI,IAAI,UAAU;AAE7E,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAM,UAAU;AAAA,MACf,GAAG;AAAA,MACJ,WAAW,KAAK,OAAO,+BAA+B,SAAS;AAAA,MAE9D;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,8BAA8B,cAAc;"}

package/components/IslandWidget/components/IslandWidgetHeaderTitle.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { EFontWeightTitle, ETitleSize } from "../../Typography/enums.js";
 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-K8SbMdcg.js";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DgysHiDv.js";
 const IslandWidgetHeaderTitle = ({
   children,
   className,

package/components/IslandWidget/components/IslandWidgetHeaderTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetHeaderTitle.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeaderTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { Title } from \"@sberbusiness/triplex-next/components/Typography\";\nimport { ETitleSize, EFontWeightTitle } from \"@sberbusiness/triplex-next/components/Typography/enums\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\nimport clsx from \"clsx\";\n\ninterface IIslandWidgetHeaderTitleProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const IslandWidgetHeaderTitle: React.FC<IIslandWidgetHeaderTitleProps> = ({\n    children,\n    className,\n    ...htmlDivAttributes\n}) => (\n    <Title\n        size={ETitleSize.H3}\n        weight={EFontWeightTitle.MEDIUM}\n        {...htmlDivAttributes}\n        className={clsx(styles.islandWidgetHeaderTitle, className)}\n    >\n        {children}\n    </Title>\n);\n\nIslandWidgetHeaderTitle.displayName = \"IslandWidgetHeaderTitle\";\n"],"names":[],"mappings":";;;;;;;;AAQO,MAAM,0BAAmE,CAAC;AAAA,EAC7E;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,MAAM,WAAW;AAAA,IACjB,QAAQ,iBAAiB;AAAA,IACxB,GAAG;AAAA,IACJ,WAAW,KAAK,OAAO,yBAAyB,SAAS;AAAA,IAExD;AAAA,EAAA;AACL;AAGJ,wBAAwB,cAAc;"}
+{"version":3,"file":"IslandWidgetHeaderTitle.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeaderTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { Title } from \"@sberbusiness/triplex-next/components/Typography\";\nimport { ETitleSize, EFontWeightTitle } from \"@sberbusiness/triplex-next/components/Typography/enums\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\n\n/** Свойства компонента IslandWidgetHeaderTitle. */\nexport interface IIslandWidgetHeaderTitleProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Заголовок шапки виджета. Однострочный на десктопе, с переносом в адаптиве. */\nexport const IslandWidgetHeaderTitle: React.FC<IIslandWidgetHeaderTitleProps> = ({\n    children,\n    className,\n    ...htmlDivAttributes\n}) => (\n    <Title\n        size={ETitleSize.H3}\n        weight={EFontWeightTitle.MEDIUM}\n        {...htmlDivAttributes}\n        className={clsx(styles.islandWidgetHeaderTitle, className)}\n    >\n        {children}\n    </Title>\n);\n\nIslandWidgetHeaderTitle.displayName = \"IslandWidgetHeaderTitle\";\n"],"names":[],"mappings":";;;;;;;;AAUO,MAAM,0BAAmE,CAAC;AAAA,EAC7E;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,MAAM,WAAW;AAAA,IACjB,QAAQ,iBAAiB;AAAA,IACxB,GAAG;AAAA,IACJ,WAAW,KAAK,OAAO,yBAAyB,SAAS;AAAA,IAExD;AAAA,EAAA;AACL;AAGJ,wBAAwB,cAAc;"}

package/components/IslandWidget/components/IslandWidgetWrapper.js

@@ -1,15 +1,25 @@
 import { jsx } from "react/jsx-runtime";
-import React__default, { useState } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import React__default, { useState, useCallback, useMemo } from "react";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
-const islandWidgetWrapper = "islandWidgetWrapper__1a69e726";
+const islandWidgetWrapper = "islandWidgetWrapper__d19dfc87";
 const styles = {
   islandWidgetWrapper
 };
 const IslandWidgetWrapper = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => {
-    const [hasExtraFooter, setHasExtraFooter] = useState(false);
-    return /* @__PURE__ */ jsx(IslandWidgetLayoutContext.Provider, { value: { hasExtraFooter, setHasExtraFooter }, children: /* @__PURE__ */ jsx("div", { className: clsx(styles.islandWidgetWrapper, className), ...rest, ref, children }) });
+    const [openExtraFooterCount, setOpenExtraFooterCount] = useState(0);
+    const addOpenExtraFooter = useCallback(() => setOpenExtraFooterCount((count) => count + 1), []);
+    const removeOpenExtraFooter = useCallback(() => setOpenExtraFooterCount((count) => Math.max(0, count - 1)), []);
+    const context = useMemo(
+      () => ({
+        hasExtraFooter: openExtraFooterCount > 0,
+        addOpenExtraFooter,
+        removeOpenExtraFooter
+      }),
+      [openExtraFooterCount, addOpenExtraFooter, removeOpenExtraFooter]
+    );
+    return /* @__PURE__ */ jsx(IslandWidgetLayoutContext.Provider, { value: context, children: /* @__PURE__ */ jsx("div", { className: clsx(styles.islandWidgetWrapper, className), ...rest, ref, children }) });
   }
 );
 IslandWidgetWrapper.displayName = "IslandWidgetWrapper";

package/components/IslandWidget/components/IslandWidgetWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandWidgetWrapper.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetWrapper.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetWrapper.module.less\";\nimport { IslandWidgetLayoutContext } from \"../IslandWidgetLayoutContext\";\n\nexport interface IIslandWidgetWrapperProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const IslandWidgetWrapper = React.forwardRef<HTMLDivElement, IIslandWidgetWrapperProps>(\n    ({ children, className, ...rest }, ref) => {\n        const [hasExtraFooter, setHasExtraFooter] = useState(false);\n\n        return (\n            <IslandWidgetLayoutContext.Provider value={{ hasExtraFooter, setHasExtraFooter }}>\n                <div className={clsx(styles.islandWidgetWrapper, className)} {...rest} ref={ref}>\n                    {children}\n                </div>\n            </IslandWidgetLayoutContext.Provider>\n        );\n    },\n);\n\nIslandWidgetWrapper.displayName = \"IslandWidgetWrapper\";\n"],"names":["React"],"mappings":";;;;;;;;AAOO,MAAM,sBAAsBA,eAAM;AAAA,EACrC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AACvC,UAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAE1D,WACI,oBAAC,0BAA0B,UAA1B,EAAmC,OAAO,EAAE,gBAAgB,qBACzD,UAAA,oBAAC,SAAI,WAAW,KAAK,OAAO,qBAAqB,SAAS,GAAI,GAAG,MAAM,KAClE,SAAA,CACL,GACJ;AAAA,EAER;AACJ;AAEA,oBAAoB,cAAc;"}
+{"version":3,"file":"IslandWidgetWrapper.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetWrapper.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetWrapper.module.less\";\nimport { IslandWidgetLayoutContext } from \"../IslandWidgetLayoutContext\";\n\n/** Свойства компонента IslandWidgetWrapper. */\nexport interface IIslandWidgetWrapperProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Общая обёртка виджета и его дополнительного подвала.\n * Нужна только когда используется IslandWidget.ExtraFooter: через неё виджет узнаёт, что подвал раскрыт, и рисует тень.\n */\nexport const IslandWidgetWrapper = React.forwardRef<HTMLDivElement, IIslandWidgetWrapperProps>(\n    ({ children, className, ...rest }, ref) => {\n        // Считаем раскрытые подвалы, а не храним флаг: иначе закрытие или размонтирование\n        // одного подвала снимало бы тень, пока соседний ещё раскрыт.\n        const [openExtraFooterCount, setOpenExtraFooterCount] = useState(0);\n\n        const addOpenExtraFooter = useCallback(() => setOpenExtraFooterCount((count) => count + 1), []);\n        const removeOpenExtraFooter = useCallback(() => setOpenExtraFooterCount((count) => Math.max(0, count - 1)), []);\n\n        const context = useMemo(\n            () => ({\n                hasExtraFooter: openExtraFooterCount > 0,\n                addOpenExtraFooter,\n                removeOpenExtraFooter,\n            }),\n            [openExtraFooterCount, addOpenExtraFooter, removeOpenExtraFooter],\n        );\n\n        return (\n            <IslandWidgetLayoutContext.Provider value={context}>\n                <div className={clsx(styles.islandWidgetWrapper, className)} {...rest} ref={ref}>\n                    {children}\n                </div>\n            </IslandWidgetLayoutContext.Provider>\n        );\n    },\n);\n\nIslandWidgetWrapper.displayName = \"IslandWidgetWrapper\";\n"],"names":["React"],"mappings":";;;;;;;;AAYO,MAAM,sBAAsBA,eAAM;AAAA,EACrC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AAGvC,UAAM,CAAC,sBAAsB,uBAAuB,IAAI,SAAS,CAAC;AAElE,UAAM,qBAAqB,YAAY,MAAM,wBAAwB,CAAC,UAAU,QAAQ,CAAC,GAAG,EAAE;AAC9F,UAAM,wBAAwB,YAAY,MAAM,wBAAwB,CAAC,UAAU,KAAK,IAAI,GAAG,QAAQ,CAAC,CAAC,GAAG,CAAA,CAAE;AAE9G,UAAM,UAAU;AAAA,MACZ,OAAO;AAAA,QACH,gBAAgB,uBAAuB;AAAA,QACvC;AAAA,QACA;AAAA,MAAA;AAAA,MAEJ,CAAC,sBAAsB,oBAAoB,qBAAqB;AAAA,IAAA;AAGpE,+BACK,0BAA0B,UAA1B,EAAmC,OAAO,SACvC,8BAAC,OAAA,EAAI,WAAW,KAAK,OAAO,qBAAqB,SAAS,GAAI,GAAG,MAAM,KAClE,UACL,GACJ;AAAA,EAER;AACJ;AAEA,oBAAoB,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-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { Portal } from "../Portal/Portal.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
-import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-DDevHCAQ.js";
+import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-b3ATzdz4.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__014045d6",
-  "scroll-15": "scroll-15__444668a1",
-  "scroll-16": "scroll-16__291425a3",
-  "scroll-17": "scroll-17__6bfd35b4"
+  "scroll-0": "scroll-0__e319f987",
+  "scroll-15": "scroll-15__9d7eb05c",
+  "scroll-16": "scroll-16__78ead94b",
+  "scroll-17": "scroll-17__1ee0b8d4"
 };
 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 "../WindowResizeListener/WindowResizeListener.js";
-import "../../chunks/vendor-D4wvHis9.js";
+import "../../chunks/vendor-CUIykw0y.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L } from "../../chunks/LightBoxContent-DDevHCAQ.js";
+import { L } from "../../chunks/LightBoxContent-b3ATzdz4.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-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.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-DsLaGx4X.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-CFiw2WEe.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-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.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-DsLaGx4X.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-CFiw2WEe.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-D4wvHis9.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-DsLaGx4X.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-CFiw2WEe.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-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.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-DsLaGx4X.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-CFiw2WEe.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-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.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-DsLaGx4X.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-CFiw2WEe.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__default, { useState, useRef, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.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__aea04e1c";
-const lightBoxSideOverlayWrapper = "lightBoxSideOverlayWrapper__0ad2a778";
-const overflowXHidden = "overflowXHidden__26ed67e9";
-const overflowYHidden = "overflowYHidden__1b7194dd";
-const closing = "closing__d42b454e";
-const opened = "opened__60c56f6d";
-const lightBoxSideOverlayContent = "lightBoxSideOverlayContent__12037ba7";
-const opening = "opening__87d4e608";
-const sm = "sm__a59f362c";
-const md = "md__800a2cad";
-const lg = "lg__f5689972";
-const lightBoxSideOverlay = "lightBoxSideOverlay__92f48f5f";
+const lightBoxSideOverlayMask = "lightBoxSideOverlayMask__5f5d65d5";
+const lightBoxSideOverlayWrapper = "lightBoxSideOverlayWrapper__17642f83";
+const overflowXHidden = "overflowXHidden__0e181b34";
+const overflowYHidden = "overflowYHidden__853893cc";
+const closing = "closing__b8b87548";
+const opened = "opened__a8df6a44";
+const lightBoxSideOverlayContent = "lightBoxSideOverlayContent__08f4e213";
+const opening = "opening__f0bdf6f2";
+const sm = "sm__be2272ff";
+const md = "md__248468f0";
+const lg = "lg__be6a095c";
+const lightBoxSideOverlay = "lightBoxSideOverlay__21f6dea4";
 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-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.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-B_RmH_Zj.js";
+import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-rUoDHQx6.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-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-B_RmH_Zj.js";
+import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-rUoDHQx6.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__528d41ac";
+const lightBoxSideOverlayLoaderWrapper = "lightBoxSideOverlayLoaderWrapper__d54b2bef";
 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-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { useLightBoxSidebarVisibility } from "./useLightBoxSidebarVisibility.js";
-const lightBoxLeftSidebar = "lightBoxLeftSidebar__14a04b66";
-const fixed = "fixed__4f822b5e";
-const hidden = "hidden__6d3a9bd9";
+const lightBoxLeftSidebar = "lightBoxLeftSidebar__5b4921bf";
+const fixed = "fixed__15625e91";
+const hidden = "hidden__687aeeeb";
 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-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { useLightBoxSidebarVisibility } from "./useLightBoxSidebarVisibility.js";
-const lightBoxRightSidebar = "lightBoxRightSidebar__5472dd87";
-const fixed = "fixed__4f822b5e";
-const hidden = "hidden__6d3a9bd9";
+const lightBoxRightSidebar = "lightBoxRightSidebar__3ddb53a3";
+const fixed = "fixed__15625e91";
+const hidden = "hidden__687aeeeb";
 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-D4wvHis9.js";
+import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks/vendor-CUIykw0y.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__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { getSafeRel } from "../../utils/html/anchorSecurity.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const link = "link__0e6a341e";
-const wordWithContent = "wordWithContent__47aeab44";
-const before = "before__b578f41e";
-const after = "after__6bd814f5";
+const link = "link__1f04dc48";
+const wordWithContent = "wordWithContent__dd0f62ac";
+const before = "before__1f866944";
+const after = "after__63fec959";
 const styles = {
   link,
   wordWithContent,
@@ -77,7 +77,7 @@ const Link = React__default.forwardRef(
         target,
         rel: getSafeRel(target, rel),
         className: clsx(styles.link, className),
-        "data-tx": "1.45.0",
+        "data-tx": "1.47.0",
         ref,
         children: /* @__PURE__ */ jsx(IconWrapper, { displayContents: true, children: renderChildren() })
       }

package/components/List/List.js

@@ -1,14 +1,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
-const list = "list__137d6eda";
-const listLoaderScreen = "listLoaderScreen__3e695bfd";
+const list = "list__02e2595f";
+const listLoaderScreen = "listLoaderScreen__b797c4e0";
 const styles = {
   list,
   listLoaderScreen
 };
-const List = React__default.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "1.45.0", ref, children: [
+const List = React__default.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "1.47.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__default 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-D4wvHis9.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-CUIykw0y.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__default from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { ListItem } from "./ListItem.js";
 import { ListItemContent } from "./ListItemContent.js";
-const listActionItem = "listActionItem__51557c7e";
+const listActionItem = "listActionItem__23a1605b";
 const styles = {
   listActionItem
 };

package/components/List/components/ListEmptyState.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const listEmptyState = "listEmptyState__08ac4d47";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const listEmptyState = "listEmptyState__e231231a";
 const styles = {
   listEmptyState
 };

package/components/List/components/ListItem.js

@@ -4,7 +4,7 @@ import { ListItemContext } from "./ListItemContext.js";
 const ListItem = React__default.forwardRef(({ children, className, ...rest }, ref) => {
   const [selected, setSelected] = useState(false);
   const [selectable, setSelectable] = useState(false);
-  return /* @__PURE__ */ jsx(ListItemContext.Provider, { value: { selected, setSelected, selectable, setSelectable }, children: /* @__PURE__ */ jsx("li", { className, ...rest, "data-tx": "1.45.0", ref, children }) });
+  return /* @__PURE__ */ jsx(ListItemContext.Provider, { value: { selected, setSelected, selectable, setSelectable }, children: /* @__PURE__ */ jsx("li", { className, ...rest, "data-tx": "1.47.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__default, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemContent = "listItemContent__6ff0aa26";
-const selected = "selected__3afa26e4";
-const selectable = "selectable__bbff1afa";
+const listItemContent = "listItemContent__a6e9ce81";
+const selected = "selected__0d1ff058";
+const selectable = "selectable__1bb68bf1";
 const styles = {
   listItemContent,
   selected,
@@ -22,7 +22,7 @@ const ListItemContent = React__default.forwardRef(
           className
         ),
         ...rest,
-        "data-tx": "1.45.0",
+        "data-tx": "1.47.0",
         ref,
         children
       }

package/components/List/components/ListItemControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const listItemControls = "listItemControls__b8f6b35e";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const listItemControls = "listItemControls__f6033770";
 const styles = {
   listItemControls
 };

package/components/List/components/ListItemControlsButton.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-D4wvHis9.js";
-import { L } from "../../../chunks/ListItemControlsButton-BGHyQIXE.js";
+import "../../../chunks/vendor-CUIykw0y.js";
+import { L } from "../../../chunks/ListItemControlsButton-DATlwch8.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__default, { useRef, useState, createElement } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { ETextSize } from "../../Typography/enums.js";
 import { Text } from "../../Typography/Text.js";
 import { ButtonDropdownExtended } from "../../Button/ButtonDropdownExtended.js";
@@ -18,8 +18,8 @@ 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-BGHyQIXE.js";
-import { setForwardedRef } from "../utils.js";
+import { s as styles, L as ListItemControlsButton } from "../../../chunks/ListItemControlsButton-DATlwch8.js";
+import { setForwardedRef } from "../../../helpers/setForwardedRef.js";
 const ListItemControlsButtonDropdown = React__default.forwardRef(
   (props, ref) => {
     const { buttonAttributes, children, className, icon, options, selected, disabled, ...rest } = props;

package/components/List/components/ListItemControlsButtonDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemControlsButtonDropdown.js","sources":["../../../../src/components/List/components/ListItemControlsButtonDropdown.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { ETextSize } from \"@sberbusiness/triplex-next/components/Typography/enums\";\nimport { Text } from \"@sberbusiness/triplex-next/components/Typography/Text\";\nimport { uniqueId } from \"lodash-es\";\nimport {\n    ButtonDropdownExtended,\n    IButtonDropdownExtendedButtonProvideProps,\n    IButtonDropdownExtendedDropdownProvideProps,\n} from \"@sberbusiness/triplex-next/components/Button/ButtonDropdownExtended\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { DropdownListContext } from \"@sberbusiness/triplex-next/components/Dropdown/DropdownListContext\";\nimport {\n    DropdownMobileBody,\n    DropdownMobileClose,\n    DropdownMobileHeader,\n    DropdownMobileList,\n    DropdownMobileListItem,\n} from \"@sberbusiness/triplex-next/components/Dropdown/mobile\";\nimport { DropdownList } from \"@sberbusiness/triplex-next/components/Dropdown/desktop/DropdownList\";\nimport { IButtonDropdownProps } from \"@sberbusiness/triplex-next/components/Button/ButtonDropdown\";\nimport {\n    IListItemControlsButtonProps,\n    ListItemControlsButton,\n} from \"@sberbusiness/triplex-next/components/List/components/ListItemControlsButton\";\nimport { setForwardedRef } from \"@sberbusiness/triplex-next/components/List/utils\";\nimport styles from \"../styles/ListItemControlsButton.module.less\";\n\nexport interface IListItemControlsButtonDropdownProps\n    extends Omit<IButtonDropdownProps, \"size\">, Pick<IListItemControlsButtonProps, \"icon\"> {}\n\n/** Кнопка-дропдаун listItem для области под свайпом. */\nexport const ListItemControlsButtonDropdown = React.forwardRef<HTMLButtonElement, IListItemControlsButtonDropdownProps>(\n    (props, ref) => {\n        const { buttonAttributes, children, className, icon, options, selected, disabled, ...rest } = props;\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n        const dropdownRef = useRef<HTMLDivElement>(null);\n        const [activeDescendant, setActiveDescendant] = useState<string>();\n        const instanceId = useRef(uniqueId());\n\n        const renderButton = ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) => {\n            return (\n                <ListItemControlsButton\n                    onKeyDown={handleKeyDown({ opened, setOpened })}\n                    onClick={handleClick({ opened, setOpened })}\n                    disabled={disabled}\n                    aria-haspopup=\"menu\"\n                    aria-expanded={opened}\n                    aria-controls={instanceId.current}\n                    aria-activedescendant={activeDescendant}\n                    icon={icon}\n                    {...buttonAttributes}\n                    ref={setRef}\n                >\n                    {children}\n                </ListItemControlsButton>\n            );\n        };\n\n        const handleClick =\n            ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) =>\n            () =>\n                setOpened(!opened);\n\n        const handleKeyDown =\n            ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) =>\n            (event: React.KeyboardEvent<HTMLButtonElement>) => {\n                const { key } = event;\n\n                if (isKey(key, \"SPACE\") || isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\")) {\n                    event.preventDefault();\n                }\n                if (!opened && (isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\"))) {\n                    setOpened(true);\n                }\n            };\n\n        const renderDropdown = ({ opened, setOpened, className }: IButtonDropdownExtendedDropdownProvideProps) => {\n            return (\n                <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n                    <ButtonDropdownExtended.Dropdown\n                        className={className}\n                        opened={opened}\n                        setOpened={setOpened}\n                        targetRef={buttonRef}\n                        ref={dropdownRef}\n                        mobileViewProps={{\n                            children: (\n                                <>\n                                    <DropdownMobileHeader\n                                        controlButtons={<DropdownMobileClose onClick={() => setOpened(false)} />}\n                                    >\n                                        <Text tag=\"div\" size={ETextSize.B1}>\n                                            {children}\n                                        </Text>\n                                    </DropdownMobileHeader>\n                                    <DropdownMobileBody>\n                                        <DropdownMobileList>\n                                            {options.map((option) => (\n                                                <DropdownMobileListItem\n                                                    {...option}\n                                                    key={option.id}\n                                                    selected={option.id === selected?.id}\n                                                    onSelect={() => {\n                                                        option.onSelect?.();\n                                                        setOpened(false);\n                                                    }}\n                                                >\n                                                    {option.label}\n                                                </DropdownMobileListItem>\n                                            ))}\n                                        </DropdownMobileList>\n                                    </DropdownMobileBody>\n                                </>\n                            ),\n                        }}\n                    >\n                        <DropdownList dropdownOpened={opened} id={instanceId.current}>\n                            {options.map((option) => (\n                                <DropdownList.Item\n                                    {...option}\n                                    className={styles.buttonDropdownMenuItem}\n                                    key={option.id}\n                                    selected={option.id === selected?.id}\n                                    onSelect={() => {\n                                        option.onSelect?.();\n                                        setOpened(false);\n                                    }}\n                                >\n                                    {option.label}\n                                </DropdownList.Item>\n                            ))}\n                        </DropdownList>\n                    </ButtonDropdownExtended.Dropdown>\n                </DropdownListContext.Provider>\n            );\n        };\n\n        const setRef = (instance: HTMLButtonElement | null) => {\n            buttonRef.current = instance;\n            setForwardedRef(ref, instance);\n        };\n\n        return (\n            <ButtonDropdownExtended\n                className={clsx(styles.listItemControlsButtonDropdown, className)}\n                renderButton={renderButton}\n                renderDropdown={renderDropdown}\n                dropdownRef={dropdownRef}\n                closeOnTab\n                {...rest}\n            />\n        );\n    },\n);\n\nListItemControlsButtonDropdown.displayName = \"ListItemControlsButtonDropdown\";\n"],"names":["React","className"],"mappings":"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"}
+{"version":3,"file":"ListItemControlsButtonDropdown.js","sources":["../../../../src/components/List/components/ListItemControlsButtonDropdown.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { ETextSize } from \"@sberbusiness/triplex-next/components/Typography/enums\";\nimport { Text } from \"@sberbusiness/triplex-next/components/Typography/Text\";\nimport { uniqueId } from \"lodash-es\";\nimport {\n    ButtonDropdownExtended,\n    IButtonDropdownExtendedButtonProvideProps,\n    IButtonDropdownExtendedDropdownProvideProps,\n} from \"@sberbusiness/triplex-next/components/Button/ButtonDropdownExtended\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { DropdownListContext } from \"@sberbusiness/triplex-next/components/Dropdown/DropdownListContext\";\nimport {\n    DropdownMobileBody,\n    DropdownMobileClose,\n    DropdownMobileHeader,\n    DropdownMobileList,\n    DropdownMobileListItem,\n} from \"@sberbusiness/triplex-next/components/Dropdown/mobile\";\nimport { DropdownList } from \"@sberbusiness/triplex-next/components/Dropdown/desktop/DropdownList\";\nimport { IButtonDropdownProps } from \"@sberbusiness/triplex-next/components/Button/ButtonDropdown\";\nimport {\n    IListItemControlsButtonProps,\n    ListItemControlsButton,\n} from \"@sberbusiness/triplex-next/components/List/components/ListItemControlsButton\";\nimport { setForwardedRef } from \"../../../helpers/setForwardedRef\";\nimport styles from \"../styles/ListItemControlsButton.module.less\";\n\nexport interface IListItemControlsButtonDropdownProps\n    extends Omit<IButtonDropdownProps, \"size\">, Pick<IListItemControlsButtonProps, \"icon\"> {}\n\n/** Кнопка-дропдаун listItem для области под свайпом. */\nexport const ListItemControlsButtonDropdown = React.forwardRef<HTMLButtonElement, IListItemControlsButtonDropdownProps>(\n    (props, ref) => {\n        const { buttonAttributes, children, className, icon, options, selected, disabled, ...rest } = props;\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n        const dropdownRef = useRef<HTMLDivElement>(null);\n        const [activeDescendant, setActiveDescendant] = useState<string>();\n        const instanceId = useRef(uniqueId());\n\n        const renderButton = ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) => {\n            return (\n                <ListItemControlsButton\n                    onKeyDown={handleKeyDown({ opened, setOpened })}\n                    onClick={handleClick({ opened, setOpened })}\n                    disabled={disabled}\n                    aria-haspopup=\"menu\"\n                    aria-expanded={opened}\n                    aria-controls={instanceId.current}\n                    aria-activedescendant={activeDescendant}\n                    icon={icon}\n                    {...buttonAttributes}\n                    ref={setRef}\n                >\n                    {children}\n                </ListItemControlsButton>\n            );\n        };\n\n        const handleClick =\n            ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) =>\n            () =>\n                setOpened(!opened);\n\n        const handleKeyDown =\n            ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) =>\n            (event: React.KeyboardEvent<HTMLButtonElement>) => {\n                const { key } = event;\n\n                if (isKey(key, \"SPACE\") || isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\")) {\n                    event.preventDefault();\n                }\n                if (!opened && (isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\"))) {\n                    setOpened(true);\n                }\n            };\n\n        const renderDropdown = ({ opened, setOpened, className }: IButtonDropdownExtendedDropdownProvideProps) => {\n            return (\n                <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n                    <ButtonDropdownExtended.Dropdown\n                        className={className}\n                        opened={opened}\n                        setOpened={setOpened}\n                        targetRef={buttonRef}\n                        ref={dropdownRef}\n                        mobileViewProps={{\n                            children: (\n                                <>\n                                    <DropdownMobileHeader\n                                        controlButtons={<DropdownMobileClose onClick={() => setOpened(false)} />}\n                                    >\n                                        <Text tag=\"div\" size={ETextSize.B1}>\n                                            {children}\n                                        </Text>\n                                    </DropdownMobileHeader>\n                                    <DropdownMobileBody>\n                                        <DropdownMobileList>\n                                            {options.map((option) => (\n                                                <DropdownMobileListItem\n                                                    {...option}\n                                                    key={option.id}\n                                                    selected={option.id === selected?.id}\n                                                    onSelect={() => {\n                                                        option.onSelect?.();\n                                                        setOpened(false);\n                                                    }}\n                                                >\n                                                    {option.label}\n                                                </DropdownMobileListItem>\n                                            ))}\n                                        </DropdownMobileList>\n                                    </DropdownMobileBody>\n                                </>\n                            ),\n                        }}\n                    >\n                        <DropdownList dropdownOpened={opened} id={instanceId.current}>\n                            {options.map((option) => (\n                                <DropdownList.Item\n                                    {...option}\n                                    className={styles.buttonDropdownMenuItem}\n                                    key={option.id}\n                                    selected={option.id === selected?.id}\n                                    onSelect={() => {\n                                        option.onSelect?.();\n                                        setOpened(false);\n                                    }}\n                                >\n                                    {option.label}\n                                </DropdownList.Item>\n                            ))}\n                        </DropdownList>\n                    </ButtonDropdownExtended.Dropdown>\n                </DropdownListContext.Provider>\n            );\n        };\n\n        const setRef = (instance: HTMLButtonElement | null) => {\n            buttonRef.current = instance;\n            setForwardedRef(ref, instance);\n        };\n\n        return (\n            <ButtonDropdownExtended\n                className={clsx(styles.listItemControlsButtonDropdown, className)}\n                renderButton={renderButton}\n                renderDropdown={renderDropdown}\n                dropdownRef={dropdownRef}\n                closeOnTab\n                {...rest}\n            />\n        );\n    },\n);\n\nListItemControlsButtonDropdown.displayName = \"ListItemControlsButtonDropdown\";\n"],"names":["React","className"],"mappings":"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"}

package/components/List/components/ListItemLoading.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.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__7355a2d3";
+const listItemLoading = "listItemLoading__3a53f210";
 const styles = {
   listItemLoading
 };

package/components/List/components/ListItemSelectable.js

@@ -1,14 +1,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useContext, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemSelectable = "listItemSelectable__03462c0c";
-const selected = "selected__3afa26e4";
-const checkboxWrapper = "checkboxWrapper__27a812c2";
-const childrenWrapper = "childrenWrapper__9187b4c7";
-const checkboxLabel = "checkboxLabel__b0963ea3";
-const checkboxLabelClickArea = "checkboxLabelClickArea__1f72788d";
+const listItemSelectable = "listItemSelectable__7ebcb19d";
+const selected = "selected__0d1ff058";
+const checkboxWrapper = "checkboxWrapper__b52f858c";
+const childrenWrapper = "childrenWrapper__cba9f916";
+const checkboxLabel = "checkboxLabel__7173f3c1";
+const checkboxLabelClickArea = "checkboxLabelClickArea__44808d2b";
 const styles = {
   listItemSelectable,
   selected,

package/components/List/components/ListItemTailLeft.js

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