@sberbusiness/triplex-next 0.27.0 → 0.28.0

package/components/Alert/AlertContext/AlertContext.js

@@ -4,10 +4,10 @@ import { EAlertType as e } from "../EAlertType.js";
 import { ALERT_TYPE_TO_CLASS_NAME_MAP as m } from "../AlertTypeUtils.js";
 import { Text as y } from "../../Typography/Text.js";
 import { EFontType as r, ETextSize as S } from "../../Typography/enums.js";
-import { SystemStrokeStsIcon16 as I, ErrorStrokeStsIcon16 as i, WarningStrokeStsIcon16 as _, InfoStrokeStsIcon16 as E } from "@sberbusiness/icons-next";
-import { c as R } from "../../../chunks/vendor---Om3uMV.js";
-const f = "alertContext__45d24601", N = "alertContextText__72e60697", d = "alertTypeError__53a1d650", C = "alertTypeInfo__0ed367c7", A = "alertTypeWarning__c0141a7e", O = "alertTypeSystem__03cb844c", a = {
-  alertContext: f,
+import { SystemStrokeStsIcon16 as I, ErrorStrokeStsIcon16 as f, WarningStrokeStsIcon16 as i, InfoStrokeStsIcon16 as _ } from "@sberbusiness/icons-next";
+import { c as E } from "../../../chunks/vendor---Om3uMV.js";
+const R = "alertContext__2b919a7d", N = "alertContextText__c582b856", d = "alertTypeError__dca7724b", C = "alertTypeInfo__4e2fd3c7", A = "alertTypeWarning__0e7eb5a1", O = "alertTypeSystem__e24f5a3b", n = {
+  alertContext: R,
   alertContextText: N,
   alertTypeError: d,
   alertTypeInfo: C,
@@ -16,11 +16,11 @@ const f = "alertContext__45d24601", N = "alertContextText__72e60697", d = "alert
 }, W = (o) => {
   switch (o) {
     case e.INFO:
-      return /* @__PURE__ */ t(E, { paletteIndex: 3 });
+      return /* @__PURE__ */ t(_, { paletteIndex: 3 });
     case e.WARNING:
-      return /* @__PURE__ */ t(_, { paletteIndex: 2 });
+      return /* @__PURE__ */ t(i, { paletteIndex: 2 });
     case e.ERROR:
-      return /* @__PURE__ */ t(i, { paletteIndex: 1 });
+      return /* @__PURE__ */ t(f, { paletteIndex: 1 });
     case e.SYSTEM:
       return /* @__PURE__ */ t(I, { paletteIndex: 4 });
   }
@@ -29,24 +29,24 @@ const f = "alertContext__45d24601", N = "alertContextText__72e60697", d = "alert
   [e.WARNING]: r.WARNING,
   [e.ERROR]: r.ERROR,
   [e.SYSTEM]: r.SECONDARY
-}, F = x.forwardRef(
-  ({ children: o, className: l, type: n, renderIcon: s, ...p }, c) => /* @__PURE__ */ T(
+}, b = x.forwardRef(
+  ({ children: o, className: l, type: a, renderIcon: s, ...p }, c) => /* @__PURE__ */ T(
     "span",
     {
       role: "alert",
-      className: R(a.alertContext, m[n](a), l),
+      className: E(n.alertContext, m[a](n), l),
       ...p,
-      "data-tx": "0.27.0",
+      "data-tx": "0.28.0",
       ref: c,
       children: [
-        s || W(n),
-        /* @__PURE__ */ t(y, { size: S.B4, type: u[n], className: a.alertContextText, children: o })
+        s || W(a),
+        /* @__PURE__ */ t(y, { size: S.B4, type: u[a], className: n.alertContextText, children: o })
       ]
     }
   )
 );
-F.displayName = "AlertContext";
+b.displayName = "AlertContext";
 export {
-  F as AlertContext
+  b as AlertContext
 };
 //# sourceMappingURL=AlertContext.js.map

package/components/Alert/AlertProcess/AlertProcess.js

@@ -3,7 +3,7 @@ import u, { useState as n } from "react";
 import { EAlertType as r } from "../EAlertType.js";
 import { ALERT_TYPE_TO_CLASS_NAME_MAP as N } from "../AlertTypeUtils.js";
 import { ButtonIcon as T } from "../../Button/ButtonIcon.js";
-import { s as t, A as i } from "../../../chunks/AlertProcessSpoiler-CyQjNK-A.js";
+import { s as t, A as i } from "../../../chunks/AlertProcessSpoiler-vonjWRtY.js";
 import { AlertProcessContext as h } from "./AlertProcessContext.js";
 import { EAlertProcessBorderRadius as s } from "./enums.js";
 import { DefaulticonStrokePrdIcon20 as k, SystemStrokeStsIcon20 as M, ErrorStrokeStsIcon20 as O, WarningStrokeStsIcon20 as v, InfoStrokeStsIcon20 as D, CrossStrokeSrvIcon16 as B } from "@sberbusiness/icons-next";
@@ -45,7 +45,7 @@ const L = {
           d
         ),
         ...f,
-        "data-tx": "0.27.0",
+        "data-tx": "0.28.0",
         ref: I,
         children: [
           /* @__PURE__ */ e("div", { className: t.themeIcon, children: c || L[l] }),

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

@@ -3,7 +3,7 @@ import "react";
 import "@sberbusiness/icons-next";
 import "../../../Button/ButtonIcon.js";
 import "../AlertProcessContext.js";
-import { A as l } from "../../../../chunks/AlertProcessSpoiler-CyQjNK-A.js";
+import { A as l } from "../../../../chunks/AlertProcessSpoiler-vonjWRtY.js";
 import "../../../../chunks/vendor---Om3uMV.js";
 export {
   l as AlertProcessSpoiler

package/components/Amount/Amount.js

@@ -1,32 +1,32 @@
 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---Om3uMV.js";
-const N = "adaptive__ebd9b9b6", _ = {
+const N = "adaptive__4932c85d", _ = {
   adaptive: N
 }, h = 14, v = ({
   className: o,
   value: r,
   fractionLength: s,
-  currency: a,
+  currency: e,
   currencyTitle: m,
   adaptive: c,
-  dataTestId: e,
+  dataTestId: a,
   ...i
 }) => {
   let t = u(r, s);
   t[0] == "-" && (t = t.replace("-", "−"));
   const p = () => [
     " ",
-    /* @__PURE__ */ n("span", { "data-test-id": e && `${e}__currencyName`, title: m, children: a }, "currencyName")
+    /* @__PURE__ */ n("span", { "data-test-id": a && `${a}__currencyName`, title: m, children: e }, "currencyName")
   ], l = f(
     {
       [_.adaptive]: !!c && t.length >= h
     },
     o
   );
-  return /* @__PURE__ */ d("span", { className: l, ...i, "data-tx": "0.27.0", children: [
-    /* @__PURE__ */ n("span", { "data-test-id": e && `${e}__amount`, children: t }),
-    a && p()
+  return /* @__PURE__ */ d("span", { className: l, ...i, "data-tx": "0.28.0", children: [
+    /* @__PURE__ */ n("span", { "data-test-id": a && `${a}__amount`, children: t }),
+    e && p()
   ] });
 };
 v.displayName = "Amount";

package/components/AmountField/AmountField.js

@@ -5,7 +5,7 @@ import { EFormFieldStatus as k } from "../FormField/enums.js";
 import { FormFieldClear as w } from "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import { F as A } from "../../chunks/FormFieldInput-q8qt9K5c.js";
+import { F as A } from "../../chunks/FormFieldInput-Cb-NqZOL.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/Avatar/Avatar.js

@@ -2,11 +2,11 @@ import { EAvatarSize as a } from "./enums.js";
 import { jsx as m } from "react/jsx-runtime";
 import r from "react";
 import { c as l } from "../../chunks/vendor---Om3uMV.js";
-const _ = "avatar__57edb93c", e = "xxs__a893451a", n = "xs__8bf2919e", d = "sm__593e9076", f = "md__1123a1ac", i = "lg__9b1f1c55", v = "xl__b8400784", p = "xxl__cf3ad4bc", s = {
+const _ = "avatar__6e413f22", e = "xxs__55c4ecb3", d = "xs__a9354df3", n = "sm__3cbfe259", f = "md__9cb989f2", i = "lg__17303bda", v = "xl__0147a0d1", p = "xxl__14d28427", s = {
   avatar: _,
   xxs: e,
-  xs: n,
-  sm: d,
+  xs: d,
+  sm: n,
   md: f,
   lg: i,
   xl: v,

package/components/Badge/Badge.js

@@ -6,14 +6,14 @@ import { BadgeDot as _ } from "./BadgeDot.js";
 import { BadgeContent as f } from "./components/BadgeContent.js";
 import { BadgePrefix as p } from "./components/BadgePrefix.js";
 import { BadgePostfix as B } from "./components/BadgePostfix.js";
-const b = "badge__6227030a", P = "sm__4104b1e0", N = "md__118269fd", S = "lg__420ac96d", d = {
+const b = "badge__b1272265", P = "sm__86ff8d38", N = "md__93e81934", S = "lg__8910395b", s = {
   badge: b,
   sm: P,
   md: N,
   lg: S
-}, h = i(d), j = Object.assign(
+}, h = i(s), j = Object.assign(
   g.forwardRef(
-    ({ children: m, className: s, size: t, prefix: o, postfix: a, ...n }, r) => /* @__PURE__ */ l("span", { className: c(d.badge, h[t], s), ...n, ref: r, children: [
+    ({ children: m, className: d, size: t, prefix: o, postfix: a, ...n }, r) => /* @__PURE__ */ l("span", { className: c(s.badge, h[t], d), ...n, ref: r, children: [
       o ? /* @__PURE__ */ e(p, { children: o }) : null,
       m ? /* @__PURE__ */ e(f, { size: t, noPaddingLeft: !!o, noPaddingRight: !!a, children: m }) : null,
       a ? /* @__PURE__ */ e(B, { children: a }) : null

package/components/Badge/BadgeDot.js

@@ -2,14 +2,14 @@ import { jsx as m } from "react/jsx-runtime";
 import c from "react";
 import { c as d } from "../../chunks/vendor---Om3uMV.js";
 import { createSizeToClassNameMap as r } from "../../utils/classNameMaps.js";
-const _ = "badgeDot__e2973356", g = "sm__4104b1e0", l = "md__118269fd", n = "lg__420ac96d", o = {
+const _ = "badgeDot__bf7eba4c", f = "sm__86ff8d38", g = "md__93e81934", l = "lg__8910395b", o = {
   badgeDot: _,
-  sm: g,
-  md: l,
-  lg: n
-}, p = r(o), f = c.forwardRef(({ className: s, size: t, ...a }, e) => /* @__PURE__ */ m("span", { className: d(o.badgeDot, p[t], s), ...a, ref: e }));
-f.displayName = "BadgeDot";
+  sm: f,
+  md: g,
+  lg: l
+}, n = r(o), p = c.forwardRef(({ className: s, size: t, ...a }, e) => /* @__PURE__ */ m("span", { className: d(o.badgeDot, n[t], s), ...a, ref: e }));
+p.displayName = "BadgeDot";
 export {
-  f as BadgeDot
+  p as BadgeDot
 };
 //# sourceMappingURL=BadgeDot.js.map

package/components/Badge/components/BadgeContent.js

@@ -1,35 +1,35 @@
 import { jsx as g } from "react/jsx-runtime";
 import { c as i } from "../../../chunks/vendor---Om3uMV.js";
 import { createSizeToClassNameMap as _ } from "../../../utils/classNameMaps.js";
-const m = "badgeContent__497396d7", c = "sm__4104b1e0", f = "md__118269fd", P = "lg__420ac96d", l = "noPaddingLeft__7d8671ed", r = "noPaddingRight__f442e965", n = {
+const m = "badgeContent__bdbaed15", c = "sm__86ff8d38", f = "md__93e81934", b = "lg__8910395b", P = "noPaddingLeft__8f821b37", l = "noPaddingRight__0079ba30", n = {
   badgeContent: m,
   sm: c,
   md: f,
-  lg: P,
-  noPaddingLeft: l,
-  noPaddingRight: r
-}, C = _(n), p = ({
+  lg: b,
+  noPaddingLeft: P,
+  noPaddingRight: l
+}, r = _(n), C = ({
   children: t,
-  size: d,
-  noPaddingLeft: o,
-  noPaddingRight: e,
-  className: a,
+  size: o,
+  noPaddingLeft: d,
+  noPaddingRight: a,
+  className: e,
   ...s
 }) => /* @__PURE__ */ g(
   "span",
   {
     className: i(
       n.badgeContent,
-      C[d],
-      { [n.noPaddingLeft]: o, [n.noPaddingRight]: e },
-      a
+      r[o],
+      { [n.noPaddingLeft]: d, [n.noPaddingRight]: a },
+      e
     ),
     ...s,
     children: t
   }
 );
-p.displayName = "BadgeContent";
+C.displayName = "BadgeContent";
 export {
-  p as BadgeContent
+  C as BadgeContent
 };
 //# sourceMappingURL=BadgeContent.js.map

package/components/Badge/components/BadgePostfix.js

@@ -1,12 +1,12 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { c as e } from "../../../chunks/vendor---Om3uMV.js";
-const f = "badgePostfix__b8af094a", i = {
+const f = "badgePostfix__3522736f", i = {
   badgePostfix: f
 }, x = ({
   children: s,
-  className: a,
-  ...o
-}) => /* @__PURE__ */ t("span", { className: e(i.badgePostfix, a), ...o, children: s });
+  className: o,
+  ...t
+}) => /* @__PURE__ */ a("span", { className: e(i.badgePostfix, o), ...t, children: s });
 x.displayName = "BadgePostfix";
 export {
   x as BadgePostfix

package/components/Badge/components/BadgePrefix.js

@@ -1,10 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
 import { c as f } from "../../../chunks/vendor---Om3uMV.js";
-const i = "badgePrefix__06c72f1e", x = {
+const i = "badgePrefix__f42a6c0d", x = {
   badgePrefix: i
-}, o = ({ children: e, className: a, ...s }) => /* @__PURE__ */ r("span", { className: f(x.badgePrefix, a), ...s, children: e });
-o.displayName = "BadgePrefix";
+}, d = ({ children: e, className: a, ...s }) => /* @__PURE__ */ r("span", { className: f(x.badgePrefix, a), ...s, children: e });
+d.displayName = "BadgePrefix";
 export {
-  o as BadgePrefix
+  d as BadgePrefix
 };
 //# sourceMappingURL=BadgePrefix.js.map

package/components/Body/Body.js

@@ -1,12 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
-import c from "react";
-import { c as e } from "../../chunks/vendor---Om3uMV.js";
-const t = "body__926a1988", y = "bodyInner__5dcc1f53", d = {
-  body: t,
-  bodyInner: y
-}, m = c.forwardRef(({ children: r, className: s, ...n }, a) => /* @__PURE__ */ o("div", { className: e(d.body, s), ...n, "data-tx": "0.27.0", ref: a, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: r }) }));
-m.displayName = "Body";
+import e from "react";
+import { c as t } from "../../chunks/vendor---Om3uMV.js";
+const y = "body__8a5990b6", c = "bodyInner__c9191728", d = {
+  body: y,
+  bodyInner: c
+}, b = e.forwardRef(({ children: r, className: s, ...n }, a) => /* @__PURE__ */ o("div", { className: t(d.body, s), ...n, "data-tx": "0.28.0", ref: a, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: r }) }));
+b.displayName = "Body";
 export {
-  m as Body
+  b as Body
 };
 //# sourceMappingURL=Body.js.map

package/components/Button/Button.js

@@ -9,22 +9,22 @@ import { EButtonTheme as e } from "./enums.js";
 import { EComponentSize as D } from "../../enums/EComponentSize.js";
 import { IconWrapper as u } from "../IconWrapper/IconWrapper.js";
 import { createSizeToClassNameMap as C } from "../../utils/classNameMaps.js";
-const k = "general__3af8676c", M = "expanded__e7cc134b", E = {
+const k = "general__65f52a4e", M = "expanded__9e172802", E = {
   general: k,
   expanded: M
-}, I = "secondary__a88a7063", O = "expanded__e7cc134b", N = {
+}, I = "secondary__e1fb28e6", O = "expanded__9e172802", N = {
   secondary: I,
   expanded: O
-}, G = "secondaryLight__2fab3680", B = "expanded__e7cc134b", g = {
+}, G = "secondaryLight__cda60709", B = "expanded__9e172802", g = {
   secondaryLight: G,
   expanded: B
-}, Y = "danger__52c4b01e", H = "expanded__e7cc134b", b = {
+}, Y = "danger__fbd1046c", H = "expanded__9e172802", f = {
   danger: Y,
   expanded: H
-}, P = "link__c09eafc0", $ = "expanded__e7cc134b", A = {
+}, P = "link__529c36f6", $ = "expanded__9e172802", A = {
   link: P,
   expanded: $
-}, v = "button__6156bf4c", z = "sm__e303325a", j = "icon__1f681147", K = "md__def8b2a6", w = "lg__891197f1", U = "block__89ced6b3", W = "content__8354bae1", X = "loading__7f798b75", Z = "loader__e40a1e62", q = "hidden__f65d2dd7", n = {
+}, v = "button__dd69042b", z = "sm__b12181c0", j = "icon__576e6616", K = "md__e649c650", w = "lg__6124b547", U = "block__76a2e7ef", W = "content__b9a90136", X = "loading__e18279ff", Z = "loader__fa0fffb7", q = "hidden__5662893a", n = {
   button: v,
   sm: z,
   icon: j,
@@ -39,36 +39,36 @@ const k = "general__3af8676c", M = "expanded__e7cc134b", E = {
   [e.GENERAL]: E.general,
   [e.SECONDARY]: N.secondary,
   [e.SECONDARY_LIGHT]: g.secondaryLight,
-  [e.DANGER]: b.danger,
+  [e.DANGER]: f.danger,
   [e.LINK]: A.link
 }, J = {
   [e.GENERAL]: E.expanded,
   [e.SECONDARY]: N.expanded,
   [e.SECONDARY_LIGHT]: g.expanded,
-  [e.DANGER]: b.expanded,
+  [e.DANGER]: f.expanded,
   [e.LINK]: A.expanded
 }, Q = C(n), V = (o, t) => {
   const d = [e.SECONDARY, e.SECONDARY_LIGHT].includes(o) ? p.BRAND : p.NEUTRAL;
   return /* @__PURE__ */ x(R, { theme: d, size: t });
 }, ee = y.forwardRef((o, t) => {
-  const { children: d, className: S, disabled: s, theme: c, size: r = D.MD, block: f, loading: a, icon: _, ...L } = o, { "aria-expanded": l } = o, h = m(
+  const { children: d, className: S, disabled: s, theme: a, size: r = D.MD, block: L, loading: c, icon: _, ...b } = o, { "aria-expanded": l } = o, h = m(
     n.button,
-    F[c],
+    F[a],
     Q[r],
     {
-      [n.block]: !!f,
-      [n.loading]: !!a,
+      [n.block]: !!L,
+      [n.loading]: !!c,
       [n.icon]: !!_ && !d,
-      [J[c]]: !!l
+      [J[a]]: !!l
     },
     S
   );
-  return /* @__PURE__ */ i(T, { className: h, tabIndex: a ? -1 : void 0, disabled: s, ...L, ref: t, children: [
+  return /* @__PURE__ */ i(T, { className: h, tabIndex: c ? -1 : void 0, disabled: s, ...b, ref: t, children: [
     /* @__PURE__ */ i(u, { className: n.content, disabled: s, active: !!l, children: [
       _,
       d
     ] }),
-    /* @__PURE__ */ x("div", { className: m(n.loader, !a && n.hidden), children: V(c, r) })
+    /* @__PURE__ */ x("div", { className: m(n.loader, !c && n.hidden), children: V(a, r) })
   ] });
 });
 ee.displayName = "Button";

package/components/Button/ButtonBase.js

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

package/components/Button/ButtonDropdown.js

@@ -3,7 +3,7 @@ import "./ButtonBase.js";
 import "./ButtonIcon.js";
 import { jsx as t, jsxs as x, Fragment as Z } from "react/jsx-runtime";
 import q, { useRef as _, useState as F, createElement as B } from "react";
-import { c as w, u as V } from "../../chunks/vendor---Om3uMV.js";
+import { c as f, u as V } from "../../chunks/vendor---Om3uMV.js";
 import { DotshorizontalStrokeSrvIcon32 as J, DotshorizontalStrokeSrvIcon20 as y, CaretdownStrokeSrvIcon24 as Q, CaretdownStrokeSrvIcon20 as X, CaretdownStrokeSrvIcon16 as $ } from "@sberbusiness/icons-next";
 import { ButtonDropdownExtended as g } from "./ButtonDropdownExtended.js";
 import { EButtonDotsTheme as N, EButtonTheme as l } from "./enums.js";
@@ -11,7 +11,7 @@ import { isKey as D } from "../../utils/keyboard.js";
 import { DropdownListContext as oo } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as L } from "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-BflrX8i-.js";
+import "../../chunks/DropdownListItem-DEMHVloq.js";
 import { EDropdownAlignment as to, EDropdownWidth as ro } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as eo } from "../Dropdown/mobile/DropdownMobileBody.js";
@@ -31,13 +31,13 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text as mo } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const lo = "buttonDropdown__408637e3", uo = "block__89ced6b3", po = "buttonDropdownTarget__1fcfdd07", Do = "caretIcon__1bef99ec", fo = "active__f8c48653", wo = "buttonDropdownMenuItem__40626e4f", n = {
+const lo = "buttonDropdown__ea35ca85", uo = "block__76a2e7ef", po = "buttonDropdownTarget__6214a4c8", Do = "caretIcon__af540424", wo = "active__4259b876", fo = "buttonDropdownMenuItem__53c252ce", n = {
   buttonDropdown: lo,
   block: uo,
   buttonDropdownTarget: po,
   caretIcon: Do,
-  active: fo,
-  buttonDropdownMenuItem: wo
+  active: wo,
+  buttonDropdownMenuItem: fo
 }, bo = {
   [d.SM]: /* @__PURE__ */ t(y, { paletteIndex: 0 }),
   [d.MD]: /* @__PURE__ */ t(y, { paletteIndex: 0 }),
@@ -47,9 +47,9 @@ const lo = "buttonDropdown__408637e3", uo = "block__89ced6b3", po = "buttonDropd
   [d.MD]: (a) => /* @__PURE__ */ t(X, { paletteIndex: a, className: n.caretIcon }),
   [d.LG]: (a) => /* @__PURE__ */ t(Q, { paletteIndex: a, className: n.caretIcon })
 }, So = q.forwardRef(
-  (a, f) => {
-    const { buttonAttributes: R, children: h, className: P, theme: u, size: s, options: E, selected: m, block: b, disabled: T, ...W } = a, C = _(null), A = _(null), Y = w(n.buttonDropdown, { [n.block]: !!b }, P), [S, z] = F(), I = _(V()), H = ({ opened: o, setOpened: e }) => {
-      const c = w(n.buttonDropdownTarget, {
+  (a, w) => {
+    const { buttonAttributes: R, children: h, className: P, theme: u, size: s, options: E, selected: m, block: b, disabled: T, ...W } = a, C = _(null), A = _(null), Y = f(n.buttonDropdown, { [n.block]: !!b }, P), [S, z] = F(), I = _(V()), H = ({ opened: o, setOpened: e }) => {
+      const c = f(n.buttonDropdownTarget, {
         [n.block]: !!b,
         [n.active]: o
       });
@@ -75,7 +75,7 @@ const lo = "buttonDropdown__408637e3", uo = "block__89ced6b3", po = "buttonDropd
         }
       );
     }, K = ({ opened: o, setOpened: e }) => {
-      const c = w(n.buttonDropdownTarget, {
+      const c = f(n.buttonDropdownTarget, {
         [n.block]: !!b
       });
       return /* @__PURE__ */ t(
@@ -111,7 +111,7 @@ const lo = "buttonDropdown__408637e3", uo = "block__89ced6b3", po = "buttonDropd
           return null;
       }
     }, U = ({ opened: o, setOpened: e, className: c }) => {
-      const i = w(n.buttonDropdownMenu, c);
+      const i = f(n.buttonDropdownMenu, c);
       return /* @__PURE__ */ t(oo.Provider, { value: { activeDescendant: S, setActiveDescendant: z }, children: /* @__PURE__ */ t(
         g.Dropdown,
         {
@@ -164,7 +164,7 @@ const lo = "buttonDropdown__408637e3", uo = "block__89ced6b3", po = "buttonDropd
         }
       ) });
     }, M = (o) => {
-      C.current = o, typeof f == "function" ? f(o) : f && (f.current = o);
+      C.current = o, typeof w == "function" ? w(o) : w && (w.current = o);
     };
     return /* @__PURE__ */ t(
       g,

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__fe974e7a", S = "buttonDropdownExtendedBlock__dde08fb0", E = {
+const K = "buttonDropdownExtended__c1fea580", S = "buttonDropdownExtendedBlock__92c672dc", 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: 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(
     (t) => {
       if (m.current) {
         c && c(t);
@@ -37,8 +37,8 @@ const K = "buttonDropdownExtended__fe974e7a", S = "buttonDropdownExtendedBlock__
   }, [e, p, l, o, u]);
   const B = A(E.buttonDropdownExtended, v);
   return /* @__PURE__ */ h("div", { className: B, ref: u, ...L, children: [
-    b({ opened: e, setOpened: o }),
-    k({
+    k({ opened: e, setOpened: o }),
+    b({
       className: E.buttonDropdownExtendedBlock,
       opened: e,
       setOpened: o

package/components/Button/ButtonIcon.js

@@ -3,21 +3,21 @@ import m from "react";
 import { c as a } from "../../chunks/vendor---Om3uMV.js";
 import { EButtonIconShape as t } from "./enums.js";
 import { IconWrapper as p } from "../IconWrapper/IconWrapper.js";
-const I = "buttonIcon__530cefba", _ = "circle__566b86b5", b = "squircle__15184057", o = {
+const I = "buttonIcon__da89c806", _ = "circle__894e20f7", f = "squircle__37291e91", o = {
   buttonIcon: I,
   circle: _,
-  squircle: b
-}, f = {
+  squircle: f
+}, C = {
   [t.SQUIRCLE]: o.squircle,
   [t.CIRCLE]: o.circle
-}, C = m.forwardRef(
-  ({ className: r, disabled: c, shape: s = t.SQUIRCLE, active: e, ...i }, u) => {
-    const l = a(o.buttonIcon, f[s], r);
-    return /* @__PURE__ */ n(p, { displayContents: !0, disabled: c, active: e, children: /* @__PURE__ */ n("button", { type: "button", className: l, disabled: c, ...i, ref: u }) });
+}, E = m.forwardRef(
+  ({ className: r, disabled: c, shape: e = t.SQUIRCLE, active: s, ...i }, u) => {
+    const l = a(o.buttonIcon, C[e], r);
+    return /* @__PURE__ */ n(p, { displayContents: !0, disabled: c, active: s, children: /* @__PURE__ */ n("button", { type: "button", className: l, disabled: c, ...i, ref: u }) });
   }
 );
-C.displayName = "ButtonIcon";
+E.displayName = "ButtonIcon";
 export {
-  C as ButtonIcon
+  E as ButtonIcon
 };
 //# sourceMappingURL=ButtonIcon.js.map

package/components/Calendar/Calendar.js

@@ -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__fceedcc2", L = "adaptive__0e7ae1f6", g = {
+const q = "calendar__3f161f57", L = "adaptive__0cdd7e81", g = {
   calendar: q,
   adaptive: L
 };
@@ -137,7 +137,7 @@ class k extends V.PureComponent {
     } = this.props, { viewMode: A, viewDate: B, header: Y } = this.state, F = R(g.calendar, {
       [g.adaptive]: !!this.props.adaptiveMode
     }), b = f(this.props.pickedDate, t);
-    return /* @__PURE__ */ h("div", { className: F, "data-tx": "0.27.0", children: /* @__PURE__ */ S(
+    return /* @__PURE__ */ h("div", { className: F, "data-tx": "0.28.0", children: /* @__PURE__ */ S(
       w.Provider,
       {
         value: {

package/components/Calendar/components/CalendarControls.js

@@ -4,11 +4,11 @@ import { CaretleftStrokeSrvIcon24 as B, CaretrightStrokeSrvIcon24 as v } from "@
 import { CalendarContext as w } from "../CalendarContext.js";
 import { Button as H } from "../../Button/Button.js";
 import { ButtonIcon as A } from "../../Button/ButtonIcon.js";
-import { EButtonIconShape as b, EButtonTheme as L } from "../../Button/enums.js";
+import { EButtonIconShape as E, EButtonTheme as L } from "../../Button/enums.js";
 import { ECalendarViewMode as e } from "../enums.js";
-import { globalLimitRange as E } from "../../../consts/DateConst.js";
+import { globalLimitRange as O } from "../../../consts/DateConst.js";
 import { EComponentSize as V } from "../../../enums/EComponentSize.js";
-const U = "calendarControls__ffb33472", j = {
+const U = "calendarControls__c7dde4ac", j = {
   calendarControls: U
 }, X = ({
   children: m,
@@ -16,12 +16,12 @@ const U = "calendarControls__ffb33472", j = {
   nextButtonProps: d = {},
   viewButtonProps: c = {}
 }) => {
-  const { viewDate: a, viewMode: n, limitRange: u, periodId: S, onPageChange: h, onViewChange: p } = D(w), O = () => {
+  const { viewDate: a, viewMode: n, limitRange: u, periodId: S, onPageChange: h, onViewChange: p } = D(w), b = () => {
     const { disabled: t, onClick: o, ...r } = typeof i == "function" ? i(n) : i;
     return /* @__PURE__ */ s(
       A,
       {
-        shape: b.CIRCLE,
+        shape: E.CIRCLE,
         disabled: t || N(),
         onClick: R(o),
         ...r,
@@ -33,7 +33,7 @@ const U = "calendarControls__ffb33472", j = {
     return /* @__PURE__ */ s(
       A,
       {
-        shape: b.CIRCLE,
+        shape: E.CIRCLE,
         disabled: t || Y(),
         onClick: x(o),
         ...r,
@@ -56,16 +56,16 @@ const U = "calendarControls__ffb33472", j = {
     );
   }, N = () => {
     const t = a.clone();
-    return n === e.DAYS ? t.startOf("month") : n === e.MONTHS ? t.startOf("year") : n === e.YEARS && t.startOf("year").subtract(5, "years"), t.subtract(1, "day").isBefore(u.dateFrom || E.dateFrom, "day");
+    return n === e.DAYS ? t.startOf("month") : n === e.MONTHS ? t.startOf("year") : n === e.YEARS && t.startOf("year").subtract(5, "years"), t.subtract(1, "day").isBefore(u.dateFrom || O.dateFrom, "day");
   }, Y = () => {
     const t = a.clone();
-    return n === e.DAYS ? t.endOf("month") : n === e.MONTHS ? t.endOf("year") : n === e.YEARS && t.endOf("year").add(6, "years"), t.add(1, "day").isAfter(u.dateTo || E.dateTo, "day");
+    return n === e.DAYS ? t.endOf("month") : n === e.MONTHS ? t.endOf("year") : n === e.YEARS && t.endOf("year").add(6, "years"), t.add(1, "day").isAfter(u.dateTo || O.dateTo, "day");
   }, R = (t) => (o) => {
-    const r = C(), f = y(), l = a.clone().subtract(f, r);
-    h(l, n), t == null || t(o);
+    const r = C(), l = y(), f = a.clone().subtract(l, r);
+    h(f, n), t == null || t(o);
   }, x = (t) => (o) => {
-    const r = C(), f = y(), l = a.clone().add(f, r);
-    h(l, n), t == null || t(o);
+    const r = C(), l = y(), f = a.clone().add(l, r);
+    h(f, n), t == null || t(o);
   }, M = (t) => (o) => {
     n === e.DAYS ? p(a, e.MONTHS) : n === e.MONTHS && p(a, e.YEARS), t == null || t(o);
   }, C = () => {
@@ -86,7 +86,7 @@ const U = "calendarControls__ffb33472", j = {
     }
   };
   return /* @__PURE__ */ T("div", { className: j.calendarControls, children: [
-    O(),
+    b(),
     n === e.YEARS ? /* @__PURE__ */ s("span", { id: S, tabIndex: -1, "aria-live": "polite", children: m }) : I(),
     g()
   ] });

package/components/Calendar/components/CalendarFooter.js

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