@sberbusiness/triplex-next 1.26.0 → 1.27.0

package/components/LoaderScreen/LoaderScreen.js

@@ -1,28 +1,28 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as e } 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-DudMBGKr.js";
 import { EComponentSize as t } from "../../enums/EComponentSize.js";
-const S = "loaderScreen__9f14d02f", B = "loaderSmallBackdrop__93cb6090", f = "loaderMiddleBackdrop__2703f310", e = {
+const S = "loaderScreen__d168d19e", B = "loaderSmallBackdrop__c903d7ea", k = "loaderMiddleBackdrop__4209c439", r = {
   loaderScreen: S,
   loaderSmallBackdrop: B,
-  loaderMiddleBackdrop: f
-}, k = ({
-  className: d,
+  loaderMiddleBackdrop: k
+}, M = ({
+  className: o,
   size: a = t.MD,
-  type: o,
+  type: d,
   theme: l = i.BRAND,
   ...c
 }) => {
-  const m = p(d, e.loaderScreen, {
-    [e.loaderSmallBackdrop]: o === "small",
-    [e.loaderMiddleBackdrop]: o === "middle"
+  const m = p(o, r.loaderScreen, {
+    [r.loaderSmallBackdrop]: d === "small",
+    [r.loaderMiddleBackdrop]: d === "middle"
   });
-  return /* @__PURE__ */ r("div", { className: m, ...c, children: o === "small" ? /* @__PURE__ */ r(s, { size: a, theme: l }) : /* @__PURE__ */ r("div", { className: e.loaderMiddleBackground, children: /* @__PURE__ */ r(n, {}) }) });
+  return /* @__PURE__ */ 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, {}) }) });
 };
