@sberbusiness/triplex-next 0.27.0 → 0.28.0

package/components/IslandAccordion/IslandAccordion.js

@@ -9,14 +9,14 @@ import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
 import { c as f } from "../../chunks/vendor---Om3uMV.js";
-import { s as I } from "../../chunks/IslandAccordion.module-CVxFZsLG.js";
+import { s as I } from "../../chunks/IslandAccordion.module-DXpQN7Ws.js";
 import "./components/IslandAccordionContent.js";
 import "./components/IslandAccordionFooter.js";
 const x = Object.assign(
   n.forwardRef(
     ({ className: r, children: m, size: t = d.MD, type: i = l.TYPE_1, ...s }, a) => {
       const c = f(r, I.islandAccordion);
-      return /* @__PURE__ */ o(p.Provider, { value: { size: t, type: i }, children: /* @__PURE__ */ o("ul", { ...s, className: c, "data-tx": "0.27.0", ref: a, children: m }) });
+      return /* @__PURE__ */ o(p.Provider, { value: { size: t, type: i }, children: /* @__PURE__ */ o("ul", { ...s, className: c, "data-tx": "0.28.0", ref: a, children: m }) });
     }
   ),
   {

package/components/IslandAccordion/components/IslandAccordionContent.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s as r } from "../../../chunks/IslandAccordion.module-CVxFZsLG.js";
+import { s as r } from "../../../chunks/IslandAccordion.module-DXpQN7Ws.js";
 import { Island as s } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionFooter.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import s from "react";
 import { c as a } from "../../../chunks/vendor---Om3uMV.js";
-import { s as i } from "../../../chunks/IslandAccordion.module-CVxFZsLG.js";
+import { s as i } from "../../../chunks/IslandAccordion.module-DXpQN7Ws.js";
 import { Island as e } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionItem.js

@@ -25,7 +25,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title as tt } from "../../Typography/Title.js";
-import { s as t } from "../../../chunks/IslandAccordion.module-CVxFZsLG.js";
+import { s as t } from "../../../chunks/IslandAccordion.module-DXpQN7Ws.js";
 import { EScreenWidth as y } from "../../../helpers/breakpoints.js";
 import { useMatchMedia as rt } from "../../MediaWidth/useMatchMedia.js";
 const et = {
@@ -91,7 +91,7 @@ const et = {
               }),
               onClick: H,
               disabled: e,
