@sberbusiness/triplex-next 0.19.0 → 0.21.0

package/components/IslandAccordion/components/IslandAccordionItem.js

@@ -1,99 +1,105 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import b, { useState as j, useContext as w, useRef as D, useEffect as _ } from "react";
-import { CaretdownStrokeSrvIcon24 as B, CrossStrokeSrvIcon24 as L } from "@sberbusiness/icons-next";
-import { u as $, c as s } from "../../../chunks/vendor-DE8Zvm0w.js";
-import { Island as E } from "../../Island/Island.js";
-import { ExpandAnimation as q } from "../../ExpandAnimation/ExpandAnimation.js";
-import { IslandAccordionContent as G } from "./IslandAccordionContent.js";
-import { IslandAccordionFooter as R } from "./IslandAccordionFooter.js";
-import { createSizeToClassNameMap as W } from "../../../utils/classNameMaps.js";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import Y, { useState as F, useContext as b, useRef as j, useEffect as w } from "react";
+import { CaretdownStrokeSrvIcon24 as D, CrossStrokeSrvIcon24 as Z } from "@sberbusiness/icons-next";
+import { u as B, c as s } from "../../../chunks/vendor-DaOifQgP.js";
+import { Island as y } from "../../Island/Island.js";
+import { ExpandAnimation as $ } from "../../ExpandAnimation/ExpandAnimation.js";
+import { IslandAccordionContent as q } from "./IslandAccordionContent.js";
+import { IslandAccordionFooter as G } from "./IslandAccordionFooter.js";
+import { createSizeToClassNameMap as R } from "../../../utils/classNameMaps.js";
 import "../../Button/Button.js";
 import "../../Button/ButtonBase.js";
-import { ButtonIcon as X } from "../../Button/ButtonIcon.js";
+import { ButtonIcon as W } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
 import { EIslandType as l } 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 Q } from "../IslandAccordionContext.js";
+import { Step as X } from "../../Step/Step.js";
+import { EStepPosition as J } from "../../Step/enums.js";
+import { IslandAccordionContext as K } from "../IslandAccordionContext.js";
 import { EComponentSize as d } from "../../../enums/EComponentSize.js";
