@sberbusiness/triplex-next 0.10.0 → 0.12.0

package/components/IslandAccordion/components/index.js

@@ -1,11 +1,9 @@
 import { IslandAccordionItem as n } from "./IslandAccordionItem.js";
 import { IslandAccordionContent as c } from "./IslandAccordionContent.js";
 import { IslandAccordionFooter as e } from "./IslandAccordionFooter.js";
-import { IslandAccordionTitle as l } from "./IslandAccordionTitle.js";
 export {
   c as IslandAccordionContent,
   e as IslandAccordionFooter,
-  n as IslandAccordionItem,
-  l as IslandAccordionTitle
+  n as IslandAccordionItem
 };
 //# sourceMappingURL=index.js.map

package/components/IslandAccordion/index.js

@@ -1,13 +1,11 @@
 import { IslandAccordion as n } from "./IslandAccordion.js";
 import { IslandAccordionItem as d } from "./components/IslandAccordionItem.js";
 import { IslandAccordionContent as e } from "./components/IslandAccordionContent.js";
-import { IslandAccordionFooter as l } from "./components/IslandAccordionFooter.js";
-import { IslandAccordionTitle as I } from "./components/IslandAccordionTitle.js";
+import { IslandAccordionFooter as I } from "./components/IslandAccordionFooter.js";
 export {
   n as IslandAccordion,
   e as IslandAccordionContent,
-  l as IslandAccordionFooter,
-  d as IslandAccordionItem,
-  I as IslandAccordionTitle
+  I as IslandAccordionFooter,
+  d as IslandAccordionItem
 };
 //# sourceMappingURL=index.js.map

package/components/IslandWidget/IslandWidget.js

@@ -5,17 +5,17 @@ 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 c } from "./components/IslandWidgetHeader.js";
-import { IslandWidgetBody as x } from "./components/IslandWidgetBody.js";
+import { IslandWidgetHeader as x } from "./components/IslandWidgetHeader.js";
+import { IslandWidgetBody as c } from "./components/IslandWidgetBody.js";
 import { IslandWidgetFooter as f } 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-BlJo2ILB.js";
+import { c as F } from "../../chunks/vendor-BARd5eYq.js";
 import { IslandWidgetContext as h } from "./IslandWidgetContext.js";
