@sberbusiness/triplex-next 1.14.0 → 1.16.0

package/components/Alert/AlertContext/AlertContext.js

@@ -3,10 +3,10 @@ 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 f } 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-DucOfXwy.js";
-const _ = "alertContext__f21600a2", E = "alertContextText__e53cbd7a", d = "alertTypeError__2c8e12e6", C = "alertTypeInfo__f49c5790", u = "alertTypeWarning__a6a388d9", A = "alertTypeSystem__6970f2af", n = {
+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-Dlne6Znf.js";
+const _ = "alertContext__3e0a0286", E = "alertContextText__71de3e4e", d = "alertTypeError__53c2eb06", C = "alertTypeInfo__434ad9c3", u = "alertTypeWarning__ba02bf96", A = "alertTypeSystem__18b8f360", n = {
   alertContext: _,
   alertContextText: E,
   alertTypeError: d,
@@ -22,7 +22,7 @@ const _ = "alertContext__f21600a2", E = "alertContextText__e53cbd7a", d = "alert
     case e.ERROR:
       return /* @__PURE__ */ t(S, { paletteIndex: 1 });
     case e.SYSTEM:
-      return /* @__PURE__ */ t(I, { paletteIndex: 4 });
+      return /* @__PURE__ */ t(f, { paletteIndex: 4 });
   }
 }, W = {
   [e.INFO]: r.INFO,
@@ -36,11 +36,11 @@ const _ = "alertContext__f21600a2", E = "alertContextText__e53cbd7a", d = "alert
       role: "alert",
       className: N(n.alertContext, m[a](n), l),
       ...p,
-      "data-tx": "1.14.0",
+      "data-tx": "1.16.0",
       ref: c,
       children: [
         s || O(a),
-        /* @__PURE__ */ t(y, { size: f.B4, type: W[a], className: n.alertContextText, children: o })
+        /* @__PURE__ */ t(y, { size: I.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-DALLbh4Y.js";
+import { s as r, A as i } from "../../../chunks/AlertProcessSpoiler-BG_kloAp.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-DucOfXwy.js";
+import { c as C } from "../../../chunks/vendor-Dlne6Znf.js";
 const O = (o) => {
   switch (o) {
     case t.INFO:
@@ -38,7 +38,7 @@ const O = (o) => {
           d
         ),
         ...f,
-        "data-tx": "1.14.0",
+        "data-tx": "1.16.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-DALLbh4Y.js";
-import "../../../../chunks/vendor-DucOfXwy.js";
+import { A as l } from "../../../../chunks/AlertProcessSpoiler-BG_kloAp.js";
+import "../../../../chunks/vendor-Dlne6Znf.js";
 export {
   l as AlertProcessSpoiler
 };

package/components/Amount/Amount.js

@@ -1,32 +1,32 @@
-import { jsxs as l, jsx as n } from "react/jsx-runtime";
+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-DucOfXwy.js";
-const N = "adaptive__1de9d9e8", _ = {
+import { c as f } from "../../chunks/vendor-Dlne6Znf.js";
+const N = "adaptive__f6266a1b", _ = {
   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")
-  ], d = f(
+    /* @__PURE__ */ n("span", { "data-test-id": a && `${a}__currencyName`, title: m, children: e }, "currencyName")
+  ], l = f(
     {
       [_.adaptive]: !!c && t.length >= h
     },
     o
   );
-  return /* @__PURE__ */ l("span", { className: d, ...i, "data-tx": "1.14.0", children: [
-    /* @__PURE__ */ n("span", { "data-test-id": e && `${e}__amount`, children: t }),
-    a && p()
+  return /* @__PURE__ */ d("span", { className: l, ...i, "data-tx": "1.16.0", children: [
+    /* @__PURE__ */ n("span", { "data-test-id": a && `${a}__amount`, children: t }),
+    e && p()
   ] });
 };
 v.displayName = "Amount";

package/components/AmountField/AmountField.js

@@ -1,63 +1,63 @@
-import { jsx as l, jsxs as x } from "react/jsx-runtime";
-import s, { useRef as F, useLayoutEffect as I } from "react";
-import { TextFieldBase as _ } from "../TextField/TextFieldBase.js";
+import { jsx as l, jsxs as p } from "react/jsx-runtime";
+import h, { useRef as s, useLayoutEffect as v } from "react";
+import { TextFieldBase as I } from "../TextField/TextFieldBase.js";
 import "../FormField/FormField.js";
 import "../FormField/components/FormFieldDescription.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldLabel.js";
-import { FormFieldClear as k } from "../FormField/components/FormFieldClear.js";
+import { FormFieldClear as _ } from "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import { F as p } from "../../chunks/FormFieldInput-D2lqfg4n.js";
+import { F as k } from "../../chunks/FormFieldInput-TbDWEJtn.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";
 import "../FormField/components/FormFieldTextarea.js";
 import { EFormFieldStatus as w } from "../FormField/enums.js";
-import "../Typography/Title.js";
-import { Text as A } from "../Typography/Text.js";
+import { EFontType as F, ETextSize as A } from "../Typography/enums.js";
 import "../Typography/Caption.js";
-import { EFontType as g, ETextSize as B } from "../Typography/enums.js";
+import { Text as B } from "../Typography/Text.js";
+import "../Typography/Title.js";
 import { AmountBaseInputCore as R } from "./AmountBaseInputCore.js";
 import { setCaretPosition as V } from "../../utils/inputUtils.js";
 import { createPlaceholder as K, setFallbackCaret as L } from "./utils.js";
-const oe = s.forwardRef(
-  ({ inputProps: r, currency: i, postfix: d, maxIntegerDigits: u = 16, fractionDigits: o = 2, onClear: f, ...h }, a) => {
-    const { status: y, "data-test-id": n } = h, S = r.placeholder || K(o), m = F(null), e = F();
-    e.current === void 0 && (e.current = new R(u, o)), I(() => {
+const oe = h.forwardRef(
+  ({ inputProps: r, currency: i, postfix: g, maxIntegerDigits: u = 16, fractionDigits: o = 2, onClear: d, ...f }, a) => {
+    const { status: y, "data-test-id": n } = f, S = r.placeholder || K(o), m = s(null), e = s();
+    e.current === void 0 && (e.current = new R(u, o)), v(() => {
       e.current && m.current == document.activeElement && V(m.current, Math.max(e.current.caret, 0));
     }, [r.value]);
     const E = () => e.current ? ((r.value != e.current.value || u != e.current.maxIntegerDigits || o != e.current.fractionDigits) && (e.current.maxIntegerDigits = u, e.current.fractionDigits = o, e.current.apply(r.value, r.value.length)), e.current.cache.formattedValue = e.current.formattedValue, e.current.formattedValue) : "", C = (t) => {
       if (!e.current) return;
       const c = t.target.selectionStart ?? t.target.value.length;
       e.current.apply(t.target.value, c), L(t.target, e.current, o), r.onChange(e.current.value);
-    }, D = (t) => {
+    }, x = (t) => {
       var c;
       e.current && (e.current.cache.key = t.key, (c = r.onKeyDown) == null || c.call(r, t));
-    }, T = (t) => {
+    }, D = (t) => {
       var c;
       e.current && (e.current.cache.key = "", e.current.cache.selectionStart = t.currentTarget.selectionStart, e.current.cache.selectionEnd = t.currentTarget.selectionEnd, e.current.cache.selectionDirection = t.currentTarget.selectionDirection, (c = r.onSelect) == null || c.call(r, t));
-    }, v = (t) => {
+    }, T = (t) => {
       m.current = t, typeof a == "function" ? a(t) : a && (a.current = t);
     };
     return /* @__PURE__ */ l(
-      _,
+      I,
       {
-        postfix: /* @__PURE__ */ x(s.Fragment, { children: [
-          f !== void 0 && /* @__PURE__ */ l(k, { onClick: f }),
+        postfix: /* @__PURE__ */ p(h.Fragment, { children: [
+          d !== void 0 && /* @__PURE__ */ l(_, { onClick: d }),
           i !== void 0 && /* @__PURE__ */ l(
-            A,
+            B,
             {
-              size: B.B2,
-              type: y !== w.DISABLED ? g.SECONDARY : g.DISABLED,
+              size: A.B2,
+              type: y !== w.DISABLED ? F.SECONDARY : F.DISABLED,
               "data-test-id": n && `${n}__unit`,
               children: i
             }
           ),
-          d !== void 0 && d
+          g
         ] }),
-        ...h,
+        ...f,
         children: /* @__PURE__ */ l(
-          p,
+          k,
           {
             ...r,
             value: E(),
@@ -65,10 +65,10 @@ const oe = s.forwardRef(
             autoComplete: "off",
             inputMode: "decimal",
             "data-test-id": n && `${n}__input`,
-            onKeyDown: D,
-            onSelect: T,
+            onKeyDown: x,
+            onSelect: D,
             onChange: C,
-            ref: v
+            ref: T
           }
         )
       }

package/components/Avatar/Avatar.js

@@ -1,25 +1,25 @@
-import { EAvatarSize as a } from "./enums.js";
+import { EAvatarSize as s } from "./enums.js";
 import { jsx as m } from "react/jsx-runtime";
 import l from "react";
-import { c as r } from "../../chunks/vendor-DucOfXwy.js";
-const _ = "avatar__58eb7812", e = "xxs__494711c0", d = "xs__9a273570", n = "sm__bbcc69cb", f = "md__77d78299", i = "lg__54fceb28", v = "xl__a3c2dd49", p = "xxl__65c31f1f", s = {
+import { c as r } from "../../chunks/vendor-Dlne6Znf.js";
+const _ = "avatar__32fdda0d", d = "xxs__4c18ade0", e = "xs__9b67f4d2", f = "sm__aca5c3b4", n = "md__46cbe91f", i = "lg__8ed6bfea", v = "xl__c8819cfd", p = "xxl__a4bf6fe1", a = {
   avatar: _,
-  xxs: e,
-  xs: d,
-  sm: n,
-  md: f,
+  xxs: d,
+  xs: e,
+  sm: f,
+  md: n,
   lg: i,
   xl: v,
   xxl: p
 }, 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 = l.forwardRef(({ className: x, size: t, ...c }, o) => /* @__PURE__ */ m("div", { className: r(s.avatar, X[t], x), ...c, ref: o }));
+  [s.XXS]: a.xxs,
+  [s.XS]: a.xs,
+  [s.SM]: a.sm,
+  [s.MD]: a.md,
+  [s.LG]: a.lg,
+  [s.XL]: a.xl,
+  [s.XXL]: a.xxl
+}, b = l.forwardRef(({ className: x, size: t, ...o }, c) => /* @__PURE__ */ m("div", { className: r(a.avatar, X[t], x), ...o, ref: c }));
 b.displayName = "Avatar";
 export {
   b as Avatar

package/components/Badge/Badge.js

@@ -0,0 +1,30 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import l from "react";
+import { c as g } from "../../chunks/vendor-Dlne6Znf.js";
+import { createSizeToClassNameMap as _ } from "../../utils/classNameMaps.js";
+import { BadgeDot as i } 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__4b42c6cc", P = "sm__6d46c58d", u = "md__b914c0cf", N = "lg__519a80e6", d = {
+  badge: b,
+  sm: P,
+  md: u,
+  lg: N
+}, S = _(d), h = Object.assign(
+  l.forwardRef(
+    ({ children: t, className: s, size: m, prefix: o, postfix: a, ...n }, c) => /* @__PURE__ */ r("span", { className: g(d.badge, S[m], s), ...n, ref: c, children: [
+      o ? /* @__PURE__ */ e(p, { children: o }) : null,
+      t ? /* @__PURE__ */ e(f, { size: m, noPaddingLeft: !!o, noPaddingRight: !!a, children: t }) : null,
+      a ? /* @__PURE__ */ e(B, { children: a }) : null
+    ] })
+  ),
+  {
+    Dot: i
+  }
+);
+h.displayName = "Badge";
+export {
+  h as Badge
+};
+//# sourceMappingURL=Badge.js.map

package/components/Badge/BadgeDot.js

@@ -0,0 +1,15 @@
+import { jsx as m } from "react/jsx-runtime";
+import c from "react";
+import { c as d } from "../../chunks/vendor-Dlne6Znf.js";
+import { createSizeToClassNameMap as _ } from "../../utils/classNameMaps.js";
+const r = "badgeDot__eeba2b6a", g = "sm__6d46c58d", l = "md__b914c0cf", f = "lg__519a80e6", o = {
+  badgeDot: r,
+  sm: g,
+  md: l,
+  lg: f
+}, n = _(o), p = c.forwardRef(({ className: a, size: t, ...s }, e) => /* @__PURE__ */ m("span", { className: d(o.badgeDot, n[t], a), ...s, ref: e }));
+p.displayName = "BadgeDot";
+export {
+  p as BadgeDot
+};
+//# sourceMappingURL=BadgeDot.js.map

package/components/Badge/components/BadgeContent.js

@@ -0,0 +1,35 @@
+import { jsx as g } from "react/jsx-runtime";
+import { c } from "../../../chunks/vendor-Dlne6Znf.js";
+import { createSizeToClassNameMap as i } from "../../../utils/classNameMaps.js";
+const _ = "badgeContent__bdd00819", m = "sm__6d46c58d", P = "md__b914c0cf", f = "lg__519a80e6", l = "noPaddingLeft__cd172ad8", r = "noPaddingRight__199ec12d", n = {
+  badgeContent: _,
+  sm: m,
+  md: P,
+  lg: f,
+  noPaddingLeft: l,
+  noPaddingRight: r
+}, C = i(n), p = ({
+  children: t,
+  size: d,
+  noPaddingLeft: o,
+  noPaddingRight: a,
+  className: e,
+  ...s
+}) => /* @__PURE__ */ g(
+  "span",
+  {
+    className: c(
+      n.badgeContent,
+      C[d],
+      { [n.noPaddingLeft]: o, [n.noPaddingRight]: a },
+      e
+    ),
+    ...s,
+    children: t
+  }
+);
+p.displayName = "BadgeContent";
+export {
+  p as BadgeContent
+};
+//# sourceMappingURL=BadgeContent.js.map

package/components/Badge/components/BadgePostfix.js

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

package/components/Badge/components/BadgePrefix.js

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

package/components/Badge/index.js

@@ -0,0 +1,5 @@
+import { Badge as r } from "./Badge.js";
+export {
+  r as Badge
+};
+//# sourceMappingURL=index.js.map

package/components/Badge/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/Body/Body.js

@@ -1,12 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
 import t from "react";
-import { c as a } from "../../chunks/vendor-DucOfXwy.js";
-const y = "body__1985ce70", c = "bodyInner__0f373887", d = {
+import { c as a } from "../../chunks/vendor-Dlne6Znf.js";
+const y = "body__785ce060", c = "bodyInner__b698bf3d", d = {
   body: y,
   bodyInner: c
-}, m = t.forwardRef(({ children: e, className: r, ...s }, n) => /* @__PURE__ */ o("div", { className: a(d.body, r), ...s, "data-tx": "1.14.0", ref: n, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: e }) }));
-m.displayName = "Body";
+}, b = t.forwardRef(({ children: e, className: r, ...s }, n) => /* @__PURE__ */ o("div", { className: a(d.body, r), ...s, "data-tx": "1.16.0", ref: n, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: e }) }));
+b.displayName = "Body";
 export {
-  m as Body
+  b as Body
 };
 //# sourceMappingURL=Body.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-DucOfXwy.js";
+import { c as b } from "../../chunks/vendor-Dlne6Znf.js";
 import { LoaderSmall as R } from "../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as g } from "../Loader/LoaderSmall/enum.js";
+import { ELoaderSmallTheme as p } 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 s } from "../../enums/EComponentSize.js";
-const A = "general__fed4799f", B = "expanded__47db600a", u = {
+import { EComponentSize as d } from "../../enums/EComponentSize.js";
+const A = "general__cbb1d1c4", B = "expanded__58352ff2", g = {
   general: A,
   expanded: B
-}, D = "secondary__1ec52485", T = "expanded__47db600a", b = {
+}, D = "secondary__6f4e27bb", T = "expanded__58352ff2", u = {
   secondary: D,
   expanded: T
-}, G = "secondaryLight__fe4540e8", I = "expanded__47db600a", f = {
+}, G = "secondaryLight__754043bb", I = "expanded__58352ff2", f = {
   secondaryLight: G,
   expanded: I
-}, v = "danger__1fc9ab64", O = "expanded__47db600a", x = {
+}, v = "danger__788a25a6", O = "expanded__58352ff2", x = {
   danger: v,
   expanded: O
-}, Y = "link__cc4d258f", $ = "expanded__47db600a", h = {
+}, Y = "link__869b337c", $ = "expanded__58352ff2", h = {
   link: Y,
   expanded: $
-}, w = "button__35c1c449", z = "sm__f7af0921", M = "icon__c23e8b6d", j = "md__8f309342", H = "lg__b05903f3", K = "block__cc5f2d43", U = "content__702e6637", q = "loading__6f39a23c", F = "loader__97ec8d8b", J = "hidden__7db3120f", e = {
+}, w = "button__298c4e21", z = "sm__55b1a835", M = "icon__b4f4227c", j = "md__b32e41fd", H = "lg__29b35311", K = "block__bfc2a324", U = "content__13d1b9ea", q = "loading__bac1686e", F = "loader__3d40b306", J = "hidden__a08b9052", e = {
   button: w,
   sm: z,
   icon: M,
@@ -36,11 +36,11 @@ const A = "general__fed4799f", B = "expanded__47db600a", u = {
 }, P = (t, n) => {
   switch (t) {
     case o.GENERAL:
-      return { [u.general]: !0, [u.expanded]: n };
+      return { [g.general]: !0, [g.expanded]: n };
     case o.SECONDARY:
       return {
-        [b.secondary]: !0,
-        [b.expanded]: n
+        [u.secondary]: !0,
+        [u.expanded]: n
       };
     case o.SECONDARY_LIGHT:
       return {
@@ -60,23 +60,23 @@ const A = "general__fed4799f", B = "expanded__47db600a", u = {
   }
 }, Q = (t) => {
   switch (t) {
-    case s.LG:
+    case d.LG:
       return e.lg;
-    case s.MD:
+    case d.MD:
       return e.md;
-    case s.SM:
+    case d.SM:
       return e.sm;
   }
 }, V = (t, n) => {
-  const d = [o.SECONDARY, o.SECONDARY_LIGHT].includes(t) ? g.BRAND : g.NEUTRAL;
-  return /* @__PURE__ */ y(R, { theme: d, size: n });
+  const s = [o.SECONDARY, o.SECONDARY_LIGHT].includes(t) ? p.BRAND : p.NEUTRAL;
+  return /* @__PURE__ */ y(R, { theme: s, size: n });
 }, W = k.forwardRef((t, n) => {
-  const { children: d, className: N, disabled: c, theme: r, size: l = s.MD, block: L, loading: a, icon: i, ...S } = t, { "aria-expanded": _ } = t, E = p(
+  const { children: s, className: N, disabled: c, theme: r, size: l = d.MD, block: L, loading: a, icon: i, ...S } = t, { "aria-expanded": _ } = t, E = b(
     e.button,
     P(r, !!_),
     Q(l),
     { [e.block]: !!L, [e.loading]: !!a },
-    { [e.icon]: !!i && !d },
+    { [e.icon]: !!i && !s },
     // Классы для иконок, начало.
     "hoverable",
     {
@@ -89,9 +89,9 @@ const A = "general__fed4799f", B = "expanded__47db600a", u = {
   return /* @__PURE__ */ m(C, { className: E, tabIndex: a ? -1 : void 0, disabled: c, ...S, ref: n, children: [
     /* @__PURE__ */ m("span", { className: e.content, children: [
       i,
-      d
+      s
     ] }),
-    /* @__PURE__ */ y("div", { className: p(e.loader, !a && e.hidden), children: V(r, l) })
+    /* @__PURE__ */ y("div", { className: b(e.loader, !a && e.hidden), children: V(r, l) })
   ] });
 });
 W.displayName = "Button";

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.14.0", ref: o }));
+const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "1.16.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 t, jsxs as B, Fragment as q } from "react/jsx-runtime";
 import F, { useRef as I, useState as V, createElement as x } from "react";
-import { c as w, a as J } from "../../chunks/vendor-DucOfXwy.js";
+import { c as w, u as J } from "../../chunks/vendor-Dlne6Znf.js";
 import { ButtonDropdownExtended as y } from "./ButtonDropdownExtended.js";
 import { EButtonDotsTheme as u, EButtonTheme as d } from "./enums.js";
 import { DotshorizontalStrokeSrvIcon32 as Q, DotshorizontalStrokeSrvIcon20 as L, CaretdownStrokeSrvIcon16 as X, CaretdownStrokeSrvIcon20 as Z, CaretdownStrokeSrvIcon24 as $ } from "@sberbusiness/icons-next";
@@ -18,7 +18,7 @@ import { Text as ao } from "../Typography/Text.js";
 import { ETextSize as so } from "../Typography/enums.js";
 import { DropdownList as Y } from "../Dropdown/desktop/DropdownList.js";
 import { EComponentSize as f } from "../../enums/EComponentSize.js";
-const lo = "buttonDropdown__55535557", io = "block__cc5f2d43", mo = "buttonDropdownTarget__222cde16", uo = "caretIcon__785c5fa1", Do = "active__38e000cc", fo = "buttonDropdownMenuItem__dba65d2d", n = {
+const lo = "buttonDropdown__16fa9bb9", io = "block__bfc2a324", mo = "buttonDropdownTarget__2e78fae5", uo = "caretIcon__9c63d624", Do = "active__29cf41b0", fo = "buttonDropdownMenuItem__f04c3f8f", n = {
   buttonDropdown: lo,
   block: io,
   buttonDropdownTarget: mo,

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-DucOfXwy.js";
-const K = "buttonDropdownExtended__cd602049", S = "buttonDropdownExtendedBlock__a80b3d53", E = {
+import { c as A } from "../../chunks/vendor-Dlne6Znf.js";
+const K = "buttonDropdownExtended__4658c9de", S = "buttonDropdownExtendedBlock__71ec78f2", 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);
@@ -25,10 +25,10 @@ const K = "buttonDropdownExtended__cd602049", 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__cd602049", 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

@@ -1,17 +1,17 @@
 import { jsx as i } from "react/jsx-runtime";
 import u from "react";
-import { c as m } from "../../chunks/vendor-DucOfXwy.js";
+import { c as m } from "../../chunks/vendor-Dlne6Znf.js";
 import { EButtonIconShape as o } from "./enums.js";
-const p = "buttonIcon__7b9d0177", I = "circle__e91ede67", b = "squircle__96f380ad", t = {
+const p = "buttonIcon__26952ec9", I = "circle__3d9047f0", f = "squircle__d3f5bea7", t = {
   buttonIcon: p,
   circle: I,
-  squircle: b
-}, f = {
+  squircle: f
+}, b = {
   [o.SQUIRCLE]: t.squircle,
   [o.CIRCLE]: t.circle
 }, _ = u.forwardRef(
   ({ className: e, disabled: c, shape: n = o.SQUIRCLE, active: s, ...r }, a) => {
-    const l = m(t.buttonIcon, f[n], "hoverable", e, {
+    const l = m(t.buttonIcon, b[n], "hoverable", e, {
       active: !!s,
       disabled: !!c
     });