@sberbusiness/triplex-next 1.6.0 → 1.7.0

package/components/IslandWidget/IslandWidget.js

@@ -0,0 +1,51 @@
+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 "../Island/components/IslandBody.js";
+import "../Island/components/IslandHeader.js";
+import "../Island/components/IslandFooter.js";
+import { IslandWidgetHeader as f } 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-D3hUOusX.js";
+import { IslandWidgetContext as h } from "./IslandWidgetContext.js";
+const _ = "islandWidget__84ef8d42", y = "islandWidgetWithExtraFooter__bdba8254", o = {
+  islandWidget: _,
+  islandWidgetWithExtraFooter: y
+}, u = Object.assign(
+  l.forwardRef(
+    ({ className: i, renderBody: r, renderFooter: t, renderHeader: e, ...d }, a) => {
+      const { hasExtraFooter: s } = p(h);
+      return /* @__PURE__ */ n(
+        "div",
+        {
+          className: F(o.islandWidget, i, {
+            [o.islandWidgetWithExtraFooter]: s
+          }),
+          "data-tx": "1.7.0",
+          ...d,
+          ref: a,
+          children: /* @__PURE__ */ m(W, { type: g.TYPE_1, size: I.MD, children: [
+            e({}),
+            r({}),
+            t ? t({}) : null
+          ] })
+        }
+      );
+    }
+  ),
+  {
+    Header: f,
+    Body: x,
+    Footer: c,
+    ExtraFooter: E
+  }
+);
+u.displayName = "IslandWidget";
+export {
+  u as IslandWidget
+};
+//# sourceMappingURL=IslandWidget.js.map

package/components/IslandWidget/IslandWidgetContext.js

@@ -0,0 +1,10 @@
+import t from "react";
+const e = {
+  hasExtraFooter: !1,
+  setHasExtraFooter: () => {
+  }
+}, a = t.createContext(e);
+export {
+  a as IslandWidgetContext
+};
+//# sourceMappingURL=IslandWidgetContext.js.map

package/components/IslandWidget/components/IslandWidgetBody.js

@@ -0,0 +1,7 @@
+import { jsx as t } from "react/jsx-runtime";
+const e = ({ children: d, ...o }) => /* @__PURE__ */ t("div", { ...o, children: d });
+e.displayName = "IslandWidgetBody";
+export {
+  e as IslandWidgetBody
+};
+//# sourceMappingURL=IslandWidgetBody.js.map

package/components/IslandWidget/components/IslandWidgetExtraFooter.js

@@ -0,0 +1,23 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useContext as d, useEffect as i } from "react";
+import { c as n } from "../../../chunks/vendor-D3hUOusX.js";
+import { ExpandAnimation as x } from "../../ExpandAnimation/ExpandAnimation.js";
+import { IslandWidgetContext as l } from "../IslandWidgetContext.js";
+const m = "islandWidgetExtraFooter__1d07466a", c = {
+  islandWidgetExtraFooter: m
+}, E = ({
+  children: r,
+  className: e,
+  open: t = !1,
+  ...a
+}) => {
+  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 }) });
+};
+E.displayName = "IslandWidgetExtraFooter";
+export {
+  E as IslandWidgetExtraFooter
+};
+//# sourceMappingURL=IslandWidgetExtraFooter.js.map

package/components/IslandWidget/components/IslandWidgetFooter.js

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as i } from "../../../chunks/vendor-D3hUOusX.js";
+import { s as n } from "../../../chunks/IslandWidgetFooter.module-qNMIN4zr.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 });
+o.Content = d;
+o.Controls = m;
+o.displayName = "IslandWidgetFooter";
+export {
+  o as IslandWidgetFooter
+};
+//# sourceMappingURL=IslandWidgetFooter.js.map

package/components/IslandWidget/components/IslandWidgetFooterContent.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+import { s } from "../../../chunks/IslandWidgetFooter.module-qNMIN4zr.js";
+const n = ({
+  children: t,
+  ...o
+}) => /* @__PURE__ */ e("div", { ...o, className: s.islandWidgetFooterContent, children: t });
+n.displayName = "IslandWidgetFooterContent";
+export {
+  n as IslandWidgetFooterContent
+};
+//# sourceMappingURL=IslandWidgetFooterContent.js.map

