@sberbusiness/triplex-next 0.24.0 → 0.25.0

package/components/IconWrapper/IconWrapper.js

@@ -0,0 +1,27 @@
+import { jsx as l } from "react/jsx-runtime";
+import p from "react";
+import { c as d } from "../../chunks/vendor---Om3uMV.js";
+const b = "disableInteraction__ebea8389", m = "displayContents__b4e32394", e = {
+  disableInteraction: b,
+  displayContents: m
+}, y = p.forwardRef(
+  ({ children: t, className: a, active: s, disabled: n, disableInteraction: o, displayContents: i, ...r }, c) => /* @__PURE__ */ l(
+    "span",
+    {
+      ref: c,
+      className: d("hoverable", a, {
+        active: !!s,
+        disabled: !!n,
+        [e.disableInteraction]: !!o,
+        [e.displayContents]: !!i
+      }),
+      ...r,
+      children: t
+    }
+  )
+);
+y.displayName = "IconWrapper";
+export {
+  y as IconWrapper
+};
+//# sourceMappingURL=IconWrapper.js.map

package/components/IconWrapper/index.js

@@ -0,0 +1,5 @@
+import { IconWrapper as p } from "./IconWrapper.js";
+export {
+  p as IconWrapper
+};
+//# sourceMappingURL=index.js.map

package/components/Island/Island.js

@@ -5,7 +5,7 @@ import { EIslandType as l } from "./enums.js";
 import { IslandBody as n } from "./components/IslandBody.js";
 import { IslandHeader as f } from "./components/IslandHeader.js";
 import { IslandFooter as c } from "./components/IslandFooter.js";
-import { s as o, m as y } from "../../chunks/utils-BI5x-xfE.js";
+import { s as o, m as y } from "../../chunks/utils-Bz5uKYQD.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,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import t from "react";
 import { c as n } from "../../../chunks/vendor---Om3uMV.js";
