@sberbusiness/triplex-next 1.4.0 → 1.6.0

package/components/AbstractTree/AbstractTreeNode.js

@@ -1,7 +1,7 @@
 var c = Object.defineProperty;
 var d = (t, e, i) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
 var s = (t, e, i) => d(t, typeof e != "symbol" ? e + "" : e, i);
-import { i as l } from "../../chunks/vendor-Ba_pyhza.js";
+import { i as l } from "../../chunks/vendor-D3hUOusX.js";
 class u {
   constructor() {
     // Массив дочерних нод.

package/components/AccordionBase/protected/AccordionBase.js

@@ -1,11 +1,11 @@
 var c = Object.defineProperty;
 var l = (a, s, e) => s in a ? c(a, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[s] = e;
 var o = (a, s, e) => l(a, typeof s != "symbol" ? s + "" : s, e);
-import { jsxs as O, Fragment as m, jsx as g } from "react/jsx-runtime";
-import h from "react";
+import { jsxs as O, Fragment as h, jsx as m } from "react/jsx-runtime";
+import g from "react";
 import { ExpandAnimation as f } from "../../ExpandAnimation/ExpandAnimation.js";
-import { a as u, c as x } from "../../../chunks/vendor-Ba_pyhza.js";
-class I extends h.Component {
+import { a as u, c as B } from "../../../chunks/vendor-D3hUOusX.js";
+class E extends g.Component {
   constructor(e) {
     super(e);
     o(this, "displayName", "AccordionBase");
@@ -41,12 +41,12 @@ class I extends h.Component {
     });
     o(this, "renderBody", () => {
       const { expandAnimationClassName: e, renderBody: n, isOpen: t } = this.props, { animating: i, controlled: r, isOpen: p } = this.state, d = !!(r ? t : p);
-      return /* @__PURE__ */ g(
+      return /* @__PURE__ */ m(
         f,
         {
-          className: x(e, {
-            "cssClass[globalExpandAnimationAnimating]": i,
-            "cssClass[globalExpandAnimationOpened]": d
+          className: B(e, {
+            // "cssClass[globalExpandAnimationAnimating]": animating,
+            // "cssClass[globalExpandAnimationOpened]": isOpen,
           }),
           expanded: d,
           onEnd: this.handleAnimationEnd,
@@ -71,13 +71,13 @@ class I extends h.Component {
   }
   render() {
     const e = this.renderHeader(), n = this.renderBody();
-    return /* @__PURE__ */ O(m, { children: [
+    return /* @__PURE__ */ O(h, { children: [
       e,
       n
     ] });
   }
 }
 export {
-  I as AccordionBase
+  E as AccordionBase
 };
 //# sourceMappingURL=AccordionBase.js.map

package/components/Alert/AlertContext/AlertContext.js

@@ -2,15 +2,15 @@ import { jsxs as T, jsx as t } from "react/jsx-runtime";
 import x from "react";
 import { EAlertType as e } from "../EAlertType.js";
 import { alertTypeToClassNameMap as m } from "../AlertTypeUtils.js";
-import { Text as y } from "../../Typography/Text.js";
-import { EFontType as r, ETextSize as I } from "../../Typography/enums.js";
-import { SystemStrokeStsIcon16 as f, ErrorStrokeStsIcon16 as S, WarningStrokeStsIcon16 as i, InfoStrokeStsIcon16 as R } from "@sberbusiness/icons-next";
-import { c as N } from "../../../chunks/vendor-Ba_pyhza.js";
-const _ = "alertContext__acd8f089", E = "alertContextText__bcc2c646", d = "alertTypeError__ced7c27f", C = "alertTypeInfo__3002ea3b", u = "alertTypeWarning__732e3a96", A = "alertTypeSystem__2c54c9e2", n = {
+import { Text as f } from "../../Typography/Text.js";
+import { EFontType as r, ETextSize as y } from "../../Typography/enums.js";
+import { SystemStrokeStsIcon16 as I, ErrorStrokeStsIcon16 as S, WarningStrokeStsIcon16 as i, InfoStrokeStsIcon16 as R } from "@sberbusiness/icons-next";
+import { c as N } from "../../../chunks/vendor-D3hUOusX.js";
+const _ = "alertContext__b90ff17f", E = "alertContextText__f5f0c85e", C = "alertTypeError__e8f4e703", d = "alertTypeInfo__5c600c32", u = "alertTypeWarning__aea0a492", A = "alertTypeSystem__3742d908", n = {
   alertContext: _,
   alertContextText: E,
-  alertTypeError: d,
-  alertTypeInfo: C,
+  alertTypeError: C,
+  alertTypeInfo: d,
   alertTypeWarning: u,
   alertTypeSystem: A
 }, O = (o) => {
@@ -22,7 +22,7 @@ const _ = "alertContext__acd8f089", E = "alertContextText__bcc2c646", d = "alert
     case e.ERROR:
       return /* @__PURE__ */ t(S, { paletteIndex: 1 });
     case e.SYSTEM:
-      return /* @__PURE__ */ t(f, { paletteIndex: 4 });
+      return /* @__PURE__ */ t(I, { paletteIndex: 4 });
   }
 }, W = {
   [e.INFO]: r.INFO,
@@ -30,17 +30,17 @@ const _ = "alertContext__acd8f089", E = "alertContextText__bcc2c646", d = "alert
   [e.ERROR]: r.ERROR,
   [e.SYSTEM]: r.SECONDARY
 }, F = x.forwardRef(
-  ({ children: o, className: l, type: a, renderIcon: s, ...c }, p) => /* @__PURE__ */ T(
+  ({ children: o, className: l, type: a, renderIcon: s, ...p }, c) => /* @__PURE__ */ T(
     "span",
     {
       role: "alert",
       className: N(n.alertContext, m[a](n), l),
-      ...c,
-      "data-tx": "1.4.0",
-      ref: p,
+      ...p,
+      "data-tx": "1.6.0",
+      ref: c,
       children: [
         s || O(a),
-        /* @__PURE__ */ t(y, { size: I.B4, type: W[a], className: n.alertContextText, children: o })
+        /* @__PURE__ */ t(f, { size: y.B4, type: W[a], className: n.alertContextText, children: o })
       ]
     }
   )

package/components/Alert/AlertProcess/AlertProcess.js

@@ -3,10 +3,10 @@ import P, { useState as n } from "react";
 import { EAlertType as t } from "../EAlertType.js";
 import { alertTypeToClassNameMap as k } from "../AlertTypeUtils.js";
 import { ButtonIcon as v } from "../../Button/ButtonIcon.js";
-import { s as r, A as i } from "../../../chunks/AlertProcessSpoiler-BQv9QI6L.js";
+import { s as r, A as i } from "../../../chunks/AlertProcessSpoiler-BCXIqVd5.js";
 import { AlertProcessContext as R } from "./AlertProcessContext.js";
 import { CrossStrokeSrvIcon16 as E, DefaulticonStrokePrdIcon20 as T, SystemStrokeStsIcon20 as y, ErrorStrokeStsIcon20 as j, WarningStrokeStsIcon20 as w, InfoStrokeStsIcon20 as B } from "@sberbusiness/icons-next";
-import { c as C } from "../../../chunks/vendor-Ba_pyhza.js";
+import { c as C } from "../../../chunks/vendor-D3hUOusX.js";
 const O = (o) => {
   switch (o) {
     case t.INFO:
@@ -38,7 +38,7 @@ const O = (o) => {
           d
         ),
         ...f,
-        "data-tx": "1.4.0",
+        "data-tx": "1.6.0",
         ref: u,
         children: [
           /* @__PURE__ */ e("div", { className: r.themeIcon, children: l || O(a) }),

package/components/Alert/AlertProcess/components/AlertProcessSpoiler.js

@@ -3,8 +3,8 @@ import "react";
 import "@sberbusiness/icons-next";
 import "../../../Button/ButtonIcon.js";
 import "../AlertProcessContext.js";
-import { A as l } from "../../../../chunks/AlertProcessSpoiler-BQv9QI6L.js";
-import "../../../../chunks/vendor-Ba_pyhza.js";
+import { A as l } from "../../../../chunks/AlertProcessSpoiler-BCXIqVd5.js";
+import "../../../../chunks/vendor-D3hUOusX.js";
 export {
   l as AlertProcessSpoiler
 };

package/components/Amount/Amount.js

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as n } from "react/jsx-runtime";
 import { formatAmount as u } from "../../utils/amountUtils.js";
-import { c as f } from "../../chunks/vendor-Ba_pyhza.js";
-const N = "adaptive__f029dbba", _ = {
+import { c as f } from "../../chunks/vendor-D3hUOusX.js";
+const N = "adaptive__4d727585", _ = {
   adaptive: N
 }, h = 14, v = ({
   className: o,
@@ -24,7 +24,7 @@ const N = "adaptive__f029dbba", _ = {
     },
     o
   );
-  return /* @__PURE__ */ d("span", { className: l, ...i, "data-tx": "1.4.0", children: [
+  return /* @__PURE__ */ d("span", { className: l, ...i, "data-tx": "1.6.0", children: [
     /* @__PURE__ */ n("span", { "data-test-id": a && `${a}__amount`, children: t }),
     e && p()
   ] });

package/components/AmountField/AmountField.js

@@ -6,12 +6,12 @@ import { FormFieldDescription as T } from "../FormField/components/FormFieldDesc
 import { FormFieldLabel as V } from "../FormField/components/FormFieldLabel.js";
 import { FormFieldPostfix as D } from "../FormField/components/FormFieldPostfix.js";
 import { FormFieldClear as K } from "../FormField/components/FormFieldClear.js";
-import { F as b } from "../../chunks/FormFieldInput-CO7yZP0Q.js";
-import { AmountBaseInputCore as j } from "./AmountBaseInputCore.js";
-import { setCaretPosition as A } from "../../utils/inputUtils.js";
-import { createPlaceholder as L, setFallbackCaret as g } from "./utils.js";
-const M = "currency__67ab2406", $ = {
-  currency: M
+import { F as j } from "../../chunks/FormFieldInput-BBhoiftf.js";
+import { AmountBaseInputCore as A } from "./AmountBaseInputCore.js";
+import { setCaretPosition as L } from "../../utils/inputUtils.js";
+import { createPlaceholder as M, setFallbackCaret as g } from "./utils.js";
+const $ = "currency__f1278710", b = {
+  currency: $
 }, Z = R.forwardRef(
   ({
     label: f,
@@ -23,9 +23,9 @@ const M = "currency__67ab2406", $ = {
     fractionDigits: n = 2,
     ...F
   }, o) => {
-    const u = F["data-test-id"], C = t.placeholder || L(n), a = y(null), e = y();
-    e.current === void 0 && (e.current = new j(m, n)), x(() => {
-      e.current && a.current == document.activeElement && A(a.current, Math.max(e.current.caret, 0));
+    const u = F["data-test-id"], C = t.placeholder || M(n), a = y(null), e = y();
+    e.current === void 0 && (e.current = new A(m, n)), x(() => {
+      e.current && a.current == document.activeElement && L(a.current, Math.max(e.current.caret, 0));
     }, [t.value]);
     const _ = () => e.current ? ((t.value != e.current.value || m != e.current.maxIntegerDigits || n != e.current.fractionDigits) && (e.current.maxIntegerDigits = m, e.current.fractionDigits = n, e.current.apply(t.value, t.value.length)), e.current.cache.formattedValue = e.current.formattedValue, e.current.formattedValue) : "", S = (r) => {
       if (!e.current) return;
@@ -44,7 +44,7 @@ const M = "currency__67ab2406", $ = {
       /* @__PURE__ */ d(I, { ...F, children: [
         f ? /* @__PURE__ */ l(V, { children: f }) : null,
         /* @__PURE__ */ l(
-          b,
+          j,
           {
             ...t,
             ref: (r) => {
@@ -62,7 +62,7 @@ const M = "currency__67ab2406", $ = {
         ),
         /* @__PURE__ */ d(D, { children: [
           /* @__PURE__ */ l(K, { onClick: w }),
-          h ? /* @__PURE__ */ l("span", { className: $.currency, "data-test-id": u && `${u}__unit`, children: h }) : null,
+          h ? /* @__PURE__ */ l("span", { className: b.currency, "data-test-id": u && `${u}__unit`, children: h }) : null,
           s || null
         ] })
       ] }),

package/components/Body/Body.js

@@ -1,29 +1,29 @@
 import { jsx as o } from "react/jsx-runtime";
 import d from "react";
-import { c as s } from "../../chunks/vendor-Ba_pyhza.js";
+import { c as s } from "../../chunks/vendor-D3hUOusX.js";
 import { EBodyVerticalMargin as r } from "./enums.js";
-const l = "body__bd83b958", y = "bodyInner__5467a77e", b = "verticalMargin24__bd0f7c5c", m = "verticalMargin16__87b54f81", a = {
+const l = "body__309eea5d", y = "bodyInner__7f752e87", m = "verticalMargin24__4095aa65", M = "verticalMargin16__68a4d5d1", a = {
   body: l,
   bodyInner: y,
-  verticalMargin24: b,
-  verticalMargin16: m
-}, M = {
+  verticalMargin24: m,
+  verticalMargin16: M
+}, v = {
   [r.LARGE]: a.verticalMargin24,
   [r.SMALL]: a.verticalMargin16
-}, v = d.forwardRef(
-  ({ children: i, className: t, verticalMargin: n = r.LARGE, ...c }, e) => /* @__PURE__ */ o(
+}, g = d.forwardRef(
+  ({ children: i, className: e, verticalMargin: t = r.LARGE, ...n }, c) => /* @__PURE__ */ o(
     "div",
     {
-      className: s(a.body, t, M[n]),
-      ...c,
-      "data-tx": "1.4.0",
-      ref: e,
+      className: s(a.body, e, v[t]),
+      ...n,
+      "data-tx": "1.6.0",
+      ref: c,
       children: /* @__PURE__ */ o("div", { className: a.bodyInner, children: i })
     }
   )
 );
-v.displayName = "Body";
+g.displayName = "Body";
 export {
-  v as Body
+  g as Body
 };
 //# sourceMappingURL=Body.js.map

package/components/Body/index.js

@@ -1,5 +1,7 @@
-import { Body as d } from "./Body.js";
+import { Body as e } from "./Body.js";
+import { EBodyVerticalMargin as a } from "./enums.js";
 export {
-  d as Body
+  e as Body,
+  a as EBodyVerticalMargin
 };
 //# sourceMappingURL=index.js.map

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-Ba_pyhza.js";
+import { c as p } from "../../chunks/vendor-D3hUOusX.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 d } from "../../enums/EComponentSize.js";
-const A = "general__352d5337", B = "expanded__50b96a56", u = {
+import { EComponentSize as a } from "../../enums/EComponentSize.js";
+const A = "general__5ab07b93", B = "expanded__cdb0cfa4", u = {
   general: A,
   expanded: B
-}, D = "secondary__961a3c28", T = "expanded__50b96a56", b = {
+}, D = "secondary__40fae356", T = "expanded__cdb0cfa4", b = {
   secondary: D,
   expanded: T
-}, G = "secondaryLight__20282cb9", I = "expanded__50b96a56", x = {
+}, G = "secondaryLight__c0fd4b87", I = "expanded__cdb0cfa4", f = {
   secondaryLight: G,
   expanded: I
-}, v = "danger__ae19eb3a", O = "expanded__50b96a56", h = {
+}, v = "danger__f85b0070", O = "expanded__cdb0cfa4", x = {
   danger: v,
   expanded: O
-}, Y = "link__0827d549", $ = "expanded__50b96a56", f = {
+}, Y = "link__fbf182f5", $ = "expanded__cdb0cfa4", h = {
   link: Y,
   expanded: $
-}, w = "button__d729a0e8", z = "sm__2720d538", M = "icon__e1bdf7a9", j = "md__95523687", H = "lg__1677cae0", K = "block__dbaf919a", U = "content__6f62233b", q = "loading__c2f82391", F = "loader__d887fb1a", J = "hidden__2efe2c8c", e = {
+}, w = "button__d962fa23", z = "sm__b241967e", M = "icon__ae660e49", j = "md__d124e348", H = "lg__7a7e400d", K = "block__3e80987e", U = "content__baf2fe49", q = "loading__6b2ce9a6", F = "loader__a4e120dc", J = "hidden__794f1591", e = {
   button: w,
   sm: z,
   icon: M,
@@ -44,39 +44,39 @@ const A = "general__352d5337", B = "expanded__50b96a56", u = {
       };
     case o.SECONDARY_LIGHT:
       return {
-        [x.secondaryLight]: !0,
-        [x.expanded]: n
+        [f.secondaryLight]: !0,
+        [f.expanded]: n
       };
     case o.DANGER:
       return {
-        [h.danger]: !0,
-        [h.expanded]: n
+        [x.danger]: !0,
+        [x.expanded]: n
       };
     case o.LINK:
       return {
-        [f.link]: !0,
-        [f.expanded]: n
+        [h.link]: !0,
+        [h.expanded]: n
       };
   }
 }, Q = (t) => {
   switch (t) {
-    case d.LG:
+    case a.LG:
       return e.lg;
-    case d.MD:
+    case a.MD:
       return e.md;
-    case d.SM:
+    case a.SM:
       return e.sm;
   }
 }, V = (t, n) => {
-  const a = [o.SECONDARY, o.SECONDARY_LIGHT].includes(t) ? g.BRAND : g.NEUTRAL;
-  return /* @__PURE__ */ y(R, { theme: a, size: n });
+  const d = [o.SECONDARY, o.SECONDARY_LIGHT].includes(t) ? g.BRAND : g.NEUTRAL;
+  return /* @__PURE__ */ y(R, { theme: d, size: n });
 }, W = k.forwardRef((t, n) => {
-  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(
+  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(
     e.button,
     P(r, !!_),
     Q(l),
     { [e.block]: !!L, [e.loading]: !!s },
-    { [e.icon]: !!i && !a },
+    { [e.icon]: !!i && !d },
     // Классы для иконок, начало.
     "hoverable",
     {
@@ -89,7 +89,7 @@ const A = "general__352d5337", B = "expanded__50b96a56", 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,
-      a
+      d
     ] }),
     /* @__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.4.0", ref: o }));
+const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "1.6.0", ref: o }));
 r.displayName = "ButtonBase";
 export {
   r as ButtonBase

package/components/Button/ButtonDropdown.js

@@ -3,7 +3,7 @@ import "./ButtonBase.js";
 import "./ButtonIcon.js";
 import { jsx as o, jsxs as N, Fragment as q } from "react/jsx-runtime";
 import F, { useRef as _, useState as V, createElement as M } from "react";
-import { c as f, a as J } from "../../chunks/vendor-Ba_pyhza.js";
+import { c as f, a as J } from "../../chunks/vendor-D3hUOusX.js";
 import { ButtonDropdownExtended as y } from "./ButtonDropdownExtended.js";
 import { EButtonDotsTheme as u, EButtonTheme as d } from "./enums.js";
 import { DotshorizontalStrokeSrvIcon32 as Q, DotshorizontalStrokeSrvIcon20 as B, CaretdownStrokeSrvIcon24 as X, CaretdownStrokeSrvIcon20 as Z, CaretdownStrokeSrvIcon16 as $ } from "@sberbusiness/icons-next";
@@ -18,7 +18,7 @@ import { Text as ce } from "../Typography/Text.js";
 import { ETextSize as se } from "../Typography/enums.js";
 import { DropdownList as L } from "../Dropdown/desktop/DropdownList.js";
 import { EComponentSize as i } from "../../enums/EComponentSize.js";
-const le = "buttonDropdown__025b9ea2", de = "block__dbaf919a", ie = "buttonDropdownTarget__7f03c16a", me = "caretIcon__00b977ec", ue = "active__0410ebaf", De = "buttonDropdownMenuItem__31df2b01", n = {
+const le = "buttonDropdown__9db845e8", de = "block__3e80987e", ie = "buttonDropdownTarget__6529fc23", me = "caretIcon__8cc310d6", ue = "active__21bdc264", De = "buttonDropdownMenuItem__fa03845b", n = {
   buttonDropdown: le,
   block: de,
   buttonDropdownTarget: ie,

package/components/Button/ButtonDropdownExtended.js

@@ -3,8 +3,8 @@ 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-Ba_pyhza.js";
-const K = "buttonDropdownExtended__471c326e", S = "buttonDropdownExtendedBlock__f13c5176", E = {
+import { c as A } from "../../chunks/vendor-D3hUOusX.js";
+const K = "buttonDropdownExtended__eeda4753", S = "buttonDropdownExtendedBlock__60349807", E = {
   buttonDropdownExtended: K,
   buttonDropdownExtendedBlock: S
 }, D = (s) => {
@@ -25,10 +25,10 @@ const K = "buttonDropdownExtended__471c326e", S = "buttonDropdownExtendedBlock__
       const n = r.code || r.keyCode;
       e && (w(n, "ESCAPE") || p && w(n, "TAB")) && o(!1);
     }, d = (r) => {
-      const n = u.current, i = l.current;
+      const n = u.current, a = l.current;
       if (e) {
-        const a = r.target;
-        a && !(n != null && n.contains(a)) && !(i != null && i.contains(a)) && o(!1);
+        const i = r.target;
+        i && !(n != null && n.contains(i)) && !(a != null && a.contains(i)) && o(!1);
       }
     };
     return document.addEventListener("keydown", t), document.addEventListener("mousedown", d), document.addEventListener("touchstart", d), () => {

package/components/Button/ButtonIcon.js

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

package/components/Calendar/Calendar.js

@@ -0,0 +1,188 @@
+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 { a as I, k as D, c as R } from "../../chunks/vendor-D3hUOusX.js";
+import V from "react";
+import { globalLimitRange as _, dateFormatYYYYMMDD as O } from "../../consts/DateConst.js";
+import { ECalendarPickType as y, ECalendarViewMode as l } from "./enums.js";
+import { CalendarContext as k } from "./CalendarContext.js";
+import { CalendarControls as x } from "./components/CalendarControls.js";
+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__e096b376", L = "adaptive__d77571f7", w = {
+  calendar: q,
+  adaptive: L
+};
+class g extends V.PureComponent {
+  constructor(t) {
+    super(t);
+    // Уникальный идентификатор для связи периода с таблицей.
+    p(this, "periodId", `calendar-period-${I()}`);
+    /** Обработчик выбора даты. */
+    p(this, "handleDateSelect", (t) => {
+      this.props.onDateChange(t);
+    });
+    /** Обработчик смены страницы. */
+    p(this, "handlePageChange", (t, a) => {
+      const { onPageChange: o } = this.props;
+      this.setState({
+        header: P(t, a),
+        viewDate: t
+      }), o == null || o(t, a);
+    });
+    /** Обработчик изменения вида отображения. */
+    p(this, "handleViewChange", (t, a) => {
+      const { onViewChange: o } = this.props;
+      this.setState({
+        header: P(t, a),
+        viewDate: t,
+        viewMode: a
+      }), o == null || o(t, a);
+    });
+    /** Рендер футера. */
+    p(this, "renderFooter", () => {
+      const { pickType: t, yesterdayButtonProps: a, todayButtonProps: o, tomorrowButtonProps: r } = this.props, { viewDate: n, viewMode: e } = this.state;
+      let s, i;
+      t === y.datePick ? (s = D().startOf("day"), i = e === l.DAYS && n.isSame(s, "month")) : (s = D().startOf("month"), i = e === l.MONTHS && n.isSame(s, "year"));
+      const c = i && e === l.DAYS;
+      return /* @__PURE__ */ S(E, { children: [
+        c && a && /* @__PURE__ */ h(
+          v,
+          {
+            date: s.clone().subtract(1, "day"),
+            currentPeriodSelected: i,
+            ...typeof a == "function" ? a(e) : a
+          }
+        ),
+        /* @__PURE__ */ h(
+          v,
+          {
+            date: s,
+            currentPeriodSelected: i,
+            ...typeof o == "function" ? o({ viewMode: e, currentPeriodSelected: i }) : o
+          }
+        ),
+        c && r && /* @__PURE__ */ h(
+          v,
+          {
+            date: s.clone().add(1, "day"),
+            currentPeriodSelected: i,
+            ...typeof r == "function" ? r(e) : r
+          }
+        )
+      ] });
+    });
+    const { format: a, pickType: o, reversedPick: r } = this.props, n = f(this.props.pickedDate, a), e = this.getInitialViewDate(n);
+    let s;
+    r ? s = l.YEARS : o == y.monthYearPick ? s = l.MONTHS : s = l.DAYS;
+    const i = P(e, s);
+    this.state = {
+      header: i,
+      pickedDate: n,
+      viewDate: e,
+      viewMode: s
+    };
+  }
+  /** Получить изначальную дату для навигации. */
+  getInitialViewDate(t) {
+    const { defaultViewDate: a, format: o, limitRange: r } = this.props;
+    if (t && t.isValid())
+      return t.clone();
+    if (a) {
+      const e = f(a, o);
+      if (e && e.isValid())
+        return e.clone();
+    }
+    const n = D().startOf("day");
+    if (r) {
+      if (r.dateFrom && n.isBefore(r.dateFrom))
+        return r.dateFrom.clone();
+      if (r.dateTo && n.isAfter(r.dateTo))
+        return r.dateTo.clone();
+    }
+    return n;
+  }
+  componentDidUpdate(t, a) {
+    const { format: o } = this.props, { viewDate: r } = this.state, { viewDate: n } = a, e = f(this.props.pickedDate, o), s = e == null ? void 0 : e.isValid(), i = s ? e : n, c = f(t.pickedDate, o);
+    if (!(!s || c != null && c.isSame(i, "day"))) {
+      let u = {};
+      r && !r.isSame(e, "month") && (u = {
+        currentTab: l.DAYS,
+        header: j(i),
+        viewDate: i.clone()
+      }), this.setState({
+        ...u,
+        pickedDate: e
+      });
+    }
+  }
+  render() {
+    const {
+      format: t,
+      pickType: a,
+      limitRange: o,
+      markedDays: r,
+      disabledDays: n,
+      dayHtmlAttributes: e,
+      monthHtmlAttributes: s,
+      yearHtmlAttributes: i,
+      prevButtonProps: c,
+      nextButtonProps: u,
+      viewButtonProps: C,
+      todayButtonProps: T
+    } = this.props, { viewMode: A, viewDate: B, header: Y } = this.state, b = R(w.calendar, {
+      [w.adaptive]: !!this.props.adaptiveMode
+    }), F = f(this.props.pickedDate, t);
+    return /* @__PURE__ */ h("div", { className: b, "data-tx": "1.6.0", children: /* @__PURE__ */ S(
+      k.Provider,
+      {
+        value: {
+          format: t,
+          limitRange: o,
+          pickType: a,
+          markedDays: r,
+          disabledDays: n,
+          viewDate: B,
+          viewMode: A,
+          periodId: this.periodId,
+          onDateSelect: this.handleDateSelect,
+          onPageChange: this.handlePageChange,
+          onViewChange: this.handleViewChange
+        },
+        children: [
+          /* @__PURE__ */ h(
+            x,
+            {
+              prevButtonProps: c,
+              nextButtonProps: u,
+              viewButtonProps: C,
+              children: Y
+            }
+          ),
+          /* @__PURE__ */ h(
+            N,
+            {
+              pickedDate: F,
+              dayHtmlAttributes: e,
+              monthHtmlAttributes: s,
+              yearHtmlAttributes: i
+            }
+          ),
+          T && this.renderFooter()
+        ]
+      }
+    ) });
+  }
+}
+p(g, "defaultProps", {
+  format: O,
+  limitRange: _,
+  pickType: y.datePick
+}), p(g, "contextType", k);
+export {
+  g as Calendar
+};
+//# sourceMappingURL=Calendar.js.map