@sberbusiness/triplex-next 0.14.0 → 0.15.0

package/components/IslandAccordion/components/IslandAccordionItem.js

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

package/components/IslandWidget/IslandWidget.js

@@ -1,51 +1,82 @@
-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 { jsx as t, jsxs as a, Fragment as s } from "react/jsx-runtime";
+import F, { useContext as _, useState as v } from "react";
+import { Island as u } from "../Island/Island.js";
+import { EIslandType as y } 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 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-CalMVkfj.js";
-import { IslandWidgetContext as h } from "./IslandWidgetContext.js";
-const y = "islandWidget__4afdb679", _ = "islandWidgetWithExtraFooter__1bf04ff6", o = {
-  islandWidget: y,
-  islandWidgetWithExtraFooter: _
-}, b = Object.assign(
-  l.forwardRef(
-    ({ className: i, renderBody: r, renderFooter: t, renderHeader: e, ...d }, a) => {
-      const { hasExtraFooter: s } = p(h);
-      return /* @__PURE__ */ n(
-        "div",
+import { IslandWidgetHeader as H } from "./components/IslandWidgetHeader.js";
+import { IslandWidgetBody as M } from "./components/IslandWidgetBody.js";
+import { IslandWidgetFooter as w } from "./components/IslandWidgetFooter.js";
+import { IslandWidgetExtraFooter as C } from "./components/IslandWidgetExtraFooter.js";
+import { EComponentSize as A } from "../../enums/EComponentSize.js";
+import { c as m } from "../../chunks/vendor-CalMVkfj.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 k = "islandWidget__fa31366f", z = "islandWidgetWithExtraFooter__7575c337", B = "islandWidgetHeaderWrapperAdaptive__5d665422", d = {
+  islandWidget: k,
+  islandWidgetWithExtraFooter: z,
+  islandWidgetHeaderWrapperAdaptive: B
+}, P = Object.assign(
+  F.forwardRef(
+    ({ className: l, renderBody: c, renderFooter: o, 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
+      ] });
+      return /* @__PURE__ */ t(
+        O.Provider,
         {
-          className: F(o.islandWidget, i, {
-            [o.islandWidgetWithExtraFooter]: s
-          }),
-          "data-tx": "0.14.0",
-          ...d,
-          ref: a,
-          children: /* @__PURE__ */ m(W, { type: f.TYPE_1, size: I.MD, children: [
-            e({}),
-            r({}),
-            t ? t({}) : null
-          ] })
+          value: {
+            adaptive: e,
+            disableAdaptiveCollapsing: r,
+            open: i
+          },
+          children: /* @__PURE__ */ t(
+            "div",
+            {
+              className: m(d.islandWidget, l, {
+                [d.islandWidgetWithExtraFooter]: x
+              }),
+              "data-tx": "0.15.0",
+              ...f,
+              ref: g,
+              children: /* @__PURE__ */ a(u, { type: y.TYPE_1, size: A.MD, children: [
+                /* @__PURE__ */ t(
+                  "div",
+                  {
+                    className: m({
+                      [d.islandWidgetHeaderWrapperAdaptive]: e
+                    }),
+                    onClick: e ? E : void 0,
+                    children: W({})
+                  }
+                ),
+                I ? /* @__PURE__ */ t(j, { expanded: i, children: n() }) : /* @__PURE__ */ t(s, { children: n() })
+              ] })
+            }
+          )
         }
       );
     }
   ),
   {
-    Header: g,
-    Body: x,
-    Footer: c,
-    ExtraFooter: E
+    Header: H,
+    Body: M,
+    Footer: w,
+    ExtraFooter: C
   }
 );
-b.displayName = "IslandWidget";
+P.displayName = "IslandWidget";
 export {
-  b as IslandWidget
+  P as IslandWidget
 };
 //# sourceMappingURL=IslandWidget.js.map

package/components/IslandWidget/IslandWidgetContext.js

@@ -1,10 +1,10 @@
 import t from "react";
 const e = {
-  hasExtraFooter: !1,
-  setHasExtraFooter: () => {
-  }
-}, a = t.createContext(e);
+  adaptive: !1,
+  disableAdaptiveCollapsing: !1,
+  open: !1
+}, o = t.createContext(e);
 export {
-  a as IslandWidgetContext
+  o as IslandWidgetContext
 };
 //# sourceMappingURL=IslandWidgetContext.js.map

package/components/IslandWidget/IslandWidgetLayoutContext.js

@@ -0,0 +1,10 @@
+import t from "react";
+const o = {
+  hasExtraFooter: !1,
+  setHasExtraFooter: () => {
+  }
+}, a = t.createContext(o);
+export {
+  a as IslandWidgetLayoutContext
+};
+//# sourceMappingURL=IslandWidgetLayoutContext.js.map