package/components/IslandWidget/components/IslandWidgetFooterControls.js

@@ -0,0 +1,11 @@
+import { jsx as t } from "react/jsx-runtime";
+import { s as r } from "../../../chunks/IslandWidgetFooter.module-qNMIN4zr.js";
+const e = ({
+  children: o,
+  ...s
+}) => /* @__PURE__ */ t("div", { ...s, className: r.islandWidgetFooterControls, children: o });
+e.displayName = "IslandWidgetFooterControls";
+export {
+  e as IslandWidgetFooterControls
+};
+//# sourceMappingURL=IslandWidgetFooterControls.js.map

package/components/IslandWidget/components/IslandWidgetHeader.js

@@ -0,0 +1,13 @@
+import { jsx as d } from "react/jsx-runtime";
+import { c as i } from "../../../chunks/vendor-D3hUOusX.js";
+import { s as a } from "../../../chunks/IslandWidgetHeader.module-DUf_HV96.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 });
+e.Content = o;
+e.Description = m;
+e.displayName = "IslandWidgetHeader";
+export {
+  e as IslandWidgetHeader
+};
+//# sourceMappingURL=IslandWidgetHeader.js.map

package/components/IslandWidget/components/IslandWidgetHeaderContent.js

@@ -0,0 +1,13 @@
+import { jsx as a } from "react/jsx-runtime";
+import { c as d } from "../../../chunks/vendor-D3hUOusX.js";
+import { s as o } from "../../../chunks/IslandWidgetHeader.module-DUf_HV96.js";
+const n = ({
+  children: e,
+  className: t,
+  ...s
+}) => /* @__PURE__ */ a("div", { ...s, className: d(o.islandWidgetHeaderContent, t), children: e });
+n.displayName = "IslandWidgetHeaderContent";
+export {
+  n as IslandWidgetHeaderContent
+};
+//# sourceMappingURL=IslandWidgetHeaderContent.js.map

package/components/IslandWidget/components/IslandWidgetHeaderDescription.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as a } from "../../../chunks/vendor-D3hUOusX.js";
+import { s as t } from "../../../chunks/IslandWidgetHeader.module-DUf_HV96.js";
+const d = ({
+  children: s,
+  className: e,
+  ...i
+}) => /* @__PURE__ */ r("div", { ...i, className: a(t.islandWidgetHeaderDescription, e), children: s });
+d.displayName = "IslandWidgetHeaderDescription";
+export {
+  d as IslandWidgetHeaderDescription
+};
+//# sourceMappingURL=IslandWidgetHeaderDescription.js.map

package/components/IslandWidget/components/IslandWidgetWrapper.js

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

package/components/IslandWidget/components/index.js

@@ -0,0 +1,15 @@
+import { IslandWidgetHeader as o } from "./IslandWidgetHeader.js";
+import { IslandWidgetHeaderContent as t } from "./IslandWidgetHeaderContent.js";
+import { IslandWidgetHeaderDescription as n } from "./IslandWidgetHeaderDescription.js";
+import { IslandWidgetBody as i } from "./IslandWidgetBody.js";
+import { IslandWidgetFooter as W } from "./IslandWidgetFooter.js";
+import { IslandWidgetWrapper as g } from "./IslandWidgetWrapper.js";
+export {
+  i as IslandWidgetBody,
+  W as IslandWidgetFooter,
+  o as IslandWidgetHeader,
+  t as IslandWidgetHeaderContent,
+  n as IslandWidgetHeaderDescription,
+  g as IslandWidgetWrapper
+};
+//# sourceMappingURL=index.js.map

package/components/IslandWidget/index.js