-const i = "islandBody__d1d355a3", l = {
+const i = "islandBody__6700d48a", l = {
   islandBody: i
 }, y = t.forwardRef(
   ({ children: o, className: s, ...d }, a) => /* @__PURE__ */ r("div", { className: n(l.islandBody, s), ref: a, ...d, children: o })

package/components/Island/components/IslandFooter.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import e from "react";
 import { c as a } from "../../../chunks/vendor---Om3uMV.js";
-const c = "islandFooter__562c6c38", n = {
-  islandFooter: c
-}, m = e.forwardRef(({ children: o, ...r }, s) => /* @__PURE__ */ t("div", { className: a(n.islandFooter), ref: s, ...r, children: o }));
+const n = "islandFooter__924ae140", i = {
+  islandFooter: n
+}, m = e.forwardRef(({ children: o, ...r }, s) => /* @__PURE__ */ t("div", { className: a(i.islandFooter), ref: s, ...r, children: o }));
 export {
   m as IslandFooter
 };

package/components/Island/components/IslandHeader.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import d from "react";
 import { c as o } from "../../../chunks/vendor---Om3uMV.js";
-const t = "islandHeader__892ad365", n = {
+const t = "islandHeader__8d6a5105", n = {
   islandHeader: t
 }, m = d.forwardRef(({ children: a, ...e }, r) => /* @__PURE__ */ s("div", { className: o(n.islandHeader), ref: r, ...e, children: a }));
 export {

package/components/Island/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { m as p } from "../../chunks/utils-BI5x-xfE.js";
+import { m as p } from "../../chunks/utils-Bz5uKYQD.js";
 export {
   p as mapTypeToClassName
 };

package/components/IslandAccordion/IslandAccordion.js

@@ -9,14 +9,14 @@ import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
 import { c as f } from "../../chunks/vendor---Om3uMV.js";
-import { s as I } from "../../chunks/IslandAccordion.module-DLanAkfo.js";
+import { s as I } from "../../chunks/IslandAccordion.module-YvqRlzmi.js";
 import "./components/IslandAccordionContent.js";
 import "./components/IslandAccordionFooter.js";
 const x = Object.assign(
   n.forwardRef(
     ({ className: r, children: m, size: t = d.MD, type: i = l.TYPE_1, ...s }, a) => {
       const c = f(r, I.islandAccordion);
-      return /* @__PURE__ */ o(p.Provider, { value: { size: t, type: i }, children: /* @__PURE__ */ o("ul", { ...s, className: c, "data-tx": "0.24.0", ref: a, children: m }) });
+      return /* @__PURE__ */ o(p.Provider, { value: { size: t, type: i }, children: /* @__PURE__ */ o("ul", { ...s, className: c, "data-tx": "0.25.0", ref: a, children: m }) });
     }
   ),
   {

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-DLanAkfo.js";
+import { s as r } from "../../../chunks/IslandAccordion.module-YvqRlzmi.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,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import s from "react";
 import { c as a } from "../../../chunks/vendor---Om3uMV.js";
-import { s as i } from "../../../chunks/IslandAccordion.module-DLanAkfo.js";
+import { s as i } from "../../../chunks/IslandAccordion.module-YvqRlzmi.js";
 import { Island as e } 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 s } from "../../../chunks/vendor---Om3uMV.js";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import Y, { useState as F, useContext as j, useRef as w, useEffect as D } from "react";
+import { CaretdownStrokeSrvIcon24 as Z, CrossStrokeSrvIcon24 as b } from "@sberbusiness/icons-next";
+import { u as B, c as p } from "../../../chunks/vendor---Om3uMV.js";
 import { Island as y } from "../../Island/Island.js";
 import { ExpandAnimation as $ } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandAccordionContent as q } from "./IslandAccordionContent.js";
@@ -25,7 +25,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title as Q } from "../../Typography/Title.js";
-import { s as t } from "../../../chunks/IslandAccordion.module-DLanAkfo.js";
+import { s as t } from "../../../chunks/IslandAccordion.module-YvqRlzmi.js";
 const U = {
   [l.TYPE_1]: t.type1,
   [l.TYPE_2]: t.type2,
@@ -43,64 +43,64 @@ const U = {
       opened: i,
       disabled: e,
       onRemove: n,
-      onToggle: a,
-      id: c,
+      onToggle: s,
+      id: a,
       num: 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);
+      transitionProps: O,
+      ...k
+    }, v) => {
+      const [o, E] = F(i || !1), { size: c, type: h } = j(K), A = w(B()).current, _ = `${A}header`, C = `${A}body`;
+      D(() => {
+        i !== void 0 && o !== i && E(i);
       }, [i, o]);
       const z = () => {
         if (e)
           return;
         const u = !o;
-        a == null || a(u, c), i === void 0 && h(u);
+        s == null || s(u, a), i === void 0 && E(u);
       }, H = () => {
-        e || n == null || n(c);
-      }, L = s(
+        e || n == null || n(a);
+      }, L = p(
         M,
         t.item,
-        g[m],
-        U[E],
+        g[c],
+        U[h],
         {
           [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(
+      return /* @__PURE__ */ m("li", { ...k, className: L, id: a, ref: v, children: [
+        /* @__PURE__ */ m(y, { className: t.island, size: c, type: h, children: [
+          /* @__PURE__ */ r(y.Header, { children: /* @__PURE__ */ m(
             "button",
             {
               id: _,
               "aria-controls": C,
               "aria-expanded": o,
               type: "button",
-              className: s(t.header, {
+              className: p(t.header, {
                 hoverable: !o
               }),
               onClick: z,
               disabled: e,
-              "data-tx": "0.24.0",
+              "data-tx": "0.25.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(
                   Q,
                   {
                     className: t.title,
-                    size: V[m],
+                    size: V[c],
                     type: e ? N.DISABLED : N.PRIMARY,
                     tag: "div",
                     children: T
                   }
                 ),
-                /* @__PURE__ */ r("span", { className: s(t.caretWrapper), children: /* @__PURE__ */ r(
-                  D,
+                /* @__PURE__ */ r("span", { className: p(t.caretWrapper), children: /* @__PURE__ */ r(
+                  Z,
                   {
                     className: t.caretIcon,
                     "aria-hidden": "true",
@@ -117,12 +117,12 @@ const U = {
               id: C,
               role: "region",
               "aria-labelledby": _,
-              transitionProps: v,
+              transitionProps: O,
               children: x
             }
           )
         ] }),
-        n && /* @__PURE__ */ r("div", { className: s(t.remove, "hoverable", { disabled: e }), children: /* @__PURE__ */ r(W, { onClick: H, title: "Удалить", children: /* @__PURE__ */ r(Z, { paletteIndex: 5 }) }) })
+        n && /* @__PURE__ */ r("span", { className: t.remove, children: /* @__PURE__ */ r(W, { onClick: H, disabled: e, title: "Удалить", children: /* @__PURE__ */ r(b, { paletteIndex: 5 }) }) })
       ] });
     }
   ),

package/components/IslandWidget/IslandWidget.js

@@ -1,4 +1,4 @@
-import { jsx as t, jsxs as n, Fragment as s } from "react/jsx-runtime";
+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";
@@ -12,28 +12,28 @@ import { IslandWidgetExtraFooter as C } from "./components/IslandWidgetExtraFoot
 import { EComponentSize as A } from "../../enums/EComponentSize.js";
 import { c as m } from "../../chunks/vendor---Om3uMV.js";
 import { IslandWidgetLayoutContext as S } from "./IslandWidgetLayoutContext.js";
-import { IslandWidgetContext as b } from "./IslandWidgetContext.js";
-import { ExpandAnimation as O } from "../ExpandAnimation/ExpandAnimation.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 j } from "../MediaWidth/useMatchMedia.js";
-const N = "islandWidget__4b2dceb9", k = "islandWidgetWithExtraFooter__ebaccd32", z = "islandWidgetHeaderWrapperAdaptive__7ea920cb", i = {
-  islandWidget: N,
-  islandWidgetWithExtraFooter: k,
-  islandWidgetHeaderWrapperAdaptive: z
-}, B = Object.assign(
+import { useMatchMedia as N } from "../MediaWidth/useMatchMedia.js";
+const k = "islandWidget__39acdf1d", z = "islandWidgetWithExtraFooter__7b6d2775", B = "islandWidgetHeaderWrapperAdaptive__962df581", i = {
+  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), [d, h] = v(r), e = j(
+    ({ className: l, renderBody: c, renderFooter: o, renderHeader: W, disableAdaptiveCollapsing: r = !1, ...f }, g) => {
+      const { hasExtraFooter: x } = _(S), [d, h] = v(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: [
+      }, I = e && !r, n = () => /* @__PURE__ */ a(s, { children: [
         c({}),
         o ? o({}) : null
       ] });
       return /* @__PURE__ */ t(
-        b.Provider,
+        O.Provider,
         {
           value: {
             adaptive: e,
@@ -44,12 +44,12 @@ const N = "islandWidget__4b2dceb9", k = "islandWidgetWithExtraFooter__ebaccd32",
             "div",
             {
               className: m(i.islandWidget, l, {
-                [i.islandWidgetWithExtraFooter]: f
+                [i.islandWidgetWithExtraFooter]: x
               }),
-              "data-tx": "0.24.0",
-              ...g,
-              ref: x,
-              children: /* @__PURE__ */ n(u, { type: y.TYPE_1, size: A.MD, children: [
+              "data-tx": "0.25.0",
+              ...f,
+              ref: g,
+              children: /* @__PURE__ */ a(u, { type: y.TYPE_1, size: A.MD, children: [
                 /* @__PURE__ */ t(
                   "div",
                   {
@@ -60,7 +60,7 @@ const N = "islandWidget__4b2dceb9", k = "islandWidgetWithExtraFooter__ebaccd32",
                     children: W({})
                   }
                 ),
-                I ? /* @__PURE__ */ t(O, { expanded: d, children: a() }) : /* @__PURE__ */ t(s, { children: a() })
+                I ? /* @__PURE__ */ t(j, { expanded: d, children: n() }) : /* @__PURE__ */ t(s, { children: n() })
               ] })
             }
           )
@@ -75,8 +75,8 @@ const N = "islandWidget__4b2dceb9", k = "islandWidgetWithExtraFooter__ebaccd32",
     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,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { c as t } from "../../../chunks/vendor---Om3uMV.js";
-const a = "islandWidgetBody__34a82e73", e = {
+const a = "islandWidgetBody__4a2be548", e = {
   islandWidgetBody: a
 }, l = ({ children: d, className: s, ...i }) => /* @__PURE__ */ o("div", { ...i, className: t(e.islandWidgetBody, s), children: d });
 l.displayName = "IslandWidgetBody";

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---Om3uMV.js";
 import { ExpandAnimation as x } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandWidgetLayoutContext as l } from "../IslandWidgetLayoutContext.js";
-const m = "islandWidgetExtraFooter__30b6dcb1", c = {
+const m = "islandWidgetExtraFooter__1eacf048", c = {
   islandWidgetExtraFooter: m
-}, E = ({
-  children: r,
-  className: e,
+}, f = ({
+  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 }) });
 };
-E.displayName = "IslandWidgetExtraFooter";
+f.displayName = "IslandWidgetExtraFooter";
 export {
-  E as IslandWidgetExtraFooter
+  f as IslandWidgetExtraFooter
 };
 //# sourceMappingURL=IslandWidgetExtraFooter.js.map

package/components/IslandWidget/components/IslandWidgetFooter.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { c as i } from "../../../chunks/vendor---Om3uMV.js";
-import { s as n } from "../../../chunks/IslandWidgetFooter.module-kdzBJDuu.js";
+import { s as n } from "../../../chunks/IslandWidgetFooter.module-iMuqKnPP.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-kdzBJDuu.js";
+import { s } from "../../../chunks/IslandWidgetFooter.module-iMuqKnPP.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-kdzBJDuu.js";
+import { s as r } from "../../../chunks/IslandWidgetFooter.module-iMuqKnPP.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---Om3uMV.js";
-import { s as e } from "../../../chunks/IslandWidgetHeader.module-BAcC1EB8.js";
+import { s as e } from "../../../chunks/IslandWidgetHeader.module-CnPne0Uq.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---Om3uMV.js";
-import { s as o } from "../../../chunks/IslandWidgetHeader.module-BAcC1EB8.js";
+import { s as o } from "../../../chunks/IslandWidgetHeader.module-CnPne0Uq.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---Om3uMV.js";
-import { s as t } from "../../../chunks/IslandWidgetHeader.module-BAcC1EB8.js";
+import { s as t } from "../../../chunks/IslandWidgetHeader.module-CnPne0Uq.js";
 const d = ({
   children: s,
   className: e,

package/components/IslandWidget/components/IslandWidgetWrapper.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import i, { useState as p } from "react";
 import { c as l } from "../../../chunks/vendor---Om3uMV.js";
 import { IslandWidgetLayoutContext as n } from "../IslandWidgetLayoutContext.js";
-const W = "islandWidgetWrapper__ab9bdef6", m = {
+const W = "islandWidgetWrapper__fe29a057", m = {
   islandWidgetWrapper: W
 }, c = i.forwardRef(
   ({ children: e, className: a, ...t }, s) => {

package/components/LightBox/LightBox.js

@@ -1,23 +1,24 @@
-import { jsxs as B, Fragment as F, jsx as o } from "react/jsx-runtime";
+import { jsxs as B, Fragment as V, jsx as o } from "react/jsx-runtime";
 import { useRef as n, useEffect as f } from "react";
-import { c as V, F as A } from "../../chunks/vendor---Om3uMV.js";
-import { L as I, s as e } from "../../chunks/LightBoxContent-hyVn3q-T.js";
+import { c as A, F as D } from "../../chunks/vendor---Om3uMV.js";
+import { L as I, s as e } from "../../chunks/LightBoxContent-DlDaCKV4.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";
+import { Portal as T } from "../Portal/Portal.js";
+import { addClassNameWithScrollbarWidth as j } from "../../utils/scroll/scrollbar.js";
+import { TopOverlay as q } from "../TopOverlay/TopOverlay.js";
+import { LightBoxViewManager as z } 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";
-const Z = {
-  "scroll-0": "scroll-0__1087a633",
-  "scroll-15": "scroll-15__760e6262",
-  "scroll-16": "scroll-16__925c6de7",
-  "scroll-17": "scroll-17__afb3e98c"
+import { useToken as H } from "../ThemeProvider/useToken.js";
+import { LightBoxLeftSidebar as U } from "./LightBoxSidebars/LightBoxLeftSidebar.js";
+import { LightBoxRightSidebar as Z } from "./LightBoxSidebars/LightBoxRightSidebar.js";
+import { ELightBoxSize as G } from "./enums.js";
+const J = {
+  "scroll-0": "scroll-0__89c3a124",
+  "scroll-15": "scroll-15__90bda9e2",
+  "scroll-16": "scroll-16__60d68b66",
+  "scroll-17": "scroll-17__7f4ac5c3"
 }, p = "LightBox-next-mount-node", L = "LightBox-next-view-manager-node", N = [e.bodyOverflowHidden], b = ({
   children: M,
   className: v,
@@ -28,28 +29,30 @@ const Z = {
   isLoading: d,
   isSideOverlayOpened: i,
   isTopOverlayOpened: y,
-  ...S
+  size: S = G.MD,
+  ...C
 }) => {
-  const l = n(null), u = n(null), { scopeClassName: C } = z(), E = () => {
+  const l = n(null), u = n(null), { scopeClassName: E } = H(), w = () => {
     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;
-  }, a = n(E()), g = n(w()), h = () => {
+  }, a = n(w()), g = n(_()), h = () => {
     N.forEach((t) => document.documentElement.classList.add(t));
   };
-  f(() => (T(Z), h(), setTimeout(h, 100), () => N.forEach((t) => document.documentElement.classList.remove(t))), []), f(() => {
+  f(() => (j(J), h(), setTimeout(h, 100), () => N.forEach((t) => document.documentElement.classList.remove(t))), []), f(() => {
     if (!i && l.current) {
       const t = Math.round(Math.random() * 100);
       l.current.style.zIndex = t.toString();
     }
   }, [i]);
-  const _ = (t) => {
+  const O = (t) => {
     u.current = t, c && (c.current = t);
-  }, O = V(
-    C,
+  }, F = A(
+    E,
     e.lightBox,
+    e[S],
     {
       [e.isLoading]: !!d,
       [e.lightBoxSideOverlayActive]: !!i,
@@ -59,17 +62,17 @@ const Z = {
   );
   if (!a.current)
     return null;
-  const x = () => /* @__PURE__ */ B("div", { className: O, ref: _, role: "dialog", "aria-modal": "true", ...S, children: [
+  const x = () => /* @__PURE__ */ B("div", { className: F, ref: O, role: "dialog", "aria-modal": "true", ...C, children: [
     /* @__PURE__ */ o("div", { className: e.lightBoxBackdrop }),
     M,
     /* @__PURE__ */ o("span", { ref: l, className: e.tempElSafariBug })
   ] });
-  return /* @__PURE__ */ B(F, { children: [
-    /* @__PURE__ */ o(D, { container: a.current, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ B(V, { children: [
+    /* @__PURE__ */ o(T, { container: a.current, children: /* @__PURE__ */ o(
       W,
       {
         fallback: /* @__PURE__ */ o(
-          A,
+          D,
           {
             active: !d,
             ...r,
@@ -86,7 +89,7 @@ const Z = {
       }
     ) }),
     g.current && /* @__PURE__ */ o(
-      q,
+      z,
       {
         lightBoxViewManagerNode: g.current,
         lightBoxMountNode: a.current
@@ -95,16 +98,16 @@ const Z = {
   ] });
 };
 b.displayName = "LightBoxBase";
-const ct = Object.assign(b, {
+const dt = Object.assign(b, {
   Content: I,
   SideOverlay: k,
-  TopOverlay: j,
+  TopOverlay: q,
   Controls: R,
-  LeftSidebar: H,
-  RightSidebar: U
+  LeftSidebar: U,
+  RightSidebar: Z
 });
 export {
-  ct as LightBox,
+  dt as LightBox,
   p as lightBoxMountNodeIdDefault,
   L as lightBoxViewManagerNodeIdDefault
 };

package/components/LightBox/LightBoxContent.js

@@ -3,7 +3,7 @@ import "react";
 import "../../chunks/vendor---Om3uMV.js";
 import "../WindowResizeListener/WindowResizeListener.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L as n } from "../../chunks/LightBoxContent-hyVn3q-T.js";
+import { L as n } from "../../chunks/LightBoxContent-DlDaCKV4.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-CTUWde8O.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-laAGRPrR.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---Om3uMV.js";
-import { s as p } from "../../../chunks/LightBoxControls.module-CTUWde8O.js";
+import { s as p } from "../../../chunks/LightBoxControls.module-laAGRPrR.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-CTUWde8O.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-laAGRPrR.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-CTUWde8O.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-laAGRPrR.js";
 const N = ({
   className: u,
   clickByArrowLeft: x,