@sberbusiness/triplex-next 0.25.0 → 0.27.0

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__e24bc745", r = {
+const p = "listEmptyState__5adc3932", r = {
   listEmptyState: p
 }, c = 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, ...a }, m) => /* @__PURE__ */ e("div", { className: o(r.listEmptyState, s), ...a, ref: m, children: t })
 );
-c.displayName = "ListItemEmpty";
+c.displayName = "ListEmptyState";
 export {
   c 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.25.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.27.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 a } from "./ListItemContext.js";
-const d = "listItemContent__09a74c0f", C = "selected__9525e7a3", t = {
+const d = "listItemContent__e4bcb89a", C = "selected__dec0ae71", t = {
   listItemContent: d,
   selected: C
-}, f = i.forwardRef(
+}, I = i.forwardRef(
   ({ children: e, className: s, ...o }, n) => {
     const { selected: m } = l(a);
     return /* @__PURE__ */ c(
@@ -13,15 +13,15 @@ const d = "listItemContent__09a74c0f", C = "selected__9525e7a3", t = {
       {
         className: r(t.listItemContent, { [t.selected]: m }, s),
         ...o,
-        "data-tx": "0.25.0",
+        "data-tx": "0.27.0",
         ref: n,
         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,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import m from "react";
 import { c as e } from "../../../chunks/vendor---Om3uMV.js";
-const i = "listItemControls__14b60387", n = {
+const i = "listItemControls__115d2355", n = {
   listItemControls: i
 }, a = m.forwardRef(
   ({ children: t, className: o, ...s }, r) => /* @__PURE__ */ l("div", { className: e(n.listItemControls, o), ...s, ref: r, children: t })

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-UKjqQcv7.js";
+import { L as n } from "../../../chunks/ListItemControlsButton-pIOQbY1R.js";
 import "../../Typography/enums.js";
 import "../../Typography/Text.js";
 import "../../IconWrapper/IconWrapper.js";

package/components/List/components/ListItemControlsButtonDropdown.js

@@ -1,62 +1,63 @@
-import { jsx as o, jsxs as W, Fragment as P } from "react/jsx-runtime";
-import E, { useRef as a, useState as O, createElement as w } from "react";
+import { jsx as t, jsxs as W, Fragment as P } from "react/jsx-runtime";
+import E, { useRef as l, useState as O, createElement as w } from "react";
 import { u as _, c as g } from "../../../chunks/vendor---Om3uMV.js";
 import { ETextSize as K } from "../../Typography/enums.js";
 import { Text as T } from "../../Typography/Text.js";
-import { ButtonDropdownExtended as R } from "../../Button/ButtonDropdownExtended.js";
+import { ButtonDropdownExtended as D } from "../../Button/ButtonDropdownExtended.js";
 import { isKey as i } from "../../../utils/keyboard.js";
 import { DropdownListContext as j } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as z } from "../../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose as U } from "../../Dropdown/mobile/DropdownMobileClose.js";
+import { DropdownMobileClose as F } from "../../Dropdown/mobile/DropdownMobileClose.js";
 import "../../Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader as q } from "../../Dropdown/mobile/DropdownMobileHeader.js";
+import { DropdownMobileHeader as U } from "../../Dropdown/mobile/DropdownMobileHeader.js";
 import "../../Dropdown/mobile/DropdownMobileInner.js";
 import "../../Dropdown/mobile/DropdownMobileInput.js";
-import { DropdownMobileList as F } from "../../Dropdown/mobile/DropdownMobileList.js";
+import { DropdownMobileList as q } from "../../Dropdown/mobile/DropdownMobileList.js";
 import { DropdownMobileListItem as H } from "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { DropdownList as b } from "../../Dropdown/desktop/DropdownList.js";
-import { s as h, L as V } from "../../../chunks/ListItemControlsButton-UKjqQcv7.js";
-const G = E.forwardRef(
-  (y, l) => {
-    const { buttonAttributes: C, children: c, className: x, icon: B, options: d, selected: n, disabled: I, ...L } = y, u = a(null), f = a(null), [p, N] = O(), D = a(_()), A = ({ opened: t, setOpened: e }) => /* @__PURE__ */ o(
+import { DropdownList as R } from "../../Dropdown/desktop/DropdownList.js";
+import { s as b, L as V } from "../../../chunks/ListItemControlsButton-pIOQbY1R.js";
+import { setForwardedRef as G } from "../utils.js";
+const J = E.forwardRef(
+  (h, C) => {
+    const { buttonAttributes: x, children: a, className: y, icon: B, options: d, selected: n, disabled: I, ...L } = h, c = l(null), f = l(null), [u, N] = O(), p = l(_()), A = ({ opened: e, setOpened: o }) => /* @__PURE__ */ t(
       V,
       {
-        onKeyDown: k({ opened: t, setOpened: e }),
-        onClick: S({ opened: t, setOpened: e }),
+        onKeyDown: k({ opened: e, setOpened: o }),
+        onClick: S({ opened: e, setOpened: o }),
         disabled: I,
         "aria-haspopup": "menu",
-        "aria-expanded": t,
-        "aria-controls": D.current,
-        "aria-activedescendant": p,
+        "aria-expanded": e,
+        "aria-controls": p.current,
+        "aria-activedescendant": u,
         icon: B,
-        ...C,
+        ...x,
         ref: M,
-        children: c
+        children: a
       }
-    ), S = ({ opened: t, setOpened: e }) => () => e(!t), k = ({ opened: t, setOpened: e }) => (m) => {
+    ), S = ({ opened: e, setOpened: o }) => () => o(!e), k = ({ opened: e, setOpened: o }) => (m) => {
       const { key: r } = m;
-      (i(r, "SPACE") || i(r, "ARROW_UP") || i(r, "ARROW_DOWN")) && m.preventDefault(), !t && (i(r, "ARROW_UP") || i(r, "ARROW_DOWN")) && e(!0);
-    }, v = ({ opened: t, setOpened: e, className: m }) => /* @__PURE__ */ o(j.Provider, { value: { activeDescendant: p, setActiveDescendant: N }, children: /* @__PURE__ */ o(
-      R.Dropdown,
+      (i(r, "SPACE") || i(r, "ARROW_UP") || i(r, "ARROW_DOWN")) && m.preventDefault(), !e && (i(r, "ARROW_UP") || i(r, "ARROW_DOWN")) && o(!0);
+    }, v = ({ opened: e, setOpened: o, className: m }) => /* @__PURE__ */ t(j.Provider, { value: { activeDescendant: u, setActiveDescendant: N }, children: /* @__PURE__ */ t(
+      D.Dropdown,
       {
         className: m,
-        opened: t,
-        setOpened: e,
-        targetRef: u,
+        opened: e,
+        setOpened: o,
+        targetRef: c,
         ref: f,
         mobileViewProps: {
           children: /* @__PURE__ */ W(P, { children: [
-            /* @__PURE__ */ o(
-              q,
+            /* @__PURE__ */ t(
+              U,
               {
-                controlButtons: /* @__PURE__ */ o(U, { onClick: () => e(!1) }),
-                children: /* @__PURE__ */ o(T, { tag: "div", size: K.B1, children: c })
+                controlButtons: /* @__PURE__ */ t(F, { onClick: () => o(!1) }),
+                children: /* @__PURE__ */ t(T, { tag: "div", size: K.B1, children: a })
               }
             ),
-            /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o(F, { children: d.map((r) => /* @__PURE__ */ w(
+            /* @__PURE__ */ t(z, { children: /* @__PURE__ */ t(q, { children: d.map((r) => /* @__PURE__ */ w(
               H,
               {
                 ...r,
@@ -64,35 +65,35 @@ const G = E.forwardRef(
                 selected: r.id === (n == null ? void 0 : n.id),
                 onSelect: () => {
                   var s;
-                  (s = r.onSelect) == null || s.call(r), e(!1);
+                  (s = r.onSelect) == null || s.call(r), o(!1);
                 }
               },
               r.label
             )) }) })
           ] })
         },
-        children: /* @__PURE__ */ o(b, { dropdownOpened: t, id: D.current, children: d.map((r) => /* @__PURE__ */ w(
-          b.Item,
+        children: /* @__PURE__ */ t(R, { dropdownOpened: e, id: p.current, children: d.map((r) => /* @__PURE__ */ w(
+          R.Item,
           {
             ...r,
-            className: h.buttonDropdownMenuItem,
+            className: b.buttonDropdownMenuItem,
             key: r.id,
             selected: r.id === (n == null ? void 0 : n.id),
             onSelect: () => {
               var s;
-              (s = r.onSelect) == null || s.call(r), e(!1);
+              (s = r.onSelect) == null || s.call(r), o(!1);
             }
           },
           r.label
         )) })
       }
-    ) }), M = (t) => {
-      u.current = t, typeof l == "function" ? l(t) : l && (l.current = t);
+    ) }), M = (e) => {
+      c.current = e, G(C, e);
     };
-    return /* @__PURE__ */ o(
-      R,
+    return /* @__PURE__ */ t(
+      D,
       {
-        className: g(h.listItemControlsButtonDropdown, x),
+        className: g(b.listItemControlsButtonDropdown, y),
         renderButton: A,
         renderDropdown: v,
         dropdownRef: f,
@@ -102,8 +103,8 @@ const G = E.forwardRef(
     );
   }
 );
-G.displayName = "ListItemControlsButtonDropdown";
+J.displayName = "ListItemControlsButtonDropdown";
 export {
-  G as ListItemControlsButtonDropdown
+  J as ListItemControlsButtonDropdown
 };
 //# sourceMappingURL=ListItemControlsButtonDropdown.js.map

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 r } from "../../../chunks/vendor---Om3uMV.js";
-import { EComponentSize as a } from "../../../enums/EComponentSize.js";
-import { LoaderSmall as s } from "../../Loader/LoaderSmall/LoaderSmall.js";
+import { EComponentSize as s } from "../../../enums/EComponentSize.js";
+import { LoaderSmall as a } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as l } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-const d = "listItemLoading__3afe2208", n = {
+const d = "listItemLoading__009e14b9", n = {
   listItemLoading: d
 }, p = e.forwardRef(
-  ({ className: t, ...m }, i) => /* @__PURE__ */ o("div", { className: r(n.listItemLoading, t), ...m, ref: i, children: /* @__PURE__ */ o(s, { theme: l.BRAND, size: a.MD }) })
+  ({ className: t, ...m }, i) => /* @__PURE__ */ o("div", { className: r(n.listItemLoading, t), ...m, ref: i, children: /* @__PURE__ */ o(a, { theme: l.BRAND, size: s.MD }) })
 );
 p.displayName = "ListItemLoading";
 export {

package/components/List/components/ListItemSelectable.js

@@ -2,9 +2,9 @@ import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import p, { useContext as m, useEffect as d } from "react";
 import { c as k } from "../../../chunks/vendor---Om3uMV.js";
 import { Checkbox as x } from "../../Checkbox/Checkbox.js";
-import { ListItemContext as _ } from "./ListItemContext.js";
-const f = "listItemSelectable__3ac92239", L = "selected__9525e7a3", C = "checkboxWrapper__4ef2172f", W = "childrenWrapper__81d25344", I = "checkboxLabel__e15563db", S = "checkboxLabelClickArea__90b2d330", e = {
-  listItemSelectable: f,
+import { ListItemContext as f } from "./ListItemContext.js";
+const _ = "listItemSelectable__cea15fd0", L = "selected__dec0ae71", C = "checkboxWrapper__59337d5f", W = "childrenWrapper__1aa130b5", I = "checkboxLabel__08302f7c", S = "checkboxLabelClickArea__1dd39031", e = {
+  listItemSelectable: _,
   selected: L,
   checkboxWrapper: C,
   childrenWrapper: W,
@@ -12,7 +12,7 @@ const f = "listItemSelectable__3ac92239", L = "selected__9525e7a3", C = "checkbo
   checkboxLabelClickArea: S
 }, N = p.forwardRef(
   ({ selected: c, children: l, className: r, onSelect: s, ...o }, b) => {
-    const { setSelected: a } = m(_), i = (h) => {
+    const { setSelected: a } = m(f), i = (h) => {
       s(h.target.checked);
     };
     return d(() => {

package/components/List/components/ListItemTable.js

@@ -7,13 +7,13 @@ import { ListItemControls as T } from "./ListItemControls.js";
 import { ListItemSelectable as h } from "./ListItemSelectable.js";
 import { ListItemTailRight as A } from "./ListItemTailRight.js";
 import { c as x } from "../../../chunks/vendor---Om3uMV.js";
-const y = "listItemTable__10f331e2", C = "swipeableArea__34d47643", m = {
+const y = "listItemTable__60fcc892", C = "swipeableArea__22444dcb", m = {
   listItemTable: y,
   swipeableArea: C
 }, _ = d.forwardRef(
-  ({ children: a, className: o, controlButtons: t, onClickItem: l, onSelect: i, selected: r, swipeableAreaRef: n, ...p }, f) => {
-    const c = typeof i < "u" && typeof r < "u", s = () => /* @__PURE__ */ e(L, { onClick: l, children: a });
-    return /* @__PURE__ */ e(w, { className: x(m.listItemTable, o), ...p, ref: f, children: /* @__PURE__ */ b(
+  ({ children: a, className: o, controlButtons: t, onClickItem: l, onSelect: i, selected: r, swipeableAreaRef: n, ...p }, c) => {
+    const f = typeof i < "u" && typeof r < "u", s = () => /* @__PURE__ */ e(L, { onClick: l, children: a });
+    return /* @__PURE__ */ e(w, { className: x(m.listItemTable, o), ...p, ref: c, children: /* @__PURE__ */ b(
       I,
       {
         className: m.swipeableArea,
@@ -21,7 +21,7 @@ const y = "listItemTable__10f331e2", C = "swipeableArea__34d47643", m = {
         rightSwipeableArea: t ? /* @__PURE__ */ e(T, { children: t }) : void 0,
         children: [
           /* @__PURE__ */ e(A, {}),
-          c ? /* @__PURE__ */ e(h, { selected: r, onSelect: i, children: s() }) : s()
+          f ? /* @__PURE__ */ e(h, { selected: r, onSelect: i, children: s() }) : s()
         ]
       }
     ) });

package/components/List/components/ListItemTailLeft.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import l from "react";
 import { c as o } from "../../../chunks/vendor---Om3uMV.js";
-import { s } from "../../../chunks/ListItemTail.module-igeWTjyg.js";
+import { s } from "../../../chunks/ListItemTail.module-Cu4UoxMF.js";
 const r = l.forwardRef(
   ({ className: a, ...e }, i) => /* @__PURE__ */ m(
     "span",

package/components/List/components/ListItemTailRight.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import e from "react";
 import { c as o } from "../../../chunks/vendor---Om3uMV.js";
-import { s } from "../../../chunks/ListItemTail.module-igeWTjyg.js";
+import { s } from "../../../chunks/ListItemTail.module-Cu4UoxMF.js";
 const r = e.forwardRef(
   ({ className: a, ...i }, m) => /* @__PURE__ */ l("span", { className: o(s.listItemTail, s.listItemTailRight, a), ref: m, ...i, children: [
     /* @__PURE__ */ t("span", { className: s.listItemTailLine }),

package/components/List/components/ListSortableItem.js

@@ -1,40 +1,41 @@
 import { jsx as b } from "react/jsx-runtime";
 import p from "react";
-import { o as I, q as u, c as y } from "../../../chunks/vendor---Om3uMV.js";
+import { o as I, q as u, c as R } from "../../../chunks/vendor---Om3uMV.js";
 import { ListItem as L } from "./ListItem.js";
-import { ListSortableItemTarget as R } from "./ListSortableItemTarget.js";
-const N = "listSortableItem__6f6032d5", _ = "dragging__911d90e8", a = {
-  listSortableItem: N,
-  dragging: _
-}, x = Object.assign(
-  p.forwardRef(function({ children: e, className: n, style: g, disabled: r, ...s }, t) {
-    const { transform: m, transition: l, listeners: f, isDragging: i, setNodeRef: c, setActivatorNodeRef: S } = I({
-      disabled: r,
-      id: s.id,
+import { setForwardedRef as y } from "../utils.js";
+import { ListSortableItemTarget as N } from "./ListSortableItemTarget.js";
+const _ = "listSortableItem__1e060ffd", x = "dragging__28fc8f2c", a = {
+  listSortableItem: _,
+  dragging: x
+}, T = Object.assign(
+  p.forwardRef(function({ children: t, className: i, style: n, disabled: e, ...r }, m) {
+    const { transform: g, transition: f, listeners: l, isDragging: o, setNodeRef: c, setActivatorNodeRef: d } = I({
+      disabled: e,
+      id: r.id,
       transition: {
         duration: 300,
         easing: "ease-out"
       }
-    }), d = (o) => {
-      c(o), typeof t == "function" ? t(o) : t && (t.current = o);
+    }), S = (s) => {
+      c(s), y(m, s);
     };
     return /* @__PURE__ */ b(
       L,
       {
-        className: y(a.listSortableItem, { [a.dragging]: i }, n),
-        style: { transform: u.Translate.toString(m), transition: l, ...g },
-        ...s,
-        ref: d,
-        children: typeof e == "function" ? e({ disabled: r, dragging: i, listeners: f, setActivatorNodeRef: S }) : e
+        className: R(a.listSortableItem, { [a.dragging]: o }, i),
+        style: { transform: u.Translate.toString(g), transition: f, ...n },
+        ...r,
+        ref: S,
+        children: typeof t == "function" ? t({ disabled: e, dragging: o, listeners: l, setActivatorNodeRef: d }) : t
       }
     );
   }),
   {
-    Target: R
+    Target: N
   }
 );
-x.displayName = "ListSortableItem";
+T.displayName = "ListSortableItem";
 export {
-  x as ListSortableItem
+  T as ListSortableItem
 };
 //# sourceMappingURL=ListSortableItem.js.map

package/components/List/components/ListSortableItemControls.js

@@ -1,13 +1,13 @@
 import { jsx as s } from "react/jsx-runtime";
-import l from "react";
-import { c as e } from "../../../chunks/vendor---Om3uMV.js";
-const a = "listSortableItemControls__d019c023", m = {
+import e from "react";
+import { c as l } from "../../../chunks/vendor---Om3uMV.js";
+const a = "listSortableItemControls__0f7ffe83", m = {
   listSortableItemControls: a
-}, i = l.forwardRef(
+}, i = e.forwardRef(
   ({ className: t, ...o }, r) => /* @__PURE__ */ s(
     "div",
     {
-      className: e(m.listSortableItemControls, t),
+      className: l(m.listSortableItemControls, t),
       "data-draggable": "false",
       ...o,
       ref: r

package/components/List/components/ListSortableItemTarget.js

@@ -2,12 +2,12 @@ import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import m from "react";
 import { DragdotsStrokeSrvIcon24 as n } from "@sberbusiness/icons-next";
 import { c } from "../../../chunks/vendor---Om3uMV.js";
-const I = "listSortableItemTarget__41ec4634", S = "dragging__911d90e8", b = "listSortableItemTargetContent__32406917", T = "listSortableItemTargetIcon__9cf2172e", t = {
+const I = "listSortableItemTarget__cfff1e31", b = "dragging__28fc8f2c", S = "listSortableItemTargetContent__21559ff7", T = "listSortableItemTargetIcon__96b8cac9", t = {
   listSortableItemTarget: I,
-  dragging: S,
-  listSortableItemTargetContent: b,
+  dragging: b,
+  listSortableItemTargetContent: S,
   listSortableItemTargetIcon: T
-}, d = m.forwardRef(
+}, f = m.forwardRef(
   ({ children: r, className: a, disabled: o, dragging: l, ...s }, g) => /* @__PURE__ */ i(
     "div",
     {
@@ -21,8 +21,8 @@ const I = "listSortableItemTarget__41ec4634", S = "dragging__911d90e8", b = "lis
     }
   )
 );
-d.displayName = "ListSortableItemTarget";
+f.displayName = "ListSortableItemTarget";
 export {
-  d as ListSortableItemTarget
+  f as ListSortableItemTarget
 };
 //# sourceMappingURL=ListSortableItemTarget.js.map

package/components/List/index.js

@@ -3,7 +3,7 @@ import { AdvancedMouseSensor as m, AdvancedTouchSensor as s, ListSortable as i }
 import { ListItem as p } from "./components/ListItem.js";
 import { ListItemControls as x } from "./components/ListItemControls.js";
 import { ListItemContent as n } from "./components/ListItemContent.js";
-import { L as I } from "../../chunks/ListItemControlsButton-UKjqQcv7.js";
+import { L as I } from "../../chunks/ListItemControlsButton-pIOQbY1R.js";
 import { ListItemControlsButtonDropdown as b } from "./components/ListItemControlsButtonDropdown.js";
 import { ListEmptyState as C } from "./components/ListEmptyState.js";
 import { ListItemLoading as c } from "./components/ListItemLoading.js";

package/components/List/utils.js

@@ -0,0 +1,20 @@
+function r(e, t) {
+  typeof e == "function" ? e(t) : e && (e.current = t);
+}
+function l(e) {
+  var n;
+  if (!(e instanceof HTMLElement))
+    return !0;
+  let t = e;
+  for (; t !== null; ) {
+    if (((n = t.dataset) == null ? void 0 : n.draggable) === "false")
+      return !1;
+    t = t.parentElement;
+  }
+  return !0;
+}
+export {
+  l as isDraggableTarget,
+  r as setForwardedRef
+};
+//# sourceMappingURL=utils.js.map

package/components/ListMaster/ListMaster.js

@@ -1,21 +1,28 @@
 import { jsx as i } from "react/jsx-runtime";
-import { ListMasterChipGroup as s } from "./components/ListMasterChipGroup.js";
-import { ListMasterBody as m } from "./components/ListMasterBody.js";
+import s from "react";
+import { ListMasterChipGroup as m } from "./components/ListMasterChipGroup.js";
+import { ListMasterBody as a } from "./components/ListMasterBody.js";
 import { ListMasterFooter as p } from "./components/ListMasterFooter.js";
-import { ListMasterHeader as a } from "./components/ListMasterHeader.js";
+import { ListMasterHeader as f } from "./components/ListMasterHeader.js";
 import { SelectionControls as n } from "./components/SelectionControls.js";
-import { ListMasterFooterControls as f } from "./components/ListMasterFooterControls.js";
-import { ListMasterFooterDescription as L } from "./components/ListMasterFooterDescription.js";
-const o = ({ children: t, className: r, ...e }) => /* @__PURE__ */ i("div", { className: r, ...e, "data-tx": "0.25.0", children: t });
-o.Body = m;
-o.ChipGroup = s;
-o.Footer = p;
-o.FooterControls = f;
-o.FooterDescription = L;
-o.Header = a;
-o.SelectionControls = n;
-o.displayName = "ListMaster";
+import { ListMasterFooterControls as L } from "./components/ListMasterFooterControls.js";
+import { ListMasterFooterDescription as M } from "./components/ListMasterFooterDescription.js";
+const d = Object.assign(
+  s.forwardRef(function({ children: o, className: r, ...t }, e) {
+    return /* @__PURE__ */ i("div", { className: r, ...t, "data-tx": "0.27.0", ref: e, children: o });
+  }),
+  {
+    Body: a,
+    ChipGroup: m,
+    Footer: p,
+    FooterControls: L,
+    FooterDescription: M,
+    Header: f,
+    SelectionControls: n
+  }
+);
+d.displayName = "ListMaster";
 export {
-  o as ListMaster
+  d as ListMaster
 };
 //# sourceMappingURL=ListMaster.js.map

package/components/ListMaster/components/ListMasterBody.js

@@ -6,7 +6,7 @@ const e = d.forwardRef(
     {
       className: o,
       ...r,
-      "data-tx": "0.25.0",
+      "data-tx": "0.27.0",
       ref: a,
       children: t
     }