@sberbusiness/triplex-next 1.11.1 → 1.12.0

package/components/IslandAccordion/components/IslandAccordionFooter.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as t } from "../../../chunks/vendor-ClY57Zzq.js";
-import { s as m } from "../../../chunks/IslandAccordion.module-DBJCDTU5.js";
+import { c as t } from "../../../chunks/vendor-CwhnMZ7o.js";
+import { s as m } from "../../../chunks/IslandAccordion.module-xj0cP0m9.js";
 import { Island as i } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionItem.js

@@ -1,10 +1,10 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import w, { useState as z, useContext as F, useRef as M, useEffect as T } from "react";
 import { CaretdownStrokeSrvIcon24 as Y, CrossStrokeSrvIcon24 as H } from "@sberbusiness/icons-next";
-import { a as W, c as n } from "../../../chunks/vendor-ClY57Zzq.js";
+import { a as W, c as n } from "../../../chunks/vendor-CwhnMZ7o.js";
 import { Island as y } from "../../Island/Island.js";
 import { ExpandAnimation as $ } from "../../ExpandAnimation/ExpandAnimation.js";
-import { s as t } from "../../../chunks/IslandAccordion.module-DBJCDTU5.js";
+import { s as t } from "../../../chunks/IslandAccordion.module-xj0cP0m9.js";
 import { IslandAccordionContent as q } from "./IslandAccordionContent.js";
 import { IslandAccordionFooter as B } from "./IslandAccordionFooter.js";
 import { createSizeToClassNameMap as X } from "../../../utils/classNameMaps.js";
@@ -70,7 +70,7 @@ const L = {
               }),
               onClick: O,
               disabled: e,
