@sberbusiness/triplex-next 1.25.0 → 1.27.0

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayLoader.js

@@ -1,18 +1,18 @@
 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__ec39a92e", c = {
+import { useState as s, useRef as d, useEffect as l } from "react";
+import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
+const n = "lightBoxSideOverlayLoaderWrapper__1820d86f", c = {
   lightBoxSideOverlayLoaderWrapper: n
 }, f = ({ loadingTitle: a }) => {
-  const [t, r] = s(0), e = l(null);
-  return p(() => {
+  const [t, r] = s(0), e = d(null);
+  return l(() => {
     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(d, { type: "middle", children: a }) });
+  }, []), /* @__PURE__ */ i("div", { ref: e, className: c.lightBoxSideOverlayLoaderWrapper, style: { top: `${t}px` }, children: /* @__PURE__ */ i(p, { type: "middle", children: a }) });
 };
 f.displayName = "LightBoxSideOverlayLoader";
 export {

package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -1,37 +1,37 @@
-import { jsx as x } from "react/jsx-runtime";
-import { forwardRef as N, useRef as f, 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-DudMBGKr.js";
-const j = "lightBoxLeftSidebar__dd52af77", z = "fixed__fa3767a2", E = "hidden__b6f03f29", r = {
+const j = "lightBoxLeftSidebar__12028f92", z = "fixed__2e9fb539", E = "hidden__8ebb64d8", 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 = f(null);
+  ({ 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 = f(s), t = f(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 d = n.current;
       if (!d) return;
-      const a = new ResizeObserver((S) => {
+      const l = new ResizeObserver((S) => {
         for (const y of S) {
-          const c = y.contentRect.width > o;
+          const c = y.contentRect.width > f;
           _((I) => {
-            var l, u;
-            return c !== I && (c ? (l = e.current) == null || l.call(e) : (u = t.current) == null || u.call(t)), c;
+            var a, u;
+            return c !== I && (c ? (a = e.current) == null || a.call(e) : (u = t.current) == null || u.call(t)), c;
           });
         }
       });
-      return a.observe(d), () => a.disconnect();
-    }, [o]), /* @__PURE__ */ x(
+      return l.observe(d), () => l.disconnect();
+    }, [f]), /* @__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,7 +1,7 @@
 import { jsx as h } from "react/jsx-runtime";
 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-DudMBGKr.js";
-const j = "lightBoxRightSidebar__b1192183", z = "fixed__fa3767a2", E = "hidden__b6f03f29", r = {
+const j = "lightBoxRightSidebar__f49504e0", z = "fixed__2e9fb539", E = "hidden__8ebb64d8", r = {
   lightBoxRightSidebar: j,
   fixed: z,
   hidden: E
@@ -13,18 +13,18 @@ const j = "lightBoxRightSidebar__b1192183", z = "fixed__fa3767a2", E = "hidden__
     return b(() => {
       e.current = i, t.current = s;
     }, [i, s]), b(() => {
-      const a = n.current;
-      if (!a) return;
-      const f = new ResizeObserver((S) => {
+      const f = n.current;
+      if (!f) return;
+      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 a, u;
+            return c !== I && (c ? (a = e.current) == null || a.call(e) : (u = t.current) == null || u.call(t)), c;
           });
         }
       });
-      return f.observe(a), () => f.disconnect();
+      return l.observe(f), () => l.disconnect();
     }, [d]), /* @__PURE__ */ h(
       "div",
       {

package/components/Link/Link.js

@@ -1,21 +1,21 @@
-import { jsx as h, jsxs as t, Fragment as d } from "react/jsx-runtime";
+import { jsx as p, jsxs as t, Fragment as i } from "react/jsx-runtime";
 import L from "react";
-import { c as l } from "../../chunks/vendor-DudMBGKr.js";
+import { c as a } from "../../chunks/vendor-DudMBGKr.js";
 import { IconWrapper as F } from "../IconWrapper/IconWrapper.js";
-const I = "link__add73811", S = "wordWithContent__aca5d3a9", T = "before__7d1088e0", q = "after__5475b83d", e = {
+const I = "link__3f0f3ab2", S = "wordWithContent__ef59eb05", T = "before__be8f7b5f", q = "after__7306d242", e = {
   link: I,
   wordWithContent: S,
   before: T,
   after: q
 }, v = L.forwardRef(
-  ({ children: i, className: N, onBlur: C, onMouseDown: f, contentAfter: s, contentBefore: n, ...u }, W) => {
-    const c = () => n ? /* @__PURE__ */ t(d, { children: [
+  ({ children: d, className: h, onBlur: N, onMouseDown: C, contentAfter: s, contentBefore: n, ...u }, W) => {
+    const c = () => n ? /* @__PURE__ */ t(i, { children: [
       "​",
       n()
     ] }) : 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,43 +25,43 @@ const I = "link__add73811", S = "wordWithContent__aca5d3a9", T = "before__7d1088
           m()
         ] });
       }
-      const a = r[0], p = r[r.length - 1], b = r.slice(1, -1).join(" "), g = l(e.wordWithContent, {
+      const l = r[0], f = 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,
+        f,
         m()
-      ] }) : p;
-      return /* @__PURE__ */ t(d, { children: [
+      ] }) : f;
+      return /* @__PURE__ */ t(i, { children: [
         x,
         " ",
-        b,
+        k,
         " ",
         j
       ] });
-    }, w = (o) => {
-      const r = n ? n() : null, a = s ? s() : null;
-      return /* @__PURE__ */ t(d, { children: [
+    }, b = (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" ? _(o) : w(o))(i) : i;
-    return /* @__PURE__ */ h(
+    }, w = n || s ? ((o) => typeof o == "string" ? _(o) : b(o))(d) : d;
+    return /* @__PURE__ */ p(
       "a",
       {
         role: "link",
         ...u,
-        className: l(N, e.link),
-        onBlur: C,
-        onMouseDown: f,
-        "data-tx": "1.25.0",
+        className: a(h, e.link),
+        onBlur: N,
+        onMouseDown: C,
+        "data-tx": "1.27.0",
         ref: W,
-        children: /* @__PURE__ */ h(F, { displayContents: !0, children: k })
+        children: /* @__PURE__ */ p(F, { displayContents: !0, children: w })
       }
     );
   }

package/components/List/List.js

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

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-DudMBGKr.js";
-import { List as N } from "./List.js";
-class u extends H {
+var p = Object.defineProperty;
+var b = (t, e, r) => e in t ? p(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+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-DudMBGKr.js";
+import { List as _ } 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: e }, { onActivation: r }) => e.button === 2 || !l(e.target) ? !1 : (r == null || r({ event: e }), !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: e }, { onActivation: r }) => e.touches.length > 1 || !l(e.target) ? !1 : (r == null || r({ event: e }), !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 j({ items: t, onItemsChange: e, ...r }, c) {
+  const g = T(i(u), i(f)), m = (S) => {
+    const { active: d, over: s } = S;
+    if (s && d.id !== s.id) {
+      const x = t.findIndex((a) => a.id === d.id), h = t.findIndex((a) => a.id === s.id);
+      e(C(t, 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: t, strategy: w, children: /* @__PURE__ */ o(_, { ...r, ref: c }) })
     }
   );
 }
-const W = E.forwardRef(R);
+const z = D.forwardRef(j);
 export {
   u as AdvancedMouseSensor,
-  g as AdvancedTouchSensor,
-  W as ListSortable
+  f as AdvancedTouchSensor,
+  z as ListSortable
 };
 //# sourceMappingURL=ListSortable.js.map

package/components/List/components/ListEmptyState.js

@@ -1,13 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import i from "react";
 import { c as o } from "../../../chunks/vendor-DudMBGKr.js";
-const p = "listEmptyState__c2bea20c", c = {
+const p = "listEmptyState__4f7e2e01", l = {
   listEmptyState: p
-}, l = i.forwardRef(
-  ({ children: t, className: s, ...m }, a) => /* @__PURE__ */ e("div", { className: o(c.listEmptyState, s), ...m, ref: a, children: t })
+}, r = i.forwardRef(
+  ({ children: t, className: s, ...e }, a) => /* @__PURE__ */ m("div", { className: o(l.listEmptyState, s), ...e, ref: a, children: t })
 );
-l.displayName = "ListItemEmpty";
+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 m, { useState as d } from "react";
 import { ListItemContext as l } from "./ListItemContext.js";
 const f = m.forwardRef(({ children: e, className: r, ...o }, s) => {
   const [a, i] = d(!1);
-  return /* @__PURE__ */ t(l.Provider, { value: { selected: a, setSelected: i }, children: /* @__PURE__ */ t("li", { className: r, ...o, "data-tx": "1.25.0", ref: s, children: e }) });
+  return /* @__PURE__ */ t(l.Provider, { value: { selected: a, setSelected: i }, children: /* @__PURE__ */ t("li", { className: r, ...o, "data-tx": "1.27.0", ref: s, children: e }) });
 });
 f.displayName = "ListItem";
 export {

package/components/List/components/ListItemContent.js

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

package/components/List/components/ListItemControls.js

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

package/components/List/components/ListItemControlsButton.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../chunks/vendor-DudMBGKr.js";
-import { L as n } from "../../../chunks/ListItemControlsButton-DYBfA1gz.js";
+import { L as n } from "../../../chunks/ListItemControlsButton-27xRORri.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 _ } from "react/jsx-runtime";
-import P, { useRef as a, useState as E, createElement as w } from "react";
+import P, { useRef as l, useState as E, createElement as w } from "react";
 import { u as O, c as g } from "../../../chunks/vendor-DudMBGKr.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-DYBfA1gz.js";
-const G = P.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] = E(), D = a(O()), 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-27xRORri.js";
+import { setForwardedRef as G } from "../utils.js";
+const J = P.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] = E(), p = l(O()), A = ({ opened: e, setOpened: t }) => /* @__PURE__ */ o(
       V,
       {
-        onKeyDown: k({ opened: t, setOpened: e }),
-        onClick: S({ opened: t, setOpened: e }),
+        onKeyDown: k({ opened: e, setOpened: t }),
+        onClick: S({ opened: e, setOpened: t }),
         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: t }) => () => t(!e), k = ({ opened: e, setOpened: t }) => (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")) && t(!0);
+    }, v = ({ opened: e, setOpened: t, className: m }) => /* @__PURE__ */ o(j.Provider, { value: { activeDescendant: u, setActiveDescendant: N }, children: /* @__PURE__ */ o(
+      D.Dropdown,
       {
         className: m,
-        opened: t,
-        setOpened: e,
-        targetRef: u,
+        opened: e,
+        setOpened: t,
+        targetRef: c,
         ref: f,
         mobileViewProps: {
           children: /* @__PURE__ */ W(_, { children: [
             /* @__PURE__ */ o(
-              q,
+              U,
               {
-                controlButtons: /* @__PURE__ */ o(U, { onClick: () => e(!1) }),
-                children: /* @__PURE__ */ o(T, { tag: "div", size: K.B1, children: c })
+                controlButtons: /* @__PURE__ */ o(F, { onClick: () => t(!1) }),
+                children: /* @__PURE__ */ o(T, { tag: "div", size: K.B1, children: a })
               }
             ),
-            /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o(F, { children: d.map((r) => /* @__PURE__ */ w(
+            /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o(q, { children: d.map((r) => /* @__PURE__ */ w(
               H,
               {
                 ...r,
@@ -64,35 +65,35 @@ const G = P.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), t(!1);
                 }
               },
               r.label
             )) }) })
           ] })
         },
-        children: /* @__PURE__ */ o(b, { dropdownOpened: t, id: D.current, children: d.map((r) => /* @__PURE__ */ w(
-          b.Item,
+        children: /* @__PURE__ */ o(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), t(!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,
+      D,
       {
-        className: g(h.listItemControlsButtonDropdown, x),
+        className: g(b.listItemControlsButtonDropdown, y),
         renderButton: A,
         renderDropdown: v,
         dropdownRef: f,
@@ -102,8 +103,8 @@ const G = P.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,17 +1,17 @@
 import { jsx as o } from "react/jsx-runtime";
-import i from "react";
-import { c as a } from "../../../chunks/vendor-DudMBGKr.js";
-import { EComponentSize as r } from "../../../enums/EComponentSize.js";
+import e from "react";
+import { c as r } from "../../../chunks/vendor-DudMBGKr.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__9a87e716", n = {
+const d = "listItemLoading__1c822f6f", n = {
   listItemLoading: d
-}, p = i.forwardRef(
-  ({ className: t, ...m }, e) => /* @__PURE__ */ o("div", { className: a(n.listItemLoading, t), ...m, ref: e, children: /* @__PURE__ */ o(s, { theme: l.BRAND, size: r.MD }) })
+}, f = 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 }) })
 );
-p.displayName = "ListItemLoading";
+f.displayName = "ListItemLoading";
 export {
-  p as ListItemLoading
+  f as ListItemLoading
 };
 //# sourceMappingURL=ListItemLoading.js.map