@@ -0,0 +1,17 @@
+import { IslandWidget as o } from "./IslandWidget.js";
+import { IslandWidgetHeader as t } from "./components/IslandWidgetHeader.js";
+import { IslandWidgetHeaderContent as n } from "./components/IslandWidgetHeaderContent.js";
+import { IslandWidgetHeaderDescription as i } from "./components/IslandWidgetHeaderDescription.js";
+import { IslandWidgetBody as W } from "./components/IslandWidgetBody.js";
+import { IslandWidgetFooter as g } from "./components/IslandWidgetFooter.js";
+import { IslandWidgetWrapper as m } from "./components/IslandWidgetWrapper.js";
+export {
+  o as IslandWidget,
+  W as IslandWidgetBody,
+  g as IslandWidgetFooter,
+  t as IslandWidgetHeader,
+  n as IslandWidgetHeaderContent,
+  i as IslandWidgetHeaderDescription,
+  m as IslandWidgetWrapper
+};
+//# sourceMappingURL=index.js.map

package/components/LightBox/LightBox.js

@@ -1,7 +1,7 @@
 import { jsxs as B, Fragment as T, jsx as o } from "react/jsx-runtime";
 import { useRef as l, useEffect as p } from "react";
 import { c as V, h as A } from "../../chunks/vendor-D3hUOusX.js";
-import { s as e, L as D } from "../../chunks/LightBoxContent-BjsBFl6W.js";
+import { s as e, L as D } from "../../chunks/LightBoxContent--MHZ9Gkl.js";
 import { LightBoxControls as F } from "./LightBoxControls/LightBoxControls.js";
 import { LightBoxSideOverlay as I } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
 import { Portal as k } from "../Portal/Portal.js";
@@ -11,29 +11,30 @@ import { LightBoxViewManager as q } from "./LightBoxViewManager/LightBoxViewMana
 import { MobileView as W } from "../MobileView/MobileView.js";
 import { FocusTrapUtils as $ } from "../../utils/focus/FocusTrapUtils.js";
 import { useToken as z } from "../ThemeProvider/useToken.js";
