@sberbusiness/triplex-next 1.21.0 → 1.22.0

package/components/Body/Body.js

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
-import t from "react";
-import { c as a } from "../../chunks/vendor-CuCj7SgU.js";
-const c = "body__4ce97122", y = "bodyInner__d5c20d2f", d = {
-  body: c,
-  bodyInner: y
-}, m = t.forwardRef(({ children: e, className: r, ...s }, n) => /* @__PURE__ */ o("div", { className: a(d.body, r), ...s, "data-tx": "1.21.0", ref: n, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: e }) }));
+import n from "react";
+import { c as t } from "../../chunks/vendor-BiObpx9E.js";
+const y = "body__3a0e805f", c = "bodyInner__7847512a", d = {
+  body: y,
+  bodyInner: c
+}, m = n.forwardRef(({ children: a, className: e, ...r }, s) => /* @__PURE__ */ o("div", { className: t(d.body, e), ...r, "data-tx": "1.22.0", ref: s, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: a }) }));
 m.displayName = "Body";
 export {
   m as Body

package/components/Button/Button.js

@@ -1,28 +1,28 @@
 import { jsxs as m, jsx as y } from "react/jsx-runtime";
 import k from "react";
-import { c as p } from "../../chunks/vendor-CuCj7SgU.js";
+import { c as p } from "../../chunks/vendor-BiObpx9E.js";
 import { LoaderSmall as R } from "../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as g } from "../Loader/LoaderSmall/enum.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
 import { ButtonBase as C } from "./ButtonBase.js";
 import { EButtonTheme as o } from "./enums.js";
-import { EComponentSize as a } from "../../enums/EComponentSize.js";
-const A = "general__208fea75", B = "expanded__94e2c860", u = {
+import { EComponentSize as d } from "../../enums/EComponentSize.js";
+const A = "general__ed2217fc", B = "expanded__766a56a2", u = {
   general: A,
   expanded: B
-}, D = "secondary__a3bc9244", T = "expanded__94e2c860", x = {
+}, D = "secondary__c170dfe5", T = "expanded__766a56a2", x = {
   secondary: D,
   expanded: T
-}, G = "secondaryLight__7f33bdb5", I = "expanded__94e2c860", h = {
+}, G = "secondaryLight__a9f9cccc", I = "expanded__766a56a2", h = {
   secondaryLight: G,
   expanded: I
-}, v = "danger__29e8f79a", O = "expanded__94e2c860", b = {
+}, v = "danger__9980ad00", O = "expanded__766a56a2", b = {
   danger: v,
   expanded: O
-}, Y = "link__0ad73dee", $ = "expanded__94e2c860", f = {
+}, Y = "link__2f371711", $ = "expanded__766a56a2", f = {
   link: Y,
   expanded: $
-}, w = "button__718ea080", z = "sm__8c5104d6", M = "icon__27b9c578", j = "md__d2c5d8ca", H = "lg__0ede1311", K = "block__6279d3af", U = "content__fc00e72c", q = "loading__45e9a6b4", F = "loader__bd43f345", J = "hidden__5af1ac40", e = {
+}, w = "button__d086a8b4", z = "sm__a3c9910d", M = "icon__77bc4cf1", j = "md__793c269c", H = "lg__8d831b24", K = "block__5dbb1748", U = "content__57e9ded4", q = "loading__146a2498", F = "loader__ef7da024", J = "hidden__849cfb7f", e = {
   button: w,
   sm: z,
   icon: M,
@@ -60,23 +60,23 @@ const A = "general__208fea75", B = "expanded__94e2c860", u = {
   }
 }, Q = (t) => {
   switch (t) {
-    case a.LG:
+    case d.LG:
       return e.lg;
-    case a.MD:
+    case d.MD:
       return e.md;
-    case a.SM:
+    case d.SM:
       return e.sm;
   }
 }, V = (t, n) => {
-  const d = [o.SECONDARY, o.SECONDARY_LIGHT].includes(t) ? g.BRAND : g.NEUTRAL;
-  return /* @__PURE__ */ y(R, { theme: d, size: n });
+  const a = [o.SECONDARY, o.SECONDARY_LIGHT].includes(t) ? g.BRAND : g.NEUTRAL;
+  return /* @__PURE__ */ y(R, { theme: a, size: n });
 }, W = k.forwardRef((t, n) => {
-  const { children: d, className: N, disabled: c, theme: r, size: l = a.MD, block: L, loading: s, icon: i, ...S } = t, { "aria-expanded": _ } = t, E = p(
+  const { children: a, className: N, disabled: c, theme: r, size: l = d.MD, block: L, loading: s, icon: i, ...S } = t, { "aria-expanded": _ } = t, E = p(
     e.button,
     P(r, !!_),
     Q(l),
     { [e.block]: !!L, [e.loading]: !!s },
-    { [e.icon]: !!i && !d },
+    { [e.icon]: !!i && !a },
     // Классы для иконок, начало.
     "hoverable",
     {
@@ -89,7 +89,7 @@ const A = "general__208fea75", B = "expanded__94e2c860", u = {
   return /* @__PURE__ */ m(C, { className: E, tabIndex: s ? -1 : void 0, disabled: c, ...S, ref: n, children: [
     /* @__PURE__ */ m("span", { className: e.content, children: [
       i,
-      d
+      a
     ] }),
     /* @__PURE__ */ y("div", { className: p(e.loader, !s && e.hidden), children: V(r, l) })
   ] });

package/components/Button/ButtonBase.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import e from "react";
-const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "1.21.0", ref: o }));
+const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "1.22.0", ref: o }));
 r.displayName = "ButtonBase";
 export {
   r as ButtonBase

package/components/Button/ButtonDropdown.js

@@ -1,172 +1,185 @@
-import { Button as M } from "./Button.js";
+import { Button as O } from "./Button.js";
 import "./ButtonBase.js";
 import "./ButtonIcon.js";
 import { jsx as t, jsxs as B, Fragment as q } from "react/jsx-runtime";
 import F, { useRef as I, useState as V, createElement as x } from "react";
-import { c as w, u as J } from "../../chunks/vendor-CuCj7SgU.js";
-import { ButtonDropdownExtended as y } from "./ButtonDropdownExtended.js";
-import { EButtonDotsTheme as u, EButtonTheme as d } from "./enums.js";
-import { DotshorizontalStrokeSrvIcon32 as Q, DotshorizontalStrokeSrvIcon20 as L, CaretdownStrokeSrvIcon16 as X, CaretdownStrokeSrvIcon20 as Z, CaretdownStrokeSrvIcon24 as $ } from "@sberbusiness/icons-next";
+import { c as w, u as J } from "../../chunks/vendor-BiObpx9E.js";
+import { DotshorizontalStrokeSrvIcon32 as Q, DotshorizontalStrokeSrvIcon20 as y, CaretdownStrokeSrvIcon16 as X, CaretdownStrokeSrvIcon20 as Z, CaretdownStrokeSrvIcon24 as $ } from "@sberbusiness/icons-next";
+import { ButtonDropdownExtended as L } from "./ButtonDropdownExtended.js";
+import { EButtonDotsTheme as u, EButtonTheme as l } from "./enums.js";
 import { isKey as D } from "../../utils/keyboard.js";
 import { DropdownListContext as oo } from "../Dropdown/DropdownListContext.js";
-import { DropdownMobileHeader as to } from "../Dropdown/mobile/DropdownMobileHeader.js";
-import { DropdownMobileBody as eo } from "../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileList as ro } from "../Dropdown/mobile/DropdownMobileList.js";
-import { DropdownMobileListItem as no } from "../Dropdown/mobile/DropdownMobileListItem.js";
-import { DropdownMobileClose as co } from "../Dropdown/mobile/DropdownMobileClose.js";
-import { Text as ao } from "../Typography/Text.js";
-import { ETextSize as so } from "../Typography/enums.js";
+import "../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as Y } from "../Dropdown/desktop/DropdownList.js";
-import { EComponentSize as f } from "../../enums/EComponentSize.js";
-const lo = "buttonDropdown__25691be9", io = "block__6279d3af", mo = "buttonDropdownTarget__4a9e3819", uo = "caretIcon__2970ea24", Do = "active__6263f5c5", fo = "buttonDropdownMenuItem__76c810d0", n = {
-  buttonDropdown: lo,
-  block: io,
-  buttonDropdownTarget: mo,
-  caretIcon: uo,
-  active: Do,
+import "../../chunks/DropdownListItem-Dl8gN2ar.js";
+import { EDropdownWidth as to } from "../Dropdown/desktop/enums.js";
+import "../Dropdown/mobile/DropdownMobile.js";
+import { DropdownMobileBody as ro } from "../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as eo } from "../Dropdown/mobile/DropdownMobileClose.js";
+import "../Dropdown/mobile/DropdownMobileFooter.js";
+import { DropdownMobileHeader as no } from "../Dropdown/mobile/DropdownMobileHeader.js";
+import "../Dropdown/mobile/DropdownMobileInner.js";
+import "../Dropdown/mobile/DropdownMobileInput.js";
+import { DropdownMobileList as co } from "../Dropdown/mobile/DropdownMobileList.js";
+import { DropdownMobileListItem as ao } from "../Dropdown/mobile/DropdownMobileListItem.js";
+import "../Loader/LoaderSmall/LoaderSmall.js";
+import "../Loader/LoaderMiddle/LoaderMiddle.js";
+import { EComponentSize as p } from "../../enums/EComponentSize.js";
+import "../Dropdown/Dropdown.js";
+import { ETextSize as so } from "../Typography/enums.js";
+import "../Typography/Caption.js";
+import { Text as io } from "../Typography/Text.js";
+import "../Typography/Title.js";
+const mo = "buttonDropdown__5a05ef68", lo = "block__5dbb1748", uo = "buttonDropdownTarget__2eac2656", Do = "caretIcon__09e4b362", po = "active__add9b9f2", fo = "buttonDropdownMenuItem__adf4e210", n = {
+  buttonDropdown: mo,
+  block: lo,
+  buttonDropdownTarget: uo,
+  caretIcon: Do,
+  active: po,
   buttonDropdownMenuItem: fo
-}, po = {
-  [f.SM]: /* @__PURE__ */ t(L, { paletteIndex: 0 }),
-  [f.MD]: /* @__PURE__ */ t(L, { paletteIndex: 0 }),
-  [f.LG]: /* @__PURE__ */ t(Q, { paletteIndex: 0 })
-}, g = (p, c) => p === f.SM ? /* @__PURE__ */ t(X, { paletteIndex: c, className: n.caretIcon }) : p === f.MD ? /* @__PURE__ */ t(Z, { paletteIndex: c, className: n.caretIcon }) : /* @__PURE__ */ t($, { paletteIndex: c, className: n.caretIcon }), bo = F.forwardRef(
-  (p, c) => {
-    const { buttonAttributes: R, children: h, className: z, theme: b, size: s, options: C, selected: i, block: S, disabled: T, ...G } = p, k = I(null), v = I(null), W = w(n.buttonDropdown, { [n.block]: !!S }, z), [N, H] = V(), _ = I(J()), P = ({ opened: o, setOpened: r }) => {
+}, bo = {
+  [p.SM]: /* @__PURE__ */ t(y, { paletteIndex: 0 }),
+  [p.MD]: /* @__PURE__ */ t(y, { paletteIndex: 0 }),
+  [p.LG]: /* @__PURE__ */ t(Q, { paletteIndex: 0 })
+}, g = (f, c) => f === p.SM ? /* @__PURE__ */ t(X, { paletteIndex: c, className: n.caretIcon }) : f === p.MD ? /* @__PURE__ */ t(Z, { paletteIndex: c, className: n.caretIcon }) : /* @__PURE__ */ t($, { paletteIndex: c, className: n.caretIcon }), wo = F.forwardRef(
+  (f, c) => {
+    const { buttonAttributes: R, children: h, className: G, theme: b, size: s, options: T, selected: m, block: S, disabled: C, ...z } = f, E = I(null), k = I(null), W = w(n.buttonDropdown, { [n.block]: !!S }, G), [N, H] = V(), _ = I(J()), P = ({ opened: o, setOpened: e }) => {
       const a = w(n.buttonDropdownTarget, "hoverable", {
         [n.active]: o,
         [n.block]: !!S
       });
       return /* @__PURE__ */ B(
-        M,
+        O,
         {
           className: a,
           theme: b,
           size: s,
-          onKeyDown: A({ opened: o, setOpened: r }),
-          onClick: E({ opened: o, setOpened: r }),
-          disabled: T,
+          onKeyDown: A({ opened: o, setOpened: e }),
+          onClick: v({ opened: o, setOpened: e }),
+          disabled: C,
           "aria-haspopup": "menu",
           "aria-expanded": o,
           "aria-controls": _.current,
           "aria-activedescendant": N,
           ...R,
-          ref: O,
+          ref: M,
           children: [
             h,
             j()
           ]
         }
       );
-    }, K = ({ opened: o, setOpened: r }) => {
+    }, K = ({ opened: o, setOpened: e }) => {
       const a = w(n.buttonDropdownTarget, "hoverable", {
         [n.active]: o,
         [n.block]: !!S
       });
       return /* @__PURE__ */ t(
-        M,
+        O,
         {
           className: a,
-          theme: b === u.DOTS_SECONDARY ? d.SECONDARY : d.SECONDARY_LIGHT,
+          theme: b === u.DOTS_SECONDARY ? l.SECONDARY : l.SECONDARY_LIGHT,
           size: s,
-          onKeyDown: A({ opened: o, setOpened: r }),
-          onClick: E({ opened: o, setOpened: r }),
-          disabled: T,
+          onKeyDown: A({ opened: o, setOpened: e }),
+          onClick: v({ opened: o, setOpened: e }),
+          disabled: C,
           "aria-haspopup": "menu",
           "aria-expanded": o,
           "aria-controls": _.current,
           "aria-activedescendant": N,
           ...R,
-          ref: O,
-          icon: po[s]
+          ref: M,
+          icon: bo[s]
         }
       );
-    }, E = ({ opened: o, setOpened: r }) => () => r(!o), A = ({ opened: o, setOpened: r }) => (a) => {
-      const { key: l } = a;
-      (D(l, "SPACE") || D(l, "ARROW_UP") || D(l, "ARROW_DOWN")) && a.preventDefault(), !o && (D(l, "ARROW_UP") || D(l, "ARROW_DOWN")) && r(!0);
+    }, v = ({ opened: o, setOpened: e }) => () => e(!o), A = ({ opened: o, setOpened: e }) => (a) => {
+      const { key: i } = a;
+      (D(i, "SPACE") || D(i, "ARROW_UP") || D(i, "ARROW_DOWN")) && a.preventDefault(), !o && (D(i, "ARROW_UP") || D(i, "ARROW_DOWN")) && e(!0);
     }, j = () => {
       switch (b) {
-        case d.GENERAL:
-        case d.DANGER:
+        case l.GENERAL:
+        case l.DANGER:
         case u.DOTS_SECONDARY:
         case u.DOTS_SECONDARY_LIGHT:
           return g(s, 7);
-        case d.SECONDARY:
-        case d.SECONDARY_LIGHT:
+        case l.SECONDARY:
+        case l.SECONDARY_LIGHT:
           return g(s, 0);
         default:
           return null;
       }
-    }, U = ({ opened: o, setOpened: r, className: a }) => {
-      const l = w(n.buttonDropdownMenu, a);
+    }, U = ({ opened: o, setOpened: e, className: a }) => {
+      const i = w(n.buttonDropdownMenu, a);
       return /* @__PURE__ */ t(oo.Provider, { value: { activeDescendant: N, setActiveDescendant: H }, children: /* @__PURE__ */ t(
-        y.Dropdown,
+        L.Dropdown,
         {
           size: s,
-          className: l,
+          className: i,
           opened: o,
-          setOpened: r,
-          targetRef: k,
-          ref: v,
+          setOpened: e,
+          targetRef: E,
+          width: to.MIN_TARGET,
+          ref: k,
           mobileViewProps: {
             children: /* @__PURE__ */ B(q, { children: [
               /* @__PURE__ */ t(
-                to,
+                no,
                 {
-                  controlButtons: /* @__PURE__ */ t(co, { onClick: () => r(!1) }),
-                  children: /* @__PURE__ */ t(ao, { tag: "div", size: so.B3, children: h })
+                  controlButtons: /* @__PURE__ */ t(eo, { onClick: () => e(!1) }),
+                  children: /* @__PURE__ */ t(io, { tag: "div", size: so.B3, children: h })
                 }
               ),
-              /* @__PURE__ */ t(eo, { children: /* @__PURE__ */ t(ro, { children: C.map((e) => /* @__PURE__ */ x(
-                no,
+              /* @__PURE__ */ t(ro, { children: /* @__PURE__ */ t(co, { children: T.map((r) => /* @__PURE__ */ x(
+                ao,
                 {
-                  ...e,
-                  key: e.id,
-                  selected: e.id === (i == null ? void 0 : i.id),
+                  ...r,
+                  key: r.id,
+                  selected: r.id === (m == null ? void 0 : m.id),
                   onSelect: () => {
-                    var m;
-                    (m = e.onSelect) == null || m.call(e), r(!1);
+                    var d;
+                    (d = r.onSelect) == null || d.call(r), e(!1);
                   }
                 },
-                e.label
+                r.label
               )) }) })
             ] })
           },
-          children: /* @__PURE__ */ t(Y, { dropdownOpened: o, id: _.current, size: s, children: C.map((e) => /* @__PURE__ */ x(
+          children: /* @__PURE__ */ t(Y, { dropdownOpened: o, id: _.current, size: s, children: T.map((r) => /* @__PURE__ */ x(
             Y.Item,
             {
-              ...e,
+              ...r,
               className: n.buttonDropdownMenuItem,
-              key: e.id,
-              selected: e.id === (i == null ? void 0 : i.id),
+              key: r.id,
+              selected: r.id === (m == null ? void 0 : m.id),
               onSelect: () => {
-                var m;
-                (m = e.onSelect) == null || m.call(e), r(!1);
+                var d;
+                (d = r.onSelect) == null || d.call(r), e(!1);
               }
             },
-            e.label
+            r.label
           )) })
         }
       ) });
-    }, O = (o) => {
-      k.current = o, typeof c == "function" ? c(o) : c && (c.current = o);
+    }, M = (o) => {
+      E.current = o, typeof c == "function" ? c(o) : c && (c.current = o);
     };
     return /* @__PURE__ */ t(
-      y,
+      L,
       {
         className: W,
         renderButton: [u.DOTS_SECONDARY, u.DOTS_SECONDARY_LIGHT].includes(
           b
         ) ? K : P,
         renderDropdown: U,
-        dropdownRef: v,
+        dropdownRef: k,
         closeOnTab: !0,
-        ...G
+        ...z
       }
     );
   }
 );
-bo.displayName = "ButtonDropdown";
+wo.displayName = "ButtonDropdown";
 export {
-  bo as ButtonDropdown
+  wo as ButtonDropdown
 };
 //# sourceMappingURL=ButtonDropdown.js.map

package/components/Button/ButtonDropdownExtended.js

@@ -3,12 +3,12 @@ import { useRef as f, useState as C, useCallback as N, useEffect as R } from "re
 import { Dropdown as _ } from "../Dropdown/Dropdown.js";
 import { isKey as w } from "../../utils/keyboard.js";
 import { DropdownList as g } from "../Dropdown/desktop/DropdownList.js";
-import { c as A } from "../../chunks/vendor-CuCj7SgU.js";
-const K = "buttonDropdownExtended__f4ba3f48", S = "buttonDropdownExtendedBlock__6a55a8d3", E = {
+import { c as A } from "../../chunks/vendor-BiObpx9E.js";
+const K = "buttonDropdownExtended__38bfb108", S = "buttonDropdownExtendedBlock__9fbd5ec4", E = {
   buttonDropdownExtended: K,
   buttonDropdownExtendedBlock: S
 }, D = (s) => {
-  const { className: v, opened: x, setOpened: c, renderButton: b, renderDropdown: k, dropdownRef: l, closeOnTab: p, ...L } = s, u = f(null), m = f(s.opened !== void 0), [O, y] = C((s.opened === void 0, !1)), e = m.current ? !!x : O, o = N(
+  const { className: b, opened: v, setOpened: c, renderButton: x, renderDropdown: k, dropdownRef: l, closeOnTab: p, ...L } = s, u = f(null), m = f(s.opened !== void 0), [O, y] = C((s.opened === void 0, !1)), e = m.current ? !!v : O, o = N(
     (t) => {
       if (m.current) {
         c && c(t);
@@ -25,19 +25,19 @@ const K = "buttonDropdownExtended__f4ba3f48", S = "buttonDropdownExtendedBlock__
       const n = r.code || r.keyCode;
       e && (w(n, "ESCAPE") || p && w(n, "TAB")) && o(!1);
     }, d = (r) => {
-      const n = u.current, a = l.current;
+      const n = u.current, i = l.current;
       if (e) {
-        const i = r.target;
-        i && !(n != null && n.contains(i)) && !(a != null && a.contains(i)) && o(!1);
+        const a = r.target;
+        a && !(n != null && n.contains(a)) && !(i != null && i.contains(a)) && o(!1);
       }
     };
     return document.addEventListener("keydown", t), document.addEventListener("mousedown", d), document.addEventListener("touchstart", d), () => {
       document.removeEventListener("keydown", t), document.removeEventListener("mousedown", d), document.removeEventListener("touchstart", d);
     };
   }, [e, p, l, o, u]);
-  const B = A(E.buttonDropdownExtended, v);
+  const B = A(E.buttonDropdownExtended, b);
   return /* @__PURE__ */ h("div", { className: B, ref: u, ...L, children: [
-    b({ opened: e, setOpened: o }),
+    x({ opened: e, setOpened: o }),
     k({
       className: E.buttonDropdownExtendedBlock,
       opened: e,

package/components/Button/ButtonIcon.js

@@ -1,8 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
 import u from "react";
-import { c as m } from "../../chunks/vendor-CuCj7SgU.js";
+import { c as m } from "../../chunks/vendor-BiObpx9E.js";
 import { EButtonIconShape as o } from "./enums.js";
-const p = "buttonIcon__903738d5", I = "circle__7f132175", b = "squircle__b42c1e43", t = {
+const p = "buttonIcon__ed0515be", I = "circle__6770dac2", b = "squircle__5243c2df", t = {
   buttonIcon: p,
   circle: I,
   squircle: b

package/components/Calendar/Calendar.js

@@ -2,7 +2,7 @@ var M = Object.defineProperty;
 var H = (m, d, t) => d in m ? M(m, d, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[d] = t;
 var p = (m, d, t) => H(m, typeof d != "symbol" ? d + "" : d, t);
 import { jsx as h, jsxs as S } from "react/jsx-runtime";
-import { u as I, c as R } from "../../chunks/vendor-CuCj7SgU.js";
+import { u as I, c as R } from "../../chunks/vendor-BiObpx9E.js";
 import V from "react";
 import D from "moment";
 import { globalLimitRange as _, dateFormatYYYYMMDD as O } from "../../consts/DateConst.js";
@@ -13,7 +13,7 @@ import { CalendarView as N } from "./components/CalendarView.js";
 import { CalendarFooter as E } from "./components/CalendarFooter.js";
 import { CalendarFooterButton as v } from "./components/CalendarFooterButton.js";
 import { parsePickedDate as f, formatDate as P, getHeader as j } from "./utils.js";
-const q = "calendar__7b7f0d00", L = "adaptive__3fca7f0a", g = {
+const q = "calendar__510ebe70", L = "adaptive__ea8e0f2c", g = {
   calendar: q,
   adaptive: L
 };
@@ -137,7 +137,7 @@ class k extends V.PureComponent {
     } = this.props, { viewMode: A, viewDate: B, header: Y } = this.state, b = R(g.calendar, {
       [g.adaptive]: !!this.props.adaptiveMode
     }), F = f(this.props.pickedDate, t);
-    return /* @__PURE__ */ h("div", { className: b, "data-tx": "1.21.0", children: /* @__PURE__ */ S(
+    return /* @__PURE__ */ h("div", { className: b, "data-tx": "1.22.0", children: /* @__PURE__ */ S(
       w.Provider,
       {
         value: {

package/components/Calendar/components/CalendarControls.js

@@ -8,7 +8,7 @@ import { EButtonIconShape as E, EButtonTheme as L } from "../../Button/enums.js"
 import { ECalendarViewMode as e } from "../enums.js";
 import { globalLimitRange as O } from "../../../consts/DateConst.js";
 import { EComponentSize as V } from "../../../enums/EComponentSize.js";
-const U = "calendarControls__948f6508", j = {
+const U = "calendarControls__04954c92", j = {
   calendarControls: U
 }, X = ({
   children: m,

package/components/Calendar/components/CalendarFooter.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-const e = "calendarFooter__52b88120", r = {
+const e = "calendarFooter__7827ea36", r = {
   calendarFooter: e
 }, t = ({ children: o }) => /* @__PURE__ */ a("div", { className: r.calendarFooter, children: o });
 t.displayName = "CalendarFooter";

package/components/Calendar/components/CalendarViewDays.js

@@ -1,11 +1,11 @@
 import { jsxs as U, jsx as l } from "react/jsx-runtime";
-import { c as H } from "../../../chunks/vendor-CuCj7SgU.js";
+import { c as H } from "../../../chunks/vendor-BiObpx9E.js";
 import { useContext as k, useCallback as O, useState as L, useEffect as q } from "react";
 import c from "moment";
 import { isDateOutOfRange as g, isDayDisabled as z } from "../utils.js";
 import { WEEKDAYS_SET as J } from "../../../consts/DateConst.js";
 import { CalendarViewContext as Q } from "../CalendarViewContext.js";
-import { s as y, C as X } from "../../../chunks/CalendarViewItem-CW39vnxU.js";
+import { s as y, C as X } from "../../../chunks/CalendarViewItem-UwoR2Xwr.js";
 import { isKey as d } from "../../../utils/keyboard.js";
 import { ECalendarDateMarkType as Z, ECalendarViewMode as E } from "../enums.js";
 import { CalendarContext as ee } from "../CalendarContext.js";

package/components/Calendar/components/CalendarViewItem.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
-import "../../../chunks/vendor-CuCj7SgU.js";
+import "../../../chunks/vendor-BiObpx9E.js";
 import "react";
 import "../enums.js";
 import "../CalendarViewContext.js";
 import "../../../utils/keyboard.js";
-import { C } from "../../../chunks/CalendarViewItem-CW39vnxU.js";
+import { C } from "../../../chunks/CalendarViewItem-UwoR2Xwr.js";
 export {
   C as CalendarViewItem
 };

package/components/Calendar/components/CalendarViewMonths.js

@@ -4,7 +4,7 @@ import h from "moment";
 import { CalendarContext as H } from "../CalendarContext.js";
 import { CalendarViewContext as K } from "../CalendarViewContext.js";
 import { isDateOutOfRange as R } from "../utils.js";
-import { s as B, C as U } from "../../../chunks/CalendarViewItem-CW39vnxU.js";
+import { s as B, C as U } from "../../../chunks/CalendarViewItem-UwoR2Xwr.js";
 import { isKey as l } from "../../../utils/keyboard.js";
 import { ECalendarPickType as Y, ECalendarViewMode as u } from "../enums.js";
 const Z = ({ pickedDate: r, monthHtmlAttributes: T = {} }) => {

package/components/Calendar/components/CalendarViewYears.js

@@ -4,7 +4,7 @@ import w from "moment";
 import { CalendarContext as N } from "../CalendarContext.js";
 import { CalendarViewContext as G } from "../CalendarViewContext.js";
 import { isDateOutOfRange as O } from "../utils.js";
-import { s as K, C as H } from "../../../chunks/CalendarViewItem-CW39vnxU.js";
+import { s as K, C as H } from "../../../chunks/CalendarViewItem-UwoR2Xwr.js";
 import { isKey as i } from "../../../utils/keyboard.js";
 import { ECalendarViewMode as y } from "../enums.js";
 const Q = ({ pickedDate: s, yearHtmlAttributes: S = {} }) => {

package/components/Card/CardAction.js

@@ -8,10 +8,10 @@ import { CardMedia as _ } from "./components/CardMedia.js";
 import { ECardRoundingSize as M, ECardTheme as w } from "./enums.js";
 import { EFocusSource as r } from "../../enums/EFocusSource.js";
 import { mapCardRoundingSizeToCssClass as x, mapCardThemeToCssClass as K } from "./utils.js";
-import { isKey as f } from "../../utils/keyboard.js";
-import { c as k } from "../../chunks/vendor-CuCj7SgU.js";
-import { c as B } from "../../chunks/Card.module-wkZoieJo.js";
-const O = "action__09a6b0fc", F = "selected__17dc0832", V = "focusVisible__239f152c", a = {
+import { isKey as p } from "../../utils/keyboard.js";
+import { c as k } from "../../chunks/vendor-BiObpx9E.js";
+import { c as B } from "../../chunks/Card.module-CPD2xDmu.js";
+const O = "action__65f10c91", F = "selected__181b965e", V = "focusVisible__881a7258", a = {
   action: O,
   selected: F,
   focusVisible: V
@@ -35,7 +35,7 @@ class l extends u.Component {
     });
     o(this, "handleKeyDown", (e) => {
       const { onKeyDown: s } = this.props;
-      s == null || s(e), f(e.keyCode, "SPACE") ? (e.preventDefault(), this.handleToggle()) : f(e.keyCode, "ENTER") && this.handleToggle();
+      s == null || s(e), p(e.keyCode, "SPACE") ? (e.preventDefault(), this.handleToggle()) : p(e.keyCode, "ENTER") && this.handleToggle();
     });
     o(this, "handleFocus", (e) => {
       const { onFocus: s } = this.props, { focusSource: t } = this.state, { current: n } = this.ref;
@@ -66,7 +66,7 @@ class l extends u.Component {
       onKeyDown: d,
       onFocus: h,
       onBlur: z,
-      roundingSize: p = M.MD,
+      roundingSize: f = M.MD,
       onToggle: A,
       selected: m,
       toggle: U,
@@ -76,7 +76,7 @@ class l extends u.Component {
       B.card,
       a.action,
       K[S],
-      x[p],
+      x[f],
       {
         [a.focusVisible]: D === r.KEYBOARD,
         [a.selected]: E ? !!m : g
@@ -96,7 +96,7 @@ class l extends u.Component {
         role: "button",
         ...C,
         ref: this.ref,
-        "data-tx": "1.21.0",
+        "data-tx": "1.22.0",
         children: e
       }
     );

package/components/Card/CardStatic.js

@@ -2,8 +2,8 @@ import { jsx as i } from "react/jsx-runtime";
 import { CardContent as s } from "./components/CardContent/CardContent.js";
 import { CardMedia as e } from "./components/CardMedia.js";
 import { mapCardRoundingSizeToCssClass as C, mapCardThemeToCssClass as p } from "./utils.js";
-import { c } from "../../chunks/vendor-CuCj7SgU.js";
-import { c as n } from "../../chunks/Card.module-wkZoieJo.js";
+import { c } from "../../chunks/vendor-BiObpx9E.js";
+import { c as n } from "../../chunks/Card.module-CPD2xDmu.js";
 import { ECardRoundingSize as f, ECardTheme as l } from "./enums.js";
 const a = ({
   children: r,
@@ -21,7 +21,7 @@ const a = ({
       o
     ),
     ...d,
-    "data-tx": "1.21.0",
+    "data-tx": "1.22.0",
     children: r
   }
 );

package/components/Card/components/CardContent/CardContent.js

@@ -3,8 +3,8 @@ import { CardContentBody as C } from "./components/CardContentBody.js";
 import { CardContentHeader as i } from "./components/CardContentHeader.js";
 import { CardContentFooter as s } from "./components/CardContentFooter.js";
 import { ECardContentPaddingSize as t } from "../../enums.js";
-import { c as p } from "../../../../chunks/vendor-CuCj7SgU.js";
-import { c as r } from "../../../../chunks/Card.module-wkZoieJo.js";
+import { c as p } from "../../../../chunks/vendor-BiObpx9E.js";
+import { c as r } from "../../../../chunks/Card.module-CPD2xDmu.js";
 const c = {
   [t.MD]: r.paddingMD,
   [t.SM]: r.paddingSM

package/components/Card/components/CardContent/components/CardContentBody.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as d } from "../../../../../chunks/vendor-CuCj7SgU.js";
-import { c as s } from "../../../../../chunks/Card.module-wkZoieJo.js";
+import { c as d } from "../../../../../chunks/vendor-BiObpx9E.js";
+import { c as s } from "../../../../../chunks/Card.module-CPD2xDmu.js";
 const m = ({ children: o, className: t, ...r }) => /* @__PURE__ */ a("div", { className: d(s.cardContentBody, t), ...r, children: o });
 m.displayName = "CardContentBody";
 export {

package/components/Card/components/CardContent/components/CardContentFooter.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as e } from "../../../../../chunks/vendor-CuCj7SgU.js";
-import { c as s } from "../../../../../chunks/Card.module-wkZoieJo.js";
+import { c as e } from "../../../../../chunks/vendor-BiObpx9E.js";
+import { c as s } from "../../../../../chunks/Card.module-CPD2xDmu.js";
 const m = ({ children: o, className: t, ...r }) => /* @__PURE__ */ a("div", { className: e(s.cardContentFooter, t), ...r, children: o });
 m.displayName = "CardContentFooter";
 export {