@sberbusiness/triplex-next 1.21.0 → 1.23.0

package/components/ListMaster/components/ListMasterChipGroup.js

@@ -1,18 +1,14 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import p from "react";
-import { c as a } from "../../../chunks/vendor-CuCj7SgU.js";
-const e = "listMasterChipGroup__9a459d1e", l = {
-  listMasterChipGroup: e
-}, m = p.forwardRef(
-  ({ children: s, className: t, ...r }, i) => (
-    // <ChipGroup className={clsx("cssClass[listMasterChipGroup]", className)} oneLine {...rest} ref={ref}>
-    //     {children}
-    // </ChipGroup>
-    /* @__PURE__ */ o("div", { className: a(l.listMasterChipGroup, t), ref: i, ...r, children: s })
-  )
+import { ChipGroup as e } from "../../ChipGroup/ChipGroup.js";
+import { c as a } from "../../../chunks/vendor-BiObpx9E.js";
+const m = "listMasterChipGroup__ce3a5187", l = {
+  listMasterChipGroup: m
+}, c = p.forwardRef(
+  ({ children: r, className: s, ...t }, o) => /* @__PURE__ */ i(e, { className: a(l.listMasterChipGroup, s), oneLine: !0, ...t, ref: o, children: r })
 );
-m.displayName = "ListMasterChips";
+c.displayName = "ListMasterChips";
 export {
-  m as ListMasterChipGroup
+  c as ListMasterChipGroup
 };
 //# sourceMappingURL=ListMasterChipGroup.js.map

package/components/ListMaster/components/ListMasterFooter.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import m from "react";
-import { c as f } from "../../../chunks/vendor-CuCj7SgU.js";
-import { s as t } from "../../../chunks/ListMasterFooter.module-S-2GdDuq.js";
+import { c as f } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as t } from "../../../chunks/ListMasterFooter.module-D4TPImq7.js";
 const c = 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-CuCj7SgU.js";
