@sberbusiness/triplex-next 1.29.0 → 1.31.0

package/components/LoaderScreen/LoaderScreen.js

@@ -1,25 +1,25 @@
-import { jsx as e } from "react/jsx-runtime";
+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-C_uS77iF.js";
+import { c as p } from "../../chunks/vendor-82AnkPpo.js";
 import { EComponentSize as t } from "../../enums/EComponentSize.js";
-const S = "loaderScreen__21147711", B = "loaderSmallBackdrop__bcda5ebf", k = "loaderMiddleBackdrop__cab2eb22", r = {
+const S = "loaderScreen__135dfe10", B = "loaderSmallBackdrop__c5767910", k = "loaderMiddleBackdrop__0d9fc152", 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, r.loaderScreen, {
-    [r.loaderSmallBackdrop]: o === "small",
-    [r.loaderMiddleBackdrop]: o === "middle"
+  const m = p(o, e.loaderScreen, {
+    [e.loaderSmallBackdrop]: d === "small",
+    [e.loaderMiddleBackdrop]: d === "middle"
   });
-  return /* @__PURE__ */ e("div", { className: m, ...c, children: o === "small" ? /* @__PURE__ */ e(s, { size: a, theme: l }) : /* @__PURE__ */ e("div", { className: r.loaderMiddleBackground, children: /* @__PURE__ */ e(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-C_uS77iF.js";
-import { a as t, s as e } from "../../chunks/utils-BG289Tpd.js";
+import { c as o } from "../../chunks/vendor-82AnkPpo.js";
+import { a as t, s as e } from "../../chunks/utils-BFyvyQPY.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-BG289Tpd.js";
+import { s as t } from "../../chunks/utils-BFyvyQPY.js";
 export {
   t as statusToClassNameMap
 };

package/components/MarkerStatus/MarkerStatus.js

@@ -1,7 +1,7 @@
 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-C_uS77iF.js";
-import { s as k } from "../../chunks/utils-BG289Tpd.js";
+import { c as f } from "../../chunks/vendor-82AnkPpo.js";
+import { s as k } from "../../chunks/utils-BFyvyQPY.js";
 import { ETextSize as n, EFontType as i, ECaptionSize as _ } from "../Typography/enums.js";
 import { Caption as M } from "../Typography/Caption.js";
 import "../Typography/CodeText.js";
@@ -9,7 +9,7 @@ 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__38df53cd", T = "contentContainer__a1c73412", u = "md__8f47fad0", z = "markerContainer__154d3a65", E = "lg__e12e5c25", e = {
+const x = "markerStatus__7ef9df19", T = "contentContainer__28328b90", u = "md__dc319553", z = "markerContainer__a21dd451", E = "lg__33ca0f2f", e = {
   markerStatus: x,
   contentContainer: T,
   md: u,
@@ -18,7 +18,7 @@ const x = "markerStatus__38df53cd", T = "contentContainer__a1c73412", u = "md__8
 }, h = {
   [a.MD]: n.B4,
   [a.LG]: n.B3
-}, D = N(e), L = ({
+}, D = N(e), G = ({
   children: p,
   className: l,
   description: o,
@@ -27,7 +27,7 @@ const x = "markerStatus__38df53cd", T = "contentContainer__a1c73412", u = "md__8
   ...C
 }) => {
   const d = f(e.markerStatus, D[r], k[m], l);
-  return /* @__PURE__ */ s("div", { className: d, "data-tx": "1.29.0", ...C, children: [
+  return /* @__PURE__ */ s("div", { className: d, "data-tx": "1.31.0", ...C, children: [
     /* @__PURE__ */ t("div", { className: e.markerContainer, children: /* @__PURE__ */ t(S, { status: m, size: r }) }),
     /* @__PURE__ */ s("div", { className: e.contentContainer, children: [
       /* @__PURE__ */ t(c, { size: h[r], children: p }),
@@ -36,6 +36,6 @@ const x = "markerStatus__38df53cd", T = "contentContainer__a1c73412", u = "md__8
   ] });
 };
 export {
-  L as MarkerStatus
+  G as MarkerStatus
 };
 //# sourceMappingURL=MarkerStatus.js.map

package/components/ModalWindow/ModalWindow.js

@@ -1,20 +1,20 @@
-import { jsxs as l, Fragment as S, jsx as n } from "react/jsx-runtime";
+import { jsxs as l, Fragment as S, jsx as a } from "react/jsx-runtime";
 import g, { useState as z, useEffect as L } from "react";
 import { Portal as R } from "../Portal/Portal.js";
-import { c as u, C as $, g as k } from "../../chunks/vendor-C_uS77iF.js";
+import { c as p, C as $, g as k } from "../../chunks/vendor-82AnkPpo.js";
 import { ModalWindowViewManager as B } from "./components/ModalWindowViewManager.js";
 import { useToken as j } from "../ThemeProvider/useToken.js";
-import { s as a } from "../../chunks/ModalWindow.module-lrXOmH_L.js";
+import { s as n } from "../../chunks/ModalWindow.module-CcEb5ZBL.js";
 import { EComponentSize as F } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as P } from "../../utils/classNameMaps.js";
-const c = "ufs-modal-window", _ = 300, i = ["modal-open", "no-hash-overflow-hidden"], q = P(a), A = () => {
+const c = "ufs-modal-window", _ = 300, i = ["modal-open", "no-hash-overflow-hidden"], q = P(n), A = () => {
   let t = document.querySelector(`#${c}-wrapper`);
   t || (t = document.createElement("div"), t.setAttribute("id", `${c}-wrapper`), document.body.appendChild(t));
   const e = document.createElement("div");
   return e.className = `${c}-portal-node`, t.appendChild(e), e;
 }, D = g.forwardRef((t, e) => {
   const {
-    isOpen: m,
+    isOpen: u,
     children: f,
     containerClassName: N,
     focusTrapProps: s,
@@ -24,27 +24,27 @@ const c = "ufs-modal-window", _ = 300, i = ["modal-open", "no-hash-overflow-hidd
     className: h,
     topPosition: y = 100,
     ...v
-  } = t, M = { "--modal-window-top": `${y}px` }, [r] = z(A), { scopeClassName: W } = j(), p = () => {
+  } = t, M = { "--modal-window-top": `${y}px` }, [r] = z(A), { scopeClassName: W } = j(), m = () => {
     const o = document.body.classList;
     o.contains(i[0]) && o.remove(...i);
   }, x = () => {
     const o = document.body.classList;
     o.contains(i[0]) || o.add(...i);
   }, E = () => {
-    p(), d == null || d();
+    m(), d == null || d();
   }, O = (o) => {
     typeof e == "function" ? e(o) : e && (e.current = o);
   };
   L(() => () => {
     var o;
-    (o = r.parentNode) == null || o.removeChild(r), p();
+    (o = r.parentNode) == null || o.removeChild(r), m();
   }, [r]);
-  const T = u(W, a.modalWindowContainer, N), b = u(a.modalWindow, q[C], h);
+  const T = p(W, n.modalWindowContainer, N), b = p(n.modalWindow, q[C], h);
   return /* @__PURE__ */ l(S, { children: [
-    /* @__PURE__ */ n(R, { container: r, children: /* @__PURE__ */ n(
+    /* @__PURE__ */ a(R, { container: r, children: /* @__PURE__ */ a(
       $,
       {
-        in: m,
+        in: u,
         timeout: _,
         classNames: "global-modalWindowTransition",
         appear: !0,
@@ -54,10 +54,10 @@ const c = "ufs-modal-window", _ = 300, i = ["modal-open", "no-hash-overflow-hidd
         onExited: E,
         mountOnEnter: !0,
         unmountOnExit: !0,
-        children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ a(
           k.FocusTrap,
           {
-            active: m,
+            active: !1,
             ...s,
             focusTrapOptions: {
               allowOutsideClick: !0,
@@ -65,8 +65,8 @@ const c = "ufs-modal-window", _ = 300, i = ["modal-open", "no-hash-overflow-hidd
               ...s == null ? void 0 : s.focusTrapOptions
             },
             children: /* @__PURE__ */ l("div", { className: T, style: M, children: [
-              /* @__PURE__ */ n("div", { className: a.modalWindowBackdrop }),
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ a("div", { className: n.modalWindowBackdrop }),
+              /* @__PURE__ */ a(
                 "div",
                 {
                   role: "dialog",
@@ -74,7 +74,7 @@ const c = "ufs-modal-window", _ = 300, i = ["modal-open", "no-hash-overflow-hidd
                   ...v,
                   ref: O,
                   className: b,
-                  children: /* @__PURE__ */ l("div", { className: a.modalWindowContentWrapper, children: [
+                  children: /* @__PURE__ */ l("div", { className: n.modalWindowContentWrapper, children: [
                     f,
                     w
                   ] })
@@ -85,7 +85,7 @@ const c = "ufs-modal-window", _ = 300, i = ["modal-open", "no-hash-overflow-hidd
         )
       }
     ) }),
-    /* @__PURE__ */ n(B, {})
+    /* @__PURE__ */ a(B, {})
   ] });
 });
 D.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-C_uS77iF.js";
+import { c as s } from "../../../chunks/vendor-82AnkPpo.js";
 import { Island as a } from "../../Island/Island.js";
 import { EComponentSize as n } from "../../../enums/EComponentSize.js";
 import { EIslandType as l } from "../../Island/enums.js";
-const t = "modalWindowBody__44ee725d", e = {
+const t = "modalWindowBody__18fd3cbb", r = {
   modalWindowBody: t
-}, r = ({ children: o, className: d, ...m }) => /* @__PURE__ */ i(
+}, p = ({ children: o, className: d, ...m }) => /* @__PURE__ */ i(
   a,
   {
-    className: s(e.modalWindowBody, d),
+    className: s(r.modalWindowBody, d),
     type: l.TYPE_1,
     size: n.MD,
     ...m,
     children: o
   }
 );
-r.displayName = "ModalWindowBody";
+p.displayName = "ModalWindowBody";
 export {
-  r as ModalWindowBody
+  p as ModalWindowBody
 };
 //# sourceMappingURL=ModalWindowBody.js.map

package/components/ModalWindow/components/ModalWindowClose.js

@@ -6,11 +6,11 @@ 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__6179fed8", a = {
-  modalWindowClose: C
-}, f = (r) => {
+const a = "modalWindowClose__6da4e797", C = {
+  modalWindowClose: a
+}, p = (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: C.modalWindowClose, children: /* @__PURE__ */ o(l, { eventKeyCode: d.ESCAPE, targetRef: e, children: /* @__PURE__ */ o(
     n,
     {
       ref: e,
@@ -21,8 +21,8 @@ const C = "modalWindowClose__6179fed8", a = {
     }
   ) }) });
 };
-f.displayName = "ModalWindowClose";
+p.displayName = "ModalWindowClose";
 export {
-  f as ModalWindowClose
+  p as ModalWindowClose
 };
 //# sourceMappingURL=ModalWindowClose.js.map

package/components/ModalWindow/components/ModalWindowContent.js

@@ -1,8 +1,8 @@
 import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-C_uS77iF.js";
+import { c as i } from "../../../chunks/vendor-82AnkPpo.js";
 import l from "react";
 import { LoaderScreen as c } from "../../LoaderScreen/LoaderScreen.js";
-import { s as o } from "../../../chunks/ModalWindow.module-lrXOmH_L.js";
+import { s as o } from "../../../chunks/ModalWindow.module-CcEb5ZBL.js";
 import { Page as f } from "../../Page/Page.js";
 const p = l.forwardRef(
   ({ isLoading: e, className: r, loadingTitle: d, children: m, ...t }, n) => /* @__PURE__ */ s(

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-C_uS77iF.js";
-const t = "modalWindowHeader__33fe8d1a", s = {
+import { c as l } from "../../../chunks/vendor-82AnkPpo.js";
+const t = "modalWindowHeader__2db11834", 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,8 +1,8 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import h, { useState as s, useRef as p, useLayoutEffect as R } from "react";
-import { h as g, i as W, p as c } from "../../../chunks/vendor-C_uS77iF.js";
+import { h as g, i as W, p as c } from "../../../chunks/vendor-82AnkPpo.js";
 import { Portal as M } from "../../Portal/Portal.js";
-import { s as N } from "../../../chunks/ModalWindow.module-lrXOmH_L.js";
+import { s as N } from "../../../chunks/ModalWindow.module-CcEb5ZBL.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

@@ -1,15 +1,15 @@
-import { jsxs as M, jsx as i } from "react/jsx-runtime";
-import N from "react";
+import { jsxs as N, jsx as i } from "react/jsx-runtime";
+import b from "react";
 import c from "moment";
 import { CaretleftStrokeSrvIcon20 as v, RangeStrokeSrvIcon16 as V, CaretrightStrokeSrvIcon20 as C } from "@sberbusiness/icons-next";
-import { c as d } from "../../chunks/vendor-C_uS77iF.js";
+import { c as d } from "../../chunks/vendor-82AnkPpo.js";
 import { dateFormatYYYYMMDD as a } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit as E } from "./enums.js";
-const F = "monthYearRange__6309d25f", j = "monthYearRangeButton__c1cf2e8b", w = "separator__91bfb2a5", l = {
+const F = "monthYearRange__b1a028e5", j = "monthYearRangeButton__4c4ea5dd", w = "separator__28f6a226", l = {
   monthYearRange: F,
   monthYearRangeButton: j,
   separator: w
-}, y = N.forwardRef(
+}, y = b.forwardRef(
   ({
     className: R,
     value: p,
@@ -23,11 +23,11 @@ const F = "monthYearRange__6309d25f", j = "monthYearRangeButton__c1cf2e8b", w =
     renderButtonBack: h,
     ...S
   }, k) => {
-    const [t, r] = p, _ = d(l.monthYearRange, R), b = (e) => {
+    const [t, r] = p, _ = d(l.monthYearRange, R), x = (e) => {
       !e || !r || e <= r ? o([e, r]) : o([e, ""]);
-    }, x = (e) => {
+    }, B = (e) => {
       !e || !t || e >= t ? o([t, e]) : o(["", e]);
-    }, B = () => {
+    }, I = () => {
       if (!t || !r)
         return;
       const e = c(t, a, !0), n = c(r, a, !0);
@@ -35,7 +35,7 @@ const F = "monthYearRange__6309d25f", j = "monthYearRangeButton__c1cf2e8b", w =
         e.subtract(s, m).format(a),
         n.subtract(s, m).format(a)
       ]);
-    }, I = () => {
+    }, M = () => {
       if (!t || !r)
         return;
       const e = c(t, a, !0), n = c(r, a, !0);
@@ -44,27 +44,27 @@ const F = "monthYearRange__6309d25f", j = "monthYearRangeButton__c1cf2e8b", w =
         n.add(s, m).format(a)
       ]);
     };
-    return /* @__PURE__ */ M("div", { className: _, ...S, ref: k, children: [
+    return /* @__PURE__ */ N("div", { className: _, ...S, ref: k, children: [
       !f && h({
         children: /* @__PURE__ */ i(v, { paletteIndex: 5 }),
         className: d(l.monthYearRangeButton),
         disabled: !(t && r),
-        onClick: B
+        onClick: I
       }),
       u({
-        onChange: b,
+        onChange: x,
         value: t
       }),
       /* @__PURE__ */ i(V, { className: l.separator, paletteIndex: 5 }),
       Y({
-        onChange: x,
+        onChange: B,
         value: r
       }),
       !f && g({
         children: /* @__PURE__ */ i(C, { paletteIndex: 5 }),
         className: d(l.monthYearRangeButton),
         disabled: !(t && r),
-        onClick: I
+        onClick: M
       })
     ] });
   }

package/components/MultiselectField/MultiselectField.js

@@ -1,22 +1,27 @@
-import { jsx as e } from "react/jsx-runtime";
-import d from "react";
-import { SelectExtendedField as m } from "../SelectExtendedField/SelectExtendedField.js";
+import { jsx as r } from "react/jsx-runtime";
+import p, { useRef as s } from "react";
+import { SelectExtendedField as a } from "../SelectExtendedField/SelectExtendedField.js";
 import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
-import { SelectExtendedFieldTarget as p } from "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
-import { MultiselectFieldContext as n } from "./MultiselectFieldContext.js";
-import { MultiselectFieldDropdown as c } from "./components/MultiselectFieldDropdown.js";
-import { EComponentSize as f } from "../../enums/EComponentSize.js";
-const a = Object.assign(
-  d.forwardRef(
-    ({ children: t, className: r, size: o = f.MD, ...i }, l) => /* @__PURE__ */ e(n.Provider, { value: { size: o }, children: /* @__PURE__ */ e(m, { className: r, ref: l, ...i, children: t }) })
+import { SelectExtendedFieldTarget as n } from "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
+import { MultiselectFieldContext as u } from "./MultiselectFieldContext.js";
+import { MultiselectFieldDropdown as F } from "./components/MultiselectFieldDropdown.js";
+import { EComponentSize as x } from "../../enums/EComponentSize.js";
+const R = Object.assign(
+  p.forwardRef(
+    ({ children: i, className: l, size: o = x.MD, onMouseDown: e, ...d }, m) => {
+      const t = s(!1), c = (f) => {
+        t.current = !0, e == null || e(f);
+      };
+      return /* @__PURE__ */ r(u.Provider, { value: { size: o, mouseUsedRef: t }, children: /* @__PURE__ */ r(a, { className: l, onMouseDown: c, ref: m, ...d, children: i }) });
+    }
   ),
   {
-    Dropdown: c,
-    Target: p
+    Dropdown: F,
+    Target: n
   }
 );
-a.displayName = "MultiselectField";
+R.displayName = "MultiselectField";
 export {
-  a as MultiselectField
+  R as MultiselectField
 };
 //# sourceMappingURL=MultiselectField.js.map

package/components/MultiselectField/MultiselectFieldContext.js

@@ -1,8 +1,9 @@
-import t from "react";
-import { EComponentSize as e } from "../../enums/EComponentSize.js";
+import e from "react";
+import { EComponentSize as t } from "../../enums/EComponentSize.js";
 const o = {
-  size: e.MD
-}, n = t.createContext(o);
+  size: t.MD,
+  mouseUsedRef: { current: !1 }
+}, n = e.createContext(o);
 export {
   n as MultiselectFieldContext,
   o as initialMultiselectFieldContext

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -1,11 +1,11 @@
-import { jsx as r } from "react/jsx-runtime";
-import n, { useContext as c } from "react";
-import { g as a } from "../../../chunks/vendor-C_uS77iF.js";
+import { jsx as i } from "react/jsx-runtime";
+import d, { useContext as s, useEffect as a } from "react";
+import { g as u } from "../../../chunks/vendor-82AnkPpo.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-C7Maa_Sz.js";
-import { EDropdownWidth as s } from "../../Dropdown/desktop/enums.js";
+import "../../../chunks/DropdownListItem-Dy7ejFWN.js";
+import { EDropdownWidth as f } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -17,38 +17,41 @@ import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { Dropdown as u } from "../../Dropdown/Dropdown.js";
-import { MultiselectFieldDropdownHeader as f } from "./MultiselectFieldDropdownHeader.js";
-import { MultiselectFieldDropdownContent as F } from "./MultiselectFieldDropdownContent.js";
-import { MultiselectFieldDropdownFooter as D } from "./MultiselectFieldDropdownFooter.js";
-import { MultiselectFieldContext as M } from "../MultiselectFieldContext.js";
-const w = Object.assign(
-  n.forwardRef(
-    ({ children: e, focusTrapProps: t, opened: i, targetRef: m, mobileViewProps: o, ...p }, d) => {
-      const { size: l } = c(M);
-      return /* @__PURE__ */ r(
-        u,
+import { Dropdown as F } from "../../Dropdown/Dropdown.js";
+import { MultiselectFieldDropdownHeader as D } from "./MultiselectFieldDropdownHeader.js";
+import { MultiselectFieldDropdownContent as M } from "./MultiselectFieldDropdownContent.js";
+import { MultiselectFieldDropdownFooter as w } from "./MultiselectFieldDropdownFooter.js";
+import { MultiselectFieldContext as x } from "../MultiselectFieldContext.js";
+const O = Object.assign(
+  d.forwardRef(
+    ({ children: m, focusTrapProps: t, opened: e, targetRef: n, mobileViewProps: r, ...p }, l) => {
+      const { size: c, mouseUsedRef: o } = s(x);
+      return a(() => {
+        e || (o.current = !1);
+      }, [e, o]), /* @__PURE__ */ i(
+        F,
         {
-          width: s.MIN_TARGET,
+          width: f.MIN_TARGET,
           mobileViewProps: {
-            ...o,
-            className: o == null ? void 0 : o.className
+            ...r,
+            className: r == null ? void 0 : r.className
           },
-          targetRef: m,
-          opened: i,
-          size: l,
+          targetRef: n,
+          opened: e,
+          size: c,
           ...p,
-          ref: d,
-          children: /* @__PURE__ */ r(
-            a.FocusTrap,
+          ref: l,
+          children: /* @__PURE__ */ i(
+            u.FocusTrap,
             {
               ...t,
               focusTrapOptions: {
                 clickOutsideDeactivates: !0,
                 preventScroll: !0,
+                returnFocusOnDeactivate: !o.current,
                 ...t == null ? void 0 : t.focusTrapOptions
               },
-              children: /* @__PURE__ */ r("div", { role: "presentation", children: e })
+              children: /* @__PURE__ */ i("div", { role: "presentation", children: m })
             }
           )
         }
@@ -56,13 +59,13 @@ const w = Object.assign(
     }
   ),
   {
-    Header: f,
-    Content: F,
-    Footer: D
+    Header: D,
+    Content: M,
+    Footer: w
   }
 );
-w.displayName = "MultiselectFieldDropdown";
+O.displayName = "MultiselectFieldDropdown";
 export {
-  w as MultiselectFieldDropdown
+  O as MultiselectFieldDropdown
 };
 //# sourceMappingURL=MultiselectFieldDropdown.js.map

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -1,22 +1,22 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { useContext as m } from "react";
-import { MultiselectFieldContext as a } from "../MultiselectFieldContext.js";
-import { createSizeToClassNameMap as i } from "../../../utils/classNameMaps.js";
-import { c as d } from "../../../chunks/vendor-C_uS77iF.js";
-import { LoaderScreen as f } from "../../LoaderScreen/LoaderScreen.js";
-const p = "multiselectFieldContent__fe389fef", _ = "loaderScreen__40aa281a", C = "sm__c2cac32f", u = "md__5dd46c98", x = "lg__f0b852ba", e = {
-  multiselectFieldContent: p,
-  loaderScreen: _,
-  sm: C,
+import { MultiselectFieldContext as i } from "../MultiselectFieldContext.js";
+import { createSizeToClassNameMap as a } from "../../../utils/classNameMaps.js";
+import { c as d } from "../../../chunks/vendor-82AnkPpo.js";
+import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
+const _ = "multiselectFieldContent__d6692fe5", C = "loaderScreen__cc3a58cb", f = "sm__3b44c310", u = "md__c295ee34", x = "lg__ab8c1f57", e = {
+  multiselectFieldContent: _,
+  loaderScreen: C,
+  sm: f,
   md: u,
   lg: x
-}, F = i(e), j = ({
+}, F = a(e), j = ({
   children: t,
   className: o,
   loading: s,
   ...l
 }) => {
-  const { size: c } = m(a);
+  const { size: c } = m(i);
   return /* @__PURE__ */ n(
     "div",
     {
@@ -25,7 +25,7 @@ const p = "multiselectFieldContent__fe389fef", _ = "loaderScreen__40aa281a", C =
       ...l,
       children: [
         t,
-        s && /* @__PURE__ */ r(f, { type: "small", className: e.loaderScreen })
+        s && /* @__PURE__ */ r(p, { type: "small", className: e.loaderScreen })
       ]
     }
   );

package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js

@@ -1,13 +1,13 @@
 import { jsx as l } from "react/jsx-runtime";
-import { c as s } from "../../../chunks/vendor-C_uS77iF.js";
-const i = "multiselectFieldFooter__d1c406d0", c = {
+import { c as s } from "../../../chunks/vendor-82AnkPpo.js";
+const i = "multiselectFieldFooter__f86323e3", c = {
   multiselectFieldFooter: i
-}, d = ({
+}, m = ({
   children: e,
   className: t,
   ...o
 }) => /* @__PURE__ */ l("div", { className: s(c.multiselectFieldFooter, t), ...o, children: e });
 export {
-  d as MultiselectFieldDropdownFooter
+  m as MultiselectFieldDropdownFooter
 };
 //# sourceMappingURL=MultiselectFieldDropdownFooter.js.map

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

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

package/components/Notification/Notification.js

@@ -1,10 +1,10 @@
 import { jsx as f } from "react/jsx-runtime";
-import { c as l } from "../../chunks/vendor-C_uS77iF.js";
+import { c as l } from "../../chunks/vendor-82AnkPpo.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-ZlSN0MGm.js";
+import { s as i } from "../../chunks/Notification.module-DmHe2Kv2.js";
 const o = ((t) => {
   const {
     children: a,
@@ -24,7 +24,7 @@ const o = ((t) => {
       role: "alertdialog",
       className: c,
       onClick: m,
-      "data-tx": "1.29.0",
+      "data-tx": "1.31.0",
       children: a
     }
   );