@sberbusiness/triplex-next 0.26.0 → 0.27.0

package/components/ListMaster/ListMaster.js

@@ -1,21 +1,28 @@
 import { jsx as i } from "react/jsx-runtime";
-import { ListMasterChipGroup as s } from "./components/ListMasterChipGroup.js";
-import { ListMasterBody as m } from "./components/ListMasterBody.js";
+import s from "react";
+import { ListMasterChipGroup as m } from "./components/ListMasterChipGroup.js";
+import { ListMasterBody as a } from "./components/ListMasterBody.js";
 import { ListMasterFooter as p } from "./components/ListMasterFooter.js";
-import { ListMasterHeader as a } from "./components/ListMasterHeader.js";
+import { ListMasterHeader as f } from "./components/ListMasterHeader.js";
 import { SelectionControls as n } from "./components/SelectionControls.js";
-import { ListMasterFooterControls as f } from "./components/ListMasterFooterControls.js";
-import { ListMasterFooterDescription as L } from "./components/ListMasterFooterDescription.js";
-const o = ({ children: t, className: r, ...e }) => /* @__PURE__ */ i("div", { className: r, ...e, "data-tx": "0.26.0", children: t });
-o.Body = m;
-o.ChipGroup = s;
-o.Footer = p;
-o.FooterControls = f;
-o.FooterDescription = L;
-o.Header = a;
-o.SelectionControls = n;
-o.displayName = "ListMaster";
+import { ListMasterFooterControls as L } from "./components/ListMasterFooterControls.js";
+import { ListMasterFooterDescription as M } from "./components/ListMasterFooterDescription.js";
+const d = Object.assign(
+  s.forwardRef(function({ children: o, className: r, ...t }, e) {
+    return /* @__PURE__ */ i("div", { className: r, ...t, "data-tx": "0.27.0", ref: e, children: o });
+  }),
+  {
+    Body: a,
+    ChipGroup: m,
+    Footer: p,
+    FooterControls: L,
+    FooterDescription: M,
+    Header: f,
+    SelectionControls: n
+  }
+);
+d.displayName = "ListMaster";
 export {
-  o as ListMaster
+  d as ListMaster
 };
 //# sourceMappingURL=ListMaster.js.map

package/components/ListMaster/components/ListMasterBody.js