package/components/IslandWidget/components/IslandWidgetBody.js

@@ -1,7 +1,10 @@
-import { jsx as t } from "react/jsx-runtime";
-const e = ({ children: d, ...o }) => /* @__PURE__ */ t("div", { ...o, children: d });
-e.displayName = "IslandWidgetBody";
+import { jsx as o } from "react/jsx-runtime";
+import { c as t } from "../../../chunks/vendor-CalMVkfj.js";
+const e = "islandWidgetBody__c5ec76c6", a = {
+  islandWidgetBody: e
+}, l = ({ children: d, className: s, ...i }) => /* @__PURE__ */ o("div", { ...i, className: t(a.islandWidgetBody, s), children: d });
+l.displayName = "IslandWidgetBody";
 export {
-  e as IslandWidgetBody
+  l as IslandWidgetBody
 };
 //# sourceMappingURL=IslandWidgetBody.js.map

package/components/IslandWidget/components/IslandWidgetExtraFooter.js

@@ -1,23 +1,23 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useContext as d, useEffect as i } from "react";
+import { useContext as i, useEffect as d } from "react";
 import { c as n } from "../../../chunks/vendor-CalMVkfj.js";
 import { ExpandAnimation as x } from "../../ExpandAnimation/ExpandAnimation.js";
-import { IslandWidgetContext as l } from "../IslandWidgetContext.js";
-const m = "islandWidgetExtraFooter__7752dcf6", c = {
+import { IslandWidgetLayoutContext as l } from "../IslandWidgetLayoutContext.js";
+const m = "islandWidgetExtraFooter__1ee57e21", c = {
   islandWidgetExtraFooter: m
-}, f = ({
-  children: r,
-  className: e,
+}, E = ({
+  children: e,
+  className: r,
   open: t = !1,
   ...a
 }) => {
-  const { setHasExtraFooter: s } = d(l);
-  return i(() => {
+  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-CalMVkfj.js";
-import { s as n } from "../../../chunks/IslandWidgetFooter.module-CRDSENKS.js";
+import { s as n } from "../../../chunks/IslandWidgetFooter.module-BXn6GbbA.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-CRDSENKS.js";
+import { s } from "../../../chunks/IslandWidgetFooter.module-BXn6GbbA.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-CRDSENKS.js";
+import { s as r } from "../../../chunks/IslandWidgetFooter.module-BXn6GbbA.js";
 const e = ({
   children: o,
   ...s

package/components/IslandWidget/components/IslandWidgetHeader.js

@@ -1,13 +1,31 @@
-import { jsx as d } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-CalMVkfj.js";
-import { s as a } from "../../../chunks/IslandWidgetHeader.module-CplPMePk.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 });
-e.Content = o;
-e.Description = m;
-e.displayName = "IslandWidgetHeader";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { useContext as l } from "react";
+import { c as a } from "../../../chunks/vendor-CalMVkfj.js";
+import { s as e } from "../../../chunks/IslandWidgetHeader.module-D3zGpkS_.js";
+import { IslandWidgetHeaderContent as c } from "./IslandWidgetHeaderContent.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);
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ...i,
+      className: a(s, e.islandWidgetHeader, {
+        [e.open]: p
+      }),
+      children: [
+        o,
+        d && !n && /* @__PURE__ */ r("span", { className: a(e.caretWrapper), children: /* @__PURE__ */ r(I, { className: e.caretIcon, "aria-hidden": "true", paletteIndex: 5 }) })
+      ]
+    }
+  );
+};
+t.Content = c;
+t.Description = f;
+t.displayName = "IslandWidgetHeader";
 export {
-  e as IslandWidgetHeader
+  t 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-CalMVkfj.js";
-import { s as o } from "../../../chunks/IslandWidgetHeader.module-CplPMePk.js";
+import { s as o } from "../../../chunks/IslandWidgetHeader.module-D3zGpkS_.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-CalMVkfj.js";
-import { s as t } from "../../../chunks/IslandWidgetHeader.module-CplPMePk.js";
+import { s as t } from "../../../chunks/IslandWidgetHeader.module-D3zGpkS_.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-CalMVkfj.js";
-import { IslandWidgetContext as n } from "../IslandWidgetContext.js";
-const W = "islandWidgetWrapper__85b5c6b8", c = {
+import { IslandWidgetLayoutContext as n } from "../IslandWidgetLayoutContext.js";
+const W = "islandWidgetWrapper__3c2d53bd", c = {
   islandWidgetWrapper: W
 }, 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(c.islandWidgetWrapper, t), ...a, ref: s, children: e }) });
+    const [d, o] = p(!1);
+    return /* @__PURE__ */ r(n.Provider, { value: { hasExtraFooter: d, setHasExtraFooter: o }, children: /* @__PURE__ */ r("div", { className: l(c.islandWidgetWrapper, t), ...a, ref: s, children: e }) });
   }
 );
 m.displayName = "IslandWidgetWrapper";

