@sberbusiness/triplex-next 0.28.0 → 0.30.0

package/components/IslandWidget/IslandWidget.js

@@ -10,17 +10,17 @@ import { IslandWidgetBody as w } from "./components/IslandWidgetBody.js";
 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 { c as m } from "../../chunks/vendor-z35N2Tap.js";
 import { IslandWidgetLayoutContext as O } from "./IslandWidgetLayoutContext.js";
-import { IslandWidgetContext as j } from "./IslandWidgetContext.js";
-import { ExpandAnimation as N } from "../ExpandAnimation/ExpandAnimation.js";
+import { IslandWidgetContext as b } from "./IslandWidgetContext.js";
+import { ExpandAnimation as j } from "../ExpandAnimation/ExpandAnimation.js";
 import { EScreenWidth as p } from "../../helpers/breakpoints.js";
-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(
+import { useMatchMedia as N } from "../MediaWidth/useMatchMedia.js";
+const k = "islandWidget__b449c937", B = "islandWidgetWithExtraFooter__9e7d5fbd", P = "islandWidgetHeaderWrapperAdaptive__e3df80db", i = {
+  islandWidget: k,
+  islandWidgetWithExtraFooter: B,
+  islandWidgetHeaderWrapperAdaptive: P
+}, R = Object.assign(
   _.forwardRef(
     ({
       className: l,
@@ -31,7 +31,7 @@ const B = "islandWidget__b3e090cd", P = "islandWidgetWithExtraFooter__deefa741",
       disableAdaptiveCollapsing: r = !1,
       ...g
     }, x) => {
-      const { hasExtraFooter: h } = v(O), [d, E] = u(r), e = k(
+      const { hasExtraFooter: h } = v(O), [d, E] = u(r), e = N(
         `(max-width: ${p.SM_MAX})`,
         window.innerWidth <= parseInt(p.SM_MAX)
       ), I = () => {
@@ -41,7 +41,7 @@ const B = "islandWidget__b3e090cd", P = "islandWidgetWithExtraFooter__deefa741",
         o ? o({}) : null
       ] });
       return /* @__PURE__ */ t(
-        j.Provider,
+        b.Provider,
         {
           value: {
             adaptive: e,
@@ -54,7 +54,7 @@ const B = "islandWidget__b3e090cd", P = "islandWidgetWithExtraFooter__deefa741",
               className: m(i.islandWidget, l, {
                 [i.islandWidgetWithExtraFooter]: h
               }),
-              "data-tx": "0.28.0",
+              "data-tx": "0.30.0",
               ...g,
               ref: x,
               children: /* @__PURE__ */ a(y, { type: H.TYPE_1, size: c, children: [
@@ -68,7 +68,7 @@ const B = "islandWidget__b3e090cd", P = "islandWidgetWithExtraFooter__deefa741",
                     children: f({})
                   }
                 ),
-                F ? /* @__PURE__ */ t(N, { expanded: d, children: n() }) : /* @__PURE__ */ t(s, { children: n() })
+                F ? /* @__PURE__ */ t(j, { expanded: d, children: n() }) : /* @__PURE__ */ t(s, { children: n() })
               ] })
             }
           )
@@ -83,8 +83,8 @@ const B = "islandWidget__b3e090cd", P = "islandWidgetWithExtraFooter__deefa741",
     ExtraFooter: A
   }
 );
-T.displayName = "IslandWidget";
+R.displayName = "IslandWidget";
 export {
-  T as IslandWidget
+  R 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 a = "islandWidgetBody__fd9063ff", e = {
-  islandWidgetBody: a
-}, l = ({ children: d, className: s, ...i }) => /* @__PURE__ */ o("div", { ...i, className: t(e.islandWidgetBody, s), children: d });
+import { c as t } from "../../../chunks/vendor-z35N2Tap.js";
+const e = "islandWidgetBody__e871bfb5", 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

@@ -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---Om3uMV.js";
+import { useContext as d, useEffect as i } from "react";
+import { c as n } from "../../../chunks/vendor-z35N2Tap.js";
 import { ExpandAnimation as x } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandWidgetLayoutContext as l } from "../IslandWidgetLayoutContext.js";
