@sberbusiness/triplex-next 0.28.0 → 0.29.0

package/components/AccordionBase/protected/AccordionBase.js

@@ -4,7 +4,7 @@ var o = (a, s, e) => l(a, typeof s != "symbol" ? s + "" : s, e);
 import { jsxs as O, Fragment as h, jsx as m } from "react/jsx-runtime";
 import g from "react";
 import { ExpandAnimation as u } from "../../ExpandAnimation/ExpandAnimation.js";
-import { u as f, c as B } from "../../../chunks/vendor---Om3uMV.js";
+import { u as f, c as B } from "../../../chunks/vendor-DJ6wKpvR.js";
 class E extends g.Component {
   constructor(e) {
     super(e);

package/components/Alert/AlertContext/AlertContext.js

@@ -1,52 +1,52 @@
-import { jsxs as T, jsx as t } from "react/jsx-runtime";
+import { jsxs as T, jsx as e } from "react/jsx-runtime";
 import x from "react";
-import { EAlertType as e } from "../EAlertType.js";
+import { EAlertType as t } 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 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 = {
+import { EFontType as r, ETextSize as f } from "../../Typography/enums.js";
+import { SystemStrokeStsIcon16 as S, ErrorStrokeStsIcon16 as I, WarningStrokeStsIcon16 as i, InfoStrokeStsIcon16 as _ } from "@sberbusiness/icons-next";
+import { c as E } from "../../../chunks/vendor-DJ6wKpvR.js";
+const R = "alertContext__327085c1", N = "alertContextText__3e435f12", C = "alertTypeError__5a80d557", A = "alertTypeInfo__25ff9c08", d = "alertTypeWarning__f1bfbac6", O = "alertTypeSystem__16a51e00", n = {
   alertContext: R,
   alertContextText: N,
-  alertTypeError: d,
-  alertTypeInfo: C,
-  alertTypeWarning: A,
+  alertTypeError: C,
+  alertTypeInfo: A,
+  alertTypeWarning: d,
   alertTypeSystem: O
 }, W = (o) => {
   switch (o) {
-    case e.INFO:
-      return /* @__PURE__ */ t(_, { paletteIndex: 3 });
-    case e.WARNING:
-      return /* @__PURE__ */ t(i, { paletteIndex: 2 });
-    case e.ERROR:
-      return /* @__PURE__ */ t(f, { paletteIndex: 1 });
-    case e.SYSTEM:
-      return /* @__PURE__ */ t(I, { paletteIndex: 4 });
+    case t.INFO:
+      return /* @__PURE__ */ e(_, { paletteIndex: 3 });
+    case t.WARNING:
+      return /* @__PURE__ */ e(i, { paletteIndex: 2 });
+    case t.ERROR:
+      return /* @__PURE__ */ e(I, { paletteIndex: 1 });
+    case t.SYSTEM:
+      return /* @__PURE__ */ e(S, { paletteIndex: 4 });
   }
 }, u = {
-  [e.INFO]: r.INFO,
-  [e.WARNING]: r.WARNING,
-  [e.ERROR]: r.ERROR,
-  [e.SYSTEM]: r.SECONDARY
-}, b = x.forwardRef(
+  [t.INFO]: r.INFO,
+  [t.WARNING]: r.WARNING,
+  [t.ERROR]: r.ERROR,
+  [t.SYSTEM]: r.SECONDARY
+}, F = x.forwardRef(
   ({ children: o, className: l, type: a, renderIcon: s, ...p }, c) => /* @__PURE__ */ T(
     "span",
     {
       role: "alert",
       className: E(n.alertContext, m[a](n), l),
       ...p,
-      "data-tx": "0.28.0",
+      "data-tx": "0.29.0",
       ref: c,
       children: [
         s || W(a),
-        /* @__PURE__ */ t(y, { size: S.B4, type: u[a], className: n.alertContextText, children: o })
+        /* @__PURE__ */ e(y, { size: f.B4, type: u[a], className: n.alertContextText, children: o })
       ]
     }
   )
 );
-b.displayName = "AlertContext";
+F.displayName = "AlertContext";
 export {
-  b as AlertContext
+  F as AlertContext
 };
 //# sourceMappingURL=AlertContext.js.map

package/components/Alert/AlertProcess/AlertProcess.js

@@ -3,11 +3,11 @@ 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-vonjWRtY.js";
+import { s as t, A as i } from "../../../chunks/AlertProcessSpoiler-DE66k9NP.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";
-import { c as C } from "../../../chunks/vendor---Om3uMV.js";
+import { c as C } from "../../../chunks/vendor-DJ6wKpvR.js";
 const L = {
   [r.INFO]: /* @__PURE__ */ e(D, { paletteIndex: 3 }),
   [r.WARNING]: /* @__PURE__ */ e(v, { paletteIndex: 2 }),
@@ -45,7 +45,7 @@ const L = {
           d
         ),
         ...f,
-        "data-tx": "0.28.0",
+        "data-tx": "0.29.0",
         ref: I,
         children: [
           /* @__PURE__ */ e("div", { className: t.themeIcon, children: c || L[l] }),

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-vonjWRtY.js";
-import "../../../../chunks/vendor---Om3uMV.js";
+import { A as l } from "../../../../chunks/AlertProcessSpoiler-DE66k9NP.js";
+import "../../../../chunks/vendor-DJ6wKpvR.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---Om3uMV.js";
-const N = "adaptive__4932c85d", _ = {
+import { c as f } from "../../chunks/vendor-DJ6wKpvR.js";
+const N = "adaptive__a5c54354", _ = {
   adaptive: N
 }, h = 14, v = ({
   className: o,
@@ -24,7 +24,7 @@ const N = "adaptive__4932c85d", _ = {
     },
     o
   );
-  return /* @__PURE__ */ d("span", { className: l, ...i, "data-tx": "0.28.0", children: [
+  return /* @__PURE__ */ d("span", { className: l, ...i, "data-tx": "0.29.0", children: [
     /* @__PURE__ */ n("span", { "data-test-id": a && `${a}__amount`, children: t }),
     e && p()
   ] });

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-Cb-NqZOL.js";
+import { F as A } from "../../chunks/FormFieldInput-B7snQZVi.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/Avatar/Avatar.js

@@ -1,27 +1,52 @@
-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__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: d,
-  sm: n,
-  md: f,
-  lg: i,
-  xl: v,
-  xxl: p
+import { EAvatarSize as d } from "./enums.js";
+import { jsx as t } from "react/jsx-runtime";
+import b from "react";
+import { c } from "../../chunks/vendor-DJ6wKpvR.js";
+const i = "avatar__e4b2fac2", x = "borderRadius6__e5ba3cc2", R = "borderRadius8__5e49dca7", u = "borderRadius10__367780cf", m = "borderRadius12__b206ada8", n = "borderRadius16__af729ad5", l = "xxs__ef1a7d32", f = "xs__5ce4fe22", A = "sm__b58d16b8", S = "md__efb7dac4", v = "lg__12b3899b", p = "xl__6d51addd", M = "xxl__33bc7939", r = {
+  avatar: i,
+  borderRadius6: x,
+  borderRadius8: R,
+  borderRadius10: u,
+  borderRadius12: m,
+  borderRadius16: n,
+  xxs: l,
+  xs: f,
+  sm: A,
+  md: S,
+  lg: v,
+  xl: p,
+  xxl: M
 }, X = {
-  [a.XXS]: s.xxs,
-  [a.XS]: s.xs,
-  [a.SM]: s.sm,
-  [a.MD]: s.md,
-  [a.LG]: s.lg,
-  [a.XL]: s.xl,
-  [a.XXL]: s.xxl
-}, b = r.forwardRef(({ className: x, size: t, ...o }, c) => /* @__PURE__ */ m("div", { className: l(s.avatar, X[t], x), ...o, ref: c }));
-b.displayName = "Avatar";
+  [d.XXS]: r.xxs,
+  [d.XS]: r.xs,
+  [d.SM]: r.sm,
+  [d.MD]: r.md,
+  [d.LG]: r.lg,
+  [d.XL]: r.xl,
+  [d.XXL]: r.xxl
+}, E = {
+  6: r.borderRadius6,
+  8: r.borderRadius8,
+  10: r.borderRadius10,
+  12: r.borderRadius12,
+  16: r.borderRadius16
+}, L = b.forwardRef(
+  ({ className: s, size: a, borderRadius: o, ..._ }, e) => /* @__PURE__ */ t(
+    "div",
+    {
+      className: c(
+        r.avatar,
+        X[a],
+        E[o],
+        s
+      ),
+      ..._,
+      ref: e
+    }
+  )
+);
+L.displayName = "Avatar";
 export {
-  b as Avatar
+  L as Avatar
 };
 //# sourceMappingURL=Avatar.js.map

package/components/Badge/Badge.js

@@ -1,19 +1,19 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import g from "react";
-import { c } from "../../chunks/vendor---Om3uMV.js";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import l from "react";
+import { c as g } from "../../chunks/vendor-DJ6wKpvR.js";
 import { createSizeToClassNameMap as i } from "../../utils/classNameMaps.js";
 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__b1272265", P = "sm__86ff8d38", N = "md__93e81934", S = "lg__8910395b", s = {
+const b = "badge__f36e874c", P = "sm__0c4896f7", N = "md__a508d799", S = "lg__a018e2c2", s = {
   badge: b,
   sm: P,
   md: N,
   lg: S
 }, h = i(s), j = Object.assign(
-  g.forwardRef(
-    ({ 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: [
+  l.forwardRef(
+    ({ children: m, className: d, size: t, prefix: o, postfix: a, ...n }, r) => /* @__PURE__ */ c("span", { className: g(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

@@ -1,15 +1,15 @@
 import { jsx as m } from "react/jsx-runtime";
 import c from "react";
-import { c as d } from "../../chunks/vendor---Om3uMV.js";
+import { c as d } from "../../chunks/vendor-DJ6wKpvR.js";
 import { createSizeToClassNameMap as r } from "../../utils/classNameMaps.js";
-const _ = "badgeDot__bf7eba4c", f = "sm__86ff8d38", g = "md__93e81934", l = "lg__8910395b", o = {
+const _ = "badgeDot__45c06333", g = "sm__0c4896f7", l = "md__a508d799", n = "lg__a018e2c2", o = {
   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";
+  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";
 export {
-  p as BadgeDot
+  f as BadgeDot
 };
 //# sourceMappingURL=BadgeDot.js.map

package/components/Badge/components/BadgeContent.js

@@ -1,14 +1,14 @@
 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__bdbaed15", c = "sm__86ff8d38", f = "md__93e81934", b = "lg__8910395b", P = "noPaddingLeft__8f821b37", l = "noPaddingRight__0079ba30", n = {
-  badgeContent: m,
-  sm: c,
+import { c } from "../../../chunks/vendor-DJ6wKpvR.js";
+import { createSizeToClassNameMap as i } from "../../../utils/classNameMaps.js";
+const _ = "badgeContent__601b00c5", m = "sm__0c4896f7", f = "md__a508d799", P = "lg__a018e2c2", b = "noPaddingLeft__6c22fbbb", l = "noPaddingRight__61d406c1", n = {
+  badgeContent: _,
+  sm: m,
   md: f,
-  lg: b,
-  noPaddingLeft: P,
+  lg: P,
+  noPaddingLeft: b,
   noPaddingRight: l
-}, r = _(n), C = ({
+}, r = i(n), C = ({
   children: t,
   size: o,
   noPaddingLeft: d,
@@ -18,7 +18,7 @@ const m = "badgeContent__bdbaed15", c = "sm__86ff8d38", f = "md__93e81934", b =
 }) => /* @__PURE__ */ g(
   "span",
   {
-    className: i(
+    className: c(
       n.badgeContent,
       r[o],
       { [n.noPaddingLeft]: d, [n.noPaddingRight]: a },

package/components/Badge/components/BadgePostfix.js

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

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__f42a6c0d", x = {
-  badgePrefix: i
-}, d = ({ children: e, className: a, ...s }) => /* @__PURE__ */ r("span", { className: f(x.badgePrefix, a), ...s, children: e });
-d.displayName = "BadgePrefix";
+import { c as i } from "../../../chunks/vendor-DJ6wKpvR.js";
+const x = "badgePrefix__d29e7999", d = {
+  badgePrefix: x
+}, f = ({ children: e, className: a, ...s }) => /* @__PURE__ */ r("span", { className: i(d.badgePrefix, a), ...s, children: e });
+f.displayName = "BadgePrefix";
 export {
-  d as BadgePrefix
+  f as BadgePrefix
 };
 //# sourceMappingURL=BadgePrefix.js.map

package/components/Body/Body.js

@@ -1,12 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
-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";
+import a from "react";
+import { c as b } from "../../chunks/vendor-DJ6wKpvR.js";
+const t = "body__5fbd82eb", y = "bodyInner__32f3abb4", d = {
+  body: t,
+  bodyInner: y
+}, c = a.forwardRef(({ children: r, className: s, ...e }, n) => /* @__PURE__ */ o("div", { className: b(d.body, s), ...e, "data-tx": "0.29.0", ref: n, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: r }) }));
+c.displayName = "Body";
 export {
-  b as Body
+  c as Body
 };
 //# sourceMappingURL=Body.js.map

package/components/Button/Button.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as x } from "react/jsx-runtime";
 import y from "react";
-import { c as m } from "../../chunks/vendor---Om3uMV.js";
+import { c as m } from "../../chunks/vendor-DJ6wKpvR.js";
 import { LoaderSmall as R } from "../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as p } from "../Loader/LoaderSmall/enum.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.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__65f52a4e", M = "expanded__9e172802", E = {
+const k = "general__96295443", M = "expanded__2852bb85", E = {
   general: k,
   expanded: M
-}, I = "secondary__e1fb28e6", O = "expanded__9e172802", N = {
+}, I = "secondary__c9008f59", O = "expanded__2852bb85", N = {
   secondary: I,
   expanded: O
-}, G = "secondaryLight__cda60709", B = "expanded__9e172802", g = {
+}, G = "secondaryLight__1490e98f", B = "expanded__2852bb85", b = {
   secondaryLight: G,
   expanded: B
-}, Y = "danger__fbd1046c", H = "expanded__9e172802", f = {
+}, Y = "danger__32959777", H = "expanded__2852bb85", g = {
   danger: Y,
   expanded: H
-}, P = "link__529c36f6", $ = "expanded__9e172802", A = {
+}, P = "link__f9f9726c", $ = "expanded__2852bb85", f = {
   link: P,
   expanded: $
-}, 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 = {
+}, v = "button__96117c0c", z = "sm__d872479f", j = "icon__d1c3e8fd", K = "md__acf0c85d", w = "lg__e4cafc6f", U = "block__aa33e9d1", W = "content__c8b67b96", X = "loading__139a9254", Z = "loader__80c1a44b", q = "hidden__a30430f9", n = {
   button: v,
   sm: z,
   icon: j,
@@ -38,32 +38,32 @@ const k = "general__65f52a4e", M = "expanded__9e172802", E = {
 }, F = {
   [e.GENERAL]: E.general,
   [e.SECONDARY]: N.secondary,
-  [e.SECONDARY_LIGHT]: g.secondaryLight,
-  [e.DANGER]: f.danger,
-  [e.LINK]: A.link
+  [e.SECONDARY_LIGHT]: b.secondaryLight,
+  [e.DANGER]: g.danger,
+  [e.LINK]: f.link
 }, J = {
   [e.GENERAL]: E.expanded,
   [e.SECONDARY]: N.expanded,
-  [e.SECONDARY_LIGHT]: g.expanded,
-  [e.DANGER]: f.expanded,
-  [e.LINK]: A.expanded
+  [e.SECONDARY_LIGHT]: b.expanded,
+  [e.DANGER]: g.expanded,
+  [e.LINK]: f.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: a, size: r = D.MD, block: L, loading: c, icon: _, ...b } = o, { "aria-expanded": l } = o, h = m(
+  const { children: d, className: A, disabled: s, theme: a, size: r = D.MD, block: S, loading: c, icon: _, ...L } = o, { "aria-expanded": l } = o, h = m(
     n.button,
     F[a],
     Q[r],
     {
-      [n.block]: !!L,
+      [n.block]: !!S,
       [n.loading]: !!c,
       [n.icon]: !!_ && !d,
       [J[a]]: !!l
     },
-    S
+    A
   );
-  return /* @__PURE__ */ i(T, { className: h, tabIndex: c ? -1 : void 0, disabled: s, ...b, ref: t, children: [
+  return /* @__PURE__ */ i(T, { className: h, tabIndex: c ? -1 : void 0, disabled: s, ...L, ref: t, children: [
     /* @__PURE__ */ i(u, { className: n.content, disabled: s, active: !!l, children: [
       _,
       d

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.28.0", ref: o }));
+const e = a.forwardRef((t, o) => /* @__PURE__ */ r("button", { type: "button", ...t, "data-tx": "0.29.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 f, u as V } from "../../chunks/vendor---Om3uMV.js";
+import { c as w, u as V } from "../../chunks/vendor-DJ6wKpvR.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-DEMHVloq.js";
+import "../../chunks/DropdownListItem-CGZyMM5K.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__ea35ca85", uo = "block__76a2e7ef", po = "buttonDropdownTarget__6214a4c8", Do = "caretIcon__af540424", wo = "active__4259b876", fo = "buttonDropdownMenuItem__53c252ce", n = {
+const lo = "buttonDropdown__f14dcdcf", uo = "block__aa33e9d1", po = "buttonDropdownTarget__26399001", Do = "caretIcon__4342f0fa", fo = "active__92203775", wo = "buttonDropdownMenuItem__97cc805f", n = {
   buttonDropdown: lo,
   block: uo,
   buttonDropdownTarget: po,
   caretIcon: Do,
-  active: wo,
-  buttonDropdownMenuItem: fo
+  active: fo,
+  buttonDropdownMenuItem: wo
 }, bo = {
   [d.SM]: /* @__PURE__ */ t(y, { paletteIndex: 0 }),
   [d.MD]: /* @__PURE__ */ t(y, { paletteIndex: 0 }),
@@ -47,9 +47,9 @@ const lo = "buttonDropdown__ea35ca85", uo = "block__76a2e7ef", 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, 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, {
+  (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, {
         [n.block]: !!b,
         [n.active]: o
       });
@@ -75,7 +75,7 @@ const lo = "buttonDropdown__ea35ca85", uo = "block__76a2e7ef", po = "buttonDropd
         }
       );
     }, K = ({ opened: o, setOpened: e }) => {
-      const c = f(n.buttonDropdownTarget, {
+      const c = w(n.buttonDropdownTarget, {
         [n.block]: !!b
       });
       return /* @__PURE__ */ t(
@@ -111,7 +111,7 @@ const lo = "buttonDropdown__ea35ca85", uo = "block__76a2e7ef", po = "buttonDropd
           return null;
       }
     }, U = ({ opened: o, setOpened: e, className: c }) => {
-      const i = f(n.buttonDropdownMenu, c);
+      const i = w(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__ea35ca85", uo = "block__76a2e7ef", po = "buttonDropd
         }
       ) });
     }, M = (o) => {
-      C.current = o, typeof w == "function" ? w(o) : w && (w.current = o);
+      C.current = o, typeof f == "function" ? f(o) : f && (f.current = o);
     };
     return /* @__PURE__ */ t(
       g,

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

package/components/Button/ButtonIcon.js

@@ -1,19 +1,19 @@
 import { jsx as n } from "react/jsx-runtime";
 import m from "react";
-import { c as a } from "../../chunks/vendor---Om3uMV.js";
+import { c as a } from "../../chunks/vendor-DJ6wKpvR.js";
 import { EButtonIconShape as t } from "./enums.js";
 import { IconWrapper as p } from "../IconWrapper/IconWrapper.js";
-const I = "buttonIcon__da89c806", _ = "circle__894e20f7", f = "squircle__37291e91", o = {
+const I = "buttonIcon__0f804002", f = "circle__4fdec1f6", _ = "squircle__1526a2dd", o = {
   buttonIcon: I,
-  circle: _,
-  squircle: f
+  circle: f,
+  squircle: _
 }, C = {
   [t.SQUIRCLE]: o.squircle,
   [t.CIRCLE]: o.circle
 }, 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 }) });
+  ({ className: r, disabled: c, shape: s = t.SQUIRCLE, active: e, ...i }, u) => {
+    const l = a(o.buttonIcon, C[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.displayName = "ButtonIcon";