@sberbusiness/triplex-next 0.29.0 → 0.31.0

package/components/ListMaster/components/ListMasterHeader.js

@@ -1,22 +1,22 @@
-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-DJ6wKpvR.js";
-const p = "listMasterHeader__baef4b26", y = "sticky__a63eedb8", c = {
+import { jsx as u } from "react/jsx-runtime";
+import d, { useRef as o, useEffect as m } from "react";
+import { c as w } from "../../../chunks/vendor-z35N2Tap.js";
+const p = "listMasterHeader__43fe476e", y = "sticky__5f15a643", c = {
   listMasterHeader: p,
   sticky: y
-}, H = f.forwardRef(
-  ({ children: i, className: n, sticky: a = !0, ...l }, e) => {
-    const t = o(null), r = o(0);
+}, H = d.forwardRef(
+  ({ children: i, className: n, sticky: a = !0, ...l }, t) => {
+    const e = o(null), r = o(0);
     m(() => {
-      if (t.current)
-        return r.current = t.current.getBoundingClientRect().height, window.scrollTo({ top: window.scrollY + r.current }), () => {
+      if (e.current)
+        return r.current = e.current.getBoundingClientRect().height, window.scrollTo({ top: window.scrollY + r.current }), () => {
           window.scrollTo({ top: Math.max(window.scrollY - r.current, 0) });
         };
     }, []);
-    const u = (s) => {
-      t.current = s, typeof e == "function" ? e(s) : e && (e.current = s);
+    const f = (s) => {
+      e.current = s, typeof t == "function" ? t(s) : t && (t.current = s);
     };
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ u(
       "div",
       {
         className: w(
@@ -27,7 +27,7 @@ const p = "listMasterHeader__baef4b26", y = "sticky__a63eedb8", c = {
           n
         ),
         ...l,
-        ref: u,
+        ref: f,
         children: i
       }
     );

package/components/ListMaster/components/SelectionControls.js

@@ -1,15 +1,15 @@
 import { jsx as l } from "react/jsx-runtime";
-import c from "react";
-import { c as n } from "../../../chunks/vendor-DJ6wKpvR.js";
-const r = "selectionControls__d719acc6", i = {
-  selectionControls: r
-}, a = c.forwardRef(
+import n from "react";
+import { c as r } from "../../../chunks/vendor-z35N2Tap.js";
+const c = "selectionControls__5b075f39", i = {
+  selectionControls: c
+}, a = n.forwardRef(
   ({ children: o, className: t, ...s }, e) => /* @__PURE__ */ l(
     "div",
     {
-      className: n(i.selectionControls, t),
+      className: r(i.selectionControls, t),
       ...s,
-      "data-tx": "0.29.0",
+      "data-tx": "0.31.0",
       ref: e,
       children: o
     }

package/components/Loader/LoaderMiddle/LoaderMiddle.js

@@ -1,7 +1,7 @@
-import { jsx as o, jsxs as t } from "react/jsx-runtime";
-import { c as a } from "../../../chunks/vendor-DJ6wKpvR.js";
-const s = "loaderMiddle__8ea2c4ad", e = "loaderMiddleDots__dff0860a", l = "dot__5613b222", c = "dot1__d49dba1b", i = "dot2__d1a7ffa7", n = "dot3__906590cd", r = "dot4__8b072239", _ = "line__5f42ad7b", d = {
-  loaderMiddle: s,
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { c as t } from "../../../chunks/vendor-z35N2Tap.js";
+const a = "loaderMiddle__5eb49d99", e = "loaderMiddleDots__d0c0090c", l = "dot__f849ce6f", c = "dot1__6a43f24c", i = "dot2__781922c8", n = "dot3__5f37455a", r = "dot4__31cb1a23", _ = "line__15bba838", d = {
+  loaderMiddle: a,
   loaderMiddleDots: e,
   dot: l,
   dot1: c,
@@ -9,12 +9,12 @@ const s = "loaderMiddle__8ea2c4ad", e = "loaderMiddleDots__dff0860a", l = "dot__
   dot3: n,
   dot4: r,
   line: _
-}, m = () => /* @__PURE__ */ o("div", { role: "status", "aria-label": "loading", className: d.loaderMiddle, children: /* @__PURE__ */ t("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: a(d.dot, d.dot1) }),
-  /* @__PURE__ */ o("span", { className: a(d.dot, d.dot2) }),
-  /* @__PURE__ */ o("span", { className: a(d.dot, d.dot3) }),
-  /* @__PURE__ */ o("span", { className: a(d.dot, d.dot4) })
+  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot1) }),
+  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot2) }),
+  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot3) }),
+  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot4) })
 ] }) });
 m.displayName = "LoaderMiddle";
 export {

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -1,25 +1,25 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { c as o } from "../../../chunks/vendor-DJ6wKpvR.js";
+import { c as o } from "../../../chunks/vendor-z35N2Tap.js";
 import { ELoaderSmallTheme as s } from "./enum.js";
-import { createSizeToClassNameMap as n } from "../../../utils/classNameMaps.js";
-const c = "loaderSmall__9a56b632", _ = "sm__ee42ff1e", p = "dot__5613b222", i = "md__a9305077", N = "lg__4cec421d", b = "neutral__c1ea1ee1", f = "brand__41d3e0a6", S = "dot1__d49dba1b", u = "dot2__d1a7ffa7", T = "dot3__906590cd", a = {
-  loaderSmall: c,
+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 = {
+  loaderSmall: n,
   sm: _,
   dot: p,
-  md: i,
-  lg: N,
-  neutral: b,
-  brand: f,
+  md: f,
+  lg: i,
+  neutral: N,
+  brand: b,
   dot1: S,
   dot2: u,
   dot3: T
 }, g = {
   [s.BRAND]: a.brand,
   [s.NEUTRAL]: a.neutral
-}, x = n(a), L = ({ className: d, theme: e, size: l, ...m }) => /* @__PURE__ */ r(
+}, x = c(a), L = ({ className: l, theme: e, size: d, ...m }) => /* @__PURE__ */ r(
   "span",
   {
-    className: o(a.loaderSmall, g[e], x[l], d),
+    className: o(a.loaderSmall, g[e], x[d], l),
     role: "status",
     "aria-label": "loading",
     ...m,

package/components/LoaderScreen/LoaderScreen.js

@@ -1,28 +1,28 @@
-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-DJ6wKpvR.js";
+import { c as p } from "../../chunks/vendor-z35N2Tap.js";
 import { EComponentSize as t } from "../../enums/EComponentSize.js";
-const S = "loaderScreen__85e1ba01", B = "loaderSmallBackdrop__95ed4195", k = "loaderMiddleBackdrop__b46c46db", r = {
+const S = "loaderScreen__2336fa07", B = "loaderSmallBackdrop__d99f3224", k = "loaderMiddleBackdrop__abc66a33", e = {
   loaderScreen: S,
   loaderSmallBackdrop: B,
   loaderMiddleBackdrop: k
-}, M = ({
-  className: o,
-  size: a = t.MD,
-  type: d,
+}, f = ({
+  className: a,
+  size: d = t.MD,
+  type: o,
   theme: l = i.BRAND,
   ...c
 }) => {
-  const m = p(o, r.loaderScreen, {
-    [r.loaderSmallBackdrop]: d === "small",
-    [r.loaderMiddleBackdrop]: d === "middle"
+  const m = p(a, e.loaderScreen, {
+    [e.loaderSmallBackdrop]: o === "small",
+    [e.loaderMiddleBackdrop]: o === "middle"
   });
-  return /* @__PURE__ */ e("div", { className: m, ...c, children: d === "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: o === "small" ? /* @__PURE__ */ r(s, { size: d, theme: l }) : /* @__PURE__ */ r("div", { className: e.loaderMiddleBackground, children: /* @__PURE__ */ r(n, {}) }) });
 };
-M.displayName = "LoaderScreen";
+f.displayName = "LoaderScreen";
 export {
-  M as LoaderScreen
+  f as LoaderScreen
 };
 //# sourceMappingURL=LoaderScreen.js.map

package/components/Marker/Marker.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as o } from "../../chunks/vendor-DJ6wKpvR.js";
-import { a as t, s as e } from "../../chunks/utils-DNiUrC2u.js";
+import { c as o } from "../../chunks/vendor-z35N2Tap.js";
+import { a as t, s as e } from "../../chunks/utils-DBuNwIFU.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-DNiUrC2u.js";
+import { s as t } from "../../chunks/utils-DBuNwIFU.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 d } from "../Marker/Marker.js";
-import { c as k } from "../../chunks/vendor-DJ6wKpvR.js";
-import { s as f } from "../../chunks/utils-DNiUrC2u.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 "../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__52d92b9f", T = "contentContainer__1ee6348c", u = "md__70aedb92", z = "markerContainer__20a9c58a", E = "lg__2be2b2ad", e = {
+const x = "markerStatus__f6cdddab", T = "contentContainer__f9b6455f", u = "md__17574ee9", z = "markerContainer__b72ca261", E = "lg__5846e6e5", e = {
   markerStatus: x,
   contentContainer: T,
   md: u,
@@ -26,8 +26,8 @@ const x = "markerStatus__52d92b9f", T = "contentContainer__1ee6348c", u = "md__7
   size: r = a.MD,
   ...C
 }) => {
-  const S = k(e.markerStatus, D[r], f[m], l);
-  return /* @__PURE__ */ s("div", { className: S, "data-tx": "0.29.0", ...C, children: [
+  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 }),

package/components/ModalWindow/ModalWindow.js

@@ -1,10 +1,10 @@
 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 u, C as k, F as B } from "../../chunks/vendor-DJ6wKpvR.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-4BH52pa7.js";
+import { s as a } from "../../chunks/ModalWindow.module-D-ruP-W_.js";
 import { EComponentSize as j } 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 = () => {
@@ -14,7 +14,7 @@ const c = "ufs-modal-window", q = 300, r = ["modal-open", "no-hash-overflow-hidd
   return e.className = `${c}-portal-node`, t.appendChild(e), e;
 }, V = g.forwardRef((t, e) => {
   const {
-    isOpen: m,
+    isOpen: u,
     children: f,
     containerClassName: N,
     focusTrapProps: s,
@@ -24,27 +24,27 @@ const c = "ufs-modal-window", q = 300, r = ["modal-open", "no-hash-overflow-hidd
     className: h,
     topPosition: y = 100,
     ...v
-  } = t, M = { "--modal-window-top": `${y}px` }, [i] = z(D), { scopeClassName: W } = R(), p = () => {
+  } = t, M = { "--modal-window-top": `${y}px` }, [i] = z(D), { scopeClassName: W } = R(), m = () => {
     const o = document.body.classList;
     o.contains(r[0]) && o.remove(...r);
   }, O = () => {
     const o = document.body.classList;
     o.contains(r[0]) || o.add(...r);
   }, b = () => {
-    p(), d == null || d();
+    m(), d == null || d();
   }, x = (o) => {
     typeof e == "function" ? e(o) : e && (e.current = o);
   };
   L(() => () => {
     var o;
-    (o = i.parentNode) == null || o.removeChild(i), p();
+    (o = i.parentNode) == null || o.removeChild(i), m();
   }, [i]);
-  const E = u(W, a.modalWindowContainer, N), S = u(a.modalWindow, A[C], h);
+  const E = p(W, a.modalWindowContainer, N), S = p(a.modalWindow, A[C], h);
   return /* @__PURE__ */ l(T, { children: [
     /* @__PURE__ */ n($, { container: i, children: /* @__PURE__ */ n(
       k,
       {
-        in: m,
+        in: u,
         timeout: q,
         classNames: "global-modalWindowTransition",
         appear: !0,
@@ -57,7 +57,7 @@ const c = "ufs-modal-window", q = 300, r = ["modal-open", "no-hash-overflow-hidd
         children: /* @__PURE__ */ n(
           B,
           {
-            active: m,
+            active: !1,
             ...s,
             focusTrapOptions: {
               allowOutsideClick: !0,

package/components/ModalWindow/components/ModalWindowBody.js

@@ -1,9 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as s } from "../../../chunks/vendor-DJ6wKpvR.js";
+import { c as s } from "../../../chunks/vendor-z35N2Tap.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__d84982f2", r = {
+const t = "modalWindowBody__8f621473", r = {
   modalWindowBody: t
 }, p = ({ children: o, className: d, ...m }) => /* @__PURE__ */ i(
   a,

package/components/ModalWindow/components/ModalWindowClose.js

@@ -6,7 +6,7 @@ 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__941c9b38", a = {
+const C = "modalWindowClose__0249c8b3", a = {
   modalWindowClose: C
 }, p = (r) => {
   const e = t(null);

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-DJ6wKpvR.js";
+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-4BH52pa7.js";
+import { s as o } from "../../../chunks/ModalWindow.module-D-ruP-W_.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

@@ -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-DJ6wKpvR.js";
-const t = "modalWindowHeader__593eb6ce", s = {
+import { c as l } from "../../../chunks/vendor-z35N2Tap.js";
+const t = "modalWindowHeader__d3ebb551", 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 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-DJ6wKpvR.js";
+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-4BH52pa7.js";
+import { s as N } from "../../../chunks/ModalWindow.module-D-ruP-W_.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

@@ -2,10 +2,10 @@ import { jsxs as N, jsx as i } from "react/jsx-runtime";
 import _ 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-DJ6wKpvR.js";
+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__cb9875b3", j = "monthYearRangeButton__1c2e2ea9", w = "separator__6dc12df7", l = {
+const F = "monthYearRange__b114a9fb", j = "monthYearRangeButton__32556ea7", w = "separator__4b7fa585", l = {
   monthYearRange: F,
   monthYearRangeButton: j,
   separator: w
@@ -23,7 +23,7 @@ const F = "monthYearRange__cb9875b3", j = "monthYearRangeButton__1c2e2ea9", w =
     renderButtonBack: h,
     ...S
   }, k) => {
-    const [t, r] = p, x = d(l.monthYearRange, R), b = (e) => {
+    const [t, r] = p, b = d(l.monthYearRange, R), x = (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__cb9875b3", j = "monthYearRangeButton__1c2e2ea9", w =
         n.add(s, m).format(a)
       ]);
     };
-    return /* @__PURE__ */ N("div", { className: x, ...S, ref: k, children: [
+    return /* @__PURE__ */ N("div", { className: b, ...S, ref: k, children: [
       !f && h({
         children: /* @__PURE__ */ i(v, { paletteIndex: 5 }),
         className: d(l.monthYearRangeButton),
@@ -52,7 +52,7 @@ const F = "monthYearRange__cb9875b3", j = "monthYearRangeButton__1c2e2ea9", w =
         onClick: I
       }),
       Y({
-        onChange: b,
+        onChange: x,
         value: t
       }),
       /* @__PURE__ */ i(V, { className: l.separator, paletteIndex: 5 }),

package/components/MultiselectField/MultiselectField.js

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

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -1,11 +1,11 @@
-import { jsx as r } from "react/jsx-runtime";
-import l, { useContext as c } from "react";
-import { F as a } from "../../../chunks/vendor-DJ6wKpvR.js";
+import { jsx as i } from "react/jsx-runtime";
+import c, { useContext as s, useEffect as a } from "react";
+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-CGZyMM5K.js";
-import { EDropdownWidth as s } from "../../Dropdown/desktop/enums.js";
+import "../../../chunks/DropdownListItem-D093kwGL.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";
@@ -18,37 +18,40 @@ import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { Dropdown as F } from "../../Dropdown/Dropdown.js";
-import { MultiselectFieldDropdownHeader as u } 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(
-  l.forwardRef(
-    ({ children: e, focusTrapProps: t, opened: i, targetRef: m, mobileViewProps: o, ...p }, n) => {
-      const { size: d } = c(M);
-      return /* @__PURE__ */ r(
+import { MultiselectFieldDropdownHeader as D } from "./MultiselectFieldDropdownHeader.js";
+import { MultiselectFieldDropdownContent as M } from "./MultiselectFieldDropdownContent.js";
+import { MultiselectFieldDropdownFooter as w } from "./MultiselectFieldDropdownFooter.js";
+import { MultiselectFieldContext as O } from "../MultiselectFieldContext.js";
+const h = Object.assign(
+  c.forwardRef(
+    ({ children: m, focusTrapProps: t, opened: e, targetRef: n, mobileViewProps: r, ...l }, p) => {
+      const { size: d, mouseUsedRef: o } = s(O);
+      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,
+          targetRef: n,
+          opened: e,
           size: d,
-          ...p,
-          ref: n,
-          children: /* @__PURE__ */ r(
-            a,
+          ...l,
+          ref: p,
+          children: /* @__PURE__ */ i(
+            u,
             {
               ...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: u,
-    Content: f,
-    Footer: D
+    Header: D,
+    Content: M,
+    Footer: w
   }
 );
-w.displayName = "MultiselectFieldDropdown";
+h.displayName = "MultiselectFieldDropdown";
 export {
-  w as MultiselectFieldDropdown
+  h as MultiselectFieldDropdown
 };
 //# sourceMappingURL=MultiselectFieldDropdown.js.map

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -1,27 +1,27 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { useContext as m } from "react";
 import { MultiselectFieldContext as d } from "../MultiselectFieldContext.js";
-import { createSizeToClassNameMap as a } from "../../../utils/classNameMaps.js";
-import { c as i } from "../../../chunks/vendor-DJ6wKpvR.js";
+import { createSizeToClassNameMap as i } from "../../../utils/classNameMaps.js";
+import { c as a } from "../../../chunks/vendor-z35N2Tap.js";
 import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const _ = "multiselectFieldContent__af5c9d6a", C = "loaderScreen__602d5cd1", f = "sm__9ea772d8", u = "md__d651f9b5", x = "lg__8768acd5", e = {
+const _ = "multiselectFieldContent__a7cd3d04", C = "loaderScreen__facac94e", u = "sm__ce67e56d", f = "md__eed22633", x = "lg__dcc201e2", e = {
   multiselectFieldContent: _,
   loaderScreen: C,
-  sm: f,
-  md: u,
+  sm: u,
+  md: f,
   lg: x
-}, F = a(e), j = ({
+}, F = i(e), y = ({
   children: t,
   className: o,
   loading: s,
   ...l
 }) => {
-  const { size: n } = m(d);
-  return /* @__PURE__ */ c(
+  const { size: c } = m(d);
+  return /* @__PURE__ */ n(
     "div",
     {
       tabIndex: -1,
-      className: i(e.multiselectFieldContent, F[n], o),
+      className: a(e.multiselectFieldContent, F[c], o),
       ...l,
       children: [
         t,
@@ -31,6 +31,6 @@ const _ = "multiselectFieldContent__af5c9d6a", C = "loaderScreen__602d5cd1", f =
   );
 };
 export {
-  j as MultiselectFieldDropdownContent
+  y 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-DJ6wKpvR.js";
-const i = "multiselectFieldFooter__0c65db01", c = {
+import { c as s } from "../../../chunks/vendor-z35N2Tap.js";
+const i = "multiselectFieldFooter__1daab8ee", c = {
   multiselectFieldFooter: i
 }, m = ({
   children: e,

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

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