@sberbusiness/triplex-next 0.31.0 → 0.33.0

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -2,7 +2,7 @@ import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { c as o } from "../../../chunks/vendor-z35N2Tap.js";
 import { ELoaderSmallTheme as s } from "./enum.js";
 import { createSizeToClassNameMap as c } from "../../../utils/classNameMaps.js";
-const n = "loaderSmall__38f4198a", _ = "sm__66cb8b6c", p = "dot__f849ce6f", f = "md__501c5858", i = "lg__21a825e3", N = "neutral__701324bb", b = "brand__faa97cea", S = "dot1__6a43f24c", u = "dot2__781922c8", T = "dot3__5f37455a", a = {
+const n = "loaderSmall__e68c8dbf", _ = "sm__2c3c7f85", p = "dot__3c3da63f", f = "md__6b812139", i = "lg__97821f21", N = "neutral__282fcb84", b = "brand__9ca622f7", S = "dot1__21db97ee", u = "dot2__fd9ce7d5", T = "dot3__37ddfd60", a = {
   loaderSmall: n,
   sm: _,
   dot: p,
@@ -16,10 +16,10 @@ const n = "loaderSmall__38f4198a", _ = "sm__66cb8b6c", p = "dot__f849ce6f", f =
 }, g = {
   [s.BRAND]: a.brand,
   [s.NEUTRAL]: a.neutral
-}, x = c(a), L = ({ className: l, theme: e, size: d, ...m }) => /* @__PURE__ */ r(
+}, x = c(a), L = ({ className: d, theme: l, size: e, ...m }) => /* @__PURE__ */ r(
   "span",
   {
-    className: o(a.loaderSmall, g[e], x[d], l),
+    className: o(a.loaderSmall, g[l], x[e], d),
     role: "status",
     "aria-label": "loading",
     ...m,

package/components/LoaderScreen/LoaderScreen.js

@@ -4,22 +4,22 @@ 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-z35N2Tap.js";
 import { EComponentSize as t } from "../../enums/EComponentSize.js";
-const S = "loaderScreen__2336fa07", B = "loaderSmallBackdrop__d99f3224", k = "loaderMiddleBackdrop__abc66a33", e = {
+const S = "loaderScreen__0a2495e1", B = "loaderSmallBackdrop__5835f057", k = "loaderMiddleBackdrop__89cd66a5", e = {
   loaderScreen: S,
   loaderSmallBackdrop: B,
   loaderMiddleBackdrop: k
 }, f = ({
-  className: a,
-  size: d = t.MD,
+  className: d,
+  size: a = t.MD,
   type: o,
   theme: l = i.BRAND,
   ...c
 }) => {
-  const m = p(a, e.loaderScreen, {
+  const m = p(d, e.loaderScreen, {
     [e.loaderSmallBackdrop]: o === "small",
     [e.loaderMiddleBackdrop]: o === "middle"
   });
-  return /* @__PURE__ */ r("div", { className: m, ...c, children: o === "small" ? /* @__PURE__ */ r(s, { size: d, theme: l }) : /* @__PURE__ */ r("div", { className: e.loaderMiddleBackground, children: /* @__PURE__ */ r(n, {}) }) });
+  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, {}) }) });
 };
 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-z35N2Tap.js";
-import { a as t, s as e } from "../../chunks/utils-DBuNwIFU.js";
+import { a as t, s as e } from "../../chunks/utils-C2i3hSWR.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-DBuNwIFU.js";
+import { s as t } from "../../chunks/utils-C2i3hSWR.js";
 export {
   t as statusToClassNameMap
 };

package/components/MarkerStatus/MarkerStatus.js

@@ -1,41 +1,37 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { Marker as d } from "../Marker/Marker.js";
-import { c as f } from "../../chunks/vendor-z35N2Tap.js";
-import { s as k } from "../../chunks/utils-DBuNwIFU.js";
-import { ETextSize as n, EFontType as i, ECaptionSize as _ } from "../Typography/enums.js";
-import { Caption as M } from "../Typography/Caption.js";
+import f from "react";
+import { Marker as k } from "../Marker/Marker.js";
+import { c as _ } from "../../chunks/vendor-z35N2Tap.js";
+import { s as M } from "../../chunks/utils-C2i3hSWR.js";
+import { ETextSize as n, EFontType as i, ECaptionSize as N } from "../Typography/enums.js";
+import { Caption as x } from "../Typography/Caption.js";
 import "../Typography/CodeText.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__f6cdddab", T = "contentContainer__f9b6455f", u = "md__17574ee9", z = "markerContainer__b72ca261", E = "lg__5846e6e5", e = {
-  markerStatus: x,
-  contentContainer: T,
-  md: u,
-  markerContainer: z,
-  lg: E
-}, h = {
-  [a.MD]: n.B4,
-  [a.LG]: n.B3
-}, D = N(e), G = ({
-  children: p,
-  className: l,
-  description: o,
-  status: m,
-  size: r = a.MD,
-  ...C
-}) => {
-  const S = f(e.markerStatus, D[r], k[m], l);
-  return /* @__PURE__ */ s("div", { className: S, "data-tx": "0.31.0", ...C, children: [
-    /* @__PURE__ */ t("div", { className: e.markerContainer, children: /* @__PURE__ */ t(d, { 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 }))
-    ] })
-  ] });
-};
+import { EComponentSize as e } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as T } from "../../utils/classNameMaps.js";
+const u = "markerStatus__e451dc32", z = "contentContainer__e0ab0a57", b = "md__dfd9baa9", E = "markerContainer__204be9cc", h = "lg__ba900b9b", a = {
+  markerStatus: u,
+  contentContainer: z,
+  md: b,
+  markerContainer: E,
+  lg: h
+}, D = {
+  [e.MD]: n.B4,
+  [e.LG]: n.B3
+}, y = T(a), q = f.forwardRef(
+  ({ children: p, className: l, description: o, status: m, size: r = e.MD, ...C }, d) => {
+    const S = _(a.markerStatus, y[r], M[m], l);
+    return /* @__PURE__ */ s("div", { className: S, "data-tx": "0.33.0", ...C, ref: d, children: [
+      /* @__PURE__ */ t("div", { className: a.markerContainer, children: /* @__PURE__ */ t(k, { status: m, size: r }) }),
+      /* @__PURE__ */ s("div", { className: a.contentContainer, children: [
+        /* @__PURE__ */ t(c, { size: D[r], children: p }),
+        o && (r === e.MD ? /* @__PURE__ */ t(x, { size: N.C1, type: i.SECONDARY, children: o }) : /* @__PURE__ */ t(c, { size: n.B4, type: i.SECONDARY, children: o }))
+      ] })
+    ] });
+  }
+);
 export {
-  G as MarkerStatus
+  q as MarkerStatus
 };
 //# sourceMappingURL=MarkerStatus.js.map