-import { ETitleSize as f, EFontType as z } from "../../Typography/enums.js";
+import { ETitleSize as f, EFontType as N } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/Text.js";
-import { Title as U } from "../../Typography/Title.js";
-import { s as t } from "../../../chunks/IslandAccordion.module-WbI4D8ty.js";
-const V = {
+import { Title as Q } from "../../Typography/Title.js";
+import { s as t } from "../../../chunks/IslandAccordion.module-DE-xutGt.js";
+const U = {
   [l.TYPE_1]: t.type1,
   [l.TYPE_2]: t.type2,
   [l.TYPE_3]: t.type3
-}, Z = {
+}, V = {
   [d.SM]: f.H3,
-  [d.MD]: f.H2,
+  [d.MD]: f.H3,
   [d.LG]: f.H2
-}, g = W(t), tt = Object.assign(
-  b.forwardRef(
+}, g = R(t), tt = Object.assign(
+  Y.forwardRef(
     ({
-      children: A,
+      children: x,
       title: T,
-      className: v,
+      className: M,
       opened: i,
-      disabled: r,
-      onRemove: a,
-      onToggle: n,
+      disabled: e,
+      onRemove: n,
+      onToggle: a,
       id: c,
       num: I,
-      status: h,
-      stepHint: M,
-      transitionProps: k,
-      ...H
-    }, P) => {
-      const [o, y] = j(i || !1), { size: m, type: C } = w(Q), u = D($()).current, N = `${u}header`, S = `${u}body`;
-      _(() => {
-        i !== void 0 && o !== i && y(i);
+      status: S,
+      stepHint: P,
+      transitionProps: v,
+      ...O
+    }, k) => {
+      const [o, h] = F(i || !1), { size: m, type: E } = b(K), A = j(B()).current, _ = `${A}header`, C = `${A}body`;
+      w(() => {
+        i !== void 0 && o !== i && h(i);
       }, [i, o]);
-      const F = () => {
-        if (r)
+      const z = () => {
+        if (e)
           return;
-        const x = !o;
-        n == null || n(x, c), i === void 0 && y(x);
-      }, O = () => {
-        r || a == null || a(c);
-      }, Y = s(v, t.item, g[m], V[C], {
-        [t.disabled]: !!r,
-        [t.opened]: o
-      });
-      return /* @__PURE__ */ p("li", { ...H, className: Y, id: c, ref: P, children: [
-        /* @__PURE__ */ p(E, { className: t.island, size: m, type: C, children: [
-          /* @__PURE__ */ e(E.Header, { children: /* @__PURE__ */ p(
+        const u = !o;
+        a == null || a(u, c), i === void 0 && h(u);
+      }, H = () => {
+        e || n == null || n(c);
+      }, L = s(
+        M,
+        t.item,
+        g[m],
+        U[E],
+        {
+          [t.disabled]: !!e,
+          [t.opened]: o
+        }
+      );
+      return /* @__PURE__ */ p("li", { ...O, className: L, id: c, ref: k, children: [
+        /* @__PURE__ */ p(y, { className: t.island, size: m, type: E, children: [
+          /* @__PURE__ */ r(y.Header, { children: /* @__PURE__ */ p(
             "button",
             {
-              id: N,
-              "aria-controls": S,
+              id: _,
+              "aria-controls": C,
               "aria-expanded": o,
               type: "button",
               className: s(t.header, {
                 hoverable: !o
               }),
-              onClick: F,
-              disabled: r,
-              "data-tx": "0.19.0",
+              onClick: z,
+              disabled: e,
+              "data-tx": "0.21.0",
               children: [
-                h && I && /* @__PURE__ */ e("div", { className: t.step, children: /* @__PURE__ */ e(J, { step: I, status: h, position: K.XFirst, children: r ? void 0 : M }) }),
-                /* @__PURE__ */ e(
-                  U,
+                S && I && /* @__PURE__ */ r("div", { className: t.step, children: /* @__PURE__ */ r(X, { step: I, status: S, position: J.XFirst, children: e ? void 0 : P }) }),
+                /* @__PURE__ */ r(
+                  Q,
                   {
                     className: t.title,
-                    size: Z[m],
-                    type: r ? z.DISABLED : z.PRIMARY,
+                    size: V[m],
+                    type: e ? N.DISABLED : N.PRIMARY,
                     tag: "div",
                     children: T
                   }
                 ),
-                /* @__PURE__ */ e("span", { className: s(t.caretWrapper), children: /* @__PURE__ */ e(
-                  B,
+                /* @__PURE__ */ r("span", { className: s(t.caretWrapper), children: /* @__PURE__ */ r(
+                  D,
                   {
                     className: t.caretIcon,
                     "aria-hidden": "true",
@@ -103,25 +109,25 @@ const V = {
               ]
             }
           ) }),
-          /* @__PURE__ */ e(
-            q,
+          /* @__PURE__ */ r(
+            $,
             {
-              expanded: o && !r,
-              id: S,
+              expanded: o && !e,
+              id: C,
               role: "region",
-              "aria-labelledby": N,
-              transitionProps: k,
-              children: A
+              "aria-labelledby": _,
+              transitionProps: v,
+              children: x
             }
           )
         ] }),
-        a && /* @__PURE__ */ e("div", { className: s(t.remove, "hoverable", { disabled: r }), children: /* @__PURE__ */ e(X, { onClick: O, title: "Удалить", children: /* @__PURE__ */ e(L, { paletteIndex: 5 }) }) })
+        n && /* @__PURE__ */ r("div", { className: s(t.remove, "hoverable", { disabled: e }), children: /* @__PURE__ */ r(W, { onClick: H, title: "Удалить", children: /* @__PURE__ */ r(Z, { paletteIndex: 5 }) }) })
       ] });
     }
   ),
   {
-    Content: G,
-    Footer: R
+    Content: q,
+    Footer: G
   }
 );
 tt.displayName = "IslandAccordionItem";

package/components/IslandWidget/IslandWidget.js

@@ -10,27 +10,27 @@ 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 A } from "../../enums/EComponentSize.js";
-import { c as m } from "../../chunks/vendor-DE8Zvm0w.js";
+import { c as m } from "../../chunks/vendor-DaOifQgP.js";
 import { IslandWidgetLayoutContext as S } from "./IslandWidgetLayoutContext.js";
 import { IslandWidgetContext as O } from "./IslandWidgetContext.js";
-import { ExpandAnimation as b } from "../ExpandAnimation/ExpandAnimation.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__9c2861e6", k = "islandWidgetWithExtraFooter__9a9112d8", z = "islandWidgetHeaderWrapperAdaptive__6bb1ceb5", d = {
-  islandWidget: N,
-  islandWidgetWithExtraFooter: k,
-  islandWidgetHeaderWrapperAdaptive: z
-}, B = Object.assign(
+import { useMatchMedia as N } from "../MediaWidth/useMatchMedia.js";
+const k = "islandWidget__e07b94ec", z = "islandWidgetWithExtraFooter__30f9e6c7", B = "islandWidgetHeaderWrapperAdaptive__2337a25f", o = {
+  islandWidget: k,
+  islandWidgetWithExtraFooter: z,
+  islandWidgetHeaderWrapperAdaptive: B
+}, P = Object.assign(
   F.forwardRef(
-    ({ className: l, renderBody: c, renderFooter: o, renderHeader: W, disableAdaptiveCollapsing: r = !1, ...g }, x) => {
-      const { hasExtraFooter: f } = _(S), [i, h] = v(r), e = j(
+    ({ className: l, renderBody: c, renderFooter: d, renderHeader: W, disableAdaptiveCollapsing: r = !1, ...f }, g) => {
+      const { hasExtraFooter: x } = _(S), [i, h] = v(r), e = N(
         `(max-width: ${p.SM_MAX})`,
         window.innerWidth <= parseInt(p.SM_MAX)
       ), E = () => {
         h(!i);
       }, I = e && !r, n = () => /* @__PURE__ */ a(s, { children: [
         c({}),
-        o ? o({}) : null
+        d ? d({}) : null
       ] });
       return /* @__PURE__ */ t(
         O.Provider,
@@ -43,24 +43,24 @@ const N = "islandWidget__9c2861e6", k = "islandWidgetWithExtraFooter__9a9112d8",
           children: /* @__PURE__ */ t(
             "div",
             {
-              className: m(d.islandWidget, l, {
-                [d.islandWidgetWithExtraFooter]: f
+              className: m(o.islandWidget, l, {
+                [o.islandWidgetWithExtraFooter]: x
               }),
-              "data-tx": "0.19.0",
-              ...g,
-              ref: x,
+              "data-tx": "0.21.0",
+              ...f,
+              ref: g,
               children: /* @__PURE__ */ a(u, { type: y.TYPE_1, size: A.MD, children: [
                 /* @__PURE__ */ t(
                   "div",
                   {
                     className: m({
-                      [d.islandWidgetHeaderWrapperAdaptive]: e
+                      [o.islandWidgetHeaderWrapperAdaptive]: e
                     }),
                     onClick: e ? E : void 0,
                     children: W({})
                   }
                 ),
-                I ? /* @__PURE__ */ t(b, { expanded: i, children: n() }) : /* @__PURE__ */ t(s, { children: n() })
+                I ? /* @__PURE__ */ t(j, { expanded: i, children: n() }) : /* @__PURE__ */ t(s, { children: n() })
               ] })
             }
           )
@@ -75,8 +75,8 @@ const N = "islandWidget__9c2861e6", k = "islandWidgetWithExtraFooter__9a9112d8",
     ExtraFooter: C
   }
 );
-B.displayName = "IslandWidget";
+P.displayName = "IslandWidget";
 export {
-  B as IslandWidget
+  P 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-DE8Zvm0w.js";
-const e = "islandWidgetBody__7c65b0e8", a = {
-  islandWidgetBody: e
-}, l = ({ children: d, className: s, ...i }) => /* @__PURE__ */ o("div", { ...i, className: t(a.islandWidgetBody, s), children: d });
+import { c as t } from "../../../chunks/vendor-DaOifQgP.js";
+const a = "islandWidgetBody__bd3acc2d", e = {
+  islandWidgetBody: a
+}, l = ({ children: d, className: s, ...i }) => /* @__PURE__ */ o("div", { ...i, className: t(e.islandWidgetBody, s), children: d });
 l.displayName = "IslandWidgetBody";
 export {
   l as IslandWidgetBody

package/components/IslandWidget/components/IslandWidgetExtraFooter.js

@@ -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-DE8Zvm0w.js";
+import { c as n } from "../../../chunks/vendor-DaOifQgP.js";
 import { ExpandAnimation as x } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandWidgetLayoutContext as l } from "../IslandWidgetLayoutContext.js";
-const m = "islandWidgetExtraFooter__c207cfb2", c = {
+const m = "islandWidgetExtraFooter__eae57c2e", 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-DE8Zvm0w.js";
-import { s as n } from "../../../chunks/IslandWidgetFooter.module-DTWh9cNJ.js";
+import { c as i } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as n } from "../../../chunks/IslandWidgetFooter.module-DpnJPgi0.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-DTWh9cNJ.js";
+import { s } from "../../../chunks/IslandWidgetFooter.module-DpnJPgi0.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-DTWh9cNJ.js";
+import { s as r } from "../../../chunks/IslandWidgetFooter.module-DpnJPgi0.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-DE8Zvm0w.js";
-import { s as e } from "../../../chunks/IslandWidgetHeader.module-BQRaj4yi.js";
+import { c as a } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as e } from "../../../chunks/IslandWidgetHeader.module-lf-NGWlm.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-DE8Zvm0w.js";
-import { s as o } from "../../../chunks/IslandWidgetHeader.module-BQRaj4yi.js";
+import { c as d } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as o } from "../../../chunks/IslandWidgetHeader.module-lf-NGWlm.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-DE8Zvm0w.js";
-import { s as t } from "../../../chunks/IslandWidgetHeader.module-BQRaj4yi.js";
+import { c as a } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as t } from "../../../chunks/IslandWidgetHeader.module-lf-NGWlm.js";
 const d = ({
   children: s,
   className: e,

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-DE8Zvm0w.js";
+import { c as l } from "../../../chunks/vendor-DaOifQgP.js";
 import { IslandWidgetLayoutContext as n } from "../IslandWidgetLayoutContext.js";
-const W = "islandWidgetWrapper__71d23021", m = {
+const W = "islandWidgetWrapper__795036c0", c = {
   islandWidgetWrapper: W
-}, c = i.forwardRef(
+}, m = 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(m.islandWidgetWrapper, t), ...a, ref: s, children: e }) });
+    return /* @__PURE__ */ r(n.Provider, { value: { hasExtraFooter: o, setHasExtraFooter: d }, children: /* @__PURE__ */ r("div", { className: l(c.islandWidgetWrapper, t), ...a, ref: s, children: e }) });
   }
 );
-c.displayName = "IslandWidgetWrapper";
+m.displayName = "IslandWidgetWrapper";
 export {
-  c as IslandWidgetWrapper
+  m as IslandWidgetWrapper
 };
 //# sourceMappingURL=IslandWidgetWrapper.js.map

package/components/LightBox/LightBox.js

@@ -1,10 +1,10 @@
 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-DE8Zvm0w.js";
-import { L as D, s as e } from "../../chunks/LightBoxContent-DwCwTnm8.js";
-import { LightBoxControls as I } from "./LightBoxControls/LightBoxControls.js";
-import { LightBoxSideOverlay as R } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
-import { Portal as k } from "../Portal/Portal.js";
+import { c as V, F as A } from "../../chunks/vendor-DaOifQgP.js";
+import { L as I, s as e } from "../../chunks/LightBoxContent-BLPx_Tsf.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";
 import { addClassNameWithScrollbarWidth as T } from "../../utils/scroll/scrollbar.js";
 import { TopOverlay as j } from "../TopOverlay/TopOverlay.js";
 import { LightBoxViewManager as q } from "./LightBoxViewManager/LightBoxViewManager.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__fcce8c87",
-  "scroll-15": "scroll-15__d4bc771a",
-  "scroll-16": "scroll-16__57fb76fe",
-  "scroll-17": "scroll-17__fbec6740"
-}, p = "LightBox-next-mount-node", L = "LightBox-next-view-manager-node", b = [e.bodyOverflowHidden], N = ({
-  children: v,
-  className: M,
+  "scroll-0": "scroll-0__9c139a5c",
+  "scroll-15": "scroll-15__29df9fc7",
+  "scroll-16": "scroll-16__4d3535b1",
+  "scroll-17": "scroll-17__6d26e78f"
+}, p = "LightBox-next-mount-node", L = "LightBox-next-view-manager-node", N = [e.bodyOverflowHidden], b = ({
+  children: M,
+  className: v,
   focusTrapProps: r,
   forwardRef: a,
   mountNode: s,
-  lightBoxViewManagerNodeId: m = L,
-  isLoading: d,
+  lightBoxViewManagerNodeId: d = L,
+  isLoading: m,
   isSideOverlayOpened: i,
   isTopOverlayOpened: y,
   ...S
@@ -33,48 +33,48 @@ const Z = {
   const l = n(null), u = n(null), { scopeClassName: C } = z(), E = () => {
     let t = null;
     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;
-  }, c = n(E()), g = n(_()), h = () => {
-    b.forEach((t) => document.documentElement.classList.add(t));
+    return d && (t = document.querySelector(`#${d}`)), t || (t = document.createElement("div"), t.setAttribute("id", L), document.body.appendChild(t)), t;
+  }, c = n(E()), g = n(w()), h = () => {
+    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();
     }
   }, [i]);
-  const w = (t) => {
+  const _ = (t) => {
     u.current = t, a && (a.current = t);
   }, O = V(
     C,
     e.lightBox,
     {
-      [e.isLoading]: !!d,
+      [e.isLoading]: !!m,
       [e.lightBoxSideOverlayActive]: !!i,
       [e.lightBoxTopOverlayActive]: !!y
     },
-    M
+    v
   );
   if (!c.current)
     return null;
-  const f = () => /* @__PURE__ */ x("div", { className: O, ref: w, role: "dialog", "aria-modal": "true", ...S, children: [
+  const f = () => /* @__PURE__ */ x("div", { className: O, ref: _, role: "dialog", "aria-modal": "true", ...S, children: [
     /* @__PURE__ */ o("div", { className: e.lightBoxBackdrop }),
-    v,
+    M,
     /* @__PURE__ */ o("span", { ref: l, className: e.tempElSafariBug })
   ] });
   return /* @__PURE__ */ x(F, { children: [
-    /* @__PURE__ */ o(k, { container: c.current, children: /* @__PURE__ */ o(
+    /* @__PURE__ */ o(D, { container: c.current, children: /* @__PURE__ */ o(
       W,
       {
         fallback: /* @__PURE__ */ o(
           A,
           {
-            active: !d,
+            active: !m,
             ...r,
             focusTrapOptions: {
-              clickOutsideDeactivates: !0,
+              allowOutsideClick: !0,
               initialFocus: () => $.getFirstInteractionElementByDataAttr(u.current),
               preventScroll: !0,
               ...r == null ? void 0 : r.focusTrapOptions
@@ -94,12 +94,12 @@ const Z = {
     )
   ] });
 };
-N.displayName = "LightBoxBase";
-const at = Object.assign(N, {
-  Content: D,
-  SideOverlay: R,
+b.displayName = "LightBoxBase";
+const at = Object.assign(b, {
+  Content: I,
+  SideOverlay: k,
   TopOverlay: j,
-  Controls: I,
+  Controls: R,
   LeftSidebar: H,
   RightSidebar: U
 });

package/components/LightBox/LightBoxContent.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
-import "../../chunks/vendor-DE8Zvm0w.js";
+import "../../chunks/vendor-DaOifQgP.js";
 import "../WindowResizeListener/WindowResizeListener.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L as n } from "../../chunks/LightBoxContent-DwCwTnm8.js";
+import { L as n } from "../../chunks/LightBoxContent-BLPx_Tsf.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-DE8Zvm0w.js";
+import { c as u } from "../../../chunks/vendor-DaOifQgP.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-Dd9isO-M.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-Cbi_wgHX.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-DE8Zvm0w.js";
-import { s as p } from "../../../chunks/LightBoxControls.module-Dd9isO-M.js";
+import { c as e } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as p } from "../../../chunks/LightBoxControls.module-Cbi_wgHX.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-DE8Zvm0w.js";
+import { c as n } from "../../../chunks/vendor-DaOifQgP.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-Dd9isO-M.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-Cbi_wgHX.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-DE8Zvm0w.js";
+import { c as n } from "../../../chunks/vendor-DaOifQgP.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-Dd9isO-M.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-Cbi_wgHX.js";
 const N = ({
   className: u,
   clickByArrowLeft: x,