-import { s as i } from "../../../chunks/ListMasterFooter.module-S-2GdDuq.js";
+import { c as m } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as i } from "../../../chunks/ListMasterFooter.module-D4TPImq7.js";
 const l = a.forwardRef(
   ({ children: o, className: t, ...r }, s) => /* @__PURE__ */ e("div", { className: m(i.listMasterFooterControls, t), ...r, ref: s, 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-CuCj7SgU.js";
-import { s as m } from "../../../chunks/ListMasterFooter.module-S-2GdDuq.js";
+import { c as a } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as m } from "../../../chunks/ListMasterFooter.module-D4TPImq7.js";
 const p = i.forwardRef(
   ({ children: t, className: o, ...r }, s) => /* @__PURE__ */ e("div", { className: a(m.listMasterFooterDescription, o), ...r, ref: s, children: t })
 );

package/components/ListMaster/components/ListMasterHeader.js

@@ -1,7 +1,7 @@
 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-CuCj7SgU.js";
-const p = "listMasterHeader__dc8c1928", y = "sticky__568e2998", c = {
+import { c as w } from "../../../chunks/vendor-BiObpx9E.js";
+const p = "listMasterHeader__611589a7", y = "sticky__78a049eb", c = {
   listMasterHeader: p,
   sticky: y
 }, H = f.forwardRef(

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-CuCj7SgU.js";
-const c = "selectionControls__c1fb7815", i = {
+import { c as r } from "../../../chunks/vendor-BiObpx9E.js";
+const c = "selectionControls__b9bd61b4", i = {
   selectionControls: c
 }, a = n.forwardRef(
   ({ children: o, className: t, ...s }, e) => /* @__PURE__ */ l(
@@ -9,7 +9,7 @@ const c = "selectionControls__c1fb7815", i = {
     {
       className: r(i.selectionControls, t),
       ...s,
-      "data-tx": "1.21.0",
+      "data-tx": "1.23.0",
       ref: e,
       children: o
     }

package/components/Loader/LoaderMiddle/LoaderMiddle.js

@@ -1,20 +1,20 @@
-import { jsx as o, jsxs as e } from "react/jsx-runtime";
-import { c as t } from "../../../chunks/vendor-CuCj7SgU.js";
-const s = "loaderMiddle__fe43065e", a = "loaderMiddleDots__fc649122", l = "dot__1a34a272", c = "dot1__1051a620", i = "dot2__d9ebd247", n = "dot3__01ec8066", r = "dot4__017af025", _ = "line__c3a4f1c9", d = {
-  loaderMiddle: s,
-  loaderMiddleDots: a,
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import { c as e } from "../../../chunks/vendor-BiObpx9E.js";
+const a = "loaderMiddle__a5a47d47", s = "loaderMiddleDots__52de111b", l = "dot__dd3a3916", i = "dot1__8eb7f79e", n = "dot2__55ad663b", c = "dot3__1be448e7", r = "dot4__80ac15f6", _ = "line__afd9ddee", d = {
+  loaderMiddle: a,
+  loaderMiddleDots: s,
   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__ */ t("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) }),
-  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot3) }),
-  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot4) })
+  /* @__PURE__ */ o("span", { className: e(d.dot, d.dot1) }),
+  /* @__PURE__ */ o("span", { className: e(d.dot, d.dot2) }),
+  /* @__PURE__ */ o("span", { className: e(d.dot, d.dot3) }),
+  /* @__PURE__ */ o("span", { className: e(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-CuCj7SgU.js";
+import { c as o } from "../../../chunks/vendor-BiObpx9E.js";
 import { ELoaderSmallTheme as s } from "./enum.js";
 import { createSizeToClassNameMap as n } from "../../../utils/classNameMaps.js";
-const c = "loaderSmall__8cd15f20", _ = "sm__ebaed98f", p = "dot__1a34a272", i = "md__2f302e2d", N = "lg__8fae32ed", f = "neutral__01c5635a", S = "brand__1714e1e1", b = "dot1__1051a620", u = "dot2__d9ebd247", T = "dot3__01ec8066", a = {
+const c = "loaderSmall__5b9ade56", _ = "sm__9a3a4f57", p = "dot__dd3a3916", b = "md__7a01d893", i = "lg__b52f2de7", N = "neutral__3865167b", S = "brand__8c50abcc", f = "dot1__8eb7f79e", u = "dot2__55ad663b", T = "dot3__1be448e7", a = {
   loaderSmall: c,
   sm: _,
   dot: p,
-  md: i,
-  lg: N,
-  neutral: f,
+  md: b,
+  lg: i,
+  neutral: N,
   brand: S,
-  dot1: b,
+  dot1: f,
   dot2: u,
   dot3: T
 }, g = {
   [s.BRAND]: a.brand,
   [s.NEUTRAL]: a.neutral
-}, x = n(a), L = ({ className: e, theme: d, size: l, ...m }) => /* @__PURE__ */ r(
+}, x = n(a), L = ({ className: d, theme: l, size: e, ...m }) => /* @__PURE__ */ r(
   "span",
   {
-    className: o(a.loaderSmall, g[d], x[l], e),
+    className: o(a.loaderSmall, g[l], x[e], d),
     role: "status",
     "aria-label": "loading",
     ...m,

package/components/LoaderScreen/LoaderScreen.js

@@ -2,27 +2,27 @@ 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-CuCj7SgU.js";
+import { c as p } from "../../chunks/vendor-BiObpx9E.js";
 import { EComponentSize as t } from "../../enums/EComponentSize.js";
-const S = "loaderScreen__82e1cb75", B = "loaderSmallBackdrop__4b37cdbf", k = "loaderMiddleBackdrop__8d73cc2b", e = {
+const S = "loaderScreen__4fbfc757", B = "loaderSmallBackdrop__fa961c92", f = "loaderMiddleBackdrop__03a2b6a4", e = {
   loaderScreen: S,
   loaderSmallBackdrop: B,
-  loaderMiddleBackdrop: k
-}, f = ({
-  className: o,
-  size: a = t.MD,
-  type: d,
+  loaderMiddleBackdrop: f
+}, k = ({
+  className: a,
+  size: d = t.MD,
+  type: o,
   theme: l = i.BRAND,
   ...c
 }) => {
-  const m = p(o, e.loaderScreen, {
-    [e.loaderSmallBackdrop]: d === "small",
-    [e.loaderMiddleBackdrop]: d === "middle"
+  const m = p(a, e.loaderScreen, {
+    [e.loaderSmallBackdrop]: o === "small",
+    [e.loaderMiddleBackdrop]: o === "middle"
   });
-  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, {}) }) });
+  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, {}) }) });
 };
-f.displayName = "LoaderScreen";
+k.displayName = "LoaderScreen";
 export {
-  f as LoaderScreen
+  k 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-CuCj7SgU.js";
-import { a as t, s as e } from "../../chunks/utils-mDzXEbG8.js";
+import { c as o } from "../../chunks/vendor-BiObpx9E.js";
+import { a as t, s as e } from "../../chunks/utils-BDGrf0u9.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-mDzXEbG8.js";
+import { s as t } from "../../chunks/utils-BDGrf0u9.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 k } from "../../chunks/vendor-CuCj7SgU.js";
-import { s as _ } from "../../chunks/utils-mDzXEbG8.js";
-import { ETextSize as n, EFontType as i, ECaptionSize as f } from "../Typography/enums.js";
+import { c as d } from "../../chunks/vendor-BiObpx9E.js";
+import { s as k } from "../../chunks/utils-BDGrf0u9.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 e } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as N } from "../../utils/classNameMaps.js";
-const x = "markerStatus__221351da", T = "contentContainer__dc9cad0a", u = "md__7214a6cd", z = "markerContainer__68889945", E = "lg__323ac368", a = {
+const x = "markerStatus__dfe9c67e", T = "contentContainer__93ff0699", u = "md__dfe08a1c", z = "markerContainer__843daa0b", E = "lg__716a7af6", a = {
   markerStatus: x,
   contentContainer: T,
   md: u,
@@ -17,7 +17,7 @@ const x = "markerStatus__221351da", T = "contentContainer__dc9cad0a", u = "md__7
 }, h = {
   [e.MD]: n.B4,
   [e.LG]: n.B3
-}, D = N(a), G = ({
+}, D = N(a), F = ({
   children: p,
   className: l,
   description: o,
@@ -25,16 +25,16 @@ const x = "markerStatus__221351da", T = "contentContainer__dc9cad0a", u = "md__7
   size: r = e.MD,
   ...C
 }) => {
-  const d = k(a.markerStatus, D[r], _[m], l);
-  return /* @__PURE__ */ s("div", { className: d, "data-tx": "1.21.0", ...C, children: [
+  const f = d(a.markerStatus, D[r], k[m], l);
+  return /* @__PURE__ */ s("div", { className: f, "data-tx": "1.23.0", ...C, children: [
     /* @__PURE__ */ t("div", { className: a.markerContainer, children: /* @__PURE__ */ t(S, { status: m, size: r }) }),
     /* @__PURE__ */ s("div", { className: a.contentContainer, children: [
       /* @__PURE__ */ t(c, { size: h[r], children: p }),
-      o && (r === e.MD ? /* @__PURE__ */ t(M, { size: f.C1, type: i.SECONDARY, children: o }) : /* @__PURE__ */ t(c, { size: n.B4, type: i.SECONDARY, children: o }))
+      o && (r === e.MD ? /* @__PURE__ */ t(M, { size: _.C1, type: i.SECONDARY, children: o }) : /* @__PURE__ */ t(c, { size: n.B4, type: i.SECONDARY, children: o }))
     ] })
   ] });
 };
 export {
-  G as MarkerStatus
+  F as MarkerStatus
 };
 //# sourceMappingURL=MarkerStatus.js.map

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 j } from "../Portal/Portal.js";
-import { c as N, C as F, g as _ } from "../../chunks/vendor-CuCj7SgU.js";
+import { c as N, C as F, g as _ } from "../../chunks/vendor-BiObpx9E.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-BNDWxL9E.js";
+import { s as n } from "../../chunks/ModalWindow.module-u5Pst2YX.js";
 import { EComponentSize as D } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as V } from "../../utils/classNameMaps.js";
 const l = "ufs-modal-window", G = 300, i = ["modal-open", "no-hash-overflow-hidden"], H = V(n), I = $.forwardRef((w, a) => {

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-CuCj7SgU.js";
+import { c as i } from "../../../chunks/vendor-BiObpx9E.js";
 import { Island as n } from "../../Island/Island.js";
 import { EComponentSize as t } from "../../../enums/EComponentSize.js";
-import { EIslandType as r } from "../../Island/enums.js";
-const a = "modalWindowBody__357400b3", l = {
-  modalWindowBody: a
+import { EIslandType as a } from "../../Island/enums.js";
+const r = "modalWindowBody__d7b61dda", l = {
+  modalWindowBody: r
 }, w = ({ children: o, className: d, ...m }) => /* @__PURE__ */ s(
   n,
   {
     className: i(l.modalWindowBody, d),
-    type: r.TYPE_1,
+    type: a.TYPE_1,
     size: t.MD,
     ...m,
     children: o

package/components/ModalWindow/components/ModalWindowClose.js

@@ -4,26 +4,26 @@ import { EVENT_KEY_CODES as m } from "../../../utils/keyboard.js";
 import { useRef as n } from "react";
 import { Button as i } from "../../Button/Button.js";
 import { CrossStrokeSrvIcon20 as l } from "@sberbusiness/icons-next";
-import { EComponentSize as d } from "../../../enums/EComponentSize.js";
-import { EButtonTheme as s } from "../../Button/enums.js";
-const a = "modalWindowClose__2fca6d1d", C = {
-  modalWindowClose: a
-}, f = (t) => {
+import { EComponentSize as s } from "../../../enums/EComponentSize.js";
+import { EButtonTheme as d } from "../../Button/enums.js";
+const C = "modalWindowClose__b969c381", a = {
+  modalWindowClose: C
+}, p = (t) => {
   const e = n(null);
-  return /* @__PURE__ */ o("div", { className: C.modalWindowClose, children: /* @__PURE__ */ o(r, { eventKeyCode: m.ESCAPE, targetRef: e, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o("div", { className: a.modalWindowClose, children: /* @__PURE__ */ o(r, { eventKeyCode: m.ESCAPE, targetRef: e, children: /* @__PURE__ */ o(
     i,
     {
       title: "Закрыть",
       ref: e,
       icon: /* @__PURE__ */ o(l, { paletteIndex: 0 }),
       ...t,
-      size: d.MD,
-      theme: s.SECONDARY
+      size: s.MD,
+      theme: d.SECONDARY
     }
   ) }) });
 };
-f.displayName = "ModalWindowClose";
+p.displayName = "ModalWindowClose";
 export {
-  f as ModalWindowClose
+  p as ModalWindowClose
 };
 //# sourceMappingURL=ModalWindowClose.js.map

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-CuCj7SgU.js";
+import { c as d } from "../../../chunks/vendor-BiObpx9E.js";
 import { LoaderScreen as i } from "../../LoaderScreen/LoaderScreen.js";
-import { s as o } from "../../../chunks/ModalWindow.module-BNDWxL9E.js";
+import { s as o } from "../../../chunks/ModalWindow.module-u5Pst2YX.js";
 import { Page as l } from "../../Page/Page.js";
 const W = ({
   isLoading: e,

package/components/ModalWindow/components/ModalWindowHeader.js

@@ -1,8 +1,8 @@
 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-CuCj7SgU.js";
-const t = "modalWindowHeader__995cf071", s = {
+import { c as l } from "../../../chunks/vendor-BiObpx9E.js";
+const t = "modalWindowHeader__c6e5a04a", s = {
   modalWindowHeader: t
 }, o = ({ className: a, children: d, ...r }) => /* @__PURE__ */ m(e, { className: l(s.modalWindowHeader, a), ...r, type: i.FIRST, children: d });
 o.Title = e.Title;

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -1,8 +1,8 @@
 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 { h as g, i as W, p as a } from "../../../chunks/vendor-CuCj7SgU.js";
+import { h as g, i as W, p as a } from "../../../chunks/vendor-BiObpx9E.js";
 import { Portal as M } from "../../Portal/Portal.js";
-import { s as R } from "../../../chunks/ModalWindow.module-BNDWxL9E.js";
+import { s as R } from "../../../chunks/ModalWindow.module-u5Pst2YX.js";
 const s = "modalWindowViewManagerNodeId", z = () => {
   const [d, c] = r(), [t, l] = r(), o = h(null), n = () => {
     if (o.current) {

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -1,65 +1,68 @@
 import { jsx as r } from "react/jsx-runtime";
-import f, { useState as p, useContext as w, useEffect as F } from "react";
-import { g as D } from "../../../chunks/vendor-CuCj7SgU.js";
-import { Dropdown as M } from "../../Dropdown/Dropdown.js";
-import { MultiselectFieldDropdownHeader as x } from "./MultiselectFieldDropdownHeader.js";
-import { MultiselectFieldDropdownContent as v } from "./MultiselectFieldDropdownContent.js";
-import { MultiselectFieldDropdownFooter as C } from "./MultiselectFieldDropdownFooter.js";
-import { MobileView as O } from "../../MobileView/MobileView.js";
-import { MultiselectFieldContext as h } from "../MultiselectFieldContext.js";
-const N = Object.assign(
-  f.forwardRef(
-    ({ children: l, focusTrapProps: t, opened: e, targetRef: c, mobileViewProps: o, ...n }, a) => {
-      const [d, s] = p(!1), { size: m } = w(h);
-      F(() => {
-        const u = window.setTimeout(() => s(e));
-        return () => window.clearTimeout(u);
-      }, [e]);
-      const i = () => /* @__PURE__ */ r(
-        M,
+import n, { useContext as c } from "react";
+import { g as a } from "../../../chunks/vendor-BiObpx9E.js";
+import "../../Dropdown/DropdownListContext.js";
+import "../../Dropdown/desktop/DropdownDesktop.js";
+import "../../Dropdown/desktop/DropdownList.js";
+import "../../../chunks/DropdownListItem-BOB8eQXM.js";
+import { EDropdownWidth as s } from "../../Dropdown/desktop/enums.js";
+import "../../Dropdown/mobile/DropdownMobile.js";
+import "../../Dropdown/mobile/DropdownMobileBody.js";
+import "../../Dropdown/mobile/DropdownMobileClose.js";
+import "../../Dropdown/mobile/DropdownMobileFooter.js";
+import "../../Dropdown/mobile/DropdownMobileHeader.js";
+import "../../Dropdown/mobile/DropdownMobileInner.js";
+import "../../Dropdown/mobile/DropdownMobileInput.js";
+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,
         {
-          fixedWidth: !1,
+          width: s.MIN_TARGET,
           mobileViewProps: {
             ...o,
             className: o == null ? void 0 : o.className
           },
-          targetRef: c,
-          opened: e,
-          size: m,
-          ...n,
-          ref: a,
-          children: l
-        }
-      );
-      return /* @__PURE__ */ r(
-        O,
-        {
-          fallback: e ? /* @__PURE__ */ r(
-            D.FocusTrap,
+          targetRef: m,
+          opened: i,
+          size: l,
+          ...p,
+          ref: d,
+          children: /* @__PURE__ */ r(
+            a.FocusTrap,
             {
-              active: d,
               ...t,
               focusTrapOptions: {
                 clickOutsideDeactivates: !0,
                 preventScroll: !0,
                 ...t == null ? void 0 : t.focusTrapOptions
               },
-              children: i()
+              children: /* @__PURE__ */ r("div", { role: "presentation", children: e })
             }
-          ) : null,
-          children: i()
+          )
         }
       );
     }
   ),
   {
-    Header: x,
-    Content: v,
-    Footer: C
+    Header: f,
+    Content: F,
+    Footer: D
   }
 );
-N.displayName = "MultiselectFieldDropdown";
+w.displayName = "MultiselectFieldDropdown";
 export {
-  N as MultiselectFieldDropdown
+  w as MultiselectFieldDropdown
 };
 //# sourceMappingURL=MultiselectFieldDropdown.js.map

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -1,29 +1,36 @@
-import { jsx as t, jsxs as i } 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 { createSizeToClassNameMap as a } from "../../../utils/classNameMaps.js";
-import { c as l } from "../../../chunks/vendor-CuCj7SgU.js";
-import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const C = "multiselectFieldContentWrapper__6139a255", u = "multiselectFieldContent__115d0340", _ = "loaderScreen__e5c27f15", F = "sm__0552f198", f = "md__1d44b971", x = "lg__6d1ae31d", e = {
-  multiselectFieldContentWrapper: C,
-  multiselectFieldContent: u,
+import { createSizeToClassNameMap as i } from "../../../utils/classNameMaps.js";
+import { c as a } from "../../../chunks/vendor-BiObpx9E.js";
+import { LoaderScreen as f } from "../../LoaderScreen/LoaderScreen.js";
+const p = "multiselectFieldContent__fc590f51", _ = "loaderScreen__56e2d765", C = "sm__694fcde1", u = "md__99ffda7d", x = "lg__41d90e74", e = {
+  multiselectFieldContent: p,
   loaderScreen: _,
-  sm: F,
-  md: f,
+  sm: C,
+  md: u,
   lg: x
-}, S = a(e), h = ({
-  children: s,
+}, F = i(e), y = ({
+  children: t,
   className: o,
-  loading: n,
-  ...r
+  loading: s,
+  ...l
 }) => {
-  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, S[c]), children: [
-    s,
-    n && /* @__PURE__ */ t(p, { type: "small", className: e.loaderScreen })
-  ] }) });
+  const { size: n } = m(d);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      tabIndex: -1,
+      className: a(e.multiselectFieldContent, F[n], o),
+      ...l,
+      children: [
+        t,
+        s && /* @__PURE__ */ r(f, { type: "small", className: e.loaderScreen })
+      ]
+    }
+  );
 };
 export {
-  h 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-CuCj7SgU.js";
-const i = "multiselectFieldFooter__964a6caf", c = {
+import { c as s } from "../../../chunks/vendor-BiObpx9E.js";
+const i = "multiselectFieldFooter__da620199", 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 i } from "../../../chunks/vendor-CuCj7SgU.js";
-const c = "multiselectFieldHeader__8404cf87", d = {
+import { c as i } from "../../../chunks/vendor-BiObpx9E.js";
+const c = "multiselectFieldHeader__18b88fac", d = {
   multiselectFieldHeader: c
-}, m = ({
+}, a = ({
   children: e,
   className: l,
   ...t
 }) => /* @__PURE__ */ s("div", { className: i(d.multiselectFieldHeader, l), ...t, children: e });
 export {
-  m as MultiselectFieldDropdownHeader
+  a 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-CuCj7SgU.js";
+import { c as l } from "../../chunks/vendor-BiObpx9E.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-BukggXdi.js";
+import { s as i } from "../../chunks/Notification.module-809Tnazq.js";
 const o = ((t) => {
   const {
     children: a,
@@ -24,7 +24,7 @@ const o = ((t) => {
       role: "alertdialog",
       className: c,
       onClick: m,
-      "data-tx": "1.21.0",
+      "data-tx": "1.23.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-BukggXdi.js";
+import { s as e } from "../../chunks/Notification.module-809Tnazq.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-BukggXdi.js";
+import { s as f } from "../../../chunks/Notification.module-809Tnazq.js";
 const o = ((t) => {
   const { children: i } = t;
   return /* @__PURE__ */ r("div", { className: f.notificationBody, children: i });