@sberbusiness/triplex-next 0.26.0 → 0.28.0

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -1,101 +1,108 @@
-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 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";
-import { FocusTrapUtils as I } from "../../../utils/focus/FocusTrapUtils.js";
-import { LightBoxSideOverlayCloseMobile as A } from "./LightBoxSideOverlayCloseMobile.js";
-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__7d3b156f", K = "lightBoxSideOverlayWrapper__264e3bb2", Q = "overflowXHidden__5a216c99", V = "overflowYHidden__9c3cb5c1", Z = "closing__d14395c9", $ = "opened__8f131307", P = "lightBoxSideOverlayContent__caee0882", ee = "opening__317aa8a4", oe = "sm__0b6c0c1c", te = "md__d64db38d", ie = "lg__509bf6c9", re = "lightBoxSideOverlay__4fb6f999", e = {
-  lightBoxSideOverlayMask: J,
-  lightBoxSideOverlayWrapper: K,
-  overflowXHidden: Q,
-  overflowYHidden: V,
-  closing: Z,
-  opened: $,
-  lightBoxSideOverlayContent: P,
-  opening: ee,
-  sm: oe,
-  md: te,
-  lg: ie,
-  lightBoxSideOverlay: re
-}, le = q(e), f = ({
-  children: x,
-  className: S,
+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---Om3uMV.js";
+import { OverlayBase as L, 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 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__256fce2f", Q = "lightBoxSideOverlayWrapper__805bd18a", Z = "overflowXHidden__9e5b4c5b", $ = "overflowYHidden__c60db848", P = "closing__e8c2b453", ee = "opened__e396fdb4", oe = "lightBoxSideOverlayContent__d39f912e", te = "opening__dc51c24e", ie = "sm__e4234c2b", re = "md__b7934a0d", le = "lg__ca882061", ne = "lightBoxSideOverlay__95966326", 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: l,
   isLoading: a,
-  loadingTitle: _,
-  isTopLevelSideOverlayOpened: h,
-  isTopOverlayOpened: u,
+  loadingTitle: u,
+  isTopLevelSideOverlayOpened: p,
+  isTopOverlayOpened: b,
   onClose: s,
   onOpen: c,
   opened: o,
-  size: M = U.MD,
-  ...b
+  size: M = q.MD,
+  ...k
 }) => {
-  const [i, d] = B(!1), [n, g] = B(!1), m = O(o), p = O(null);
-  X(() => {
+  const [i, d] = O(!1), [n, g] = O(!1), m = x(o), h = x(null);
+  Y(() => {
     m.current && !o ? (g(!1), d(!0)) : !m.current && o && (d(!1), g(!0)), m.current = o;
   }, [o]);
-  const k = (r) => {
-    const { target: D, currentTarget: W } = r;
-    D === W && (i ? (d(!1), s == null || s()) : n && (g(!1), c == null || c()));
-  }, w = ({ opened: r }) => /* @__PURE__ */ t(R, { opened: r, className: e.lightBoxSideOverlayMask }), C = () => /* @__PURE__ */ y(
+  const w = (r) => {
+    const { target: D, currentTarget: T } = r;
+    D === T && (i ? (d(!1), s == null || s()) : n && (g(!1), c == null || c()));
+  }, C = ({ opened: r }) => /* @__PURE__ */ t(j, { opened: r, className: e.lightBoxSideOverlayMask }), H = () => /* @__PURE__ */ B(
     "div",
     {
-      className: v(e.lightBoxSideOverlayContent, {
+      className: f(e.lightBoxSideOverlayContent, {
         [e.closing]: i,
         [e.opening]: n,
         [e.opened]: o
       }),
-      onTransitionEnd: k,
-      ref: p,
+      onTransitionEnd: w,
+      ref: h,
       children: [
-        x,
-        a && /* @__PURE__ */ t(j, { loadingTitle: _ })
+        S,
+        a && /* @__PURE__ */ t(I, { loadingTitle: u })
       ]
     }
-  ), H = () => {
-  }, N = v(S, e.lightBoxSideOverlayWrapper, le[M], {
+  ), N = () => {
+  }, E = f(_, e.lightBoxSideOverlayWrapper, ae[M], {
     [e.closing]: i,
     [e.opened]: o,
-    [e.overflowXHidden]: !!h || !!a,
-    [e.overflowYHidden]: !!h || !!a || !!u
-  }), E = (r) => /* @__PURE__ */ y(T, { children: [
-    w(r),
-    C()
-  ] }), F = /* @__PURE__ */ t(
+    [e.overflowXHidden]: !!p || !!a,
+    [e.overflowYHidden]: !!p || !!a || !!b
+  }), F = (r) => /* @__PURE__ */ B(X, { children: [
+    C(r),
+    H()
+  ] }), W = /* @__PURE__ */ t(
     "div",
     {
-      className: v(e.lightBoxSideOverlay, {
+      className: f(e.lightBoxSideOverlay, {
         [e.closing]: i,
         [e.opening]: n
       }),
-      children: /* @__PURE__ */ t(z, { direction: L.RIGHT, opened: o, setOpened: H, children: E })
+      children: /* @__PURE__ */ t(L, { direction: R.RIGHT, opened: o, setOpened: N, children: F })
     }
-  );
+  ), y = () => /* @__PURE__ */ t("div", { className: E, role: "dialog", "aria-modal": "true", ...k, children: W });
   return /* @__PURE__ */ t(
-    Y,
+    V,
     {
-      active: o && !n && !i,
-      ...l,
-      focusTrapOptions: {
-        allowOutsideClick: !0,
-        initialFocus: () => I.getFirstInteractionElementByDataAttr(p.current),
-        preventScroll: !0,
-        ...l == null ? void 0 : l.focusTrapOptions
-      },
-      children: /* @__PURE__ */ t("div", { className: N, role: "dialog", "aria-modal": "true", ...b, children: F })
+      fallback: /* @__PURE__ */ t(
+        z,
+        {
+          active: o && !n && !i,
+          ...l,
+          focusTrapOptions: {
+            allowOutsideClick: !0,
+            initialFocus: () => A.getFirstInteractionElementByDataAttr(h.current),
+            preventScroll: !0,
+            ...l == null ? void 0 : l.focusTrapOptions
+          },
+          children: y()
+        }
+      ),
+      children: y()
     }
   );
 };
-f.displayName = "LightBoxSideOverlay";
-f.CloseDesktop = G;
-f.CloseMobile = A;
+v.displayName = "LightBoxSideOverlay";
+v.CloseDesktop = U;
+v.CloseMobile = G;
 export {
-  f as LightBoxSideOverlay
+  v as LightBoxSideOverlay
 };
 //# sourceMappingURL=LightBoxSideOverlay.js.map

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

package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -1,37 +1,37 @@
-import { jsx as x } from "react/jsx-runtime";
-import { forwardRef as N, useRef as d, useImperativeHandle as R, useState as V, useEffect as b } from "react";
+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__fd8d6339", z = "fixed__229e075d", E = "hidden__68f282b9", r = {
+const j = "lightBoxLeftSidebar__851d5b83", z = "fixed__9b86ae79", E = "hidden__86595903", r = {
   lightBoxLeftSidebar: j,
   fixed: z,
   hidden: E
 }, O = N(
-  ({ children: m, className: L, fixed: B, minVisibleWidth: o = 100, onShow: s, onHide: i, ...g }, p) => {
-    const n = d(null);
+  ({ 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 = d(s), t = d(i);
-    return b(() => {
+    const [v, _] = V(!0), e = o(s), t = o(i);
+    return x(() => {
       e.current = s, t.current = i;
-    }, [s, i]), b(() => {
+    }, [s, i]), x(() => {
       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 > o;
+          const c = y.contentRect.width > d;
           _((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();
-    }, [o]), /* @__PURE__ */ x(
+      return a.observe(f), () => a.disconnect();
+    }, [d]), /* @__PURE__ */ b(
       "div",
       {
         ref: n,
         className: h(L, r.lightBoxLeftSidebar, { [r.fixed]: B }),
         ...g,
-        children: /* @__PURE__ */ x("div", { className: h(r.lightBoxLeftSidebarInner, { [r.hidden]: !v }), children: m })
+        children: /* @__PURE__ */ b("div", { className: h(r.lightBoxLeftSidebarInner, { [r.hidden]: !v }), children: m })
       }
     );
   }

package/components/LightBox/LightBoxSidebars/LightBoxRightSidebar.js

@@ -1,37 +1,37 @@
 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__4387f3a4", z = "fixed__229e075d", E = "hidden__68f282b9", r = {
+import { forwardRef as N, useRef as o, useImperativeHandle as L, useState as V, useEffect as b } from "react";
+import { c as g } from "../../../chunks/vendor---Om3uMV.js";
+const j = "lightBoxRightSidebar__6f4bd721", z = "fixed__9b86ae79", E = "hidden__86595903", r = {
   lightBoxRightSidebar: j,
   fixed: z,
   hidden: E
 }, O = N(
-  ({ children: b, className: m, fixed: R, minVisibleWidth: d = 100, onShow: i, onHide: s, ...B }, p) => {
+  ({ children: x, 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(() => {
+    return b(() => {
       e.current = i, t.current = s;
-    }, [i, s]), g(() => {
+    }, [i, s]), b(() => {
       const a = n.current;
       if (!a) return;
-      const f = new ResizeObserver((S) => {
+      const l = 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;
+            var f, u;
+            return c !== I && (c ? (f = e.current) == null || f.call(e) : (u = t.current) == null || u.call(t)), c;
           });
         }
       });
-      return f.observe(a), () => f.disconnect();
+      return l.observe(a), () => l.disconnect();
     }, [d]), /* @__PURE__ */ h(
       "div",
       {
         ref: n,
-        className: x(m, r.lightBoxRightSidebar, { [r.fixed]: R }),
+        className: g(m, r.lightBoxRightSidebar, { [r.fixed]: R }),
         ...B,
-        children: /* @__PURE__ */ h("div", { className: x(r.lightBoxRightSidebarInner, { [r.hidden]: !v }), children: b })
+        children: /* @__PURE__ */ h("div", { className: g(r.lightBoxRightSidebarInner, { [r.hidden]: !v }), children: x })
       }
     );
   }

package/components/Link/Link.js

@@ -1,21 +1,21 @@
 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---Om3uMV.js";
+import { c as a } from "../../chunks/vendor---Om3uMV.js";
 import { IconWrapper as F } from "../IconWrapper/IconWrapper.js";
-const I = "link__830a0a1b", S = "wordWithContent__531a92da", T = "before__ac66e1a8", q = "after__614487d1", e = {
+const I = "link__40cdb394", S = "wordWithContent__e97e3bf5", T = "before__015b258e", q = "after__e977473f", e = {
   link: I,
   wordWithContent: S,
   before: T,
   after: q
 }, v = L.forwardRef(
-  ({ children: d, className: N, onBlur: C, onMouseDown: W, contentAfter: s, contentBefore: n, ...f }, u) => {
+  ({ children: d, className: N, onBlur: f, onMouseDown: C, contentAfter: s, contentBefore: n, ...W }, u) => {
     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__830a0a1b", S = "wordWithContent__531a92da", T = "before__ac66e1
           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__830a0a1b", S = "wordWithContent__531a92da", T = "before__ac66e1
       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",
-        ...f,
-        className: l(N, e.link),
-        onBlur: C,
-        onMouseDown: W,
-        "data-tx": "0.26.0",
+        ...W,
+        className: a(N, e.link),
+        onBlur: f,
+        onMouseDown: C,
+        "data-tx": "0.28.0",
         ref: u,
-        children: /* @__PURE__ */ h(F, { displayContents: !0, children: k })
+        children: /* @__PURE__ */ h(F, { displayContents: !0, children: _ })
       }
     );
   }

package/components/List/List.js

@@ -1,15 +1,15 @@
-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 { jsxs as i, jsx as l } from "react/jsx-runtime";
+import a from "react";
+import { c as m } from "../../chunks/vendor---Om3uMV.js";
 import { LoaderScreen as c } from "../LoaderScreen/LoaderScreen.js";
-const d = "list__fb3d95d6", f = {
+const d = "list__e8786ac1", p = {
   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.26.0", ref: i, children: [
+}, f = a.forwardRef(({ children: s, className: t, loading: o, ...r }, e) => /* @__PURE__ */ i("ul", { className: m(p.list, t), ...r, "data-tx": "0.28.0", ref: e, children: [
   s,
-  o ? /* @__PURE__ */ e(c, { type: "middle" }) : null
+  o ? /* @__PURE__ */ l(c, { type: "middle" }) : null
 ] }));
-p.displayName = "List";
+f.displayName = "List";
 export {
-  p as List
+  f as List
 };
 //# sourceMappingURL=List.js.map

package/components/List/ListSortable.js

@@ -1,75 +1,50 @@
-var x = Object.defineProperty;
-var p = (t, e, r) => e in t ? x(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-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---Om3uMV.js";
-import { List as N } from "./List.js";
-class u extends H {
+var p = Object.defineProperty;
+var b = (s, r, e) => r in s ? p(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
+var n = (s, r, e) => b(s, typeof r != "symbol" ? r + "" : r, e);
+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---Om3uMV.js";
+import { List as j } from "./List.js";
+import { isDraggableTarget as l } from "./utils.js";
+class u extends R {
 }
-o(u, "activators", [
+n(u, "activators", [
   {
     eventName: "onMouseDown",
-    handler: ({ nativeEvent: e }, { onActivation: r }) => {
-      var s;
-      if (e.button === 2)
-        return !1;
-      if (e.target instanceof HTMLElement) {
-        let a = e.target;
-        for (; a !== null; ) {
-          if (((s = a.dataset) == null ? void 0 : s.draggable) === "false")
-            return !1;
-          a = a.parentElement;
-        }
-      }
-      return r == null || r({ event: e }), !0;
-    }
+    handler: ({ nativeEvent: r }, { onActivation: e }) => r.button === 2 || !l(r.target) ? !1 : (e == null || e({ event: r }), !0)
   }
 ]);
-class g extends C {
+class f extends N {
 }
-o(g, "activators", [
+n(f, "activators", [
   {
     eventName: "onTouchStart",
-    handler: ({ nativeEvent: e }, { onActivation: r }) => {
-      var s;
-      if (e.touches.length > 1)
-        return !1;
-      if (e.target instanceof HTMLElement) {
-        let a = e.target;
-        for (; a !== null; ) {
-          if (((s = a.dataset) == null ? void 0 : s.draggable) === "false")
-            return !1;
-          a = a.parentElement;
-        }
-      }
-      return r == null || r({ event: e }), !0;
-    }
+    handler: ({ nativeEvent: r }, { onActivation: e }) => r.touches.length > 1 || !l(r.target) ? !1 : (e == null || e({ event: r }), !0)
   }
 ]);
-function R({ items: t, onItemsChange: e, ...r }, s) {
-  const a = b(f(u), f(g)), c = (m) => {
-    const { active: i, over: n } = m;
-    if (n && i.id !== n.id) {
-      const h = t.findIndex((l) => l.id === i.id), S = t.findIndex((l) => l.id === n.id);
-      e(I(t, h, S));
+function q({ items: s, onItemsChange: r, ...e }, c) {
+  const g = T(i(u), i(f)), m = (S) => {
+    const { active: d, over: t } = S;
+    if (t && d.id !== t.id) {
+      const x = s.findIndex((a) => a.id === d.id), h = s.findIndex((a) => a.id === t.id);
+      r(C(s, x, h));
     }
   };
-  return /* @__PURE__ */ d(
-    M,
+  return /* @__PURE__ */ o(
+    y,
     {
-      sensors: a,
-      modifiers: [D, L],
-      measuring: { droppable: { frequency: T.WhileDragging } },
-      onDragEnd: c,
-      children: /* @__PURE__ */ d(w, { items: t, strategy: y, children: /* @__PURE__ */ d(N, { ...r, ref: s }) })
+      sensors: g,
+      modifiers: [I, M],
+      measuring: { droppable: { frequency: E.WhileDragging } },
+      onDragEnd: m,
+      children: /* @__PURE__ */ o(L, { items: s, strategy: w, children: /* @__PURE__ */ o(j, { ...e, ref: c }) })
     }
   );
 }
-const k = E.forwardRef(R);
+const B = D.forwardRef(q);
 export {
   u as AdvancedMouseSensor,
-  g as AdvancedTouchSensor,
-  k as ListSortable
+  f as AdvancedTouchSensor,
+  B as ListSortable
 };
 //# sourceMappingURL=ListSortable.js.map

package/components/List/components/ListEmptyState.js

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

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.26.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.28.0", ref: s, children: e }) });
 });
 c.displayName = "ListItem";
 export {

package/components/List/components/ListItemContent.js

@@ -2,10 +2,10 @@ import { jsx as c } from "react/jsx-runtime";
 import i, { useContext as l } from "react";
 import { c as r } from "../../../chunks/vendor---Om3uMV.js";
 import { ListItemContext as d } from "./ListItemContext.js";
-const a = "listItemContent__6de3f19d", C = "selected__b9221468", t = {
+const a = "listItemContent__cd3f7f12", f = "selected__678c05bb", t = {
   listItemContent: a,
-  selected: C
-}, f = i.forwardRef(
+  selected: f
+}, C = i.forwardRef(
   ({ children: e, className: s, ...o }, n) => {
     const { selected: m } = l(d);
     return /* @__PURE__ */ c(
@@ -13,15 +13,15 @@ const a = "listItemContent__6de3f19d", C = "selected__b9221468", t = {
       {
         className: r(t.listItemContent, { [t.selected]: m }, s),
         ...o,
-        "data-tx": "0.26.0",
+        "data-tx": "0.28.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 l } from "react/jsx-runtime";
 import m from "react";
 import { c as e } from "../../../chunks/vendor---Om3uMV.js";
-const i = "listItemControls__a6ffcb88", n = {
+const i = "listItemControls__6fc06c7e", c = {
   listItemControls: i
-}, a = m.forwardRef(
-  ({ children: t, className: o, ...s }, r) => /* @__PURE__ */ l("div", { className: e(n.listItemControls, o), ...s, ref: r, children: t })
+}, n = m.forwardRef(
+  ({ children: t, className: o, ...s }, r) => /* @__PURE__ */ l("div", { className: e(c.listItemControls, o), ...s, ref: r, 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---Om3uMV.js";
-import { L as n } from "../../../chunks/ListItemControlsButton-PANaJdYf.js";
+import { L as n } from "../../../chunks/ListItemControlsButton-BcWg1BjZ.js";
 import "../../Typography/enums.js";
 import "../../Typography/Text.js";
 import "../../IconWrapper/IconWrapper.js";