package/components/LightBox/LightBox.js

@@ -1,7 +1,7 @@
 import { jsxs as B, Fragment as F, jsx as o } from "react/jsx-runtime";
 import { useRef as n, useEffect as f } from "react";
 import { c as V, F as A } from "../../chunks/vendor-CalMVkfj.js";
-import { L as D, s as e } from "../../chunks/LightBoxContent-3oHJFM6-.js";
+import { L as D, s as e } from "../../chunks/LightBoxContent-MLggVllJ.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";
@@ -15,10 +15,10 @@ import { LightBoxLeftSidebar as H } from "./LightBoxSidebars/LightBoxLeftSidebar
 import { LightBoxRightSidebar as U } from "./LightBoxSidebars/LightBoxRightSidebar.js";
 import "./LightBoxSideOverlay/enums.js";
 const Z = {
-  "scroll-0": "scroll-0__b0d4e4cb",
-  "scroll-15": "scroll-15__7ab77077",
-  "scroll-16": "scroll-16__da2c1b14",
-  "scroll-17": "scroll-17__bc3ee76d"
+  "scroll-0": "scroll-0__ebb68277",
+  "scroll-15": "scroll-15__6709f9d7",
+  "scroll-16": "scroll-16__1a22e3c5",
+  "scroll-17": "scroll-17__78447bbc"
 }, p = "LightBox-next-mount-node", L = "LightBox-next-view-manager-node", b = [e.bodyOverflowHidden], N = ({
   children: v,
   className: M,

package/components/LightBox/LightBoxContent.js

@@ -3,7 +3,7 @@ import "react";
 import "../../chunks/vendor-CalMVkfj.js";
 import "../WindowResizeListener/WindowResizeListener.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L as n } from "../../chunks/LightBoxContent-3oHJFM6-.js";
+import { L as n } from "../../chunks/LightBoxContent-MLggVllJ.js";
 export {
   n as LightBoxContent
 };

package/components/LightBox/LightBoxControls/LightBoxClose.js

@@ -7,7 +7,7 @@ import { EVENT_KEY_CODES as g } from "../../../utils/keyboard.js";
 import { EButtonTheme as i } from "../../Button/enums.js";
 import { Button as l } from "../../Button/Button.js";
 import { EComponentSize as a } from "../../../enums/EComponentSize.js";
-import { s as o } from "../../../chunks/LightBoxControls.module-BiErhmuy.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-zJ2jYB7p.js";
 const N = ({
   className: c,
   onClick: t,

package/components/LightBox/LightBoxControls/LightBoxControls.js

@@ -3,7 +3,7 @@ import { LightBoxClose as m } from "./LightBoxClose.js";
 import { LightBoxNext as l } from "./LightBoxNext.js";
 import { LightBoxPrev as x } from "./LightBoxPrev.js";
 import { c as e } from "../../../chunks/vendor-CalMVkfj.js";
-import { s as p } from "../../../chunks/LightBoxControls.module-BiErhmuy.js";
+import { s as p } from "../../../chunks/LightBoxControls.module-zJ2jYB7p.js";
 const o = ({ children: t, className: r, ...s }) => /* @__PURE__ */ i("div", { className: e(r, p.lightBoxControls), ...s, "data-lightbox-component": "controls", children: t });
 o.displayName = "LightBoxControls";
 o.Close = m;

package/components/LightBox/LightBoxControls/LightBoxNext.js

@@ -7,7 +7,7 @@ import { EVENT_KEY_CODES as R } from "../../../utils/keyboard.js";
 import { Button as c } from "../../Button/Button.js";
 import { EButtonTheme as s } from "../../Button/enums.js";
 import { EComponentSize as f } from "../../../enums/EComponentSize.js";
-import { s as o } from "../../../chunks/LightBoxControls.module-BiErhmuy.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-zJ2jYB7p.js";
 const v = ({
   className: g,
   clickByArrowRight: u,

package/components/LightBox/LightBoxControls/LightBoxPrev.js

@@ -7,7 +7,7 @@ import { TriggerClickOnKeyDownEvent as C } from "../../Triggers/TriggerClickOnKe
 import { EVENT_KEY_CODES as I } from "../../../utils/keyboard.js";
 import { Button as s } from "../../Button/Button.js";
 import { EComponentSize as v } from "../../../enums/EComponentSize.js";
-import { s as o } from "../../../chunks/LightBoxControls.module-BiErhmuy.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-zJ2jYB7p.js";
 const N = ({
   className: u,
   clickByArrowLeft: x,