@sberbusiness/triplex-next 0.15.0 → 0.16.0

package/components/LightBox/LightBoxControls/LightBoxPrev.js

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as f, Fragment as g } from "react/jsx-runtime";
 import { useRef as m } from "react";
-import { c as n } from "../../../chunks/vendor-CalMVkfj.js";
+import { c as n } from "../../../chunks/vendor-DE8Zvm0w.js";
 import { CaretleftStrokeSrvIcon32 as E, CaretleftStrokeSrvIcon20 as D } from "@sberbusiness/icons-next";
 import { EButtonTheme as h } from "../../Button/enums.js";
 import { TriggerClickOnKeyDownEvent as C } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EVENT_KEY_CODES as I } from "../../../utils/keyboard.js";
 import { Button as s } from "../../Button/Button.js";
 import { EComponentSize as v } from "../../../enums/EComponentSize.js";
-import { s as o } from "../../../chunks/LightBoxControls.module-zJ2jYB7p.js";
+import { s as o } from "../../../chunks/LightBoxControls.module-koLoz_-f.js";
 const N = ({
   className: u,
   clickByArrowLeft: x,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -1,103 +1,101 @@
-import { jsx as t, jsxs as O, Fragment as C } from "react/jsx-runtime";
-import { useState as x, useRef as p, useEffect as W } from "react";
-import { c as m, F as X } from "../../../chunks/vendor-CalMVkfj.js";
-import { OverlayBase as Y, 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 T } from "../../../utils/focus/FocusTrapUtils.js";
+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-DE8Zvm0w.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 U } from "./LightBoxSideOverlayCloseDesktop.js";
-import { ELightBoxSideOverlaySize as s } from "./enums.js";
-const q = "lightBoxSideOverlayMask__0238398d", J = "lightBoxSideOverlayWrapper__4ec0658c", K = "overflowXHidden__b4bb0dab", Q = "overflowYHidden__df212811", V = "closing__556ff95a", Z = "opened__46cb0677", $ = "lightBoxSideOverlayContent__8aeae2e1", P = "opening__276de0dd", ee = "sizeSM__c41a6152", ie = "sizeMD__6b7ccb2d", te = "sizeLG__693d510e", oe = "lightBoxSideOverlay__91d4b9d2", e = {
-  lightBoxSideOverlayMask: q,
-  lightBoxSideOverlayWrapper: J,
-  overflowXHidden: K,
-  overflowYHidden: Q,
-  closing: V,
-  opened: Z,
-  lightBoxSideOverlayContent: $,
-  opening: P,
-  sizeSM: ee,
-  sizeMD: ie,
-  sizeLG: te,
-  lightBoxSideOverlay: oe
-}, y = ({
-  children: _,
-  className: M,
+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__3e21049a", K = "lightBoxSideOverlayWrapper__11a314cd", Q = "overflowXHidden__0cb2ebe1", V = "overflowYHidden__76d623ca", Z = "closing__22b4a521", $ = "opened__a78fe837", P = "lightBoxSideOverlayContent__c2a9f9b5", ee = "opening__03fbcc66", oe = "sm__bae2ff3d", te = "md__e989e512", ie = "lg__bf837c50", re = "lightBoxSideOverlay__aa14ce1a", 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,
   focusTrapProps: l,
   isLoading: a,
-  loadingTitle: u,
-  isTopLevelSideOverlayOpened: B,
-  isTopOverlayOpened: z,
-  onClose: c,
-  onOpen: d,
-  opened: i,
-  size: g = s.MD,
-  ...D
+  loadingTitle: _,
+  isTopLevelSideOverlayOpened: h,
+  isTopOverlayOpened: u,
+  onClose: s,
+  onOpen: c,
+  opened: o,
+  size: M = U.MD,
+  ...b
 }) => {
-  const [o, v] = x(!1), [n, f] = x(!1), h = p(i), S = p(null);
-  W(() => {
-    h.current && !i ? (f(!1), v(!0)) : !h.current && i && (v(!1), f(!0)), h.current = i;
-  }, [i]);
-  const b = (r) => {
-    const { target: G, currentTarget: N } = r;
-    G === N && (o ? (v(!1), c == null || c()) : n && (f(!1), d == null || d()));
-  }, k = ({ opened: r }) => /* @__PURE__ */ t(j, { opened: r, className: e.lightBoxSideOverlayMask }), H = () => /* @__PURE__ */ O(
+  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 k = (r) => {
+    const { target: F, currentTarget: W } = r;
+    F === W && (i ? (d(!1), s == null || s()) : n && (g(!1), c == null || c()));
+  }, H = ({ opened: r }) => /* @__PURE__ */ t(R, { opened: r, className: e.lightBoxSideOverlayMask }), w = () => /* @__PURE__ */ y(
     "div",
     {
-      className: m(e.lightBoxSideOverlayContent, {
-        [e.closing]: o,
+      className: v(e.lightBoxSideOverlayContent, {
+        [e.closing]: i,
         [e.opening]: n,
-        [e.opened]: i
+        [e.opened]: o
       }),
-      onTransitionEnd: b,
-      ref: S,
+      onTransitionEnd: k,
+      ref: p,
       children: [
-        _,
-        a && /* @__PURE__ */ t(I, { loadingTitle: u })
+        x,
+        a && /* @__PURE__ */ t(j, { loadingTitle: _ })
       ]
     }
-  ), L = () => {
-  }, w = m(M, e.lightBoxSideOverlayWrapper, {
-    [e.closing]: o,
-    [e.opened]: i,
-    [e.overflowXHidden]: !!B || !!a,
-    [e.overflowYHidden]: !!B || !!a || !!z,
-    [e.sizeSM]: g === s.SM,
-    [e.sizeMD]: g === s.MD,
-    [e.sizeLG]: g === s.LG
-  }), E = (r) => /* @__PURE__ */ O(C, { children: [
-    k(r),
-    H()
-  ] }), F = /* @__PURE__ */ t(
+  ), C = () => {
+  }, N = v(S, e.lightBoxSideOverlayWrapper, le[M], {
+    [e.closing]: i,
+    [e.opened]: o,
+    [e.overflowXHidden]: !!h || !!a,
+    [e.overflowYHidden]: !!h || !!a || !!u
+  }), D = (r) => /* @__PURE__ */ y(T, { children: [
+    H(r),
+    w()
+  ] }), E = /* @__PURE__ */ t(
     "div",
     {
-      className: m(e.lightBoxSideOverlay, {
-        [e.closing]: o,
+      className: v(e.lightBoxSideOverlay, {
+        [e.closing]: i,
         [e.opening]: n
       }),
-      children: /* @__PURE__ */ t(Y, { direction: R.RIGHT, opened: i, setOpened: L, children: E })
+      children: /* @__PURE__ */ t(z, { direction: L.RIGHT, opened: o, setOpened: C, children: D })
     }
   );
   return /* @__PURE__ */ t(
-    X,
+    Y,
     {
-      active: i && !n && !o,
+      active: o && !n && !i,
       ...l,
       focusTrapOptions: {
         clickOutsideDeactivates: !0,
-        initialFocus: () => T.getFirstInteractionElementByDataAttr(S.current),
+        initialFocus: () => I.getFirstInteractionElementByDataAttr(p.current),
         preventScroll: !0,
         ...l == null ? void 0 : l.focusTrapOptions
       },
-      children: /* @__PURE__ */ t("div", { className: w, role: "dialog", "aria-modal": "true", ...D, children: F })
+      children: /* @__PURE__ */ t("div", { className: N, role: "dialog", "aria-modal": "true", ...b, children: E })
     }
   );
 };
-y.displayName = "LightBoxSideOverlay";
-y.CloseDesktop = U;
-y.CloseMobile = A;
+f.displayName = "LightBoxSideOverlay";
+f.CloseDesktop = G;
+f.CloseMobile = A;
 export {
-  y as LightBoxSideOverlay
+  f as LightBoxSideOverlay
 };
 //# sourceMappingURL=LightBoxSideOverlay.js.map

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseDesktop.js

@@ -2,12 +2,12 @@ import { jsx as e } from "react/jsx-runtime";
 import { useRef as s } from "react";
 import { TriggerClickOnKeyDownEvent as n } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EVENT_KEY_CODES as l } from "../../../utils/keyboard.js";
-import { c as p } from "../../../chunks/vendor-CalMVkfj.js";
+import { c as p } from "../../../chunks/vendor-DE8Zvm0w.js";
 import { CrossStrokeSrvIcon32 as f } from "@sberbusiness/icons-next";
 import { EButtonTheme as a } from "../../Button/enums.js";
 import { EComponentSize as c } from "../../../enums/EComponentSize.js";
 import { Button as d } from "../../Button/Button.js";
-import { s as u } from "../../../chunks/LightBoxSideOverlayClose.module-DjqVi-v8.js";
+import { s as u } from "../../../chunks/LightBoxSideOverlayClose.module-D6FP9Ulx.js";
 const C = ({
   className: r,
   clickByEsc: m,

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-CalMVkfj.js";
+import { c as r } from "../../../chunks/vendor-DE8Zvm0w.js";
 import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
-import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-DjqVi-v8.js";
+import { s as m } from "../../../chunks/LightBoxSideOverlayClose.module-D6FP9Ulx.js";
 import { EButtonTheme as l } from "../../Button/enums.js";
 import { EComponentSize as s } from "../../../enums/EComponentSize.js";
 import { Button as a } from "../../Button/Button.js";

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayLoader.js

@@ -1,18 +1,18 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useState as s, useRef as d, useEffect as l } from "react";
-import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const n = "lightBoxSideOverlayLoaderWrapper__0d919424", c = {
+import { useState as s, useRef as l, useEffect as p } from "react";
+import { LoaderScreen as d } from "../../LoaderScreen/LoaderScreen.js";
+const n = "lightBoxSideOverlayLoaderWrapper__082b87ae", c = {
   lightBoxSideOverlayLoaderWrapper: n
 }, f = ({ loadingTitle: a }) => {
-  const [t, r] = s(0), e = d(null);
-  return l(() => {
+  const [t, r] = s(0), e = l(null);
+  return p(() => {
     setTimeout(() => {
       if (e.current) {
         const o = e.current.getBoundingClientRect();
         o.top !== t && (o.top > 0 ? r(0) : r(Math.abs(o.top)));
       }
     });
-  }, []), /* @__PURE__ */ i("div", { ref: e, className: c.lightBoxSideOverlayLoaderWrapper, style: { top: `${t}px` }, children: /* @__PURE__ */ i(p, { type: "middle", children: a }) });
+  }, []), /* @__PURE__ */ i("div", { ref: e, className: c.lightBoxSideOverlayLoaderWrapper, style: { top: `${t}px` }, children: /* @__PURE__ */ i(d, { type: "middle", children: a }) });
 };
 f.displayName = "LightBoxSideOverlayLoader";
 export {

package/components/LightBox/LightBoxSideOverlay/index.js

@@ -1,7 +1,5 @@
 import { LightBoxSideOverlay as r } from "./LightBoxSideOverlay.js";
-import { ELightBoxSideOverlaySize as t } from "./enums.js";
 export {
-  t as ELightBoxSideOverlaySize,
   r as LightBoxSideOverlay
 };
 //# sourceMappingURL=index.js.map

package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -1,15 +1,15 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as d } from "../../../chunks/vendor-CalMVkfj.js";
-const x = "lightBoxLeftSidebar__0b615ce3", f = "fixed__9e228cb6", s = "lightBoxLeftSidebarInner__ca65ba4d", e = {
-  lightBoxLeftSidebar: x,
-  fixed: f,
+import { c as a } from "../../../chunks/vendor-DE8Zvm0w.js";
+const f = "lightBoxLeftSidebar__73451c94", x = "fixed__40748df6", s = "lightBoxLeftSidebarInner__7c1d6dad", e = {
+  lightBoxLeftSidebar: f,
+  fixed: x,
   lightBoxLeftSidebarInner: s
 }, l = ({
   children: t,
-  className: o,
-  fixed: r,
-  ...a
-}) => /* @__PURE__ */ i("div", { className: d(o, e.lightBoxLeftSidebar, { [e.fixed]: r }), ...a, children: /* @__PURE__ */ i("div", { className: e.lightBoxLeftSidebarInner, children: t }) });
+  className: d,
+  fixed: o,
+  ...r
+}) => /* @__PURE__ */ i("div", { className: a(d, e.lightBoxLeftSidebar, { [e.fixed]: o }), ...r, children: /* @__PURE__ */ i("div", { className: e.lightBoxLeftSidebarInner, children: t }) });
 l.displayName = "LightBoxLeftSidebar";
 export {
   l as LightBoxLeftSidebar

package/components/LightBox/LightBoxSidebars/LightBoxRightSidebar.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as o } from "../../../chunks/vendor-CalMVkfj.js";
-const r = "lightBoxRightSidebar__e32743bd", a = "fixed__9e228cb6", x = "lightBoxRightSidebarInner__a2cc39de", i = {
+import { c as o } from "../../../chunks/vendor-DE8Zvm0w.js";
+const r = "lightBoxRightSidebar__85b1fd5e", a = "fixed__40748df6", x = "lightBoxRightSidebarInner__ef2f7811", i = {
   lightBoxRightSidebar: r,
   fixed: a,
   lightBoxRightSidebarInner: x

package/components/LightBox/LightBoxViewManager/LightBoxViewManager.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as N } from "react/jsx-runtime";
 import { useState as m, useRef as L, useCallback as n, useLayoutEffect as c } from "react";
-import { u as B, i as k, h as p } from "../../../chunks/vendor-CalMVkfj.js";
+import { a as B, i as k, h as p } from "../../../chunks/vendor-DE8Zvm0w.js";
 import { Portal as P } from "../../Portal/Portal.js";
 import { LightBoxViewManagerConsts as l } from "./LightBoxViewManagerConsts.js";
 const g = "LightBoxMountNodeViewManager", $ = ({

package/components/LightBox/index.js

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

package/components/Link/Link.js

@@ -1,22 +1,22 @@
 import { jsx as R, jsxs as t, Fragment as d } from "react/jsx-runtime";
 import L from "react";
-import { c as l } from "../../chunks/vendor-CalMVkfj.js";
-const v = "link__9e2a1b3e", F = "wordWithContent__11f13034", S = "before__fa027d91", T = "after__3fd778fd", e = {
+import { c as a } from "../../chunks/vendor-DE8Zvm0w.js";
+const v = "link__7077e0bb", F = "wordWithContent__e5dc3b9d", S = "before__90b0e096", T = "after__b103ecf9", r = {
   link: v,
   wordWithContent: F,
   before: S,
   after: T
 }, q = L.forwardRef(
-  ({ children: i, className: N, onBlur: f, onMouseDown: p, contentAfter: s, contentBefore: o, ...C }, W) => {
+  ({ children: i, className: N, onBlur: b, onMouseDown: p, contentAfter: s, contentBefore: o, ...C }, f) => {
     const c = () => o ? /* @__PURE__ */ t(d, { children: [
       "​",
       o()
-    ] }) : null, m = () => s ? s() : null, u = (n) => {
-      const r = n.split(" ");
-      if (r.length < 2 || r.length < 3 && o && s) {
-        const y = l(e.wordWithContent, {
-          [e.after]: !!s,
-          [e.before]: !!o
+    ] }) : null, m = () => s ? s() : null, W = (n) => {
+      const e = n.split(" ");
+      if (e.length < 2 || e.length < 3 && o && s) {
+        const y = a(r.wordWithContent, {
+          [r.after]: !!s,
+          [r.before]: !!o
         });
         return /* @__PURE__ */ t("span", { className: y, children: [
           c(),
@@ -24,13 +24,13 @@ const v = "link__9e2a1b3e", F = "wordWithContent__11f13034", S = "before__fa027d
           m()
         ] });
       }
-      const a = r[0], h = r[r.length - 1], b = r.slice(1, -1).join(" "), k = l(e.wordWithContent, {
-        [e.before]: !!o
+      const l = e[0], h = e[e.length - 1], _ = e.slice(1, -1).join(" "), k = a(r.wordWithContent, {
+        [r.before]: !!o
       }), g = o ? /* @__PURE__ */ t("span", { className: k, children: [
         c(),
-        a
-      ] }) : a, x = l(e.wordWithContent, {
-        [e.after]: !!s
+        l
+      ] }) : l, x = a(r.wordWithContent, {
+        [r.after]: !!s
       }), j = s ? /* @__PURE__ */ t("span", { className: x, children: [
         h,
         m()
@@ -38,29 +38,29 @@ const v = "link__9e2a1b3e", F = "wordWithContent__11f13034", S = "before__fa027d
       return /* @__PURE__ */ t(d, { children: [
         g,
         " ",
-        b,
+        _,
         " ",
         j
       ] });
-    }, w = (n) => {
-      const r = o ? o() : null, a = s ? s() : null;
+    }, u = (n) => {
+      const e = o ? o() : null, l = s ? s() : null;
       return /* @__PURE__ */ t(d, { children: [
-        r,
+        e,
         n,
-        a
+        l
       ] });
-    }, _ = o || s ? ((n) => typeof n == "string" ? u(n) : w(n))(i) : i;
+    }, w = o || s ? ((n) => typeof n == "string" ? W(n) : u(n))(i) : i;
     return /* @__PURE__ */ R(
       "a",
       {
         role: "link",
         ...C,
-        className: l(N, e.link, "hoverable"),
-        onBlur: f,
+        className: a(N, r.link, "hoverable"),
+        onBlur: b,
         onMouseDown: p,
-        "data-tx": "0.15.0",
-        ref: W,
-        children: _
+        "data-tx": "0.16.0",
+        ref: f,
+        children: w
       }
     );
   }

package/components/List/List.js

@@ -1,15 +1,15 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import e from "react";
-import { c as m } from "../../chunks/vendor-CalMVkfj.js";
+import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import a from "react";
+import { c as m } from "../../chunks/vendor-DE8Zvm0w.js";
 import { LoaderScreen as c } from "../LoaderScreen/LoaderScreen.js";
-const p = "list__1d674278", d = {
+const p = "list__700ecb10", f = {
   list: p
-}, f = e.forwardRef(({ children: s, className: t, loading: l, ...o }, r) => /* @__PURE__ */ i("ul", { className: m(d.list, t), ...o, "data-tx": "0.15.0", ref: r, children: [
+}, n = a.forwardRef(({ children: s, className: t, loading: l, ...o }, r) => /* @__PURE__ */ e("ul", { className: m(f.list, t), ...o, "data-tx": "0.16.0", ref: r, children: [
   s,
-  l ? /* @__PURE__ */ a(c, { type: "small" }) : null
+  l ? /* @__PURE__ */ i(c, { type: "small" }) : null
 ] }));
-f.displayName = "List";
+n.displayName = "List";
 export {
-  f as List
+  n as List
 };
 //# sourceMappingURL=List.js.map

package/components/List/ListSortable.js

@@ -3,7 +3,7 @@ var p = (t, e, r) => e in t ? x(t, e, { enumerable: !0, configurable: !0, writab
 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 { b, d as f, D as M, M as T, r as D, e as L, S as w, v as y, f as I, T as C, g as H } from "../../chunks/vendor-CalMVkfj.js";
+import { b, d as f, D as M, M as T, r as D, e as L, S as w, v as y, f as I, T as C, g as H } from "../../chunks/vendor-DE8Zvm0w.js";
 import { List as N } from "./List.js";
 class u extends H {
 }

package/components/List/components/ListEmptyState.js

@@ -1,13 +1,13 @@
 import { jsx as e } from "react/jsx-runtime";
 import i from "react";
-import { c as o } from "../../../chunks/vendor-CalMVkfj.js";
-const p = "listEmptyState__96a10c8c", c = {
+import { c as o } from "../../../chunks/vendor-DE8Zvm0w.js";
+const p = "listEmptyState__05870388", r = {
   listEmptyState: p
-}, r = i.forwardRef(
-  ({ children: t, className: s, ...m }, a) => /* @__PURE__ */ e("div", { className: o(c.listEmptyState, s), ...m, ref: a, children: t })
+}, l = i.forwardRef(
+  ({ children: t, className: s, ...m }, a) => /* @__PURE__ */ e("div", { className: o(r.listEmptyState, s), ...m, ref: a, children: t })
 );
-r.displayName = "ListItemEmpty";
+l.displayName = "ListItemEmpty";
 export {
-  r as ListEmptyState
+  l 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.15.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.16.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 a, { useContext as i } from "react";
-import { c as l } from "../../../chunks/vendor-CalMVkfj.js";
-import { ListItemContext as r } from "./ListItemContext.js";
-const d = "listItemContent__a3a67979", C = "selected__ac685fea", t = {
+import i, { useContext as l } from "react";
+import { c as r } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { ListItemContext as a } from "./ListItemContext.js";
+const d = "listItemContent__89af7df5", f = "selected__fb962280", t = {
   listItemContent: d,
-  selected: C
-}, f = a.forwardRef(
+  selected: f
+}, C = i.forwardRef(
   ({ children: e, className: s, ...o }, n) => {
-    const { selected: m } = i(r);
+    const { selected: m } = l(a);
     return /* @__PURE__ */ c(
       "div",
       {
-        className: l(t.listItemContent, { [t.selected]: m }, s),
+        className: r(t.listItemContent, { [t.selected]: m }, s),
         ...o,
-        "data-tx": "0.15.0",
+        "data-tx": "0.16.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-CalMVkfj.js";
-const i = "listItemControls__09473e45", n = {
+import { c as e } from "../../../chunks/vendor-DE8Zvm0w.js";
+const i = "listItemControls__7c187797", n = {
   listItemControls: i
-}, a = m.forwardRef(
+}, c = m.forwardRef(
   ({ children: t, className: o, ...s }, r) => /* @__PURE__ */ l("div", { className: e(n.listItemControls, o), ...s, ref: r, children: t })
 );
-a.displayName = "ListItemControls";
+c.displayName = "ListItemControls";
 export {
-  a as ListItemControls
+  c 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-CalMVkfj.js";
-import { L as e } from "../../../chunks/ListItemControlsButton-BShMlm2B.js";
+import "../../../chunks/vendor-DE8Zvm0w.js";
+import { L as e } from "../../../chunks/ListItemControlsButton-CgrHz7BO.js";
 import "../../Typography/enums.js";
 import "../../Typography/Text.js";
 export {

package/components/List/components/ListItemControlsButtonDropdown.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as W, Fragment as P } from "react/jsx-runtime";
 import E, { useRef as a, useState as O, createElement as w } from "react";
-import { a as _, c as g } from "../../../chunks/vendor-CalMVkfj.js";
+import { u as _, c as g } from "../../../chunks/vendor-DE8Zvm0w.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";
@@ -18,7 +18,7 @@ import { DropdownMobileListItem as H } from "../../Dropdown/mobile/DropdownMobil
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DropdownList as R } from "../../Dropdown/desktop/DropdownList.js";
-import { s as h, L as V } from "../../../chunks/ListItemControlsButton-BShMlm2B.js";
+import { s as h, L as V } from "../../../chunks/ListItemControlsButton-CgrHz7BO.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(

package/components/List/components/ListItemLoading.js

@@ -1,12 +1,12 @@
 import { jsx as t } from "react/jsx-runtime";
 import m from "react";
-import { c as s } from "../../../chunks/vendor-CalMVkfj.js";
-import { LoaderScreen as r } from "../../LoaderScreen/LoaderScreen.js";
-import { EComponentSize as a } from "../../../enums/EComponentSize.js";
-const n = "listItemLoading__b23c51fb", d = {
+import { c as s } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { LoaderScreen as a } from "../../LoaderScreen/LoaderScreen.js";
+import { EComponentSize as r } from "../../../enums/EComponentSize.js";
+const n = "listItemLoading__fae0c3ed", d = {
   listItemLoading: n
 }, l = m.forwardRef(
-  ({ className: o, ...i }, e) => /* @__PURE__ */ t("div", { className: s(d.listItemLoading, o), ...i, ref: e, children: /* @__PURE__ */ t(r, { type: "small", size: a.MD }) })
+  ({ className: o, ...e }, i) => /* @__PURE__ */ t("div", { className: s(d.listItemLoading, o), ...e, ref: i, children: /* @__PURE__ */ t(a, { type: "small", size: r.MD }) })
 );
 l.displayName = "ListItemLoading";
 export {

package/components/List/components/ListItemSelectable.js

@@ -1,10 +1,10 @@
 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-CalMVkfj.js";
+import { c as k } from "../../../chunks/vendor-DE8Zvm0w.js";
 import { Checkbox as x } from "../../Checkbox/Checkbox.js";
-import { ListItemContext as _ } from "./ListItemContext.js";
-const f = "listItemSelectable__cbaa8d3e", L = "selected__ac685fea", C = "checkboxWrapper__30e01d3e", W = "childrenWrapper__2e9e2953", I = "checkboxLabel__6dcfcb2d", S = "checkboxLabelClickArea__045b40b4", e = {
-  listItemSelectable: f,
+import { ListItemContext as f } from "./ListItemContext.js";
+const _ = "listItemSelectable__0edf8586", L = "selected__fb962280", C = "checkboxWrapper__e04ad432", W = "childrenWrapper__0133afe9", I = "checkboxLabel__92dd2b8b", S = "checkboxLabelClickArea__224ee445", e = {
+  listItemSelectable: _,
   selected: L,
   checkboxWrapper: C,
   childrenWrapper: W,
@@ -12,7 +12,7 @@ const f = "listItemSelectable__cbaa8d3e", L = "selected__ac685fea", 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(() => {