-              "data-tx": "1.11.1",
+              "data-tx": "1.12.0",
               children: [
                 l && d && /* @__PURE__ */ r("div", { className: t.step, children: /* @__PURE__ */ r(G, { step: d, status: l, position: J.XFirst, children: e ? void 0 : k }) }),
                 /* @__PURE__ */ i("div", { className: t.titleWrapper, children: [

package/components/IslandWidget/IslandWidget.js

@@ -1,21 +1,21 @@
 import { jsx as n, jsxs as m } from "react/jsx-runtime";
 import l, { useContext as p } from "react";
 import { Island as W } from "../Island/Island.js";
-import { EIslandType as g } from "../Island/enums.js";
+import { EIslandType as f } from "../Island/enums.js";
 import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
-import { IslandWidgetHeader as f } from "./components/IslandWidgetHeader.js";
+import { IslandWidgetHeader as g } from "./components/IslandWidgetHeader.js";
 import { IslandWidgetBody as x } from "./components/IslandWidgetBody.js";
 import { IslandWidgetFooter as c } from "./components/IslandWidgetFooter.js";
 import { IslandWidgetExtraFooter as E } from "./components/IslandWidgetExtraFooter.js";
 import { EComponentSize as I } from "../../enums/EComponentSize.js";
-import { c as F } from "../../chunks/vendor-ClY57Zzq.js";
+import { c as F } from "../../chunks/vendor-CwhnMZ7o.js";
 import { IslandWidgetContext as h } from "./IslandWidgetContext.js";
-const _ = "islandWidget__0b537be6", y = "islandWidgetWithExtraFooter__b74f2d3a", o = {
+const _ = "islandWidget__a4126f5b", y = "islandWidgetWithExtraFooter__5a795bf9", o = {
   islandWidget: _,
   islandWidgetWithExtraFooter: y
-}, b = Object.assign(
+}, u = Object.assign(
   l.forwardRef(
     ({ className: i, renderBody: r, renderFooter: t, renderHeader: e, ...d }, a) => {
       const { hasExtraFooter: s } = p(h);
@@ -25,10 +25,10 @@ const _ = "islandWidget__0b537be6", y = "islandWidgetWithExtraFooter__b74f2d3a",
           className: F(o.islandWidget, i, {
             [o.islandWidgetWithExtraFooter]: s
           }),
-          "data-tx": "1.11.1",
+          "data-tx": "1.12.0",
           ...d,
           ref: a,
-          children: /* @__PURE__ */ m(W, { type: g.TYPE_1, size: I.MD, children: [
+          children: /* @__PURE__ */ m(W, { type: f.TYPE_1, size: I.MD, children: [
             e({}),
             r({}),
             t ? t({}) : null
@@ -38,14 +38,14 @@ const _ = "islandWidget__0b537be6", y = "islandWidgetWithExtraFooter__b74f2d3a",
     }
   ),
   {
-    Header: f,
+    Header: g,
     Body: x,
     Footer: c,
     ExtraFooter: E
   }
 );
-b.displayName = "IslandWidget";
+u.displayName = "IslandWidget";
 export {
-  b as IslandWidget
+  u as IslandWidget
 };
 //# sourceMappingURL=IslandWidget.js.map

package/components/IslandWidget/components/IslandWidgetExtraFooter.js

@@ -1,9 +1,9 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useContext as i, useEffect as d } from "react";
-import { c as n } from "../../../chunks/vendor-ClY57Zzq.js";
+import { useContext as d, useEffect as i } from "react";
+import { c as n } from "../../../chunks/vendor-CwhnMZ7o.js";
 import { ExpandAnimation as x } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandWidgetContext as l } from "../IslandWidgetContext.js";
-const m = "islandWidgetExtraFooter__7f2b6476", c = {
+const m = "islandWidgetExtraFooter__f92d7dac", c = {
   islandWidgetExtraFooter: m
 }, f = ({
   children: r,
@@ -11,8 +11,8 @@ const m = "islandWidgetExtraFooter__7f2b6476", c = {
   open: t = !1,
   ...a
 }) => {
-  const { setHasExtraFooter: s } = i(l);
-  return d(() => {
+  const { setHasExtraFooter: s } = d(l);
+  return i(() => {
     s(t);
   }, [t]), /* @__PURE__ */ o("div", { ...a, className: n(e, c.islandWidgetExtraFooter), children: /* @__PURE__ */ o(x, { expanded: t, children: r }) });
 };

package/components/IslandWidget/components/IslandWidgetFooter.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-ClY57Zzq.js";
-import { s as n } from "../../../chunks/IslandWidgetFooter.module-Cm4qltRz.js";
+import { c as i } from "../../../chunks/vendor-CwhnMZ7o.js";
+import { s as n } from "../../../chunks/IslandWidgetFooter.module-bDnVNRPn.js";
 import { IslandWidgetFooterContent as d } from "./IslandWidgetFooterContent.js";
 import { IslandWidgetFooterControls as m } from "./IslandWidgetFooterControls.js";
 const o = ({ children: t, className: r, ...s }) => /* @__PURE__ */ e("div", { ...s, className: i(r, n.islandWidgetFooter), children: t });

package/components/IslandWidget/components/IslandWidgetFooterContent.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { s } from "../../../chunks/IslandWidgetFooter.module-Cm4qltRz.js";
+import { s } from "../../../chunks/IslandWidgetFooter.module-bDnVNRPn.js";
 const n = ({
   children: t,
   ...o

package/components/IslandWidget/components/IslandWidgetFooterControls.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s as r } from "../../../chunks/IslandWidgetFooter.module-Cm4qltRz.js";
+import { s as r } from "../../../chunks/IslandWidgetFooter.module-bDnVNRPn.js";
 const e = ({
   children: o,
   ...s

package/components/IslandWidget/components/IslandWidgetHeader.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-ClY57Zzq.js";
-import { s as a } from "../../../chunks/IslandWidgetHeader.module-DNGkgtxt.js";
+import { c as i } from "../../../chunks/vendor-CwhnMZ7o.js";
+import { s as a } from "../../../chunks/IslandWidgetHeader.module-BW5vlxfL.js";
 import { IslandWidgetHeaderContent as o } from "./IslandWidgetHeaderContent.js";
 import { IslandWidgetHeaderDescription as m } from "./IslandWidgetHeaderDescription.js";
 const e = ({ children: t, className: r, ...s }) => /* @__PURE__ */ d("div", { ...s, className: i(r, a.islandWidgetHeader), children: t });

package/components/IslandWidget/components/IslandWidgetHeaderContent.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as d } from "../../../chunks/vendor-ClY57Zzq.js";
-import { s as o } from "../../../chunks/IslandWidgetHeader.module-DNGkgtxt.js";
+import { c as d } from "../../../chunks/vendor-CwhnMZ7o.js";
+import { s as o } from "../../../chunks/IslandWidgetHeader.module-BW5vlxfL.js";
 const n = ({
   children: e,
   className: t,

package/components/IslandWidget/components/IslandWidgetHeaderDescription.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as a } from "../../../chunks/vendor-ClY57Zzq.js";
-import { s as t } from "../../../chunks/IslandWidgetHeader.module-DNGkgtxt.js";
+import { c as a } from "../../../chunks/vendor-CwhnMZ7o.js";
+import { s as t } from "../../../chunks/IslandWidgetHeader.module-BW5vlxfL.js";
 const d = ({
   children: s,
   className: e,

package/components/IslandWidget/components/IslandWidgetWrapper.js

@@ -1,13 +1,13 @@
 import { jsx as r } from "react/jsx-runtime";
 import i, { useState as p } from "react";
-import { c as l } from "../../../chunks/vendor-ClY57Zzq.js";
+import { c as l } from "../../../chunks/vendor-CwhnMZ7o.js";
 import { IslandWidgetContext as n } from "../IslandWidgetContext.js";
-const W = "islandWidgetWrapper__faad0b22", m = {
+const W = "islandWidgetWrapper__99f57120", m = {
   islandWidgetWrapper: W
 }, c = i.forwardRef(
-  ({ children: e, className: a, ...t }, s) => {
+  ({ children: e, className: t, ...a }, s) => {
     const [d, o] = p(!1);
-    return /* @__PURE__ */ r(n.Provider, { value: { hasExtraFooter: d, setHasExtraFooter: o }, children: /* @__PURE__ */ r("div", { className: l(m.islandWidgetWrapper, a), ...t, ref: s, children: e }) });
+    return /* @__PURE__ */ r(n.Provider, { value: { hasExtraFooter: d, setHasExtraFooter: o }, children: /* @__PURE__ */ r("div", { className: l(m.islandWidgetWrapper, t), ...a, ref: s, children: e }) });
   }
 );
 c.displayName = "IslandWidgetWrapper";

package/components/LightBox/LightBox.js

@@ -1,7 +1,7 @@
-import { jsxs as x, Fragment as R, jsx as o } from "react/jsx-runtime";
-import { useRef as n, useEffect as B } from "react";
-import { c as V, h as A } from "../../chunks/vendor-ClY57Zzq.js";
-import { L as D, s as e } from "../../chunks/LightBoxContent-BsgLiqBK.js";
+import { jsxs as B, Fragment as R, jsx as o } from "react/jsx-runtime";
+import { useRef as n, useEffect as f } from "react";
+import { c as V, h as A } from "../../chunks/vendor-CwhnMZ7o.js";
+import { L as D, s as e } from "../../chunks/LightBoxContent-CkXwpIcr.js";
 import { LightBoxControls as F } from "./LightBoxControls/LightBoxControls.js";
 import { LightBoxSideOverlay as I } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
 import { Portal as T } from "../Portal/Portal.js";
@@ -15,15 +15,15 @@ import { LightBoxLeftSidebar as H } from "./LightBoxSidebars/LightBoxLeftSidebar
 import { LightBoxRightSidebar as U } from "./LightBoxSidebars/LightBoxRightSidebar.js";
 import "./LightBoxSideOverlay/enums.js";
 const Z = {
-  "scroll-0": "scroll-0__c8f2dd3e",
-  "scroll-15": "scroll-15__9f6fc778",
-  "scroll-16": "scroll-16__c2049b4f",
-  "scroll-17": "scroll-17__14244a5a"
-}, p = "LightBox-next-mount-node", L = "LightBox-next-view-manager-node", N = [e.bodyOverflowHidden], b = ({
-  children: v,
-  className: M,
+  "scroll-0": "scroll-0__c1d54a25",
+  "scroll-15": "scroll-15__8058a813",
+  "scroll-16": "scroll-16__e279ed12",
+  "scroll-17": "scroll-17__d2372768"
+}, p = "LightBox-next-mount-node", L = "LightBox-next-view-manager-node", N = [e.bodyOverflowHidden], v = ({
+  children: M,
+  className: b,
   focusTrapProps: r,
-  forwardRef: a,
+  forwardRef: c,
   mountNode: s,
   lightBoxViewManagerNodeId: m = L,
   isLoading: d,
@@ -37,17 +37,17 @@ const Z = {
   }, _ = () => {
     let t = null;
     return m && (t = document.querySelector(`#${m}`)), t || (t = document.createElement("div"), t.setAttribute("id", L), document.body.appendChild(t)), t;
-  }, c = n(C()), g = n(_()), h = () => {
+  }, a = n(C()), g = n(_()), h = () => {
     N.forEach((t) => document.documentElement.classList.add(t));
   };
-  B(() => (k(Z), h(), setTimeout(h, 100), () => N.forEach((t) => document.documentElement.classList.remove(t))), []), B(() => {
+  f(() => (k(Z), h(), setTimeout(h, 100), () => N.forEach((t) => document.documentElement.classList.remove(t))), []), f(() => {
     if (!i && l.current) {
       const t = Math.round(Math.random() * 100);
       l.current.style.zIndex = t.toString();
     }
   }, [i]);
   const w = (t) => {
-    u.current = t, a && (a.current = t);
+    u.current = t, c && (c.current = t);
   }, O = V(
     E,
     e.lightBox,
@@ -56,17 +56,17 @@ const Z = {
       [e.lightBoxSideOverlayActive]: !!i,
       [e.lightBoxTopOverlayActive]: !!y
     },
-    M
+    b
   );
-  if (!c.current)
+  if (!a.current)
     return null;
-  const f = () => /* @__PURE__ */ x("div", { className: O, ref: w, role: "dialog", "aria-modal": "true", ...S, children: [
+  const x = () => /* @__PURE__ */ B("div", { className: O, ref: w, role: "dialog", "aria-modal": "true", ...S, children: [
     /* @__PURE__ */ o("div", { className: e.lightBoxBackdrop }),
-    v,
+    M,
     /* @__PURE__ */ o("span", { ref: l, className: e.tempElSafariBug })
   ] });
-  return /* @__PURE__ */ x(R, { children: [
-    /* @__PURE__ */ o(T, { container: c.current, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ B(R, { children: [
+    /* @__PURE__ */ o(T, { container: a.current, children: /* @__PURE__ */ o(
       W,
       {
         fallback: /* @__PURE__ */ o(
@@ -80,23 +80,23 @@ const Z = {
               preventScroll: !0,
               ...r == null ? void 0 : r.focusTrapOptions
             },
-            children: f()
+            children: x()
           }
         ),
-        children: f()
+        children: x()
       }
     ) }),
     g.current && /* @__PURE__ */ o(
       q,
       {
         lightBoxViewManagerNode: g.current,
-        lightBoxMountNode: c.current
+        lightBoxMountNode: a.current
       }
     )
   ] });
 };
-b.displayName = "LightBoxBase";
-const st = Object.assign(b, {
+v.displayName = "LightBoxBase";
+const st = Object.assign(v, {
   Content: D,
   SideOverlay: I,
   TopOverlay: j,

package/components/LightBox/LightBoxContent.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
 import "../WindowResizeListener/WindowResizeListener.js";
-import "../../chunks/vendor-ClY57Zzq.js";
+import "../../chunks/vendor-CwhnMZ7o.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L as n } from "../../chunks/LightBoxContent-BsgLiqBK.js";
+import { L as n } from "../../chunks/LightBoxContent-CkXwpIcr.js";
 export {
   n as LightBoxContent
 };

package/components/LightBox/LightBoxControls/LightBoxClose.js

@@ -1,13 +1,13 @@
 import { jsxs as n, jsx as e, Fragment as f } from "react/jsx-runtime";
 import { useRef as h } from "react";
-import { c as u } from "../../../chunks/vendor-ClY57Zzq.js";
+import { c as u } from "../../../chunks/vendor-CwhnMZ7o.js";
 import { CrossStrokeSrvIcon32 as x, CrossStrokeSrvIcon20 as C } from "@sberbusiness/icons-next";
 import { TriggerClickOnKeyDownEvent as E } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EVENT_KEY_CODES as g } from "../../../utils/keyboard.js";
 import { EButtonTheme as i } from "../../Button/enums.js";
 import { Button as l } from "../../Button/Button.js";
 import { EComponentSize as a } from "../../../enums/EComponentSize.js";
-import { s as o } from "../../../chunks/LightBoxControls.module-D0jwVGM3.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-CzUVzNt3.js";
 const N = ({
   className: c,
   onClick: t,

package/components/LightBox/LightBoxControls/LightBoxControls.js

@@ -2,8 +2,8 @@ import { jsx as i } from "react/jsx-runtime";
 import { LightBoxClose as m } from "./LightBoxClose.js";
 import { LightBoxNext as l } from "./LightBoxNext.js";
 import { LightBoxPrev as x } from "./LightBoxPrev.js";
-import { c as e } from "../../../chunks/vendor-ClY57Zzq.js";
-import { s as p } from "../../../chunks/LightBoxControls.module-D0jwVGM3.js";
+import { c as e } from "../../../chunks/vendor-CwhnMZ7o.js";
+import { s as p } from "../../../chunks/LightBoxControls.module-CzUVzNt3.js";
 const o = ({ children: t, className: r, ...s }) => /* @__PURE__ */ i("div", { className: e(r, p.lightBoxControls), ...s, "data-lightbox-component": "controls", children: t });
 o.displayName = "LightBoxControls";
 o.Close = m;

package/components/LightBox/LightBoxControls/LightBoxNext.js

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as x, Fragment as N } from "react/jsx-runtime";
 import { useRef as m } from "react";
-import { c as n } from "../../../chunks/vendor-ClY57Zzq.js";
+import { c as n } from "../../../chunks/vendor-CwhnMZ7o.js";
 import { CaretrightStrokeSrvIcon32 as E, CaretrightStrokeSrvIcon20 as D } from "@sberbusiness/icons-next";
 import { TriggerClickOnKeyDownEvent as I } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EVENT_KEY_CODES as R } from "../../../utils/keyboard.js";
 import { Button as c } from "../../Button/Button.js";
 import { EButtonTheme as s } from "../../Button/enums.js";
 import { EComponentSize as f } from "../../../enums/EComponentSize.js";
-import { s as o } from "../../../chunks/LightBoxControls.module-D0jwVGM3.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-CzUVzNt3.js";
 const v = ({
   className: g,
   clickByArrowRight: u,

package/components/LightBox/LightBoxControls/LightBoxPrev.js

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as f, Fragment as g } from "react/jsx-runtime";
 import { useRef as m } from "react";
-import { c as n } from "../../../chunks/vendor-ClY57Zzq.js";
+import { c as n } from "../../../chunks/vendor-CwhnMZ7o.js";
 import { CaretleftStrokeSrvIcon32 as E, CaretleftStrokeSrvIcon20 as D } from "@sberbusiness/icons-next";
 import { EButtonTheme as h } from "../../Button/enums.js";
 import { TriggerClickOnKeyDownEvent as C } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EVENT_KEY_CODES as I } from "../../../utils/keyboard.js";
 import { Button as s } from "../../Button/Button.js";
 import { EComponentSize as v } from "../../../enums/EComponentSize.js";
-import { s as o } from "../../../chunks/LightBoxControls.module-D0jwVGM3.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-CzUVzNt3.js";
 const N = ({
   className: u,
   clickByArrowLeft: x,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -1,14 +1,14 @@
 import { jsx as t, jsxs as O, Fragment as C } from "react/jsx-runtime";
 import { useState as x, useRef as p, useEffect as W } from "react";
-import { c as m, F as X } from "../../../chunks/vendor-ClY57Zzq.js";
+import { c as m, F as X } from "../../../chunks/vendor-CwhnMZ7o.js";
 import { OverlayBase as Y, EOverlayDirection as R } from "../../Overlay/OverlayBase.js";
 import { OverlayMask as j } from "../../Overlay/OverlayMask.js";
 import { LightBoxSideOverlayLoader as I } from "./LightBoxSideOverlayLoader.js";
 import { FocusTrapUtils as T } from "../../../utils/focus/FocusTrapUtils.js";
 import { LightBoxSideOverlayCloseMobile as A } from "./LightBoxSideOverlayCloseMobile.js";
 import { LightBoxSideOverlayCloseDesktop as U } from "./LightBoxSideOverlayCloseDesktop.js";
-import { ELightBoxSideOverlaySize as s } from "./enums.js";
-const q = "lightBoxSideOverlayMask__6e06b164", J = "lightBoxSideOverlayWrapper__73a087d3", K = "overflowXHidden__e34b01ea", Q = "overflowYHidden__72ec35c0", V = "closing__6dd430c7", Z = "opened__e879d37a", $ = "lightBoxSideOverlayContent__b7755c7e", P = "opening__c1e3d00d", ee = "sizeSM__0af33cf7", ie = "sizeMD__1d1f5cf8", te = "sizeLG__99f126da", oe = "lightBoxSideOverlay__d344f3e2", e = {
+import { ELightBoxSideOverlaySize as a } from "./enums.js";
+const q = "lightBoxSideOverlayMask__af5f505f", J = "lightBoxSideOverlayWrapper__cb68d879", K = "overflowXHidden__fffe482c", Q = "overflowYHidden__0ba3a2e6", V = "closing__4ab40f50", Z = "opened__6d306856", $ = "lightBoxSideOverlayContent__5554bda2", P = "opening__a08c8b10", ee = "sizeSM__966a92aa", ie = "sizeMD__8228eb46", te = "sizeLG__64bfc5e3", oe = "lightBoxSideOverlay__7afd2c83", e = {
   lightBoxSideOverlayMask: q,
   lightBoxSideOverlayWrapper: J,
   overflowXHidden: K,
@@ -25,24 +25,24 @@ const q = "lightBoxSideOverlayMask__6e06b164", J = "lightBoxSideOverlayWrapper__
   children: _,
   className: M,
   focusTrapProps: l,
-  isLoading: a,
+  isLoading: s,
   loadingTitle: u,
   isTopLevelSideOverlayOpened: B,
   isTopOverlayOpened: z,
   onClose: c,
   onOpen: d,
   opened: i,
-  size: g = s.MD,
+  size: f = a.MD,
   ...D
 }) => {
-  const [o, v] = x(!1), [n, f] = x(!1), h = p(i), S = p(null);
+  const [o, g] = x(!1), [n, v] = x(!1), h = p(i), S = p(null);
   W(() => {
-    h.current && !i ? (f(!1), v(!0)) : !h.current && i && (v(!1), f(!0)), h.current = i;
+    h.current && !i ? (v(!1), g(!0)) : !h.current && i && (g(!1), v(!0)), h.current = i;
   }, [i]);
-  const k = (r) => {
-    const { target: N, currentTarget: b } = r;
-    N === b && (o ? (v(!1), c == null || c()) : n && (f(!1), d == null || d()));
-  }, H = ({ opened: r }) => /* @__PURE__ */ t(j, { opened: r, className: e.lightBoxSideOverlayMask }), L = () => /* @__PURE__ */ O(
+  const b = (r) => {
+    const { target: G, currentTarget: N } = r;
+    G === N && (o ? (g(!1), c == null || c()) : n && (v(!1), d == null || d()));
+  }, k = ({ opened: r }) => /* @__PURE__ */ t(j, { opened: r, className: e.lightBoxSideOverlayMask }), H = () => /* @__PURE__ */ O(
     "div",
     {
       className: m(e.lightBoxSideOverlayContent, {
@@ -50,33 +50,33 @@ const q = "lightBoxSideOverlayMask__6e06b164", J = "lightBoxSideOverlayWrapper__
         [e.opening]: n,
         [e.opened]: i
       }),
-      onTransitionEnd: k,
+      onTransitionEnd: b,
       ref: S,
       children: [
         _,
-        a && /* @__PURE__ */ t(I, { loadingTitle: u })
+        s && /* @__PURE__ */ t(I, { loadingTitle: u })
       ]
     }
-  ), w = () => {
-  }, E = m(M, e.lightBoxSideOverlayWrapper, {
+  ), L = () => {
+  }, w = m(M, e.lightBoxSideOverlayWrapper, {
     [e.closing]: o,
     [e.opened]: i,
-    [e.overflowXHidden]: !!B || !!a,
-    [e.overflowYHidden]: !!B || !!a || !!z,
-    [e.sizeSM]: g === s.SM,
-    [e.sizeMD]: g === s.MD,
-    [e.sizeLG]: g === s.LG
-  }), F = (r) => /* @__PURE__ */ O(C, { children: [
-    H(r),
-    L()
-  ] }), G = /* @__PURE__ */ t(
+    [e.overflowXHidden]: !!B || !!s,
+    [e.overflowYHidden]: !!B || !!s || !!z,
+    [e.sizeSM]: f === a.SM,
+    [e.sizeMD]: f === a.MD,
+    [e.sizeLG]: f === a.LG
+  }), E = (r) => /* @__PURE__ */ O(C, { children: [
+    k(r),
+    H()
+  ] }), F = /* @__PURE__ */ t(
     "div",
     {
       className: m(e.lightBoxSideOverlay, {
         [e.closing]: o,
         [e.opening]: n
       }),
-      children: /* @__PURE__ */ t(Y, { direction: R.RIGHT, opened: i, setOpened: w, children: F })
+      children: /* @__PURE__ */ t(Y, { direction: R.RIGHT, opened: i, setOpened: L, children: E })
     }
   );
   return /* @__PURE__ */ t(
@@ -90,7 +90,7 @@ const q = "lightBoxSideOverlayMask__6e06b164", J = "lightBoxSideOverlayWrapper__
         preventScroll: !0,
         ...l == null ? void 0 : l.focusTrapOptions
       },
-      children: /* @__PURE__ */ t("div", { className: E, role: "dialog", "aria-modal": "true", ...D, children: G })
+      children: /* @__PURE__ */ t("div", { className: w, role: "dialog", "aria-modal": "true", ...D, children: F })
     }
   );
 };

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseDesktop.js

@@ -2,12 +2,12 @@ import { jsx as e } from "react/jsx-runtime";
 import { useRef as s } from "react";
 import { TriggerClickOnKeyDownEvent as n } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EVENT_KEY_CODES as l } from "../../../utils/keyboard.js";
-import { c as p } from "../../../chunks/vendor-ClY57Zzq.js";
+import { c as p } from "../../../chunks/vendor-CwhnMZ7o.js";
 import { CrossStrokeSrvIcon32 as f } from "@sberbusiness/icons-next";
 import { EButtonTheme as a } from "../../Button/enums.js";
 import { EComponentSize as c } from "../../../enums/EComponentSize.js";
 import { Button as d } from "../../Button/Button.js";
-import { s as u } from "../../../chunks/LightBoxSideOverlayClose.module-CRGNy4wB.js";
+import { s as u } from "../../../chunks/LightBoxSideOverlayClose.module-DLin9oqm.js";
 const C = ({
   className: r,
   clickByEsc: m,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseMobile.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as r } from "../../../chunks/vendor-ClY57Zzq.js";
+import { c as r } from "../../../chunks/vendor-CwhnMZ7o.js";
 import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
-import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-CRGNy4wB.js";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-DLin9oqm.js";
 import { EButtonTheme as l } from "../../Button/enums.js";
 import { EComponentSize as s } from "../../../enums/EComponentSize.js";
 import { Button as a } from "../../Button/Button.js";

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayLoader.js

@@ -1,18 +1,18 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useState as s, useRef as d, useEffect as l } from "react";
-import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const n = "lightBoxSideOverlayLoaderWrapper__fd3e147c", c = {
+import { useState as s, useRef as l, useEffect as p } from "react";
+import { LoaderScreen as d } from "../../LoaderScreen/LoaderScreen.js";
+const n = "lightBoxSideOverlayLoaderWrapper__5ac695f3", c = {
   lightBoxSideOverlayLoaderWrapper: n
 }, f = ({ loadingTitle: a }) => {
-  const [t, r] = s(0), e = d(null);
-  return l(() => {
+  const [t, r] = s(0), e = l(null);
+  return p(() => {
     setTimeout(() => {
       if (e.current) {
         const o = e.current.getBoundingClientRect();
         o.top !== t && (o.top > 0 ? r(0) : r(Math.abs(o.top)));
       }
     });
-  }, []), /* @__PURE__ */ i("div", { ref: e, className: c.lightBoxSideOverlayLoaderWrapper, style: { top: `${t}px` }, children: /* @__PURE__ */ i(p, { type: "middle", children: a }) });
+  }, []), /* @__PURE__ */ i("div", { ref: e, className: c.lightBoxSideOverlayLoaderWrapper, style: { top: `${t}px` }, children: /* @__PURE__ */ i(d, { type: "middle", children: a }) });
 };
 f.displayName = "LightBoxSideOverlayLoader";
 export {

package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -1,13 +1,13 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as a } from "../../../chunks/vendor-ClY57Zzq.js";
-const d = "lightBoxLeftSidebar__56239157", l = "lightBoxLeftSidebarInner__e915d3a2", t = {
+import { c as o } from "../../../chunks/vendor-CwhnMZ7o.js";
+const d = "lightBoxLeftSidebar__37e11a18", l = "lightBoxLeftSidebarInner__db2d4a5b", t = {
   lightBoxLeftSidebar: d,
   lightBoxLeftSidebarInner: l
 }, s = ({
   children: i,
   className: r,
-  ...o
-}) => /* @__PURE__ */ e("div", { className: a(r, t.lightBoxLeftSidebar), ...o, children: /* @__PURE__ */ e("div", { className: t.lightBoxLeftSidebarInner, children: i }) });
+  ...a
+}) => /* @__PURE__ */ e("div", { className: o(r, t.lightBoxLeftSidebar), ...a, children: /* @__PURE__ */ e("div", { className: t.lightBoxLeftSidebarInner, children: i }) });
 s.displayName = "LightBoxLeftSidebar";
 export {
   s as LightBoxLeftSidebar

package/components/LightBox/LightBoxSidebars/LightBoxRightSidebar.js

@@ -1,15 +1,15 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as r } from "../../../chunks/vendor-ClY57Zzq.js";
-const o = "lightBoxRightSidebar__5b86cb30", a = "lightBoxRightSidebarInner__6f1100b5", t = {
-  lightBoxRightSidebar: o,
-  lightBoxRightSidebarInner: a
-}, d = ({
+import { c as g } from "../../../chunks/vendor-CwhnMZ7o.js";
+const r = "lightBoxRightSidebar__b175236b", o = "lightBoxRightSidebarInner__cbaa3ab3", t = {
+  lightBoxRightSidebar: r,
+  lightBoxRightSidebarInner: o
+}, b = ({
   children: h,
-  className: e,
-  ...g
-}) => /* @__PURE__ */ i("div", { className: r(e, t.lightBoxRightSidebar), ...g, children: /* @__PURE__ */ i("div", { className: t.lightBoxRightSidebarInner, children: h }) });
-d.displayName = "LightBoxRightSidebar";
+  className: a,
+  ...e
+}) => /* @__PURE__ */ i("div", { className: g(a, t.lightBoxRightSidebar), ...e, children: /* @__PURE__ */ i("div", { className: t.lightBoxRightSidebarInner, children: h }) });
+b.displayName = "LightBoxRightSidebar";
 export {
-  d as LightBoxRightSidebar
+  b as LightBoxRightSidebar
 };
 //# sourceMappingURL=LightBoxRightSidebar.js.map

package/components/LightBox/LightBoxViewManager/LightBoxViewManager.js

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as N } from "react/jsx-runtime";
 import { useState as m, useRef as L, useCallback as n, useLayoutEffect as c } from "react";
 import { Portal as B } from "../../Portal/Portal.js";
 import { LightBoxViewManagerConsts as l } from "./LightBoxViewManagerConsts.js";
-import { u as k, i as P, j as p } from "../../../chunks/vendor-ClY57Zzq.js";
+import { u as k, i as P, j as p } from "../../../chunks/vendor-CwhnMZ7o.js";
 const g = "LightBoxMountNodeViewManager", M = ({
   lightBoxMountNode: a,
   lightBoxViewManagerNode: x