@sberbusiness/triplex-next 1.21.0 → 1.22.0

package/components/HelpBox/HelpBox.js

@@ -1,6 +1,6 @@
-import { jsxs as B, Fragment as M, jsx as t } from "react/jsx-runtime";
+import { jsxs as f, Fragment as M, jsx as t } from "react/jsx-runtime";
 import { useRef as N, useState as h, useId as R } from "react";
-import { c as S, g as L } from "../../chunks/vendor-CuCj7SgU.js";
+import { c as S, g as L } from "../../chunks/vendor-BiObpx9E.js";
 import { QuestioncircleFilledSrvIcon16 as j } from "@sberbusiness/icons-next";
 import { ButtonIcon as k } from "../Button/ButtonIcon.js";
 import { EButtonIconShape as _ } from "../Button/enums.js";
@@ -9,7 +9,7 @@ import { TooltipMobileHeader as z } from "../Tooltip/components/mobile/component
 import { MobileView as C } from "../MobileView/MobileView.js";
 import { getDataHTMLAttributes as D } from "../../utils/html/DataAttributes.js";
 import { getAriaHTMLAttributes as Q } from "../../utils/html/AriaAttributes.js";
-const V = "helpBoxButton__fb46b695", X = {
+const V = "helpBoxButton__506aa269", X = {
   helpBoxButton: V
 }, $ = ({
   children: x,
@@ -19,14 +19,14 @@ const V = "helpBoxButton__fb46b695", X = {
   isOpen: i,
   onShow: n,
   tooltipSize: I,
-  preferPlace: b,
+  preferPlace: v,
   toggle: r,
   tooltipAriaAttributes: s,
   tooltipDataAttributes: p,
-  iconProps: v,
-  ...F
+  iconProps: F,
+  ...O
 }) => {
-  const m = N(null), [O, g] = h(!!i), [d, u] = h(null), f = R(), a = i ?? O, y = (e) => {
+  const m = N(null), [b, g] = h(!!i), [d, u] = h(null), B = R(), a = i ?? b, y = (e) => {
     i === void 0 && g(e), e || u(null), r == null || r(e);
   }, E = (e) => {
     u(e), n == null || n(e);
@@ -40,7 +40,7 @@ const V = "helpBoxButton__fb46b695", X = {
           ...o,
           focusTrapOptions: {
             clickOutsideDeactivates: !0,
-            initialFocus: `[id='${f}']`,
+            initialFocus: `[id='${B}']`,
             preventScroll: !0,
             ...o == null ? void 0 : o.focusTrapOptions
           },
@@ -50,16 +50,16 @@ const V = "helpBoxButton__fb46b695", X = {
       children: null
     }
   );
-  return /* @__PURE__ */ B(M, { children: [
-    /* @__PURE__ */ B(
+  return /* @__PURE__ */ f(M, { children: [
+    /* @__PURE__ */ f(
       l,
       {
-        id: f,
+        id: B,
         tabIndex: -1,
         role: "dialog",
         toggleType: "hover",
         size: I,
-        preferPlace: b,
+        preferPlace: v,
         isOpen: a,
         toggle: y,
         onShow: E,
@@ -74,8 +74,8 @@ const V = "helpBoxButton__fb46b695", X = {
               "aria-label": "Подсказка",
               shape: _.CIRCLE,
               ref: m,
-              ...F,
-              children: /* @__PURE__ */ t(j, { paletteIndex: 5, ...v })
+              ...O,
+              children: /* @__PURE__ */ t(j, { paletteIndex: 5, ...F })
             }
           ) }),
           c && /* @__PURE__ */ t(z, { children: c }),

package/components/Island/Island.js

@@ -1,11 +1,11 @@
 import { jsx as p } from "react/jsx-runtime";
 import i from "react";
-import { c as d } from "../../chunks/vendor-CuCj7SgU.js";
+import { c as d } from "../../chunks/vendor-BiObpx9E.js";
 import { EIslandType as l } from "./enums.js";
 import { IslandBody as f } from "./components/IslandBody.js";
 import { IslandHeader as n } from "./components/IslandHeader.js";
 import { IslandFooter as c } from "./components/IslandFooter.js";
-import { s as o, m as y } from "../../chunks/utils-C81PwsD3.js";
+import { s as o, m as y } from "../../chunks/utils-R-JQhhgt.js";
 import { EComponentSize as I } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as T } from "../../utils/classNameMaps.js";
 const N = T(o), C = Object.assign(

package/components/Island/components/IslandBody.js

@@ -1,10 +1,10 @@
 import { jsx as a } from "react/jsx-runtime";
 import r from "react";
-import { c as t } from "../../../chunks/vendor-CuCj7SgU.js";
-const l = "islandBody__248e1490", n = {
+import { c as t } from "../../../chunks/vendor-BiObpx9E.js";
+const l = "islandBody__00f2895c", n = {
   islandBody: l
-}, m = r.forwardRef(({ children: o, ...s }, d) => /* @__PURE__ */ a("div", { className: t(n.islandBody), ref: d, ...s, children: o }));
+}, f = r.forwardRef(({ children: o, ...s }, d) => /* @__PURE__ */ a("div", { className: t(n.islandBody), ref: d, ...s, children: o }));
 export {
-  m as IslandBody
+  f as IslandBody
 };
 //# sourceMappingURL=IslandBody.js.map

package/components/Island/components/IslandFooter.js

@@ -1,10 +1,10 @@
 import { jsx as s } from "react/jsx-runtime";
 import e from "react";
-import { c as a } from "../../../chunks/vendor-CuCj7SgU.js";
-const l = "islandFooter__996295ea", n = {
-  islandFooter: l
-}, m = e.forwardRef(({ children: o, ...r }, t) => /* @__PURE__ */ s("div", { className: a(n.islandFooter), ref: t, ...r, children: o }));
+import { c as a } from "../../../chunks/vendor-BiObpx9E.js";
+const d = "islandFooter__7d2fd36d", l = {
+  islandFooter: d
+}, f = e.forwardRef(({ children: o, ...r }, t) => /* @__PURE__ */ s("div", { className: a(l.islandFooter), ref: t, ...r, children: o }));
 export {
-  m as IslandFooter
+  f as IslandFooter
 };
 //# sourceMappingURL=IslandFooter.js.map

package/components/Island/components/IslandHeader.js

@@ -1,9 +1,9 @@
-import { jsx as d } from "react/jsx-runtime";
-import s from "react";
-import { c as o } from "../../../chunks/vendor-CuCj7SgU.js";
-const t = "islandHeader__d6c83bd2", l = {
+import { jsx as s } from "react/jsx-runtime";
+import d from "react";
+import { c as o } from "../../../chunks/vendor-BiObpx9E.js";
+const t = "islandHeader__308248a5", l = {
   islandHeader: t
-}, m = s.forwardRef(({ children: e, ...a }, r) => /* @__PURE__ */ d("div", { className: o(l.islandHeader), ref: r, ...a, children: e }));
+}, m = d.forwardRef(({ children: a, ...e }, r) => /* @__PURE__ */ s("div", { className: o(l.islandHeader), ref: r, ...e, children: a }));
 export {
   m as IslandHeader
 };

package/components/Island/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { m as p } from "../../chunks/utils-C81PwsD3.js";
+import { m as p } from "../../chunks/utils-R-JQhhgt.js";
 export {
   p as mapTypeToClassName
 };

package/components/IslandAccordion/IslandAccordion.js

@@ -8,15 +8,15 @@ import { EIslandType as l } from "../Island/enums.js";
 import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
-import { c as f } from "../../chunks/vendor-CuCj7SgU.js";
-import { s as I } from "../../chunks/IslandAccordion.module-CmJ_07-4.js";
+import { c as f } from "../../chunks/vendor-BiObpx9E.js";
+import { s as I } from "../../chunks/IslandAccordion.module-CPVWJz-Z.js";
 import "./components/IslandAccordionContent.js";
 import "./components/IslandAccordionFooter.js";
 const x = Object.assign(
   e.forwardRef(
     ({ className: r, children: t, size: m = d.MD, type: i = l.TYPE_1, ...s }, a) => {
       const c = f(r, I.islandAccordion);
-      return /* @__PURE__ */ o(p.Provider, { value: { size: m, type: i }, children: /* @__PURE__ */ o("ul", { ...s, className: c, "data-tx": "1.21.0", ref: a, children: t }) });
+      return /* @__PURE__ */ o(p.Provider, { value: { size: m, type: i }, children: /* @__PURE__ */ o("ul", { ...s, className: c, "data-tx": "1.22.0", ref: a, children: t }) });
     }
   ),
   {

package/components/IslandAccordion/components/IslandAccordionContent.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s as r } from "../../../chunks/IslandAccordion.module-CmJ_07-4.js";
+import { s as r } from "../../../chunks/IslandAccordion.module-CPVWJz-Z.js";
 import { Island as s } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionFooter.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as t } from "../../../chunks/vendor-CuCj7SgU.js";
-import { s as m } from "../../../chunks/IslandAccordion.module-CmJ_07-4.js";
+import { c as t } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as m } from "../../../chunks/IslandAccordion.module-CPVWJz-Z.js";
 import { Island as i } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionItem.js

@@ -1,7 +1,7 @@
 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 a } from "../../../chunks/vendor-CuCj7SgU.js";
+import { u as B, c as a } from "../../../chunks/vendor-BiObpx9E.js";
 import { Island as y } from "../../Island/Island.js";
 import { ExpandAnimation as $ } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandAccordionContent as q } from "./IslandAccordionContent.js";
@@ -24,7 +24,7 @@ import { ETitleSize as f, EFontType as N } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/Text.js";
 import { Title as Q } from "../../Typography/Title.js";
-import { s as t } from "../../../chunks/IslandAccordion.module-CmJ_07-4.js";
+import { s as t } from "../../../chunks/IslandAccordion.module-CPVWJz-Z.js";
 const U = {
   [l.TYPE_1]: t.type1,
   [l.TYPE_2]: t.type2,
@@ -85,7 +85,7 @@ const U = {
               }),
               onClick: z,
               disabled: e,
-              "data-tx": "1.21.0",
+              "data-tx": "1.22.0",
               children: [
                 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(

package/components/IslandWidget/IslandWidget.js

@@ -10,26 +10,26 @@ 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-CuCj7SgU.js";
+import { c as m } from "../../chunks/vendor-BiObpx9E.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 N } from "../MediaWidth/useMatchMedia.js";
-const b = "islandWidget__b071a606", k = "islandWidgetWithExtraFooter__eeab74d6", z = "islandWidgetHeaderWrapperAdaptive__ae87ad50", i = {
-  islandWidget: b,
-  islandWidgetWithExtraFooter: k,
-  islandWidgetHeaderWrapperAdaptive: z
-}, B = Object.assign(
+const k = "islandWidget__05c5dca3", z = "islandWidgetWithExtraFooter__f4b64311", B = "islandWidgetHeaderWrapperAdaptive__50d60e7f", i = {
+  islandWidget: k,
+  islandWidgetWithExtraFooter: z,
+  islandWidgetHeaderWrapperAdaptive: B
+}, P = Object.assign(
   _.forwardRef(
-    ({ className: l, renderBody: W, renderFooter: o, renderHeader: c, disableAdaptiveCollapsing: r = !1, ...g }, f) => {
+    ({ className: l, renderBody: c, renderFooter: o, renderHeader: W, disableAdaptiveCollapsing: r = !1, ...f }, g) => {
       const { hasExtraFooter: x } = F(S), [d, h] = u(r), e = N(
         `(max-width: ${p.SM_MAX})`,
         window.innerWidth <= parseInt(p.SM_MAX)
       ), E = () => {
         h(!d);
       }, I = e && !r, a = () => /* @__PURE__ */ n(s, { children: [
-        W({}),
+        c({}),
         o ? o({}) : null
       ] });
       return /* @__PURE__ */ t(
@@ -46,9 +46,9 @@ const b = "islandWidget__b071a606", k = "islandWidgetWithExtraFooter__eeab74d6",
               className: m(i.islandWidget, l, {
                 [i.islandWidgetWithExtraFooter]: x
               }),
-              "data-tx": "1.21.0",
-              ...g,
-              ref: f,
+              "data-tx": "1.22.0",
+              ...f,
+              ref: g,
               children: /* @__PURE__ */ n(v, { type: y.TYPE_1, size: A.MD, children: [
                 /* @__PURE__ */ t(
                   "div",
@@ -57,7 +57,7 @@ const b = "islandWidget__b071a606", k = "islandWidgetWithExtraFooter__eeab74d6",
                       [i.islandWidgetHeaderWrapperAdaptive]: e
                     }),
                     onClick: e ? E : void 0,
-                    children: c({})
+                    children: W({})
                   }
                 ),
                 I ? /* @__PURE__ */ t(j, { expanded: d, children: a() }) : /* @__PURE__ */ t(s, { children: a() })
@@ -75,8 +75,8 @@ const b = "islandWidget__b071a606", k = "islandWidgetWithExtraFooter__eeab74d6",
     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-CuCj7SgU.js";
-const e = "islandWidgetBody__d92bb7be", 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-BiObpx9E.js";
+const a = "islandWidgetBody__0c8adfc6", 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-CuCj7SgU.js";
+import { useContext as d, useEffect as i } from "react";
+import { c as n } from "../../../chunks/vendor-BiObpx9E.js";
 import { ExpandAnimation as x } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandWidgetLayoutContext as l } from "../IslandWidgetLayoutContext.js";
-const m = "islandWidgetExtraFooter__92f57fbc", c = {
+const m = "islandWidgetExtraFooter__d7670477", c = {
   islandWidgetExtraFooter: m
-}, f = ({
+}, E = ({
   children: r,
   className: e,
   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 }) });
 };
-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-CuCj7SgU.js";
-import { s as n } from "../../../chunks/IslandWidgetFooter.module-PAcTvDvE.js";
+import { c as i } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as n } from "../../../chunks/IslandWidgetFooter.module-BRjR7Nva.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-PAcTvDvE.js";
+import { s } from "../../../chunks/IslandWidgetFooter.module-BRjR7Nva.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-PAcTvDvE.js";
+import { s as r } from "../../../chunks/IslandWidgetFooter.module-BRjR7Nva.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-CuCj7SgU.js";
-import { s as e } from "../../../chunks/IslandWidgetHeader.module-CCpvQ7cl.js";
+import { c as a } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as e } from "../../../chunks/IslandWidgetHeader.module-CQVHkydc.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-CuCj7SgU.js";
-import { s as o } from "../../../chunks/IslandWidgetHeader.module-CCpvQ7cl.js";
+import { c as d } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as o } from "../../../chunks/IslandWidgetHeader.module-CQVHkydc.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-CuCj7SgU.js";
-import { s as t } from "../../../chunks/IslandWidgetHeader.module-CCpvQ7cl.js";
+import { c as a } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as t } from "../../../chunks/IslandWidgetHeader.module-CQVHkydc.js";
 const d = ({
   children: s,
   className: e,

package/components/IslandWidget/components/IslandWidgetWrapper.js

@@ -1,17 +1,17 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import i, { useState as p } from "react";
-import { c as l } from "../../../chunks/vendor-CuCj7SgU.js";
+import { c as l } from "../../../chunks/vendor-BiObpx9E.js";
 import { IslandWidgetLayoutContext as n } from "../IslandWidgetLayoutContext.js";
-const W = "islandWidgetWrapper__e33cd17b", c = {
+const W = "islandWidgetWrapper__6942a958", m = {
   islandWidgetWrapper: W
-}, m = i.forwardRef(
-  ({ children: r, className: t, ...a }, s) => {
-    const [d, o] = p(!1);
-    return /* @__PURE__ */ e(n.Provider, { value: { hasExtraFooter: d, setHasExtraFooter: o }, children: /* @__PURE__ */ e("div", { className: l(c.islandWidgetWrapper, t), ...a, ref: s, children: r }) });
+}, c = i.forwardRef(
+  ({ children: e, className: a, ...t }, s) => {
+    const [o, d] = p(!1);
+    return /* @__PURE__ */ r(n.Provider, { value: { hasExtraFooter: o, setHasExtraFooter: d }, children: /* @__PURE__ */ r("div", { className: l(m.islandWidgetWrapper, a), ...t, 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 R, jsx as o } from "react/jsx-runtime";
 import { useRef as n, useEffect as B } from "react";
-import { c as V, g as A } from "../../chunks/vendor-CuCj7SgU.js";
-import { L as F, s as e } from "../../chunks/LightBoxContent-Dwdsxv-p.js";
+import { c as V, g as A } from "../../chunks/vendor-BiObpx9E.js";
+import { L as F, s as e } from "../../chunks/LightBoxContent-CBpCA29-.js";
 import { LightBoxControls as I } from "./LightBoxControls/LightBoxControls.js";
 import { LightBoxSideOverlay as T } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
 import { Portal as k } from "../Portal/Portal.js";
@@ -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__99d97d5d",
-  "scroll-15": "scroll-15__f797ac3f",
-  "scroll-16": "scroll-16__6f716b0e",
-  "scroll-17": "scroll-17__7db4a5f3"
-}, p = "LightBox-next-mount-node", L = "LightBox-next-view-manager-node", N = [e.bodyOverflowHidden], b = ({
-  children: M,
+  "scroll-0": "scroll-0__262a32ed",
+  "scroll-15": "scroll-15__f7115309",
+  "scroll-16": "scroll-16__2483ee21",
+  "scroll-17": "scroll-17__6f82f790"
+}, p = "LightBox-next-mount-node", L = "LightBox-next-view-manager-node", N = [e.bodyOverflowHidden], M = ({
+  children: b,
   className: v,
   focusTrapProps: r,
   forwardRef: c,
   mountNode: s,
-  lightBoxViewManagerNodeId: d = L,
-  isLoading: m,
+  lightBoxViewManagerNodeId: m = L,
+  isLoading: d,
   isSideOverlayOpened: i,
   isTopOverlayOpened: y,
   ...S
@@ -35,7 +35,7 @@ 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 d && (t = document.querySelector(`#${d}`)), t || (t = document.createElement("div"), t.setAttribute("id", L), document.body.appendChild(t)), t;
+    return m && (t = document.querySelector(`#${m}`)), t || (t = document.createElement("div"), t.setAttribute("id", L), document.body.appendChild(t)), t;
   }, a = n(E()), g = n(w()), h = () => {
     N.forEach((t) => document.documentElement.classList.add(t));
   };
@@ -51,7 +51,7 @@ const Z = {
     C,
     e.lightBox,
     {
-      [e.isLoading]: !!m,
+      [e.isLoading]: !!d,
       [e.lightBoxSideOverlayActive]: !!i,
       [e.lightBoxTopOverlayActive]: !!y
     },
@@ -61,7 +61,7 @@ const Z = {
     return null;
   const f = () => /* @__PURE__ */ x("div", { className: O, ref: _, role: "dialog", "aria-modal": "true", ...S, children: [
     /* @__PURE__ */ o("div", { className: e.lightBoxBackdrop }),
-    M,
+    b,
     /* @__PURE__ */ o("span", { ref: l, className: e.tempElSafariBug })
   ] });
   return /* @__PURE__ */ x(R, { children: [
@@ -71,7 +71,7 @@ const Z = {
         fallback: /* @__PURE__ */ o(
           A.FocusTrap,
           {
-            active: !m,
+            active: !d,
             ...r,
             focusTrapOptions: {
               allowOutsideClick: !0,
@@ -94,8 +94,8 @@ const Z = {
     )
   ] });
 };
-b.displayName = "LightBoxBase";
-const ct = Object.assign(b, {
+M.displayName = "LightBoxBase";
+const ct = Object.assign(M, {
   Content: F,
   SideOverlay: T,
   TopOverlay: j,

package/components/LightBox/LightBoxContent.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
 import "../WindowResizeListener/WindowResizeListener.js";
-import "../../chunks/vendor-CuCj7SgU.js";
+import "../../chunks/vendor-BiObpx9E.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L as n } from "../../chunks/LightBoxContent-Dwdsxv-p.js";
+import { L as n } from "../../chunks/LightBoxContent-CBpCA29-.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-CuCj7SgU.js";
+import { c as u } from "../../../chunks/vendor-BiObpx9E.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-C0ehN4OK.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-6rLkTPqp.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-CuCj7SgU.js";
-import { s as p } from "../../../chunks/LightBoxControls.module-C0ehN4OK.js";
+import { c as e } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as p } from "../../../chunks/LightBoxControls.module-6rLkTPqp.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-CuCj7SgU.js";
+import { c as n } from "../../../chunks/vendor-BiObpx9E.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-C0ehN4OK.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-6rLkTPqp.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-CuCj7SgU.js";
+import { c as n } from "../../../chunks/vendor-BiObpx9E.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-C0ehN4OK.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-6rLkTPqp.js";
 const N = ({
   className: u,
   clickByArrowLeft: x,