@sberbusiness/triplex-next 0.21.0 → 0.23.0

package/components/LightBox/LightBox.js

@@ -1,7 +1,7 @@
 import { jsxs as x, Fragment as F, jsx as o } from "react/jsx-runtime";
 import { useRef as n, useEffect as B } from "react";
-import { c as V, F as A } from "../../chunks/vendor-DaOifQgP.js";
-import { L as I, s as e } from "../../chunks/LightBoxContent-BLPx_Tsf.js";
+import { c as V, F as A } from "../../chunks/vendor---Om3uMV.js";
+import { L as I, s as e } from "../../chunks/LightBoxContent-Lme9r-vN.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";
@@ -14,15 +14,15 @@ 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__9c139a5c",
-  "scroll-15": "scroll-15__29df9fc7",
-  "scroll-16": "scroll-16__4d3535b1",
-  "scroll-17": "scroll-17__6d26e78f"
+  "scroll-0": "scroll-0__5c08ebb9",
+  "scroll-15": "scroll-15__26152f74",
+  "scroll-16": "scroll-16__4add754e",
+  "scroll-17": "scroll-17__27fd2461"
 }, p = "LightBox-next-mount-node", L = "LightBox-next-view-manager-node", N = [e.bodyOverflowHidden], b = ({
   children: M,
   className: v,
   focusTrapProps: r,
-  forwardRef: a,
+  forwardRef: c,
   mountNode: s,
   lightBoxViewManagerNodeId: d = L,
   isLoading: m,
@@ -36,7 +36,7 @@ const Z = {
   }, w = () => {
     let t = null;
     return d && (t = document.querySelector(`#${d}`)), t || (t = document.createElement("div"), t.setAttribute("id", L), document.body.appendChild(t)), t;
-  }, c = n(E()), g = n(w()), h = () => {
+  }, a = n(E()), g = n(w()), h = () => {
     N.forEach((t) => document.documentElement.classList.add(t));
   };
   B(() => (T(Z), h(), setTimeout(h, 100), () => N.forEach((t) => document.documentElement.classList.remove(t))), []), B(() => {
@@ -46,7 +46,7 @@ const Z = {
     }
   }, [i]);
   const _ = (t) => {
-    u.current = t, a && (a.current = t);
+    u.current = t, c && (c.current = t);
   }, O = V(
     C,
     e.lightBox,
@@ -57,7 +57,7 @@ const Z = {
     },
     v
   );
-  if (!c.current)
+  if (!a.current)
     return null;
   const f = () => /* @__PURE__ */ x("div", { className: O, ref: _, role: "dialog", "aria-modal": "true", ...S, children: [
     /* @__PURE__ */ o("div", { className: e.lightBoxBackdrop }),
@@ -65,7 +65,7 @@ const Z = {
     /* @__PURE__ */ o("span", { ref: l, className: e.tempElSafariBug })
   ] });
   return /* @__PURE__ */ x(F, { children: [
-    /* @__PURE__ */ o(D, { container: c.current, children: /* @__PURE__ */ o(
+    /* @__PURE__ */ o(D, { container: a.current, children: /* @__PURE__ */ o(
       W,
       {
         fallback: /* @__PURE__ */ o(
@@ -89,13 +89,13 @@ const Z = {
       q,
       {
         lightBoxViewManagerNode: g.current,
-        lightBoxMountNode: c.current
+        lightBoxMountNode: a.current
       }
     )
   ] });
 };
 b.displayName = "LightBoxBase";
-const at = Object.assign(b, {
+const ct = Object.assign(b, {
   Content: I,
   SideOverlay: k,
   TopOverlay: j,
@@ -104,7 +104,7 @@ const at = Object.assign(b, {
   RightSidebar: U
 });
 export {
-  at as LightBox,
+  ct as LightBox,
   p as lightBoxMountNodeIdDefault,
   L as lightBoxViewManagerNodeIdDefault
 };

package/components/LightBox/LightBoxContent.js

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

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as y, Fragment as T } from "react/jsx-runtime";
 import { useState as B, useRef as O, useEffect as X } from "react";
-import { c as f, F as Y } from "../../../chunks/vendor-DaOifQgP.js";
+import { c as v, F as Y } from "../../../chunks/vendor---Om3uMV.js";
 import { OverlayBase as z, EOverlayDirection as L } from "../../Overlay/OverlayBase.js";
 import { OverlayMask as R } from "../../Overlay/OverlayMask.js";
 import { LightBoxSideOverlayLoader as j } from "./LightBoxSideOverlayLoader.js";
@@ -9,7 +9,7 @@ import { LightBoxSideOverlayCloseMobile as A } from "./LightBoxSideOverlayCloseM
 import { LightBoxSideOverlayCloseDesktop as G } from "./LightBoxSideOverlayCloseDesktop.js";
 import { EComponentSize as U } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as q } from "../../../utils/classNameMaps.js";
-const J = "lightBoxSideOverlayMask__714af292", K = "lightBoxSideOverlayWrapper__e5747e9e", Q = "overflowXHidden__1ad241a3", V = "overflowYHidden__b078fc2e", Z = "closing__f5759ec0", $ = "opened__58fba5f6", P = "lightBoxSideOverlayContent__4e1a2f10", ee = "opening__3e6c3779", oe = "sm__60670172", te = "md__f882860a", ie = "lg__a0813075", re = "lightBoxSideOverlay__29a74dcd", e = {
+const J = "lightBoxSideOverlayMask__a9b3dc3d", K = "lightBoxSideOverlayWrapper__706995a9", Q = "overflowXHidden__da983460", V = "overflowYHidden__f2d08965", Z = "closing__647d498d", $ = "opened__55b09648", P = "lightBoxSideOverlayContent__d803707e", ee = "opening__180f70ad", oe = "sm__5629a592", te = "md__a799085d", ie = "lg__4bc9799e", re = "lightBoxSideOverlay__8e1fa606", e = {
   lightBoxSideOverlayMask: J,
   lightBoxSideOverlayWrapper: K,
   overflowXHidden: Q,
@@ -22,7 +22,7 @@ const J = "lightBoxSideOverlayMask__714af292", K = "lightBoxSideOverlayWrapper__
   md: te,
   lg: ie,
   lightBoxSideOverlay: re
-}, le = q(e), v = ({
+}, le = q(e), f = ({
   children: x,
   className: S,
   focusTrapProps: l,
@@ -31,22 +31,22 @@ const J = "lightBoxSideOverlayMask__714af292", K = "lightBoxSideOverlayWrapper__
   isTopLevelSideOverlayOpened: h,
   isTopOverlayOpened: u,
   onClose: s,
-  onOpen: c,
+  onOpen: d,
   opened: o,
   size: M = U.MD,
   ...k
 }) => {
-  const [i, d] = B(!1), [n, g] = B(!1), m = O(o), p = O(null);
+  const [i, c] = B(!1), [n, g] = B(!1), m = O(o), p = O(null);
   X(() => {
-    m.current && !o ? (g(!1), d(!0)) : !m.current && o && (d(!1), g(!0)), m.current = o;
+    m.current && !o ? (g(!1), c(!0)) : !m.current && o && (c(!1), g(!0)), m.current = o;
   }, [o]);
   const w = (r) => {
-    const { target: W, currentTarget: b } = r;
-    W === b && (i ? (d(!1), s == null || s()) : n && (g(!1), c == null || c()));
+    const { target: D, currentTarget: W } = r;
+    D === W && (i ? (c(!1), s == null || s()) : n && (g(!1), d == null || d()));
   }, C = ({ opened: r }) => /* @__PURE__ */ t(R, { opened: r, className: e.lightBoxSideOverlayMask }), H = () => /* @__PURE__ */ y(
     "div",
     {
-      className: f(e.lightBoxSideOverlayContent, {
+      className: v(e.lightBoxSideOverlayContent, {
         [e.closing]: i,
         [e.opening]: n,
         [e.opened]: o
@@ -59,7 +59,7 @@ const J = "lightBoxSideOverlayMask__714af292", K = "lightBoxSideOverlayWrapper__
       ]
     }
   ), N = () => {
-  }, E = f(S, e.lightBoxSideOverlayWrapper, le[M], {
+  }, E = v(S, e.lightBoxSideOverlayWrapper, le[M], {
     [e.closing]: i,
     [e.opened]: o,
     [e.overflowXHidden]: !!h || !!a,
@@ -67,10 +67,10 @@ const J = "lightBoxSideOverlayMask__714af292", K = "lightBoxSideOverlayWrapper__
   }), F = (r) => /* @__PURE__ */ y(T, { children: [
     C(r),
     H()
-  ] }), D = /* @__PURE__ */ t(
+  ] }), b = /* @__PURE__ */ t(
     "div",
     {
-      className: f(e.lightBoxSideOverlay, {
+      className: v(e.lightBoxSideOverlay, {
         [e.closing]: i,
         [e.opening]: n
       }),
@@ -88,14 +88,14 @@ const J = "lightBoxSideOverlayMask__714af292", K = "lightBoxSideOverlayWrapper__
         preventScroll: !0,
         ...l == null ? void 0 : l.focusTrapOptions
       },
-      children: /* @__PURE__ */ t("div", { className: E, role: "dialog", "aria-modal": "true", ...k, children: D })
+      children: /* @__PURE__ */ t("div", { className: E, role: "dialog", "aria-modal": "true", ...k, children: b })
     }
   );
 };
-v.displayName = "LightBoxSideOverlay";
-v.CloseDesktop = G;
-v.CloseMobile = A;
+f.displayName = "LightBoxSideOverlay";
+f.CloseDesktop = G;
+f.CloseMobile = A;
 export {
-  v as LightBoxSideOverlay
+  f as LightBoxSideOverlay
 };
 //# sourceMappingURL=LightBoxSideOverlay.js.map

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseDesktop.js

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

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-DaOifQgP.js";
+import { c as r } from "../../../chunks/vendor---Om3uMV.js";
 import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
-import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-Dbzm6FYI.js";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-CK8Rh-qO.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,7 +1,7 @@
 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__14af5936", c = {
+const n = "lightBoxSideOverlayLoaderWrapper__98a57a98", c = {
   lightBoxSideOverlayLoaderWrapper: n
 }, f = ({ loadingTitle: a }) => {
   const [t, r] = s(0), e = l(null);

package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -1,17 +1,43 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as d } from "../../../chunks/vendor-DaOifQgP.js";
-const f = "lightBoxLeftSidebar__2bc00188", x = "fixed__3fa7bb74", s = "lightBoxLeftSidebarInner__2420fa3a", e = {
-  lightBoxLeftSidebar: f,
-  fixed: x,
-  lightBoxLeftSidebarInner: s
-}, l = ({
-  children: t,
-  className: a,
-  fixed: o,
-  ...r
-}) => /* @__PURE__ */ i("div", { className: d(a, e.lightBoxLeftSidebar, { [e.fixed]: o }), ...r, children: /* @__PURE__ */ i("div", { className: e.lightBoxLeftSidebarInner, children: t }) });
-l.displayName = "LightBoxLeftSidebar";
+import { jsx as b } from "react/jsx-runtime";
+import { forwardRef as N, useRef as o, useImperativeHandle as R, useState as V, useEffect as x } from "react";
+import { c as h } from "../../../chunks/vendor---Om3uMV.js";
+const j = "lightBoxLeftSidebar__29b53383", z = "fixed__263b6d23", E = "hidden__a36cafa1", r = {
+  lightBoxLeftSidebar: j,
+  fixed: z,
+  hidden: E
+}, O = N(
+  ({ children: m, className: L, fixed: B, minVisibleWidth: d = 100, onShow: s, onHide: i, ...g }, p) => {
+    const n = o(null);
+    R(p, () => n.current);
+    const [v, _] = V(!0), e = o(s), t = o(i);
+    return x(() => {
+      e.current = s, t.current = i;
+    }, [s, i]), x(() => {
+      const f = n.current;
+      if (!f) return;
+      const a = new ResizeObserver((S) => {
+        for (const y of S) {
+          const c = y.contentRect.width > d;
+          _((I) => {
+            var l, u;
+            return c !== I && (c ? (l = e.current) == null || l.call(e) : (u = t.current) == null || u.call(t)), c;
+          });
+        }
+      });
+      return a.observe(f), () => a.disconnect();
+    }, [d]), /* @__PURE__ */ b(
+      "div",
+      {
+        ref: n,
+        className: h(L, r.lightBoxLeftSidebar, { [r.fixed]: B }),
+        ...g,
+        children: /* @__PURE__ */ b("div", { className: h(r.lightBoxLeftSidebarInner, { [r.hidden]: !v }), children: m })
+      }
+    );
+  }
+);
+O.displayName = "LightBoxLeftSidebar";
 export {
-  l as LightBoxLeftSidebar
+  O as LightBoxLeftSidebar
 };
 //# sourceMappingURL=LightBoxLeftSidebar.js.map

package/components/LightBox/LightBoxSidebars/LightBoxRightSidebar.js

@@ -1,17 +1,43 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as o } from "../../../chunks/vendor-DaOifQgP.js";
-const r = "lightBoxRightSidebar__63e7de6d", a = "fixed__3fa7bb74", x = "lightBoxRightSidebarInner__40bbb0c7", i = {
-  lightBoxRightSidebar: r,
-  fixed: a,
-  lightBoxRightSidebarInner: x
-}, b = ({
-  children: e,
-  className: h,
-  fixed: d,
-  ...g
-}) => /* @__PURE__ */ t("div", { className: o(h, i.lightBoxRightSidebar, { [i.fixed]: d }), ...g, children: /* @__PURE__ */ t("div", { className: i.lightBoxRightSidebarInner, children: e }) });
-b.displayName = "LightBoxRightSidebar";
+import { jsx as h } from "react/jsx-runtime";
+import { forwardRef as N, useRef as o, useImperativeHandle as L, useState as V, useEffect as g } from "react";
+import { c as x } from "../../../chunks/vendor---Om3uMV.js";
+const j = "lightBoxRightSidebar__aa8f4a80", z = "fixed__263b6d23", E = "hidden__a36cafa1", r = {
+  lightBoxRightSidebar: j,
+  fixed: z,
+  hidden: E
+}, O = N(
+  ({ children: b, className: m, fixed: R, minVisibleWidth: d = 100, onShow: i, onHide: s, ...B }, p) => {
+    const n = o(null);
+    L(p, () => n.current);
+    const [v, _] = V(!0), e = o(i), t = o(s);
+    return g(() => {
+      e.current = i, t.current = s;
+    }, [i, s]), g(() => {
+      const a = n.current;
+      if (!a) return;
+      const f = new ResizeObserver((S) => {
+        for (const y of S) {
+          const c = y.contentRect.width > d;
+          _((I) => {
+            var l, u;
+            return c !== I && (c ? (l = e.current) == null || l.call(e) : (u = t.current) == null || u.call(t)), c;
+          });
+        }
+      });
+      return f.observe(a), () => f.disconnect();
+    }, [d]), /* @__PURE__ */ h(
+      "div",
+      {
+        ref: n,
+        className: x(m, r.lightBoxRightSidebar, { [r.fixed]: R }),
+        ...B,
+        children: /* @__PURE__ */ h("div", { className: x(r.lightBoxRightSidebarInner, { [r.hidden]: !v }), children: b })
+      }
+    );
+  }
+);
+O.displayName = "LightBoxRightSidebar";
 export {
-  b as LightBoxRightSidebar
+  O as LightBoxRightSidebar
 };
 //# sourceMappingURL=LightBoxRightSidebar.js.map

package/components/LightBox/LightBoxViewManager/LightBoxViewManager.js

@@ -1,6 +1,6 @@
 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 { g as B, i as k, p } from "../../../chunks/vendor-DaOifQgP.js";
+import { g as B, i as k, p } from "../../../chunks/vendor---Om3uMV.js";
 import { Portal as P } from "../../Portal/Portal.js";
 import { LightBoxViewManagerConsts as l } from "./LightBoxViewManagerConsts.js";
 const g = "LightBoxMountNodeViewManager", $ = ({

package/components/Link/Link.js

@@ -1,14 +1,14 @@
-import { jsx as R, jsxs as t, Fragment as d } from "react/jsx-runtime";
+import { jsx as R, jsxs as t, Fragment as i } from "react/jsx-runtime";
 import L from "react";
-import { c as a } from "../../chunks/vendor-DaOifQgP.js";
-const v = "link__e23945d1", F = "wordWithContent__f9448dfb", S = "before__05ae6353", T = "after__f41cc407", e = {
+import { c as a } from "../../chunks/vendor---Om3uMV.js";
+const v = "link__c67135ee", F = "wordWithContent__8f9aef01", S = "before__630fc14d", T = "after__42cf14f2", e = {
   link: v,
   wordWithContent: F,
   before: S,
   after: T
 }, q = L.forwardRef(
-  ({ children: i, className: N, onBlur: f, onMouseDown: p, contentAfter: s, contentBefore: o, ...C }, W) => {
-    const c = () => o ? /* @__PURE__ */ t(d, { children: [
+  ({ children: d, className: f, onBlur: N, onMouseDown: p, contentAfter: s, contentBefore: o, ...C }, W) => {
+    const c = () => o ? /* @__PURE__ */ t(i, { children: [
       "​",
       o()
     ] }) : null, m = () => s ? s() : null, u = (n) => {
@@ -24,9 +24,9 @@ const v = "link__e23945d1", F = "wordWithContent__f9448dfb", S = "before__05ae63
           m()
         ] });
       }
-      const l = r[0], h = r[r.length - 1], b = r.slice(1, -1).join(" "), k = a(e.wordWithContent, {
+      const l = r[0], h = r[r.length - 1], k = r.slice(1, -1).join(" "), b = a(e.wordWithContent, {
         [e.before]: !!o
-      }), g = o ? /* @__PURE__ */ t("span", { className: k, children: [
+      }), g = o ? /* @__PURE__ */ t("span", { className: b, children: [
         c(),
         l
       ] }) : l, x = a(e.wordWithContent, {
@@ -35,30 +35,30 @@ const v = "link__e23945d1", F = "wordWithContent__f9448dfb", S = "before__05ae63
         h,
         m()
       ] }) : h;
-      return /* @__PURE__ */ t(d, { children: [
+      return /* @__PURE__ */ t(i, { children: [
         g,
         " ",
-        b,
+        k,
         " ",
         j
       ] });
     }, w = (n) => {
       const r = o ? o() : null, l = s ? s() : null;
-      return /* @__PURE__ */ t(d, { children: [
+      return /* @__PURE__ */ t(i, { children: [
         r,
         n,
         l
       ] });
-    }, _ = o || s ? ((n) => typeof n == "string" ? u(n) : w(n))(i) : i;
+    }, _ = o || s ? ((n) => typeof n == "string" ? u(n) : w(n))(d) : d;
     return /* @__PURE__ */ R(
       "a",
       {
         role: "link",
         ...C,
-        className: a(N, e.link, "hoverable"),
-        onBlur: f,
+        className: a(f, e.link, "hoverable"),
+        onBlur: N,
         onMouseDown: p,
-        "data-tx": "0.21.0",
+        "data-tx": "0.23.0",
         ref: W,
         children: _
       }

package/components/List/List.js

@@ -1,15 +1,15 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import c from "react";
-import { c as e } from "../../chunks/vendor-DaOifQgP.js";
-import { LoaderScreen as m } from "../LoaderScreen/LoaderScreen.js";
-const f = "list__2af8d8cc", p = {
-  list: f
-}, d = c.forwardRef(({ children: s, className: t, loading: l, ...o }, r) => /* @__PURE__ */ a("ul", { className: e(p.list, t), ...o, "data-tx": "0.21.0", ref: r, children: [
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import m from "react";
+import { c as a } from "../../chunks/vendor---Om3uMV.js";
+import { LoaderScreen as c } from "../LoaderScreen/LoaderScreen.js";
+const d = "list__46bbf98d", f = {
+  list: d
+}, p = m.forwardRef(({ children: s, className: t, loading: o, ...r }, i) => /* @__PURE__ */ l("ul", { className: a(f.list, t), ...r, "data-tx": "0.23.0", ref: i, children: [
   s,
-  l ? /* @__PURE__ */ i(m, { type: "small" }) : null
+  o ? /* @__PURE__ */ e(c, { type: "middle" }) : 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 { a as b, b as f, D as M, M as T, r as D, d as L, S as w, v as y, e as I, T as C, f as H } from "../../chunks/vendor-DaOifQgP.js";
+import { a as b, b as f, D as M, M as T, r as D, d as L, S as w, v as y, e as I, T as C, f as H } from "../../chunks/vendor---Om3uMV.js";
 import { List as N } from "./List.js";
 class u extends H {
 }

package/components/List/components/ListEmptyState.js

@@ -1,13 +1,13 @@
 import { jsx as e } from "react/jsx-runtime";
 import i from "react";
-import { c as o } from "../../../chunks/vendor-DaOifQgP.js";
-const p = "listEmptyState__332cd122", r = {
+import { c as o } from "../../../chunks/vendor---Om3uMV.js";
+const p = "listEmptyState__cbf4bb7c", c = {
   listEmptyState: p
-}, c = i.forwardRef(
-  ({ children: t, className: s, ...m }, a) => /* @__PURE__ */ e("div", { className: o(r.listEmptyState, s), ...m, ref: a, children: t })
+}, r = i.forwardRef(
+  ({ children: t, className: s, ...m }, a) => /* @__PURE__ */ e("div", { className: o(c.listEmptyState, s), ...m, ref: a, children: t })
 );
-c.displayName = "ListItemEmpty";
+r.displayName = "ListItemEmpty";
 export {
-  c as ListEmptyState
+  r as ListEmptyState
 };
 //# sourceMappingURL=ListEmptyState.js.map

package/components/List/components/ListItem.js

@@ -3,7 +3,7 @@ import a, { useState as d } from "react";
 import { ListItemContext as l } from "./ListItemContext.js";
 const c = a.forwardRef(({ children: e, className: r, ...o }, s) => {
   const [i, m] = d(!1);
-  return /* @__PURE__ */ t(l.Provider, { value: { selected: i, setSelected: m }, children: /* @__PURE__ */ t("li", { className: r, ...o, "data-tx": "0.21.0", ref: s, children: e }) });
+  return /* @__PURE__ */ t(l.Provider, { value: { selected: i, setSelected: m }, children: /* @__PURE__ */ t("li", { className: r, ...o, "data-tx": "0.23.0", ref: s, children: e }) });
 });
 c.displayName = "ListItem";
 export {

package/components/List/components/ListItemContent.js

@@ -1,11 +1,11 @@
 import { jsx as c } from "react/jsx-runtime";
 import i, { useContext as l } from "react";
-import { c as r } from "../../../chunks/vendor-DaOifQgP.js";
+import { c as r } from "../../../chunks/vendor---Om3uMV.js";
 import { ListItemContext as d } from "./ListItemContext.js";
-const a = "listItemContent__9bf15d13", f = "selected__15e4f0b2", t = {
+const a = "listItemContent__24c62904", C = "selected__76707d2b", t = {
   listItemContent: a,
-  selected: f
-}, C = i.forwardRef(
+  selected: C
+}, I = i.forwardRef(
   ({ children: e, className: s, ...o }, n) => {
     const { selected: m } = l(d);
     return /* @__PURE__ */ c(
@@ -13,15 +13,15 @@ const a = "listItemContent__9bf15d13", f = "selected__15e4f0b2", t = {
       {
         className: r(t.listItemContent, { [t.selected]: m }, s),
         ...o,
-        "data-tx": "0.21.0",
+        "data-tx": "0.23.0",
         ref: n,
         children: e
       }
     );
   }
 );
-C.displayName = "ListItemContent";
+I.displayName = "ListItemContent";
 export {
-  C as ListItemContent
+  I as ListItemContent
 };
 //# sourceMappingURL=ListItemContent.js.map

package/components/List/components/ListItemControls.js

@@ -1,10 +1,10 @@
-import { jsx as l } from "react/jsx-runtime";
-import m from "react";
-import { c as e } from "../../../chunks/vendor-DaOifQgP.js";
-const i = "listItemControls__d35ba737", n = {
+import { jsx as e } from "react/jsx-runtime";
+import l from "react";
+import { c as m } from "../../../chunks/vendor---Om3uMV.js";
+const i = "listItemControls__e35f7f9e", n = {
   listItemControls: i
-}, a = m.forwardRef(
-  ({ children: t, className: o, ...s }, r) => /* @__PURE__ */ l("div", { className: e(n.listItemControls, o), ...s, ref: r, children: t })
+}, a = l.forwardRef(
+  ({ children: t, className: o, ...s }, r) => /* @__PURE__ */ e("div", { className: m(n.listItemControls, o), ...s, ref: r, children: t })
 );
 a.displayName = "ListItemControls";
 export {

package/components/List/components/ListItemControlsButton.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-DaOifQgP.js";
-import { L as e } from "../../../chunks/ListItemControlsButton-0bXNCLYU.js";
+import "../../../chunks/vendor---Om3uMV.js";
+import { L as e } from "../../../chunks/ListItemControlsButton-BLbj6vZS.js";
 import "../../Typography/enums.js";
 import "../../Typography/Text.js";
 export {