@sberbusiness/triplex-next 0.22.0 → 0.23.0

package/components/IslandWidget/IslandWidget.js

@@ -9,31 +9,31 @@ import { IslandWidgetHeader as H } from "./components/IslandWidgetHeader.js";
 import { IslandWidgetBody as M } from "./components/IslandWidgetBody.js";
 import { IslandWidgetFooter as w } from "./components/IslandWidgetFooter.js";
 import { IslandWidgetExtraFooter as C } from "./components/IslandWidgetExtraFooter.js";
-import { EComponentSize as b } from "../../enums/EComponentSize.js";
+import { EComponentSize as A } from "../../enums/EComponentSize.js";
 import { c as m } from "../../chunks/vendor---Om3uMV.js";
-import { IslandWidgetLayoutContext as A } from "./IslandWidgetLayoutContext.js";
-import { IslandWidgetContext as S } from "./IslandWidgetContext.js";
-import { ExpandAnimation as O } from "../ExpandAnimation/ExpandAnimation.js";
+import { IslandWidgetLayoutContext as S } from "./IslandWidgetLayoutContext.js";
+import { IslandWidgetContext as O } from "./IslandWidgetContext.js";
+import { ExpandAnimation as j } from "../ExpandAnimation/ExpandAnimation.js";
 import { EScreenWidth as p } from "../../helpers/breakpoints.js";
