@sberbusiness/triplex-next 0.22.0 → 0.24.0

package/components/Button/ButtonDropdown.js

@@ -3,48 +3,49 @@ import "./ButtonBase.js";
 import "./ButtonIcon.js";
 import { jsx as t, jsxs as B, Fragment as q } from "react/jsx-runtime";
 import F, { useRef as R, useState as V, createElement as x } from "react";
-import { c as b, u as J } from "../../chunks/vendor---Om3uMV.js";
+import { c as w, u as J } from "../../chunks/vendor---Om3uMV.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 { ButtonDropdownExtended as g } from "./ButtonDropdownExtended.js";
+import { EButtonDotsTheme as D, EButtonTheme as l } from "./enums.js";
+import { isKey as p } from "../../utils/keyboard.js";
 import { DropdownListContext as oo } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
-import { DropdownList as Y } from "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-C5KVFMFN.js";
-import { EDropdownWidth as to } from "../Dropdown/desktop/enums.js";
+import { DropdownList as L } from "../Dropdown/desktop/DropdownList.js";
+import "../../chunks/DropdownListItem-D_38hBVf.js";
+import { EDropdownAlignment as to, EDropdownWidth as ro } 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 { DropdownMobileBody as eo } from "../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as no } from "../Dropdown/mobile/DropdownMobileClose.js";
 import "../Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader as no } from "../Dropdown/mobile/DropdownMobileHeader.js";
+import { DropdownMobileHeader as co } 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 { DropdownMobileList as ao } from "../Dropdown/mobile/DropdownMobileList.js";
+import { DropdownMobileListItem as so } from "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-import { EComponentSize as p } from "../../enums/EComponentSize.js";
+import { EComponentSize as b } from "../../enums/EComponentSize.js";
 import "../Dropdown/Dropdown.js";
-import { ETextSize as so } from "../Typography/enums.js";
+import { ETextSize as io } from "../Typography/enums.js";
 import "../Typography/Caption.js";
