@sberbusiness/triplex-next 0.33.0 → 0.34.0

package/components/LightBox/LightBox.js

@@ -1,9 +1,9 @@
-import { jsxs as x, Fragment as A, jsx as o } from "react/jsx-runtime";
-import { useRef as n, useEffect as f } from "react";
+import { jsxs as f, Fragment as A, jsx as o } from "react/jsx-runtime";
+import { useRef as n, useEffect as x } from "react";
 import { c as D } from "../../chunks/vendor-z35N2Tap.js";
 import { Portal as F } from "../Portal/Portal.js";
 import { FocusTrapExtended as I } from "../FocusTrapExtended/FocusTrapExtended.js";
-import { L as R, s as e } from "../../chunks/LightBoxContent-CJPhUyR3.js";
+import { L as R, s as e } from "../../chunks/LightBoxContent-CJtTSiys.js";
 import { LightBoxControls as V } from "./LightBoxControls/LightBoxControls.js";
 import { LightBoxSideOverlay as T } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
 import { addClassNameWithScrollbarWidth as j } from "../../utils/scroll/scrollbar.js";
@@ -15,33 +15,33 @@ import { LightBoxLeftSidebar as $ } from "./LightBoxSidebars/LightBoxLeftSidebar
 import { LightBoxRightSidebar as H } from "./LightBoxSidebars/LightBoxRightSidebar.js";
 import { ELightBoxSize as U } from "./enums.js";
 const Z = {
-  "scroll-0": "scroll-0__6263e270",
-  "scroll-15": "scroll-15__d7b1018b",
-  "scroll-16": "scroll-16__045d593f",
-  "scroll-17": "scroll-17__345d1588"
+  "scroll-0": "scroll-0__a0f968f8",
+  "scroll-15": "scroll-15__520a9e82",
+  "scroll-16": "scroll-16__6e83dcb9",
+  "scroll-17": "scroll-17__2160d336"
 }, B = "LightBox-next-mount-node", p = "LightBox-next-view-manager-node", L = [e.bodyOverflowHidden], N = ({
   children: M,
-  className: b,
+  className: v,
   focusTrapProps: r,
-  forwardRef: s,
-  mountNode: c,
+  forwardRef: c,
+  mountNode: s,
   lightBoxViewManagerNodeId: m = p,
   isLoading: d,
   isSideOverlayOpened: i,
-  isTopOverlayOpened: v,
-  size: y = U.MD,
+  isTopOverlayOpened: y,
+  size: b = U.MD,
   ...S
 }) => {
   const l = n(null), u = n(null), { scopeClassName: E } = W(), C = () => {
     let t = null;
-    return c ? t = c : (t = document.querySelector(`#${B}`), t || (t = document.createElement("div"), t.setAttribute("id", B), document.body.appendChild(t))), t;
+    return s ? t = s : (t = document.querySelector(`#${B}`), t || (t = document.createElement("div"), t.setAttribute("id", B), document.body.appendChild(t))), t;
   }, _ = () => {
     let t = null;
     return m && (t = document.querySelector(`#${m}`)), t || (t = document.createElement("div"), t.setAttribute("id", p), document.body.appendChild(t)), t;
   }, a = n(C()), g = n(_()), h = () => {
     L.forEach((t) => document.documentElement.classList.add(t));
   };
-  if (f(() => (j(Z), h(), setTimeout(h, 100), () => L.forEach((t) => document.documentElement.classList.remove(t))), []), f(() => {
+  if (x(() => (j(Z), h(), setTimeout(h, 100), () => L.forEach((t) => document.documentElement.classList.remove(t))), []), x(() => {
     if (!i && l.current) {
       const t = Math.round(Math.random() * 100);
       l.current.style.zIndex = t.toString();
@@ -49,19 +49,19 @@ const Z = {
   }, [i]), !a.current)
     return null;
   const w = (t) => {
-    u.current = t, s && (s.current = t);
+    u.current = t, c && (c.current = t);
   }, O = D(
     E,
     e.lightBox,
-    e[y],
+    e[b],
     {
       [e.isLoading]: !!d,
       [e.lightBoxSideOverlayActive]: !!i,
-      [e.lightBoxTopOverlayActive]: !!v
+      [e.lightBoxTopOverlayActive]: !!y
     },
-    b
+    v
   );
-  return /* @__PURE__ */ x(A, { children: [
+  return /* @__PURE__ */ f(A, { children: [
     /* @__PURE__ */ o(F, { container: a.current, children: /* @__PURE__ */ o(
       I,
       {
@@ -72,7 +72,7 @@ const Z = {
           preventScroll: !0,
           ...r == null ? void 0 : r.focusTrapOptions
         },
-        children: /* @__PURE__ */ x("div", { className: O, role: "dialog", "aria-modal": "true", ...S, ref: w, children: [
+        children: /* @__PURE__ */ f("div", { className: O, role: "dialog", "aria-modal": "true", ...S, ref: w, children: [
           /* @__PURE__ */ o("div", { className: e.lightBoxBackdrop }),
           M,
           /* @__PURE__ */ o("span", { ref: l, className: e.tempElSafariBug })
@@ -89,7 +89,7 @@ const Z = {
   ] });
 };
 N.displayName = "LightBoxBase";
-const ct = Object.assign(N, {
+const st = Object.assign(N, {
   Content: R,
   SideOverlay: T,
   TopOverlay: k,
@@ -98,7 +98,7 @@ const ct = Object.assign(N, {
   RightSidebar: H
 });
 export {
-  ct as LightBox,
+  st as LightBox,
   B as lightBoxMountNodeIdDefault,
   p as lightBoxViewManagerNodeIdDefault
 };

package/components/LightBox/LightBoxContent.js

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

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -10,7 +10,7 @@ import { LightBoxSideOverlayCloseMobile as G } from "./LightBoxSideOverlayCloseM
 import { LightBoxSideOverlayCloseDesktop as U } from "./LightBoxSideOverlayCloseDesktop.js";
 import { EComponentSize as q } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as J } from "../../../utils/classNameMaps.js";
-const K = "lightBoxSideOverlayMask__21e2a42b", Q = "lightBoxSideOverlayWrapper__26331611", V = "overflowXHidden__4825795a", Z = "overflowYHidden__4bfef6e0", $ = "closing__33494c96", P = "opened__eece6450", ee = "lightBoxSideOverlayContent__c2b21104", oe = "opening__9dae0da7", te = "sm__6ea0fb03", ie = "md__1f24249a", re = "lg__c19519d0", le = "lightBoxSideOverlay__8df692d3", e = {
+const K = "lightBoxSideOverlayMask__8a7ba849", Q = "lightBoxSideOverlayWrapper__bb8a55a4", V = "overflowXHidden__0270702a", Z = "overflowYHidden__fadc27ba", $ = "closing__c9a55850", P = "opened__1d1f8f75", ee = "lightBoxSideOverlayContent__254a85ab", oe = "opening__c9bc0cf8", te = "sm__b4cdb567", ie = "md__b2e0fae5", re = "lg__cdb84124", le = "lightBoxSideOverlay__e89206ed", e = {
   lightBoxSideOverlayMask: K,
   lightBoxSideOverlayWrapper: Q,
   overflowXHidden: V,
@@ -23,57 +23,57 @@ const K = "lightBoxSideOverlayMask__21e2a42b", Q = "lightBoxSideOverlayWrapper__
   md: ie,
   lg: re,
   lightBoxSideOverlay: le
-}, ne = J(e), O = L.forwardRef(
+}, ae = J(e), O = L.forwardRef(
   ({
     children: x,
     className: S,
     focusTrapProps: l,
-    isLoading: a,
+    isLoading: n,
     loadingTitle: _,
     isTopLevelSideOverlayOpened: v,
     isTopOverlayOpened: u,
     onClose: s,
     onOpen: c,
     opened: o,
-    size: M = q.MD,
-    ...w
-  }, k) => {
-    const [i, d] = p(!1), [n, g] = p(!1), m = y(o), B = y(null);
+    size: b = q.MD,
+    ...M
+  }, w) => {
+    const [i, d] = p(!1), [a, g] = p(!1), m = y(o), B = y(null);
     T(() => {
       m.current && !o ? (g(!1), d(!0)) : !m.current && o && (d(!1), g(!0)), m.current = o;
     }, [o]);
-    const C = (r) => {
+    const k = (r) => {
       const { target: F, currentTarget: R } = r;
-      F === R && (i ? (d(!1), s == null || s()) : n && (g(!1), c == null || c()));
-    }, H = ({ opened: r }) => /* @__PURE__ */ t(z, { opened: r, className: e.lightBoxSideOverlayMask }), N = () => /* @__PURE__ */ h(
+      F === R && (i ? (d(!1), s == null || s()) : a && (g(!1), c == null || c()));
+    }, C = ({ opened: r }) => /* @__PURE__ */ t(z, { opened: r, className: e.lightBoxSideOverlayMask }), H = () => /* @__PURE__ */ h(
       "div",
       {
         className: f(e.lightBoxSideOverlayContent, {
           [e.closing]: i,
-          [e.opening]: n,
+          [e.opening]: a,
           [e.opened]: o
         }),
-        onTransitionEnd: C,
+        onTransitionEnd: k,
         ref: B,
         children: [
           x,
-          a && /* @__PURE__ */ t(I, { loadingTitle: _ })
+          n && /* @__PURE__ */ t(I, { loadingTitle: _ })
         ]
       }
-    ), b = () => {
-    }, E = f(S, e.lightBoxSideOverlayWrapper, ne[M], {
+    ), N = () => {
+    }, E = f(S, e.lightBoxSideOverlayWrapper, ae[b], {
       [e.closing]: i,
       [e.opened]: o,
-      [e.overflowXHidden]: !!v || !!a,
-      [e.overflowYHidden]: !!v || !!a || !!u
+      [e.overflowXHidden]: !!v || !!n,
+      [e.overflowYHidden]: !!v || !!n || !!u
     }), D = (r) => /* @__PURE__ */ h(W, { children: [
-      H(r),
-      N()
+      C(r),
+      H()
     ] });
     return /* @__PURE__ */ t(
       X,
       {
-        active: o && !n && !i,
+        active: o && !a && !i,
         ...l,
         focusTrapOptions: {
           allowOutsideClick: !0,
@@ -87,16 +87,16 @@ const K = "lightBoxSideOverlayMask__21e2a42b", Q = "lightBoxSideOverlayWrapper__
             className: E,
             role: "dialog",
             "aria-modal": "true",
-            ...w,
-            ref: k,
+            ...M,
+            ref: w,
             children: /* @__PURE__ */ t(
               "div",
               {
                 className: f(e.lightBoxSideOverlay, {
                   [e.closing]: i,
-                  [e.opening]: n
+                  [e.opening]: a
                 }),
-                children: /* @__PURE__ */ t(Y, { direction: j.RIGHT, opened: o, setOpened: b, children: D })
+                children: /* @__PURE__ */ t(Y, { direction: j.RIGHT, opened: o, setOpened: N, children: D })
               }
             )
           }

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseDesktop.js

@@ -7,7 +7,7 @@ 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-PasYNDqH.js";
+import { s as r } from "../../../chunks/LightBoxSideOverlayClose.module-oYZl6d26.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-z35N2Tap.js";
 import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
-import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-PasYNDqH.js";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-oYZl6d26.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 d, useRef as s, useEffect as l } from "react";
-import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const n = "lightBoxSideOverlayLoaderWrapper__d83a104d", c = {
+import { useState as s, useRef as l, useEffect as p } from "react";
+import { LoaderScreen as d } from "../../LoaderScreen/LoaderScreen.js";
+const n = "lightBoxSideOverlayLoaderWrapper__e59a7e21", c = {
   lightBoxSideOverlayLoaderWrapper: n
 }, f = ({ loadingTitle: a }) => {
-  const [t, r] = d(0), e = s(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/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -1,31 +1,31 @@
 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-z35N2Tap.js";
-const j = "lightBoxLeftSidebar__2f994eb6", z = "fixed__107663d3", E = "hidden__7d44b961", r = {
+const j = "lightBoxLeftSidebar__6b7746b4", z = "fixed__aa715f9a", E = "hidden__ba412c58", r = {
   lightBoxLeftSidebar: j,
   fixed: z,
   hidden: E
 }, O = N(
-  ({ children: m, className: L, fixed: B, minVisibleWidth: d = 100, onShow: s, onHide: i, ...g }, p) => {
+  ({ children: m, className: L, fixed: B, minVisibleWidth: f = 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 l = new ResizeObserver((S) => {
+      const d = n.current;
+      if (!d) return;
+      const a = new ResizeObserver((S) => {
         for (const y of S) {
-          const c = y.contentRect.width > d;
+          const c = y.contentRect.width > f;
           _((I) => {
-            var a, u;
-            return c !== I && (c ? (a = e.current) == null || a.call(e) : (u = t.current) == null || u.call(t)), c;
+            var l, u;
+            return c !== I && (c ? (l = e.current) == null || l.call(e) : (u = t.current) == null || u.call(t)), c;
           });
         }
       });
-      return l.observe(f), () => l.disconnect();
-    }, [d]), /* @__PURE__ */ b(
+      return a.observe(d), () => a.disconnect();
+    }, [f]), /* @__PURE__ */ b(
       "div",
       {
         ref: n,

package/components/LightBox/LightBoxSidebars/LightBoxRightSidebar.js

@@ -1,31 +1,31 @@
 import { jsx as h } from "react/jsx-runtime";
-import { forwardRef as N, useRef as d, useImperativeHandle as L, useState as V, useEffect as g } from "react";
+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-z35N2Tap.js";
-const j = "lightBoxRightSidebar__8d6e5d48", z = "fixed__107663d3", E = "hidden__7d44b961", r = {
+const j = "lightBoxRightSidebar__e88a14c1", z = "fixed__aa715f9a", E = "hidden__ba412c58", r = {
   lightBoxRightSidebar: j,
   fixed: z,
   hidden: E
 }, O = N(
-  ({ children: b, className: m, fixed: R, minVisibleWidth: o = 100, onShow: i, onHide: s, ...B }, p) => {
-    const n = d(null);
+  ({ 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 = d(i), t = d(s);
+    const [v, _] = V(!0), e = o(i), t = o(s);
     return g(() => {
       e.current = i, t.current = s;
     }, [i, s]), g(() => {
-      const l = n.current;
-      if (!l) return;
-      const a = new ResizeObserver((S) => {
+      const a = n.current;
+      if (!a) return;
+      const l = new ResizeObserver((S) => {
         for (const y of S) {
-          const c = y.contentRect.width > o;
+          const c = y.contentRect.width > d;
           _((I) => {
-            var u, f;
-            return c !== I && (c ? (u = e.current) == null || u.call(e) : (f = t.current) == null || f.call(t)), c;
+            var f, u;
+            return c !== I && (c ? (f = e.current) == null || f.call(e) : (u = t.current) == null || u.call(t)), c;
           });
         }
       });
-      return a.observe(l), () => a.disconnect();
-    }, [o]), /* @__PURE__ */ h(
+      return l.observe(a), () => l.disconnect();
+    }, [d]), /* @__PURE__ */ h(
       "div",
       {
         ref: n,

package/components/Link/Link.js

@@ -1,8 +1,8 @@
 import { jsx as h, jsxs as t, Fragment as i } from "react/jsx-runtime";
 import L from "react";
-import { c as l } from "../../chunks/vendor-z35N2Tap.js";
+import { c as a } from "../../chunks/vendor-z35N2Tap.js";
 import { IconWrapper as F } from "../IconWrapper/IconWrapper.js";
-const I = "link__97ca1054", S = "wordWithContent__f9575b4d", T = "before__767e3552", q = "after__369dc6a1", e = {
+const I = "link__bb4553ea", S = "wordWithContent__f632c3e1", T = "before__4923ee48", q = "after__67b3290e", e = {
   link: I,
   wordWithContent: S,
   before: T,
@@ -12,10 +12,10 @@ const I = "link__97ca1054", S = "wordWithContent__f9575b4d", T = "before__767e35
     const c = () => n ? /* @__PURE__ */ t(i, { children: [
       "​",
       n()
-    ] }) : null, m = () => s ? s() : null, w = (o) => {
+    ] }) : null, m = () => s ? s() : null, b = (o) => {
       const r = o.split(" ");
       if (r.length < 2 || r.length < 3 && n && s) {
-        const R = l(e.wordWithContent, {
+        const R = a(e.wordWithContent, {
           [e.after]: !!s,
           [e.before]: !!n
         });
@@ -25,12 +25,12 @@ const I = "link__97ca1054", S = "wordWithContent__f9575b4d", T = "before__767e35
           m()
         ] });
       }
-      const a = r[0], p = r[r.length - 1], b = r.slice(1, -1).join(" "), g = l(e.wordWithContent, {
+      const l = r[0], p = r[r.length - 1], k = r.slice(1, -1).join(" "), g = a(e.wordWithContent, {
         [e.before]: !!n
       }), x = n ? /* @__PURE__ */ t("span", { className: g, children: [
         c(),
-        a
-      ] }) : a, y = l(e.wordWithContent, {
+        l
+      ] }) : l, y = a(e.wordWithContent, {
         [e.after]: !!s
       }), j = s ? /* @__PURE__ */ t("span", { className: y, children: [
         p,
@@ -39,29 +39,29 @@ const I = "link__97ca1054", S = "wordWithContent__f9575b4d", T = "before__767e35
       return /* @__PURE__ */ t(i, { children: [
         x,
         " ",
-        b,
+        k,
         " ",
         j
       ] });
-    }, _ = (o) => {
-      const r = n ? n() : null, a = s ? s() : null;
+    }, w = (o) => {
+      const r = n ? n() : null, l = s ? s() : null;
       return /* @__PURE__ */ t(i, { children: [
         r,
         o,
-        a
+        l
       ] });
-    }, k = n || s ? ((o) => typeof o == "string" ? w(o) : _(o))(d) : d;
+    }, _ = n || s ? ((o) => typeof o == "string" ? b(o) : w(o))(d) : d;
     return /* @__PURE__ */ h(
       "a",
       {
         role: "link",
         ...W,
-        className: l(N, e.link),
+        className: a(N, e.link),
         onBlur: C,
         onMouseDown: f,
-        "data-tx": "0.33.0",
+        "data-tx": "0.34.0",
         ref: u,
-        children: /* @__PURE__ */ h(F, { displayContents: !0, children: k })
+        children: /* @__PURE__ */ h(F, { displayContents: !0, children: _ })
       }
     );
   }

package/components/List/List.js

@@ -1,12 +1,13 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import a from "react";
-import { c } from "../../chunks/vendor-z35N2Tap.js";
-import { LoaderScreen as m } from "../LoaderScreen/LoaderScreen.js";
-const f = "list__c3cf8af6", d = {
-  list: f
-}, p = a.forwardRef(({ children: s, className: t, loading: o, ...r }, i) => /* @__PURE__ */ l("ul", { className: c(d.list, t), ...r, "data-tx": "0.33.0", ref: i, children: [
-  s,
-  o ? /* @__PURE__ */ e(m, { type: "middle" }) : null
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import c from "react";
+import { c as m } from "../../chunks/vendor-z35N2Tap.js";
+import { LoaderScreen as d } from "../LoaderScreen/LoaderScreen.js";
+const n = "list__8a01fb13", f = "listLoaderScreen__431c2a9f", s = {
+  list: n,
+  listLoaderScreen: f
+}, p = c.forwardRef(({ children: e, className: t, loading: r, ...o }, a) => /* @__PURE__ */ l("ul", { className: m(s.list, t), ...o, "data-tx": "0.34.0", ref: a, children: [
+  e,
+  r ? /* @__PURE__ */ i(d, { type: "middle", className: s.listLoaderScreen }) : null
 ] }));
 p.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-z35N2Tap.js";
-const p = "listEmptyState__b31f4db7", r = {
+const p = "listEmptyState__0c4ce1b3", c = {
   listEmptyState: p
-}, l = 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 })
 );
-l.displayName = "ListEmptyState";
+r.displayName = "ListEmptyState";
 export {
-  l as ListEmptyState
+  r as ListEmptyState
 };
 //# sourceMappingURL=ListEmptyState.js.map

package/components/List/components/ListItem.js

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

package/components/List/components/ListItemContent.js

@@ -2,31 +2,31 @@ import { jsx as m } from "react/jsx-runtime";
 import a, { useContext as i } from "react";
 import { c as r } from "../../../chunks/vendor-z35N2Tap.js";
 import { ListItemContext as d } from "./ListItemContext.js";
-const b = "listItemContent__b20b57b1", C = "selected__9bd905a3", I = "selectable__9d4058d0", t = {
-  listItemContent: b,
-  selected: C,
-  selectable: I
-}, f = a.forwardRef(
+const f = "listItemContent__3387c2ab", b = "selected__1abf7ef5", C = "selectable__00cfdb9f", t = {
+  listItemContent: f,
+  selected: b,
+  selectable: C
+}, I = a.forwardRef(
   ({ children: e, className: s, ...o }, l) => {
-    const { selected: n, selectable: c } = i(d);
+    const { selected: c, selectable: n } = i(d);
     return /* @__PURE__ */ m(
       "div",
       {
         className: r(
           t.listItemContent,
-          { [t.selected]: n, [t.selectable]: c },
+          { [t.selected]: c, [t.selectable]: n },
           s
         ),
         ...o,
-        "data-tx": "0.33.0",
+        "data-tx": "0.34.0",
         ref: l,
         children: e
       }
     );
   }
 );
-f.displayName = "ListItemContent";
+I.displayName = "ListItemContent";
 export {
-  f as ListItemContent
+  I as ListItemContent
 };
 //# sourceMappingURL=ListItemContent.js.map

package/components/List/components/ListItemControls.js

@@ -1,13 +1,13 @@
 import { jsx as l } from "react/jsx-runtime";
 import m from "react";
 import { c as e } from "../../../chunks/vendor-z35N2Tap.js";
-const i = "listItemControls__49ad1a74", a = {
+const i = "listItemControls__8eb12717", n = {
   listItemControls: i
-}, n = m.forwardRef(
-  ({ children: t, className: o, ...s }, r) => /* @__PURE__ */ l("div", { className: e(a.listItemControls, o), ...s, ref: r, children: t })
+}, a = m.forwardRef(
+  ({ children: t, className: o, ...s }, r) => /* @__PURE__ */ l("div", { className: e(n.listItemControls, o), ...s, ref: r, children: t })
 );
-n.displayName = "ListItemControls";
+a.displayName = "ListItemControls";
 export {
-  n as ListItemControls
+  a 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-z35N2Tap.js";
-import { L as n } from "../../../chunks/ListItemControlsButton-BsJp3m-o.js";
+import { L as n } from "../../../chunks/ListItemControlsButton-BwKD73pC.js";
 import "../../Typography/enums.js";
 import "../../Typography/Text.js";
 import "../../IconWrapper/IconWrapper.js";

package/components/List/components/ListItemControlsButtonDropdown.js

@@ -18,7 +18,7 @@ import { DropdownMobileListItem as H } from "../../Dropdown/mobile/DropdownMobil
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DropdownList as R } from "../../Dropdown/desktop/DropdownList.js";
-import { s as b, L as V } from "../../../chunks/ListItemControlsButton-BsJp3m-o.js";
+import { s as b, L as V } from "../../../chunks/ListItemControlsButton-BwKD73pC.js";
 import { setForwardedRef as G } from "../utils.js";
 const J = E.forwardRef(
   (h, C) => {