@sberbusiness/triplex-next 1.2.0 → 1.4.0

package/components/AbstractTree/AbstractTreeNode.js

@@ -0,0 +1,50 @@
+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";
+class u {
+  constructor() {
+    // Массив дочерних нод.
+    s(this, "children", []);
+    // Родительская нода.
+    s(this, "parent", null);
+    /** Возвращает дочерние ноды. */
+    s(this, "getChildren", () => this.children);
+    /** Добавляет дочернюю ноду к текущим. */
+    s(this, "addChild", (e, i, r) => {
+      if (e.setParent(this), i) {
+        const h = this.children.findIndex((n) => l(n, i));
+        this.children.splice(h + 1, 0, e);
+      } else if (r) {
+        const h = this.children.findIndex((n) => l(n, r));
+        this.children.splice(h, 0, e);
+      } else
+        this.children.push(e);
+    });
+    /** Удаляет дочернюю ноду. */
+    s(this, "removeChild", (e) => {
+      const i = this.children.findIndex((r) => l(r, e));
+      i > -1 && (this.children.splice(i, 1), e.setParent(null));
+    });
+    /** Устанавливает дочерние ноды вместо текущих дочерних нод. */
+    s(this, "setChildren", (e) => {
+      this.children.forEach((i) => i.setParent(null)), e.forEach((i) => i.setParent(this)), this.children = e;
+    });
+    /** Возвращает родительскую ноду. */
+    s(this, "getParent", () => this.parent);
+    /** Устанавливает родительскую ноду. */
+    s(this, "setParent", (e) => {
+      this.parent = e;
+    });
+  }
+}
+function a(t, e) {
+  if (e(t) && t.getChildren().length)
+    for (const r of t.getChildren())
+      a(r, e);
+}
+export {
+  u as AbstractTreeNode,
+  a as traverseAbstractTree
+};
+//# sourceMappingURL=AbstractTreeNode.js.map

package/components/AccordionBase/protected/AccordionBase.js

@@ -0,0 +1,83 @@
+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 { 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 {
+  constructor(e) {
+    super(e);
+    o(this, "displayName", "AccordionBase");
+    // Уникальный id, для передачи a11y aria-атрибутов в header и body.
+    o(this, "instanceId", `AccordionBase-${u()}`);
+    o(this, "renderHeader", () => {
+      const { renderHeader: e, isOpen: n } = this.props, { animating: t, controlled: i, isOpen: r } = this.state, p = !!(i ? n : r);
+      return e({
+        animating: t,
+        ariaAttributes: {
+          controls: this.instanceId,
+          expanded: p.toString()
+        },
+        isOpen: p,
+        toggle: this.toggle
+      });
+    });
+    /**
+     * Раскрывает/скрывает контент аккордеона.
+     */
+    o(this, "toggle", () => {
+      const { controlled: e, isOpen: n } = this.state, { toggle: t, isOpen: i } = this.props;
+      e ? t && t(!!!(e ? i : n)) : this.setState((p) => ({
+        animating: !0,
+        isOpen: !p.isOpen
+      }));
+    });
+    o(this, "handleAnimationEnd", () => {
+      const { controlled: e, isOpen: n } = this.state, { onToggle: t, isOpen: i } = this.props, r = !!(e ? i : n);
+      this.setState({ animating: !1 }, () => {
+        t && t(r);
+      });
+    });
+    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(
+        f,
+        {
+          className: x(e, {
+            "cssClass[globalExpandAnimationAnimating]": i,
+            "cssClass[globalExpandAnimationOpened]": d
+          }),
+          expanded: d,
+          onEnd: this.handleAnimationEnd,
+          id: this.instanceId,
+          children: n({
+            animating: i,
+            isOpen: d,
+            toggle: this.toggle
+          })
+        }
+      );
+    });
+    this.state = {
+      animating: !1,
+      controlled: typeof e.isOpen < "u",
+      isOpen: !!e.isOpen
+    };
+  }
+  componentDidUpdate(e) {
+    const { isOpen: n } = this.props, { isOpen: t } = e;
+    n !== t && this.setState({ animating: !0 });
+  }
+  render() {
+    const e = this.renderHeader(), n = this.renderBody();
+    return /* @__PURE__ */ O(m, { children: [
+      e,
+      n
+    ] });
+  }
+}
+export {
+  I as AccordionBase
+};
+//# sourceMappingURL=AccordionBase.js.map

