@sberbusiness/triplex-next 1.6.1 → 1.8.0

package/components/LightBox/LightBox.js

@@ -1,7 +1,7 @@
 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-D9VFXK17.js";
+import { s as e, L as D } from "../../chunks/LightBoxContent-CzLiq8KE.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";
@@ -11,11 +11,12 @@ import { LightBoxViewManager as q } from "./LightBoxViewManager/LightBoxViewMana
 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 "./LightBoxSideOverlay/enums.js";
 const H = {
-  "scroll-0": "scroll-0__e628c019",
-  "scroll-15": "scroll-15__f976d9a9",
-  "scroll-16": "scroll-16__55fc4454",
-  "scroll-17": "scroll-17__76e90737"
+  "scroll-0": "scroll-0__4d3449c6",
+  "scroll-15": "scroll-15__f3bfbac3",
+  "scroll-16": "scroll-16__57f17847",
+  "scroll-17": "scroll-17__ada6811d"
 }, N = "LightBox-next-mount-node", v = "LightBox-next-view-manager-node", L = [e.bodyOverflowHidden], r = ({
   children: y,
   className: M,
@@ -25,19 +26,19 @@ const H = {
   lightBoxViewManagerNodeId: d = v,
   isLoading: u,
   isSideOverlayOpened: i,
-  isTopOverlayOpened: E,
-  ...C
+  isTopOverlayOpened: b,
+  ...E
 }) => {
-  const c = l(null), h = l(null), { scopeClassName: b } = z(), S = () => {
+  const c = l(null), h = l(null), { scopeClassName: C } = z(), S = () => {
     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;
   }, _ = () => {
     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(_()), x = () => {
+  }, a = l(S()), g = l(_()), f = () => {
     L.forEach((t) => document.documentElement.classList.add(t));
   };
-  p(() => (R(H), x(), setTimeout(x, 100), () => L.forEach((t) => document.documentElement.classList.remove(t))), []), p(() => {
+  p(() => (R(H), f(), setTimeout(f, 100), () => L.forEach((t) => document.documentElement.classList.remove(t))), []), p(() => {
     if (!i && c.current) {
       const t = Math.round(Math.random() * 100);
       c.current.style.zIndex = t.toString();
@@ -46,18 +47,18 @@ const H = {
   const w = (t) => {
     h.current = t, s && (s.current = t);
   }, O = V(
-    b,
+    C,
     e.lightBox,
     {
       [e.isLoading]: !!u,
       [e.lightBoxSideOverlayActive]: !!i,
-      [e.lightBoxTopOverlayActive]: !!E
+      [e.lightBoxTopOverlayActive]: !!b
     },
     M
   );
   if (!a.current)
     return null;
-  const f = () => /* @__PURE__ */ B("div", { className: O, ref: w, role: "dialog", "aria-modal": "true", ...C, children: [
+  const x = () => /* @__PURE__ */ B("div", { className: O, ref: w, role: "dialog", "aria-modal": "true", ...E, children: [
     /* @__PURE__ */ o("div", { className: e.lightBoxBackdrop }),
     y,
     /* @__PURE__ */ o("span", { ref: c, className: e.tempElSafariBug })
@@ -77,10 +78,10 @@ const H = {
               preventScroll: !0,
               ...n == null ? void 0 : n.focusTrapOptions
             },
-            children: f()
+            children: x()
           }
         ),
-        children: f()
+        children: x()
       }
     ) }),
     g.current && /* @__PURE__ */ o(

package/components/LightBox/LightBoxContent.js

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

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -1,106 +1,103 @@
-import { jsx as i, jsxs as B, Fragment as W } from "react/jsx-runtime";
-import { useState as O, useRef as x, useEffect as L } from "react";
-import { c as _, F as X } from "../../../chunks/vendor-D3hUOusX.js";
+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 { 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";
 import { FocusTrapUtils as T } from "../../../utils/focus/FocusTrapUtils.js";
 import { LightBoxSideOverlayCloseMobile as A } from "./LightBoxSideOverlayCloseMobile.js";
 import { LightBoxSideOverlayCloseDesktop as U } from "./LightBoxSideOverlayCloseDesktop.js";
-const q = "lightBoxSideOverlayMask__11215bac", E = "lightBoxSideOverlayWrapper__ad1454e6", J = "overflowXHidden__3d0affd8", K = "overflowYHidden__b875d1c1", Q = "closing__80e2f09a", V = "opened__d4114954", Z = "lightBoxSideOverlayContent__87229cca", $ = "opening__7c1198e5", P = "sizeSM__792f14c9", ee = "sizeMD__08e13dfd", te = "sizeLG__c835790a", oe = "lightBoxSideOverlay__eb86b4ab", e = {
+import { ELightBoxSideOverlaySize as s } from "./enums.js";
+const q = "lightBoxSideOverlayMask__3e2c26a6", J = "lightBoxSideOverlayWrapper__f109067e", K = "overflowXHidden__9b9f672c", Q = "overflowYHidden__149e59b3", V = "closing__13e0e7fc", Z = "opened__9cf52cc2", $ = "lightBoxSideOverlayContent__6139db6c", P = "opening__8181cf95", ee = "sizeSM__0061c894", ie = "sizeMD__7ab370b7", te = "sizeLG__07a0f407", oe = "lightBoxSideOverlay__57615f26", e = {
   lightBoxSideOverlayMask: q,
-  lightBoxSideOverlayWrapper: E,
-  overflowXHidden: J,
-  overflowYHidden: K,
-  closing: Q,
-  opened: V,
-  lightBoxSideOverlayContent: Z,
-  opening: $,
-  sizeSM: P,
-  sizeMD: ee,
+  lightBoxSideOverlayWrapper: J,
+  overflowXHidden: K,
+  overflowYHidden: Q,
+  closing: V,
+  opened: Z,
+  lightBoxSideOverlayContent: $,
+  opening: P,
+  sizeSM: ee,
+  sizeMD: ie,
   sizeLG: te,
   lightBoxSideOverlay: oe
-};
-var ie = /* @__PURE__ */ ((t) => (t[t.SM = 0] = "SM", t[t.MD = 1] = "MD", t[t.LG = 2] = "LG", t))(ie || {});
-const h = ({
-  children: t,
+}, y = ({
+  children: _,
   className: M,
   focusTrapProps: l,
   isLoading: a,
-  loadingTitle: S,
-  isTopLevelSideOverlayOpened: p,
-  isTopOverlayOpened: u,
+  loadingTitle: u,
+  isTopLevelSideOverlayOpened: B,
+  isTopOverlayOpened: z,
   onClose: c,
   onOpen: d,
-  opened: o,
-  size: f = 1,
+  opened: i,
+  size: g = s.MD,
   ...D
 }) => {
-  const [r, v] = O(!1), [s, g] = O(!1), m = x(o), y = x(null);
-  L(() => {
-    m.current && !o ? (g(!1), v(!0)) : !m.current && o && (v(!1), g(!0)), m.current = o;
-  }, [o]);
-  const k = (n) => {
-    const { target: z, currentTarget: C } = n;
-    z === C && (r ? (v(!1), c == null || c()) : s && (g(!1), d == null || d()));
-  }, H = ({ opened: n }) => /* @__PURE__ */ i(j, { opened: n, className: e.lightBoxSideOverlayMask }), w = () => /* @__PURE__ */ B(
+  const [o, v] = x(!1), [n, f] = 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;
+  }, [i]);
+  const k = (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(
     "div",
     {
-      className: _(e.lightBoxSideOverlayContent, {
-        [e.closing]: r,
-        [e.opening]: s,
-        [e.opened]: o
+      className: m(e.lightBoxSideOverlayContent, {
+        [e.closing]: o,
+        [e.opening]: n,
+        [e.opened]: i
       }),
       onTransitionEnd: k,
-      ref: y,
+      ref: S,
       children: [
-        t,
-        a && /* @__PURE__ */ i(I, { loadingTitle: S })
+        _,
+        a && /* @__PURE__ */ t(I, { loadingTitle: u })
       ]
     }
-  ), b = () => {
-  }, G = _(M, e.lightBoxSideOverlayWrapper, {
-    [e.closing]: r,
-    [e.opened]: o,
-    [e.overflowXHidden]: !!p || !!a,
-    [e.overflowYHidden]: !!p || !!a || !!u,
-    [e.sizeSM]: f === 0,
-    [e.sizeMD]: f === 1,
-    [e.sizeLG]: f === 2
-    /* LG */
-  }), F = (n) => /* @__PURE__ */ B(W, { children: [
-    H(n),
-    w()
-  ] }), N = /* @__PURE__ */ i(
+  ), w = () => {
+  }, b = m(M, e.lightBoxSideOverlayWrapper, {
+    [e.closing]: o,
+    [e.opened]: i,
+    [e.overflowXHidden]: !!B || !!a,
+    [e.overflowYHidden]: !!B || !!a || !!z,
+    [e.sizeSM]: g === s.SM,
+    [e.sizeMD]: g === s.MD,
+    [e.sizeLG]: g === s.LG
+  }), E = (r) => /* @__PURE__ */ O(C, { children: [
+    H(r),
+    L()
+  ] }), F = /* @__PURE__ */ t(
     "div",
     {
-      className: _(e.lightBoxSideOverlay, {
-        [e.closing]: r,
-        [e.opening]: s
+      className: m(e.lightBoxSideOverlay, {
+        [e.closing]: o,
+        [e.opening]: n
       }),
-      children: /* @__PURE__ */ i(Y, { direction: R.RIGHT, opened: o, setOpened: b, children: F })
+      children: /* @__PURE__ */ t(Y, { direction: R.RIGHT, opened: i, setOpened: w, children: E })
     }
   );
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ t(
     X,
     {
-      active: o && !s && !r,
+      active: i && !n && !o,
       ...l,
       focusTrapOptions: {
         clickOutsideDeactivates: !0,
-        initialFocus: () => T.getFirstInteractionElementByDataAttr(y.current),
+        initialFocus: () => T.getFirstInteractionElementByDataAttr(S.current),
         preventScroll: !0,
         ...l == null ? void 0 : l.focusTrapOptions
       },
-      children: /* @__PURE__ */ i("div", { className: G, role: "dialog", "aria-modal": "true", ...D, children: N })
+      children: /* @__PURE__ */ t("div", { className: b, role: "dialog", "aria-modal": "true", ...D, children: F })
     }
   );
 };
-h.displayName = "LightBoxSideOverlay";
-h.CloseDesktop = U;
-h.CloseMobile = A;
+y.displayName = "LightBoxSideOverlay";
+y.CloseDesktop = U;
+y.CloseMobile = A;
 export {
-  ie as ELightBoxSideOverlaySize,
-  h as LightBoxSideOverlay
+  y as LightBoxSideOverlay
 };
 //# sourceMappingURL=LightBoxSideOverlay.js.map

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseDesktop.js

@@ -7,7 +7,7 @@ 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-CwTd-n3M.js";
+import { s as u } from "../../../chunks/LightBoxSideOverlayClose.module-CCW9Lhhe.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 { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
-import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-CwTd-n3M.js";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-CCW9Lhhe.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 d, useEffect as l } from "react";
-import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const n = "lightBoxSideOverlayLoaderWrapper__18b1d2f2", c = {
+import { useState as s, useRef as l, useEffect as p } from "react";
+import { LoaderScreen as d } from "../../LoaderScreen/LoaderScreen.js";
+const n = "lightBoxSideOverlayLoaderWrapper__951774e9", c = {
   lightBoxSideOverlayLoaderWrapper: n
 }, f = ({ loadingTitle: a }) => {
-  const [t, r] = s(0), e = d(null);
-  return l(() => {
+  const [t, r] = s(0), e = l(null);
+  return p(() => {
     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(p, { type: "middle", children: a }) });
+  }, []), /* @__PURE__ */ i("div", { ref: e, className: c.lightBoxSideOverlayLoaderWrapper, style: { top: `${t}px` }, children: /* @__PURE__ */ i(d, { type: "middle", children: a }) });
 };
 f.displayName = "LightBoxSideOverlayLoader";
 export {

package/components/LightBox/LightBoxSideOverlay/enums.js

@@ -0,0 +1,5 @@
+var r = /* @__PURE__ */ ((m) => (m.SM = "sm", m.MD = "md", m.LG = "lg", m))(r || {});
+export {
+  r as ELightBoxSideOverlaySize
+};
+//# sourceMappingURL=enums.js.map

package/components/LightBox/LightBoxSideOverlay/index.js

@@ -0,0 +1,7 @@
+import { LightBoxSideOverlay as r } from "./LightBoxSideOverlay.js";
+import { ELightBoxSideOverlaySize as t } from "./enums.js";
+export {
+  t as ELightBoxSideOverlaySize,
+  r as LightBoxSideOverlay
+};
+//# sourceMappingURL=index.js.map

package/components/LightBox/index.js

@@ -1,7 +1,11 @@
-import { LightBox as t, lightBoxMountNodeIdDefault as a, lightBoxViewManagerNodeIdDefault as d } from "./LightBox.js";
+import { LightBox as t, lightBoxMountNodeIdDefault as i, lightBoxViewManagerNodeIdDefault as r } from "./LightBox.js";
+import { LightBoxSideOverlay as a } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
+import { ELightBoxSideOverlaySize as g } from "./LightBoxSideOverlay/enums.js";
 export {
+  g as ELightBoxSideOverlaySize,
   t as LightBox,
-  a as lightBoxMountNodeIdDefault,
-  d as lightBoxViewManagerNodeIdDefault
+  a as LightBoxSideOverlay,
+  i as lightBoxMountNodeIdDefault,
+  r as lightBoxViewManagerNodeIdDefault
 };
 //# sourceMappingURL=index.js.map

package/components/Link/Link.js

@@ -1,22 +1,22 @@
 import { jsx as R, jsxs as t, Fragment as d } from "react/jsx-runtime";
 import L from "react";
 import { c as a } from "../../chunks/vendor-D3hUOusX.js";
-const v = "link__4d32811f", F = "wordWithContent__9426f39f", S = "before__5117b895", T = "after__ba2128c8", e = {
+const v = "link__c8f1303c", F = "wordWithContent__52e15d78", S = "before__013d60ee", T = "after__abd3bcdb", r = {
   link: v,
   wordWithContent: F,
   before: S,
   after: T
 }, q = L.forwardRef(
-  ({ children: i, className: N, onBlur: f, onMouseDown: p, contentAfter: s, contentBefore: o, ...C }, _) => {
+  ({ children: i, className: N, onBlur: p, onMouseDown: f, contentAfter: s, contentBefore: o, ...C }, _) => {
     const c = () => o ? /* @__PURE__ */ t(d, { children: [
       "​",
       o()
-    ] }) : null, m = () => s ? s() : null, u = (n) => {
-      const r = n.split(" ");
-      if (r.length < 2 || r.length < 3 && o && s) {
-        const y = a(e.wordWithContent, {
-          [e.after]: !!s,
-          [e.before]: !!o
+    ] }) : null, m = () => s ? s() : null, b = (n) => {
+      const e = n.split(" ");
+      if (e.length < 2 || e.length < 3 && o && s) {
+        const y = a(r.wordWithContent, {
+          [r.after]: !!s,
+          [r.before]: !!o
         });
         return /* @__PURE__ */ t("span", { className: y, children: [
           c(),
@@ -24,13 +24,13 @@ const v = "link__4d32811f", F = "wordWithContent__9426f39f", S = "before__5117b8
           m()
         ] });
       }
-      const l = r[0], h = r[r.length - 1], w = r.slice(1, -1).join(" "), k = a(e.wordWithContent, {
-        [e.before]: !!o
+      const l = e[0], h = e[e.length - 1], w = e.slice(1, -1).join(" "), k = a(r.wordWithContent, {
+        [r.before]: !!o
       }), g = o ? /* @__PURE__ */ t("span", { className: k, children: [
         c(),
         l
-      ] }) : l, x = a(e.wordWithContent, {
-        [e.after]: !!s
+      ] }) : l, x = a(r.wordWithContent, {
+        [r.after]: !!s
       }), j = s ? /* @__PURE__ */ t("span", { className: x, children: [
         h,
         m()
@@ -42,25 +42,25 @@ const v = "link__4d32811f", F = "wordWithContent__9426f39f", S = "before__5117b8
         " ",
         j
       ] });
-    }, W = (n) => {
-      const r = o ? o() : null, l = s ? s() : null;
+    }, u = (n) => {
+      const e = o ? o() : null, l = s ? s() : null;
       return /* @__PURE__ */ t(d, { children: [
-        r,
+        e,
         n,
         l
       ] });
-    }, b = o || s ? ((n) => typeof n == "string" ? u(n) : W(n))(i) : i;
+    }, W = o || s ? ((n) => typeof n == "string" ? b(n) : u(n))(i) : i;
     return /* @__PURE__ */ R(
       "a",
       {
         role: "link",
         ...C,
-        className: a(N, e.link, "hoverable"),
-        onBlur: f,
-        onMouseDown: p,
-        "data-tx": "1.6.1",
+        className: a(N, r.link, "hoverable"),
+        onBlur: p,
+        onMouseDown: f,
+        "data-tx": "1.8.0",
         ref: _,
-        children: b
+        children: W
       }
     );
   }

package/components/List/List.js

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

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-D3hUOusX.js";
-const p = "listEmptyState__cc23ba8d", c = {
+const p = "listEmptyState__0ac3be8d", l = {
   listEmptyState: p
-}, l = i.forwardRef(
-  ({ children: t, className: s, ...m }, a) => /* @__PURE__ */ e("div", { className: o(c.listEmptyState, s), ...m, ref: a, children: t })
+}, r = i.forwardRef(
+  ({ children: t, className: s, ...m }, a) => /* @__PURE__ */ e("div", { className: o(l.listEmptyState, s), ...m, ref: a, children: t })
 );
-l.displayName = "ListItemEmpty";
+r.displayName = "ListItemEmpty";
 export {
-  l as ListEmptyState
+  r as ListEmptyState
 };
 //# sourceMappingURL=ListEmptyState.js.map

package/components/List/components/ListItem.js

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

package/components/List/components/ListItemContent.js

@@ -1,27 +1,27 @@
 import { jsx as c } from "react/jsx-runtime";
 import l, { useContext as i } from "react";
 import { c as r } from "../../../chunks/vendor-D3hUOusX.js";
-import { ListItemContext as d } from "./ListItemContext.js";
-const a = "listItemContent__a1712b41", C = "selected__129b13dd", t = {
-  listItemContent: a,
-  selected: C
-}, f = l.forwardRef(
+import { ListItemContext as a } from "./ListItemContext.js";
+const d = "listItemContent__c2583efa", f = "selected__ee334b31", t = {
+  listItemContent: d,
+  selected: f
+}, C = l.forwardRef(
   ({ children: e, className: s, ...o }, n) => {
-    const { selected: m } = i(d);
+    const { selected: m } = i(a);
     return /* @__PURE__ */ c(
       "div",
       {
         className: r(t.listItemContent, { [t.selected]: m }, s),
         ...o,
-        "data-tx": "1.6.1",
+        "data-tx": "1.8.0",
         ref: n,
         children: e
       }
     );
   }
 );
-f.displayName = "ListItemContent";
+C.displayName = "ListItemContent";
 export {
-  f as ListItemContent
+  C as ListItemContent
 };
 //# sourceMappingURL=ListItemContent.js.map

package/components/List/components/ListItemControls.js

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

package/components/List/components/ListItemControlsButton.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../chunks/vendor-D3hUOusX.js";
-import { L as e } from "../../../chunks/ListItemControlsButton-DnuVSFV7.js";
+import { L as e } from "../../../chunks/ListItemControlsButton-BB9ENDS-.js";
 import "../../Typography/enums.js";
 import "../../Typography/Text.js";
 export {