@sberbusiness/triplex-next 1.9.0 → 1.11.0

package/components/IslandAccordion/components/IslandAccordionItem.js

@@ -1,122 +1,116 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import j, { useState as w, useContext as z, useRef as F, useEffect as M } from "react";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import w, { useState as z, useContext as F, useRef as M, useEffect as T } from "react";
 import { CaretdownStrokeSrvIcon24 as Y, CrossStrokeSrvIcon24 as H } from "@sberbusiness/icons-next";
-import { a as W, c as x } from "../../../chunks/vendor-D3hUOusX.js";
+import { a as W, c as n } from "../../../chunks/vendor-ClY57Zzq.js";
 import { Island as y } from "../../Island/Island.js";
 import { ExpandAnimation as $ } from "../../ExpandAnimation/ExpandAnimation.js";
-import { s as t } from "../../../chunks/IslandAccordion.module-DDPPsI1j.js";
-import { IslandAccordionTitle as q } from "./IslandAccordionTitle.js";
-import { IslandAccordionContent as B } from "./IslandAccordionContent.js";
-import { IslandAccordionFooter as X } from "./IslandAccordionFooter.js";
-import { createSizeToClassNameMap as D } from "../../../utils/classNameMaps.js";
+import { s as t } from "../../../chunks/IslandAccordion.module-B1DwUTEO.js";
+import { IslandAccordionContent as q } from "./IslandAccordionContent.js";
+import { IslandAccordionFooter as B } from "./IslandAccordionFooter.js";
+import { createSizeToClassNameMap as X } from "../../../utils/classNameMaps.js";
 import "../../Button/Button.js";
 import "../../Button/ButtonBase.js";