+import "./LightBoxSideOverlay/enums.js";
 const H = {
-  "scroll-0": "scroll-0__56169442",
-  "scroll-15": "scroll-15__eedc4b43",
-  "scroll-16": "scroll-16__6677d423",
-  "scroll-17": "scroll-17__d4f15475"
+  "scroll-0": "scroll-0__7592a834",
+  "scroll-15": "scroll-15__99297a23",
+  "scroll-16": "scroll-16__c702f447",
+  "scroll-17": "scroll-17__7c345f62"
 }, N = "LightBox-next-mount-node", v = "LightBox-next-view-manager-node", L = [e.bodyOverflowHidden], r = ({
   children: y,
   className: M,
   focusTrapProps: n,
   forwardRef: s,
-  mountNode: d,
-  lightBoxViewManagerNodeId: m = v,
+  mountNode: m,
+  lightBoxViewManagerNodeId: d = v,
   isLoading: u,
   isSideOverlayOpened: i,
   isTopOverlayOpened: E,
-  ...b
+  ...C
 }) => {
-  const c = l(null), h = l(null), { scopeClassName: C } = z(), S = () => {
+  const c = l(null), h = l(null), { scopeClassName: b } = z(), S = () => {
     let t = null;
-    return d ? t = d : (t = document.querySelector(`#${N}`), t || (t = document.createElement("div"), t.setAttribute("id", N), document.body.appendChild(t))), t;
+    return m ? t = m : (t = document.querySelector(`#${N}`), t || (t = document.createElement("div"), t.setAttribute("id", N), document.body.appendChild(t))), t;
   }, _ = () => {
     let t = null;
-    return m && (t = document.querySelector(`#${m}`)), t || (t = document.createElement("div"), t.setAttribute("id", v), document.body.appendChild(t)), t;
+    return d && (t = document.querySelector(`#${d}`)), t || (t = document.createElement("div"), t.setAttribute("id", v), document.body.appendChild(t)), t;
   }, a = l(S()), g = l(_()), x = () => {
     L.forEach((t) => document.documentElement.classList.add(t));
   };
@@ -46,7 +47,7 @@ const H = {
   const w = (t) => {
     h.current = t, s && (s.current = t);
   }, O = V(
-    C,
+    b,
     e.lightBox,
     {
       [e.isLoading]: !!u,
@@ -57,7 +58,7 @@ const H = {
   );
   if (!a.current)
     return null;
-  const f = () => /* @__PURE__ */ B("div", { className: O, ref: w, role: "dialog", "aria-modal": "true", ...b, children: [
+  const f = () => /* @__PURE__ */ B("div", { className: O, ref: w, role: "dialog", "aria-modal": "true", ...C, children: [
     /* @__PURE__ */ o("div", { className: e.lightBoxBackdrop }),
     y,
     /* @__PURE__ */ o("span", { ref: c, className: e.tempElSafariBug })

package/components/LightBox/LightBoxContent.js

@@ -3,7 +3,7 @@ import "react";
 import "../WindowResizeListener/WindowResizeListener.js";
 import "../../chunks/vendor-D3hUOusX.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L as n } from "../../chunks/LightBoxContent-BjsBFl6W.js";
+import { L as n } from "../../chunks/LightBoxContent--MHZ9Gkl.js";
 export {
   n as LightBoxContent
 };

package/components/LightBox/LightBoxControls/LightBoxClose.js

@@ -7,7 +7,7 @@ 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-BHw6I5-d.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-C3_q74nl.js";
 const N = ({
   className: c,
   onClick: t,

package/components/LightBox/LightBoxControls/LightBoxControls.js

@@ -3,7 +3,7 @@ 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-D3hUOusX.js";
-import { s as p } from "../../../chunks/LightBoxControls.module-BHw6I5-d.js";
+import { s as p } from "../../../chunks/LightBoxControls.module-C3_q74nl.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

@@ -7,7 +7,7 @@ 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-BHw6I5-d.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-C3_q74nl.js";
 const v = ({
   className: g,
   clickByArrowRight: u,

package/components/LightBox/LightBoxControls/LightBoxPrev.js

@@ -7,7 +7,7 @@ import { TriggerClickOnKeyDownEvent as C } from "../../Triggers/TriggerClickOnKe
 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-BHw6I5-d.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-C3_q74nl.js";
 const N = ({
   className: u,
   clickByArrowLeft: x,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -1,106 +1,103 @@
-import { jsx as i, jsxs as B, Fragment as W } from "react/jsx-runtime";
-import { useState as O, useRef as x, useEffect as L } from "react";
-import { c as _, F as X } from "../../../chunks/vendor-D3hUOusX.js";
+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-D3hUOusX.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";
-const q = "lightBoxSideOverlayMask__37ecee17", E = "lightBoxSideOverlayWrapper__e5cb1c20", J = "overflowXHidden__974deff4", K = "overflowYHidden__40529122", Q = "closing__fa78239d", V = "opened__9cb2da88", Z = "lightBoxSideOverlayContent__840bb60f", $ = "opening__37a3b80a", P = "sizeSM__83fdfbf4", ee = "sizeMD__31311621", te = "sizeLG__143bb5bc", oe = "lightBoxSideOverlay__e888f549", e = {
+import { ELightBoxSideOverlaySize as a } from "./enums.js";
+const q = "lightBoxSideOverlayMask__7672cbca", J = "lightBoxSideOverlayWrapper__85fc026b", K = "overflowXHidden__acafa0a7", Q = "overflowYHidden__336362f4", V = "closing__5df3f8cf", Z = "opened__d8bde90a", $ = "lightBoxSideOverlayContent__76d894a9", P = "opening__cc8e4845", ee = "sizeSM__30c8e366", ie = "sizeMD__ce8a79cd", te = "sizeLG__ccbec09e", oe = "lightBoxSideOverlay__a75524ed", e = {
   lightBoxSideOverlayMask: q,
-  lightBoxSideOverlayWrapper: E,
-  overflowXHidden: J,
-  overflowYHidden: K,
-  closing: Q,
-  opened: V,
-  lightBoxSideOverlayContent: Z,
-  opening: $,
-  sizeSM: P,
-  sizeMD: ee,
+  lightBoxSideOverlayWrapper: J,
+  overflowXHidden: K,
+  overflowYHidden: Q,
+  closing: V,
+  opened: Z,
+  lightBoxSideOverlayContent: $,
+  opening: P,
+  sizeSM: ee,
+  sizeMD: ie,
   sizeLG: te,
   lightBoxSideOverlay: oe
-};
-var ie = /* @__PURE__ */ ((t) => (t[t.SM = 0] = "SM", t[t.MD = 1] = "MD", t[t.LG = 2] = "LG", t))(ie || {});
-const h = ({
-  children: t,
+}, y = ({
+  children: _,
   className: M,
   focusTrapProps: l,
-  isLoading: a,
-  loadingTitle: S,
-  isTopLevelSideOverlayOpened: p,
-  isTopOverlayOpened: u,
+  isLoading: s,
+  loadingTitle: u,
+  isTopLevelSideOverlayOpened: B,
+  isTopOverlayOpened: z,
   onClose: c,
   onOpen: d,
-  opened: o,
-  size: f = 1,
-  ...b
+  opened: i,
+  size: g = a.MD,
+  ...D
 }) => {
-  const [r, v] = O(!1), [s, g] = O(!1), m = x(o), y = x(null);
-  L(() => {
-    m.current && !o ? (g(!1), v(!0)) : !m.current && o && (v(!1), g(!0)), m.current = o;
-  }, [o]);
-  const D = (n) => {
-    const { target: z, currentTarget: C } = n;
-    z === C && (r ? (v(!1), c == null || c()) : s && (g(!1), d == null || d()));
-  }, k = ({ opened: n }) => /* @__PURE__ */ i(j, { opened: n, className: e.lightBoxSideOverlayMask }), H = () => /* @__PURE__ */ B(
+  const [o, v] = x(!1), [n, f] = 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;
+  }, [i]);
+  const k = (r) => {
+    const { target: G, currentTarget: N } = r;
+    G === N && (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(
     "div",
     {
-      className: _(e.lightBoxSideOverlayContent, {
-        [e.closing]: r,
-        [e.opening]: s,
-        [e.opened]: o
+      className: m(e.lightBoxSideOverlayContent, {
+        [e.closing]: o,
+        [e.opening]: n,
+        [e.opened]: i
       }),
-      onTransitionEnd: D,
-      ref: y,
+      onTransitionEnd: k,
+      ref: S,
       children: [
-        t,
-        a && /* @__PURE__ */ i(I, { loadingTitle: S })
+        _,
+        s && /* @__PURE__ */ t(I, { loadingTitle: u })
       ]
     }
   ), w = () => {
-  }, G = _(M, e.lightBoxSideOverlayWrapper, {
-    [e.closing]: r,
-    [e.opened]: o,
-    [e.overflowXHidden]: !!p || !!a,
-    [e.overflowYHidden]: !!p || !!a || !!u,
-    [e.sizeSM]: f === 0,
-    [e.sizeMD]: f === 1,
-    [e.sizeLG]: f === 2
-    /* LG */
-  }), F = (n) => /* @__PURE__ */ B(W, { children: [
-    k(n),
-    H()
-  ] }), N = /* @__PURE__ */ i(
+  }, b = m(M, e.lightBoxSideOverlayWrapper, {
+    [e.closing]: o,
+    [e.opened]: i,
+    [e.overflowXHidden]: !!B || !!s,
+    [e.overflowYHidden]: !!B || !!s || !!z,
+    [e.sizeSM]: g === a.SM,
+    [e.sizeMD]: g === a.MD,
+    [e.sizeLG]: g === a.LG
+  }), E = (r) => /* @__PURE__ */ O(C, { children: [
+    H(r),
+    L()
+  ] }), F = /* @__PURE__ */ t(
     "div",
     {
-      className: _(e.lightBoxSideOverlay, {
-        [e.closing]: r,
-        [e.opening]: s
+      className: m(e.lightBoxSideOverlay, {
+        [e.closing]: o,
+        [e.opening]: n
       }),
-      children: /* @__PURE__ */ i(Y, { direction: R.RIGHT, opened: o, setOpened: w, children: F })
+      children: /* @__PURE__ */ t(Y, { direction: R.RIGHT, opened: i, setOpened: w, children: E })
     }
   );
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ t(
     X,
     {
-      active: o && !s && !r,
+      active: i && !n && !o,
       ...l,
       focusTrapOptions: {
         clickOutsideDeactivates: !0,
-        initialFocus: () => T.getFirstInteractionElementByDataAttr(y.current),
+        initialFocus: () => T.getFirstInteractionElementByDataAttr(S.current),
         preventScroll: !0,
         ...l == null ? void 0 : l.focusTrapOptions
       },
-      children: /* @__PURE__ */ i("div", { className: G, role: "dialog", "aria-modal": "true", ...b, children: N })
+      children: /* @__PURE__ */ t("div", { className: b, role: "dialog", "aria-modal": "true", ...D, children: F })
     }
   );
 };
-h.displayName = "LightBoxSideOverlay";
-h.CloseDesktop = U;
-h.CloseMobile = A;
+y.displayName = "LightBoxSideOverlay";
+y.CloseDesktop = U;
+y.CloseMobile = A;
 export {
-  ie as ELightBoxSideOverlaySize,
-  h as LightBoxSideOverlay
+  y as LightBoxSideOverlay
 };
 //# sourceMappingURL=LightBoxSideOverlay.js.map

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseDesktop.js

@@ -7,7 +7,7 @@ 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-VE4NCDr0.js";
+import { s as u } from "../../../chunks/LightBoxSideOverlayClose.module-D66ESS7b.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-D3hUOusX.js";
 import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
-import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-VE4NCDr0.js";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-D66ESS7b.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 d, useEffect as l } from "react";
 import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const n = "lightBoxSideOverlayLoaderWrapper__f8d6720b", c = {
+const n = "lightBoxSideOverlayLoaderWrapper__e72e84ed", c = {
   lightBoxSideOverlayLoaderWrapper: n
 }, f = ({ loadingTitle: a }) => {
   const [t, r] = s(0), e = d(null);

package/components/LightBox/LightBoxSideOverlay/enums.js

@@ -0,0 +1,5 @@
+var r = /* @__PURE__ */ ((m) => (m.SM = "sm", m.MD = "md", m.LG = "lg", m))(r || {});
+export {
+  r as ELightBoxSideOverlaySize
+};
+//# sourceMappingURL=enums.js.map

package/components/LightBox/LightBoxSideOverlay/index.js

@@ -0,0 +1,7 @@
+import { LightBoxSideOverlay as r } from "./LightBoxSideOverlay.js";
+import { ELightBoxSideOverlaySize as t } from "./enums.js";
+export {
+  t as ELightBoxSideOverlaySize,
+  r as LightBoxSideOverlay
+};
+//# sourceMappingURL=index.js.map

package/components/LightBox/index.js

@@ -1,7 +1,11 @@
-import { LightBox as t, lightBoxMountNodeIdDefault as a, lightBoxViewManagerNodeIdDefault as d } from "./LightBox.js";
+import { LightBox as t, lightBoxMountNodeIdDefault as i, lightBoxViewManagerNodeIdDefault as r } from "./LightBox.js";
+import { LightBoxSideOverlay as a } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
+import { ELightBoxSideOverlaySize as g } from "./LightBoxSideOverlay/enums.js";
 export {
+  g as ELightBoxSideOverlaySize,
   t as LightBox,
-  a as lightBoxMountNodeIdDefault,
-  d as lightBoxViewManagerNodeIdDefault
+  a as LightBoxSideOverlay,
+  i as lightBoxMountNodeIdDefault,
+  r as lightBoxViewManagerNodeIdDefault
 };
 //# sourceMappingURL=index.js.map