-import { Text as io } from "../Typography/Text.js";
+import "../Typography/CodeText.js";
+import { Text as mo } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const mo = "buttonDropdown__3d10c139", lo = "block__f656e0c8", uo = "buttonDropdownTarget__8af45848", Do = "caretIcon__f121edc3", po = "active__ce4fd6de", fo = "buttonDropdownMenuItem__4e445385", n = {
-  buttonDropdown: mo,
-  block: lo,
-  buttonDropdownTarget: uo,
-  caretIcon: Do,
-  active: po,
+const lo = "buttonDropdown__1d1528d1", uo = "block__415558d4", Do = "buttonDropdownTarget__1082edfd", po = "caretIcon__9eb2b581", bo = "active__20b48ba2", fo = "buttonDropdownMenuItem__23e484a5", n = {
+  buttonDropdown: lo,
+  block: uo,
+  buttonDropdownTarget: Do,
+  caretIcon: po,
+  active: bo,
   buttonDropdownMenuItem: fo
 }, wo = {
-  [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 }), bo = F.forwardRef(
+  [b.SM]: /* @__PURE__ */ t(y, { paletteIndex: 0 }),
+  [b.MD]: /* @__PURE__ */ t(y, { paletteIndex: 0 }),
+  [b.LG]: /* @__PURE__ */ t(Q, { paletteIndex: 0 })
+}, G = (f, c) => f === b.SM ? /* @__PURE__ */ t(X, { paletteIndex: c, className: n.caretIcon }) : f === b.MD ? /* @__PURE__ */ t(Z, { paletteIndex: c, className: n.caretIcon }) : /* @__PURE__ */ t($, { paletteIndex: c, className: n.caretIcon }), So = F.forwardRef(
   (f, c) => {
-    const { buttonAttributes: _, children: h, className: G, theme: w, size: s, options: T, selected: m, block: S, disabled: C, ...z } = f, E = R(null), k = R(null), W = b(n.buttonDropdown, { [n.block]: !!S }, G), [N, H] = V(), I = R(J()), P = ({ opened: o, setOpened: e }) => {
-      const a = b(n.buttonDropdownTarget, "hoverable", {
+    const { buttonAttributes: _, children: h, className: Y, theme: d, size: s, options: T, selected: m, block: S, disabled: C, ...z } = f, E = R(null), A = R(null), W = w(n.buttonDropdown, { [n.block]: !!S }, Y), [N, H] = V(), I = R(J()), P = ({ opened: o, setOpened: e }) => {
+      const a = w(n.buttonDropdownTarget, "hoverable", {
         [n.active]: o,
         [n.block]: !!S
       });
@@ -52,10 +53,10 @@ const mo = "buttonDropdown__3d10c139", lo = "block__f656e0c8", uo = "buttonDropd
         O,
         {
           className: a,
-          theme: w,
+          theme: d,
           size: s,
-          onKeyDown: A({ opened: o, setOpened: e }),
-          onClick: v({ opened: o, setOpened: e }),
+          onKeyDown: v({ opened: o, setOpened: e }),
+          onClick: k({ opened: o, setOpened: e }),
           disabled: C,
           "aria-haspopup": "menu",
           "aria-expanded": o,
@@ -70,7 +71,7 @@ const mo = "buttonDropdown__3d10c139", lo = "block__f656e0c8", uo = "buttonDropd
         }
       );
     }, K = ({ opened: o, setOpened: e }) => {
-      const a = b(n.buttonDropdownTarget, "hoverable", {
+      const a = w(n.buttonDropdownTarget, "hoverable", {
         [n.active]: o,
         [n.block]: !!S
       });
@@ -78,10 +79,10 @@ const mo = "buttonDropdown__3d10c139", lo = "block__f656e0c8", uo = "buttonDropd
         O,
         {
           className: a,
-          theme: w === u.DOTS_SECONDARY ? l.SECONDARY : l.SECONDARY_LIGHT,
+          theme: d === D.DOTS_SECONDARY ? l.SECONDARY : l.SECONDARY_LIGHT,
           size: s,
-          onKeyDown: A({ opened: o, setOpened: e }),
-          onClick: v({ opened: o, setOpened: e }),
+          onKeyDown: v({ opened: o, setOpened: e }),
+          onClick: k({ opened: o, setOpened: e }),
           disabled: C,
           "aria-haspopup": "menu",
           "aria-expanded": o,
@@ -92,68 +93,69 @@ const mo = "buttonDropdown__3d10c139", lo = "block__f656e0c8", uo = "buttonDropd
           icon: wo[s]
         }
       );
-    }, v = ({ opened: o, setOpened: e }) => () => e(!o), A = ({ opened: o, setOpened: e }) => (a) => {
+    }, k = ({ opened: o, setOpened: e }) => () => e(!o), v = ({ 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);
+      (p(i, "SPACE") || p(i, "ARROW_UP") || p(i, "ARROW_DOWN")) && a.preventDefault(), !o && (p(i, "ARROW_UP") || p(i, "ARROW_DOWN")) && e(!0);
     }, j = () => {
-      switch (w) {
+      switch (d) {
         case l.GENERAL:
         case l.DANGER:
-        case u.DOTS_SECONDARY:
-        case u.DOTS_SECONDARY_LIGHT:
-          return g(s, 7);
+        case D.DOTS_SECONDARY:
+        case D.DOTS_SECONDARY_LIGHT:
+          return G(s, 7);
         case l.SECONDARY:
         case l.SECONDARY_LIGHT:
-          return g(s, 0);
+          return G(s, 0);
         default:
           return null;
       }
     }, U = ({ opened: o, setOpened: e, className: a }) => {
-      const i = b(n.buttonDropdownMenu, a);
+      const i = w(n.buttonDropdownMenu, a);
       return /* @__PURE__ */ t(oo.Provider, { value: { activeDescendant: N, setActiveDescendant: H }, children: /* @__PURE__ */ t(
-        L.Dropdown,
+        g.Dropdown,
         {
-          size: s,
           className: i,
+          size: s,
+          width: ro.MIN_TARGET,
+          alignment: to.RIGHT,
           opened: o,
           setOpened: e,
           targetRef: E,
-          width: to.MIN_TARGET,
-          ref: k,
+          ref: A,
           mobileViewProps: {
             children: /* @__PURE__ */ B(q, { children: [
               /* @__PURE__ */ t(
-                no,
+                co,
                 {
-                  controlButtons: /* @__PURE__ */ t(eo, { onClick: () => e(!1) }),
-                  children: /* @__PURE__ */ t(io, { tag: "div", size: so.B3, children: h })
+                  controlButtons: /* @__PURE__ */ t(no, { onClick: () => e(!1) }),
+                  children: /* @__PURE__ */ t(mo, { tag: "div", size: io.B3, children: h })
                 }
               ),
-              /* @__PURE__ */ t(ro, { children: /* @__PURE__ */ t(co, { children: T.map((r) => /* @__PURE__ */ x(
-                ao,
+              /* @__PURE__ */ t(eo, { children: /* @__PURE__ */ t(ao, { children: T.map((r) => /* @__PURE__ */ x(
+                so,
                 {
                   ...r,
                   key: r.id,
                   selected: r.id === (m == null ? void 0 : m.id),
                   onSelect: () => {
-                    var d;
-                    (d = r.onSelect) == null || d.call(r), e(!1);
+                    var u;
+                    (u = r.onSelect) == null || u.call(r), e(!1);
                   }
                 },
                 r.label
               )) }) })
             ] })
           },
-          children: /* @__PURE__ */ t(Y, { dropdownOpened: o, id: I.current, size: s, children: T.map((r) => /* @__PURE__ */ x(
-            Y.Item,
+          children: /* @__PURE__ */ t(L, { dropdownOpened: o, id: I.current, size: s, children: T.map((r) => /* @__PURE__ */ x(
+            L.Item,
             {
               ...r,
               className: n.buttonDropdownMenuItem,
               key: r.id,
               selected: r.id === (m == null ? void 0 : m.id),
               onSelect: () => {
-                var d;
-                (d = r.onSelect) == null || d.call(r), e(!1);
+                var u;
+                (u = r.onSelect) == null || u.call(r), e(!1);
               }
             },
             r.label
@@ -164,22 +166,20 @@ const mo = "buttonDropdown__3d10c139", lo = "block__f656e0c8", uo = "buttonDropd
       E.current = o, typeof c == "function" ? c(o) : c && (c.current = o);
     };
     return /* @__PURE__ */ t(
-      L,
+      g,
       {
         className: W,
-        renderButton: [u.DOTS_SECONDARY, u.DOTS_SECONDARY_LIGHT].includes(
-          w
-        ) ? K : P,
+        renderButton: d === D.DOTS_SECONDARY || d === D.DOTS_SECONDARY_LIGHT ? K : P,
         renderDropdown: U,
-        dropdownRef: k,
+        dropdownRef: A,
         closeOnTab: !0,
         ...z
       }
     );
   }
 );
-bo.displayName = "ButtonDropdown";
+So.displayName = "ButtonDropdown";
 export {
-  bo as ButtonDropdown
+  So as ButtonDropdown
 };
 //# sourceMappingURL=ButtonDropdown.js.map

package/components/Button/ButtonDropdownExtended.js

@@ -4,11 +4,11 @@ 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---Om3uMV.js";
-const K = "buttonDropdownExtended__d4660477", S = "buttonDropdownExtendedBlock__a63483f5", E = {
+const K = "buttonDropdownExtended__b68fd366", S = "buttonDropdownExtendedBlock__e5b577ab", E = {
   buttonDropdownExtended: K,
   buttonDropdownExtendedBlock: S
 }, D = (s) => {
-  const { className: v, opened: x, setOpened: c, renderButton: k, renderDropdown: b, 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);
@@ -35,10 +35,10 @@ const K = "buttonDropdownExtended__d4660477", S = "buttonDropdownExtendedBlock__
       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: [
-    k({ opened: e, setOpened: o }),
-    b({
+    x({ opened: e, setOpened: o }),
+    k({
       className: E.buttonDropdownExtendedBlock,
       opened: e,
       setOpened: o

package/components/Button/ButtonIcon.js

@@ -1,21 +1,21 @@
 import { jsx as l } from "react/jsx-runtime";
 import u from "react";
 import { c as m } from "../../chunks/vendor---Om3uMV.js";
-import { EButtonIconShape as c } from "./enums.js";
-const p = "buttonIcon__c3c4c51e", I = "circle__8e23c580", b = "squircle__2d790dc8", o = {
-  buttonIcon: p,
-  circle: I,
-  squircle: b
+import { EButtonIconShape as o } from "./enums.js";
+const b = "buttonIcon__377371ac", p = "circle__41ed660d", I = "squircle__babbfe39", t = {
+  buttonIcon: b,
+  circle: p,
+  squircle: I
 }, f = {
-  [c.SQUIRCLE]: o.squircle,
-  [c.CIRCLE]: o.circle
+  [o.SQUIRCLE]: t.squircle,
+  [o.CIRCLE]: t.circle
 }, _ = u.forwardRef(
-  ({ className: e, disabled: t, shape: n = c.SQUIRCLE, active: s, ...r }, a) => {
-    const i = m(o.buttonIcon, f[n], "hoverable", e, {
+  ({ className: e, disabled: c, shape: n = o.SQUIRCLE, active: s, ...r }, a) => {
+    const i = m(t.buttonIcon, f[n], "hoverable", e, {
       active: !!s,
-      disabled: !!t
+      disabled: !!c
     });
-    return /* @__PURE__ */ l("button", { type: "button", className: i, disabled: t, ...r, ref: a });
+    return /* @__PURE__ */ l("button", { type: "button", className: i, disabled: c, ...r, ref: a });
   }
 );
 _.displayName = "ButtonIcon";

package/components/Calendar/Calendar.js

@@ -1,6 +1,6 @@
 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);
+var c = (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---Om3uMV.js";
 import V from "react";
@@ -13,7 +13,7 @@ import { CalendarView as _ } 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__1bc16638", L = "adaptive__ba638e60", g = {
+const q = "calendar__43daa3ef", L = "adaptive__8de16ba5", g = {
   calendar: q,
   adaptive: L
 };
@@ -21,13 +21,13 @@ class k extends V.PureComponent {
   constructor(t) {
     super(t);
     // Уникальный идентификатор для связи периода с таблицей.
-    p(this, "periodId", `calendar-period-${I()}`);
+    c(this, "periodId", `calendar-period-${I()}`);
     /** Обработчик выбора даты. */
-    p(this, "handleDateSelect", (t) => {
+    c(this, "handleDateSelect", (t) => {
       this.props.onDateChange(t);
     });
     /** Обработчик смены страницы. */
-    p(this, "handlePageChange", (t, a) => {
+    c(this, "handlePageChange", (t, a) => {
       const { onPageChange: o } = this.props;
       this.setState({
         header: P(t, a),
@@ -35,7 +35,7 @@ class k extends V.PureComponent {
       }), o == null || o(t, a);
     });
     /** Обработчик изменения вида отображения. */
-    p(this, "handleViewChange", (t, a) => {
+    c(this, "handleViewChange", (t, a) => {
       const { onViewChange: o } = this.props;
       this.setState({
         header: P(t, a),
@@ -44,13 +44,13 @@ class k extends V.PureComponent {
       }), o == null || o(t, a);
     });
     /** Рендер футера. */
-    p(this, "renderFooter", () => {
+    c(this, "renderFooter", () => {
       const { pickType: t, yesterdayButtonProps: a, todayButtonProps: o, tomorrowButtonProps: r } = this.props, { viewDate: n, viewMode: e } = this.state;
       let i, s;
       t === y.datePick ? (i = D().startOf("day"), s = e === l.DAYS && n.isSame(i, "month")) : (i = D().startOf("month"), s = e === l.MONTHS && n.isSame(i, "year"));
-      const c = s && e === l.DAYS;
+      const p = s && e === l.DAYS;
       return /* @__PURE__ */ S(E, { children: [
-        c && a && /* @__PURE__ */ h(
+        p && a && /* @__PURE__ */ h(
           v,
           {
             date: i.clone().subtract(1, "day"),
@@ -66,7 +66,7 @@ class k extends V.PureComponent {
             ...typeof o == "function" ? o({ viewMode: e, currentPeriodSelected: s }) : o
           }
         ),
-        c && r && /* @__PURE__ */ h(
+        p && r && /* @__PURE__ */ h(
           v,
           {
             date: i.clone().add(1, "day"),
@@ -107,8 +107,8 @@ class k extends V.PureComponent {
     return n;
   }
   componentDidUpdate(t, a) {
-    const { format: o } = this.props, { viewDate: r } = this.state, { viewDate: n } = a, e = f(this.props.pickedDate, o), i = e == null ? void 0 : e.isValid(), s = i ? e : n, c = f(t.pickedDate, o);
-    if (!(!i || c != null && c.isSame(s, "day"))) {
+    const { format: o } = this.props, { viewDate: r } = this.state, { viewDate: n } = a, e = f(this.props.pickedDate, o), i = e == null ? void 0 : e.isValid(), s = i ? e : n, p = f(t.pickedDate, o);
+    if (!(!i || p != null && p.isSame(s, "day"))) {
       let u = {};
       r && !r.isSame(e, "month") && (u = {
         currentTab: l.DAYS,
@@ -130,14 +130,14 @@ class k extends V.PureComponent {
       dayHtmlAttributes: e,
       monthHtmlAttributes: i,
       yearHtmlAttributes: s,
-      prevButtonProps: c,
+      prevButtonProps: p,
       nextButtonProps: u,
       viewButtonProps: C,
       todayButtonProps: T
     } = 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": "0.22.0", children: /* @__PURE__ */ S(
+    return /* @__PURE__ */ h("div", { className: b, "data-tx": "0.24.0", children: /* @__PURE__ */ S(
       w.Provider,
       {
         value: {
@@ -157,7 +157,7 @@ class k extends V.PureComponent {
           /* @__PURE__ */ h(
             N,
             {
-              prevButtonProps: c,
+              prevButtonProps: p,
               nextButtonProps: u,
               viewButtonProps: C,
               children: Y
@@ -178,11 +178,11 @@ class k extends V.PureComponent {
     ) });
   }
 }
-p(k, "defaultProps", {
+c(k, "defaultProps", {
   format: x,
   limitRange: O,
   pickType: y.datePick
-}), p(k, "contextType", w);
+}), c(k, "contextType", w);
 export {
   k as Calendar
 };

package/components/Calendar/components/CalendarControls.js

@@ -8,7 +8,7 @@ import { EButtonIconShape as b, EButtonTheme as L } from "../../Button/enums.js"
 import { ECalendarViewMode as e } from "../enums.js";
 import { globalLimitRange as E } from "../../../consts/DateConst.js";
 import { EComponentSize as V } from "../../../enums/EComponentSize.js";
-const U = "calendarControls__5d77bf5b", j = {
+const U = "calendarControls__b6037860", 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__593c7f7c", r = {
+const e = "calendarFooter__b7d3bb8f", r = {
   calendarFooter: e
 }, t = ({ children: o }) => /* @__PURE__ */ a("div", { className: r.calendarFooter, children: o });
 t.displayName = "CalendarFooter";

package/components/Calendar/components/CalendarViewDays.js

@@ -5,7 +5,7 @@ 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-EhHNwDDy.js";
+import { s as y, C as X } from "../../../chunks/CalendarViewItem-DuqIjj7K.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

@@ -4,7 +4,7 @@ import "react";
 import "../enums.js";
 import "../CalendarViewContext.js";
 import "../../../utils/keyboard.js";
-import { C } from "../../../chunks/CalendarViewItem-EhHNwDDy.js";
+import { C } from "../../../chunks/CalendarViewItem-DuqIjj7K.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-EhHNwDDy.js";
+import { s as B, C as U } from "../../../chunks/CalendarViewItem-DuqIjj7K.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-EhHNwDDy.js";
+import { s as K, C as H } from "../../../chunks/CalendarViewItem-DuqIjj7K.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

@@ -1,22 +1,22 @@
 var y = Object.defineProperty;
-var R = (c, i, e) => i in c ? y(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
-var o = (c, i, e) => R(c, typeof i != "symbol" ? i + "" : i, e);
-import { jsx as T } from "react/jsx-runtime";
-import f from "react";
-import { CardContent as b } from "./components/CardContent/CardContent.js";
+var b = (c, i, e) => i in c ? y(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
+var o = (c, i, e) => b(c, typeof i != "symbol" ? i + "" : i, e);
+import { jsx as R } from "react/jsx-runtime";
+import u from "react";
+import { CardContent as T } from "./components/CardContent/CardContent.js";
 import { CardMedia as M } from "./components/CardMedia.js";
 import { ECardRoundingSize as w, ECardTheme as x } from "./enums.js";
 import { EFocusSource as r } from "../../enums/EFocusSource.js";
 import { mapCardRoundingSizeToCssClass as K, mapCardThemeToCssClass as _ } from "./utils.js";
-import { isKey as u } from "../../utils/keyboard.js";
+import { isKey as p } from "../../utils/keyboard.js";
 import { c as k } from "../../chunks/vendor---Om3uMV.js";
-import { c as B } from "../../chunks/Card.module-Dgcuvaxs.js";
-const O = "action__da9ec4f9", F = "selected__fd7d1fc1", V = "focusVisible__1582f847", a = {
+import { c as B } from "../../chunks/Card.module-Cok9cKxI.js";
+const O = "action__47ad6ac3", F = "selected__40c04f93", V = "focusVisible__62db3a93", a = {
   action: O,
   selected: F,
   focusVisible: V
 };
-class l extends f.Component {
+class l extends u.Component {
   constructor() {
     super(...arguments);
     o(this, "state", {
@@ -24,7 +24,7 @@ class l extends f.Component {
       isControlled: this.props.selected !== void 0,
       isSelected: !!this.props.selected
     });
-    o(this, "ref", f.createRef());
+    o(this, "ref", u.createRef());
     o(this, "handleClick", (e) => {
       const { onClick: s } = this.props;
       s == null || s(e), this.handleToggle();
@@ -35,7 +35,7 @@ class l extends f.Component {
     });
     o(this, "handleKeyDown", (e) => {
       const { onKeyDown: s } = this.props;
-      s == null || s(e), u(e.keyCode, "SPACE") ? (e.preventDefault(), this.handleToggle()) : u(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 f.Component {
       onKeyDown: d,
       onFocus: h,
       onBlur: z,
-      roundingSize: p = w.MD,
+      roundingSize: f = w.MD,
       onToggle: A,
       selected: m,
       toggle: U,
@@ -76,14 +76,14 @@ class l extends f.Component {
       B.card,
       a.action,
       _[S],
-      K[p],
+      K[f],
       {
         [a.focusVisible]: D === r.KEYBOARD,
         [a.selected]: E ? !!m : g
       },
       s
     );
-    return /* @__PURE__ */ T(
+    return /* @__PURE__ */ R(
       "div",
       {
         className: N,
@@ -96,13 +96,13 @@ class l extends f.Component {
         role: "button",
         ...C,
         ref: this.ref,
-        "data-tx": "0.22.0",
+        "data-tx": "0.24.0",
         children: e
       }
     );
   }
 }
-o(l, "displayName", "CardAction"), o(l, "Content", b), o(l, "Media", M);
+o(l, "displayName", "CardAction"), o(l, "Content", T), o(l, "Media", M);
 export {
   l as CardAction
 };

package/components/Card/CardStatic.js

@@ -3,7 +3,7 @@ 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---Om3uMV.js";
-import { c as n } from "../../chunks/Card.module-Dgcuvaxs.js";
+import { c as n } from "../../chunks/Card.module-Cok9cKxI.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": "0.22.0",
+    "data-tx": "0.24.0",
     children: r
   }
 );

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

@@ -4,7 +4,7 @@ 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---Om3uMV.js";
-import { c as r } from "../../../../chunks/Card.module-Dgcuvaxs.js";
+import { c as r } from "../../../../chunks/Card.module-Cok9cKxI.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---Om3uMV.js";
-import { c as s } from "../../../../../chunks/Card.module-Dgcuvaxs.js";
+import { c as s } from "../../../../../chunks/Card.module-Cok9cKxI.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---Om3uMV.js";
-import { c as s } from "../../../../../chunks/Card.module-Dgcuvaxs.js";
+import { c as s } from "../../../../../chunks/Card.module-Cok9cKxI.js";
 const m = ({ children: o, className: t, ...r }) => /* @__PURE__ */ a("div", { className: e(s.cardContentFooter, t), ...r, children: o });
 m.displayName = "CardContentFooter";
 export {

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

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as o } from "../../../../../chunks/vendor---Om3uMV.js";
-import { c as d } from "../../../../../chunks/Card.module-Dgcuvaxs.js";
+import { c as d } from "../../../../../chunks/Card.module-Cok9cKxI.js";
 const s = ({ children: r, className: a, ...e }) => /* @__PURE__ */ t("div", { className: o(d.cardContentHeader, a), ...e, children: r });
 s.displayName = "CardContentHeader";
 export {

package/components/Card/components/CardMedia.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { c as e } from "../../../chunks/vendor---Om3uMV.js";
-import { c as m } from "../../../chunks/Card.module-Dgcuvaxs.js";
+import { c as m } from "../../../chunks/Card.module-Cok9cKxI.js";
 const o = ({ children: a, className: r, ...s }) => {
   const c = e(m.cardMedia, r);
   return /* @__PURE__ */ d("div", { className: c, ...s, children: a });

package/components/Card/utils.js

@@ -1,5 +1,5 @@
 import { ECardRoundingSize as r, ECardTheme as s } from "./enums.js";
-import { c as o } from "../../chunks/Card.module-Dgcuvaxs.js";
+import { c as o } from "../../chunks/Card.module-Cok9cKxI.js";
 const e = {
   [r.MD]: o.roundingMD,
   [r.SM]: o.roundingSM