@sberbusiness/triplex-next 1.27.0 → 1.29.0

package/components/IslandWidget/components/IslandWidgetExtraFooter.js

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

package/components/IslandWidget/components/IslandWidgetHeader.js

@@ -1,31 +1,33 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { useContext as l } from "react";
-import { c as a } from "../../../chunks/vendor-DudMBGKr.js";
-import { s as e } from "../../../chunks/IslandWidgetHeader.module-DqTmcCwj.js";
-import { IslandWidgetHeaderContent as c } from "./IslandWidgetHeaderContent.js";
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { useContext as p } from "react";
+import { c as a } from "../../../chunks/vendor-C_uS77iF.js";
+import { s as e } from "../../../chunks/IslandWidgetHeader.module-CEVaTpbx.js";
+import { IslandWidgetHeaderControls as c } from "./IslandWidgetHeaderControls.js";
 import { IslandWidgetHeaderDescription as f } from "./IslandWidgetHeaderDescription.js";
-import { CaretdownStrokeSrvIcon24 as I } from "@sberbusiness/icons-next";
-import { IslandWidgetContext as g } from "../IslandWidgetContext.js";
-const t = ({ children: o, className: s, ...i }) => {
-  const { adaptive: d, disableAdaptiveCollapsing: n, open: p } = l(g);
+import { IslandWidgetHeaderTitle as I } from "./IslandWidgetHeaderTitle.js";
+import { CaretdownStrokeSrvIcon24 as g } from "@sberbusiness/icons-next";
+import { IslandWidgetContext as W } from "../IslandWidgetContext.js";
+const r = ({ children: o, className: i, ...s }) => {
+  const { adaptive: d, disableAdaptiveCollapsing: n, open: l } = p(W);
   return /* @__PURE__ */ m(
     "div",
     {
-      ...i,
-      className: a(s, e.islandWidgetHeader, {
-        [e.open]: p
+      ...s,
+      className: a(i, e.islandWidgetHeader, {
+        [e.open]: l
       }),
       children: [
         o,
-        d && !n && /* @__PURE__ */ r("span", { className: a(e.caretWrapper), children: /* @__PURE__ */ r(I, { className: e.caretIcon, "aria-hidden": "true", paletteIndex: 5 }) })
+        d && !n && /* @__PURE__ */ t("span", { className: a(e.caretWrapper), children: /* @__PURE__ */ t(g, { className: e.caretIcon, "aria-hidden": "true", paletteIndex: 5 }) })
       ]
     }
   );
 };
-t.Content = c;
-t.Description = f;
-t.displayName = "IslandWidgetHeader";
+r.Title = I;
+r.Controls = c;
+r.Description = f;
+r.displayName = "IslandWidgetHeader";
 export {
-  t as IslandWidgetHeader
+  r as IslandWidgetHeader
 };
 //# sourceMappingURL=IslandWidgetHeader.js.map

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

package/components/IslandWidget/components/IslandWidgetHeaderControls.js

@@ -0,0 +1,18 @@
+import { jsx as l } from "react/jsx-runtime";
+import { c as r } from "../../../chunks/vendor-C_uS77iF.js";
+import { s as n } from "../../../chunks/IslandWidgetHeader.module-CEVaTpbx.js";
+const d = ({
+  children: s,
+  className: o,
+  ...a
+}) => {
+  const e = r(n.islandWidgetHeaderControls, o);
+  return /* @__PURE__ */ l("div", { ...a, className: e, onClick: (t) => {
+    t.stopPropagation();
+  }, children: s });
+};
+d.displayName = "IslandWidgetHeaderControls";
+export {
+  d as IslandWidgetHeaderControls
+};
+//# sourceMappingURL=IslandWidgetHeaderControls.js.map

package/components/IslandWidget/components/IslandWidgetHeaderDescription.js

@@ -1,11 +1,26 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as a } from "../../../chunks/vendor-DudMBGKr.js";
-import { s as t } from "../../../chunks/IslandWidgetHeader.module-DqTmcCwj.js";
+import { c as o } from "../../../chunks/vendor-C_uS77iF.js";
+import { s } from "../../../chunks/IslandWidgetHeader.module-CEVaTpbx.js";
+import { EFontType as m, ETextSize as p } from "../../Typography/enums.js";
+import "../../Typography/Caption.js";
+import "../../Typography/CodeText.js";
+import { Text as a } from "../../Typography/Text.js";
+import "../../Typography/Title.js";
 const d = ({
-  children: s,
-  className: e,
-  ...i
-}) => /* @__PURE__ */ r("div", { ...i, className: a(t.islandWidgetHeaderDescription, e), children: s });
+  children: e,
+  className: i,
+  ...t
+}) => /* @__PURE__ */ r(
+  a,
+  {
+    tag: "div",
+    size: p.B4,
+    type: m.SECONDARY,
+    ...t,
+    className: o(s.islandWidgetHeaderDescription, i),
+    children: e
+  }
+);
 d.displayName = "IslandWidgetHeaderDescription";
 export {
   d as IslandWidgetHeaderDescription

package/components/IslandWidget/components/IslandWidgetHeaderTitle.js

@@ -0,0 +1,18 @@
+import { jsx as r } from "react/jsx-runtime";
+import { ETitleSize as m } from "../../Typography/enums.js";
+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-CEVaTpbx.js";
+import { c as a } from "../../../chunks/vendor-C_uS77iF.js";
+const l = ({
+  children: e,
+  className: i,
+  ...t
+}) => /* @__PURE__ */ r(o, { size: m.H3, ...t, className: a(s.islandWidgetHeaderTitle, i), children: e });
+l.displayName = "IslandWidgetHeaderTitle";
+export {
+  l as IslandWidgetHeaderTitle
+};
+//# sourceMappingURL=IslandWidgetHeaderTitle.js.map

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-DudMBGKr.js";
+import { c as l } from "../../../chunks/vendor-C_uS77iF.js";
 import { IslandWidgetLayoutContext as n } from "../IslandWidgetLayoutContext.js";
-const W = "islandWidgetWrapper__fc3cbc78", c = {
+const W = "islandWidgetWrapper__84966910", m = {
   islandWidgetWrapper: W
-}, m = i.forwardRef(
+}, 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, t), ...a, 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 V, jsx as o } from "react/jsx-runtime";
+import { jsxs as f, Fragment as V, jsx as o } from "react/jsx-runtime";
 import { useRef as n, useEffect as B } from "react";
