@sberbusiness/triplex-next 0.24.0 → 0.25.0

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -9,7 +9,7 @@ import { LightBoxSideOverlayCloseMobile as A } from "./LightBoxSideOverlayCloseM
 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__9903c77c", K = "lightBoxSideOverlayWrapper__355d475f", Q = "overflowXHidden__90a951c8", V = "overflowYHidden__10e1e0c0", Z = "closing__0411bfe8", $ = "opened__6fdc3ec6", P = "lightBoxSideOverlayContent__15505845", ee = "opening__c6a4b5fd", oe = "sm__286b2bf1", te = "md__b0181ee0", ie = "lg__8ecdc552", re = "lightBoxSideOverlay__651e5acf", e = {
+const J = "lightBoxSideOverlayMask__706ee422", K = "lightBoxSideOverlayWrapper__33f53050", Q = "overflowXHidden__189cc4be", V = "overflowYHidden__7340d3d6", Z = "closing__210538e1", $ = "opened__4ef18d6a", P = "lightBoxSideOverlayContent__7a4fd305", ee = "opening__4922bcb1", oe = "sm__ffb1b653", te = "md__a048644d", ie = "lg__f9bbb966", re = "lightBoxSideOverlay__43d2cf62", e = {
   lightBoxSideOverlayMask: J,
   lightBoxSideOverlayWrapper: K,
   overflowXHidden: Q,
@@ -34,16 +34,16 @@ const J = "lightBoxSideOverlayMask__9903c77c", K = "lightBoxSideOverlayWrapper__
   onOpen: c,
   opened: o,
   size: M = U.MD,
-  ...k
+  ...b
 }) => {
   const [i, d] = B(!1), [n, g] = B(!1), m = O(o), p = O(null);
   X(() => {
     m.current && !o ? (g(!1), d(!0)) : !m.current && o && (d(!1), g(!0)), m.current = o;
   }, [o]);
-  const w = (r) => {
+  const k = (r) => {
     const { target: D, currentTarget: W } = r;
     D === W && (i ? (d(!1), s == null || s()) : n && (g(!1), c == null || c()));
-  }, C = ({ opened: r }) => /* @__PURE__ */ t(R, { opened: r, className: e.lightBoxSideOverlayMask }), H = () => /* @__PURE__ */ y(
+  }, w = ({ opened: r }) => /* @__PURE__ */ t(R, { opened: r, className: e.lightBoxSideOverlayMask }), C = () => /* @__PURE__ */ y(
     "div",
     {
       className: f(e.lightBoxSideOverlayContent, {
@@ -51,22 +51,22 @@ const J = "lightBoxSideOverlayMask__9903c77c", K = "lightBoxSideOverlayWrapper__
         [e.opening]: n,
         [e.opened]: o
       }),
-      onTransitionEnd: w,
+      onTransitionEnd: k,
       ref: p,
       children: [
         x,
         a && /* @__PURE__ */ t(j, { loadingTitle: _ })
       ]
     }
-  ), N = () => {
-  }, b = f(S, e.lightBoxSideOverlayWrapper, le[M], {
+  ), H = () => {
+  }, N = f(S, e.lightBoxSideOverlayWrapper, le[M], {
     [e.closing]: i,
     [e.opened]: o,
     [e.overflowXHidden]: !!h || !!a,
     [e.overflowYHidden]: !!h || !!a || !!u
   }), E = (r) => /* @__PURE__ */ y(T, { children: [
-    C(r),
-    H()
+    w(r),
+    C()
   ] }), F = /* @__PURE__ */ t(
     "div",
     {
@@ -74,7 +74,7 @@ const J = "lightBoxSideOverlayMask__9903c77c", K = "lightBoxSideOverlayWrapper__
         [e.closing]: i,
         [e.opening]: n
       }),
-      children: /* @__PURE__ */ t(z, { direction: L.RIGHT, opened: o, setOpened: N, children: E })
+      children: /* @__PURE__ */ t(z, { direction: L.RIGHT, opened: o, setOpened: H, children: E })
     }
   );
   return /* @__PURE__ */ t(
@@ -88,7 +88,7 @@ const J = "lightBoxSideOverlayMask__9903c77c", K = "lightBoxSideOverlayWrapper__
         preventScroll: !0,
         ...l == null ? void 0 : l.focusTrapOptions
       },
-      children: /* @__PURE__ */ t("div", { className: b, role: "dialog", "aria-modal": "true", ...k, children: F })
+      children: /* @__PURE__ */ t("div", { className: N, role: "dialog", "aria-modal": "true", ...b, children: F })
     }
   );
 };

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-CnOh-RZn.js";
+import { s as r } from "../../../chunks/LightBoxSideOverlayClose.module-B3L_EV1B.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-CnOh-RZn.js";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-B3L_EV1B.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__7e9f43c3", c = {
+const n = "lightBoxSideOverlayLoaderWrapper__291609ce", c = {
   lightBoxSideOverlayLoaderWrapper: n
 }, f = ({ loadingTitle: a }) => {
   const [t, r] = s(0), e = l(null);

package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -1,23 +1,23 @@
-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 { jsx as b } from "react/jsx-runtime";
+import { forwardRef as N, useRef as f, useImperativeHandle as R, useState as V, useEffect as x } from "react";
 import { c as h } from "../../../chunks/vendor---Om3uMV.js";
-const j = "lightBoxLeftSidebar__f35967a5", z = "fixed__88ea061a", E = "hidden__723e6028", r = {
+const j = "lightBoxLeftSidebar__bdfcb54f", z = "fixed__0b8f15d6", E = "hidden__1a716317", r = {
   lightBoxLeftSidebar: j,
   fixed: z,
   hidden: E
 }, O = N(
-  ({ children: m, className: L, fixed: B, minVisibleWidth: f = 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 = f(null);
     R(p, () => n.current);
-    const [v, _] = V(!0), e = o(s), t = o(i);
-    return b(() => {
+    const [v, _] = V(!0), e = f(s), t = f(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) => {
         for (const y of S) {
-          const c = y.contentRect.width > f;
+          const c = y.contentRect.width > o;
           _((I) => {
             var l, u;
             return c !== I && (c ? (l = e.current) == null || l.call(e) : (u = t.current) == null || u.call(t)), c;
@@ -25,13 +25,13 @@ const j = "lightBoxLeftSidebar__f35967a5", z = "fixed__88ea061a", E = "hidden__7
         }
       });
       return a.observe(d), () => a.disconnect();
-    }, [f]), /* @__PURE__ */ x(
+    }, [o]), /* @__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 g } from "react";
 import { c as x } from "../../../chunks/vendor---Om3uMV.js";
-const j = "lightBoxRightSidebar__528b1aa7", z = "fixed__88ea061a", E = "hidden__723e6028", r = {
+const j = "lightBoxRightSidebar__0163e943", z = "fixed__0b8f15d6", E = "hidden__1a716317", r = {
   lightBoxRightSidebar: j,
   fixed: z,
   hidden: E
@@ -19,8 +19,8 @@ const j = "lightBoxRightSidebar__528b1aa7", z = "fixed__88ea061a", E = "hidden__
         for (const y of S) {
           const c = y.contentRect.width > d;
           _((I) => {
-            var u, f;
-            return c !== I && (c ? (u = e.current) == null || u.call(e) : (f = t.current) == null || f.call(t)), c;
+            var f, u;
+            return c !== I && (c ? (f = e.current) == null || f.call(e) : (u = t.current) == null || u.call(t)), c;
           });
         }
       });

package/components/LightBox/enums.js

@@ -0,0 +1,5 @@
+var l = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r.LG = "lg", r.XL = "xl", r))(l || {});
+export {
+  l as ELightBoxSize
+};
+//# sourceMappingURL=enums.js.map

package/components/LightBox/index.js

@@ -1,8 +1,10 @@
 import { LightBox as t, lightBoxMountNodeIdDefault as i, lightBoxViewManagerNodeIdDefault as r } from "./LightBox.js";
-import { LightBoxSideOverlay as a } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
+import { ELightBoxSize as g } from "./enums.js";
+import { LightBoxSideOverlay as d } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
 export {
+  g as ELightBoxSize,
   t as LightBox,
-  a as LightBoxSideOverlay,
+  d as LightBoxSideOverlay,
   i as lightBoxMountNodeIdDefault,
   r as lightBoxViewManagerNodeIdDefault
 };

package/components/Link/Link.js

@@ -1,72 +1,73 @@
-import { jsx as R, jsxs as t, Fragment as i } from "react/jsx-runtime";
+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---Om3uMV.js";
-const v = "link__bbe10c07", F = "wordWithContent__0a4a3618", S = "before__26030191", T = "after__3fefd069", e = {
-  link: v,
-  wordWithContent: F,
-  before: S,
-  after: T
-}, q = L.forwardRef(
-  ({ children: d, className: N, onBlur: p, onMouseDown: f, contentAfter: s, contentBefore: o, ...C }, W) => {
-    const c = () => o ? /* @__PURE__ */ t(i, { children: [
+import { IconWrapper as F } from "../IconWrapper/IconWrapper.js";
+const I = "link__b30f9e66", S = "wordWithContent__695da5d3", T = "before__d750a3cc", q = "after__a838e865", e = {
+  link: I,
+  wordWithContent: S,
+  before: T,
+  after: q
+}, v = L.forwardRef(
+  ({ children: i, className: N, onBlur: C, onMouseDown: f, contentAfter: s, contentBefore: n, ...W }, u) => {
+    const c = () => n ? /* @__PURE__ */ t(d, { children: [
       "​",
-      o()
-    ] }) : null, m = () => s ? s() : null, b = (n) => {
-      const r = n.split(" ");
-      if (r.length < 2 || r.length < 3 && o && s) {
-        const y = l(e.wordWithContent, {
+      n()
+    ] }) : null, m = () => s ? s() : null, w = (o) => {
+      const r = o.split(" ");
+      if (r.length < 2 || r.length < 3 && n && s) {
+        const R = l(e.wordWithContent, {
           [e.after]: !!s,
-          [e.before]: !!o
+          [e.before]: !!n
         });
-        return /* @__PURE__ */ t("span", { className: y, children: [
+        return /* @__PURE__ */ t("span", { className: R, children: [
           c(),
-          n,
+          o,
           m()
         ] });
       }
-      const a = r[0], h = r[r.length - 1], _ = r.slice(1, -1).join(" "), k = l(e.wordWithContent, {
-        [e.before]: !!o
-      }), g = o ? /* @__PURE__ */ t("span", { className: k, children: [
+      const a = r[0], p = r[r.length - 1], b = r.slice(1, -1).join(" "), g = l(e.wordWithContent, {
+        [e.before]: !!n
+      }), x = n ? /* @__PURE__ */ t("span", { className: g, children: [
         c(),
         a
-      ] }) : a, x = l(e.wordWithContent, {
+      ] }) : a, y = l(e.wordWithContent, {
         [e.after]: !!s
-      }), j = s ? /* @__PURE__ */ t("span", { className: x, children: [
-        h,
+      }), j = s ? /* @__PURE__ */ t("span", { className: y, children: [
+        p,
         m()
-      ] }) : h;
-      return /* @__PURE__ */ t(i, { children: [
-        g,
+      ] }) : p;
+      return /* @__PURE__ */ t(d, { children: [
+        x,
         " ",
-        _,
+        b,
         " ",
         j
       ] });
-    }, u = (n) => {
-      const r = o ? o() : null, a = s ? s() : null;
-      return /* @__PURE__ */ t(i, { children: [
+    }, _ = (o) => {
+      const r = n ? n() : null, a = s ? s() : null;
+      return /* @__PURE__ */ t(d, { children: [
         r,
-        n,
+        o,
         a
       ] });
-    }, w = o || s ? ((n) => typeof n == "string" ? b(n) : u(n))(d) : d;
-    return /* @__PURE__ */ R(
+    }, k = n || s ? ((o) => typeof o == "string" ? w(o) : _(o))(i) : i;
+    return /* @__PURE__ */ h(
       "a",
       {
         role: "link",
-        ...C,
-        className: l(N, e.link, "hoverable"),
-        onBlur: p,
+        ...W,
+        className: l(N, e.link),
+        onBlur: C,
         onMouseDown: f,
-        "data-tx": "0.24.0",
-        ref: W,
-        children: w
+        "data-tx": "0.25.0",
+        ref: u,
+        children: /* @__PURE__ */ h(F, { displayContents: !0, children: k })
       }
     );
   }
 );
-q.displayName = "Link";
+v.displayName = "Link";
 export {
-  q as Link
+  v as Link
 };
 //# sourceMappingURL=Link.js.map

package/components/List/List.js

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

package/components/List/components/ListEmptyState.js

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

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

package/components/List/components/ListItemContent.js

@@ -1,27 +1,27 @@
 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__b9190dde", C = "selected__94c15600", t = {
-  listItemContent: a,
+import { ListItemContext as a } from "./ListItemContext.js";
+const d = "listItemContent__09a74c0f", C = "selected__9525e7a3", t = {
+  listItemContent: d,
   selected: C
-}, I = i.forwardRef(
+}, f = i.forwardRef(
   ({ children: e, className: s, ...o }, n) => {
-    const { selected: m } = l(d);
+    const { selected: m } = l(a);
     return /* @__PURE__ */ c(
       "div",
       {
         className: r(t.listItemContent, { [t.selected]: m }, s),
         ...o,
-        "data-tx": "0.24.0",
+        "data-tx": "0.25.0",
         ref: n,
         children: e
       }
     );
   }
 );
-I.displayName = "ListItemContent";
+f.displayName = "ListItemContent";
 export {
-  I as ListItemContent
+  f 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__c51b21aa", a = {
+const i = "listItemControls__14b60387", n = {
   listItemControls: i
-}, n = m.forwardRef(
-  ({ children: t, className: o, ...s }, r) => /* @__PURE__ */ l("div", { className: e(a.listItemControls, o), ...s, ref: r, children: t })
+}, a = m.forwardRef(
+  ({ children: t, className: o, ...s }, r) => /* @__PURE__ */ l("div", { className: e(n.listItemControls, o), ...s, ref: r, children: t })
 );
-n.displayName = "ListItemControls";
+a.displayName = "ListItemControls";
 export {
-  n as ListItemControls
+  a as ListItemControls
 };
 //# sourceMappingURL=ListItemControls.js.map

package/components/List/components/ListItemControlsButton.js

@@ -1,10 +1,11 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../chunks/vendor---Om3uMV.js";
-import { L as e } from "../../../chunks/ListItemControlsButton-BFfMrFr7.js";
+import { L as n } from "../../../chunks/ListItemControlsButton-UKjqQcv7.js";
 import "../../Typography/enums.js";
 import "../../Typography/Text.js";
+import "../../IconWrapper/IconWrapper.js";
 export {
-  e as ListItemControlsButton
+  n as ListItemControlsButton
 };
 //# sourceMappingURL=ListItemControlsButton.js.map

package/components/List/components/ListItemControlsButtonDropdown.js

@@ -1,9 +1,9 @@
-import { jsx as t, jsxs as W, Fragment as P } from "react/jsx-runtime";
+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 { 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 b } from "../../Button/ButtonDropdownExtended.js";
+import { ButtonDropdownExtended as R } 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";
@@ -17,19 +17,18 @@ import { DropdownMobileList as F } from "../../Dropdown/mobile/DropdownMobileLis
 import { DropdownMobileListItem as H } from "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { DropdownList as R } from "../../Dropdown/desktop/DropdownList.js";
-import { s as h, L as V } from "../../../chunks/ListItemControlsButton-BFfMrFr7.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, ...N } = y, u = a(null), f = a(null), [p, L] = O(), D = a(_()), v = ({ opened: e, setOpened: o }) => /* @__PURE__ */ t(
+    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(
       V,
       {
-        className: "hoverable",
-        onKeyDown: S({ opened: e, setOpened: o }),
-        onClick: A({ opened: e, setOpened: o }),
+        onKeyDown: k({ opened: t, setOpened: e }),
+        onClick: S({ opened: t, setOpened: e }),
         disabled: I,
         "aria-haspopup": "menu",
-        "aria-expanded": e,
+        "aria-expanded": t,
         "aria-controls": D.current,
         "aria-activedescendant": p,
         icon: B,
@@ -37,27 +36,27 @@ const G = E.forwardRef(
         ref: M,
         children: c
       }
-    ), A = ({ opened: e, setOpened: o }) => () => o(!e), S = ({ opened: e, setOpened: o }) => (m) => {
+    ), S = ({ opened: t, setOpened: e }) => () => e(!t), k = ({ opened: t, setOpened: e }) => (m) => {
       const { key: r } = m;
-      (i(r, "SPACE") || i(r, "ARROW_UP") || i(r, "ARROW_DOWN")) && m.preventDefault(), !e && (i(r, "ARROW_UP") || i(r, "ARROW_DOWN")) && o(!0);
-    }, k = ({ opened: e, setOpened: o, className: m }) => /* @__PURE__ */ t(j.Provider, { value: { activeDescendant: p, setActiveDescendant: L }, children: /* @__PURE__ */ t(
-      b.Dropdown,
+      (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,
       {
         className: m,
-        opened: e,
-        setOpened: o,
+        opened: t,
+        setOpened: e,
         targetRef: u,
         ref: f,
         mobileViewProps: {
           children: /* @__PURE__ */ W(P, { children: [
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ o(
               q,
               {
-                controlButtons: /* @__PURE__ */ t(U, { onClick: () => o(!1) }),
-                children: /* @__PURE__ */ t(T, { tag: "div", size: K.B1, children: c })
+                controlButtons: /* @__PURE__ */ o(U, { onClick: () => e(!1) }),
+                children: /* @__PURE__ */ o(T, { tag: "div", size: K.B1, children: c })
               }
             ),
-            /* @__PURE__ */ t(z, { children: /* @__PURE__ */ t(F, { children: d.map((r) => /* @__PURE__ */ w(
+            /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o(F, { children: d.map((r) => /* @__PURE__ */ w(
               H,
               {
                 ...r,
@@ -65,15 +64,15 @@ const G = E.forwardRef(
                 selected: r.id === (n == null ? void 0 : n.id),
                 onSelect: () => {
                   var s;
-                  (s = r.onSelect) == null || s.call(r), o(!1);
+                  (s = r.onSelect) == null || s.call(r), e(!1);
                 }
               },
               r.label
             )) }) })
           ] })
         },
-        children: /* @__PURE__ */ t(R, { dropdownOpened: e, id: D.current, children: d.map((r) => /* @__PURE__ */ w(
-          R.Item,
+        children: /* @__PURE__ */ o(b, { dropdownOpened: t, id: D.current, children: d.map((r) => /* @__PURE__ */ w(
+          b.Item,
           {
             ...r,
             className: h.buttonDropdownMenuItem,
@@ -81,24 +80,24 @@ const G = E.forwardRef(
             selected: r.id === (n == null ? void 0 : n.id),
             onSelect: () => {
               var s;
-              (s = r.onSelect) == null || s.call(r), o(!1);
+              (s = r.onSelect) == null || s.call(r), e(!1);
             }
           },
           r.label
         )) })
       }
-    ) }), M = (e) => {
-      u.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
+    ) }), M = (t) => {
+      u.current = t, typeof l == "function" ? l(t) : l && (l.current = t);
     };
-    return /* @__PURE__ */ t(
-      b,
+    return /* @__PURE__ */ o(
+      R,
       {
         className: g(h.listItemControlsButtonDropdown, x),
-        renderButton: v,
-        renderDropdown: k,
+        renderButton: A,
+        renderDropdown: v,
         dropdownRef: f,
         closeOnTab: !0,
-        ...N
+        ...L
       }
     );
   }

package/components/List/components/ListItemLoading.js

@@ -5,7 +5,7 @@ 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__a7c4e316", n = {
+const d = "listItemLoading__3afe2208", 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 }) })

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 f } from "./ListItemContext.js";
-const _ = "listItemSelectable__0cd33a81", L = "selected__94c15600", C = "checkboxWrapper__9c156ebe", W = "childrenWrapper__832de8f2", I = "checkboxLabel__69c98ea8", S = "checkboxLabelClickArea__f2ebf86e", e = {
-  listItemSelectable: _,
+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,
   selected: L,
   checkboxWrapper: C,
   childrenWrapper: W,
@@ -12,7 +12,7 @@ const _ = "listItemSelectable__0cd33a81", L = "selected__94c15600", C = "checkbo
   checkboxLabelClickArea: S
 }, N = p.forwardRef(
   ({ selected: c, children: l, className: r, onSelect: s, ...o }, b) => {
-    const { setSelected: a } = m(f), i = (h) => {
+    const { setSelected: a } = m(_), i = (h) => {
       s(h.target.checked);
     };
     return d(() => {

package/components/List/components/ListItemTable.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { jsx as e, jsxs as b } from "react/jsx-runtime";
 import d from "react";
 import { SwipeableArea as I } from "../../SwipeableArea/SwipeableArea.js";
 import { ListItem as w } from "./ListItem.js";
@@ -7,16 +7,16 @@ 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__3dc1a8c9", C = "swipeableArea__ba55b4b3", a = {
+const y = "listItemTable__10f331e2", C = "swipeableArea__34d47643", m = {
   listItemTable: y,
   swipeableArea: C
 }, _ = d.forwardRef(
-  ({ children: m, className: o, controlButtons: t, onClickItem: l, onSelect: i, selected: r, swipeableAreaRef: n, ...p }, b) => {
-    const c = typeof i < "u" && typeof r < "u", s = () => /* @__PURE__ */ e(L, { onClick: l, children: m });
-    return /* @__PURE__ */ e(w, { className: x(a.listItemTable, o), ...p, ref: b, children: /* @__PURE__ */ f(
+  ({ 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(
       I,
       {
-        className: a.swipeableArea,
+        className: m.swipeableArea,
         ref: n,
         rightSwipeableArea: t ? /* @__PURE__ */ e(T, { children: t }) : void 0,
         children: [

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-BOV7kcBg.js";
+import { s } from "../../../chunks/ListItemTail.module-igeWTjyg.js";
 const r = l.forwardRef(
   ({ className: a, ...e }, i) => /* @__PURE__ */ m(
     "span",