@sberbusiness/triplex-next 1.31.0 → 1.33.0

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-82AnkPpo.js";
-import { s as o } from "../../../chunks/IslandWidgetHeader.module-BZIonIbn.js";
+import { c as d } from "../../../chunks/vendor-D5cfSbgz.js";
+import { s as o } from "../../../chunks/IslandWidgetHeader.module-CZL2t5u0.js";
 const n = ({
   children: e,
   className: t,

package/components/IslandWidget/components/IslandWidgetHeaderControls.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
-import { c as r } from "../../../chunks/vendor-82AnkPpo.js";
-import { s as n } from "../../../chunks/IslandWidgetHeader.module-BZIonIbn.js";
+import { c as r } from "../../../chunks/vendor-D5cfSbgz.js";
+import { s as n } from "../../../chunks/IslandWidgetHeader.module-CZL2t5u0.js";
 const d = ({
   children: s,
   className: o,

package/components/IslandWidget/components/IslandWidgetHeaderDescription.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as o } from "../../../chunks/vendor-82AnkPpo.js";
-import { s } from "../../../chunks/IslandWidgetHeader.module-BZIonIbn.js";
+import { c as o } from "../../../chunks/vendor-D5cfSbgz.js";
+import { s } from "../../../chunks/IslandWidgetHeader.module-CZL2t5u0.js";
 import { EFontType as m, ETextSize as p } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";

package/components/IslandWidget/components/IslandWidgetHeaderTitle.js

@@ -4,8 +4,8 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title as o } from "../../Typography/Title.js";
-import { s } from "../../../chunks/IslandWidgetHeader.module-BZIonIbn.js";
-import { c as a } from "../../../chunks/vendor-82AnkPpo.js";
+import { s } from "../../../chunks/IslandWidgetHeader.module-CZL2t5u0.js";
+import { c as a } from "../../../chunks/vendor-D5cfSbgz.js";
 const l = ({
   children: e,
   className: i,

package/components/IslandWidget/components/IslandWidgetWrapper.js

@@ -1,17 +1,17 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import i, { useState as p } from "react";
-import { c as l } from "../../../chunks/vendor-82AnkPpo.js";
+import { c as l } from "../../../chunks/vendor-D5cfSbgz.js";
 import { IslandWidgetLayoutContext as n } from "../IslandWidgetLayoutContext.js";
-const W = "islandWidgetWrapper__3495926f", m = {
+const W = "islandWidgetWrapper__796cb4e0", c = {
   islandWidgetWrapper: W
-}, c = i.forwardRef(
-  ({ children: e, className: t, ...a }, s) => {
+}, m = i.forwardRef(
+  ({ children: r, className: t, ...a }, s) => {
     const [o, d] = p(!1);
-    return /* @__PURE__ */ r(n.Provider, { value: { hasExtraFooter: o, setHasExtraFooter: d }, children: /* @__PURE__ */ r("div", { className: l(m.islandWidgetWrapper, t), ...a, ref: s, children: e }) });
+    return /* @__PURE__ */ e(n.Provider, { value: { hasExtraFooter: o, setHasExtraFooter: d }, children: /* @__PURE__ */ e("div", { className: l(c.islandWidgetWrapper, t), ...a, ref: s, children: r }) });
   }
 );
-c.displayName = "IslandWidgetWrapper";
+m.displayName = "IslandWidgetWrapper";
 export {
-  c as IslandWidgetWrapper
+  m as IslandWidgetWrapper
 };
 //# sourceMappingURL=IslandWidgetWrapper.js.map

package/components/LightBox/LightBox.js

@@ -1,113 +1,104 @@
-import { jsxs as f, Fragment as V, jsx as o } from "react/jsx-runtime";
-import { useRef as n, useEffect as x } from "react";
-import { c as A, g as D } from "../../chunks/vendor-82AnkPpo.js";
-import { L as F, s as e } from "../../chunks/LightBoxContent-Cr4psg0Z.js";
-import { LightBoxControls as I } from "./LightBoxControls/LightBoxControls.js";
+import { jsxs as x, Fragment as A, jsx as o } from "react/jsx-runtime";
+import { useRef as n, useEffect as f } from "react";
+import { c as D } from "../../chunks/vendor-D5cfSbgz.js";
+import { Portal as F } from "../Portal/Portal.js";
+import { FocusTrapExtended as I } from "../FocusTrapExtended/FocusTrapExtended.js";
+import { L as R, s as e } from "../../chunks/LightBoxContent-Dzx47lKv.js";
+import { LightBoxControls as V } from "./LightBoxControls/LightBoxControls.js";
 import { LightBoxSideOverlay as T } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
-import { Portal as k } from "../Portal/Portal.js";
 import { addClassNameWithScrollbarWidth as j } from "../../utils/scroll/scrollbar.js";
-import { TopOverlay as q } from "../TopOverlay/TopOverlay.js";
-import { LightBoxViewManager as z } from "./LightBoxViewManager/LightBoxViewManager.js";
-import { MobileView as W } from "../MobileView/MobileView.js";
-import { FocusTrapUtils as $ } from "../../utils/focus/FocusTrapUtils.js";
-import { useToken as H } from "../ThemeProvider/useToken.js";
-import { LightBoxLeftSidebar as U } from "./LightBoxSidebars/LightBoxLeftSidebar.js";
-import { LightBoxRightSidebar as Z } from "./LightBoxSidebars/LightBoxRightSidebar.js";
-import { ELightBoxSize as G } from "./enums.js";
-const J = {
-  "scroll-0": "scroll-0__65371711",
-  "scroll-15": "scroll-15__8d4d8583",
-  "scroll-16": "scroll-16__8d9c1ae7",
-  "scroll-17": "scroll-17__f34335c6"
+import { TopOverlay as k } from "../TopOverlay/TopOverlay.js";
+import { LightBoxViewManager as q } from "./LightBoxViewManager/LightBoxViewManager.js";
+import { FocusTrapUtils as z } from "../../utils/focus/FocusTrapUtils.js";
+import { useToken as W } from "../ThemeProvider/useToken.js";
+import { LightBoxLeftSidebar as $ } from "./LightBoxSidebars/LightBoxLeftSidebar.js";
+import { LightBoxRightSidebar as H } from "./LightBoxSidebars/LightBoxRightSidebar.js";
+import { ELightBoxSize as U } from "./enums.js";
+const Z = {
+  "scroll-0": "scroll-0__2937070a",
+  "scroll-15": "scroll-15__4a86ac22",
+  "scroll-16": "scroll-16__10b49afc",
+  "scroll-17": "scroll-17__7a72de1c"
 }, B = "LightBox-next-mount-node", p = "LightBox-next-view-manager-node", L = [e.bodyOverflowHidden], N = ({
   children: M,
-  className: b,
+  className: v,
   focusTrapProps: r,
   forwardRef: c,
   mountNode: s,
   lightBoxViewManagerNodeId: m = p,
-  isLoading: v,
+  isLoading: d,
   isSideOverlayOpened: i,
   isTopOverlayOpened: y,
-  size: S = G.MD,
-  ...E
+  size: b = U.MD,
+  ...S
 }) => {
-  const l = n(null), d = n(null), { scopeClassName: C } = H(), w = () => {
+  const l = n(null), u = n(null), { scopeClassName: E } = W(), C = () => {
     let t = null;
     return s ? t = s : (t = document.querySelector(`#${B}`), t || (t = document.createElement("div"), t.setAttribute("id", B), document.body.appendChild(t))), t;
   }, _ = () => {
     let t = null;
     return m && (t = document.querySelector(`#${m}`)), t || (t = document.createElement("div"), t.setAttribute("id", p), document.body.appendChild(t)), t;
-  }, a = n(w()), u = n(_()), g = () => {
+  }, a = n(C()), g = n(_()), h = () => {
     L.forEach((t) => document.documentElement.classList.add(t));
   };
-  x(() => (j(J), g(), setTimeout(g, 100), () => L.forEach((t) => document.documentElement.classList.remove(t))), []), x(() => {
+  if (f(() => (j(Z), h(), setTimeout(h, 100), () => L.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 O = (t) => {
-    d.current = t, c && (c.current = t);
-  }, R = A(
-    C,
+  }, [i]), !a.current)
+    return null;
+  const w = (t) => {
+    u.current = t, c && (c.current = t);
+  }, O = D(
+    E,
     e.lightBox,
-    e[S],
+    e[b],
     {
-      [e.isLoading]: !!v,
+      [e.isLoading]: !!d,
       [e.lightBoxSideOverlayActive]: !!i,
       [e.lightBoxTopOverlayActive]: !!y
     },
-    b
+    v
   );
-  if (!a.current)
-    return null;
-  const h = () => /* @__PURE__ */ f("div", { className: R, ref: O, role: "dialog", "aria-modal": "true", ...E, children: [
-    /* @__PURE__ */ o("div", { className: e.lightBoxBackdrop }),
-    M,
-    /* @__PURE__ */ o("span", { ref: l, className: e.tempElSafariBug })
-  ] });
-  return /* @__PURE__ */ f(V, { children: [
-    /* @__PURE__ */ o(k, { container: a.current, children: /* @__PURE__ */ o(
-      W,
+  return /* @__PURE__ */ x(A, { children: [
+    /* @__PURE__ */ o(F, { container: a.current, children: /* @__PURE__ */ o(
+      I,
       {
-        fallback: /* @__PURE__ */ o(
-          D.FocusTrap,
-          {
-            active: !1,
-            ...r,
-            focusTrapOptions: {
-              allowOutsideClick: !0,
-              initialFocus: () => $.getFirstInteractionElementByDataAttr(d.current),
-              preventScroll: !0,
-              ...r == null ? void 0 : r.focusTrapOptions
-            },
-            children: h()
-          }
-        ),
-        children: h()
+        active: !d,
+        ...r,
+        focusTrapOptions: {
+          initialFocus: () => z.getFirstInteractionElementByDataAttr(u.current),
+          preventScroll: !0,
+          ...r == null ? void 0 : r.focusTrapOptions
+        },
+        children: /* @__PURE__ */ x("div", { className: O, role: "dialog", "aria-modal": "true", ...S, ref: w, children: [
+          /* @__PURE__ */ o("div", { className: e.lightBoxBackdrop }),
+          M,
+          /* @__PURE__ */ o("span", { ref: l, className: e.tempElSafariBug })
+        ] })
       }
     ) }),
-    u.current && /* @__PURE__ */ o(
-      z,
+    g.current && /* @__PURE__ */ o(
+      q,
       {
-        lightBoxViewManagerNode: u.current,
+        lightBoxViewManagerNode: g.current,
         lightBoxMountNode: a.current
       }
     )
   ] });
 };
 N.displayName = "LightBoxBase";
-const dt = Object.assign(N, {
-  Content: F,
+const st = Object.assign(N, {
+  Content: R,
   SideOverlay: T,
-  TopOverlay: q,
-  Controls: I,
-  LeftSidebar: U,
-  RightSidebar: Z
+  TopOverlay: k,
+  Controls: V,
+  LeftSidebar: $,
+  RightSidebar: H
 });
 export {
-  dt as LightBox,
+  st as LightBox,
   B as lightBoxMountNodeIdDefault,
   p as lightBoxViewManagerNodeIdDefault
 };

package/components/LightBox/LightBoxContent.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
 import "../WindowResizeListener/WindowResizeListener.js";
-import "../../chunks/vendor-82AnkPpo.js";
+import "../../chunks/vendor-D5cfSbgz.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L as n } from "../../chunks/LightBoxContent-Cr4psg0Z.js";
+import { L as n } from "../../chunks/LightBoxContent-Dzx47lKv.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-82AnkPpo.js";
+import { c as u } from "../../../chunks/vendor-D5cfSbgz.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-BT6tQ7Ue.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-RG62wDXb.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-82AnkPpo.js";
-import { s as p } from "../../../chunks/LightBoxControls.module-BT6tQ7Ue.js";
+import { c as e } from "../../../chunks/vendor-D5cfSbgz.js";
+import { s as p } from "../../../chunks/LightBoxControls.module-RG62wDXb.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-82AnkPpo.js";
+import { c as n } from "../../../chunks/vendor-D5cfSbgz.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-BT6tQ7Ue.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-RG62wDXb.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-82AnkPpo.js";
+import { c as n } from "../../../chunks/vendor-D5cfSbgz.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-BT6tQ7Ue.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-RG62wDXb.js";
 const N = ({
   className: u,
   clickByArrowLeft: x,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -1,108 +1,116 @@
-import { jsx as t, jsxs as B, Fragment as X } from "react/jsx-runtime";
-import { useState as O, useRef as x, useEffect as Y } from "react";
-import { c as f, F as z } from "../../../chunks/vendor-82AnkPpo.js";
-import { OverlayBase as L, EOverlayDirection as R } from "../../Overlay/OverlayBase.js";
-import { OverlayMask as j } from "../../Overlay/OverlayMask.js";
+import { jsx as t, jsxs as h, Fragment as W } from "react/jsx-runtime";
+import L, { useState as p, useRef as y, useEffect as T } from "react";
+import { c as m } from "../../../chunks/vendor-D5cfSbgz.js";
+import { FocusTrapExtended as X } from "../../FocusTrapExtended/FocusTrapExtended.js";
+import { OverlayBase as Y, EOverlayDirection as j } from "../../Overlay/OverlayBase.js";
+import { OverlayMask as z } from "../../Overlay/OverlayMask.js";
 import { LightBoxSideOverlayLoader as I } from "./LightBoxSideOverlayLoader.js";
 import { FocusTrapUtils as A } from "../../../utils/focus/FocusTrapUtils.js";
 import { LightBoxSideOverlayCloseMobile as G } from "./LightBoxSideOverlayCloseMobile.js";
 import { LightBoxSideOverlayCloseDesktop as U } from "./LightBoxSideOverlayCloseDesktop.js";
-import { MobileView as V } from "../../MobileView/MobileView.js";
 import { EComponentSize as q } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as J } from "../../../utils/classNameMaps.js";
-const K = "lightBoxSideOverlayMask__de3736d0", Q = "lightBoxSideOverlayWrapper__f96be3f9", Z = "overflowXHidden__07d98732", $ = "overflowYHidden__35948d2d", P = "closing__197e2d2c", ee = "opened__7e31fa56", oe = "lightBoxSideOverlayContent__3611ded6", te = "opening__8420639d", ie = "sm__76f002ba", re = "md__5931a744", le = "lg__f4938d18", ne = "lightBoxSideOverlay__fa561877", e = {
+const K = "lightBoxSideOverlayMask__0d208521", Q = "lightBoxSideOverlayWrapper__7f53027a", V = "overflowXHidden__1740ffe0", Z = "overflowYHidden__7c37c684", $ = "closing__2b22c7c4", P = "opened__a9fe69fe", ee = "lightBoxSideOverlayContent__d76675e7", oe = "opening__3141af52", te = "sm__8d70cd9c", ie = "md__79979f22", re = "lg__c0135f2f", le = "lightBoxSideOverlay__b5afe751", e = {
   lightBoxSideOverlayMask: K,
   lightBoxSideOverlayWrapper: Q,
-  overflowXHidden: Z,
-  overflowYHidden: $,
-  closing: P,
-  opened: ee,
-  lightBoxSideOverlayContent: oe,
-  opening: te,
-  sm: ie,
-  md: re,
-  lg: le,
-  lightBoxSideOverlay: ne
-}, ae = J(e), v = ({
-  children: S,
-  className: _,
-  focusTrapProps: r,
-  isLoading: n,
-  loadingTitle: u,
-  isTopLevelSideOverlayOpened: p,
-  isTopOverlayOpened: M,
-  onClose: a,
-  onOpen: s,
-  opened: o,
-  size: k = q.MD,
-  ...w
-}) => {
-  const [l, d] = O(!1), [c, g] = O(!1), m = x(o), h = x(null);
-  Y(() => {
-    m.current && !o ? (g(!1), d(!0)) : !m.current && o && (d(!1), g(!0)), m.current = o;
-  }, [o]);
-  const C = (i) => {
-    const { target: D, currentTarget: T } = i;
-    D === T && (l ? (d(!1), a == null || a()) : c && (g(!1), s == null || s()));
-  }, H = ({ opened: i }) => /* @__PURE__ */ t(j, { opened: i, className: e.lightBoxSideOverlayMask }), N = () => /* @__PURE__ */ B(
-    "div",
-    {
-      className: f(e.lightBoxSideOverlayContent, {
-        [e.closing]: l,
-        [e.opening]: c,
-        [e.opened]: o
-      }),
-      onTransitionEnd: C,
-      ref: h,
-      children: [
-        S,
-        n && /* @__PURE__ */ t(I, { loadingTitle: u })
-      ]
-    }
-  ), b = () => {
-  }, E = f(_, e.lightBoxSideOverlayWrapper, ae[k], {
-    [e.closing]: l,
-    [e.opened]: o,
-    [e.overflowXHidden]: !!p || !!n,
-    [e.overflowYHidden]: !!p || !!n || !!M
-  }), F = (i) => /* @__PURE__ */ B(X, { children: [
-    H(i),
-    N()
-  ] }), W = /* @__PURE__ */ t(
-    "div",
-    {
-      className: f(e.lightBoxSideOverlay, {
-        [e.closing]: l,
-        [e.opening]: c
-      }),
-      children: /* @__PURE__ */ t(L, { direction: R.RIGHT, opened: o, setOpened: b, children: F })
-    }
-  ), y = () => /* @__PURE__ */ t("div", { className: E, role: "dialog", "aria-modal": "true", ...w, children: W });
-  return /* @__PURE__ */ t(
-    V,
-    {
-      fallback: /* @__PURE__ */ t(
-        z,
-        {
-          active: !1,
-          ...r,
-          focusTrapOptions: {
-            allowOutsideClick: !0,
-            initialFocus: () => A.getFirstInteractionElementByDataAttr(h.current),
-            preventScroll: !0,
-            ...r == null ? void 0 : r.focusTrapOptions
-          },
-          children: y()
-        }
-      ),
-      children: y()
-    }
-  );
-};
-v.displayName = "LightBoxSideOverlay";
-v.CloseDesktop = U;
-v.CloseMobile = G;
+  overflowXHidden: V,
+  overflowYHidden: Z,
+  closing: $,
+  opened: P,
+  lightBoxSideOverlayContent: ee,
+  opening: oe,
+  sm: te,
+  md: ie,
+  lg: re,
+  lightBoxSideOverlay: le
+}, ne = J(e), O = L.forwardRef(
+  ({
+    children: x,
+    className: _,
+    focusTrapProps: l,
+    isLoading: a,
+    loadingTitle: S,
+    isTopLevelSideOverlayOpened: v,
+    isTopOverlayOpened: u,
+    onClose: s,
+    onOpen: c,
+    opened: o,
+    size: M = q.MD,
+    ...w
+  }, k) => {
+    const [i, d] = p(!1), [n, f] = p(!1), g = y(o), B = y(null);
+    T(() => {
+      g.current && !o ? (f(!1), d(!0)) : !g.current && o && (d(!1), f(!0)), g.current = o;
+    }, [o]);
+    const C = (r) => {
+      const { target: F, currentTarget: R } = r;
+      F === R && (i ? (d(!1), s == null || s()) : n && (f(!1), c == null || c()));
+    }, H = ({ opened: r }) => /* @__PURE__ */ t(z, { opened: r, className: e.lightBoxSideOverlayMask }), N = () => /* @__PURE__ */ h(
+      "div",
+      {
+        className: m(e.lightBoxSideOverlayContent, {
+          [e.closing]: i,
+          [e.opening]: n,
+          [e.opened]: o
+        }),
+        onTransitionEnd: C,
+        ref: B,
+        children: [
+          x,
+          a && /* @__PURE__ */ t(I, { loadingTitle: S })
+        ]
+      }
+    ), E = () => {
+    }, b = m(_, e.lightBoxSideOverlayWrapper, ne[M], {
+      [e.closing]: i,
+      [e.opened]: o,
+      [e.overflowXHidden]: !!v || !!a,
+      [e.overflowYHidden]: !!v || !!a || !!u
+    }), D = (r) => /* @__PURE__ */ h(W, { children: [
+      H(r),
+      N()
+    ] });
+    return /* @__PURE__ */ t(
+      X,
+      {
+        active: o && !n && !i,
+        ...l,
+        focusTrapOptions: {
+          allowOutsideClick: !0,
+          initialFocus: () => A.getFirstInteractionElementByDataAttr(B.current),
+          preventScroll: !0,
+          ...l == null ? void 0 : l.focusTrapOptions
+        },
+        children: /* @__PURE__ */ t(
+          "div",
+          {
+            className: b,
+            role: "dialog",
+            "aria-modal": "true",
+            ...w,
+            ref: k,
+            children: /* @__PURE__ */ t(
+              "div",
+              {
+                className: m(e.lightBoxSideOverlay, {
+                  [e.closing]: i,
+                  [e.opening]: n
+                }),
+                children: /* @__PURE__ */ t(Y, { direction: j.RIGHT, opened: o, setOpened: E, children: D })
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+O.displayName = "LightBoxSideOverlay";
+const Oe = Object.assign(O, {
+  CloseDesktop: U,
+  CloseMobile: G
+});
 export {
-  v as LightBoxSideOverlay
+  Oe as LightBoxSideOverlay
 };
 //# sourceMappingURL=LightBoxSideOverlay.js.map

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseDesktop.js

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

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-82AnkPpo.js";
+import { c as r } from "../../../chunks/vendor-D5cfSbgz.js";
 import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
-import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-dV9DEtmo.js";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-B7Fno0cK.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,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useState as s, useRef as l, useEffect as p } from "react";
 import { LoaderScreen as d } from "../../LoaderScreen/LoaderScreen.js";
-const n = "lightBoxSideOverlayLoaderWrapper__473f4e3b", c = {
+const n = "lightBoxSideOverlayLoaderWrapper__9b3cca75", c = {
   lightBoxSideOverlayLoaderWrapper: n
 }, f = ({ loadingTitle: a }) => {
   const [t, r] = s(0), e = l(null);

package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -1,15 +1,15 @@
 import { jsx as x } from "react/jsx-runtime";
-import { forwardRef as N, useRef as o, useImperativeHandle as R, useState as V, useEffect as b } from "react";
-import { c as h } from "../../../chunks/vendor-82AnkPpo.js";
-const j = "lightBoxLeftSidebar__cba86a7d", z = "fixed__e1773171", E = "hidden__6c88ea0e", r = {
+import { forwardRef as N, useRef as d, useImperativeHandle as R, useState as V, useEffect as b } from "react";
+import { c as h } from "../../../chunks/vendor-D5cfSbgz.js";
+const j = "lightBoxLeftSidebar__f590f7ab", z = "fixed__637dddc3", E = "hidden__056645ae", r = {
   lightBoxLeftSidebar: j,
   fixed: z,
   hidden: E
 }, O = N(
-  ({ children: m, className: L, fixed: B, minVisibleWidth: d = 100, onShow: s, onHide: i, ...g }, p) => {
-    const n = o(null);
+  ({ children: m, className: L, fixed: B, minVisibleWidth: o = 100, onShow: s, onHide: i, ...g }, p) => {
+    const n = d(null);
     R(p, () => n.current);
-    const [v, _] = V(!0), e = o(s), t = o(i);
+    const [v, _] = V(!0), e = d(s), t = d(i);
     return b(() => {
       e.current = s, t.current = i;
     }, [s, i]), b(() => {
@@ -17,7 +17,7 @@ const j = "lightBoxLeftSidebar__cba86a7d", z = "fixed__e1773171", E = "hidden__6
       if (!f) return;
       const a = new ResizeObserver((S) => {
         for (const y of S) {
-          const c = y.contentRect.width > d;
+          const c = y.contentRect.width > o;
           _((I) => {
             var l, u;
             return c !== I && (c ? (l = e.current) == null || l.call(e) : (u = t.current) == null || u.call(t)), c;
@@ -25,7 +25,7 @@ const j = "lightBoxLeftSidebar__cba86a7d", z = "fixed__e1773171", E = "hidden__6
         }
       });
       return a.observe(f), () => a.disconnect();
-    }, [d]), /* @__PURE__ */ x(
+    }, [o]), /* @__PURE__ */ x(
       "div",
       {
         ref: n,