@sberbusiness/triplex-next 1.9.0 → 1.10.0

package/components/IslandWidget/components/IslandWidgetHeader.js

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

package/components/IslandWidget/components/IslandWidgetHeaderContent.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as d } from "../../../chunks/vendor-D3hUOusX.js";
-import { s as o } from "../../../chunks/IslandWidgetHeader.module-BMvYg9LN.js";
+import { c as d } from "../../../chunks/vendor-ClY57Zzq.js";
+import { s as o } from "../../../chunks/IslandWidgetHeader.module-kAuK5xmR.js";
 const n = ({
   children: e,
   className: t,

package/components/IslandWidget/components/IslandWidgetHeaderDescription.js

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

package/components/LightBox/LightBox.js

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

package/components/LightBox/LightBoxContent.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
 import "../WindowResizeListener/WindowResizeListener.js";
-import "../../chunks/vendor-D3hUOusX.js";
+import "../../chunks/vendor-ClY57Zzq.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L as n } from "../../chunks/LightBoxContent-BhFPV40j.js";
+import { L as n } from "../../chunks/LightBoxContent-DDRusGqo.js";
 export {
   n as LightBoxContent
 };

package/components/LightBox/LightBoxControls/LightBoxClose.js

@@ -1,13 +1,13 @@
 import { jsxs as n, jsx as e, Fragment as f } from "react/jsx-runtime";
 import { useRef as h } from "react";
-import { c as u } from "../../../chunks/vendor-D3hUOusX.js";
+import { c as u } from "../../../chunks/vendor-ClY57Zzq.js";
 import { CrossStrokeSrvIcon32 as x, CrossStrokeSrvIcon20 as C } from "@sberbusiness/icons-next";
 import { TriggerClickOnKeyDownEvent as E } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EVENT_KEY_CODES as g } from "../../../utils/keyboard.js";
 import { EButtonTheme as i } from "../../Button/enums.js";
 import { Button as l } from "../../Button/Button.js";
 import { EComponentSize as a } from "../../../enums/EComponentSize.js";
-import { s as o } from "../../../chunks/LightBoxControls.module-B71hMR9E.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-CHrL_gpj.js";
 const N = ({
   className: c,
   onClick: t,

package/components/LightBox/LightBoxControls/LightBoxControls.js

@@ -2,8 +2,8 @@ import { jsx as i } from "react/jsx-runtime";
 import { LightBoxClose as m } from "./LightBoxClose.js";
 import { LightBoxNext as l } from "./LightBoxNext.js";
 import { LightBoxPrev as x } from "./LightBoxPrev.js";
-import { c as e } from "../../../chunks/vendor-D3hUOusX.js";
-import { s as p } from "../../../chunks/LightBoxControls.module-B71hMR9E.js";
+import { c as e } from "../../../chunks/vendor-ClY57Zzq.js";
+import { s as p } from "../../../chunks/LightBoxControls.module-CHrL_gpj.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-D3hUOusX.js";
+import { c as n } from "../../../chunks/vendor-ClY57Zzq.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-B71hMR9E.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-CHrL_gpj.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-D3hUOusX.js";
+import { c as n } from "../../../chunks/vendor-ClY57Zzq.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-B71hMR9E.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-CHrL_gpj.js";
 const N = ({
   className: u,
   clickByArrowLeft: x,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as O, Fragment as C } from "react/jsx-runtime";
 import { useState as x, useRef as p, useEffect as W } from "react";
-import { c as m, F as X } from "../../../chunks/vendor-D3hUOusX.js";
+import { c as m, F as X } from "../../../chunks/vendor-ClY57Zzq.js";
 import { OverlayBase as Y, EOverlayDirection as R } from "../../Overlay/OverlayBase.js";
 import { OverlayMask as j } from "../../Overlay/OverlayMask.js";
 import { LightBoxSideOverlayLoader as I } from "./LightBoxSideOverlayLoader.js";
@@ -8,7 +8,7 @@ import { FocusTrapUtils as T } from "../../../utils/focus/FocusTrapUtils.js";
 import { LightBoxSideOverlayCloseMobile as A } from "./LightBoxSideOverlayCloseMobile.js";
 import { LightBoxSideOverlayCloseDesktop as U } from "./LightBoxSideOverlayCloseDesktop.js";
 import { ELightBoxSideOverlaySize as a } from "./enums.js";
-const q = "lightBoxSideOverlayMask__46bedb8a", J = "lightBoxSideOverlayWrapper__d178e6e7", K = "overflowXHidden__565322fb", Q = "overflowYHidden__fa626993", V = "closing__5a0bce04", Z = "opened__f6dacf24", $ = "lightBoxSideOverlayContent__1e1a6082", P = "opening__01569906", ee = "sizeSM__d47929bd", ie = "sizeMD__5ca5fc1e", te = "sizeLG__63c1c9f6", oe = "lightBoxSideOverlay__cc4cdf71", e = {
+const q = "lightBoxSideOverlayMask__3af94f29", J = "lightBoxSideOverlayWrapper__86ab4c8a", K = "overflowXHidden__a26f8b67", Q = "overflowYHidden__1de1e016", V = "closing__f05cb612", Z = "opened__52195157", $ = "lightBoxSideOverlayContent__97bbc901", P = "opening__4abf9867", ee = "sizeSM__1fc74ef4", ie = "sizeMD__d7b1e68a", te = "sizeLG__0fc7056d", oe = "lightBoxSideOverlay__ca7e9f68", e = {
   lightBoxSideOverlayMask: q,
   lightBoxSideOverlayWrapper: J,
   overflowXHidden: K,
@@ -32,17 +32,17 @@ const q = "lightBoxSideOverlayMask__46bedb8a", J = "lightBoxSideOverlayWrapper__
   onClose: c,
   onOpen: d,
   opened: i,
-  size: g = a.MD,
+  size: f = a.MD,
   ...D
 }) => {
-  const [o, v] = x(!1), [n, f] = x(!1), h = p(i), S = p(null);
+  const [o, g] = x(!1), [n, v] = x(!1), h = p(i), S = p(null);
   W(() => {
-    h.current && !i ? (f(!1), v(!0)) : !h.current && i && (v(!1), f(!0)), h.current = i;
+    h.current && !i ? (v(!1), g(!0)) : !h.current && i && (g(!1), v(!0)), h.current = i;
   }, [i]);
-  const k = (r) => {
+  const b = (r) => {
     const { target: G, currentTarget: N } = r;
-    G === N && (o ? (v(!1), c == null || c()) : n && (f(!1), d == null || d()));
-  }, H = ({ opened: r }) => /* @__PURE__ */ t(j, { opened: r, className: e.lightBoxSideOverlayMask }), L = () => /* @__PURE__ */ O(
+    G === N && (o ? (g(!1), c == null || c()) : n && (v(!1), d == null || d()));
+  }, k = ({ opened: r }) => /* @__PURE__ */ t(j, { opened: r, className: e.lightBoxSideOverlayMask }), H = () => /* @__PURE__ */ O(
     "div",
     {
       className: m(e.lightBoxSideOverlayContent, {
@@ -50,25 +50,25 @@ const q = "lightBoxSideOverlayMask__46bedb8a", J = "lightBoxSideOverlayWrapper__
         [e.opening]: n,
         [e.opened]: i
       }),
-      onTransitionEnd: k,
+      onTransitionEnd: b,
       ref: S,
       children: [
         _,
         s && /* @__PURE__ */ t(I, { loadingTitle: u })
       ]
     }
-  ), w = () => {
-  }, b = m(M, e.lightBoxSideOverlayWrapper, {
+  ), L = () => {
+  }, w = m(M, e.lightBoxSideOverlayWrapper, {
     [e.closing]: o,
     [e.opened]: i,
     [e.overflowXHidden]: !!B || !!s,
     [e.overflowYHidden]: !!B || !!s || !!z,
-    [e.sizeSM]: g === a.SM,
-    [e.sizeMD]: g === a.MD,
-    [e.sizeLG]: g === a.LG
+    [e.sizeSM]: f === a.SM,
+    [e.sizeMD]: f === a.MD,
+    [e.sizeLG]: f === a.LG
   }), E = (r) => /* @__PURE__ */ O(C, { children: [
-    H(r),
-    L()
+    k(r),
+    H()
   ] }), F = /* @__PURE__ */ t(
     "div",
     {
@@ -76,7 +76,7 @@ const q = "lightBoxSideOverlayMask__46bedb8a", J = "lightBoxSideOverlayWrapper__
         [e.closing]: o,
         [e.opening]: n
       }),
-      children: /* @__PURE__ */ t(Y, { direction: R.RIGHT, opened: i, setOpened: w, children: E })
+      children: /* @__PURE__ */ t(Y, { direction: R.RIGHT, opened: i, setOpened: L, children: E })
     }
   );
   return /* @__PURE__ */ t(
@@ -90,7 +90,7 @@ const q = "lightBoxSideOverlayMask__46bedb8a", J = "lightBoxSideOverlayWrapper__
         preventScroll: !0,
         ...l == null ? void 0 : l.focusTrapOptions
       },
-      children: /* @__PURE__ */ t("div", { className: b, role: "dialog", "aria-modal": "true", ...D, children: F })
+      children: /* @__PURE__ */ t("div", { className: w, role: "dialog", "aria-modal": "true", ...D, children: F })
     }
   );
 };

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseDesktop.js

@@ -2,12 +2,12 @@ import { jsx as e } from "react/jsx-runtime";
 import { useRef as s } from "react";
 import { TriggerClickOnKeyDownEvent as n } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EVENT_KEY_CODES as l } from "../../../utils/keyboard.js";
-import { c as p } from "../../../chunks/vendor-D3hUOusX.js";
+import { c as p } from "../../../chunks/vendor-ClY57Zzq.js";
 import { CrossStrokeSrvIcon32 as f } from "@sberbusiness/icons-next";
 import { EButtonTheme as a } from "../../Button/enums.js";
 import { EComponentSize as c } from "../../../enums/EComponentSize.js";
 import { Button as d } from "../../Button/Button.js";
-import { s as u } from "../../../chunks/LightBoxSideOverlayClose.module-Bzi7uEUG.js";
+import { s as u } from "../../../chunks/LightBoxSideOverlayClose.module-CVxmzGmO.js";
 const C = ({
   className: r,
   clickByEsc: m,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseMobile.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as r } from "../../../chunks/vendor-D3hUOusX.js";
+import { c as r } from "../../../chunks/vendor-ClY57Zzq.js";
 import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
-import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-Bzi7uEUG.js";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-CVxmzGmO.js";
 import { EButtonTheme as l } from "../../Button/enums.js";
 import { EComponentSize as s } from "../../../enums/EComponentSize.js";
 import { Button as a } from "../../Button/Button.js";

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayLoader.js

@@ -1,18 +1,18 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useState as s, useRef as l, useEffect as p } from "react";
-import { LoaderScreen as d } from "../../LoaderScreen/LoaderScreen.js";
-const n = "lightBoxSideOverlayLoaderWrapper__9528f15c", c = {
+import { useState as d, useRef as s, useEffect as l } from "react";
+import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
+const n = "lightBoxSideOverlayLoaderWrapper__73a086dd", c = {
   lightBoxSideOverlayLoaderWrapper: n
 }, f = ({ loadingTitle: a }) => {
-  const [t, r] = s(0), e = l(null);
-  return p(() => {
+  const [t, r] = d(0), e = s(null);
+  return l(() => {
     setTimeout(() => {
       if (e.current) {
         const o = e.current.getBoundingClientRect();
         o.top !== t && (o.top > 0 ? r(0) : r(Math.abs(o.top)));
       }
     });
-  }, []), /* @__PURE__ */ i("div", { ref: e, className: c.lightBoxSideOverlayLoaderWrapper, style: { top: `${t}px` }, children: /* @__PURE__ */ i(d, { type: "middle", children: a }) });
+  }, []), /* @__PURE__ */ i("div", { ref: e, className: c.lightBoxSideOverlayLoaderWrapper, style: { top: `${t}px` }, children: /* @__PURE__ */ i(p, { type: "middle", children: a }) });
 };
 f.displayName = "LightBoxSideOverlayLoader";
 export {

package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -0,0 +1,15 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as a } from "../../../chunks/vendor-ClY57Zzq.js";
+const d = "lightBoxLeftSidebar__a716dc8f", l = "lightBoxLeftSidebarInner__1e87e899", t = {
+  lightBoxLeftSidebar: d,
+  lightBoxLeftSidebarInner: l
+}, s = ({
+  children: i,
+  className: r,
+  ...o
+}) => /* @__PURE__ */ e("div", { className: a(r, t.lightBoxLeftSidebar), ...o, children: /* @__PURE__ */ e("div", { className: t.lightBoxLeftSidebarInner, children: i }) });
+s.displayName = "LightBoxLeftSidebar";
+export {
+  s as LightBoxLeftSidebar
+};
+//# sourceMappingURL=LightBoxLeftSidebar.js.map

package/components/LightBox/LightBoxSidebars/LightBoxRightSidebar.js

@@ -0,0 +1,15 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as r } from "../../../chunks/vendor-ClY57Zzq.js";
+const o = "lightBoxRightSidebar__3bee621a", a = "lightBoxRightSidebarInner__895f0b91", t = {
+  lightBoxRightSidebar: o,
+  lightBoxRightSidebarInner: a
+}, d = ({
+  children: e,
+  className: h,
+  ...g
+}) => /* @__PURE__ */ i("div", { className: r(h, t.lightBoxRightSidebar), ...g, children: /* @__PURE__ */ i("div", { className: t.lightBoxRightSidebarInner, children: e }) });
+d.displayName = "LightBoxRightSidebar";
+export {
+  d as LightBoxRightSidebar
+};
+//# sourceMappingURL=LightBoxRightSidebar.js.map

package/components/LightBox/LightBoxViewManager/LightBoxViewManager.js

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as N } from "react/jsx-runtime";
 import { useState as m, useRef as L, useCallback as n, useLayoutEffect as c } from "react";
 import { Portal as B } from "../../Portal/Portal.js";
 import { LightBoxViewManagerConsts as l } from "./LightBoxViewManagerConsts.js";