-const y = "islandWidget__bc47d4a5", _ = "islandWidgetWithExtraFooter__3c1e2a5b", o = {
+const y = "islandWidget__584e3e3e", _ = "islandWidgetWithExtraFooter__501cada2", o = {
   islandWidget: y,
   islandWidgetWithExtraFooter: _
-}, b = Object.assign(
+}, j = Object.assign(
   l.forwardRef(
     ({ className: i, renderBody: r, renderFooter: t, renderHeader: e, ...d }, a) => {
       const { hasExtraFooter: s } = p(h);
@@ -25,7 +25,7 @@ const y = "islandWidget__bc47d4a5", _ = "islandWidgetWithExtraFooter__3c1e2a5b",
           className: F(o.islandWidget, i, {
             [o.islandWidgetWithExtraFooter]: s
           }),
-          "data-tx": "0.10.0",
+          "data-tx": "0.12.0",
           ...d,
           ref: a,
           children: /* @__PURE__ */ m(W, { type: g.TYPE_1, size: I.MD, children: [
@@ -38,14 +38,14 @@ const y = "islandWidget__bc47d4a5", _ = "islandWidgetWithExtraFooter__3c1e2a5b",
     }
   ),
   {
-    Header: c,
-    Body: x,
+    Header: x,
+    Body: c,
     Footer: f,
     ExtraFooter: E
   }
 );
-b.displayName = "IslandWidget";
+j.displayName = "IslandWidget";
 export {
-  b as IslandWidget
+  j as IslandWidget
 };
 //# sourceMappingURL=IslandWidget.js.map

package/components/IslandWidget/components/IslandWidgetExtraFooter.js

@@ -1,23 +1,23 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useContext as i, useEffect as d } from "react";
-import { c as n } from "../../../chunks/vendor-BlJo2ILB.js";
+import { useContext as d, useEffect as i } from "react";
+import { c as n } from "../../../chunks/vendor-BARd5eYq.js";
 import { ExpandAnimation as x } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandWidgetContext as l } from "../IslandWidgetContext.js";
-const m = "islandWidgetExtraFooter__ebe647b0", c = {
+const m = "islandWidgetExtraFooter__f6b78d4c", c = {
   islandWidgetExtraFooter: m
-}, E = ({
-  children: e,
-  className: r,
+}, f = ({
+  children: r,
+  className: e,
   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(r, c.islandWidgetExtraFooter), children: /* @__PURE__ */ o(x, { expanded: t, children: e }) });
+  }, [t]), /* @__PURE__ */ o("div", { ...a, className: n(e, c.islandWidgetExtraFooter), children: /* @__PURE__ */ o(x, { expanded: t, children: r }) });
 };
-E.displayName = "IslandWidgetExtraFooter";
+f.displayName = "IslandWidgetExtraFooter";
 export {
-  E as IslandWidgetExtraFooter
+  f as IslandWidgetExtraFooter
 };
 //# sourceMappingURL=IslandWidgetExtraFooter.js.map

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-BlJo2ILB.js";
-import { s as n } from "../../../chunks/IslandWidgetFooter.module-DANV-WDZ.js";
+import { c as i } from "../../../chunks/vendor-BARd5eYq.js";
+import { s as n } from "../../../chunks/IslandWidgetFooter.module-BOmbhSZq.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-DANV-WDZ.js";
+import { s } from "../../../chunks/IslandWidgetFooter.module-BOmbhSZq.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-DANV-WDZ.js";
+import { s as r } from "../../../chunks/IslandWidgetFooter.module-BOmbhSZq.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-BlJo2ILB.js";
-import { s as a } from "../../../chunks/IslandWidgetHeader.module-D9N9d8U0.js";
+import { c as i } from "../../../chunks/vendor-BARd5eYq.js";
+import { s as a } from "../../../chunks/IslandWidgetHeader.module-Bb1VehSy.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-BlJo2ILB.js";
-import { s as o } from "../../../chunks/IslandWidgetHeader.module-D9N9d8U0.js";
+import { c as d } from "../../../chunks/vendor-BARd5eYq.js";
+import { s as o } from "../../../chunks/IslandWidgetHeader.module-Bb1VehSy.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-BlJo2ILB.js";
-import { s as t } from "../../../chunks/IslandWidgetHeader.module-D9N9d8U0.js";
+import { c as a } from "../../../chunks/vendor-BARd5eYq.js";
+import { s as t } from "../../../chunks/IslandWidgetHeader.module-Bb1VehSy.js";
 const d = ({
   children: s,
   className: e,

package/components/IslandWidget/components/IslandWidgetWrapper.js

@@ -1,17 +1,17 @@
 import { jsx as r } from "react/jsx-runtime";
 import i, { useState as p } from "react";
-import { c as l } from "../../../chunks/vendor-BlJo2ILB.js";
+import { c as l } from "../../../chunks/vendor-BARd5eYq.js";
 import { IslandWidgetContext as n } from "../IslandWidgetContext.js";
-const W = "islandWidgetWrapper__7a079a3c", c = {
+const W = "islandWidgetWrapper__73e9650f", m = {
   islandWidgetWrapper: W
-}, m = i.forwardRef(
-  ({ children: e, className: a, ...t }, s) => {
+}, c = i.forwardRef(
+  ({ children: e, 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(c.islandWidgetWrapper, a), ...t, ref: s, children: e }) });
+    return /* @__PURE__ */ r(n.Provider, { value: { hasExtraFooter: o, setHasExtraFooter: d }, children: /* @__PURE__ */ r("div", { className: l(m.islandWidgetWrapper, t), ...a, ref: s, children: e }) });
   }
 );
-m.displayName = "IslandWidgetWrapper";
+c.displayName = "IslandWidgetWrapper";
 export {
-  m as IslandWidgetWrapper
+  c as IslandWidgetWrapper
 };
 //# sourceMappingURL=IslandWidgetWrapper.js.map

package/components/LightBox/LightBox.js

@@ -1,7 +1,7 @@
-import { jsxs as x, Fragment as F, jsx as o } from "react/jsx-runtime";
-import { useRef as n, useEffect as B } from "react";
-import { c as V, F as A } from "../../chunks/vendor-BlJo2ILB.js";
-import { L as D, s as e } from "../../chunks/LightBoxContent-3M4bOnUh.js";
+import { jsxs as B, Fragment as F, jsx as o } from "react/jsx-runtime";
+import { useRef as n, useEffect as f } from "react";
+import { c as V, F as A } from "../../chunks/vendor-BARd5eYq.js";
+import { L as D, s as e } from "../../chunks/LightBoxContent-DBZCrC3l.js";
 import { LightBoxControls as I } from "./LightBoxControls/LightBoxControls.js";
 import { LightBoxSideOverlay as R } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
 import { Portal as k } 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__cc33f065",
-  "scroll-15": "scroll-15__b0ecb173",
-  "scroll-16": "scroll-16__c8bf4328",
-  "scroll-17": "scroll-17__158776ce"
+  "scroll-0": "scroll-0__bf934544",
+  "scroll-15": "scroll-15__5a5016a3",
+  "scroll-16": "scroll-16__a6a80470",
+  "scroll-17": "scroll-17__5b37ebdc"
 }, p = "LightBox-next-mount-node", L = "LightBox-next-view-manager-node", b = [e.bodyOverflowHidden], N = ({
   children: v,
   className: M,
   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(E()), g = n(_()), h = () => {
+  }, a = n(E()), g = n(_()), h = () => {
     b.forEach((t) => document.documentElement.classList.add(t));
   };
-  B(() => (T(Z), h(), setTimeout(h, 100), () => b.forEach((t) => document.documentElement.classList.remove(t))), []), B(() => {
+  f(() => (T(Z), h(), setTimeout(h, 100), () => b.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(
     C,
     e.lightBox,
@@ -58,15 +58,15 @@ const Z = {
     },
     M
   );
-  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,
     /* @__PURE__ */ o("span", { ref: l, className: e.tempElSafariBug })
   ] });
-  return /* @__PURE__ */ x(F, { children: [
-    /* @__PURE__ */ o(k, { container: c.current, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ B(F, { children: [
+    /* @__PURE__ */ o(k, { container: a.current, children: /* @__PURE__ */ o(
       W,
       {
         fallback: /* @__PURE__ */ o(
@@ -80,17 +80,17 @@ 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
       }
     )
   ] });

package/components/LightBox/LightBoxContent.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
-import "../../chunks/vendor-BlJo2ILB.js";
+import "../../chunks/vendor-BARd5eYq.js";
 import "../WindowResizeListener/WindowResizeListener.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L as n } from "../../chunks/LightBoxContent-3M4bOnUh.js";
+import { L as n } from "../../chunks/LightBoxContent-DBZCrC3l.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-BlJo2ILB.js";
+import { c as u } from "../../../chunks/vendor-BARd5eYq.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-C1sKSbiw.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-Bd3m7ZxT.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-BlJo2ILB.js";
-import { s as p } from "../../../chunks/LightBoxControls.module-C1sKSbiw.js";
+import { c as e } from "../../../chunks/vendor-BARd5eYq.js";
+import { s as p } from "../../../chunks/LightBoxControls.module-Bd3m7ZxT.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-BlJo2ILB.js";
+import { c as n } from "../../../chunks/vendor-BARd5eYq.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-C1sKSbiw.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-Bd3m7ZxT.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-BlJo2ILB.js";
+import { c as n } from "../../../chunks/vendor-BARd5eYq.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-C1sKSbiw.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-Bd3m7ZxT.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-BlJo2ILB.js";
+import { c as m, F as X } from "../../../chunks/vendor-BARd5eYq.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 n } from "./enums.js";
-const q = "lightBoxSideOverlayMask__e9423a36", J = "lightBoxSideOverlayWrapper__6692e8a9", K = "overflowXHidden__a63f310a", Q = "overflowYHidden__d9b381ab", V = "closing__aac19ae7", Z = "opened__7e60bca4", $ = "lightBoxSideOverlayContent__5aaa0fae", P = "opening__5c6eec4e", ee = "sizeSM__774d9a61", ie = "sizeMD__40d48d58", te = "sizeLG__5f9bb7a9", oe = "lightBoxSideOverlay__e1d6ef1c", e = {
+import { ELightBoxSideOverlaySize as s } from "./enums.js";
+const q = "lightBoxSideOverlayMask__0d7987af", J = "lightBoxSideOverlayWrapper__80c917f8", K = "overflowXHidden__29833c65", Q = "overflowYHidden__bc3b7d4a", V = "closing__b787fdcb", Z = "opened__78588312", $ = "lightBoxSideOverlayContent__192ccc0a", P = "opening__a07458cc", ee = "sizeSM__f212bfa2", ie = "sizeMD__d6f41983", te = "sizeLG__9d6b1520", oe = "lightBoxSideOverlay__9e1484b8", e = {
   lightBoxSideOverlayMask: q,
   lightBoxSideOverlayWrapper: J,
   overflowXHidden: K,
@@ -25,64 +25,64 @@ const q = "lightBoxSideOverlayMask__e9423a36", J = "lightBoxSideOverlayWrapper__
   children: _,
   className: M,
   focusTrapProps: l,
-  isLoading: s,
+  isLoading: a,
   loadingTitle: u,
   isTopLevelSideOverlayOpened: B,
   isTopOverlayOpened: z,
   onClose: c,
   onOpen: d,
   opened: i,
-  size: g = n.MD,
+  size: g = s.MD,
   ...D
 }) => {
-  const [o, v] = x(!1), [a, f] = x(!1), h = p(i), S = p(null);
+  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 b = (r) => {
     const { target: G, currentTarget: N } = r;
-    G === N && (o ? (v(!1), c == null || c()) : a && (f(!1), d == null || d()));
-  }, H = ({ opened: r }) => /* @__PURE__ */ t(j, { opened: r, className: e.lightBoxSideOverlayMask }), L = () => /* @__PURE__ */ O(
+    G === N && (o ? (v(!1), c == null || c()) : n && (f(!1), d == null || d()));
+  }, k = ({ opened: r }) => /* @__PURE__ */ t(j, { opened: r, className: e.lightBoxSideOverlayMask }), H = () => /* @__PURE__ */ O(
     "div",
     {
       className: m(e.lightBoxSideOverlayContent, {
         [e.closing]: o,
-        [e.opening]: a,
+        [e.opening]: n,
         [e.opened]: i
       }),
-      onTransitionEnd: k,
+      onTransitionEnd: b,
       ref: S,
       children: [
         _,
-        s && /* @__PURE__ */ t(I, { loadingTitle: u })
+        a && /* @__PURE__ */ t(I, { loadingTitle: u })
       ]
     }
-  ), w = () => {
-  }, b = m(M, e.lightBoxSideOverlayWrapper, {
+  ), L = () => {
+  }, w = m(M, e.lightBoxSideOverlayWrapper, {
     [e.closing]: o,
     [e.opened]: i,
-    [e.overflowXHidden]: !!B || !!s,
-    [e.overflowYHidden]: !!B || !!s || !!z,
-    [e.sizeSM]: g === n.SM,
-    [e.sizeMD]: g === n.MD,
-    [e.sizeLG]: g === n.LG
+    [e.overflowXHidden]: !!B || !!a,
+    [e.overflowYHidden]: !!B || !!a || !!z,
+    [e.sizeSM]: g === s.SM,
+    [e.sizeMD]: g === s.MD,
+    [e.sizeLG]: g === s.LG
   }), E = (r) => /* @__PURE__ */ O(C, { children: [
-    H(r),
-    L()
+    k(r),
+    H()
   ] }), F = /* @__PURE__ */ t(
     "div",
     {
       className: m(e.lightBoxSideOverlay, {
         [e.closing]: o,
-        [e.opening]: a
+        [e.opening]: n
       }),
-      children: /* @__PURE__ */ t(Y, { direction: R.RIGHT, opened: i, setOpened: w, children: E })
+      children: /* @__PURE__ */ t(Y, { direction: R.RIGHT, opened: i, setOpened: L, children: E })
     }
   );
   return /* @__PURE__ */ t(
     X,
     {
-      active: i && !a && !o,
+      active: i && !n && !o,
       ...l,
       focusTrapOptions: {
         clickOutsideDeactivates: !0,
@@ -90,7 +90,7 @@ const q = "lightBoxSideOverlayMask__e9423a36", J = "lightBoxSideOverlayWrapper__
         preventScroll: !0,
         ...l == null ? void 0 : l.focusTrapOptions
       },
-      children: /* @__PURE__ */ t("div", { className: b, role: "dialog", "aria-modal": "true", ...D, children: F })
+      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-BlJo2ILB.js";
+import { c as p } from "../../../chunks/vendor-BARd5eYq.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-H2K8IoVH.js";
+import { s as u } from "../../../chunks/LightBoxSideOverlayClose.module-BOo9E8eM.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-BlJo2ILB.js";
+import { c as r } from "../../../chunks/vendor-BARd5eYq.js";
 import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
-import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-H2K8IoVH.js";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-BOo9E8eM.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__d64ab589", c = {
+const n = "lightBoxSideOverlayLoaderWrapper__e6bacd73", c = {
   lightBoxSideOverlayLoaderWrapper: n
 }, f = ({ loadingTitle: a }) => {
   const [t, r] = s(0), e = d(null);

package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -1,13 +1,13 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as o } from "../../../chunks/vendor-BlJo2ILB.js";
-const d = "lightBoxLeftSidebar__ec3c691e", l = "lightBoxLeftSidebarInner__4aac0393", t = {
+import { c as a } from "../../../chunks/vendor-BARd5eYq.js";
+const d = "lightBoxLeftSidebar__3d11e4e4", l = "lightBoxLeftSidebarInner__8f8eda86", t = {
   lightBoxLeftSidebar: d,
   lightBoxLeftSidebarInner: l
 }, s = ({
   children: i,
   className: r,
-  ...a
-}) => /* @__PURE__ */ e("div", { className: o(r, t.lightBoxLeftSidebar), ...a, children: /* @__PURE__ */ e("div", { className: t.lightBoxLeftSidebarInner, children: i }) });
+  ...o
+}) => /* @__PURE__ */ e("div", { className: a(r, t.lightBoxLeftSidebar), ...o, children: /* @__PURE__ */ e("div", { className: t.lightBoxLeftSidebarInner, children: i }) });
 s.displayName = "LightBoxLeftSidebar";
 export {
   s as LightBoxLeftSidebar

package/components/LightBox/LightBoxSidebars/LightBoxRightSidebar.js

@@ -1,13 +1,13 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as r } from "../../../chunks/vendor-BlJo2ILB.js";
-const o = "lightBoxRightSidebar__c2e64378", a = "lightBoxRightSidebarInner__5646159d", t = {
+import { c as r } from "../../../chunks/vendor-BARd5eYq.js";
+const o = "lightBoxRightSidebar__733ccc49", a = "lightBoxRightSidebarInner__7c840514", t = {
   lightBoxRightSidebar: o,
   lightBoxRightSidebarInner: a
 }, d = ({
-  children: e,
-  className: h,
+  children: h,
+  className: e,
   ...g
-}) => /* @__PURE__ */ i("div", { className: r(h, t.lightBoxRightSidebar), ...g, children: /* @__PURE__ */ i("div", { className: t.lightBoxRightSidebarInner, children: e }) });
+}) => /* @__PURE__ */ i("div", { className: r(e, t.lightBoxRightSidebar), ...g, children: /* @__PURE__ */ i("div", { className: t.lightBoxRightSidebarInner, children: h }) });
 d.displayName = "LightBoxRightSidebar";
 export {
   d as LightBoxRightSidebar

package/components/LightBox/LightBoxViewManager/LightBoxViewManager.js

@@ -1,6 +1,6 @@
 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 { u as B, i as k, h as p } from "../../../chunks/vendor-BlJo2ILB.js";
+import { u as B, i as k, h as p } from "../../../chunks/vendor-BARd5eYq.js";
 import { Portal as P } from "../../Portal/Portal.js";
 import { LightBoxViewManagerConsts as l } from "./LightBoxViewManagerConsts.js";
 const g = "LightBoxMountNodeViewManager", $ = ({