-import { c as A, g as D } from "../../chunks/vendor-DudMBGKr.js";
-import { L as F, s as e } from "../../chunks/LightBoxContent-CK07PlB9.js";
+import { c as A, g as D } from "../../chunks/vendor-C_uS77iF.js";
+import { L as F, s as e } from "../../chunks/LightBoxContent-DdWEYnjf.js";
 import { LightBoxControls as I } from "./LightBoxControls/LightBoxControls.js";
 import { LightBoxSideOverlay as T } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
 import { Portal as k } from "../Portal/Portal.js";
@@ -15,10 +15,10 @@ 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__8325f2be",
-  "scroll-15": "scroll-15__419a5d9f",
-  "scroll-16": "scroll-16__f692134c",
-  "scroll-17": "scroll-17__f933abef"
+  "scroll-0": "scroll-0__24e83136",
+  "scroll-15": "scroll-15__ab0777d6",
+  "scroll-16": "scroll-16__11b588c2",
+  "scroll-17": "scroll-17__dede482f"
 }, p = "LightBox-next-mount-node", L = "LightBox-next-view-manager-node", N = [e.bodyOverflowHidden], b = ({
   children: M,
   className: v,
@@ -62,12 +62,12 @@ const J = {
   );
   if (!a.current)
     return null;
-  const f = () => /* @__PURE__ */ x("div", { className: R, ref: O, role: "dialog", "aria-modal": "true", ...E, children: [
+  const x = () => /* @__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__ */ x(V, { children: [
+  return /* @__PURE__ */ f(V, { children: [
     /* @__PURE__ */ o(k, { container: a.current, children: /* @__PURE__ */ o(
       W,
       {
@@ -82,10 +82,10 @@ const J = {
               preventScroll: !0,
               ...r == null ? void 0 : r.focusTrapOptions
             },
-            children: f()
+            children: x()
           }
         ),
-        children: f()
+        children: x()
       }
     ) }),
     g.current && /* @__PURE__ */ o(

package/components/LightBox/LightBoxContent.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
 import "../WindowResizeListener/WindowResizeListener.js";
-import "../../chunks/vendor-DudMBGKr.js";
+import "../../chunks/vendor-C_uS77iF.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L as n } from "../../chunks/LightBoxContent-CK07PlB9.js";
+import { L as n } from "../../chunks/LightBoxContent-DdWEYnjf.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-DudMBGKr.js";
+import { c as u } from "../../../chunks/vendor-C_uS77iF.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-DR9tmKz6.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-CnAa2Vmk.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-DudMBGKr.js";
-import { s as p } from "../../../chunks/LightBoxControls.module-DR9tmKz6.js";
+import { c as e } from "../../../chunks/vendor-C_uS77iF.js";
+import { s as p } from "../../../chunks/LightBoxControls.module-CnAa2Vmk.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-DudMBGKr.js";
+import { c as n } from "../../../chunks/vendor-C_uS77iF.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-DR9tmKz6.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-CnAa2Vmk.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-DudMBGKr.js";
+import { c as n } from "../../../chunks/vendor-C_uS77iF.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-DR9tmKz6.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-CnAa2Vmk.js";
 const N = ({
   className: u,
   clickByArrowLeft: x,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -1,49 +1,50 @@
-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 f, F as Y } from "../../../chunks/vendor-DudMBGKr.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__6e2ea499", K = "lightBoxSideOverlayWrapper__bd7af451", Q = "overflowXHidden__f3278e1e", V = "overflowYHidden__8ad6b597", Z = "closing__136d90da", $ = "opened__1dcd7c75", P = "lightBoxSideOverlayContent__d5c22b92", ee = "opening__5a581a45", oe = "sm__88f22a3d", te = "md__2c147acf", ie = "lg__08fcc347", re = "lightBoxSideOverlay__288605bf", 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-C_uS77iF.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__a304f998", Q = "lightBoxSideOverlayWrapper__cc9ea374", Z = "overflowXHidden__97ab002e", $ = "overflowYHidden__5b247a0d", P = "closing__d7797afc", ee = "opened__77312758", oe = "lightBoxSideOverlayContent__488c1889", te = "opening__3a1bab9d", ie = "sm__11e04fcf", re = "md__39a9bce0", le = "lg__74c6db1b", ne = "lightBoxSideOverlay__5f8fa579", 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: M,
   onClose: s,
   onOpen: c,
   opened: o,
-  size: M = U.MD,
+  size: b = q.MD,
   ...k
 }) => {
-  const [i, d] = B(!1), [n, g] = B(!1), m = O(o), p = O(null);
-  X(() => {
+  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: f(e.lightBoxSideOverlayContent, {
@@ -52,49 +53,55 @@ const J = "lightBoxSideOverlayMask__6e2ea499", K = "lightBoxSideOverlayWrapper__
         [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 = f(S, e.lightBoxSideOverlayWrapper, le[M], {
+  }, E = f(_, e.lightBoxSideOverlayWrapper, ae[b], {
     [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 || !!M
+  }), F = (r) => /* @__PURE__ */ B(X, { children: [
     C(r),
     H()
-  ] }), F = /* @__PURE__ */ t(
+  ] }), W = /* @__PURE__ */ t(
     "div",
     {
       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

@@ -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-DudMBGKr.js";
+import { c } from "../../../chunks/vendor-C_uS77iF.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-BiFhnV3i.js";
+import { s as r } from "../../../chunks/LightBoxSideOverlayClose.module-Du9-TT1c.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-DudMBGKr.js";
+import { c as r } from "../../../chunks/vendor-C_uS77iF.js";
 import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
-import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-BiFhnV3i.js";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-Du9-TT1c.js";
 import { EButtonTheme as l } from "../../Button/enums.js";
 import { EComponentSize as s } from "../../../enums/EComponentSize.js";
 import { Button as a } from "../../Button/Button.js";

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayLoader.js

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

package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -1,31 +1,31 @@
 import { jsx as b } from "react/jsx-runtime";
 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-DudMBGKr.js";
-const j = "lightBoxLeftSidebar__12028f92", z = "fixed__2e9fb539", E = "hidden__8ebb64d8", r = {
+import { c as h } from "../../../chunks/vendor-C_uS77iF.js";
+const j = "lightBoxLeftSidebar__cdb1da8c", z = "fixed__57e3f7be", E = "hidden__118e804a", r = {
   lightBoxLeftSidebar: j,
   fixed: z,
   hidden: E
 }, O = N(
-  ({ children: m, className: L, fixed: B, minVisibleWidth: f = 100, onShow: s, onHide: i, ...g }, p) => {
+  ({ 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 = o(s), t = o(i);
     return x(() => {
       e.current = s, t.current = i;
     }, [s, i]), x(() => {
-      const d = n.current;
-      if (!d) return;
-      const l = new ResizeObserver((S) => {
+      const f = n.current;
+      if (!f) return;
+      const a = new ResizeObserver((S) => {
         for (const y of S) {
-          const c = y.contentRect.width > f;
+          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(d), () => l.disconnect();
-    }, [f]), /* @__PURE__ */ b(
+      return a.observe(f), () => a.disconnect();
+    }, [d]), /* @__PURE__ */ b(
       "div",
       {
         ref: n,