-import { u as k, i as P, j as p } from "../../../chunks/vendor-D3hUOusX.js";
+import { u as k, i as P, j as p } from "../../../chunks/vendor-ClY57Zzq.js";
 const g = "LightBoxMountNodeViewManager", M = ({
   lightBoxMountNode: a,
   lightBoxViewManagerNode: x

package/components/Link/Link.js

@@ -1,66 +1,66 @@
-import { jsx as R, jsxs as e, Fragment as d } from "react/jsx-runtime";
+import { jsx as R, jsxs as a, Fragment as d } from "react/jsx-runtime";
 import L from "react";
-import { c as l } from "../../chunks/vendor-D3hUOusX.js";
-const v = "link__a4ffd7bd", F = "wordWithContent__a474a5b8", S = "before__eaffa4d7", T = "after__a976bb67", a = {
+import { c as l } from "../../chunks/vendor-ClY57Zzq.js";
+const v = "link__6830cfc7", F = "wordWithContent__465fa65a", S = "before__a0573a8d", T = "after__c3ecf5da", e = {
   link: v,
   wordWithContent: F,
   before: S,
   after: T
 }, q = L.forwardRef(
-  ({ children: i, className: f, onBlur: N, onMouseDown: p, contentAfter: s, contentBefore: o, ...b }, C) => {
-    const c = () => o ? /* @__PURE__ */ e(d, { children: [
+  ({ children: i, className: N, onBlur: f, onMouseDown: p, contentAfter: s, contentBefore: o, ...C }, _) => {
+    const c = () => o ? /* @__PURE__ */ a(d, { children: [
       "​",
       o()
-    ] }) : null, m = () => s ? s() : null, _ = (n) => {
+    ] }) : null, m = () => s ? s() : null, u = (n) => {
       const r = n.split(" ");
       if (r.length < 2 || r.length < 3 && o && s) {
-        const y = l(a.wordWithContent, {
-          [a.after]: !!s,
-          [a.before]: !!o
+        const y = l(e.wordWithContent, {
+          [e.after]: !!s,
+          [e.before]: !!o
         });
-        return /* @__PURE__ */ e("span", { className: y, children: [
+        return /* @__PURE__ */ a("span", { className: y, children: [
           c(),
           n,
           m()
         ] });
       }
-      const t = r[0], h = r[r.length - 1], w = r.slice(1, -1).join(" "), k = l(a.wordWithContent, {
-        [a.before]: !!o
-      }), g = o ? /* @__PURE__ */ e("span", { className: k, children: [
+      const t = r[0], h = r[r.length - 1], k = r.slice(1, -1).join(" "), b = l(e.wordWithContent, {
+        [e.before]: !!o
+      }), g = o ? /* @__PURE__ */ a("span", { className: b, children: [
         c(),
         t
-      ] }) : t, x = l(a.wordWithContent, {
-        [a.after]: !!s
-      }), j = s ? /* @__PURE__ */ e("span", { className: x, children: [
+      ] }) : t, x = l(e.wordWithContent, {
+        [e.after]: !!s
+      }), j = s ? /* @__PURE__ */ a("span", { className: x, children: [
         h,
         m()
       ] }) : h;
-      return /* @__PURE__ */ e(d, { children: [
+      return /* @__PURE__ */ a(d, { children: [
         g,
         " ",
-        w,
+        k,
         " ",
         j
       ] });
-    }, u = (n) => {
+    }, W = (n) => {
       const r = o ? o() : null, t = s ? s() : null;
-      return /* @__PURE__ */ e(d, { children: [
+      return /* @__PURE__ */ a(d, { children: [
         r,
         n,
         t
       ] });
-    }, W = o || s ? ((n) => typeof n == "string" ? _(n) : u(n))(i) : i;
+    }, w = o || s ? ((n) => typeof n == "string" ? u(n) : W(n))(i) : i;
     return /* @__PURE__ */ R(
       "a",
       {
         role: "link",
-        ...b,
-        className: l(f, a.link, "hoverable"),
-        onBlur: N,
+        ...C,
+        className: l(N, e.link, "hoverable"),
+        onBlur: f,
         onMouseDown: p,
-        "data-tx": "1.9.0",
-        ref: C,
-        children: W
+        "data-tx": "1.10.0",
+        ref: _,
+        children: w
       }
     );
   }

package/components/List/List.js

@@ -1,15 +1,15 @@
-import { jsxs as e, jsx as a } from "react/jsx-runtime";
-import c from "react";
-import { c as i } from "../../chunks/vendor-D3hUOusX.js";
-import { LoaderScreen as m } from "../LoaderScreen/LoaderScreen.js";
-const f = "list__ce2c30cf", p = {
-  list: f
-}, d = c.forwardRef(({ children: s, className: t, loading: l, ...o }, r) => /* @__PURE__ */ e("ul", { className: i(p.list, t), ...o, "data-tx": "1.9.0", ref: r, children: [
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import i from "react";
+import { c as m } from "../../chunks/vendor-ClY57Zzq.js";
+import { LoaderScreen as c } from "../LoaderScreen/LoaderScreen.js";
+const d = "list__d8369c66", f = {
+  list: d
+}, p = i.forwardRef(({ children: s, className: t, loading: l, ...o }, r) => /* @__PURE__ */ a("ul", { className: m(f.list, t), ...o, "data-tx": "1.10.0", ref: r, children: [
   s,
-  l ? /* @__PURE__ */ a(m, { type: "small" }) : null
+  l ? /* @__PURE__ */ e(c, { type: "small" }) : null
 ] }));
-d.displayName = "List";
+p.displayName = "List";
 export {
-  d as List
+  p as List
 };
 //# sourceMappingURL=List.js.map

package/components/List/ListSortable.js

@@ -3,7 +3,7 @@ var p = (t, e, r) => e in t ? x(t, e, { enumerable: !0, configurable: !0, writab
 var o = (t, e, r) => p(t, typeof e != "symbol" ? e + "" : e, r);
 import { jsx as d } from "react/jsx-runtime";
 import E from "react";
-import { b, d as f, D as M, M as T, r as D, e as L, S as w, v as y, f as I, T as C, g as H } from "../../chunks/vendor-D3hUOusX.js";
+import { b, d as f, D as M, M as T, r as D, e as L, S as w, v as y, f as I, T as C, g as H } from "../../chunks/vendor-ClY57Zzq.js";
 import { List as N } from "./List.js";
 class u extends H {
 }

package/components/List/components/ListEmptyState.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import i from "react";
-import { c as o } from "../../../chunks/vendor-D3hUOusX.js";
-const p = "listEmptyState__a3f8d511", l = {
+import { c as o } from "../../../chunks/vendor-ClY57Zzq.js";
+const p = "listEmptyState__38352a73", l = {
   listEmptyState: p
 }, r = i.forwardRef(
   ({ children: t, className: s, ...m }, a) => /* @__PURE__ */ e("div", { className: o(l.listEmptyState, s), ...m, ref: a, children: t })