package/components/Alert/AlertContext/AlertContext.js

@@ -3,13 +3,13 @@ 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-CehxOAkM.js";
-const _ = "alertContext__4a4ed76d", d = "alertContextText__3e3e2ba8", E = "alertTypeError__24d1fca5", C = "alertTypeInfo__cb4870ca", u = "alertTypeWarning__59a7be5f", A = "alertTypeSystem__0f6e0233", 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-Ba_pyhza.js";
+const _ = "alertContext__acd8f089", E = "alertContextText__bcc2c646", d = "alertTypeError__ced7c27f", C = "alertTypeInfo__3002ea3b", u = "alertTypeWarning__732e3a96", A = "alertTypeSystem__2c54c9e2", n = {
   alertContext: _,
-  alertContextText: d,
-  alertTypeError: E,
+  alertContextText: E,
+  alertTypeError: d,
   alertTypeInfo: C,
   alertTypeWarning: u,
   alertTypeSystem: A
@@ -22,7 +22,7 @@ const _ = "alertContext__4a4ed76d", d = "alertContextText__3e3e2ba8", E = "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,
@@ -30,17 +30,17 @@ const _ = "alertContext__4a4ed76d", d = "alertContextText__3e3e2ba8", E = "alert
   [e.ERROR]: r.ERROR,
   [e.SYSTEM]: r.SECONDARY
 }, F = x.forwardRef(
-  ({ children: o, className: l, type: a, renderIcon: s, ...p }, c) => /* @__PURE__ */ T(
+  ({ children: o, className: l, type: a, renderIcon: s, ...c }, p) => /* @__PURE__ */ T(
     "span",
     {
       role: "alert",
       className: N(n.alertContext, m[a](n), l),
-      ...p,
-      "data-tx": "1.2.0",
-      ref: c,
+      ...c,
+      "data-tx": "1.4.0",
+      ref: p,
       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-B3Xzh0I2.js";
+import { s as r, A as i } from "../../../chunks/AlertProcessSpoiler-BQv9QI6L.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-CehxOAkM.js";
+import { c as C } from "../../../chunks/vendor-Ba_pyhza.js";
 const O = (o) => {
   switch (o) {
     case t.INFO:
@@ -38,7 +38,7 @@ const O = (o) => {
           d
         ),
         ...f,
-        "data-tx": "1.2.0",
+        "data-tx": "1.4.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-B3Xzh0I2.js";
-import "../../../../chunks/vendor-CehxOAkM.js";
+import { A as l } from "../../../../chunks/AlertProcessSpoiler-BQv9QI6L.js";
+import "../../../../chunks/vendor-Ba_pyhza.js";
 export {
   l as AlertProcessSpoiler
 };

package/components/Amount/Amount.js

@@ -1,37 +1,36 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { formatAmount as d } from "../../utils/amountUtils.js";
-import { c as A } from "../../chunks/vendor-CehxOAkM.js";
-const f = "amountAdaptive__f512039e", N = {
-  amountAdaptive: f
-}, _ = 14, h = ({
+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", _ = {
+  adaptive: N
+}, h = 14, v = ({
   className: o,
-  value: m,
-  fractionLength: r,
-  currency: n,
-  currencyTitle: s,
+  value: r,
+  fractionLength: s,
+  currency: e,
+  currencyTitle: m,
   adaptive: c,
-  dataTestId: e,
+  dataTestId: a,
   ...i
 }) => {
-  let t = d(m, r);
-  const p = A(
+  let t = u(r, s);
+  t[0] == "-" && (t = t.replace("-", "−"));
+  const p = () => [
+    " ",
+    /* @__PURE__ */ n("span", { "data-test-id": a && `${a}__currencyName`, title: m, children: e }, "currencyName")
+  ], l = f(
     {
-      [N.amountAdaptive]: !!c && t.length >= _
+      [_.adaptive]: !!c && t.length >= h
     },
     o
   );
-  t[0] == "-" && (t = t.replace("-", "−"));
-  const u = () => [
-    " ",
-    /* @__PURE__ */ a("span", { "data-test-id": e && `${e}__currencyName`, title: s, children: n }, "currencyName")
-  ];
-  return /* @__PURE__ */ l("span", { className: p, ...i, "data-tx": "1.2.0", children: [
-    /* @__PURE__ */ a("span", { "data-test-id": e && `${e}__amount`, children: t }),
-    n && u()
+  return /* @__PURE__ */ d("span", { className: l, ...i, "data-tx": "1.4.0", children: [
+    /* @__PURE__ */ n("span", { "data-test-id": a && `${a}__amount`, children: t }),
+    e && p()
   ] });
 };
-h.displayName = "Amount";
+v.displayName = "Amount";
 export {
-  h as Amount
+  v as Amount
 };
 //# sourceMappingURL=Amount.js.map

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 j } from "../../chunks/FormFieldInput-n8Ee4EcP.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__6f344116", b = {
-  currency: $
+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
 }, Z = R.forwardRef(
   ({
     label: f,
@@ -23,9 +23,9 @@ const $ = "currency__6f344116", b = {
     fractionDigits: n = 2,
     ...F
   }, o) => {
-    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));
+    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));
     }, [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 $ = "currency__6f344116", b = {
       /* @__PURE__ */ d(I, { ...F, children: [
         f ? /* @__PURE__ */ l(V, { children: f }) : null,
         /* @__PURE__ */ l(
-          j,
+          b,
           {
             ...t,
             ref: (r) => {
@@ -62,7 +62,7 @@ const $ = "currency__6f344116", b = {
         ),
         /* @__PURE__ */ d(D, { children: [
           /* @__PURE__ */ l(K, { onClick: w }),
-          h ? /* @__PURE__ */ l("span", { className: b.currency, "data-test-id": u && `${u}__unit`, children: h }) : null,
+          h ? /* @__PURE__ */ l("span", { className: $.currency, "data-test-id": u && `${u}__unit`, children: h }) : null,
           s || null
         ] })
       ] }),

package/components/Body/Body.js

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

package/components/Body/enums.js

@@ -0,0 +1,5 @@
+var L = /* @__PURE__ */ ((r) => (r.LARGE = "large", r.SMALL = "small", r))(L || {});
+export {
+  L as EBodyVerticalMargin
+};
+//# sourceMappingURL=enums.js.map

package/components/Button/Button.js

@@ -1,100 +1,101 @@
 import { jsxs as m, jsx as y } from "react/jsx-runtime";
 import k from "react";
-import { c as g } from "../../chunks/vendor-CehxOAkM.js";
+import { c as p } from "../../chunks/vendor-Ba_pyhza.js";
 import { LoaderSmall as R } from "../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as u } from "../Loader/LoaderSmall/enum.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 s } from "../../enums/EComponentSize.js";
-const A = "general__5141d3ad", B = "expanded__fc18fd80", p = {
+import { EComponentSize as d } from "../../enums/EComponentSize.js";
+const A = "general__352d5337", B = "expanded__50b96a56", u = {
   general: A,
   expanded: B
-}, D = "secondary__85974992", T = "expanded__fc18fd80", f = {
+}, D = "secondary__961a3c28", T = "expanded__50b96a56", b = {
   secondary: D,
   expanded: T
-}, G = "secondaryLight__a44ff8d3", I = "expanded__fc18fd80", h = {
+}, G = "secondaryLight__20282cb9", I = "expanded__50b96a56", x = {
   secondaryLight: G,
   expanded: I
-}, v = "danger__ce882c06", O = "expanded__fc18fd80", b = {
+}, v = "danger__ae19eb3a", O = "expanded__50b96a56", h = {
   danger: v,
   expanded: O
-}, Y = "link__1e5b0707", x = {
-  link: Y
-}, w = "button__2cd88713", z = "sm__bd0e31dd", M = "icon__b78b7b18", $ = "md__401601d9", j = "lg__8c2a4c95", H = "block__9ef2ad79", K = "content__2d7cb848", U = "loading__e53f9c33", q = "loader__89749b10", F = "hidden__e5a359b9", e = {
+}, Y = "link__0827d549", $ = "expanded__50b96a56", f = {
+  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 = {
   button: w,
   sm: z,
   icon: M,
-  md: $,
-  lg: j,
-  block: H,
-  content: K,
-  loading: U,
-  loader: q,
-  hidden: F
-}, J = (t, n) => {
+  md: j,
+  lg: H,
+  block: K,
+  content: U,
+  loading: q,
+  loader: F,
+  hidden: J
+}, P = (t, n) => {
   switch (t) {
     case o.GENERAL:
-      return { [p.general]: !0, [p.expanded]: n };
+      return { [u.general]: !0, [u.expanded]: n };
     case o.SECONDARY:
       return {
-        [f.secondary]: !0,
-        [f.expanded]: n
+        [b.secondary]: !0,
+        [b.expanded]: n
       };
     case o.SECONDARY_LIGHT:
       return {
-        [h.secondaryLight]: !0,
-        [h.expanded]: n
+        [x.secondaryLight]: !0,
+        [x.expanded]: n
       };
     case o.DANGER:
       return {
-        [b.danger]: !0,
-        [b.expanded]: n
+        [h.danger]: !0,
+        [h.expanded]: n
       };
     case o.LINK:
       return {
-        [x.link]: !0,
-        [x.expanded]: n
+        [f.link]: !0,
+        [f.expanded]: n
       };
   }
-}, P = (t) => {
+}, 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;
   }
-}, Q = (t, n) => {
-  const d = [o.SECONDARY, o.SECONDARY_LIGHT].includes(t) ? u.BRAND : u.NEUTRAL;
-  return /* @__PURE__ */ y(R, { theme: d, size: n });
-}, V = k.forwardRef((t, n) => {
-  const { children: d, className: N, disabled: a, theme: r, size: l = s.MD, block: L, loading: c, icon: i, ...S } = t, { "aria-expanded": _ } = t, E = g(
+}, V = (t, n) => {
+  const a = [o.SECONDARY, o.SECONDARY_LIGHT].includes(t) ? g.BRAND : g.NEUTRAL;
+  return /* @__PURE__ */ y(R, { theme: a, 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(
     e.button,
-    J(r, !!_),
-    P(l),
-    { [e.block]: !!L, [e.loading]: !!c },
-    { [e.icon]: !!i && !d },
+    P(r, !!_),
+    Q(l),
+    { [e.block]: !!L, [e.loading]: !!s },
+    { [e.icon]: !!i && !a },
     // Классы для иконок, начало.
     "hoverable",
     {
       active: !!_,
-      disabled: !!a
+      disabled: !!c
     },
     // Классы для иконок, конец.
     N
   );
-  return /* @__PURE__ */ m(C, { className: E, tabIndex: c ? -1 : void 0, disabled: a, ...S, ref: n, children: [
+  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,
-      d
+      a
     ] }),
-    /* @__PURE__ */ y("div", { className: g(e.loader, !c && e.hidden), children: Q(r, l) })
+    /* @__PURE__ */ y("div", { className: p(e.loader, !s && e.hidden), children: V(r, l) })
   ] });
 });
-V.displayName = "Button";
+W.displayName = "Button";
 export {
-  V as Button
+  W as Button
 };
 //# sourceMappingURL=Button.js.map

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.2.0", ref: o }));
+const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "1.4.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 b, a as J } from "../../chunks/vendor-CehxOAkM.js";
+import { c as f, a as J } from "../../chunks/vendor-Ba_pyhza.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__4e8922e2", de = "block__9ef2ad79", ie = "buttonDropdownTarget__55655319", me = "caretIcon__e4b379ba", ue = "active__81245f30", De = "buttonDropdownMenuItem__bdfa1f2a", n = {
+const le = "buttonDropdown__025b9ea2", de = "block__dbaf919a", ie = "buttonDropdownTarget__7f03c16a", me = "caretIcon__00b977ec", ue = "active__0410ebaf", De = "buttonDropdownMenuItem__31df2b01", n = {
   buttonDropdown: le,
   block: de,
   buttonDropdownTarget: ie,
@@ -33,10 +33,10 @@ const le = "buttonDropdown__4e8922e2", de = "block__9ef2ad79", ie = "buttonDropd
   [i.SM]: /* @__PURE__ */ o($, { paletteIndex: 7, className: n.caretIcon }),
   [i.MD]: /* @__PURE__ */ o(Z, { paletteIndex: 7, className: n.caretIcon }),
   [i.LG]: /* @__PURE__ */ o(X, { paletteIndex: 7, className: n.caretIcon })
-}, fe = F.forwardRef(
+}, be = F.forwardRef(
   (g, p) => {
-    const { buttonAttributes: R, children: h, className: z, theme: f, size: c, options: C, selected: l, block: w, disabled: T, ...G } = g, k = _(null), v = _(null), W = b(n.buttonDropdown, { [n.block]: !!w }, z), [S, H] = V(), I = _(J()), P = ({ opened: e, setOpened: r }) => {
-      const a = b(n.buttonDropdownTarget, "hoverable", {
+    const { buttonAttributes: R, children: h, className: z, theme: b, size: c, options: C, selected: l, block: w, disabled: T, ...G } = g, k = _(null), v = _(null), W = f(n.buttonDropdown, { [n.block]: !!w }, z), [S, H] = V(), I = _(J()), P = ({ opened: e, setOpened: r }) => {
+      const a = f(n.buttonDropdownTarget, "hoverable", {
         [n.active]: e,
         [n.block]: !!w
       });
@@ -44,7 +44,7 @@ const le = "buttonDropdown__4e8922e2", de = "block__9ef2ad79", ie = "buttonDropd
         x,
         {
           className: a,
-          theme: f,
+          theme: b,
           size: c,
           onKeyDown: A({ opened: e, setOpened: r }),
           onClick: E({ opened: e, setOpened: r }),
@@ -62,7 +62,7 @@ const le = "buttonDropdown__4e8922e2", de = "block__9ef2ad79", ie = "buttonDropd
         }
       );
     }, K = ({ opened: e, setOpened: r }) => {
-      const a = b(n.buttonDropdownTarget, "hoverable", {
+      const a = f(n.buttonDropdownTarget, "hoverable", {
         [n.active]: e,
         [n.block]: !!w
       });
@@ -70,7 +70,7 @@ const le = "buttonDropdown__4e8922e2", de = "block__9ef2ad79", ie = "buttonDropd
         x,
         {
           className: a,
-          theme: f === u.DOTS_SECONDARY ? d.SECONDARY : d.SECONDARY_LIGHT,
+          theme: b === u.DOTS_SECONDARY ? d.SECONDARY : d.SECONDARY_LIGHT,
           size: c,
           onKeyDown: A({ opened: e, setOpened: r }),
           onClick: E({ opened: e, setOpened: r }),
@@ -88,7 +88,7 @@ const le = "buttonDropdown__4e8922e2", de = "block__9ef2ad79", ie = "buttonDropd
       const { key: s } = a;
       (D(s, "SPACE") || D(s, "ARROW_UP") || D(s, "ARROW_DOWN")) && a.preventDefault(), !e && (D(s, "ARROW_UP") || D(s, "ARROW_DOWN")) && r(!0);
     }, j = () => {
-      switch (f) {
+      switch (b) {
         case d.GENERAL:
         case d.DANGER:
         case u.DOTS_SECONDARY:
@@ -101,7 +101,7 @@ const le = "buttonDropdown__4e8922e2", de = "block__9ef2ad79", ie = "buttonDropd
           return null;
       }
     }, U = ({ opened: e, setOpened: r, className: a }) => {
-      const s = b(n.buttonDropdownMenu, a);
+      const s = f(n.buttonDropdownMenu, a);
       return /* @__PURE__ */ o(ee.Provider, { value: { activeDescendant: S, setActiveDescendant: H }, children: /* @__PURE__ */ o(
         y.Dropdown,
         {
@@ -156,7 +156,7 @@ const le = "buttonDropdown__4e8922e2", de = "block__9ef2ad79", ie = "buttonDropd
       {
         className: W,
         renderButton: [u.DOTS_SECONDARY, u.DOTS_SECONDARY_LIGHT].includes(
-          f
+          b
         ) ? K : P,
         renderDropdown: U,
         dropdownRef: v,
@@ -166,8 +166,8 @@ const le = "buttonDropdown__4e8922e2", de = "block__9ef2ad79", ie = "buttonDropd
     );
   }
 );
-fe.displayName = "ButtonDropdown";
+be.displayName = "ButtonDropdown";
 export {
-  fe as ButtonDropdown
+  be as ButtonDropdown
 };
 //# sourceMappingURL=ButtonDropdown.js.map