-              "data-tx": "0.27.0",
+              "data-tx": "0.28.0",
               children: [
                 h && I && /* @__PURE__ */ r("div", { className: t.step, children: /* @__PURE__ */ r(K, { step: I, status: h, position: Q.XFirst, size: a, children: e ? void 0 : w }) }),
                 /* @__PURE__ */ r(

package/components/IslandWidget/IslandWidget.js

@@ -1,4 +1,4 @@
-import { jsx as t, jsxs as n, Fragment as s } from "react/jsx-runtime";
+import { jsx as t, jsxs as a, Fragment as s } from "react/jsx-runtime";
 import _, { useContext as v, useState as u } from "react";
 import { Island as y } from "../Island/Island.js";
 import { EIslandType as H } from "../Island/enums.js";
@@ -11,37 +11,37 @@ import { IslandWidgetFooter as C } from "./components/IslandWidgetFooter.js";
 import { IslandWidgetExtraFooter as A } from "./components/IslandWidgetExtraFooter.js";
 import { EComponentSize as S } from "../../enums/EComponentSize.js";
 import { c as m } from "../../chunks/vendor---Om3uMV.js";
-import { IslandWidgetLayoutContext as b } from "./IslandWidgetLayoutContext.js";
-import { IslandWidgetContext as O } from "./IslandWidgetContext.js";
-import { ExpandAnimation as j } from "../ExpandAnimation/ExpandAnimation.js";
+import { IslandWidgetLayoutContext as O } from "./IslandWidgetLayoutContext.js";
+import { IslandWidgetContext as j } from "./IslandWidgetContext.js";
+import { ExpandAnimation as N } from "../ExpandAnimation/ExpandAnimation.js";
 import { EScreenWidth as p } from "../../helpers/breakpoints.js";
-import { useMatchMedia as N } from "../MediaWidth/useMatchMedia.js";
-const k = "islandWidget__ba9a31eb", B = "islandWidgetWithExtraFooter__efc7bc83", P = "islandWidgetHeaderWrapperAdaptive__3b9ae6ad", i = {
-  islandWidget: k,
-  islandWidgetWithExtraFooter: B,
-  islandWidgetHeaderWrapperAdaptive: P
-}, R = Object.assign(
+import { useMatchMedia as k } from "../MediaWidth/useMatchMedia.js";
+const B = "islandWidget__b3e090cd", P = "islandWidgetWithExtraFooter__deefa741", R = "islandWidgetHeaderWrapperAdaptive__1554f457", i = {
+  islandWidget: B,
+  islandWidgetWithExtraFooter: P,
+  islandWidgetHeaderWrapperAdaptive: R
+}, T = Object.assign(
   _.forwardRef(
     ({
       className: l,
       size: c = S.MD,
       renderBody: W,
       renderFooter: o,
-      renderHeader: g,
+      renderHeader: f,
       disableAdaptiveCollapsing: r = !1,
-      ...f
+      ...g
     }, x) => {
-      const { hasExtraFooter: h } = v(b), [d, E] = u(r), e = N(
+      const { hasExtraFooter: h } = v(O), [d, E] = u(r), e = k(
         `(max-width: ${p.SM_MAX})`,
         window.innerWidth <= parseInt(p.SM_MAX)
       ), I = () => {
         E(!d);
-      }, F = e && !r, a = () => /* @__PURE__ */ n(s, { children: [
+      }, F = e && !r, n = () => /* @__PURE__ */ a(s, { children: [
         W({}),
         o ? o({}) : null
       ] });
       return /* @__PURE__ */ t(
-        O.Provider,
+        j.Provider,
         {
           value: {
             adaptive: e,
@@ -54,10 +54,10 @@ const k = "islandWidget__ba9a31eb", B = "islandWidgetWithExtraFooter__efc7bc83",
               className: m(i.islandWidget, l, {
                 [i.islandWidgetWithExtraFooter]: h
               }),
-              "data-tx": "0.27.0",
-              ...f,
+              "data-tx": "0.28.0",
+              ...g,
               ref: x,
-              children: /* @__PURE__ */ n(y, { type: H.TYPE_1, size: c, children: [
+              children: /* @__PURE__ */ a(y, { type: H.TYPE_1, size: c, children: [
                 /* @__PURE__ */ t(
                   "div",
                   {
@@ -65,10 +65,10 @@ const k = "islandWidget__ba9a31eb", B = "islandWidgetWithExtraFooter__efc7bc83",
                       [i.islandWidgetHeaderWrapperAdaptive]: e
                     }),
                     onClick: e ? I : void 0,
-                    children: g({})
+                    children: f({})
                   }
                 ),
-                F ? /* @__PURE__ */ t(j, { expanded: d, children: a() }) : /* @__PURE__ */ t(s, { children: a() })
+                F ? /* @__PURE__ */ t(N, { expanded: d, children: n() }) : /* @__PURE__ */ t(s, { children: n() })
               ] })
             }
           )
@@ -83,8 +83,8 @@ const k = "islandWidget__ba9a31eb", B = "islandWidgetWithExtraFooter__efc7bc83",
     ExtraFooter: A
   }
 );
-R.displayName = "IslandWidget";
+T.displayName = "IslandWidget";
 export {
-  R as IslandWidget
+  T as IslandWidget
 };
 //# sourceMappingURL=IslandWidget.js.map

package/components/IslandWidget/components/IslandWidgetBody.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import { c as t } from "../../../chunks/vendor---Om3uMV.js";
-const e = "islandWidgetBody__58e17e54", a = {
-  islandWidgetBody: e
-}, l = ({ children: d, className: s, ...i }) => /* @__PURE__ */ o("div", { ...i, className: t(a.islandWidgetBody, s), children: d });
+const a = "islandWidgetBody__fd9063ff", e = {
+  islandWidgetBody: a
+}, l = ({ children: d, className: s, ...i }) => /* @__PURE__ */ o("div", { ...i, className: t(e.islandWidgetBody, s), children: d });
 l.displayName = "IslandWidgetBody";
 export {
   l as IslandWidgetBody

package/components/IslandWidget/components/IslandWidgetExtraFooter.js

@@ -3,21 +3,21 @@ import { useContext as i, useEffect as d } from "react";
 import { c as n } from "../../../chunks/vendor---Om3uMV.js";
 import { ExpandAnimation as x } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandWidgetLayoutContext as l } from "../IslandWidgetLayoutContext.js";
-const m = "islandWidgetExtraFooter__7e07417b", c = {
+const m = "islandWidgetExtraFooter__0c065fbc", c = {
   islandWidgetExtraFooter: m
-}, E = ({
-  children: e,
-  className: r,
+}, f = ({
+  children: r,
+  className: e,
   open: t = !1,
   ...a
 }) => {
   const { setHasExtraFooter: s } = i(l);
   return d(() => {
     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---Om3uMV.js";
-import { s as n } from "../../../chunks/IslandWidgetFooter.module-VlqE7l7C.js";
+import { s as n } from "../../../chunks/IslandWidgetFooter.module-DsHrU6Ao.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-VlqE7l7C.js";
+import { s } from "../../../chunks/IslandWidgetFooter.module-DsHrU6Ao.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-VlqE7l7C.js";
+import { s as r } from "../../../chunks/IslandWidgetFooter.module-DsHrU6Ao.js";
 const e = ({
   children: o,
   ...s

package/components/IslandWidget/components/IslandWidgetHeader.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { useContext as l } from "react";
 import { c as a } from "../../../chunks/vendor---Om3uMV.js";
-import { s as e } from "../../../chunks/IslandWidgetHeader.module-DwIaQr1_.js";
+import { s as e } from "../../../chunks/IslandWidgetHeader.module-BntNmew_.js";
 import { IslandWidgetHeaderContent as c } from "./IslandWidgetHeaderContent.js";
 import { IslandWidgetHeaderDescription as f } from "./IslandWidgetHeaderDescription.js";
 import { CaretdownStrokeSrvIcon24 as I } from "@sberbusiness/icons-next";

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---Om3uMV.js";
-import { s as o } from "../../../chunks/IslandWidgetHeader.module-DwIaQr1_.js";
+import { s as o } from "../../../chunks/IslandWidgetHeader.module-BntNmew_.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---Om3uMV.js";
-import { s as t } from "../../../chunks/IslandWidgetHeader.module-DwIaQr1_.js";
+import { s as t } from "../../../chunks/IslandWidgetHeader.module-BntNmew_.js";
 const d = ({
   children: s,
   className: e,

package/components/IslandWidget/components/IslandWidgetWrapper.js

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

package/components/LightBox/LightBox.js

@@ -1,7 +1,7 @@
 import { jsxs as B, Fragment as V, jsx as o } from "react/jsx-runtime";
 import { useRef as n, useEffect as f } from "react";
 import { c as A, F as D } from "../../chunks/vendor---Om3uMV.js";
-import { L as I, s as e } from "../../chunks/LightBoxContent-DHs-Qjcp.js";
+import { L as I, s as e } from "../../chunks/LightBoxContent-CpxzDBba.js";
 import { LightBoxControls as R } from "./LightBoxControls/LightBoxControls.js";
 import { LightBoxSideOverlay as k } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
 import { Portal as T } from "../Portal/Portal.js";
@@ -15,11 +15,11 @@ import { LightBoxLeftSidebar as U } from "./LightBoxSidebars/LightBoxLeftSidebar
 import { LightBoxRightSidebar as Z } from "./LightBoxSidebars/LightBoxRightSidebar.js";
 import { ELightBoxSize as G } from "./enums.js";
 const J = {
-  "scroll-0": "scroll-0__b5a77acb",
-  "scroll-15": "scroll-15__b9bae580",
-  "scroll-16": "scroll-16__304cec85",
-  "scroll-17": "scroll-17__13a506c0"
-}, p = "LightBox-next-mount-node", L = "LightBox-next-view-manager-node", b = [e.bodyOverflowHidden], N = ({
+  "scroll-0": "scroll-0__3d5a8c8c",
+  "scroll-15": "scroll-15__06b238e9",
+  "scroll-16": "scroll-16__be1e227f",
+  "scroll-17": "scroll-17__855a00d7"
+}, p = "LightBox-next-mount-node", L = "LightBox-next-view-manager-node", N = [e.bodyOverflowHidden], b = ({
   children: M,
   className: v,
   focusTrapProps: r,
@@ -39,9 +39,9 @@ const J = {
     let t = null;
     return m && (t = document.querySelector(`#${m}`)), t || (t = document.createElement("div"), t.setAttribute("id", L), document.body.appendChild(t)), t;
   }, a = n(w()), g = n(_()), h = () => {
-    b.forEach((t) => document.documentElement.classList.add(t));
+    N.forEach((t) => document.documentElement.classList.add(t));
   };
-  f(() => (j(J), h(), setTimeout(h, 100), () => b.forEach((t) => document.documentElement.classList.remove(t))), []), f(() => {
+  f(() => (j(J), 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();
@@ -97,8 +97,8 @@ const J = {
     )
   ] });
 };
-N.displayName = "LightBoxBase";
-const dt = Object.assign(N, {
+b.displayName = "LightBoxBase";
+const dt = Object.assign(b, {
   Content: I,
   SideOverlay: k,
   TopOverlay: q,

package/components/LightBox/LightBoxContent.js

@@ -3,7 +3,7 @@ import "react";
 import "../../chunks/vendor---Om3uMV.js";
 import "../WindowResizeListener/WindowResizeListener.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L as n } from "../../chunks/LightBoxContent-DHs-Qjcp.js";
+import { L as n } from "../../chunks/LightBoxContent-CpxzDBba.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-D1KjqwKb.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-BulvfqYp.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---Om3uMV.js";
-import { s as p } from "../../../chunks/LightBoxControls.module-D1KjqwKb.js";
+import { s as p } from "../../../chunks/LightBoxControls.module-BulvfqYp.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-D1KjqwKb.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-BulvfqYp.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-D1KjqwKb.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-BulvfqYp.js";
 const N = ({
   className: u,
   clickByArrowLeft: x,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -1,100 +1,107 @@
-import { jsx as t, jsxs as y, Fragment as T } from "react/jsx-runtime";
-import { useState as B, useRef as O, useEffect as X } from "react";
-import { c as m, F as Y } from "../../../chunks/vendor---Om3uMV.js";
-import { OverlayBase as z, EOverlayDirection as L } from "../../Overlay/OverlayBase.js";
-import { OverlayMask as R } from "../../Overlay/OverlayMask.js";
-import { LightBoxSideOverlayLoader as j } from "./LightBoxSideOverlayLoader.js";
-import { FocusTrapUtils as I } from "../../../utils/focus/FocusTrapUtils.js";
-import { LightBoxSideOverlayCloseMobile as A } from "./LightBoxSideOverlayCloseMobile.js";
-import { LightBoxSideOverlayCloseDesktop as G } from "./LightBoxSideOverlayCloseDesktop.js";
-import { EComponentSize as U } from "../../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as q } from "../../../utils/classNameMaps.js";
-const J = "lightBoxSideOverlayMask__266a2388", K = "lightBoxSideOverlayWrapper__f45fddd1", Q = "overflowXHidden__99927820", V = "overflowYHidden__8c2f83ac", Z = "closing__574cb606", $ = "opened__efbed217", P = "lightBoxSideOverlayContent__5552c65f", ee = "opening__a20f528c", oe = "sm__38a43f60", te = "md__6e6fc55c", ie = "lg__b6796b6f", re = "lightBoxSideOverlay__ba98d069", e = {
-  lightBoxSideOverlayMask: J,
-  lightBoxSideOverlayWrapper: K,
-  overflowXHidden: Q,
-  overflowYHidden: V,
-  closing: Z,
-  opened: $,
-  lightBoxSideOverlayContent: P,
-  opening: ee,
-  sm: oe,
-  md: te,
-  lg: ie,
-  lightBoxSideOverlay: re
-}, le = q(e), v = ({
-  children: x,
-  className: S,
+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---Om3uMV.js";
+import { OverlayBase as L, 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 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__256fce2f", Q = "lightBoxSideOverlayWrapper__805bd18a", Z = "overflowXHidden__9e5b4c5b", $ = "overflowYHidden__c60db848", P = "closing__e8c2b453", ee = "opened__e396fdb4", oe = "lightBoxSideOverlayContent__d39f912e", te = "opening__dc51c24e", ie = "sm__e4234c2b", re = "md__b7934a0d", le = "lg__ca882061", ne = "lightBoxSideOverlay__95966326", 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: l,
   isLoading: a,
-  loadingTitle: _,
-  isTopLevelSideOverlayOpened: h,
-  isTopOverlayOpened: u,
+  loadingTitle: u,
+  isTopLevelSideOverlayOpened: p,
+  isTopOverlayOpened: b,
   onClose: s,
   onOpen: c,
   opened: o,
-  size: M = U.MD,
+  size: M = q.MD,
   ...k
 }) => {
-  const [i, d] = B(!1), [n, g] = B(!1), f = O(o), p = O(null);
-  X(() => {
-    f.current && !o ? (g(!1), d(!0)) : !f.current && o && (d(!1), g(!0)), f.current = o;
+  const [i, d] = O(!1), [n, 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 w = (r) => {
-    const { target: D, currentTarget: W } = r;
-    D === W && (i ? (d(!1), s == null || s()) : n && (g(!1), c == null || c()));
-  }, C = ({ opened: r }) => /* @__PURE__ */ t(R, { opened: r, className: e.lightBoxSideOverlayMask }), H = () => /* @__PURE__ */ y(
+    const { target: D, currentTarget: T } = r;
+    D === T && (i ? (d(!1), s == null || s()) : n && (g(!1), c == null || c()));
+  }, C = ({ opened: r }) => /* @__PURE__ */ t(j, { opened: r, className: e.lightBoxSideOverlayMask }), H = () => /* @__PURE__ */ B(
     "div",
     {
-      className: m(e.lightBoxSideOverlayContent, {
+      className: f(e.lightBoxSideOverlayContent, {
         [e.closing]: i,
         [e.opening]: n,
         [e.opened]: o
       }),
       onTransitionEnd: w,
-      ref: p,
+      ref: h,
       children: [
-        x,
-        a && /* @__PURE__ */ t(j, { loadingTitle: _ })
+        S,
+        a && /* @__PURE__ */ t(I, { loadingTitle: u })
       ]
     }
   ), N = () => {
-  }, b = m(S, e.lightBoxSideOverlayWrapper, le[M], {
+  }, E = f(_, e.lightBoxSideOverlayWrapper, ae[M], {
     [e.closing]: i,
     [e.opened]: o,
-    [e.overflowXHidden]: !!h || !!a,
-    [e.overflowYHidden]: !!h || !!a || !!u
-  }), E = (r) => /* @__PURE__ */ y(T, { children: [
+    [e.overflowXHidden]: !!p || !!a,
+    [e.overflowYHidden]: !!p || !!a || !!b
+  }), F = (r) => /* @__PURE__ */ B(X, { children: [
     C(r),
     H()
-  ] }), F = /* @__PURE__ */ t(
+  ] }), W = /* @__PURE__ */ t(
     "div",
     {
-      className: m(e.lightBoxSideOverlay, {
+      className: f(e.lightBoxSideOverlay, {
         [e.closing]: i,
         [e.opening]: n
       }),
-      children: /* @__PURE__ */ t(z, { direction: L.RIGHT, opened: o, setOpened: N, children: E })
+      children: /* @__PURE__ */ t(L, { direction: R.RIGHT, opened: o, setOpened: N, children: F })
     }
-  );
+  ), y = () => /* @__PURE__ */ t("div", { className: E, role: "dialog", "aria-modal": "true", ...k, children: W });
   return /* @__PURE__ */ t(
-    Y,
+    V,
     {
-      active: o && !n && !i,
-      ...l,
-      focusTrapOptions: {
-        allowOutsideClick: !0,
-        initialFocus: () => I.getFirstInteractionElementByDataAttr(p.current),
-        preventScroll: !0,
-        ...l == null ? void 0 : l.focusTrapOptions
-      },
-      children: /* @__PURE__ */ t("div", { className: b, role: "dialog", "aria-modal": "true", ...k, children: F })
+      fallback: /* @__PURE__ */ t(
+        z,
+        {
+          active: o && !n && !i,
+          ...l,
+          focusTrapOptions: {
+            allowOutsideClick: !0,
+            initialFocus: () => A.getFirstInteractionElementByDataAttr(h.current),
+            preventScroll: !0,
+            ...l == null ? void 0 : l.focusTrapOptions
+          },
+          children: y()
+        }
+      ),
+      children: y()
     }
   );
 };
 v.displayName = "LightBoxSideOverlay";
-v.CloseDesktop = G;
-v.CloseMobile = A;
+v.CloseDesktop = U;
+v.CloseMobile = G;
 export {
   v as LightBoxSideOverlay
 };

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseDesktop.js

@@ -7,7 +7,7 @@ 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-DPT31Rzn.js";
+import { s as r } from "../../../chunks/LightBoxSideOverlayClose.module-jdGcrQ0Q.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---Om3uMV.js";
 import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
-import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-DPT31Rzn.js";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-jdGcrQ0Q.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__7c2fcf11", c = {
+const n = "lightBoxSideOverlayLoaderWrapper__1c6eaea8", c = {
   lightBoxSideOverlayLoaderWrapper: n
 }, f = ({ loadingTitle: a }) => {
   const [t, r] = s(0), e = l(null);

package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js

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