package/components/MobileView/index.js

@@ -1,5 +1,7 @@
 import { MobileView as i } from "./MobileView.js";
+import { useMobileView as b } from "./useMobileView.js";
 export {
-  i as MobileView
+  i as MobileView,
+  b as useMobileView
 };
 //# sourceMappingURL=index.js.map

package/components/MobileView/useMobileView.js

@@ -0,0 +1,10 @@
+import { useMatchMedia as e } from "../MediaWidth/useMatchMedia.js";
+import { EScreenWidth as o } from "../../helpers/breakpoints.js";
+const t = `(max-width: ${o.SM_MAX})`, r = () => {
+  const i = window.matchMedia(t).matches;
+  return e(t, i);
+};
+export {
+  r as useMobileView
+};
+//# sourceMappingURL=useMobileView.js.map

package/components/ModalWindow/ModalWindow.js

@@ -1,70 +1,70 @@
 import { jsxs as l, Fragment as T, jsx as n } from "react/jsx-runtime";
 import g, { useState as z, useEffect as L } from "react";
-import { Portal as $ } from "../Portal/Portal.js";
-import { c as p, C as k, F as B } from "../../chunks/vendor-z35N2Tap.js";
-import { ModalWindowViewManager as F } from "./components/ModalWindowViewManager.js";
-import { useToken as R } from "../ThemeProvider/useToken.js";
-import { s as a } from "../../chunks/ModalWindow.module-D-ruP-W_.js";
-import { EComponentSize as j } from "../../enums/EComponentSize.js";
+import { c as u, C as $ } from "../../chunks/vendor-z35N2Tap.js";
+import { Portal as B } from "../Portal/Portal.js";
+import { FocusTrapExtended as R } from "../FocusTrapExtended/FocusTrapExtended.js";
+import { ModalWindowViewManager as j } from "./components/ModalWindowViewManager.js";
+import { useToken as k } from "../ThemeProvider/useToken.js";
+import { EComponentSize as F } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as P } from "../../utils/classNameMaps.js";
-const c = "ufs-modal-window", q = 300, r = ["modal-open", "no-hash-overflow-hidden"], A = P(a), D = () => {
-  let t = document.querySelector(`#${c}-wrapper`);
-  t || (t = document.createElement("div"), t.setAttribute("id", `${c}-wrapper`), document.body.appendChild(t));
+import { s as a } from "../../chunks/ModalWindow.module-BL1rtFYz.js";
+const m = "ufs-modal-window", q = 300, i = ["modal-open", "no-hash-overflow-hidden"], A = P(a), D = () => {
+  let t = document.querySelector(`#${m}-wrapper`);
+  t || (t = document.createElement("div"), t.setAttribute("id", `${m}-wrapper`), document.body.appendChild(t));
   const e = document.createElement("div");
-  return e.className = `${c}-portal-node`, t.appendChild(e), e;
+  return e.className = `${m}-portal-node`, t.appendChild(e), e;
 }, V = g.forwardRef((t, e) => {
   const {
-    isOpen: u,
+    isOpen: c,
     children: f,
     containerClassName: N,
     focusTrapProps: s,
     onExited: d,
     closeButton: w,
-    size: C = j.MD,
+    size: C = F.MD,
     className: h,
     topPosition: y = 100,
     ...v
-  } = t, M = { "--modal-window-top": `${y}px` }, [i] = z(D), { scopeClassName: W } = R(), m = () => {
+  } = t, M = { "--modal-window-top": `${y}px` }, [r] = z(D), { scopeClassName: W } = k(), p = () => {
     const o = document.body.classList;
-    o.contains(r[0]) && o.remove(...r);
-  }, O = () => {
+    o.contains(i[0]) && o.remove(...i);
+  }, x = () => {
     const o = document.body.classList;
-    o.contains(r[0]) || o.add(...r);
-  }, b = () => {
-    m(), d == null || d();
-  }, x = (o) => {
+    o.contains(i[0]) || o.add(...i);
+  }, E = () => {
+    p(), d == null || d();
+  }, b = (o) => {
     typeof e == "function" ? e(o) : e && (e.current = o);
   };
   L(() => () => {
     var o;
-    (o = i.parentNode) == null || o.removeChild(i), m();
-  }, [i]);
-  const E = p(W, a.modalWindowContainer, N), S = p(a.modalWindow, A[C], h);
+    (o = r.parentNode) == null || o.removeChild(r), p();
+  }, [r]);
+  const O = u(W, a.modalWindowContainer, N), S = u(a.modalWindow, A[C], h);
   return /* @__PURE__ */ l(T, { children: [
-    /* @__PURE__ */ n($, { container: i, children: /* @__PURE__ */ n(
-      k,
+    /* @__PURE__ */ n(B, { container: r, children: /* @__PURE__ */ n(
+      $,
       {
-        in: u,
+        in: c,
         timeout: q,
         classNames: "global-modalWindowTransition",
         appear: !0,
         enter: !0,
         exit: !0,
-        onEnter: O,
-        onExited: b,
+        onEnter: x,
+        onExited: E,
         mountOnEnter: !0,
         unmountOnExit: !0,
         children: /* @__PURE__ */ n(
-          B,
+          R,
           {
-            active: !1,
+            active: c,
             ...s,
             focusTrapOptions: {
-              allowOutsideClick: !0,
               preventScroll: !0,
               ...s == null ? void 0 : s.focusTrapOptions
             },
-            children: /* @__PURE__ */ l("div", { className: E, style: M, children: [
+            children: /* @__PURE__ */ l("div", { className: O, style: M, children: [
               /* @__PURE__ */ n("div", { className: a.modalWindowBackdrop }),
               /* @__PURE__ */ n(
                 "div",
@@ -72,7 +72,7 @@ const c = "ufs-modal-window", q = 300, r = ["modal-open", "no-hash-overflow-hidd
                   role: "dialog",
                   "aria-modal": "true",
                   ...v,
-                  ref: x,
+                  ref: b,
                   className: S,
                   children: /* @__PURE__ */ l("div", { className: a.modalWindowContentWrapper, children: [
                     f,
@@ -85,7 +85,7 @@ const c = "ufs-modal-window", q = 300, r = ["modal-open", "no-hash-overflow-hidd
         )
       }
     ) }),
-    /* @__PURE__ */ n(F, {})
+    /* @__PURE__ */ n(j, {})
   ] });
 });
 V.displayName = "ModalWindow";

package/components/ModalWindow/components/ModalWindowBody.js

@@ -1,22 +1,22 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as s } from "../../../chunks/vendor-z35N2Tap.js";
-import { Island as a } from "../../Island/Island.js";
+import { jsx as a } from "react/jsx-runtime";
+import { c as i } from "../../../chunks/vendor-z35N2Tap.js";
+import { Island as s } from "../../Island/Island.js";
 import { EComponentSize as n } from "../../../enums/EComponentSize.js";
 import { EIslandType as l } from "../../Island/enums.js";
-const t = "modalWindowBody__8f621473", r = {
+const t = "modalWindowBody__be029a12", r = {
   modalWindowBody: t
-}, p = ({ children: o, className: d, ...m }) => /* @__PURE__ */ i(
-  a,
+}, e = ({ children: o, className: d, ...m }) => /* @__PURE__ */ a(
+  s,
   {
-    className: s(r.modalWindowBody, d),
+    className: i(r.modalWindowBody, d),
     type: l.TYPE_1,
     size: n.MD,
     ...m,
     children: o
   }
 );
-p.displayName = "ModalWindowBody";
+e.displayName = "ModalWindowBody";
 export {
-  p as ModalWindowBody
+  e as ModalWindowBody
 };
 //# sourceMappingURL=ModalWindowBody.js.map

package/components/ModalWindow/components/ModalWindowClose.js

@@ -4,25 +4,25 @@ import { CrossStrokeSrvIcon20 as m } from "@sberbusiness/icons-next";
 import { Button as n } from "../../Button/Button.js";
 import { EButtonTheme as i } from "../../Button/enums.js";
 import { TriggerClickOnKeyDownEvent as l } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
-import { EComponentSize as s } from "../../../enums/EComponentSize.js";
-import { EVENT_KEY_CODES as d } from "../../../utils/keyboard.js";
-const C = "modalWindowClose__0249c8b3", a = {
+import { EComponentSize as d } from "../../../enums/EComponentSize.js";
+import { EVENT_KEY_CODES as s } from "../../../utils/keyboard.js";
+const C = "modalWindowClose__6c7ddf03", a = {
   modalWindowClose: C
-}, p = (r) => {
+}, f = (r) => {
   const e = t(null);
-  return /* @__PURE__ */ o("div", { className: a.modalWindowClose, children: /* @__PURE__ */ o(l, { eventKeyCode: d.ESCAPE, targetRef: e, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o("div", { className: a.modalWindowClose, children: /* @__PURE__ */ o(l, { eventKeyCode: s.ESCAPE, targetRef: e, children: /* @__PURE__ */ o(
     n,
     {
       ref: e,
       icon: /* @__PURE__ */ o(m, { paletteIndex: 0 }),
       ...r,
-      size: s.MD,
+      size: d.MD,
       theme: i.SECONDARY
     }
   ) }) });
 };
-p.displayName = "ModalWindowClose";
+f.displayName = "ModalWindowClose";
 export {
-  p as ModalWindowClose
+  f as ModalWindowClose
 };
 //# sourceMappingURL=ModalWindowClose.js.map

package/components/ModalWindow/components/ModalWindowContent.js

@@ -2,7 +2,7 @@ import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import { c as i } from "../../../chunks/vendor-z35N2Tap.js";
 import l from "react";
 import { LoaderScreen as c } from "../../LoaderScreen/LoaderScreen.js";
-import { s as o } from "../../../chunks/ModalWindow.module-D-ruP-W_.js";
+import { s as o } from "../../../chunks/ModalWindow.module-BL1rtFYz.js";
 import { Page as p } from "../../Page/Page.js";
 const f = l.forwardRef(
   ({ isLoading: e, className: r, loadingTitle: m, children: d, ...t }, n) => /* @__PURE__ */ s(

package/components/ModalWindow/components/ModalWindowHeader.js

@@ -2,7 +2,7 @@ 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-z35N2Tap.js";
-const t = "modalWindowHeader__d3ebb551", s = {
+const t = "modalWindowHeader__df8cf5e3", s = {
   modalWindowHeader: t
 }, o = ({ className: d, children: a, ...r }) => /* @__PURE__ */ m(e, { className: l(s.modalWindowHeader, d), ...r, type: i.FIRST, children: a });
 o.Title = e.Title;

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import p, { useState as s, useRef as h, useLayoutEffect as g } from "react";
 import { g as R, i as W, p as c } from "../../../chunks/vendor-z35N2Tap.js";
 import { Portal as M } from "../../Portal/Portal.js";
-import { s as N } from "../../../chunks/ModalWindow.module-D-ruP-W_.js";
+import { s as N } from "../../../chunks/ModalWindow.module-BL1rtFYz.js";
 const l = "modalWindowViewManagerNodeId", x = () => {
   let e = document.querySelector(`#${l}`);
   return e || (e = document.createElement("div"), e.setAttribute("id", l), document.body.appendChild(e)), e;

package/components/MonthYearRange/MonthYearRange.js

@@ -5,7 +5,7 @@ import { CaretleftStrokeSrvIcon20 as v, RangeStrokeSrvIcon16 as V, CaretrightStr
 import { c as d } from "../../chunks/vendor-z35N2Tap.js";
 import { dateFormatYYYYMMDD as a } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit as E } from "./enums.js";
-const F = "monthYearRange__b114a9fb", j = "monthYearRangeButton__32556ea7", w = "separator__4b7fa585", l = {
+const F = "monthYearRange__d5872d90", j = "monthYearRangeButton__432b9a51", w = "separator__c2b2f624", l = {
   monthYearRange: F,
   monthYearRangeButton: j,
   separator: w
@@ -23,7 +23,7 @@ const F = "monthYearRange__b114a9fb", j = "monthYearRangeButton__32556ea7", w =
     renderButtonBack: h,
     ...S
   }, k) => {
-    const [t, r] = p, b = d(l.monthYearRange, R), x = (e) => {
+    const [t, r] = p, x = d(l.monthYearRange, R), b = (e) => {
       !e || !r || e <= r ? o([e, r]) : o([e, ""]);
     }, B = (e) => {
       !e || !t || e >= t ? o([t, e]) : o(["", e]);
@@ -44,7 +44,7 @@ const F = "monthYearRange__b114a9fb", j = "monthYearRangeButton__32556ea7", w =
         n.add(s, m).format(a)
       ]);
     };
-    return /* @__PURE__ */ N("div", { className: b, ...S, ref: k, children: [
+    return /* @__PURE__ */ N("div", { className: x, ...S, ref: k, children: [
       !f && h({
         children: /* @__PURE__ */ i(v, { paletteIndex: 5 }),
         className: d(l.monthYearRangeButton),
@@ -52,7 +52,7 @@ const F = "monthYearRange__b114a9fb", j = "monthYearRangeButton__32556ea7", w =
         onClick: I
       }),
       Y({
-        onChange: x,
+        onChange: b,
         value: t
       }),
       /* @__PURE__ */ i(V, { className: l.separator, paletteIndex: 5 }),

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -4,7 +4,7 @@ import { F as u } from "../../../chunks/vendor-z35N2Tap.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-D093kwGL.js";
+import "../../../chunks/DropdownListItem-9uM7fY6X.js";
 import { EDropdownWidth as f } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -1,27 +1,27 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { useContext as m } from "react";
-import { MultiselectFieldContext as d } from "../MultiselectFieldContext.js";
+import { MultiselectFieldContext as a } from "../MultiselectFieldContext.js";
 import { createSizeToClassNameMap as i } from "../../../utils/classNameMaps.js";
-import { c as a } from "../../../chunks/vendor-z35N2Tap.js";
+import { c as d } from "../../../chunks/vendor-z35N2Tap.js";
 import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const _ = "multiselectFieldContent__a7cd3d04", C = "loaderScreen__facac94e", u = "sm__ce67e56d", f = "md__eed22633", x = "lg__dcc201e2", e = {
+const _ = "multiselectFieldContent__177d55a8", f = "loaderScreen__2cff0b00", C = "sm__f8e602a9", u = "md__a84cd65c", x = "lg__b4d9abab", e = {
   multiselectFieldContent: _,
-  loaderScreen: C,
-  sm: u,
-  md: f,
+  loaderScreen: f,
+  sm: C,
+  md: u,
   lg: x
-}, F = i(e), y = ({
+}, F = i(e), j = ({
   children: t,
   className: o,
   loading: s,
   ...l
 }) => {
-  const { size: c } = m(d);
-  return /* @__PURE__ */ n(
+  const { size: n } = m(a);
+  return /* @__PURE__ */ c(
     "div",
     {
       tabIndex: -1,
-      className: a(e.multiselectFieldContent, F[c], o),
+      className: d(e.multiselectFieldContent, F[n], o),
       ...l,
       children: [
         t,
@@ -31,6 +31,6 @@ const _ = "multiselectFieldContent__a7cd3d04", C = "loaderScreen__facac94e", u =
   );
 };
 export {
-  y as MultiselectFieldDropdownContent
+  j as MultiselectFieldDropdownContent
 };
 //# sourceMappingURL=MultiselectFieldDropdownContent.js.map

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-z35N2Tap.js";
-const i = "multiselectFieldFooter__1daab8ee", c = {
+const i = "multiselectFieldFooter__1e4b1f57", c = {
   multiselectFieldFooter: i
 }, m = ({
   children: e,

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

@@ -1,13 +1,13 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as d } from "../../../chunks/vendor-z35N2Tap.js";
-const i = "multiselectFieldHeader__d836599a", c = {
-  multiselectFieldHeader: i
-}, a = ({
+import { c as i } from "../../../chunks/vendor-z35N2Tap.js";
+const d = "multiselectFieldHeader__87708577", c = {
+  multiselectFieldHeader: d
+}, m = ({
   children: e,
   className: l,
   ...t
-}) => /* @__PURE__ */ s("div", { className: d(c.multiselectFieldHeader, l), ...t, children: e });
+}) => /* @__PURE__ */ s("div", { className: i(c.multiselectFieldHeader, l), ...t, children: e });
 export {
-  a as MultiselectFieldDropdownHeader
+  m as MultiselectFieldDropdownHeader
 };
 //# sourceMappingURL=MultiselectFieldDropdownHeader.js.map

package/components/Notification/Notification.js

@@ -4,7 +4,7 @@ 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-CGwe5hz6.js";
+import { s as i } from "../../chunks/Notification.module-DGitAi0W.js";
 const o = ((t) => {
   const {
     children: a,
@@ -24,7 +24,7 @@ const o = ((t) => {
       role: "alertdialog",
       className: c,
       onClick: m,
-      "data-tx": "0.31.0",
+      "data-tx": "0.33.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-CGwe5hz6.js";
+import { s as e } from "../../chunks/Notification.module-DGitAi0W.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-CGwe5hz6.js";
+import { s as f } from "../../../chunks/Notification.module-DGitAi0W.js";
 const o = ((t) => {
   const { children: i } = t;
   return /* @__PURE__ */ r("div", { className: f.notificationBody, children: i });

package/components/Notification/components/NotificationBodyList.js

@@ -1,7 +1,7 @@
 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-CGwe5hz6.js";
+import { s as a } from "../../../chunks/Notification.module-DGitAi0W.js";
 import { c as e } from "../../../chunks/vendor-z35N2Tap.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";

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-CGwe5hz6.js";
+import { s as m } from "../../../chunks/Notification.module-DGitAi0W.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-CGwe5hz6.js";
+import { s as i } from "../../../chunks/Notification.module-DGitAi0W.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-z35N2Tap.js";
-import { s as o } from "../../../chunks/Notification.module-CGwe5hz6.js";
+import { s as o } from "../../../chunks/Notification.module-DGitAi0W.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-CGwe5hz6.js";
+import { s as a } from "../../../chunks/Notification.module-DGitAi0W.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-CGwe5hz6.js";
+import { s as t } from "../../../chunks/Notification.module-DGitAi0W.js";
 const s = ({ children: o }) => /* @__PURE__ */ i("div", { className: t.notificationIcon, children: o });
 s.displayName = "NotificationIcon";
 export {

package/components/Notification/components/NotificationTime.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as t } from "../../../chunks/Notification.module-CGwe5hz6.js";
+import { s as t } from "../../../chunks/Notification.module-DGitAi0W.js";
 const s = ({ time: i }) => /* @__PURE__ */ o("span", { className: t.notificationTime, children: i });
 s.displayName = "NotificationTime";
 export {

package/components/NumberField/NumberFieldInput.js

@@ -3,7 +3,7 @@ import h, { useCallback as l } from "react";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import { F as d } from "../../chunks/FormFieldInput-DEkpK71h.js";
+import { F as d } from "../../chunks/FormFieldInput-CLHhO8Kh.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";