@sberbusiness/triplex-next 0.45.0 → 0.46.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-DqGxntec.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-CXKXMvqA.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DL0SiTse.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-BxhAzfnS.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-CXKXMvqA.js";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DL0SiTse.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, { useState } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import React, { useState, useCallback, useMemo } from "react";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
-const islandWidgetWrapper = "islandWidgetWrapper__f959c3d1";
+const islandWidgetWrapper = "islandWidgetWrapper__336cc82b";
 const styles = {
   islandWidgetWrapper
 };
 const IslandWidgetWrapper = React.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":[],"mappings":";;;;;;;;AAOO,MAAM,sBAAsB,MAAM;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":[],"mappings":";;;;;;;;AAYO,MAAM,sBAAsB,MAAM;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-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { Portal } from "../Portal/Portal.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
-import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-FBEeHx2T.js";
+import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-ddkBlyrp.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__2df439f1",
-  "scroll-15": "scroll-15__d79dd179",
-  "scroll-16": "scroll-16__19d3103f",
-  "scroll-17": "scroll-17__e06ec504"
+  "scroll-0": "scroll-0__5c6448a9",
+  "scroll-15": "scroll-15__19135a2c",
+  "scroll-16": "scroll-16__09e3d800",
+  "scroll-17": "scroll-17__85bf31a7"
 };
 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-DqGxntec.js";
+import "../../chunks/vendor-BxhAzfnS.js";
 import "../WindowResizeListener/WindowResizeListener.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L } from "../../chunks/LightBoxContent-FBEeHx2T.js";
+import { L } from "../../chunks/LightBoxContent-ddkBlyrp.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-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.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-8Du0HqQL.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-CJXgbkZV.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-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.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-8Du0HqQL.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-CJXgbkZV.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-DqGxntec.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-8Du0HqQL.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-CJXgbkZV.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-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.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-8Du0HqQL.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-CJXgbkZV.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-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.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-8Du0HqQL.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-CJXgbkZV.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-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.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__d2eca9b1";
-const lightBoxSideOverlayWrapper = "lightBoxSideOverlayWrapper__2ddf1e9e";
-const overflowXHidden = "overflowXHidden__3c6a61dd";
-const overflowYHidden = "overflowYHidden__985f1a1c";
-const closing = "closing__fd6fcdc1";
-const opened = "opened__3594cb43";
-const lightBoxSideOverlayContent = "lightBoxSideOverlayContent__39f17a80";
-const opening = "opening__61f02e5d";
-const sm = "sm__34ef4ed3";
-const md = "md__874f23d5";
-const lg = "lg__53bcab7c";
-const lightBoxSideOverlay = "lightBoxSideOverlay__74d13880";
+const lightBoxSideOverlayMask = "lightBoxSideOverlayMask__7259449f";
+const lightBoxSideOverlayWrapper = "lightBoxSideOverlayWrapper__899062a4";
+const overflowXHidden = "overflowXHidden__26c06ec2";
+const overflowYHidden = "overflowYHidden__154e6384";
+const closing = "closing__66c19c80";
+const opened = "opened__906ca4ca";
+const lightBoxSideOverlayContent = "lightBoxSideOverlayContent__50148648";
+const opening = "opening__fe95a5d3";
+const sm = "sm__66f07b4f";
+const md = "md__041008df";
+const lg = "lg__533b133e";
+const lightBoxSideOverlay = "lightBoxSideOverlay__233934c3";
 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-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.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-D9EWe_PJ.js";
+import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-Ui0tEybv.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-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-D9EWe_PJ.js";
+import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-Ui0tEybv.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__0f8e7a2a";
+const lightBoxSideOverlayLoaderWrapper = "lightBoxSideOverlayLoaderWrapper__c2876fdb";
 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-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { useLightBoxSidebarVisibility } from "./useLightBoxSidebarVisibility.js";
-const lightBoxLeftSidebar = "lightBoxLeftSidebar__d8c7ad94";
-const fixed = "fixed__15a56344";
-const hidden = "hidden__8c77b802";
+const lightBoxLeftSidebar = "lightBoxLeftSidebar__c25d6f39";
+const fixed = "fixed__bd0eb67d";
+const hidden = "hidden__d94c0add";
 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-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { useLightBoxSidebarVisibility } from "./useLightBoxSidebarVisibility.js";
-const lightBoxRightSidebar = "lightBoxRightSidebar__3ef6e7c6";
-const fixed = "fixed__15a56344";
-const hidden = "hidden__8c77b802";
+const lightBoxRightSidebar = "lightBoxRightSidebar__a7fae28f";
+const fixed = "fixed__bd0eb67d";
+const hidden = "hidden__d94c0add";
 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-DqGxntec.js";