-const m = "islandWidgetExtraFooter__0c065fbc", c = {
+const m = "islandWidgetExtraFooter__91512dec", c = {
   islandWidgetExtraFooter: m
-}, f = ({
-  children: r,
-  className: e,
+}, E = ({
+  children: e,
+  className: r,
   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(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-DsHrU6Ao.js";
+import { c as i } from "../../../chunks/vendor-z35N2Tap.js";
+import { s as n } from "../../../chunks/IslandWidgetFooter.module-DkGCGVtt.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-DsHrU6Ao.js";
+import { s } from "../../../chunks/IslandWidgetFooter.module-DkGCGVtt.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-DsHrU6Ao.js";
+import { s as r } from "../../../chunks/IslandWidgetFooter.module-DkGCGVtt.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---Om3uMV.js";
-import { s as e } from "../../../chunks/IslandWidgetHeader.module-BntNmew_.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-z35N2Tap.js";
+import { s as e } from "../../../chunks/IslandWidgetHeader.module-D_0Z5Wkx.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---Om3uMV.js";
-import { s as o } from "../../../chunks/IslandWidgetHeader.module-BntNmew_.js";
+import { c as d } from "../../../chunks/vendor-z35N2Tap.js";
+import { s as o } from "../../../chunks/IslandWidgetHeader.module-D_0Z5Wkx.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-z35N2Tap.js";
+import { s as n } from "../../../chunks/IslandWidgetHeader.module-D_0Z5Wkx.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---Om3uMV.js";
-import { s as t } from "../../../chunks/IslandWidgetHeader.module-BntNmew_.js";
+import { c as o } from "../../../chunks/vendor-z35N2Tap.js";
+import { s } from "../../../chunks/IslandWidgetHeader.module-D_0Z5Wkx.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-D_0Z5Wkx.js";
+import { c as a } from "../../../chunks/vendor-z35N2Tap.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---Om3uMV.js";
+import { c as l } from "../../../chunks/vendor-z35N2Tap.js";
 import { IslandWidgetLayoutContext as n } from "../IslandWidgetLayoutContext.js";
-const W = "islandWidgetWrapper__854c0a52", c = {
+const W = "islandWidgetWrapper__9468b768", 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 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-CpxzDBba.js";
+import { c as A, F as D } from "../../chunks/vendor-z35N2Tap.js";
+import { L as I, s as e } from "../../chunks/LightBoxContent-C-Q4JvDf.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,12 +15,12 @@ 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__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,
+  "scroll-0": "scroll-0__07266a3d",
+  "scroll-15": "scroll-15__c146d846",
+  "scroll-16": "scroll-16__091205f7",
+  "scroll-17": "scroll-17__16119bd1"
+}, p = "LightBox-next-mount-node", L = "LightBox-next-view-manager-node", N = [e.bodyOverflowHidden], M = ({
+  children: b,
   className: v,
   focusTrapProps: r,
   forwardRef: c,
@@ -64,7 +64,7 @@ const J = {
     return null;
   const x = () => /* @__PURE__ */ B("div", { className: F, ref: O, role: "dialog", "aria-modal": "true", ...C, children: [
     /* @__PURE__ */ o("div", { className: e.lightBoxBackdrop }),
-    M,
+    b,
     /* @__PURE__ */ o("span", { ref: l, className: e.tempElSafariBug })
   ] });
   return /* @__PURE__ */ B(V, { children: [
@@ -97,8 +97,8 @@ const J = {
     )
   ] });
 };
-b.displayName = "LightBoxBase";
-const dt = Object.assign(b, {
+M.displayName = "LightBoxBase";
+const dt = Object.assign(M, {
   Content: I,
   SideOverlay: k,
   TopOverlay: q,

package/components/LightBox/LightBoxContent.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
-import "../../chunks/vendor---Om3uMV.js";
+import "../../chunks/vendor-z35N2Tap.js";
 import "../WindowResizeListener/WindowResizeListener.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L as n } from "../../chunks/LightBoxContent-CpxzDBba.js";
+import { L as n } from "../../chunks/LightBoxContent-C-Q4JvDf.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---Om3uMV.js";
+import { c as u } from "../../../chunks/vendor-z35N2Tap.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-BulvfqYp.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-D6dJVyd1.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---Om3uMV.js";
-import { s as p } from "../../../chunks/LightBoxControls.module-BulvfqYp.js";
+import { c as e } from "../../../chunks/vendor-z35N2Tap.js";
+import { s as p } from "../../../chunks/LightBoxControls.module-D6dJVyd1.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---Om3uMV.js";
+import { c as n } from "../../../chunks/vendor-z35N2Tap.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-BulvfqYp.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-D6dJVyd1.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---Om3uMV.js";
+import { c as n } from "../../../chunks/vendor-z35N2Tap.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-BulvfqYp.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-D6dJVyd1.js";
 const N = ({
   className: u,
   clickByArrowLeft: x,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -1,6 +1,6 @@
 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 { c as v, F as z } from "../../../chunks/vendor-z35N2Tap.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";
@@ -10,7 +10,7 @@ import { LightBoxSideOverlayCloseDesktop as U } from "./LightBoxSideOverlayClose
 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 = {
+const K = "lightBoxSideOverlayMask__0000e939", Q = "lightBoxSideOverlayWrapper__92476353", Z = "overflowXHidden__bf76ae44", $ = "overflowYHidden__a5e59559", P = "closing__8d2bc4f4", ee = "opened__72bb30e6", oe = "lightBoxSideOverlayContent__540ec9c8", te = "opening__32a55e3e", ie = "sm__ad02fc65", re = "md__ee839964", le = "lg__640ea2ad", ne = "lightBoxSideOverlay__ecda4314", e = {
   lightBoxSideOverlayMask: K,
   lightBoxSideOverlayWrapper: Q,
   overflowXHidden: Z,
@@ -23,36 +23,36 @@ const K = "lightBoxSideOverlayMask__256fce2f", Q = "lightBoxSideOverlayWrapper__
   md: re,
   lg: le,
   lightBoxSideOverlay: ne
-}, ae = J(e), v = ({
+}, ae = J(e), f = ({
   children: S,
   className: _,
   focusTrapProps: l,
   isLoading: a,
   loadingTitle: u,
   isTopLevelSideOverlayOpened: p,
-  isTopOverlayOpened: b,
+  isTopOverlayOpened: M,
   onClose: s,
   onOpen: c,
   opened: o,
-  size: M = q.MD,
-  ...k
+  size: k = q.MD,
+  ...w
 }) => {
   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 C = (r) => {
     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(
+  }, H = ({ opened: r }) => /* @__PURE__ */ t(j, { opened: r, className: e.lightBoxSideOverlayMask }), b = () => /* @__PURE__ */ B(
     "div",
     {
-      className: f(e.lightBoxSideOverlayContent, {
+      className: v(e.lightBoxSideOverlayContent, {
         [e.closing]: i,
         [e.opening]: n,
         [e.opened]: o
       }),
-      onTransitionEnd: w,
+      onTransitionEnd: C,
       ref: h,
       children: [
         S,
@@ -60,24 +60,24 @@ const K = "lightBoxSideOverlayMask__256fce2f", Q = "lightBoxSideOverlayWrapper__
       ]
     }
   ), N = () => {
-  }, E = f(_, e.lightBoxSideOverlayWrapper, ae[M], {
+  }, E = v(_, e.lightBoxSideOverlayWrapper, ae[k], {
     [e.closing]: i,
     [e.opened]: o,
     [e.overflowXHidden]: !!p || !!a,
-    [e.overflowYHidden]: !!p || !!a || !!b
+    [e.overflowYHidden]: !!p || !!a || !!M
   }), F = (r) => /* @__PURE__ */ B(X, { children: [
-    C(r),
-    H()
+    H(r),
+    b()
   ] }), W = /* @__PURE__ */ t(
     "div",
     {
-      className: f(e.lightBoxSideOverlay, {
+      className: v(e.lightBoxSideOverlay, {
         [e.closing]: i,
         [e.opening]: n
       }),
       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 });
+  ), y = () => /* @__PURE__ */ t("div", { className: E, role: "dialog", "aria-modal": "true", ...w, children: W });
   return /* @__PURE__ */ t(
     V,
     {
@@ -99,10 +99,10 @@ const K = "lightBoxSideOverlayMask__256fce2f", Q = "lightBoxSideOverlayWrapper__
     }
   );
 };
-v.displayName = "LightBoxSideOverlay";
-v.CloseDesktop = U;
-v.CloseMobile = G;
+f.displayName = "LightBoxSideOverlay";
+f.CloseDesktop = U;
+f.CloseMobile = G;
 export {
-  v as LightBoxSideOverlay
+  f as LightBoxSideOverlay
 };
 //# sourceMappingURL=LightBoxSideOverlay.js.map

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---Om3uMV.js";
+import { c } from "../../../chunks/vendor-z35N2Tap.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-jdGcrQ0Q.js";
+import { s as r } from "../../../chunks/LightBoxSideOverlayClose.module-Pvh5SxlA.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 { c as r } from "../../../chunks/vendor-z35N2Tap.js";
 import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
-import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-jdGcrQ0Q.js";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-Pvh5SxlA.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__1c6eaea8", c = {
+const n = "lightBoxSideOverlayLoaderWrapper__535a56aa", 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 o, useImperativeHandle as R, useState as V, useEffect as x } from "react";
-import { c as h } from "../../../chunks/vendor---Om3uMV.js";
-const j = "lightBoxLeftSidebar__851d5b83", z = "fixed__9b86ae79", E = "hidden__86595903", r = {
+import { c as h } from "../../../chunks/vendor-z35N2Tap.js";
+const j = "lightBoxLeftSidebar__05fbcb75", z = "fixed__1a8952b9", E = "hidden__3dae7e3f", r = {
   lightBoxLeftSidebar: j,
   fixed: z,
   hidden: E
 }, O = N(
-  ({ children: m, className: L, fixed: B, minVisibleWidth: d = 100, onShow: s, onHide: i, ...g }, p) => {
+  ({ children: m, className: L, fixed: B, minVisibleWidth: f = 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 d = n.current;
+      if (!d) return;
       const a = new ResizeObserver((S) => {
         for (const y of S) {
-          const c = y.contentRect.width > d;
+          const c = y.contentRect.width > f;
           _((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(
+      return a.observe(d), () => a.disconnect();
+    }, [f]), /* @__PURE__ */ b(
       "div",
       {
         ref: n,