-k.displayName = "LoaderScreen";
+M.displayName = "LoaderScreen";
 export {
-  k as LoaderScreen
+  M 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-DudMBGKr.js";
-import { a as t, s as e } from "../../chunks/utils-BYHIu3S4.js";
+import { a as t, s as e } from "../../chunks/utils-DfVeTN89.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-BYHIu3S4.js";
+import { s as t } from "../../chunks/utils-DfVeTN89.js";
 export {
   t as statusToClassNameMap
 };

package/components/MarkerStatus/MarkerStatus.js

@@ -1,37 +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-DudMBGKr.js";
-import { s as k } from "../../chunks/utils-BYHIu3S4.js";
+import { Marker as S } from "../Marker/Marker.js";
+import { c as k } from "../../chunks/vendor-DudMBGKr.js";
+import { s as f } from "../../chunks/utils-DfVeTN89.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";
 import { Text as c } from "../Typography/Text.js";
 import "../Typography/Title.js";
-import { EComponentSize as e } from "../../enums/EComponentSize.js";
+import { EComponentSize as a } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as N } from "../../utils/classNameMaps.js";
-const x = "markerStatus__9173c571", T = "contentContainer__19adaae8", u = "md__ba7f338d", z = "markerContainer__837c1f3c", E = "lg__92e5b0b4", a = {
+const x = "markerStatus__7cc34cb5", T = "contentContainer__de5ef125", u = "md__b8d003d7", z = "markerContainer__e95e9244", E = "lg__1da42ea8", r = {
   markerStatus: x,
   contentContainer: T,
   md: u,
   markerContainer: z,
   lg: E
 }, h = {
-  [e.MD]: n.B4,
-  [e.LG]: n.B3
-}, D = N(a), G = ({
+  [a.MD]: n.B4,
+  [a.LG]: n.B3
+}, D = N(r), G = ({
   children: p,
   className: l,
   description: o,
   status: m,
-  size: r = e.MD,
+  size: e = a.MD,
   ...C
 }) => {
-  const S = f(a.markerStatus, D[r], k[m], l);
-  return /* @__PURE__ */ s("div", { className: S, "data-tx": "1.26.0", ...C, children: [
-    /* @__PURE__ */ t("div", { className: a.markerContainer, children: /* @__PURE__ */ t(d, { 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: _.C1, type: i.SECONDARY, children: o }) : /* @__PURE__ */ t(c, { size: n.B4, type: i.SECONDARY, children: o }))
+  const d = k(r.markerStatus, D[e], f[m], l);
+  return /* @__PURE__ */ s("div", { className: d, "data-tx": "1.27.0", ...C, children: [
+    /* @__PURE__ */ t("div", { className: r.markerContainer, children: /* @__PURE__ */ t(S, { status: m, size: e }) }),
+    /* @__PURE__ */ s("div", { className: r.contentContainer, children: [
+      /* @__PURE__ */ t(c, { size: h[e], children: p }),
+      o && (e === a.MD ? /* @__PURE__ */ t(M, { size: _.C1, type: i.SECONDARY, children: o }) : /* @__PURE__ */ t(c, { size: n.B4, type: i.SECONDARY, children: o }))
     ] })
   ] });
 };

package/components/ModalWindow/ModalWindow.js

@@ -4,7 +4,7 @@ import { Portal as j } from "../Portal/Portal.js";
 import { c as N, C as F, g as _ } from "../../chunks/vendor-DudMBGKr.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-Cek3j-PN.js";
+import { s as n } from "../../chunks/ModalWindow.module-Be4wGbwq.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

@@ -3,12 +3,12 @@ import { c as i } from "../../../chunks/vendor-DudMBGKr.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__e3e41381", e = {
+const a = "modalWindowBody__cc00db95", l = {
   modalWindowBody: a
 }, w = ({ children: o, className: d, ...m }) => /* @__PURE__ */ s(
   n,
   {
-    className: i(e.modalWindowBody, d),
+    className: i(l.modalWindowBody, d),
     type: r.TYPE_1,
     size: t.MD,
     ...m,

package/components/ModalWindow/components/ModalWindowClose.js

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

package/components/ModalWindow/components/ModalWindowContent.js

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

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-DudMBGKr.js";
-const t = "modalWindowHeader__9c346e37", s = {
+const t = "modalWindowHeader__48a5d284", 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

@@ -2,7 +2,7 @@ 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-DudMBGKr.js";
 import { Portal as M } from "../../Portal/Portal.js";
-import { s as R } from "../../../chunks/ModalWindow.module-Cek3j-PN.js";
+import { s as R } from "../../../chunks/ModalWindow.module-Be4wGbwq.js";
 const s = "modalWindowViewManagerNodeId", z = () => {
   const [d, c] = r(), [t, l] = r(), o = h(null), n = () => {
     if (o.current) {

package/components/MonthYearField/MonthYearField.js

@@ -1,66 +1,68 @@
 import { jsx as a } from "react/jsx-runtime";
-import M, { useState as T, useEffect as v } from "react";
+import C, { useState as T, useEffect as v } from "react";
 import { DatePickerExtended as y } from "../DatePickerExtended/DatePickerExtended.js";
-import { dateFormatYYYYMMDD as C, globalLimitRange as F } from "../../consts/DateConst.js";
-import { MonthYearPickerUtils as l } from "./utils.js";
-import { DropdownMobileInput as S } from "../Dropdown/mobile/DropdownMobileInput.js";
-import { ECalendarPickType as V } from "../Calendar/enums.js";
-import { MonthYearFieldContext as w } from "./MonthYearFieldContext.js";
-import { MonthYearFieldTarget as x } from "./MonthYearFieldTarget.js";
-const R = M.forwardRef((s, m) => {
+import { dateFormatYYYYMMDD as F, globalLimitRange as S } from "../../consts/DateConst.js";
+import { MonthYearPickerUtils as p } from "./utils.js";
+import { DropdownMobileInput as V } from "../Dropdown/mobile/DropdownMobileInput.js";
+import { ECalendarPickType as w } from "../Calendar/enums.js";
+import { MonthYearFieldContext as x } from "./MonthYearFieldContext.js";
+import { MonthYearFieldTarget as R } from "./MonthYearFieldTarget.js";
+const b = C.forwardRef((s, m) => {
   const {
     size: u,
     status: c,
     value: n,
     label: d,
     placeholder: i,
-    format: r = C,
-    limitRange: t = F,
-    onChange: p,
-    targetProps: f,
-    ...g
-  } = s, [o, P] = T(l.getPickerValues(n, r, t));
+    format: r = F,
+    limitRange: t = S,
+    onChange: l,
+    onClear: f,
+    targetProps: g,
+    ...P
+  } = s, [o, h] = T(p.getPickerValues(n, r, t));
   v(() => {
-    const e = l.getPickerValues(n, r, t);
-    e.inputString !== o.inputString && P(e);
+    const e = p.getPickerValues(n, r, t);
+    e.inputString !== o.inputString && h(e);
   }, [n, r, t]);
-  const h = () => {
-    const { inputProps: e, ...D } = f || {};
-    return /* @__PURE__ */ a(w.Provider, { value: { onChange: p }, children: /* @__PURE__ */ a(
-      x,
+  const k = () => {
+    const { inputProps: e, ...M } = g || {};
+    return /* @__PURE__ */ a(x.Provider, { value: { onChange: l }, children: /* @__PURE__ */ a(
+      R,
       {
         size: u,
         status: c,
         label: d,
+        onClear: f,
         inputProps: {
           value: o.inputString,
           placeholder: i,
           readOnly: !0,
           ...e
         },
-        ...D
+        ...M
       }
     ) });
-  }, k = () => /* @__PURE__ */ a(S, { value: o.inputString, placeholder: i, readOnly: !0 }), Y = (e) => {
-    p(e.format(r));
+  }, Y = () => /* @__PURE__ */ a(V, { value: o.inputString, placeholder: i, readOnly: !0 }), D = (e) => {
+    l(e.format(r));
   };
   return /* @__PURE__ */ a(
     y,
     {
-      renderTarget: h,
-      renderDropdownHeaderTarget: k,
+      renderTarget: k,
+      renderDropdownHeaderTarget: Y,
       pickedDate: o.calendarDate,
-      pickType: V.monthYearPick,
+      pickType: w.monthYearPick,
       format: r,
       limitRange: t,
-      onDateChange: Y,
-      ...g,
+      onDateChange: D,
+      ...P,
       ref: m
     }
   );
 });
-R.displayName = "MonthYearField";
+b.displayName = "MonthYearField";
 export {
-  R as MonthYearField
+  b as MonthYearField
 };
 //# sourceMappingURL=MonthYearField.js.map

package/components/MonthYearField/MonthYearFieldTarget.js

@@ -1,60 +1,60 @@
-import { jsx as t, jsxs as E } from "react/jsx-runtime";
-import M, { useContext as p } from "react";
-import { CalendarStrokeSrvIcon20 as s, CalendarStrokeSrvIcon16 as w } from "@sberbusiness/icons-next";
-import { TextField as y } from "../TextField/TextField.js";
-import { DatePickerExtendedContext as P } from "../DatePickerExtended/DatePickerExtendedContext.js";
-import { MonthYearFieldContext as T } from "./MonthYearFieldContext.js";
-import { EFormFieldStatus as g } from "../FormField/enums.js";
-import { FormFieldClear as B } from "../FormField/components/FormFieldClear.js";
+import { jsx as t, jsxs as D, Fragment as E } from "react/jsx-runtime";
+import { useContext as F } from "react";
+import { CalendarStrokeSrvIcon24 as h, CalendarStrokeSrvIcon20 as M, CalendarStrokeSrvIcon16 as w } from "@sberbusiness/icons-next";
+import { DatePickerExtendedContext as y } from "../DatePickerExtended/DatePickerExtendedContext.js";
+import { TextField as P } from "../TextField/TextField.js";
+import { FormFieldClear as T } from "../FormField/components/FormFieldClear.js";
+import { ButtonIcon as B } from "../Button/ButtonIcon.js";
+import { isKey as s } from "../../utils/keyboard.js";
 import { EComponentSize as r } from "../../enums/EComponentSize.js";
-import { ButtonIcon as K } from "../Button/ButtonIcon.js";
-import { isKey as m } from "../../utils/keyboard.js";
+import { EFormFieldStatus as K } from "../FormField/enums.js";
 const O = {
   [r.SM]: /* @__PURE__ */ t(w, { paletteIndex: 5 }),
-  [r.MD]: /* @__PURE__ */ t(s, { paletteIndex: 5 }),
-  [r.LG]: /* @__PURE__ */ t(s, { paletteIndex: 5 })
-}, q = ({
-  size: l = r.MD,
-  postfix: C,
+  [r.MD]: /* @__PURE__ */ t(M, { paletteIndex: 5 }),
+  [r.LG]: /* @__PURE__ */ t(h, { paletteIndex: 5 })
+}, Y = ({
+  size: a = r.MD,
+  postfix: m,
+  onClear: c,
   inputProps: f,
-  ...d
+  ...l
 }) => {
-  const { dropdownOpen: e, setDropdownOpen: n } = p(P), { onChange: x } = p(T), { status: u } = d, { onKeyDown: i, onClick: a, ...I } = f, c = u === g.DISABLED, h = (o) => {
-    n(!e), a == null || a(o);
-  }, k = (o) => {
-    m(o.code, "ENTER") ? n(!e) : m(o.code, "SPACE") && (o.preventDefault(), n(!e)), i == null || i(o);
-  }, D = () => n(!e), S = () => x(""), F = () => /* @__PURE__ */ E(M.Fragment, { children: [
-    /* @__PURE__ */ t(B, { onClick: S }),
+  const { dropdownOpen: e, setDropdownOpen: n } = F(y), { status: C } = l, { onKeyDown: i, onClick: d, ...x } = f, p = C === K.DISABLED, I = (o) => {
+    n(!e), d == null || d(o);
+  }, S = (o) => {
+    s(o.code, "ENTER") ? n(!e) : s(o.code, "SPACE") && (o.preventDefault(), n(!e)), i == null || i(o);
+  }, u = () => n(!e), k = () => /* @__PURE__ */ D(E, { children: [
+    c && /* @__PURE__ */ t(T, { onClick: c }),
     /* @__PURE__ */ t(
-      K,
+      B,
       {
         role: "presentation",
         tabIndex: -1,
         active: e,
-        disabled: c,
-        onClick: D,
-        children: O[l]
+        disabled: p,
+        onClick: u,
+        children: O[a]
       }
     ),
-    C
+    m
   ] });
   return /* @__PURE__ */ t(
-    y,
+    P,
     {
-      size: l,
+      size: a,
       inputProps: {
         readOnly: !0,
-        disabled: c,
-        onClick: h,
-        onKeyDown: k,
-        ...I
+        disabled: p,
+        onClick: I,
+        onKeyDown: S,
+        ...x
       },
-      postfix: F(),
-      ...d
+      postfix: k(),
+      ...l
     }
   );
 };
 export {
-  q as MonthYearFieldTarget
+  Y as MonthYearFieldTarget
 };
 //# sourceMappingURL=MonthYearFieldTarget.js.map

package/components/MonthYearRange/MonthYearRange.js

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

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -4,7 +4,7 @@ import { g as a } from "../../../chunks/vendor-DudMBGKr.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-CjZLy9zZ.js";
+import "../../../chunks/DropdownListItem-kVq_Shxy.js";
 import { EDropdownWidth as s } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -1,31 +1,31 @@
-import { jsxs as r, jsx as m } from "react/jsx-runtime";
-import { useContext as c } from "react";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { useContext as m } from "react";
 import { MultiselectFieldContext as i } from "../MultiselectFieldContext.js";
 import { createSizeToClassNameMap as a } from "../../../utils/classNameMaps.js";
 import { c as d } from "../../../chunks/vendor-DudMBGKr.js";
 import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const _ = "multiselectFieldContent__9514b4d4", C = "loaderScreen__2e4bd8b9", f = "sm__7b47f979", u = "md__25aa7463", x = "lg__3fa7be56", e = {
+const _ = "multiselectFieldContent__405adc1b", f = "loaderScreen__2cf8b328", C = "sm__b329ccbf", u = "md__a6538620", b = "lg__4f4a7b2b", e = {
   multiselectFieldContent: _,
-  loaderScreen: C,
-  sm: f,
+  loaderScreen: f,
+  sm: C,
   md: u,
-  lg: x
-}, b = a(e), j = ({
+  lg: b
+}, x = a(e), j = ({
   children: t,
   className: o,
   loading: s,
   ...l
 }) => {
-  const { size: n } = c(i);
-  return /* @__PURE__ */ r(
+  const { size: c } = m(i);
+  return /* @__PURE__ */ n(
     "div",
     {
       tabIndex: -1,
-      className: d(e.multiselectFieldContent, b[n], o),
+      className: d(e.multiselectFieldContent, x[c], o),
       ...l,
       children: [
         t,
-        s && /* @__PURE__ */ m(p, { type: "small", className: e.loaderScreen })
+        s && /* @__PURE__ */ r(p, { type: "small", className: e.loaderScreen })
       ]
     }
   );

package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { c as s } from "../../../chunks/vendor-DudMBGKr.js";
-const i = "multiselectFieldFooter__ab93fb01", c = {
+const i = "multiselectFieldFooter__60ff9cb6", 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-DudMBGKr.js";
-const d = "multiselectFieldHeader__29024810", c = {
-  multiselectFieldHeader: d
-}, m = ({
+const c = "multiselectFieldHeader__5a1cbf4e", d = {
+  multiselectFieldHeader: c
+}, a = ({
   children: e,
   className: l,
   ...t
-}) => /* @__PURE__ */ s("div", { className: i(c.multiselectFieldHeader, l), ...t, children: e });
+}) => /* @__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

@@ -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-BWxDmBI2.js";
+import { s as i } from "../../chunks/Notification.module-O5iV5kzx.js";
 const o = ((t) => {
   const {
     children: a,
@@ -24,7 +24,7 @@ const o = ((t) => {
       role: "alertdialog",
       className: c,
       onClick: m,
-      "data-tx": "1.26.0",
+      "data-tx": "1.27.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-BWxDmBI2.js";
+import { s as e } from "../../chunks/Notification.module-O5iV5kzx.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-BWxDmBI2.js";
+import { s as f } from "../../../chunks/Notification.module-O5iV5kzx.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-BWxDmBI2.js";
+import { s as a } from "../../../chunks/Notification.module-O5iV5kzx.js";
 import { c as e } from "../../../chunks/vendor-DudMBGKr.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-BWxDmBI2.js";
+import { s as m } from "../../../chunks/Notification.module-O5iV5kzx.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-BWxDmBI2.js";
+import { s as i } from "../../../chunks/Notification.module-O5iV5kzx.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-DudMBGKr.js";
-import { s as o } from "../../../chunks/Notification.module-BWxDmBI2.js";
+import { s as o } from "../../../chunks/Notification.module-O5iV5kzx.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-BWxDmBI2.js";
+import { s as a } from "../../../chunks/Notification.module-O5iV5kzx.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-BWxDmBI2.js";
+import { s as t } from "../../../chunks/Notification.module-O5iV5kzx.js";
 const s = ({ children: o }) => /* @__PURE__ */ i("div", { className: t.notificationIcon, children: o });
 s.displayName = "NotificationIcon";
 export {