+import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks/vendor-BxhAzfnS.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-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { getSafeRel } from "../../utils/html/anchorSecurity.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const link = "link__78c2c066";
-const wordWithContent = "wordWithContent__dd1d6184";
-const before = "before__ca984c92";
-const after = "after__1ca482af";
+const link = "link__f9897d31";
+const wordWithContent = "wordWithContent__191b02a3";
+const before = "before__c433738b";
+const after = "after__44dfdeb2";
 const styles = {
   link,
   wordWithContent,
@@ -77,7 +77,7 @@ const Link = React.forwardRef(
         target,
         rel: getSafeRel(target, rel),
         className: clsx(styles.link, className),
-        "data-tx": "0.45.0",
+        "data-tx": "0.46.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 from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
-const list = "list__55a0c901";
-const listLoaderScreen = "listLoaderScreen__8cc955ce";
+const list = "list__f7359164";
+const listLoaderScreen = "listLoaderScreen__3b9a0445";
 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.45.0", ref, children: [
+const List = React.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "0.46.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-DqGxntec.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-BxhAzfnS.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-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { ListItem } from "./ListItem.js";
 import { ListItemContent } from "./ListItemContent.js";
-const listActionItem = "listActionItem__92d93a66";
+const listActionItem = "listActionItem__e3d964a0";
 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-DqGxntec.js";
-const listEmptyState = "listEmptyState__3c0e930b";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+const listEmptyState = "listEmptyState__96d0c566";
 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.45.0", ref, children }) });
+  return /* @__PURE__ */ jsx(ListItemContext.Provider, { value: { selected, setSelected, selectable, setSelectable }, children: /* @__PURE__ */ jsx("li", { className, ...rest, "data-tx": "0.46.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-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemContent = "listItemContent__4c7c4652";
-const selected = "selected__b92d0d66";
-const selectable = "selectable__192766ed";
+const listItemContent = "listItemContent__fbd323e8";
+const selected = "selected__eb5379ae";
+const selectable = "selectable__fd1b9400";
 const styles = {
   listItemContent,
   selected,
@@ -22,7 +22,7 @@ const ListItemContent = React.forwardRef(
           className
         ),
         ...rest,
-        "data-tx": "0.45.0",
+        "data-tx": "0.46.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-DqGxntec.js";
-const listItemControls = "listItemControls__2cc1f5b9";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+const listItemControls = "listItemControls__8afadf0e";
 const styles = {
   listItemControls
 };

package/components/List/components/ListItemControlsButton.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-DqGxntec.js";
-import { L } from "../../../chunks/ListItemControlsButton-eLfgjcba.js";
+import "../../../chunks/vendor-BxhAzfnS.js";
+import { L } from "../../../chunks/ListItemControlsButton-CZRyKPZJ.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-DqGxntec.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-BxhAzfnS.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-eLfgjcba.js";
+import { s as styles, L as ListItemControlsButton } from "../../../chunks/ListItemControlsButton-CZRyKPZJ.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-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.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__94ae69ec";
+const listItemLoading = "listItemLoading__4c9163fc";
 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-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemSelectable = "listItemSelectable__4ce09e19";
-const selected = "selected__b92d0d66";
-const checkboxWrapper = "checkboxWrapper__b8b0c60f";
-const childrenWrapper = "childrenWrapper__217e0b9a";
-const checkboxLabel = "checkboxLabel__678f41a8";
-const checkboxLabelClickArea = "checkboxLabelClickArea__6b7e597e";
+const listItemSelectable = "listItemSelectable__16ccebe6";
+const selected = "selected__eb5379ae";
+const checkboxWrapper = "checkboxWrapper__51c05e7b";
+const childrenWrapper = "childrenWrapper__b0eaa18b";
+const checkboxLabel = "checkboxLabel__ddcaf413";
+const checkboxLabelClickArea = "checkboxLabelClickArea__505639ca";
 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-DqGxntec.js";
-import { s as styles } from "../../../chunks/ListItemTail.module-D8zH5IcC.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-BPVP-JMv.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-DqGxntec.js";
-import { s as styles } from "../../../chunks/ListItemTail.module-D8zH5IcC.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-BPVP-JMv.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-DqGxntec.js";
+import { o as useSortable, q as CSS, c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { ListItem } from "./ListItem.js";
 import { setForwardedRef } from "../utils.js";
 import { ListSortableItemTarget } from "./ListSortableItemTarget.js";
-const listSortableItem = "listSortableItem__1cf16c32";
-const dragging = "dragging__0686593d";
+const listSortableItem = "listSortableItem__e915017f";
+const dragging = "dragging__7912a76d";
 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-DqGxntec.js";
-const listSortableItemControls = "listSortableItemControls__c1e86f75";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+const listSortableItemControls = "listSortableItemControls__9a59701e";
 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-DqGxntec.js";
-const listSortableItemTarget = "listSortableItemTarget__974697ae";
-const dragging = "dragging__0686593d";
-const listSortableItemTargetContent = "listSortableItemTargetContent__f553f02e";
-const listSortableItemTargetIcon = "listSortableItemTargetIcon__1fb4eebb";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+const listSortableItemTarget = "listSortableItemTarget__d4064217";
+const dragging = "dragging__7912a76d";
+const listSortableItemTargetContent = "listSortableItemTargetContent__91eb83f7";
+const listSortableItemTargetIcon = "listSortableItemTargetIcon__97bb3673";
 const styles = {
   listSortableItemTarget,
   dragging,