-import { useMatchMedia as j } from "../MediaWidth/useMatchMedia.js";
-const N = "islandWidget__a9e36b8a", k = "islandWidgetWithExtraFooter__b8fa3bfc", z = "islandWidgetHeaderWrapperAdaptive__b65ab99f", o = {
-  islandWidget: N,
+import { useMatchMedia as N } from "../MediaWidth/useMatchMedia.js";
+const b = "islandWidget__1103a153", k = "islandWidgetWithExtraFooter__d582c8a9", z = "islandWidgetHeaderWrapperAdaptive__93b2037b", d = {
+  islandWidget: b,
   islandWidgetWithExtraFooter: k,
   islandWidgetHeaderWrapperAdaptive: z
 }, B = Object.assign(
   F.forwardRef(
-    ({ className: l, renderBody: c, renderFooter: d, renderHeader: W, disableAdaptiveCollapsing: r = !1, ...f }, g) => {
-      const { hasExtraFooter: x } = _(A), [i, h] = v(r), e = j(
+    ({ className: l, renderBody: c, renderFooter: o, renderHeader: W, disableAdaptiveCollapsing: r = !1, ...g }, x) => {
+      const { hasExtraFooter: f } = _(S), [i, h] = v(r), e = N(
         `(max-width: ${p.SM_MAX})`,
         window.innerWidth <= parseInt(p.SM_MAX)
       ), E = () => {
         h(!i);
       }, I = e && !r, a = () => /* @__PURE__ */ n(s, { children: [
         c({}),
-        d ? d({}) : null
+        o ? o({}) : null
       ] });
       return /* @__PURE__ */ t(
-        S.Provider,
+        O.Provider,
         {
           value: {
             adaptive: e,
@@ -43,24 +43,24 @@ const N = "islandWidget__a9e36b8a", k = "islandWidgetWithExtraFooter__b8fa3bfc",
           children: /* @__PURE__ */ t(
             "div",
             {
-              className: m(o.islandWidget, l, {
-                [o.islandWidgetWithExtraFooter]: x
+              className: m(d.islandWidget, l, {
+                [d.islandWidgetWithExtraFooter]: f
               }),
-              "data-tx": "0.22.0",
-              ...f,
-              ref: g,
-              children: /* @__PURE__ */ n(u, { type: y.TYPE_1, size: b.MD, children: [
+              "data-tx": "0.23.0",
+              ...g,
+              ref: x,
+              children: /* @__PURE__ */ n(u, { type: y.TYPE_1, size: A.MD, children: [
                 /* @__PURE__ */ t(
                   "div",
                   {
                     className: m({
-                      [o.islandWidgetHeaderWrapperAdaptive]: e
+                      [d.islandWidgetHeaderWrapperAdaptive]: e
                     }),
                     onClick: e ? E : void 0,
                     children: W({})
                   }
                 ),
-                I ? /* @__PURE__ */ t(O, { expanded: i, children: a() }) : /* @__PURE__ */ t(s, { children: a() })
+                I ? /* @__PURE__ */ t(j, { expanded: i, children: a() }) : /* @__PURE__ */ t(s, { children: a() })
               ] })
             }
           )

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 a = "islandWidgetBody__5795525b", e = {
-  islandWidgetBody: a
-}, l = ({ children: d, className: s, ...i }) => /* @__PURE__ */ o("div", { ...i, className: t(e.islandWidgetBody, s), children: d });
+const e = "islandWidgetBody__de1b686c", a = {
+  islandWidgetBody: e
+}, l = ({ children: d, className: s, ...i }) => /* @__PURE__ */ o("div", { ...i, className: t(a.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__bf65714b", c = {
+const m = "islandWidgetExtraFooter__bec06332", c = {
   islandWidgetExtraFooter: m
-}, f = ({
-  children: r,
-  className: e,
+}, E = ({
+  children: e,
+  className: r,
   open: t = !1,
   ...a
 }) => {
   const { setHasExtraFooter: s } = i(l);
   return d(() => {
     s(t);
-  }, [t]), /* @__PURE__ */ o("div", { ...a, className: n(e, c.islandWidgetExtraFooter), children: /* @__PURE__ */ o(x, { expanded: t, children: r }) });
+  }, [t]), /* @__PURE__ */ o("div", { ...a, className: n(r, c.islandWidgetExtraFooter), children: /* @__PURE__ */ o(x, { expanded: t, children: e }) });
 };
-f.displayName = "IslandWidgetExtraFooter";
+E.displayName = "IslandWidgetExtraFooter";
 export {
-  f as IslandWidgetExtraFooter
+  E 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-CevMa9bc.js";
+import { s as n } from "../../../chunks/IslandWidgetFooter.module-ClvLmtck.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-CevMa9bc.js";
+import { s } from "../../../chunks/IslandWidgetFooter.module-ClvLmtck.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-CevMa9bc.js";
+import { s as r } from "../../../chunks/IslandWidgetFooter.module-ClvLmtck.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-DTRWPBN8.js";
+import { s as e } from "../../../chunks/IslandWidgetHeader.module-CuVaAc4F.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-DTRWPBN8.js";
+import { s as o } from "../../../chunks/IslandWidgetHeader.module-CuVaAc4F.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-DTRWPBN8.js";
+import { s as t } from "../../../chunks/IslandWidgetHeader.module-CuVaAc4F.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__cbfc081e", c = {
+const W = "islandWidgetWrapper__b84f198f", 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 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---Om3uMV.js";
-import { L as I, s as e } from "../../chunks/LightBoxContent-qf3pAUrN.js";
+import { L as I, s as e } from "../../chunks/LightBoxContent-Lme9r-vN.js";
 import { LightBoxControls as R } from "./LightBoxControls/LightBoxControls.js";
 import { LightBoxSideOverlay as k } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
 import { Portal as D } from "../Portal/Portal.js";
@@ -14,18 +14,18 @@ import { useToken as z } from "../ThemeProvider/useToken.js";
 import { LightBoxLeftSidebar as H } from "./LightBoxSidebars/LightBoxLeftSidebar.js";
 import { LightBoxRightSidebar as U } from "./LightBoxSidebars/LightBoxRightSidebar.js";
 const Z = {
-  "scroll-0": "scroll-0__b9d28bda",
-  "scroll-15": "scroll-15__f622e7f2",
-  "scroll-16": "scroll-16__2b1a0011",
-  "scroll-17": "scroll-17__5c306f8a"
-}, p = "LightBox-next-mount-node", L = "LightBox-next-view-manager-node", b = [e.bodyOverflowHidden], N = ({
+  "scroll-0": "scroll-0__5c08ebb9",
+  "scroll-15": "scroll-15__26152f74",
+  "scroll-16": "scroll-16__4add754e",
+  "scroll-17": "scroll-17__27fd2461"
+}, p = "LightBox-next-mount-node", L = "LightBox-next-view-manager-node", N = [e.bodyOverflowHidden], b = ({
   children: M,
   className: v,
   focusTrapProps: r,
   forwardRef: c,
   mountNode: s,
-  lightBoxViewManagerNodeId: m = L,
-  isLoading: d,
+  lightBoxViewManagerNodeId: d = L,
+  isLoading: m,
   isSideOverlayOpened: i,
   isTopOverlayOpened: y,
   ...S
@@ -35,11 +35,11 @@ const Z = {
     return s ? t = s : (t = document.querySelector(`#${p}`), t || (t = document.createElement("div"), t.setAttribute("id", p), document.body.appendChild(t))), t;
   }, w = () => {
     let t = null;
-    return m && (t = document.querySelector(`#${m}`)), t || (t = document.createElement("div"), t.setAttribute("id", L), document.body.appendChild(t)), t;
+    return d && (t = document.querySelector(`#${d}`)), t || (t = document.createElement("div"), t.setAttribute("id", L), document.body.appendChild(t)), t;
   }, a = n(E()), g = n(w()), h = () => {
-    b.forEach((t) => document.documentElement.classList.add(t));
+    N.forEach((t) => document.documentElement.classList.add(t));
   };
-  B(() => (T(Z), h(), setTimeout(h, 100), () => b.forEach((t) => document.documentElement.classList.remove(t))), []), B(() => {
+  B(() => (T(Z), h(), setTimeout(h, 100), () => N.forEach((t) => document.documentElement.classList.remove(t))), []), B(() => {
     if (!i && l.current) {
       const t = Math.round(Math.random() * 100);
       l.current.style.zIndex = t.toString();
@@ -51,7 +51,7 @@ const Z = {
     C,
     e.lightBox,
     {
-      [e.isLoading]: !!d,
+      [e.isLoading]: !!m,
       [e.lightBoxSideOverlayActive]: !!i,
       [e.lightBoxTopOverlayActive]: !!y
     },
@@ -71,7 +71,7 @@ const Z = {
         fallback: /* @__PURE__ */ o(
           A,
           {
-            active: !d,
+            active: !m,
             ...r,
             focusTrapOptions: {
               allowOutsideClick: !0,
@@ -94,8 +94,8 @@ const Z = {
     )
   ] });
 };
-N.displayName = "LightBoxBase";
-const ct = Object.assign(N, {
+b.displayName = "LightBoxBase";
+const ct = Object.assign(b, {
   Content: I,
   SideOverlay: k,
   TopOverlay: j,

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-qf3pAUrN.js";
+import { L as n } from "../../chunks/LightBoxContent-Lme9r-vN.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-Bg_GYyOS.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-qhDcQmnH.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-Bg_GYyOS.js";
+import { s as p } from "../../../chunks/LightBoxControls.module-qhDcQmnH.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-Bg_GYyOS.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-qhDcQmnH.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-Bg_GYyOS.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-qhDcQmnH.js";
 const N = ({
   className: u,
   clickByArrowLeft: x,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -9,7 +9,7 @@ import { LightBoxSideOverlayCloseMobile as A } from "./LightBoxSideOverlayCloseM
 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__abe8a8fc", K = "lightBoxSideOverlayWrapper__c56bdbae", Q = "overflowXHidden__a68a57d9", V = "overflowYHidden__4ebae16d", Z = "closing__d0e751aa", $ = "opened__47e191f1", P = "lightBoxSideOverlayContent__0b9a049d", ee = "opening__f98e919a", oe = "sm__50b5bf3e", te = "md__a0af8919", ie = "lg__a7ed7ee1", re = "lightBoxSideOverlay__7e494b23", e = {
+const J = "lightBoxSideOverlayMask__a9b3dc3d", K = "lightBoxSideOverlayWrapper__706995a9", Q = "overflowXHidden__da983460", V = "overflowYHidden__f2d08965", Z = "closing__647d498d", $ = "opened__55b09648", P = "lightBoxSideOverlayContent__d803707e", ee = "opening__180f70ad", oe = "sm__5629a592", te = "md__a799085d", ie = "lg__4bc9799e", re = "lightBoxSideOverlay__8e1fa606", e = {
   lightBoxSideOverlayMask: J,
   lightBoxSideOverlayWrapper: K,
   overflowXHidden: Q,
@@ -26,61 +26,61 @@ const J = "lightBoxSideOverlayMask__abe8a8fc", K = "lightBoxSideOverlayWrapper__
   children: x,
   className: S,
   focusTrapProps: l,
-  isLoading: n,
+  isLoading: a,
   loadingTitle: _,
   isTopLevelSideOverlayOpened: h,
   isTopOverlayOpened: u,
   onClose: s,
-  onOpen: c,
+  onOpen: d,
   opened: o,
   size: M = U.MD,
-  ...b
+  ...k
 }) => {
-  const [i, d] = B(!1), [a, g] = B(!1), m = O(o), p = O(null);
+  const [i, c] = B(!1), [n, g] = B(!1), m = O(o), p = O(null);
   X(() => {
-    m.current && !o ? (g(!1), d(!0)) : !m.current && o && (d(!1), g(!0)), m.current = o;
+    m.current && !o ? (g(!1), c(!0)) : !m.current && o && (c(!1), g(!0)), m.current = o;
   }, [o]);
-  const k = (r) => {
+  const w = (r) => {
     const { target: D, currentTarget: W } = r;
-    D === W && (i ? (d(!1), s == null || s()) : a && (g(!1), c == null || c()));
-  }, w = ({ opened: r }) => /* @__PURE__ */ t(R, { opened: r, className: e.lightBoxSideOverlayMask }), C = () => /* @__PURE__ */ y(
+    D === W && (i ? (c(!1), s == null || s()) : n && (g(!1), d == null || d()));
+  }, C = ({ opened: r }) => /* @__PURE__ */ t(R, { opened: r, className: e.lightBoxSideOverlayMask }), H = () => /* @__PURE__ */ y(
     "div",
     {
       className: v(e.lightBoxSideOverlayContent, {
         [e.closing]: i,
-        [e.opening]: a,
+        [e.opening]: n,
         [e.opened]: o
       }),
-      onTransitionEnd: k,
+      onTransitionEnd: w,
       ref: p,
       children: [
         x,
-        n && /* @__PURE__ */ t(j, { loadingTitle: _ })
+        a && /* @__PURE__ */ t(j, { loadingTitle: _ })
       ]
     }
-  ), H = () => {
-  }, N = v(S, e.lightBoxSideOverlayWrapper, le[M], {
+  ), N = () => {
+  }, E = v(S, e.lightBoxSideOverlayWrapper, le[M], {
     [e.closing]: i,
     [e.opened]: o,
-    [e.overflowXHidden]: !!h || !!n,
-    [e.overflowYHidden]: !!h || !!n || !!u
-  }), E = (r) => /* @__PURE__ */ y(T, { children: [
-    w(r),
-    C()
-  ] }), F = /* @__PURE__ */ t(
+    [e.overflowXHidden]: !!h || !!a,
+    [e.overflowYHidden]: !!h || !!a || !!u
+  }), F = (r) => /* @__PURE__ */ y(T, { children: [
+    C(r),
+    H()
+  ] }), b = /* @__PURE__ */ t(
     "div",
     {
       className: v(e.lightBoxSideOverlay, {
         [e.closing]: i,
-        [e.opening]: a
+        [e.opening]: n
       }),
-      children: /* @__PURE__ */ t(z, { direction: L.RIGHT, opened: o, setOpened: H, children: E })
+      children: /* @__PURE__ */ t(z, { direction: L.RIGHT, opened: o, setOpened: N, children: F })
     }
   );
   return /* @__PURE__ */ t(
     Y,
     {
-      active: o && !a && !i,
+      active: o && !n && !i,
       ...l,
       focusTrapOptions: {
         allowOutsideClick: !0,
@@ -88,7 +88,7 @@ const J = "lightBoxSideOverlayMask__abe8a8fc", K = "lightBoxSideOverlayWrapper__
         preventScroll: !0,
         ...l == null ? void 0 : l.focusTrapOptions
       },
-      children: /* @__PURE__ */ t("div", { className: N, role: "dialog", "aria-modal": "true", ...b, children: F })
+      children: /* @__PURE__ */ t("div", { className: E, role: "dialog", "aria-modal": "true", ...k, children: b })
     }
   );
 };

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-Cgag40bQ.js";
+import { s as r } from "../../../chunks/LightBoxSideOverlayClose.module-CK8Rh-qO.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-Cgag40bQ.js";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-CK8Rh-qO.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__05da6e04", c = {
+import { useState as s, useRef as l, useEffect as p } from "react";
+import { LoaderScreen as d } from "../../LoaderScreen/LoaderScreen.js";
+const n = "lightBoxSideOverlayLoaderWrapper__98a57a98", 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,17 +1,43 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as a } from "../../../chunks/vendor---Om3uMV.js";
-const f = "lightBoxLeftSidebar__d0b0e574", x = "fixed__f7c37ebc", s = "lightBoxLeftSidebarInner__deb1836d", e = {
-  lightBoxLeftSidebar: f,
-  fixed: x,
-  lightBoxLeftSidebarInner: s
-}, l = ({
-  children: t,
-  className: d,
-  fixed: o,
-  ...r
-}) => /* @__PURE__ */ i("div", { className: a(d, e.lightBoxLeftSidebar, { [e.fixed]: o }), ...r, children: /* @__PURE__ */ i("div", { className: e.lightBoxLeftSidebarInner, children: t }) });
-l.displayName = "LightBoxLeftSidebar";
+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---Om3uMV.js";
+const j = "lightBoxLeftSidebar__29b53383", z = "fixed__263b6d23", E = "hidden__a36cafa1", r = {
+  lightBoxLeftSidebar: j,
+  fixed: z,
+  hidden: E
+}, O = N(
+  ({ children: m, className: L, fixed: B, minVisibleWidth: d = 100, onShow: s, onHide: i, ...g }, p) => {
+    const n = o(null);
+    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 f = n.current;
+      if (!f) return;
+      const a = new ResizeObserver((S) => {
+        for (const y of S) {
+          const c = y.contentRect.width > d;
+          _((I) => {
+            var l, u;
+            return c !== I && (c ? (l = e.current) == null || l.call(e) : (u = t.current) == null || u.call(t)), c;
+          });
+        }
+      });
+      return a.observe(f), () => a.disconnect();
+    }, [d]), /* @__PURE__ */ b(
+      "div",
+      {
+        ref: n,
+        className: h(L, r.lightBoxLeftSidebar, { [r.fixed]: B }),
+        ...g,
+        children: /* @__PURE__ */ b("div", { className: h(r.lightBoxLeftSidebarInner, { [r.hidden]: !v }), children: m })
+      }
+    );
+  }
+);
+O.displayName = "LightBoxLeftSidebar";
 export {
-  l as LightBoxLeftSidebar
+  O as LightBoxLeftSidebar
 };
 //# sourceMappingURL=LightBoxLeftSidebar.js.map

package/components/LightBox/LightBoxSidebars/LightBoxRightSidebar.js

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