@sberbusiness/triplex-next 1.32.0 → 1.33.0

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -1,108 +1,116 @@
-import { jsx as t, jsxs as B, Fragment as X } from "react/jsx-runtime";
-import { useState as O, useRef as x, useEffect as Y } from "react";
-import { c as f, F as z } from "../../../chunks/vendor-82AnkPpo.js";
-import { OverlayBase as L, EOverlayDirection as R } from "../../Overlay/OverlayBase.js";
-import { OverlayMask as j } from "../../Overlay/OverlayMask.js";
+import { jsx as t, jsxs as h, Fragment as W } from "react/jsx-runtime";
+import L, { useState as p, useRef as y, useEffect as T } from "react";
+import { c as m } from "../../../chunks/vendor-D5cfSbgz.js";
+import { FocusTrapExtended as X } from "../../FocusTrapExtended/FocusTrapExtended.js";
+import { OverlayBase as Y, EOverlayDirection as j } from "../../Overlay/OverlayBase.js";
+import { OverlayMask as z } from "../../Overlay/OverlayMask.js";
 import { LightBoxSideOverlayLoader as I } from "./LightBoxSideOverlayLoader.js";
 import { FocusTrapUtils as A } from "../../../utils/focus/FocusTrapUtils.js";
 import { LightBoxSideOverlayCloseMobile as G } from "./LightBoxSideOverlayCloseMobile.js";
 import { LightBoxSideOverlayCloseDesktop as U } from "./LightBoxSideOverlayCloseDesktop.js";
-import { MobileView as V } from "../../MobileView/MobileView.js";
 import { EComponentSize as q } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as J } from "../../../utils/classNameMaps.js";
