@sberbusiness/triplex-next 0.19.0 → 0.21.0

package/components/List/components/ListSortableItemTarget.js

@@ -1,21 +1,21 @@
 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 as I } from "../../../chunks/vendor-DE8Zvm0w.js";
-const c = "listSortableItemTarget__f5432f1e", S = "dragging__4a60644a", b = "listSortableItemTargetContent__a8ca1359", T = "listSortableItemTargetIcon__0df35621", t = {
+import { c as I } from "../../../chunks/vendor-DaOifQgP.js";
+const c = "listSortableItemTarget__20c9697a", b = "dragging__b92d4709", S = "listSortableItemTargetContent__b55d2b72", T = "listSortableItemTargetIcon__793f3e17", t = {
   listSortableItemTarget: c,
-  dragging: S,
-  listSortableItemTargetContent: b,
+  dragging: b,
+  listSortableItemTargetContent: S,
   listSortableItemTargetIcon: T
 }, d = m.forwardRef(
-  ({ children: a, className: r, disabled: o, dragging: l, ...s }, g) => /* @__PURE__ */ i(
+  ({ children: r, className: a, disabled: o, dragging: l, ...s }, g) => /* @__PURE__ */ i(
     "div",
     {
-      className: I(t.listSortableItemTarget, { [t.dragging]: l }, "hoverable", r),
+      className: I(t.listSortableItemTarget, { [t.dragging]: l }, "hoverable", a),
       ...s,
       ref: g,
       children: [
-        /* @__PURE__ */ e("div", { className: t.listSortableItemTargetContent, children: a }),
+        /* @__PURE__ */ e("div", { className: t.listSortableItemTargetContent, children: r }),
         !o && /* @__PURE__ */ e(n, { paletteIndex: 5, className: t.listSortableItemTargetIcon })
       ]
     }

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-BVv5SEQK.js";
+import { L as I } from "../../chunks/ListItemControlsButton-0bXNCLYU.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/ListMaster/ListMaster.js

@@ -6,7 +6,7 @@ import { ListMasterHeader as a } 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.19.0", children: t });
+const o = ({ children: t, className: r, ...e }) => /* @__PURE__ */ i("div", { className: r, ...e, "data-tx": "0.21.0", children: t });
 o.Body = m;
 o.ChipGroup = s;
 o.Footer = p;

package/components/ListMaster/components/ListMasterBody.js

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

package/components/ListMaster/components/ListMasterChipGroup.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import p from "react";
-import { c as a } from "../../../chunks/vendor-DE8Zvm0w.js";
-const e = "listMasterChipGroup__a6c6f6d6", c = {
+import { c as a } from "../../../chunks/vendor-DaOifQgP.js";
+const e = "listMasterChipGroup__c8d55818", c = {
   listMasterChipGroup: e
 }, l = p.forwardRef(
   ({ children: s, className: t, ...r }, i) => (

package/components/ListMaster/components/ListMasterFooter.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import m from "react";
-import { c } from "../../../chunks/vendor-DE8Zvm0w.js";
-import { s as t } from "../../../chunks/ListMasterFooter.module-DhaldysT.js";
+import { c } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as t } from "../../../chunks/ListMasterFooter.module-CoXWM3Nq.js";
 const f = m.forwardRef(
   ({ children: r, className: s, sticky: o = !0, ...e }, a) => /* @__PURE__ */ i(
     "div",

package/components/ListMaster/components/ListMasterFooterControls.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import a from "react";
-import { c as m } from "../../../chunks/vendor-DE8Zvm0w.js";
-import { s as i } from "../../../chunks/ListMasterFooter.module-DhaldysT.js";
+import { c as m } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as i } from "../../../chunks/ListMasterFooter.module-CoXWM3Nq.js";
 const l = a.forwardRef(
   ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ e("div", { className: m(i.listMasterFooterControls, r), ...s, ref: t, children: o })
 );

package/components/ListMaster/components/ListMasterFooterDescription.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import i from "react";
-import { c as a } from "../../../chunks/vendor-DE8Zvm0w.js";
-import { s as m } from "../../../chunks/ListMasterFooter.module-DhaldysT.js";
+import { c as a } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as m } from "../../../chunks/ListMasterFooter.module-CoXWM3Nq.js";
 const p = i.forwardRef(
   ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ e("div", { className: a(m.listMasterFooterDescription, r), ...s, ref: t, children: o })
 );

package/components/ListMaster/components/ListMasterHeader.js

@@ -1,7 +1,7 @@
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import f, { useRef as o, useEffect as m } from "react";
-import { c as w } from "../../../chunks/vendor-DE8Zvm0w.js";
-const p = "listMasterHeader__54254a16", y = "sticky__dc760ebd", c = {
+import { c as w } from "../../../chunks/vendor-DaOifQgP.js";
+const p = "listMasterHeader__0226d409", y = "sticky__7ca034aa", c = {
   listMasterHeader: p,
   sticky: y
 }, H = f.forwardRef(
@@ -13,10 +13,10 @@ const p = "listMasterHeader__54254a16", y = "sticky__dc760ebd", c = {
           window.scrollTo({ top: Math.max(window.scrollY - r.current, 0) });
         };
     }, []);
-    const d = (s) => {
+    const u = (s) => {
       e.current = s, typeof t == "function" ? t(s) : t && (t.current = s);
     };
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ d(
       "div",
       {
         className: w(
@@ -27,7 +27,7 @@ const p = "listMasterHeader__54254a16", y = "sticky__dc760ebd", c = {
           n
         ),
         ...l,
-        ref: d,
+        ref: u,
         children: i
       }
     );

package/components/ListMaster/components/SelectionControls.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import n from "react";
-import { c as r } from "../../../chunks/vendor-DE8Zvm0w.js";
-const c = "selectionControls__cd75b7a8", i = {
+import { c as r } from "../../../chunks/vendor-DaOifQgP.js";
+const c = "selectionControls__424675b0", i = {
   selectionControls: c
 }, a = n.forwardRef(
   ({ children: o, className: t, ...s }, e) => /* @__PURE__ */ l(
@@ -9,7 +9,7 @@ const c = "selectionControls__cd75b7a8", i = {
     {
       className: r(i.selectionControls, t),
       ...s,
-      "data-tx": "0.19.0",
+      "data-tx": "0.21.0",
       ref: e,
       children: o
     }

package/components/Loader/LoaderMiddle/LoaderMiddle.js

@@ -1,15 +1,15 @@
-import { jsx as o, jsxs as e } from "react/jsx-runtime";
-import { c as t } from "../../../chunks/vendor-DE8Zvm0w.js";
-const s = "loaderMiddle__c3eae4d6", a = "loaderMiddleDots__58fc70b2", l = "dot__63cb7402", c = "dot1__824b4b12", i = "dot2__b111f688", n = "dot3__5cda03d3", r = "dot4__2b9b98e3", _ = "line__6973438e", d = {
-  loaderMiddle: s,
-  loaderMiddleDots: a,
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { c as t } from "../../../chunks/vendor-DaOifQgP.js";
+const a = "loaderMiddle__f398e060", e = "loaderMiddleDots__abf14e09", l = "dot__634a2839", i = "dot1__95295938", n = "dot2__1316326c", c = "dot3__d6a56955", r = "dot4__398d0e1a", _ = "line__1df5ba54", d = {
+  loaderMiddle: a,
+  loaderMiddleDots: e,
   dot: l,
-  dot1: c,
-  dot2: i,
-  dot3: n,
+  dot1: i,
+  dot2: n,
+  dot3: c,
   dot4: r,
   line: _
-}, m = () => /* @__PURE__ */ o("div", { role: "status", "aria-label": "loading", className: d.loaderMiddle, children: /* @__PURE__ */ e("div", { className: d.loaderMiddleDots, children: [
+}, m = () => /* @__PURE__ */ o("div", { role: "status", "aria-label": "loading", className: d.loaderMiddle, children: /* @__PURE__ */ s("div", { className: d.loaderMiddleDots, children: [
   /* @__PURE__ */ o("span", { className: d.line }),
   /* @__PURE__ */ o("span", { className: t(d.dot, d.dot1) }),
   /* @__PURE__ */ o("span", { className: t(d.dot, d.dot2) }),

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -1,14 +1,14 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { c as o } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { c as o } from "../../../chunks/vendor-DaOifQgP.js";
 import { ELoaderSmallTheme as s } from "./enum.js";
 import { createSizeToClassNameMap as n } from "../../../utils/classNameMaps.js";
-const c = "loaderSmall__11a3a7b5", _ = "sm__373237cf", b = "dot__63cb7402", p = "md__c4130a2b", i = "lg__abfa94ab", N = "neutral__32a5c61d", S = "brand__b883191e", f = "dot1__824b4b12", u = "dot2__b111f688", T = "dot3__5cda03d3", a = {
+const c = "loaderSmall__1901a486", _ = "sm__32a4f1e1", p = "dot__634a2839", i = "md__46fb178e", N = "lg__c3947980", b = "neutral__d953abb1", S = "brand__818e57fb", f = "dot1__95295938", u = "dot2__1316326c", T = "dot3__d6a56955", a = {
   loaderSmall: c,
   sm: _,
-  dot: b,
-  md: p,
-  lg: i,
-  neutral: N,
+  dot: p,
+  md: i,
+  lg: N,
+  neutral: b,
   brand: S,
   dot1: f,
   dot2: u,

package/components/LoaderScreen/LoaderScreen.js

@@ -2,24 +2,24 @@ import { jsx as r } from "react/jsx-runtime";
 import { LoaderSmall as s } from "../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as i } from "../Loader/LoaderSmall/enum.js";
 import { LoaderMiddle as n } from "../Loader/LoaderMiddle/LoaderMiddle.js";
-import { c as p } from "../../chunks/vendor-DE8Zvm0w.js";
+import { c as p } from "../../chunks/vendor-DaOifQgP.js";
 import { EComponentSize as t } from "../../enums/EComponentSize.js";
-const S = "loaderScreen__7b5f24b1", B = "loaderSmallBackdrop__827fc745", k = "loaderMiddleBackdrop__12539b91", e = {
+const S = "loaderScreen__14db0bae", B = "loaderSmallBackdrop__69b2d830", k = "loaderMiddleBackdrop__537b4fc9", e = {
   loaderScreen: S,
   loaderSmallBackdrop: B,
   loaderMiddleBackdrop: k
 }, f = ({
-  className: d,
+  className: o,
   size: a = t.MD,
-  type: o,
+  type: d,
   theme: l = i.BRAND,
   ...c
 }) => {
-  const m = p(d, e.loaderScreen, {
-    [e.loaderSmallBackdrop]: o === "small",
-    [e.loaderMiddleBackdrop]: o === "middle"
+  const m = p(o, e.loaderScreen, {
+    [e.loaderSmallBackdrop]: d === "small",
+    [e.loaderMiddleBackdrop]: d === "middle"
   });
-  return /* @__PURE__ */ r("div", { className: m, ...c, children: o === "small" ? /* @__PURE__ */ r(s, { size: a, theme: l }) : /* @__PURE__ */ r("div", { className: e.loaderMiddleBackground, children: /* @__PURE__ */ r(n, {}) }) });
+  return /* @__PURE__ */ r("div", { className: m, ...c, children: d === "small" ? /* @__PURE__ */ r(s, { size: a, theme: l }) : /* @__PURE__ */ r("div", { className: e.loaderMiddleBackground, children: /* @__PURE__ */ r(n, {}) }) });
 };
 f.displayName = "LoaderScreen";
 export {

package/components/Marker/Marker.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as o } from "../../chunks/vendor-DE8Zvm0w.js";
-import { a as t, s as e } from "../../chunks/utils-Di6w1QBl.js";
+import { c as o } from "../../chunks/vendor-DaOifQgP.js";
+import { a as t, s as e } from "../../chunks/utils-Bt-cuXIX.js";
 import { Badge as p } from "../Badge/Badge.js";
 import "./enums.js";
 const i = ({ className: a, status: r, ...s }) => /* @__PURE__ */ m(p.Dot, { className: o(t.marker, e[r], a), ...s });

package/components/Marker/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { s as t } from "../../chunks/utils-Di6w1QBl.js";
+import { s as t } from "../../chunks/utils-Bt-cuXIX.js";
 export {
   t as statusToClassNameMap
 };

package/components/MarkerStatus/MarkerStatus.js

@@ -1,14 +1,14 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { Marker as S } from "../Marker/Marker.js";
-import { c as f } from "../../chunks/vendor-DE8Zvm0w.js";
-import { s as k } from "../../chunks/utils-Di6w1QBl.js";
+import { Marker as f } from "../Marker/Marker.js";
+import { c as d } from "../../chunks/vendor-DaOifQgP.js";
+import { s as k } from "../../chunks/utils-Bt-cuXIX.js";
 import { ETextSize as n, EFontType as i, ECaptionSize as _ } from "../Typography/enums.js";
 import { Caption as M } from "../Typography/Caption.js";
 import { Text as c } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize as a } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as N } from "../../utils/classNameMaps.js";
-const x = "markerStatus__96717f81", T = "contentContainer__e6cbd785", u = "md__d3ca34d3", z = "markerContainer__069c9de1", E = "lg__e27666fa", e = {
+const x = "markerStatus__03c3a257", T = "contentContainer__b2f28f14", u = "md__85c2029e", z = "markerContainer__5d4a1357", E = "lg__ff1d5c65", e = {
   markerStatus: x,
   contentContainer: T,
   md: u,
@@ -25,9 +25,9 @@ const x = "markerStatus__96717f81", T = "contentContainer__e6cbd785", u = "md__d
   size: r = a.MD,
   ...C
 }) => {
-  const d = f(e.markerStatus, D[r], k[m], l);
-  return /* @__PURE__ */ s("div", { className: d, "data-tx": "0.19.0", ...C, children: [
-    /* @__PURE__ */ t("div", { className: e.markerContainer, children: /* @__PURE__ */ t(S, { status: m, size: r }) }),
+  const S = d(e.markerStatus, D[r], k[m], l);
+  return /* @__PURE__ */ s("div", { className: S, "data-tx": "0.21.0", ...C, children: [
+    /* @__PURE__ */ t("div", { className: e.markerContainer, children: /* @__PURE__ */ t(f, { status: m, size: r }) }),
     /* @__PURE__ */ s("div", { className: e.contentContainer, children: [
       /* @__PURE__ */ t(c, { size: h[r], children: p }),
       o && (r === a.MD ? /* @__PURE__ */ t(M, { size: _.C1, type: i.SECONDARY, children: o }) : /* @__PURE__ */ t(c, { size: n.B4, type: i.SECONDARY, children: o }))

package/components/ModalWindow/ModalWindow.js

@@ -1,10 +1,10 @@
 import { jsxs as d, Fragment as L, jsx as t } from "react/jsx-runtime";
 import $, { useState as k, useRef as B, useEffect as f } from "react";
 import { Portal as F } from "../Portal/Portal.js";
-import { c as N, C as j, F as D } from "../../chunks/vendor-DE8Zvm0w.js";
-import { ModalWindowViewManager as q } from "./components/ModalWindowViewManager.js";
-import { useToken as A } from "../ThemeProvider/useToken.js";
-import { s as n } from "../../chunks/ModalWindow.module-0Ojlif30.js";
+import { c as N, C as j, F as q } from "../../chunks/vendor-DaOifQgP.js";
+import { ModalWindowViewManager as A } from "./components/ModalWindowViewManager.js";
+import { useToken as D } from "../ThemeProvider/useToken.js";
+import { s as n } from "../../chunks/ModalWindow.module-DqMffIcE.js";
 import { EComponentSize as V } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as G } from "../../utils/classNameMaps.js";
 const l = "ufs-modal-window", H = 300, i = ["modal-open", "no-hash-overflow-hidden"], I = G(n), J = $.forwardRef((w, a) => {
@@ -14,12 +14,12 @@ const l = "ufs-modal-window", H = 300, i = ["modal-open", "no-hash-overflow-hidd
     containerClassName: h,
     focusTrapProps: s,
     onExited: c,
-    closeButton: v,
-    size: y = V.MD,
+    closeButton: y,
+    size: v = V.MD,
     className: M,
     topPosition: x = 100,
     ...E
-  } = w, W = { "--modal-window-top": `${x}px` }, [b, m] = k(!1), o = B(null), { scopeClassName: O } = A();
+  } = w, W = { "--modal-window-top": `${x}px` }, [b, m] = k(!1), o = B(null), { scopeClassName: O } = D();
   f(() => () => {
     u(), p();
   }, []), f(() => {
@@ -43,7 +43,7 @@ const l = "ufs-modal-window", H = 300, i = ["modal-open", "no-hash-overflow-hidd
     typeof a == "function" ? a(e) : a && (a.current = e);
   };
   if (!b || !o.current) return null;
-  const g = N(O, n.modalWindowContainer, h), z = N(n.modalWindow, I[y], M);
+  const g = N(O, n.modalWindowContainer, h), z = N(n.modalWindow, I[v], M);
   return /* @__PURE__ */ d(L, { children: [
     /* @__PURE__ */ t(F, { container: o.current, children: /* @__PURE__ */ t(
       j,
@@ -59,12 +59,12 @@ const l = "ufs-modal-window", H = 300, i = ["modal-open", "no-hash-overflow-hidd
         mountOnEnter: !0,
         unmountOnExit: !0,
         children: /* @__PURE__ */ t(
-          D,
+          q,
           {
             active: r,
             ...s,
             focusTrapOptions: {
-              clickOutsideDeactivates: !0,
+              allowOutsideClick: !0,
               preventScroll: !0,
               ...s == null ? void 0 : s.focusTrapOptions
             },
@@ -80,7 +80,7 @@ const l = "ufs-modal-window", H = 300, i = ["modal-open", "no-hash-overflow-hidd
                   className: z,
                   children: /* @__PURE__ */ d("div", { className: n.modalWindowContentWrapper, children: [
                     C,
-                    v
+                    y
                   ] })
                 }
               )
@@ -89,7 +89,7 @@ const l = "ufs-modal-window", H = 300, i = ["modal-open", "no-hash-overflow-hidd
         )
       }
     ) }),
-    /* @__PURE__ */ t(q, {})
+    /* @__PURE__ */ t(A, {})
   ] });
 });
 J.displayName = "ModalWindow";

package/components/ModalWindow/components/ModalWindowBody.js

@@ -1,15 +1,15 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { c as i } from "../../../chunks/vendor-DaOifQgP.js";
 import { Island as n } from "../../Island/Island.js";
 import { EComponentSize as t } from "../../../enums/EComponentSize.js";
-import { EIslandType as a } from "../../Island/enums.js";
-const r = "modalWindowBody__2e44087a", l = {
-  modalWindowBody: r
+import { EIslandType as r } from "../../Island/enums.js";
+const a = "modalWindowBody__8053b704", l = {
+  modalWindowBody: a
 }, w = ({ children: o, className: d, ...m }) => /* @__PURE__ */ s(
   n,
   {
     className: i(l.modalWindowBody, d),
-    type: a.TYPE_1,
+    type: r.TYPE_1,
     size: t.MD,
     ...m,
     children: o

package/components/ModalWindow/components/ModalWindowClose.js

@@ -6,7 +6,7 @@ import { Button as i } from "../../Button/Button.js";
 import { CrossStrokeSrvIcon20 as l } from "@sberbusiness/icons-next";
 import { EComponentSize as s } from "../../../enums/EComponentSize.js";
 import { EButtonTheme as d } from "../../Button/enums.js";
-const C = "modalWindowClose__ed61f505", a = {
+const C = "modalWindowClose__f96885c2", a = {
   modalWindowClose: C
 }, f = (t) => {
   const e = n(null);

package/components/ModalWindow/components/ModalWindowContent.js

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { c as d } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { c as d } from "../../../chunks/vendor-DaOifQgP.js";
 import { LoaderScreen as i } from "../../LoaderScreen/LoaderScreen.js";
-import { s as o } from "../../../chunks/ModalWindow.module-0Ojlif30.js";
+import { s as o } from "../../../chunks/ModalWindow.module-DqMffIcE.js";
 import { Page as l } from "../../Page/Page.js";
 const W = ({
   isLoading: e,

package/components/ModalWindow/components/ModalWindowHeader.js

@@ -1,10 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
 import { HeaderPage as e } from "../../Page/components/HeaderPage.js";
 import { EHeaderPageType as i } from "../../Page/components/enums.js";
-import { c as l } from "../../../chunks/vendor-DE8Zvm0w.js";
-const t = "modalWindowHeader__06172eef", s = {
+import { c as l } from "../../../chunks/vendor-DaOifQgP.js";
+const t = "modalWindowHeader__7d3895f5", s = {
   modalWindowHeader: t
-}, o = ({ className: a, children: d, ...r }) => /* @__PURE__ */ m(e, { className: l(s.modalWindowHeader, a), ...r, type: i.FIRST, children: d });
+}, o = ({ className: d, children: a, ...r }) => /* @__PURE__ */ m(e, { className: l(s.modalWindowHeader, d), ...r, type: i.FIRST, children: a });
 o.Title = e.Title;
 o.displayName = "ModalWindowHeader";
 export {

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -1,10 +1,10 @@
 import { jsx as i, jsxs as m } from "react/jsx-runtime";
-import { useState as r, useRef as h, useEffect as u, useLayoutEffect as p } from "react";
-import { a as g, i as W, h as a } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { useState as r, useRef as u, useEffect as h, useLayoutEffect as p } from "react";
+import { g, i as W, p as a } from "../../../chunks/vendor-DaOifQgP.js";
 import { Portal as M } from "../../Portal/Portal.js";
-import { s as R } from "../../../chunks/ModalWindow.module-0Ojlif30.js";
+import { s as R } from "../../../chunks/ModalWindow.module-DqMffIcE.js";
 const s = "modalWindowViewManagerNodeId", z = () => {
-  const [d, c] = r(), [t, l] = r(), o = h(null), n = () => {
+  const [d, c] = r(), [t, l] = r(), o = u(null), n = () => {
     if (o.current) {
       const e = o.current.getBoundingClientRect();
       W(
@@ -16,7 +16,7 @@ const s = "modalWindowViewManagerNodeId", z = () => {
     let e = document.querySelector(`#${s}`);
     e || (e = document.createElement("div"), e.setAttribute("id", s), document.body.appendChild(e)), c(e);
   };
-  u(() => {
+  h(() => {
     w();
   }, []), p(() => {
     n();

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import f, { useState as F, useContext as p, useEffect as w } from "react";
-import { F as D } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { F as D } from "../../../chunks/vendor-DaOifQgP.js";
 import { Dropdown as M } from "../../Dropdown/Dropdown.js";
 import { MultiselectFieldDropdownHeader as v } from "./MultiselectFieldDropdownHeader.js";
 import { MultiselectFieldDropdownContent as x } from "./MultiselectFieldDropdownContent.js";

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -1,24 +1,24 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import { useContext as m } from "react";
-import { MultiselectFieldContext as a } from "../MultiselectFieldContext.js";
-import { createSizeToClassNameMap as d } from "../../../utils/classNameMaps.js";
-import { c as l } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { MultiselectFieldContext as d } from "../MultiselectFieldContext.js";
+import { createSizeToClassNameMap as a } from "../../../utils/classNameMaps.js";
+import { c as l } from "../../../chunks/vendor-DaOifQgP.js";
 import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const C = "multiselectFieldContentWrapper__b00aa6e1", u = "multiselectFieldContent__c94212f4", _ = "loaderScreen__6b2d724a", F = "sm__0ac01320", f = "md__c9786e56", x = "lg__036c8872", e = {
+const C = "multiselectFieldContentWrapper__b093a7a1", u = "multiselectFieldContent__a63897b4", _ = "loaderScreen__dc4d1b6d", F = "sm__4961d11f", b = "md__7bb020cb", f = "lg__2729dcd9", e = {
   multiselectFieldContentWrapper: C,
   multiselectFieldContent: u,
   loaderScreen: _,
   sm: F,
-  md: f,
-  lg: x
-}, S = d(e), h = ({
+  md: b,
+  lg: f
+}, x = a(e), h = ({
   children: s,
   className: o,
   loading: n,
-  ...c
+  ...r
 }) => {
-  const { size: r } = m(a);
-  return /* @__PURE__ */ t("div", { className: l(e.multiselectFieldContentWrapper, o), ...c, children: /* @__PURE__ */ i("div", { tabIndex: -1, className: l(e.multiselectFieldContent, S[r]), children: [
+  const { size: c } = m(d);
+  return /* @__PURE__ */ t("div", { className: l(e.multiselectFieldContentWrapper, o), ...r, children: /* @__PURE__ */ i("div", { tabIndex: -1, className: l(e.multiselectFieldContent, x[c]), children: [
     s,
     n && /* @__PURE__ */ t(p, { type: "small", className: e.loaderScreen })
   ] }) });

package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
-import { c as s } from "../../../chunks/vendor-DE8Zvm0w.js";
-const i = "multiselectFieldFooter__b4f47fe3", c = {
+import { c as s } from "../../../chunks/vendor-DaOifQgP.js";
+const i = "multiselectFieldFooter__46ec261b", c = {
   multiselectFieldFooter: i
 }, m = ({
   children: e,

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-DE8Zvm0w.js";
-const d = "multiselectFieldHeader__74033e2b", c = {
+import { c as i } from "../../../chunks/vendor-DaOifQgP.js";
+const d = "multiselectFieldHeader__58353339", c = {
   multiselectFieldHeader: d
 }, m = ({
   children: e,

package/components/Notification/Notification.js

@@ -1,10 +1,10 @@
 import { jsx as f } from "react/jsx-runtime";
-import { c as l } from "../../chunks/vendor-DE8Zvm0w.js";
+import { c as l } from "../../chunks/vendor-DaOifQgP.js";
 import { NotificationBody as d } from "./components/NotificationBody.js";
 import { NotificationClose as p } from "./components/NotificationClose.js";
 import { NotificationIcon as N } from "./components/NotificationIcon.js";
 import { NotificationTime as x } from "./components/NotificationTime.js";
-import { s as i } from "../../chunks/Notification.module-PYfR2ux2.js";
+import { s as i } from "../../chunks/Notification.module-CPSD8BYw.js";
 const o = ((t) => {
   const {
     children: a,
@@ -24,7 +24,7 @@ const o = ((t) => {
       role: "alertdialog",
       className: c,
       onClick: m,
-      "data-tx": "0.19.0",
+      "data-tx": "0.21.0",
       children: a
     }
   );

package/components/Notification/NotificationGrouped.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { NotificationGroupedFooter as t } from "./components/NotificationGroupedFooter.js";
-import { s as e } from "../../chunks/Notification.module-PYfR2ux2.js";
+import { s as e } from "../../chunks/Notification.module-CPSD8BYw.js";
 const p = ({ children: o }) => /* @__PURE__ */ i("div", { className: e.notificationGroupedWrapper, children: [
   o,
   /* @__PURE__ */ r(t, {})

package/components/Notification/components/NotificationBody.js

@@ -3,7 +3,7 @@ import { NotificationHeader as n } from "./NotificationHeader.js";
 import { NotificationBodyContent as a } from "./NotificationBodyContent.js";
 import { NotificationFooter as e } from "./NotificationFooter.js";
 import { NotificationBodyList as m } from "./NotificationBodyList.js";
-import { s as f } from "../../../chunks/Notification.module-PYfR2ux2.js";
+import { s as f } from "../../../chunks/Notification.module-CPSD8BYw.js";
 const o = ((t) => {
   const { children: i } = t;
   return /* @__PURE__ */ r("div", { className: f.notificationBody, children: i });

package/components/Notification/components/NotificationBodyList.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import { UnorderedList as t } from "../../UnorderedList/UnorderedList.js";
 import "../../UnorderedList/UnorderedListItem.js";
-import { s as a } from "../../../chunks/Notification.module-PYfR2ux2.js";
-import { c as e } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { s as a } from "../../../chunks/Notification.module-CPSD8BYw.js";
+import { c as e } from "../../../chunks/vendor-DaOifQgP.js";
 const c = ({ className: s, ...i }) => /* @__PURE__ */ o(t, { className: e(a.notificationBodyList, s), ...i, children: i.values.map((m, r) => /* @__PURE__ */ o(t.Item, { children: m }, r)) });
 c.displayName = "NotificationBodyList";
 export {

package/components/Notification/components/NotificationClose.js

@@ -5,7 +5,7 @@ import "../../Button/ButtonBase.js";
 import { ButtonIcon as s } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-import { s as m } from "../../../chunks/Notification.module-PYfR2ux2.js";
+import { s as m } from "../../../chunks/Notification.module-CPSD8BYw.js";
 const e = ({ onClick: t, ...i }) => /* @__PURE__ */ o("span", { className: m.notificationClose, children: /* @__PURE__ */ o(s, { ...i, onClick: t, children: /* @__PURE__ */ o(r, { paletteIndex: 5 }) }) });
 e.displayName = "NotificationClose";
 export {

package/components/Notification/components/NotificationFooter.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s as i } from "../../../chunks/Notification.module-PYfR2ux2.js";
+import { s as i } from "../../../chunks/Notification.module-CPSD8BYw.js";
 const s = ({ children: o }) => /* @__PURE__ */ t("div", { className: i.notificationFooter, children: o });
 s.displayName = "NotificationFooter";
 export {

package/components/Notification/components/NotificationGroupedFooter.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-DE8Zvm0w.js";
-import { s as o } from "../../../chunks/Notification.module-PYfR2ux2.js";
+import { c as i } from "../../../chunks/vendor-DaOifQgP.js";
+import { s as o } from "../../../chunks/Notification.module-CPSD8BYw.js";
 const m = () => /* @__PURE__ */ s("div", { children: [
   /* @__PURE__ */ t("div", { className: i(o.notificationGroupedFooterItem, o.first) }),
   /* @__PURE__ */ t("div", { className: i(o.notificationGroupedFooterItem, o.second) })

package/components/Notification/components/NotificationHeader.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as a } from "../../../chunks/Notification.module-PYfR2ux2.js";
+import { s as a } from "../../../chunks/Notification.module-CPSD8BYw.js";
 const t = ({ children: i }) => /* @__PURE__ */ o("h3", { className: a.notificationHeader, children: i });
 t.displayName = "NotificationHeader";
 export {

package/components/Notification/components/NotificationIcon.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { s as t } from "../../../chunks/Notification.module-PYfR2ux2.js";
+import { s as t } from "../../../chunks/Notification.module-CPSD8BYw.js";
 const s = ({ children: o }) => /* @__PURE__ */ i("div", { className: t.notificationIcon, children: o });
 s.displayName = "NotificationIcon";
 export {