@@ -6,7 +6,7 @@ const e = d.forwardRef(
     {
       className: o,
       ...r,
-      "data-tx": "0.26.0",
+      "data-tx": "0.27.0",
       ref: a,
       children: t
     }

package/components/ListMaster/components/ListMasterChipGroup.js

@@ -1,14 +1,14 @@
-import { jsx as i } from "react/jsx-runtime";
-import p from "react";
+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---Om3uMV.js";
-const m = "listMasterChipGroup__5aec2fa2", c = {
+const m = "listMasterChipGroup__1b76236e", l = {
   listMasterChipGroup: m
-}, l = p.forwardRef(
-  ({ children: r, className: s, ...t }, o) => /* @__PURE__ */ i(e, { className: a(c.listMasterChipGroup, s), oneLine: !0, ...t, ref: o, children: r })
+}, u = i.forwardRef(
+  ({ children: r, className: s, ...t }, o) => /* @__PURE__ */ p(e, { className: a(l.listMasterChipGroup, s), oneLine: !0, ...t, ref: o, children: r })
 );
-l.displayName = "ListMasterChips";
+u.displayName = "ListMasterChipGroup";
 export {
-  l as ListMasterChipGroup
+  u 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 } from "../../../chunks/vendor---Om3uMV.js";
-import { s as t } from "../../../chunks/ListMasterFooter.module-D1BeGub8.js";
+import { s as t } from "../../../chunks/ListMasterFooter.module-wznlsgml.js";
 const f = 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---Om3uMV.js";
-import { s as i } from "../../../chunks/ListMasterFooter.module-D1BeGub8.js";
+import { s as i } from "../../../chunks/ListMasterFooter.module-wznlsgml.js";
 const l = a.forwardRef(
   ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ e("div", { className: m(i.listMasterFooterControls, r), ...s, ref: t, 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---Om3uMV.js";
-import { s as m } from "../../../chunks/ListMasterFooter.module-D1BeGub8.js";
+import { s as m } from "../../../chunks/ListMasterFooter.module-wznlsgml.js";
 const p = i.forwardRef(
   ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ e("div", { className: a(m.listMasterFooterDescription, r), ...s, ref: t, children: o })
 );

package/components/ListMaster/components/ListMasterHeader.js

@@ -1,10 +1,10 @@
-import { jsx as f } from "react/jsx-runtime";
-import d, { useRef as o, useEffect as m } from "react";
+import { jsx as d } from "react/jsx-runtime";
+import u, { useRef as o, useEffect as m } from "react";
 import { c as w } from "../../../chunks/vendor---Om3uMV.js";
-const p = "listMasterHeader__3f331e7a", y = "sticky__24c2a82e", c = {
+const p = "listMasterHeader__fb5910f4", y = "sticky__ced1d05f", c = {
   listMasterHeader: p,
   sticky: y
-}, H = d.forwardRef(
+}, H = u.forwardRef(
   ({ children: i, className: n, sticky: a = !0, ...l }, t) => {
     const e = o(null), r = o(0);
     m(() => {
@@ -13,10 +13,10 @@ const p = "listMasterHeader__3f331e7a", y = "sticky__24c2a82e", c = {
           window.scrollTo({ top: Math.max(window.scrollY - r.current, 0) });
         };
     }, []);
-    const u = (s) => {
+    const f = (s) => {
       e.current = s, typeof t == "function" ? t(s) : t && (t.current = s);
     };
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ d(
       "div",
       {
         className: w(
@@ -27,7 +27,7 @@ const p = "listMasterHeader__3f331e7a", y = "sticky__24c2a82e", c = {
           n
         ),
         ...l,
-        ref: u,
+        ref: f,
         children: i
       }
     );

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

package/components/Loader/LoaderMiddle/LoaderMiddle.js

@@ -1,15 +1,15 @@
-import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { c as t } from "../../../chunks/vendor---Om3uMV.js";
-const s = "loaderMiddle__45f1d40f", e = "loaderMiddleDots__44a223d3", l = "dot__4f1c96d2", c = "dot1__ea3a63a5", i = "dot2__786646a0", n = "dot3__1b56d29c", r = "dot4__68d53af4", _ = "line__3fdf1e3c", d = {
-  loaderMiddle: s,
-  loaderMiddleDots: e,
+const e = "loaderMiddle__6bacf1b1", a = "loaderMiddleDots__8067652f", l = "dot__316c4a55", c = "dot1__1c58bc9c", i = "dot2__752f879f", n = "dot3__216e8c25", r = "dot4__186182c1", _ = "line__baec2433", d = {
+  loaderMiddle: e,
+  loaderMiddleDots: a,
   dot: l,
   dot1: c,
   dot2: i,
   dot3: n,
   dot4: r,
   line: _
-}, m = () => /* @__PURE__ */ o("div", { role: "status", "aria-label": "loading", className: d.loaderMiddle, children: /* @__PURE__ */ a("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: t(d.dot, d.dot1) }),
   /* @__PURE__ */ o("span", { className: t(d.dot, d.dot2) }),

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -2,13 +2,13 @@ import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { c as o } from "../../../chunks/vendor---Om3uMV.js";
 import { ELoaderSmallTheme as s } from "./enum.js";
 import { createSizeToClassNameMap as n } from "../../../utils/classNameMaps.js";
-const c = "loaderSmall__1345cf33", _ = "sm__3f1bb779", p = "dot__4f1c96d2", i = "md__249b868a", N = "lg__5a891e66", b = "neutral__47ef7cd1", f = "brand__39c9e3e8", S = "dot1__ea3a63a5", u = "dot2__786646a0", T = "dot3__1b56d29c", a = {
+const c = "loaderSmall__e6e12a56", _ = "sm__abe6b51b", p = "dot__316c4a55", b = "md__350385a0", i = "lg__10f5411e", N = "neutral__5a533862", f = "brand__1e32abfd", S = "dot1__1c58bc9c", u = "dot2__752f879f", T = "dot3__216e8c25", a = {
   loaderSmall: c,
   sm: _,
   dot: p,
-  md: i,
-  lg: N,
-  neutral: b,
+  md: b,
+  lg: i,
+  neutral: N,
   brand: f,
   dot1: S,
   dot2: u,
@@ -16,10 +16,10 @@ const c = "loaderSmall__1345cf33", _ = "sm__3f1bb779", p = "dot__4f1c96d2", i =
 }, g = {
   [s.BRAND]: a.brand,
   [s.NEUTRAL]: a.neutral
-}, x = n(a), L = ({ className: l, theme: d, size: e, ...m }) => /* @__PURE__ */ r(
+}, x = n(a), L = ({ className: l, theme: e, size: d, ...m }) => /* @__PURE__ */ r(
   "span",
   {
-    className: o(a.loaderSmall, g[d], x[e], l),
+    className: o(a.loaderSmall, g[e], x[d], l),
     role: "status",
     "aria-label": "loading",
     ...m,

package/components/LoaderScreen/LoaderScreen.js

@@ -4,22 +4,22 @@ 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---Om3uMV.js";
 import { EComponentSize as t } from "../../enums/EComponentSize.js";
-const S = "loaderScreen__4c26fdfd", B = "loaderSmallBackdrop__102096d3", k = "loaderMiddleBackdrop__1c7791c6", d = {
+const S = "loaderScreen__cf5829cd", B = "loaderSmallBackdrop__b734beb0", k = "loaderMiddleBackdrop__b504809f", e = {
   loaderScreen: S,
   loaderSmallBackdrop: B,
   loaderMiddleBackdrop: k
 }, f = ({
-  className: o,
+  className: d,
   size: a = t.MD,
-  type: e,
+  type: o,
   theme: l = i.BRAND,
   ...c
 }) => {
-  const m = p(o, d.loaderScreen, {
-    [d.loaderSmallBackdrop]: e === "small",
-    [d.loaderMiddleBackdrop]: e === "middle"
+  const m = p(d, e.loaderScreen, {
+    [e.loaderSmallBackdrop]: o === "small",
+    [e.loaderMiddleBackdrop]: o === "middle"
   });
-  return /* @__PURE__ */ r("div", { className: m, ...c, children: e === "small" ? /* @__PURE__ */ r(s, { size: a, theme: l }) : /* @__PURE__ */ r("div", { className: d.loaderMiddleBackground, children: /* @__PURE__ */ r(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---Om3uMV.js";
-import { a as t, s as e } from "../../chunks/utils-CWqa2skI.js";
+import { a as t, s as e } from "../../chunks/utils-D_H8vO74.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-CWqa2skI.js";
+import { s as t } from "../../chunks/utils-D_H8vO74.js";
 export {
   t as statusToClassNameMap
 };

package/components/MarkerStatus/MarkerStatus.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { Marker as S } from "../Marker/Marker.js";
-import { c as d } from "../../chunks/vendor---Om3uMV.js";
-import { s as k } from "../../chunks/utils-CWqa2skI.js";
+import { Marker as d } from "../Marker/Marker.js";
+import { c as f } from "../../chunks/vendor---Om3uMV.js";
+import { s as k } from "../../chunks/utils-D_H8vO74.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,29 +9,29 @@ 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__b9eb84f9", T = "contentContainer__a2757b7b", u = "md__f7e74fe8", z = "markerContainer__dfb46710", E = "lg__6595c3af", e = {
+const x = "markerStatus__e426e6ad", T = "contentContainer__31e6755d", u = "md__afb56198", z = "markerContainer__8c3f0e74", E = "lg__871593e9", r = {
   markerStatus: x,
   contentContainer: T,
   md: u,
   markerContainer: z,
   lg: E
-}, b = {
+}, h = {
   [a.MD]: n.B4,
   [a.LG]: n.B3
-}, h = N(e), G = ({
+}, D = N(r), G = ({
   children: p,
   className: l,
   description: o,
   status: m,
-  size: r = a.MD,
+  size: e = a.MD,
   ...C
 }) => {
-  const f = d(e.markerStatus, h[r], k[m], l);
-  return /* @__PURE__ */ s("div", { className: f, "data-tx": "0.26.0", ...C, children: [
-    /* @__PURE__ */ t("div", { className: e.markerContainer, children: /* @__PURE__ */ t(S, { status: m, size: r }) }),
-    /* @__PURE__ */ s("div", { className: e.contentContainer, children: [
-      /* @__PURE__ */ t(c, { size: b[r], children: p }),
-      o && (r === a.MD ? /* @__PURE__ */ t(M, { size: _.C1, type: i.SECONDARY, children: o }) : /* @__PURE__ */ t(c, { size: n.B4, type: i.SECONDARY, children: o }))
+  const S = f(r.markerStatus, D[e], k[m], l);
+  return /* @__PURE__ */ s("div", { className: S, "data-tx": "0.27.0", ...C, children: [
+    /* @__PURE__ */ t("div", { className: r.markerContainer, children: /* @__PURE__ */ t(d, { 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 F } from "../Portal/Portal.js";
 import { c as N, C as j, F as q } from "../../chunks/vendor---Om3uMV.js";
 import { ModalWindowViewManager as A } from "./components/ModalWindowViewManager.js";
 import { useToken as D } from "../ThemeProvider/useToken.js";
-import { s as n } from "../../chunks/ModalWindow.module-PJk-BOT5.js";
+import { s as n } from "../../chunks/ModalWindow.module-BrOAz5Ut.js";
 import { EComponentSize as V } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as G } from "../../utils/classNameMaps.js";
 const l = "ufs-modal-window", H = 300, i = ["modal-open", "no-hash-overflow-hidden"], I = G(n), J = $.forwardRef((w, a) => {

package/components/ModalWindow/components/ModalWindowBody.js

@@ -3,7 +3,7 @@ import { c as i } from "../../../chunks/vendor---Om3uMV.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__964d364f", l = {
+const a = "modalWindowBody__732ed4c7", l = {
   modalWindowBody: a
 }, w = ({ children: o, className: d, ...m }) => /* @__PURE__ */ s(
   n,

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 C = "modalWindowClose__9201b47b", a = {
+const C = "modalWindowClose__c017e127", a = {
   modalWindowClose: C
 }, 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---Om3uMV.js";
 import { LoaderScreen as i } from "../../LoaderScreen/LoaderScreen.js";
-import { s as o } from "../../../chunks/ModalWindow.module-PJk-BOT5.js";
+import { s as o } from "../../../chunks/ModalWindow.module-BrOAz5Ut.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---Om3uMV.js";
-const t = "modalWindowHeader__5e4bedd7", s = {
+const t = "modalWindowHeader__ee756d2d", s = {
   modalWindowHeader: t
 }, o = ({ className: d, children: a, ...r }) => /* @__PURE__ */ m(e, { className: l(s.modalWindowHeader, d), ...r, type: i.FIRST, children: a });
 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 u, useEffect as h, useLayoutEffect as p } from "react";
 import { g, i as W, p as a } from "../../../chunks/vendor---Om3uMV.js";
 import { Portal as M } from "../../Portal/Portal.js";
-import { s as R } from "../../../chunks/ModalWindow.module-PJk-BOT5.js";
+import { s as R } from "../../../chunks/ModalWindow.module-BrOAz5Ut.js";
 const s = "modalWindowViewManagerNodeId", z = () => {
   const [d, c] = r(), [t, l] = r(), o = u(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 { dateFormatYYYYMMDD as F, globalLimitRange as S } 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 { 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: c,
     status: u,
     value: n,
     label: d,
     placeholder: i,
-    format: r = C,
-    limitRange: t = F,
+    format: r = F,
+    limitRange: t = S,
     onChange: p,
-    targetProps: g,
-    ...f
-  } = s, [o, P] = T(l.getPickerValues(n, r, t));
+    onClear: g,
+    targetProps: f,
+    ...P
+  } = s, [o, h] = T(l.getPickerValues(n, r, t));
   v(() => {
     const e = l.getPickerValues(n, r, t);
-    e.inputString !== o.inputString && P(e);
+    e.inputString !== o.inputString && h(e);
   }, [n, r, t]);
-  const h = () => {
-    const { inputProps: e, ...D } = g || {};
-    return /* @__PURE__ */ a(w.Provider, { value: { onChange: p }, children: /* @__PURE__ */ a(
-      x,
+  const k = () => {
+    const { inputProps: e, ...M } = f || {};
+    return /* @__PURE__ */ a(x.Provider, { value: { onChange: p }, children: /* @__PURE__ */ a(
+      R,
       {
         size: c,
         status: u,
         label: d,
+        onClear: g,
         inputProps: {
           value: o.inputString,
           placeholder: i,
           readOnly: !0,
           ...e
         },
-        ...D
+        ...M
       }
     ) });
-  }, k = () => /* @__PURE__ */ a(S, { value: o.inputString, placeholder: i, readOnly: !0 }), Y = (e) => {
+  }, Y = () => /* @__PURE__ */ a(V, { value: o.inputString, placeholder: i, readOnly: !0 }), D = (e) => {
     p(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,
-      ...f,
+      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 })
-}, H = ({
-  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,
-  ...c
+  ...l
 }) => {
-  const { dropdownOpen: e, setDropdownOpen: n } = p(P), { onChange: x } = p(T), { status: u } = c, { onKeyDown: i, onClick: a, ...I } = f, d = 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: d,
-        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: d,
-        onClick: h,
-        onKeyDown: k,
-        ...I
+        disabled: p,
+        onClick: I,
+        onKeyDown: S,
+        ...x
       },
-      postfix: F(),
-      ...c
+      postfix: k(),
+      ...l
     }
   );
 };
 export {
-  H as MonthYearFieldTarget
+  Y as MonthYearFieldTarget
 };
 //# sourceMappingURL=MonthYearFieldTarget.js.map

package/components/MonthYearRange/MonthYearRange.js

@@ -1,11 +1,11 @@
-import { jsxs as _, jsx as d } from "react/jsx-runtime";
+import { jsxs as _, jsx as i } from "react/jsx-runtime";
 import b from "react";
 import c from "moment";
 import { CaretleftStrokeSrvIcon20 as v, RangeStrokeSrvIcon16 as V, CaretrightStrokeSrvIcon20 as C } from "@sberbusiness/icons-next";
-import { c as i } from "../../chunks/vendor---Om3uMV.js";
+import { c as d } from "../../chunks/vendor---Om3uMV.js";
 import { dateFormatYYYYMMDD as a } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit as E } from "./enums.js";
-const F = "monthYearRange__bdd8d49d", j = "monthYearRangeButton__d1c70021", w = "separator__a87d785f", l = {
+const F = "monthYearRange__9f65cd64", j = "monthYearRangeButton__1abf0496", w = "separator__a60d9c0a", l = {
   monthYearRange: F,
   monthYearRangeButton: j,
   separator: w
@@ -23,7 +23,7 @@ const F = "monthYearRange__bdd8d49d", j = "monthYearRangeButton__d1c70021", w =
     renderButtonBack: h,
     ...S
   }, k) => {
-    const [t, r] = p, x = i(l.monthYearRange, R), B = (e) => {
+    const [t, r] = p, x = d(l.monthYearRange, R), B = (e) => {
       !e || !r || e <= r ? o([e, r]) : o([e, ""]);
     }, I = (e) => {
       !e || !t || e >= t ? o([t, e]) : o(["", e]);
@@ -46,8 +46,8 @@ const F = "monthYearRange__bdd8d49d", j = "monthYearRangeButton__d1c70021", w =
     };
     return /* @__PURE__ */ _("div", { className: x, ...S, ref: k, children: [
       !f && h({
-        children: /* @__PURE__ */ d(v, { paletteIndex: 5 }),
-        className: i(l.monthYearRangeButton),
+        children: /* @__PURE__ */ i(v, { paletteIndex: 5 }),
+        className: d(l.monthYearRangeButton),
         disabled: !(t && r),
         onClick: M
       }),
@@ -55,14 +55,14 @@ const F = "monthYearRange__bdd8d49d", j = "monthYearRangeButton__d1c70021", w =
         onChange: B,
         value: t
       }),
-      /* @__PURE__ */ d(V, { className: l.separator, paletteIndex: 5 }),
+      /* @__PURE__ */ i(V, { className: l.separator, paletteIndex: 5 }),
       u({
         onChange: I,
         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: N
       })