-const K = "lightBoxSideOverlayMask__48035397", Q = "lightBoxSideOverlayWrapper__a1b132a4", Z = "overflowXHidden__d0d9917a", $ = "overflowYHidden__629c7fec", P = "closing__3e353a40", ee = "opened__905d0aa5", oe = "lightBoxSideOverlayContent__5baa9733", te = "opening__7e68d2cd", ie = "sm__3f9e96f0", re = "md__980ad7d1", le = "lg__c284cb30", ne = "lightBoxSideOverlay__99ebd95a", e = {
+const K = "lightBoxSideOverlayMask__0d208521", Q = "lightBoxSideOverlayWrapper__7f53027a", V = "overflowXHidden__1740ffe0", Z = "overflowYHidden__7c37c684", $ = "closing__2b22c7c4", P = "opened__a9fe69fe", ee = "lightBoxSideOverlayContent__d76675e7", oe = "opening__3141af52", te = "sm__8d70cd9c", ie = "md__79979f22", re = "lg__c0135f2f", le = "lightBoxSideOverlay__b5afe751", e = {
   lightBoxSideOverlayMask: K,
   lightBoxSideOverlayWrapper: Q,
-  overflowXHidden: Z,
-  overflowYHidden: $,
-  closing: P,
-  opened: ee,
-  lightBoxSideOverlayContent: oe,
-  opening: te,
-  sm: ie,
-  md: re,
-  lg: le,
-  lightBoxSideOverlay: ne
-}, ae = J(e), v = ({
-  children: S,
-  className: _,
-  focusTrapProps: r,
-  isLoading: n,
-  loadingTitle: u,
-  isTopLevelSideOverlayOpened: p,
-  isTopOverlayOpened: M,
-  onClose: a,
-  onOpen: s,
-  opened: o,
-  size: k = q.MD,
-  ...w
-}) => {
-  const [l, c] = O(!1), [d, g] = O(!1), m = x(o), h = x(null);
-  Y(() => {
-    m.current && !o ? (g(!1), c(!0)) : !m.current && o && (c(!1), g(!0)), m.current = o;
-  }, [o]);
-  const C = (i) => {
-    const { target: D, currentTarget: T } = i;
-    D === T && (l ? (c(!1), a == null || a()) : d && (g(!1), s == null || s()));
-  }, H = ({ opened: i }) => /* @__PURE__ */ t(j, { opened: i, className: e.lightBoxSideOverlayMask }), b = () => /* @__PURE__ */ B(
-    "div",
-    {
-      className: f(e.lightBoxSideOverlayContent, {
-        [e.closing]: l,
-        [e.opening]: d,
-        [e.opened]: o
-      }),
-      onTransitionEnd: C,
-      ref: h,
-      children: [
-        S,
-        n && /* @__PURE__ */ t(I, { loadingTitle: u })
-      ]
-    }
-  ), N = () => {
-  }, E = f(_, e.lightBoxSideOverlayWrapper, ae[k], {
-    [e.closing]: l,
-    [e.opened]: o,
-    [e.overflowXHidden]: !!p || !!n,
-    [e.overflowYHidden]: !!p || !!n || !!M
-  }), F = (i) => /* @__PURE__ */ B(X, { children: [
-    H(i),
-    b()
-  ] }), W = /* @__PURE__ */ t(
-    "div",
-    {
-      className: f(e.lightBoxSideOverlay, {
-        [e.closing]: l,
-        [e.opening]: d
-      }),
-      children: /* @__PURE__ */ t(L, { direction: R.RIGHT, opened: o, setOpened: N, children: F })
-    }
-  ), y = () => /* @__PURE__ */ t("div", { className: E, role: "dialog", "aria-modal": "true", ...w, children: W });
-  return /* @__PURE__ */ t(
-    V,
-    {
-      fallback: /* @__PURE__ */ t(
-        z,
-        {
-          active: !1,
-          ...r,
-          focusTrapOptions: {
-            allowOutsideClick: !0,
-            initialFocus: () => A.getFirstInteractionElementByDataAttr(h.current),
-            preventScroll: !0,
-            ...r == null ? void 0 : r.focusTrapOptions
-          },
-          children: y()
-        }
-      ),
-      children: y()
-    }
-  );
-};
-v.displayName = "LightBoxSideOverlay";
-v.CloseDesktop = U;
-v.CloseMobile = G;
+  overflowXHidden: V,
+  overflowYHidden: Z,
+  closing: $,
+  opened: P,
+  lightBoxSideOverlayContent: ee,
+  opening: oe,
+  sm: te,
+  md: ie,
+  lg: re,
+  lightBoxSideOverlay: le
+}, ne = J(e), O = L.forwardRef(
+  ({
+    children: x,
+    className: _,
+    focusTrapProps: l,
+    isLoading: a,
+    loadingTitle: S,
+    isTopLevelSideOverlayOpened: v,
+    isTopOverlayOpened: u,
+    onClose: s,
+    onOpen: c,
+    opened: o,
+    size: M = q.MD,
+    ...w
+  }, k) => {
+    const [i, d] = p(!1), [n, f] = p(!1), g = y(o), B = y(null);
+    T(() => {
+      g.current && !o ? (f(!1), d(!0)) : !g.current && o && (d(!1), f(!0)), g.current = o;
+    }, [o]);
+    const C = (r) => {
+      const { target: F, currentTarget: R } = r;
+      F === R && (i ? (d(!1), s == null || s()) : n && (f(!1), c == null || c()));
+    }, H = ({ opened: r }) => /* @__PURE__ */ t(z, { opened: r, className: e.lightBoxSideOverlayMask }), N = () => /* @__PURE__ */ h(
+      "div",
+      {
+        className: m(e.lightBoxSideOverlayContent, {
+          [e.closing]: i,
+          [e.opening]: n,
+          [e.opened]: o
+        }),
+        onTransitionEnd: C,
+        ref: B,
+        children: [
+          x,
+          a && /* @__PURE__ */ t(I, { loadingTitle: S })
+        ]
+      }
+    ), E = () => {
+    }, b = m(_, e.lightBoxSideOverlayWrapper, ne[M], {
+      [e.closing]: i,
+      [e.opened]: o,
+      [e.overflowXHidden]: !!v || !!a,
+      [e.overflowYHidden]: !!v || !!a || !!u
+    }), D = (r) => /* @__PURE__ */ h(W, { children: [
+      H(r),
+      N()
+    ] });
+    return /* @__PURE__ */ t(
+      X,
+      {
+        active: o && !n && !i,
+        ...l,
+        focusTrapOptions: {
+          allowOutsideClick: !0,
+          initialFocus: () => A.getFirstInteractionElementByDataAttr(B.current),
+          preventScroll: !0,
+          ...l == null ? void 0 : l.focusTrapOptions
+        },
+        children: /* @__PURE__ */ t(
+          "div",
+          {
+            className: b,
+            role: "dialog",
+            "aria-modal": "true",
+            ...w,
+            ref: k,
+            children: /* @__PURE__ */ t(
+              "div",
+              {
+                className: m(e.lightBoxSideOverlay, {
+                  [e.closing]: i,
+                  [e.opening]: n
+                }),
+                children: /* @__PURE__ */ t(Y, { direction: j.RIGHT, opened: o, setOpened: E, children: D })
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+O.displayName = "LightBoxSideOverlay";
+const Oe = Object.assign(O, {
+  CloseDesktop: U,
+  CloseMobile: G
+});
 export {
-  v as LightBoxSideOverlay
+  Oe 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-82AnkPpo.js";
+import { c } from "../../../chunks/vendor-D5cfSbgz.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-CmhYqDUn.js";
+import { s as r } from "../../../chunks/LightBoxSideOverlayClose.module-B7Fno0cK.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-82AnkPpo.js";
+import { c as r } from "../../../chunks/vendor-D5cfSbgz.js";
 import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
-import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-CmhYqDUn.js";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-B7Fno0cK.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__f85decf4", c = {
+import { useState as s, useRef as l, useEffect as p } from "react";
+import { LoaderScreen as d } from "../../LoaderScreen/LoaderScreen.js";
+const n = "lightBoxSideOverlayLoaderWrapper__9b3cca75", 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/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -1,31 +1,31 @@
 import { jsx as x } from "react/jsx-runtime";
-import { forwardRef as N, useRef as o, useImperativeHandle as R, useState as V, useEffect as b } from "react";
-import { c as h } from "../../../chunks/vendor-82AnkPpo.js";
-const j = "lightBoxLeftSidebar__642eb9e6", z = "fixed__ed2d965e", E = "hidden__76752076", r = {
+import { forwardRef as N, useRef as d, useImperativeHandle as R, useState as V, useEffect as b } from "react";
+import { c as h } from "../../../chunks/vendor-D5cfSbgz.js";
+const j = "lightBoxLeftSidebar__f590f7ab", z = "fixed__637dddc3", E = "hidden__056645ae", 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);
+  ({ children: m, className: L, fixed: B, minVisibleWidth: o = 100, onShow: s, onHide: i, ...g }, p) => {
+    const n = d(null);
     R(p, () => n.current);
-    const [v, _] = V(!0), e = o(s), t = o(i);
+    const [v, _] = V(!0), e = d(s), t = d(i);
     return b(() => {
       e.current = s, t.current = i;
     }, [s, i]), b(() => {
       const f = n.current;
       if (!f) return;
-      const l = new ResizeObserver((S) => {
+      const a = new ResizeObserver((S) => {
         for (const y of S) {
-          const c = y.contentRect.width > d;
+          const c = y.contentRect.width > o;
           _((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__ */ x(
+      return a.observe(f), () => a.disconnect();
+    }, [o]), /* @__PURE__ */ x(
       "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 o, useImperativeHandle as L, useState as V, useEffect as g } from "react";
-import { c as x } from "../../../chunks/vendor-82AnkPpo.js";
-const j = "lightBoxRightSidebar__f308499f", z = "fixed__ed2d965e", E = "hidden__76752076", r = {
+import { forwardRef as N, useRef as d, useImperativeHandle as L, useState as V, useEffect as g } from "react";
+import { c as x } from "../../../chunks/vendor-D5cfSbgz.js";
+const j = "lightBoxRightSidebar__53077f16", z = "fixed__637dddc3", E = "hidden__056645ae", 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);
+  ({ children: b, className: m, fixed: R, minVisibleWidth: o = 100, onShow: i, onHide: s, ...B }, p) => {
+    const n = d(null);
     L(p, () => n.current);
-    const [v, _] = V(!0), e = o(i), t = o(s);
+    const [v, _] = V(!0), e = d(i), t = d(s);
     return g(() => {
       e.current = i, t.current = s;
     }, [i, s]), g(() => {
-      const f = n.current;
-      if (!f) return;
+      const a = n.current;
+      if (!a) return;
       const l = new ResizeObserver((S) => {
         for (const y of S) {
-          const c = y.contentRect.width > d;
+          const c = y.contentRect.width > o;
           _((I) => {
-            var a, u;
-            return c !== I && (c ? (a = e.current) == null || a.call(e) : (u = t.current) == null || u.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 l.observe(f), () => l.disconnect();
-    }, [d]), /* @__PURE__ */ h(
+      return l.observe(a), () => l.disconnect();
+    }, [o]), /* @__PURE__ */ h(
       "div",
       {
         ref: n,

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 { h as k, i as P, p } from "../../../chunks/vendor-82AnkPpo.js";
+import { g as k, i as P, p } from "../../../chunks/vendor-D5cfSbgz.js";
 const g = "LightBoxMountNodeViewManager", $ = ({
   lightBoxMountNode: a,
   lightBoxViewManagerNode: x

package/components/Link/Link.js

@@ -1,8 +1,8 @@
 import { jsx as h, jsxs as t, Fragment as d } from "react/jsx-runtime";
 import L from "react";
-import { c as l } from "../../chunks/vendor-82AnkPpo.js";
+import { c as a } from "../../chunks/vendor-D5cfSbgz.js";
 import { IconWrapper as F } from "../IconWrapper/IconWrapper.js";
-const I = "link__bf53db7e", S = "wordWithContent__6c91bf03", T = "before__da43ad9a", q = "after__ea775d6d", e = {
+const I = "link__d2efb9b1", S = "wordWithContent__b7e86e6d", T = "before__c7c3286c", q = "after__c284660c", e = {
   link: I,
   wordWithContent: S,
   before: T,
@@ -15,7 +15,7 @@ const I = "link__bf53db7e", S = "wordWithContent__6c91bf03", T = "before__da43ad
     ] }) : null, m = () => s ? s() : null, _ = (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__bf53db7e", S = "wordWithContent__6c91bf03", T = "before__da43ad
           m()
         ] });
       }
-      const a = r[0], p = r[r.length - 1], k = 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,
@@ -44,11 +44,11 @@ const I = "link__bf53db7e", S = "wordWithContent__6c91bf03", T = "before__da43ad
         j
       ] });
     }, b = (o) => {
-      const r = n ? n() : null, a = s ? s() : null;
+      const r = n ? n() : null, l = s ? s() : null;
       return /* @__PURE__ */ t(d, { children: [
         r,
         o,
-        a
+        l
       ] });
     }, w = n || s ? ((o) => typeof o == "string" ? _(o) : b(o))(i) : i;
     return /* @__PURE__ */ h(
@@ -56,10 +56,10 @@ const I = "link__bf53db7e", S = "wordWithContent__6c91bf03", T = "before__da43ad
       {
         role: "link",
         ...u,
-        className: l(N, e.link),
+        className: a(N, e.link),
         onBlur: f,
         onMouseDown: C,
-        "data-tx": "1.32.0",
+        "data-tx": "1.33.0",
         ref: W,
         children: /* @__PURE__ */ h(F, { displayContents: !0, children: w })
       }

package/components/List/List.js

@@ -1,10 +1,10 @@
 import { jsxs as r, jsx as i } from "react/jsx-runtime";
 import a from "react";
-import { c } from "../../chunks/vendor-82AnkPpo.js";
+import { c } from "../../chunks/vendor-D5cfSbgz.js";
 import { LoaderScreen as m } from "../LoaderScreen/LoaderScreen.js";
-const d = "list__46ecfce2", f = {
+const d = "list__c3c9985e", f = {
   list: d
-}, p = a.forwardRef(({ children: t, className: s, loading: e, ...l }, o) => /* @__PURE__ */ r("ul", { className: c(f.list, s), ...l, "data-tx": "1.32.0", ref: o, children: [
+}, p = a.forwardRef(({ children: t, className: s, loading: e, ...l }, o) => /* @__PURE__ */ r("ul", { className: c(f.list, s), ...l, "data-tx": "1.33.0", ref: o, children: [
   t,
   e ? /* @__PURE__ */ i(m, { type: "middle" }) : null
 ] }));

package/components/List/ListSortable.js

@@ -3,7 +3,7 @@ var b = (t, e, r) => e in t ? p(t, e, { enumerable: !0, configurable: !0, writab
 var n = (t, e, r) => b(t, typeof e != "symbol" ? e + "" : e, r);
 import { jsx as o } from "react/jsx-runtime";
 import D from "react";
-import { a as T, b as i, D as y, M as E, r as I, d as M, S as L, v as w, e as C, T as N, f as R } from "../../chunks/vendor-82AnkPpo.js";
+import { a as T, b as i, D as y, M as E, r as I, d as M, S as L, v as w, e as C, T as N, f as R } from "../../chunks/vendor-D5cfSbgz.js";
 import { List as _ } from "./List.js";
 import { isDraggableTarget as l } from "./utils.js";
 class u extends R {

package/components/List/components/ListEmptyState.js

@@ -1,10 +1,10 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import i from "react";
-import { c as o } from "../../../chunks/vendor-82AnkPpo.js";
-const p = "listEmptyState__145fe165", l = {
+import { c as o } from "../../../chunks/vendor-D5cfSbgz.js";
+const p = "listEmptyState__4a2661c8", l = {
   listEmptyState: p
 }, r = i.forwardRef(
-  ({ children: t, className: s, ...a }, e) => /* @__PURE__ */ m("div", { className: o(l.listEmptyState, s), ...a, ref: e, children: t })
+  ({ children: t, className: s, ...a }, m) => /* @__PURE__ */ e("div", { className: o(l.listEmptyState, s), ...a, ref: m, children: t })
 );
 r.displayName = "ListEmptyState";
 export {

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, ...a }, l) => {
   const [o, i] = t(!1), [m, c] = t(!1);
-  return /* @__PURE__ */ e(f.Provider, { value: { selected: o, setSelected: i, selectable: m, setSelectable: c }, children: /* @__PURE__ */ e("li", { className: r, ...a, "data-tx": "1.32.0", ref: l, children: s }) });
+  return /* @__PURE__ */ e(f.Provider, { value: { selected: o, setSelected: i, selectable: m, setSelectable: c }, children: /* @__PURE__ */ e("li", { className: r, ...a, "data-tx": "1.33.0", ref: l, children: s }) });
 });
 n.displayName = "ListItem";
 export {

package/components/List/components/ListItemContent.js

@@ -1,32 +1,32 @@
-import { jsx as m } from "react/jsx-runtime";
-import a, { useContext as i } from "react";
-import { c as r } from "../../../chunks/vendor-82AnkPpo.js";
+import { jsx as a } from "react/jsx-runtime";
+import m, { useContext as i } from "react";
+import { c as r } from "../../../chunks/vendor-D5cfSbgz.js";
 import { ListItemContext as d } from "./ListItemContext.js";
-const f = "listItemContent__1da3080f", C = "selected__205753fb", _ = "selectable__80474b51", t = {
-  listItemContent: f,
-  selected: C,
-  selectable: _
-}, b = a.forwardRef(
+const C = "listItemContent__9b730d22", _ = "selected__68c6e785", f = "selectable__57aaeca3", t = {
+  listItemContent: C,
+  selected: _,
+  selectable: f
+}, I = m.forwardRef(
   ({ children: e, className: s, ...l }, o) => {
-    const { selected: n, selectable: c } = i(d);
-    return /* @__PURE__ */ m(
+    const { selected: c, selectable: n } = i(d);
+    return /* @__PURE__ */ a(
       "div",
       {
         className: r(
           t.listItemContent,
-          { [t.selected]: n, [t.selectable]: c },
+          { [t.selected]: c, [t.selectable]: n },
           s
         ),
         ...l,
-        "data-tx": "1.32.0",
+        "data-tx": "1.33.0",
         ref: o,
         children: e
       }
     );
   }
 );
-b.displayName = "ListItemContent";
+I.displayName = "ListItemContent";
 export {
-  b as ListItemContent
+  I 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 e from "react";
-import { c as m } from "../../../chunks/vendor-82AnkPpo.js";
-const i = "listItemControls__e47f5a28", a = {
+import m from "react";
+import { c as e } from "../../../chunks/vendor-D5cfSbgz.js";
+const i = "listItemControls__58168091", n = {
   listItemControls: i
-}, n = e.forwardRef(
-  ({ children: t, className: o, ...s }, l) => /* @__PURE__ */ r("div", { className: m(a.listItemControls, o), ...s, ref: l, children: t })
+}, a = m.forwardRef(
+  ({ children: t, className: o, ...s }, l) => /* @__PURE__ */ r("div", { className: e(n.listItemControls, o), ...s, ref: l, 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-82AnkPpo.js";
-import { L as n } from "../../../chunks/ListItemControlsButton-GwTSx9t3.js";
+import "../../../chunks/vendor-D5cfSbgz.js";
+import { L as n } from "../../../chunks/ListItemControlsButton-Dc6wY6Fp.js";
 import "../../Typography/enums.js";
 import "../../Typography/Text.js";
 import "../../IconWrapper/IconWrapper.js";

package/components/List/components/ListItemControlsButtonDropdown.js

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as W, Fragment as _ } from "react/jsx-runtime";
 import P, { useRef as l, useState as E, createElement as w } from "react";
-import { u as O, c as g } from "../../../chunks/vendor-82AnkPpo.js";
+import { u as O, c as g } from "../../../chunks/vendor-D5cfSbgz.js";
 import { ETextSize as K } from "../../Typography/enums.js";
 import { Text as T } from "../../Typography/Text.js";
 import { ButtonDropdownExtended as D } from "../../Button/ButtonDropdownExtended.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-GwTSx9t3.js";
+import { s as b, L as V } from "../../../chunks/ListItemControlsButton-Dc6wY6Fp.js";
 import { setForwardedRef as G } from "../utils.js";
 const J = P.forwardRef(
   (h, C) => {

package/components/List/components/ListItemLoading.js

@@ -1,14 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
-import e from "react";
-import { c as a } from "../../../chunks/vendor-82AnkPpo.js";
-import { EComponentSize as r } from "../../../enums/EComponentSize.js";
+import i from "react";
+import { c as r } from "../../../chunks/vendor-D5cfSbgz.js";
+import { EComponentSize as a } from "../../../enums/EComponentSize.js";
 import { LoaderSmall as s } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as l } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-const d = "listItemLoading__761a8913", n = {
+const d = "listItemLoading__eb5b6721", n = {
   listItemLoading: d
-}, p = e.forwardRef(
-  ({ className: t, ...m }, i) => /* @__PURE__ */ o("div", { className: a(n.listItemLoading, t), ...m, ref: i, children: /* @__PURE__ */ o(s, { theme: l.BRAND, size: r.MD }) })
+}, p = i.forwardRef(
+  ({ className: t, ...m }, e) => /* @__PURE__ */ o("div", { className: r(n.listItemLoading, t), ...m, ref: e, children: /* @__PURE__ */ o(s, { theme: l.BRAND, size: a.MD }) })
 );
 p.displayName = "ListItemLoading";
 export {

package/components/List/components/ListItemSelectable.js

@@ -1,9 +1,9 @@
 import { jsxs as d, jsx as t } from "react/jsx-runtime";
 import k, { useContext as x, useEffect as r } from "react";
-import { c as f } from "../../../chunks/vendor-82AnkPpo.js";
+import { c as f } from "../../../chunks/vendor-D5cfSbgz.js";
 import { Checkbox as _ } from "../../Checkbox/Checkbox.js";
 import { ListItemContext as L } from "./ListItemContext.js";
-const C = "listItemSelectable__340a541c", S = "selected__205753fb", W = "checkboxWrapper__7e68bfd1", u = "childrenWrapper__d4172f7a", I = "checkboxLabel__ae8af81d", N = "checkboxLabelClickArea__61308d6a", e = {
+const C = "listItemSelectable__cc2ebfda", S = "selected__68c6e785", W = "checkboxWrapper__b67f1af7", u = "childrenWrapper__ca80a7a9", I = "checkboxLabel__0597d96d", N = "checkboxLabelClickArea__0139d049", e = {
   listItemSelectable: C,
   selected: S,
   checkboxWrapper: W,