@sberbusiness/triplex-next 1.33.0 → 1.34.0

package/components/ListMaster/components/ListMasterChipGroup.js

@@ -2,13 +2,13 @@ import { jsx as p } from "react/jsx-runtime";
 import i from "react";
 import { ChipGroup as e } from "../../ChipGroup/ChipGroup.js";
 import { c as a } from "../../../chunks/vendor-D5cfSbgz.js";
-const m = "listMasterChipGroup__46f9e50b", l = {
+const m = "listMasterChipGroup__fe6f87a0", f = {
   listMasterChipGroup: m
-}, u = i.forwardRef(
-  ({ children: r, className: t, ...s }, o) => /* @__PURE__ */ p(e, { className: a(l.listMasterChipGroup, t), oneLine: !0, ...s, ref: o, children: r })
+}, l = i.forwardRef(
+  ({ children: r, className: t, ...s }, o) => /* @__PURE__ */ p(e, { className: a(f.listMasterChipGroup, t), oneLine: !0, ...s, ref: o, children: r })
 );
-u.displayName = "ListMasterChipGroup";
+l.displayName = "ListMasterChipGroup";
 export {
-  u as ListMasterChipGroup
+  l 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-D5cfSbgz.js";
-import { s as t } from "../../../chunks/ListMasterFooter.module-C58NLDG2.js";
+import { s as t } from "../../../chunks/ListMasterFooter.module-BupkMzcp.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-D5cfSbgz.js";
-import { s as i } from "../../../chunks/ListMasterFooter.module-C58NLDG2.js";
+import { s as i } from "../../../chunks/ListMasterFooter.module-BupkMzcp.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-D5cfSbgz.js";
-import { s as m } from "../../../chunks/ListMasterFooter.module-C58NLDG2.js";
+import { s as m } from "../../../chunks/ListMasterFooter.module-BupkMzcp.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,10 +1,10 @@
-import { jsx as d } from "react/jsx-runtime";
-import f, { useRef as o, useEffect as m } from "react";
+import { jsx as f } from "react/jsx-runtime";
+import d, { useRef as o, useEffect as m } from "react";
 import { c as w } from "../../../chunks/vendor-D5cfSbgz.js";
-const p = "listMasterHeader__3049a5ed", y = "sticky__89fb111b", c = {
+const p = "listMasterHeader__29203189", y = "sticky__e41f36b2", c = {
   listMasterHeader: p,
   sticky: y
-}, H = f.forwardRef(
+}, H = d.forwardRef(
   ({ children: i, className: n, sticky: a = !0, ...l }, t) => {
     const e = o(null), r = o(0);
     m(() => {
@@ -16,7 +16,7 @@ const p = "listMasterHeader__3049a5ed", y = "sticky__89fb111b", c = {
     const u = (s) => {
       e.current = s, typeof t == "function" ? t(s) : t && (t.current = s);
     };
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ f(
       "div",
       {
         className: w(

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-D5cfSbgz.js";
-const c = "selectionControls__6b137067", i = {
+const c = "selectionControls__0f71588c", i = {
   selectionControls: c
 }, a = n.forwardRef(
   ({ children: o, className: t, ...s }, e) => /* @__PURE__ */ l(
@@ -9,7 +9,7 @@ const c = "selectionControls__6b137067", i = {
     {
       className: r(i.selectionControls, t),
       ...s,
-      "data-tx": "1.33.0",
+      "data-tx": "1.34.0",
       ref: e,
       children: o
     }

package/components/Loader/LoaderMiddle/LoaderMiddle.js

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as t } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-D5cfSbgz.js";
-const s = "loaderMiddle__7a0da947", a = "loaderMiddleDots__10d2d450", l = "dot__66e3f7f0", c = "dot1__229ad85f", i = "dot2__febf3f72", n = "dot3__2fdbfe0f", r = "dot4__88e9ce53", _ = "line__ce2ab1a5", d = {
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
+import { c as t } from "../../../chunks/vendor-D5cfSbgz.js";
+const s = "loaderMiddle__ed7541d7", a = "loaderMiddleDots__1e36a612", l = "dot__65968007", c = "dot1__1b0dca17", i = "dot2__23ddb488", n = "dot3__08e068cc", r = "dot4__f3e79a2d", _ = "line__32d143a8", d = {
   loaderMiddle: s,
   loaderMiddleDots: a,
   dot: l,
@@ -9,12 +9,12 @@ const s = "loaderMiddle__7a0da947", a = "loaderMiddleDots__10d2d450", 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__ */ e("div", { className: d.loaderMiddleDots, children: [
   /* @__PURE__ */ o("span", { className: d.line }),
-  /* @__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) })
+  /* @__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

@@ -2,15 +2,15 @@ import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { c as o } from "../../../chunks/vendor-D5cfSbgz.js";
 import { ELoaderSmallTheme as s } from "./enum.js";
 import { createSizeToClassNameMap as n } from "../../../utils/classNameMaps.js";
-const c = "loaderSmall__2556aa8a", _ = "sm__c3218843", f = "dot__66e3f7f0", p = "md__7d8f9d68", i = "lg__bd4b794c", N = "neutral__72f3aa7f", b = "brand__90ac0ac1", S = "dot1__229ad85f", u = "dot2__febf3f72", T = "dot3__2fdbfe0f", a = {
+const c = "loaderSmall__b277807f", _ = "sm__857010a9", p = "dot__65968007", i = "md__ad44c3cf", N = "lg__10d0e121", b = "neutral__03224987", S = "brand__d24d089e", f = "dot1__1b0dca17", u = "dot2__23ddb488", T = "dot3__08e068cc", a = {
   loaderSmall: c,
   sm: _,
-  dot: f,
-  md: p,
-  lg: i,
-  neutral: N,
-  brand: b,
-  dot1: S,
+  dot: p,
+  md: i,
+  lg: N,
+  neutral: b,
+  brand: S,
+  dot1: f,
   dot2: u,
   dot3: T
 }, g = {

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-D5cfSbgz.js";
 import { EComponentSize as t } from "../../enums/EComponentSize.js";
-const S = "loaderScreen__48e23a80", B = "loaderSmallBackdrop__70a2a064", k = "loaderMiddleBackdrop__8feb30e0", r = {
+const S = "loaderScreen__f9b1e384", B = "loaderSmallBackdrop__c31528b7", k = "loaderMiddleBackdrop__a92c05b1", e = {
   loaderScreen: S,
   loaderSmallBackdrop: B,
   loaderMiddleBackdrop: k
 }, f = ({
-  className: a,
-  size: d = t.MD,
+  className: d,
+  size: a = t.MD,
   type: o,
   theme: l = i.BRAND,
   ...c
 }) => {
-  const m = p(a, r.loaderScreen, {
-    [r.loaderSmallBackdrop]: o === "small",
-    [r.loaderMiddleBackdrop]: o === "middle"
+  const m = p(d, e.loaderScreen, {
+    [e.loaderSmallBackdrop]: o === "small",
+    [e.loaderMiddleBackdrop]: o === "middle"
   });
-  return /* @__PURE__ */ e("div", { className: m, ...c, children: o === "small" ? /* @__PURE__ */ e(s, { size: d, 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: 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-D5cfSbgz.js";
-import { a as t, s as e } from "../../chunks/utils-C7AeO50S.js";
+import { a as t, s as e } from "../../chunks/utils-B0yofitE.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-C7AeO50S.js";
+import { s as t } from "../../chunks/utils-B0yofitE.js";
 export {
   t as statusToClassNameMap
 };

package/components/MarkerStatus/MarkerStatus.js

@@ -2,7 +2,7 @@ import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import S from "react";
 import { Marker as _ } from "../Marker/Marker.js";
 import { c as k } from "../../chunks/vendor-D5cfSbgz.js";
-import { s as M } from "../../chunks/utils-C7AeO50S.js";
+import { s as M } from "../../chunks/utils-B0yofitE.js";
 import { ETextSize as n, EFontType as i, ECaptionSize as N } from "../Typography/enums.js";
 import { Caption as u } from "../Typography/Caption.js";
 import "../Typography/CodeText.js";
@@ -10,7 +10,7 @@ import { Text as c } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize as a } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as x } from "../../utils/classNameMaps.js";
-const T = "markerStatus__94ecd5ae", z = "contentContainer__cb626b17", E = "md__9c41ef39", h = "markerContainer__16492ad2", D = "lg__d5b4d51d", e = {
+const T = "markerStatus__de86a87f", z = "contentContainer__dd3e941f", E = "md__7c8363ea", h = "markerContainer__31466821", D = "lg__34c7447d", e = {
   markerStatus: T,
   contentContainer: z,
   md: E,
@@ -20,9 +20,9 @@ const T = "markerStatus__94ecd5ae", z = "contentContainer__cb626b17", E = "md__9
   [a.MD]: n.B4,
   [a.LG]: n.B3
 }, R = x(e), q = S.forwardRef(
-  ({ children: p, className: l, description: o, status: m, size: r = a.MD, ...d }, C) => {
+  ({ children: p, className: l, description: o, status: m, size: r = a.MD, ...C }, d) => {
     const f = k(e.markerStatus, R[r], M[m], l);
-    return /* @__PURE__ */ s("div", { className: f, "data-tx": "1.33.0", ...d, ref: C, children: [
+    return /* @__PURE__ */ s("div", { className: f, "data-tx": "1.34.0", ...C, ref: d, children: [
       /* @__PURE__ */ t("div", { className: e.markerContainer, children: /* @__PURE__ */ t(_, { status: m, size: r }) }),
       /* @__PURE__ */ s("div", { className: e.contentContainer, children: [
         /* @__PURE__ */ t(c, { size: y[r], children: p }),

package/components/ModalWindow/ModalWindow.js

@@ -7,7 +7,7 @@ import { ModalWindowViewManager as j } from "./components/ModalWindowViewManager
 import { useToken as k } from "../ThemeProvider/useToken.js";
 import { EComponentSize as F } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as P } from "../../utils/classNameMaps.js";
-import { s as a } from "../../chunks/ModalWindow.module-CszS7FwS.js";
+import { s as a } from "../../chunks/ModalWindow.module-BKssph_P.js";
 const m = "ufs-modal-window", _ = 300, i = ["modal-open", "no-hash-overflow-hidden"], q = P(a), A = () => {
   let t = document.querySelector(`#${m}-wrapper`);
   t || (t = document.createElement("div"), t.setAttribute("id", `${m}-wrapper`), document.body.appendChild(t));

package/components/ModalWindow/components/ModalWindowBody.js

@@ -1,14 +1,14 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c as i } from "../../../chunks/vendor-D5cfSbgz.js";
-import { Island as s } from "../../Island/Island.js";
+import { jsx as i } from "react/jsx-runtime";
+import { c as s } from "../../../chunks/vendor-D5cfSbgz.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__5239aa3b", r = {
+const t = "modalWindowBody__7f589ddc", r = {
   modalWindowBody: t
-}, p = ({ children: o, className: d, ...m }) => /* @__PURE__ */ a(
-  s,
+}, p = ({ children: o, className: d, ...m }) => /* @__PURE__ */ i(
+  a,
   {
-    className: i(r.modalWindowBody, d),
+    className: s(r.modalWindowBody, d),
     type: l.TYPE_1,
     size: n.MD,
     ...m,

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 f = "modalWindowClose__f3f51f23", C = {
-  modalWindowClose: f
-}, a = (r) => {
+const C = "modalWindowClose__23f40c0e", a = {
+  modalWindowClose: C
+}, f = (r) => {
   const e = t(null);
-  return /* @__PURE__ */ o("div", { className: C.modalWindowClose, children: /* @__PURE__ */ o(l, { eventKeyCode: d.ESCAPE, targetRef: e, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o("div", { className: a.modalWindowClose, children: /* @__PURE__ */ o(l, { eventKeyCode: d.ESCAPE, targetRef: e, children: /* @__PURE__ */ o(
     n,
     {
       ref: e,
@@ -21,8 +21,8 @@ const f = "modalWindowClose__f3f51f23", C = {
     }
   ) }) });
 };
-a.displayName = "ModalWindowClose";
+f.displayName = "ModalWindowClose";
 export {
-  a as ModalWindowClose
+  f as ModalWindowClose
 };
 //# sourceMappingURL=ModalWindowClose.js.map

package/components/ModalWindow/components/ModalWindowContent.js

@@ -2,7 +2,7 @@ import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import { c as i } from "../../../chunks/vendor-D5cfSbgz.js";
 import l from "react";
 import { LoaderScreen as c } from "../../LoaderScreen/LoaderScreen.js";
-import { s as o } from "../../../chunks/ModalWindow.module-CszS7FwS.js";
+import { s as o } from "../../../chunks/ModalWindow.module-BKssph_P.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

@@ -2,9 +2,9 @@ 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-D5cfSbgz.js";
-const t = "modalWindowHeader__ea9fe932", s = {
+const t = "modalWindowHeader__2d7752c1", 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

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import p, { useState as s, useRef as h, useLayoutEffect as g } from "react";
 import { g as R, i as W, p as c } from "../../../chunks/vendor-D5cfSbgz.js";
 import { Portal as M } from "../../Portal/Portal.js";
-import { s as N } from "../../../chunks/ModalWindow.module-CszS7FwS.js";
+import { s as N } from "../../../chunks/ModalWindow.module-BKssph_P.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,11 +1,11 @@
-import { jsxs as N, jsx as d } from "react/jsx-runtime";
+import { jsxs as N, jsx as i } from "react/jsx-runtime";
 import v from "react";
 import c from "moment";
 import { CaretleftStrokeSrvIcon20 as b, RangeStrokeSrvIcon16 as V, CaretrightStrokeSrvIcon20 as C } from "@sberbusiness/icons-next";
-import { c as i } from "../../chunks/vendor-D5cfSbgz.js";
+import { c as d } from "../../chunks/vendor-D5cfSbgz.js";
 import { dateFormatYYYYMMDD as a } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit as E } from "./enums.js";
-const F = "monthYearRange__3f53c9ec", j = "monthYearRangeButton__0df9df9d", w = "separator__0e1c8e36", l = {
+const F = "monthYearRange__9e5da9d5", j = "monthYearRangeButton__491652c5", w = "separator__2aee1427", l = {
   monthYearRange: F,
   monthYearRangeButton: j,
   separator: w
@@ -23,7 +23,7 @@ const F = "monthYearRange__3f53c9ec", j = "monthYearRangeButton__0df9df9d", w =
     renderButtonBack: h,
     ...S
   }, k) => {
-    const [t, r] = p, _ = i(l.monthYearRange, R), x = (e) => {
+    const [t, r] = p, _ = 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]);
@@ -46,8 +46,8 @@ const F = "monthYearRange__3f53c9ec", j = "monthYearRangeButton__0df9df9d", w =
     };
     return /* @__PURE__ */ N("div", { className: _, ...S, ref: k, children: [
       !f && h({
-        children: /* @__PURE__ */ d(b, { paletteIndex: 5 }),
-        className: i(l.monthYearRangeButton),
+        children: /* @__PURE__ */ i(b, { paletteIndex: 5 }),
+        className: d(l.monthYearRangeButton),
         disabled: !(t && r),
         onClick: I
       }),
@@ -55,14 +55,14 @@ const F = "monthYearRange__3f53c9ec", j = "monthYearRangeButton__0df9df9d", w =
         onChange: x,
         value: t
       }),
-      /* @__PURE__ */ d(V, { className: l.separator, paletteIndex: 5 }),
+      /* @__PURE__ */ i(V, { className: l.separator, paletteIndex: 5 }),
       Y({
         onChange: B,
         value: r
       }),
       !f && g({
-        children: /* @__PURE__ */ d(C, { paletteIndex: 5 }),
-        className: i(l.monthYearRangeButton),
+        children: /* @__PURE__ */ i(C, { paletteIndex: 5 }),
+        className: d(l.monthYearRangeButton),
         disabled: !(t && r),
         onClick: M
       })

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -4,7 +4,7 @@ import { j as u } from "../../../chunks/vendor-D5cfSbgz.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-DfdRzHWo.js";
+import "../../../chunks/DropdownListItem-Db1_Qf-T.js";
 import { EDropdownWidth as f } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -4,7 +4,7 @@ import { MultiselectFieldContext as a } from "../MultiselectFieldContext.js";
 import { createSizeToClassNameMap as i } from "../../../utils/classNameMaps.js";
 import { c as d } from "../../../chunks/vendor-D5cfSbgz.js";
 import { LoaderScreen as p } from "../../LoaderScreen/LoaderScreen.js";
-const _ = "multiselectFieldContent__68628b37", C = "loaderScreen__110e3785", f = "sm__c9aaabed", u = "md__0eaae137", x = "lg__179ffd8d", e = {
+const _ = "multiselectFieldContent__fe538562", C = "loaderScreen__9ab4eda9", f = "sm__ec673d7e", u = "md__ba645f69", x = "lg__583290a5", e = {
   multiselectFieldContent: _,
   loaderScreen: C,
   sm: f,

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-D5cfSbgz.js";
-const i = "multiselectFieldFooter__075c4b42", c = {
+const i = "multiselectFieldFooter__b87d1103", 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 as d } from "../../../chunks/vendor-D5cfSbgz.js";
-const i = "multiselectFieldHeader__457f2d5a", c = {
-  multiselectFieldHeader: i
+import { c as i } from "../../../chunks/vendor-D5cfSbgz.js";
+const c = "multiselectFieldHeader__ac006564", d = {
+  multiselectFieldHeader: c
 }, a = ({
   children: e,
   className: l,
   ...t
-}) => /* @__PURE__ */ s("div", { className: d(c.multiselectFieldHeader, l), ...t, children: e });
+}) => /* @__PURE__ */ s("div", { className: i(d.multiselectFieldHeader, l), ...t, children: e });
 export {
   a as MultiselectFieldDropdownHeader
 };

package/components/Notification/Notification.js

@@ -1,40 +1,39 @@
-import { jsx as f } from "react/jsx-runtime";
-import { c as l } from "../../chunks/vendor-D5cfSbgz.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-BNsYZ_Ak.js";
-const o = ((t) => {
-  const {
-    children: a,
-    className: r,
-    withExtraBottomPadding: s = !1,
-    isShowCloseOnHover: e = !1,
-    onClick: m,
-    ...n
-  } = t, c = l(r, i.notification, {
-    [i.showCloseOnHover]: e,
-    [i.extraBottomPadding]: s
-  });
-  return /* @__PURE__ */ f(
-    "div",
-    {
-      ...n,
-      role: "alertdialog",
-      className: c,
-      onClick: m,
-      "data-tx": "1.33.0",
-      children: a
-    }
-  );
-});
-o.displayName = "Notification";
-o.Icon = N;
-o.Body = d;
-o.Close = p;
-o.Time = x;
+import { jsx as s } from "react/jsx-runtime";
+import { c } from "../../chunks/vendor-D5cfSbgz.js";
+import { NotificationBody as l } from "./components/NotificationBody.js";
+import { NotificationClose as d } from "./components/NotificationClose.js";
+import { NotificationIcon as p } from "./components/NotificationIcon.js";
+import { NotificationTime as N } from "./components/NotificationTime.js";
+import x from "react";
+import { s as o } from "../../chunks/Notification.module-BU6Z_ATv.js";
+const y = Object.assign(
+  x.forwardRef(function({ children: i, className: t, withExtraBottomPadding: a = !1, isShowCloseOnHover: r = !1, onClick: f, ...m }, e) {
+    const n = c(t, o.notification, {
+      [o.showCloseOnHover]: r,
+      [o.extraBottomPadding]: a
+    });
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ...m,
+        role: "alertdialog",
+        className: n,
+        onClick: f,
+        ref: e,
+        "data-tx": "1.34.0",
+        children: i
+      }
+    );
+  }),
+  {
+    Icon: p,
+    Body: l,
+    Close: d,
+    Time: N
+  }
+);
+y.displayName = "Notification";
 export {
-  o as Notification
+  y as Notification
 };
 //# sourceMappingURL=Notification.js.map

package/components/Notification/NotificationGrouped.js

@@ -1,10 +1,15 @@
-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-BNsYZ_Ak.js";
-const p = ({ children: o }) => /* @__PURE__ */ i("div", { className: e.notificationGroupedWrapper, children: [
-  o,
-  /* @__PURE__ */ r(t, {})
-] });
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { NotificationGroupedFooter as e } from "./components/NotificationGroupedFooter.js";
+import a from "react";
+import { s as f } from "../../chunks/Notification.module-BU6Z_ATv.js";
+const p = a.forwardRef(
+  function({ children: o }, i) {
+    return /* @__PURE__ */ r("div", { className: f.notificationGroupedWrapper, ref: i, children: [
+      o,
+      /* @__PURE__ */ t(e, {})
+    ] });
+  }
+);
 p.displayName = "NotificationGrouped";
 export {
   p as NotificationGrouped

package/components/Notification/components/NotificationBody.js

@@ -1,19 +1,23 @@
-import { jsx as r } from "react/jsx-runtime";
-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-BNsYZ_Ak.js";
-const o = ((t) => {
-  const { children: i } = t;
-  return /* @__PURE__ */ r("div", { className: f.notificationBody, children: i });
-});
-o.displayName = "NotificationBody";
-o.Header = n;
-o.Content = a;
-o.List = m;
-o.Footer = e;
+import { jsx as i } from "react/jsx-runtime";
+import r from "react";
+import { NotificationHeader as a } from "./NotificationHeader.js";
+import { NotificationBodyContent as f } from "./NotificationBodyContent.js";
+import { NotificationFooter as n } from "./NotificationFooter.js";
+import { NotificationBodyList as e } from "./NotificationBodyList.js";
+import { s as m } from "../../../chunks/Notification.module-BU6Z_ATv.js";
+const c = Object.assign(
+  r.forwardRef(function({ children: o }, t) {
+    return /* @__PURE__ */ i("div", { className: m.notificationBody, ref: t, children: o });
+  }),
+  {
+    Header: a,
+    Content: f,
+    List: e,
+    Footer: n
+  }
+);
+c.displayName = "NotificationBody";
 export {
-  o as NotificationBody
+  c as NotificationBody
 };
 //# sourceMappingURL=NotificationBody.js.map

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-BNsYZ_Ak.js";
+import { s as a } from "../../../chunks/Notification.module-BU6Z_ATv.js";
 import { c as e } from "../../../chunks/vendor-D5cfSbgz.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-BNsYZ_Ak.js";
+import { s as m } from "../../../chunks/Notification.module-BU6Z_ATv.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-BNsYZ_Ak.js";
+import { s as i } from "../../../chunks/Notification.module-BU6Z_ATv.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-D5cfSbgz.js";
-import { s as o } from "../../../chunks/Notification.module-BNsYZ_Ak.js";
+import { s as o } from "../../../chunks/Notification.module-BU6Z_ATv.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-BNsYZ_Ak.js";
+import { s as a } from "../../../chunks/Notification.module-BU6Z_ATv.js";
 const t = ({ children: i }) => /* @__PURE__ */ o("h3", { className: a.notificationHeader, children: i });
 t.displayName = "NotificationHeader";
 export {