-import { ButtonIcon as G } from "../../Button/ButtonIcon.js";
+import { ButtonIcon as D } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-import { EIslandType as m } from "../../Island/enums.js";
+import { EIslandType as p } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { Step as J } from "../../Step/Step.js";
-import { EStepPosition as K } from "../../Step/enums.js";
-import { IslandAccordionContext as L } from "../IslandAccordionContext.js";
-const Q = {
-  [m.TYPE_1]: t.type1,
-  [m.TYPE_2]: t.type2,
-  [m.TYPE_3]: t.type3
-}, U = D(t), V = Object.assign(
-  j.forwardRef(
+import { Step as G } from "../../Step/Step.js";
+import { EStepPosition as J } from "../../Step/enums.js";
+import { IslandAccordionContext as K } from "../IslandAccordionContext.js";
+const L = {
+  [p.TYPE_1]: t.type1,
+  [p.TYPE_2]: t.type2,
+  [p.TYPE_3]: t.type3
+}, Q = X(t), U = Object.assign(
+  w.forwardRef(
     ({
       children: S,
       title: v,
-      className: A,
-      opened: o,
-      disabled: a,
-      onRemove: i,
-      onToggle: s,
-      id: n,
-      num: p,
-      status: d,
-      stepHint: E,
-      transitionProps: k,
-      ...T
-    }, _) => {
-      const [e, l] = w(o || !1), { size: f, type: I } = z(L), h = F(W()).current, u = `${h}header`, C = `${h}body`;
-      M(() => {
-        o !== void 0 && e !== o && l(o);
-      }, [o, e]);
-      const b = () => {
-        if (a)
+      className: E,
+      opened: a,
+      disabled: e,
+      onRemove: s,
+      onToggle: c,
+      id: m,
+      num: d,
+      status: l,
+      stepHint: k,
+      transitionProps: A,
+      ..._
+    }, b) => {
+      const [o, f] = z(a || !1), { size: I, type: h } = F(K), u = M(W()).current, C = `${u}header`, N = `${u}body`;
+      T(() => {
+        a !== void 0 && o !== a && f(a);
+      }, [a, o]);
+      const O = () => {
+        if (e)
           return;
-        const N = !e;
-        s == null || s(N, n), o === void 0 && l(N);
-      }, O = () => {
-        a || i == null || i(n);
-      }, P = x(A, t.item, U[f], Q[I], {
-        [t.disabled]: !!a,
-        [t.opened]: e
+        const x = !o;
+        c == null || c(x, m), a === void 0 && f(x);
+      }, P = () => {
+        e || s == null || s(m);
+      }, j = n(E, t.item, Q[I], L[h], {
+        [t.disabled]: !!e,
+        [t.opened]: o
       });
-      return /* @__PURE__ */ r("li", { ...T, className: P, id: n, ref: _, children: /* @__PURE__ */ c(y, { className: t.island, size: f, type: I, children: [
-        /* @__PURE__ */ r(y.Header, { children: /* @__PURE__ */ c(
-          "button",
-          {
-            id: u,
-            "aria-controls": C,
-            "aria-expanded": e,
-            type: "button",
-            className: t.header,
-            onClick: b,
-            disabled: a,
-            "data-tx": "1.9.0",
-            children: [
-              d && p && /* @__PURE__ */ r("div", { className: t.step, children: /* @__PURE__ */ r(J, { step: p, status: d, position: K.XFirst, children: a ? void 0 : E }) }),
-              /* @__PURE__ */ c("div", { className: t.titleWrapper, children: [
-                " ",
-                v
-              ] }),
-              /* @__PURE__ */ r(
-                "span",
-                {
-                  className: x(t.caretWrapper, "hoverable", {
-                    active: e
-                  }),
-                  children: /* @__PURE__ */ r(
-                    Y,
-                    {
-                      className: t.caretIcon,
-                      "aria-hidden": "true",
-                      paletteIndex: 5
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        ) }),
-        i && /* @__PURE__ */ r("div", { className: t.remove, children: /* @__PURE__ */ r(G, { onClick: O, title: "Удалить", children: /* @__PURE__ */ r(H, { paletteIndex: 5 }) }) }),
-        /* @__PURE__ */ r(
-          $,
-          {
-            expanded: e && !a,
-            id: C,
-            role: "region",
-            "aria-labelledby": u,
-            transitionProps: k,
-            children: S
-          }
-        )
-      ] }) });
+      return /* @__PURE__ */ i("li", { ..._, className: j, id: m, ref: b, children: [
+        /* @__PURE__ */ i(y, { className: t.island, size: I, type: h, children: [
+          /* @__PURE__ */ r(y.Header, { children: /* @__PURE__ */ i(
+            "button",
+            {
+              id: C,
+              "aria-controls": N,
+              "aria-expanded": o,
+              type: "button",
+              className: n(t.header, {
+                hoverable: !o
+              }),
+              onClick: O,
+              disabled: e,
+              "data-tx": "1.11.0",
+              children: [
+                l && d && /* @__PURE__ */ r("div", { className: t.step, children: /* @__PURE__ */ r(G, { step: d, status: l, position: J.XFirst, children: e ? void 0 : k }) }),
+                /* @__PURE__ */ i("div", { className: t.titleWrapper, children: [
+                  " ",
+                  v
+                ] }),
+                /* @__PURE__ */ r("span", { className: n(t.caretWrapper), children: /* @__PURE__ */ r(
+                  Y,
+                  {
+                    className: t.caretIcon,
+                    "aria-hidden": "true",
+                    paletteIndex: 5
+                  }
+                ) })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ r(
+            $,
+            {
+              expanded: o && !e,
+              id: N,
+              role: "region",
+              "aria-labelledby": C,
+              transitionProps: A,
+              children: S
+            }
+          )
+        ] }),
+        s && /* @__PURE__ */ r("div", { className: n(t.remove, "hoverable", { disabled: e }), children: /* @__PURE__ */ r(D, { onClick: P, title: "Удалить", children: /* @__PURE__ */ r(H, { paletteIndex: 5 }) }) })
+      ] });
     }
   ),
   {
-    Title: q,
-    Content: B,
-    Footer: X
+    Content: q,
+    Footer: B
   }
 );
-V.displayName = "IslandAccordionItem";
+U.displayName = "IslandAccordionItem";
 export {
-  V as IslandAccordionItem
+  U as IslandAccordionItem
 };
 //# sourceMappingURL=IslandAccordionItem.js.map

package/components/IslandAccordion/components/index.js

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

package/components/IslandAccordion/index.js

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

package/components/IslandWidget/IslandWidget.js

@@ -1,21 +1,21 @@
 import { jsx as n, jsxs as m } from "react/jsx-runtime";
 import l, { useContext as p } from "react";
 import { Island as W } from "../Island/Island.js";
-import { EIslandType as f } from "../Island/enums.js";
+import { EIslandType as g } from "../Island/enums.js";
 import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
-import { IslandWidgetHeader as g } from "./components/IslandWidgetHeader.js";
-import { IslandWidgetBody as c } from "./components/IslandWidgetBody.js";
-import { IslandWidgetFooter as x } from "./components/IslandWidgetFooter.js";
+import { IslandWidgetHeader as f } from "./components/IslandWidgetHeader.js";
+import { IslandWidgetBody as x } from "./components/IslandWidgetBody.js";
+import { IslandWidgetFooter as c } from "./components/IslandWidgetFooter.js";
 import { IslandWidgetExtraFooter as E } from "./components/IslandWidgetExtraFooter.js";
 import { EComponentSize as I } from "../../enums/EComponentSize.js";
-import { c as F } from "../../chunks/vendor-D3hUOusX.js";
+import { c as F } from "../../chunks/vendor-ClY57Zzq.js";
 import { IslandWidgetContext as h } from "./IslandWidgetContext.js";
-const _ = "islandWidget__0543cbf8", y = "islandWidgetWithExtraFooter__f04b5ceb", o = {
+const _ = "islandWidget__48e05356", y = "islandWidgetWithExtraFooter__29941aab", o = {
   islandWidget: _,
   islandWidgetWithExtraFooter: y
-}, b = Object.assign(
+}, u = Object.assign(
   l.forwardRef(
     ({ className: i, renderBody: r, renderFooter: t, renderHeader: e, ...d }, a) => {
       const { hasExtraFooter: s } = p(h);
@@ -25,10 +25,10 @@ const _ = "islandWidget__0543cbf8", y = "islandWidgetWithExtraFooter__f04b5ceb",
           className: F(o.islandWidget, i, {
             [o.islandWidgetWithExtraFooter]: s
           }),
-          "data-tx": "1.9.0",
+          "data-tx": "1.11.0",
           ...d,
           ref: a,
-          children: /* @__PURE__ */ m(W, { type: f.TYPE_1, size: I.MD, children: [
+          children: /* @__PURE__ */ m(W, { type: g.TYPE_1, size: I.MD, children: [
             e({}),
             r({}),
             t ? t({}) : null
@@ -38,14 +38,14 @@ const _ = "islandWidget__0543cbf8", y = "islandWidgetWithExtraFooter__f04b5ceb",
     }
   ),
   {
-    Header: g,
-    Body: c,
-    Footer: x,
+    Header: f,
+    Body: x,
+    Footer: c,
     ExtraFooter: E
   }
 );
-b.displayName = "IslandWidget";
+u.displayName = "IslandWidget";
 export {
-  b as IslandWidget
+  u as IslandWidget
 };
 //# sourceMappingURL=IslandWidget.js.map

package/components/IslandWidget/components/IslandWidgetExtraFooter.js

@@ -1,9 +1,9 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useContext as i, useEffect as d } from "react";
-import { c as n } from "../../../chunks/vendor-D3hUOusX.js";
+import { useContext as d, useEffect as i } from "react";
+import { c as n } from "../../../chunks/vendor-ClY57Zzq.js";
 import { ExpandAnimation as x } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandWidgetContext as l } from "../IslandWidgetContext.js";
-const m = "islandWidgetExtraFooter__663cf4a2", c = {
+const m = "islandWidgetExtraFooter__d7d99f65", c = {
   islandWidgetExtraFooter: m
 }, f = ({
   children: r,
@@ -11,8 +11,8 @@ const m = "islandWidgetExtraFooter__663cf4a2", c = {
   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 }) });
 };

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-D3hUOusX.js";
-import { s as n } from "../../../chunks/IslandWidgetFooter.module-BGcZce5D.js";
+import { c as i } from "../../../chunks/vendor-ClY57Zzq.js";
+import { s as n } from "../../../chunks/IslandWidgetFooter.module-DNunPtYA.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-BGcZce5D.js";
+import { s } from "../../../chunks/IslandWidgetFooter.module-DNunPtYA.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-BGcZce5D.js";
+import { s as r } from "../../../chunks/IslandWidgetFooter.module-DNunPtYA.js";
 const e = ({
   children: o,
   ...s

package/components/IslandWidget/components/IslandWidgetHeader.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-D3hUOusX.js";
-import { s as a } from "../../../chunks/IslandWidgetHeader.module-BMvYg9LN.js";
+import { c as i } from "../../../chunks/vendor-ClY57Zzq.js";
+import { s as a } from "../../../chunks/IslandWidgetHeader.module-CVe7qw8f.js";
 import { IslandWidgetHeaderContent as o } from "./IslandWidgetHeaderContent.js";
 import { IslandWidgetHeaderDescription as m } from "./IslandWidgetHeaderDescription.js";
 const e = ({ children: t, className: r, ...s }) => /* @__PURE__ */ d("div", { ...s, className: i(r, a.islandWidgetHeader), children: t });

package/components/IslandWidget/components/IslandWidgetHeaderContent.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as d } from "../../../chunks/vendor-D3hUOusX.js";
-import { s as o } from "../../../chunks/IslandWidgetHeader.module-BMvYg9LN.js";
+import { c as d } from "../../../chunks/vendor-ClY57Zzq.js";
+import { s as o } from "../../../chunks/IslandWidgetHeader.module-CVe7qw8f.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-D3hUOusX.js";
-import { s as t } from "../../../chunks/IslandWidgetHeader.module-BMvYg9LN.js";
+import { c as a } from "../../../chunks/vendor-ClY57Zzq.js";
+import { s as t } from "../../../chunks/IslandWidgetHeader.module-CVe7qw8f.js";
 const d = ({
   children: s,
   className: e,

package/components/IslandWidget/components/IslandWidgetWrapper.js

@@ -1,13 +1,13 @@
 import { jsx as r } from "react/jsx-runtime";
 import i, { useState as p } from "react";
-import { c as l } from "../../../chunks/vendor-D3hUOusX.js";
+import { c as l } from "../../../chunks/vendor-ClY57Zzq.js";
 import { IslandWidgetContext as n } from "../IslandWidgetContext.js";
-const W = "islandWidgetWrapper__204a377d", m = {
+const W = "islandWidgetWrapper__73d47332", m = {
   islandWidgetWrapper: W
 }, c = i.forwardRef(
-  ({ children: e, className: a, ...t }, s) => {
+  ({ children: e, className: t, ...a }, s) => {
     const [d, o] = p(!1);
-    return /* @__PURE__ */ r(n.Provider, { value: { hasExtraFooter: d, setHasExtraFooter: o }, children: /* @__PURE__ */ r("div", { className: l(m.islandWidgetWrapper, a), ...t, ref: s, children: e }) });
+    return /* @__PURE__ */ r(n.Provider, { value: { hasExtraFooter: d, setHasExtraFooter: o }, children: /* @__PURE__ */ r("div", { className: l(m.islandWidgetWrapper, t), ...a, ref: s, children: e }) });
   }
 );
 c.displayName = "IslandWidgetWrapper";

package/components/LightBox/LightBox.js

@@ -1,106 +1,112 @@
-import { jsxs as B, Fragment as T, jsx as o } from "react/jsx-runtime";
-import { useRef as l, useEffect as p } from "react";
-import { c as V, h as A } from "../../chunks/vendor-D3hUOusX.js";
-import { s as e, L as D } from "../../chunks/LightBoxContent-BhFPV40j.js";
+import { jsxs as x, Fragment as R, jsx as o } from "react/jsx-runtime";
+import { useRef as n, useEffect as B } from "react";
+import { c as V, h as A } from "../../chunks/vendor-ClY57Zzq.js";
+import { L as D, s as e } from "../../chunks/LightBoxContent-D0toheNV.js";
 import { LightBoxControls as F } from "./LightBoxControls/LightBoxControls.js";
 import { LightBoxSideOverlay as I } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
-import { Portal as k } from "../Portal/Portal.js";
-import { addClassNameWithScrollbarWidth as R } from "../../utils/scroll/scrollbar.js";
+import { Portal as T } from "../Portal/Portal.js";
+import { addClassNameWithScrollbarWidth as k } from "../../utils/scroll/scrollbar.js";
 import { TopOverlay as j } from "../TopOverlay/TopOverlay.js";
 import { LightBoxViewManager as q } from "./LightBoxViewManager/LightBoxViewManager.js";
 import { MobileView as W } from "../MobileView/MobileView.js";
 import { FocusTrapUtils as $ } from "../../utils/focus/FocusTrapUtils.js";
 import { useToken as z } from "../ThemeProvider/useToken.js";
+import { LightBoxLeftSidebar as H } from "./LightBoxSidebars/LightBoxLeftSidebar.js";
+import { LightBoxRightSidebar as U } from "./LightBoxSidebars/LightBoxRightSidebar.js";
 import "./LightBoxSideOverlay/enums.js";
-const H = {
-  "scroll-0": "scroll-0__f52df53b",
-  "scroll-15": "scroll-15__b02484cb",
-  "scroll-16": "scroll-16__2d0fc5e8",
-  "scroll-17": "scroll-17__fb4be9f3"
-}, N = "LightBox-next-mount-node", v = "LightBox-next-view-manager-node", L = [e.bodyOverflowHidden], r = ({
-  children: y,
+const Z = {
+  "scroll-0": "scroll-0__05c236fc",
+  "scroll-15": "scroll-15__e303c00d",
+  "scroll-16": "scroll-16__ceab07f0",
+  "scroll-17": "scroll-17__25b062d4"
+}, p = "LightBox-next-mount-node", L = "LightBox-next-view-manager-node", N = [e.bodyOverflowHidden], b = ({
+  children: v,
   className: M,
-  focusTrapProps: n,
-  forwardRef: s,
-  mountNode: m,
-  lightBoxViewManagerNodeId: d = v,
-  isLoading: u,
+  focusTrapProps: r,
+  forwardRef: a,
+  mountNode: s,
+  lightBoxViewManagerNodeId: m = L,
+  isLoading: d,
   isSideOverlayOpened: i,
-  isTopOverlayOpened: b,
-  ...E
+  isTopOverlayOpened: y,
+  ...S
 }) => {
-  const c = l(null), h = l(null), { scopeClassName: C } = z(), S = () => {
+  const l = n(null), u = n(null), { scopeClassName: E } = z(), C = () => {
     let t = null;
-    return m ? t = m : (t = document.querySelector(`#${N}`), t || (t = document.createElement("div"), t.setAttribute("id", N), document.body.appendChild(t))), t;
+    return s ? t = s : (t = document.querySelector(`#${p}`), t || (t = document.createElement("div"), t.setAttribute("id", p), document.body.appendChild(t))), t;
   }, _ = () => {
     let t = null;
-    return d && (t = document.querySelector(`#${d}`)), t || (t = document.createElement("div"), t.setAttribute("id", v), document.body.appendChild(t)), t;
-  }, a = l(S()), g = l(_()), f = () => {
-    L.forEach((t) => document.documentElement.classList.add(t));
+    return m && (t = document.querySelector(`#${m}`)), t || (t = document.createElement("div"), t.setAttribute("id", L), document.body.appendChild(t)), t;
+  }, c = n(C()), g = n(_()), h = () => {
+    N.forEach((t) => document.documentElement.classList.add(t));
   };
-  p(() => (R(H), f(), setTimeout(f, 100), () => L.forEach((t) => document.documentElement.classList.remove(t))), []), p(() => {
-    if (!i && c.current) {
+  B(() => (k(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);
-      c.current.style.zIndex = t.toString();
+      l.current.style.zIndex = t.toString();
     }
   }, [i]);
   const w = (t) => {
-    h.current = t, s && (s.current = t);
+    u.current = t, a && (a.current = t);
   }, O = V(
-    C,
+    E,
     e.lightBox,
     {
-      [e.isLoading]: !!u,
+      [e.isLoading]: !!d,
       [e.lightBoxSideOverlayActive]: !!i,
-      [e.lightBoxTopOverlayActive]: !!b
+      [e.lightBoxTopOverlayActive]: !!y
     },
     M
   );
-  if (!a.current)
+  if (!c.current)
     return null;
-  const x = () => /* @__PURE__ */ B("div", { className: O, ref: w, role: "dialog", "aria-modal": "true", ...E, children: [
+  const f = () => /* @__PURE__ */ x("div", { className: O, ref: w, role: "dialog", "aria-modal": "true", ...S, children: [
     /* @__PURE__ */ o("div", { className: e.lightBoxBackdrop }),
-    y,
-    /* @__PURE__ */ o("span", { ref: c, className: e.tempElSafariBug })
+    v,
+    /* @__PURE__ */ o("span", { ref: l, className: e.tempElSafariBug })
   ] });
-  return /* @__PURE__ */ B(T, { children: [
-    /* @__PURE__ */ o(k, { container: a.current, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ x(R, { children: [
+    /* @__PURE__ */ o(T, { container: c.current, children: /* @__PURE__ */ o(
       W,
       {
         fallback: /* @__PURE__ */ o(
           A.FocusTrap,
           {
-            active: !u,
-            ...n,
+            active: !d,
+            ...r,
             focusTrapOptions: {
               clickOutsideDeactivates: !0,
-              initialFocus: () => $.getFirstInteractionElementByDataAttr(h.current),
+              initialFocus: () => $.getFirstInteractionElementByDataAttr(u.current),
               preventScroll: !0,
-              ...n == null ? void 0 : n.focusTrapOptions
+              ...r == null ? void 0 : r.focusTrapOptions
             },
-            children: x()
+            children: f()
           }
         ),
-        children: x()
+        children: f()
       }
     ) }),
     g.current && /* @__PURE__ */ o(
       q,
       {
         lightBoxViewManagerNode: g.current,
-        lightBoxMountNode: a.current
+        lightBoxMountNode: c.current
       }
     )
   ] });
 };
-r.Content = D;
-r.SideOverlay = I;
-r.TopOverlay = j;
-r.Controls = F;
-r.displayName = "LightBox";
+b.displayName = "LightBoxBase";
+const st = Object.assign(b, {
+  Content: D,
+  SideOverlay: I,
+  TopOverlay: j,
+  Controls: F,
+  LeftSidebar: H,
+  RightSidebar: U
+});
 export {
-  r as LightBox,
-  N as lightBoxMountNodeIdDefault,
-  v as lightBoxViewManagerNodeIdDefault
+  st as LightBox,
+  p as lightBoxMountNodeIdDefault,
+  L as lightBoxViewManagerNodeIdDefault
 };
 //# sourceMappingURL=LightBox.js.map

package/components/LightBox/LightBoxContent.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
 import "../WindowResizeListener/WindowResizeListener.js";
-import "../../chunks/vendor-D3hUOusX.js";
+import "../../chunks/vendor-ClY57Zzq.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L as n } from "../../chunks/LightBoxContent-BhFPV40j.js";
+import { L as n } from "../../chunks/LightBoxContent-D0toheNV.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-D3hUOusX.js";
+import { c as u } from "../../../chunks/vendor-ClY57Zzq.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-B71hMR9E.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-DUY3tLKy.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-D3hUOusX.js";
-import { s as p } from "../../../chunks/LightBoxControls.module-B71hMR9E.js";
+import { c as e } from "../../../chunks/vendor-ClY57Zzq.js";
+import { s as p } from "../../../chunks/LightBoxControls.module-DUY3tLKy.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;