@sberbusiness/triplex-next 1.1.0 → 1.2.0

package/components/Alert/AlertContext/AlertContext.js

@@ -5,10 +5,10 @@ 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 d } from "../../../chunks/vendor-D-uL_icH.js";
-const N = "alertContext__afadde77", _ = "alertContextText__9688d2fb", E = "alertTypeError__21ee01db", C = "alertTypeInfo__562cff29", u = "alertTypeWarning__cc78b22b", A = "alertTypeSystem__686ce089", n = {
-  alertContext: N,
-  alertContextText: _,
+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 = {
+  alertContext: _,
+  alertContextText: d,
   alertTypeError: E,
   alertTypeInfo: C,
   alertTypeWarning: u,
@@ -34,9 +34,9 @@ const N = "alertContext__afadde77", _ = "alertContextText__9688d2fb", E = "alert
     "span",
     {
       role: "alert",
-      className: d(n.alertContext, m[a](n), l),
+      className: N(n.alertContext, m[a](n), l),
       ...p,
-      "data-tx": "1.1.0",
+      "data-tx": "1.2.0",
       ref: c,
       children: [
         s || O(a),

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-Dp7FRT9y.js";
+import { s as r, A as i } from "../../../chunks/AlertProcessSpoiler-B3Xzh0I2.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-D-uL_icH.js";
+import { c as C } from "../../../chunks/vendor-CehxOAkM.js";
 const O = (o) => {
   switch (o) {
     case t.INFO:
@@ -38,7 +38,7 @@ const O = (o) => {
           d
         ),
         ...f,
-        "data-tx": "1.1.0",
+        "data-tx": "1.2.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-Dp7FRT9y.js";
-import "../../../../chunks/vendor-D-uL_icH.js";
+import { A as l } from "../../../../chunks/AlertProcessSpoiler-B3Xzh0I2.js";
+import "../../../../chunks/vendor-CehxOAkM.js";
 export {
   l as AlertProcessSpoiler
 };

package/components/Amount/Amount.js

@@ -0,0 +1,37 @@
+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 = ({
+  className: o,
+  value: m,
+  fractionLength: r,
+  currency: n,
+  currencyTitle: s,
+  adaptive: c,
+  dataTestId: e,
+  ...i
+}) => {
+  let t = d(m, r);
+  const p = A(
+    {
+      [N.amountAdaptive]: !!c && t.length >= _
+    },
+    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()
+  ] });
+};
+h.displayName = "Amount";
+export {
+  h as Amount
+};
+//# sourceMappingURL=Amount.js.map

package/components/Amount/index.js

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

package/components/AmountField/AmountBaseInputCore.js

@@ -0,0 +1,46 @@
+var r = Object.defineProperty;
+var o = (i, t, e) => t in i ? r(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var a = (i, t, e) => o(i, typeof t != "symbol" ? t + "" : t, e);
+import { AmountBaseInputParser as n } from "./AmountBaseInputParser.js";
+import { AmountBaseInputFormatter as l } from "./AmountBaseInputFormatter.js";
+class m {
+  constructor(t, e) {
+    /** Значение. */
+    a(this, "value");
+    /** Отформатированное значение. */
+    a(this, "formattedValue");
+    /** Положение каретки. */
+    a(this, "caret");
+    /** Максимальное количество знаков перед запятой. */
+    a(this, "maxIntegerDigits");
+    /** Количество чисел после запятой. */
+    a(this, "fractionDigits");
+    /** Кэш для хранения значений. */
+    a(this, "cache");
+    this.value = "", this.formattedValue = "", this.caret = 0, this.maxIntegerDigits = t, this.fractionDigits = e, this.cache = {
+      formattedValue: "",
+      key: "",
+      selectionDirection: null,
+      selectionEnd: null,
+      selectionStart: null
+    };
+  }
+  /** Применение входных данных. */
+  apply(t, e) {
+    this.parse(t, e), this.format(this.value);
+  }
+  /** Обработка значения. */
+  parse(t, e) {
+    const s = new n(this.maxIntegerDigits, this.fractionDigits);
+    s.apply(t, e, this.cache.key), this.value = s.getValue(), this.caret = e + s.getCaretOffset();
+  }
+  /** Форматирование значения. */
+  format(t) {
+    const e = new l(this.maxIntegerDigits, this.fractionDigits);
+    e.apply(t), this.formattedValue = e.getValue(), this.caret += e.getCaretOffset();
+  }
+}
+export {
+  m as AmountBaseInputCore
+};
+//# sourceMappingURL=AmountBaseInputCore.js.map

package/components/AmountField/AmountBaseInputFormatter.js

@@ -0,0 +1,57 @@
+var a = Object.defineProperty;
+var o = (r, t, i) => t in r ? a(r, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[t] = i;
+var h = (r, t, i) => o(r, typeof t != "symbol" ? t + "" : t, i);
+import { AmountConst as n } from "../../consts/AmountConst.js";
+class m {
+  constructor(t, i) {
+    /** Значение. */
+    h(this, "value");
+    /** Величина сдвига каретки. */
+    h(this, "caretOffset");
+    /** Максимальное количество знаков (без учёта пробелов). */
+    h(this, "maxLength");
+    /** Количество чисел после запятой. */
+    h(this, "fractionDigits");
+    this.value = "", this.caretOffset = 0, this.maxLength = t, this.fractionDigits = i;
+  }
+  /** Получение значения. */
+  getValue() {
+    return this.value;
+  }
+  /** Получение величины сдвига каретки. */
+  getCaretOffset() {
+    return this.caretOffset;
+  }
+  /** Применение входных данные для форматирования. */
+  apply(t) {
+    const i = t.length;
+    this.fractionDigits == 0 ? this.value = this.formatInteger(t, i) : this.value = this.formatDecimal(t, i);
+  }
+  /** Форматирование значения в виде целого значения. */
+  formatInteger(t, i) {
+    const s = [];
+    if (i > 0) {
+      let e = 0;
+      for (s.push(t[e]); ++e < i; )
+        (i - e) % 3 == 0 && (s.push(" "), this.caretOffset++), s.push(t[e]);
+    }
+    return s.join("");
+  }
+  /** Форматирование значения в виде десятичной дроби. */
+  formatDecimal(t, i) {
+    const s = [];
+    if (i) {
+      const e = i - this.fractionDigits - 1;
+      let f = 0;
+      for (s.push(t[f]); ++f < e; )
+        (e - f) % 3 == 0 && (s.push(" "), this.caretOffset++), s.push(t[f]);
+      for (s.push(n.DecimalComma); ++f < i; )
+        s.push(t[f]);
+    }
+    return s.join("");
+  }
+}
+export {
+  m as AmountBaseInputFormatter
+};
+//# sourceMappingURL=AmountBaseInputFormatter.js.map

package/components/AmountField/AmountBaseInputParser.js

@@ -0,0 +1,110 @@
+var p = Object.defineProperty;
+var m = (a, t, s) => t in a ? p(a, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : a[t] = s;
+var n = (a, t, s) => m(a, typeof t != "symbol" ? t + "" : t, s);
+import { AmountConst as c } from "../../consts/AmountConst.js";
+import { StringUtils as o } from "../../utils/stringUtils.js";
+import { isKey as D } from "../../utils/keyboard.js";
+class O {
+  constructor(t, s) {
+    /** Значение. */
+    n(this, "value");
+    /** Величина сдвига каретки. */
+    n(this, "caretOffset");
+    /** Значение нажатой клавиши. */
+    n(this, "key");
+    /** Максимальное количество знаков перед запятой. */
+    n(this, "maxIntegerDigits");
+    /** Количество чисел после запятой. */
+    n(this, "fractionDigits");
+    this.value = "", this.caretOffset = 0, this.maxIntegerDigits = t, this.fractionDigits = s, this.key = "";
+  }
+  /** Получение значения. */
+  getValue() {
+    return this.value;
+  }
+  /** Получение величины сдвига каретки. */
+  getCaretOffset() {
+    return this.caretOffset;
+  }
+  /** Применение входных данных для обработки. */
+  apply(t, s, r) {
+    const i = t.length;
+    if (this.key = r, this.maxIntegerDigits > 0) {
+      if (this.fractionDigits == 0)
+        return this.parseInteger(t, s, i);
+      if (this.fractionDigits > 0)
+        return this.parseDecimal(t, s, i);
+    }
+    this.value = "", this.caretOffset -= i;
+  }
+  /** Обработка значения в виде целого числа. */
+  parseInteger(t, s, r) {
+    this.parseIntegerPart(t, s, r);
+  }
+  /** Обработка значения в виде десятичной дроби. */
+  parseDecimal(t, s, r) {
+    const i = this.findSeparatorIndex(t, s, r), [e, f] = i != -1 ? [i, i + 1] : [s, s], [h, g] = [t.substring(0, e), t.substring(f)];
+    this.parseIntegerPart(h, Math.min(s, e), e), this.parseFractionalPart(g, Math.max(s - f, 0), r - f);
+  }
+  /** Обработка целой части числа. */
+  parseIntegerPart(t, s, r) {
+    const i = [];
+    if ([t, s, r] = this.trimLeadingZeros(t, s, r), s > 0) {
+      const e = this.maxIntegerDigits - (r - s - Math.floor((r - s) / 4));
+      if (e > 0)
+        for (let f = 0, h = 0; f < s && !(o.isDigit(t[f]) && (i.push(t[f]), ++h == e)); f++)
+          ;
+      this.caretOffset -= s - i.length;
+    }
+    if (s < r)
+      for (let e = s; e < r; e++)
+        o.isDigit(t[e]) ? i.push(t[e]) : this.caretOffset--;
+    this.value = i.join("");
+  }
+  /** Обработка дробной части числа. */
+  parseFractionalPart(t, s, r) {
+    const i = [];
+    if (s > 0) {
+      const e = this.fractionDigits;
+      for (let f = 0, h = 0; f < s; f++)
+        if (o.isDigit(t[f])) {
+          if (i.push(t[f]), ++h == e)
+            break;
+        } else
+          this.caretOffset--;
+    }
+    for (; i.length < this.fractionDigits; ) {
+      const e = r - (this.fractionDigits - i.length);
+      e >= s ? i.push(t[e]) : (i.push("0"), D(this.key, "DELETE") && this.caretOffset++);
+    }
+    if (this.value.length == 0)
+      if (i.some((e) => e != "0"))
+        this.value = "0", this.caretOffset++;
+      else
+        return;
+    this.value += c.DecimalPoint, this.value += i.join("");
+  }
+  /** Удаление ведущих нулей и всего, что им предшествует. */
+  trimLeadingZeros(t, s, r) {
+    let i = 0;
+    for (let e = 0; e < r && !(o.isDigit(t[e]) && (i = e, t[e] != "0")); e++)
+      ;
+    return this.caretOffset -= i, [t.substring(i), Math.max(s - i, 0), r - i];
+  }
+  /** Нахождение индекса десятичного разделителя. */
+  findSeparatorIndex(t, s, r) {
+    if (s < r - (this.fractionDigits + 1)) {
+      for (let i = r - 1; i >= 0; i--)
+        if (o.isDecimalSeparator(t[i]))
+          return i;
+    } else
+      for (let i = 0; i < r; i++)
+        if (o.isDecimalSeparator(t[i]))
+          return i;
+    return -1;
+  }
+}
+export {
+  O as AmountBaseInputParser
+};
+//# sourceMappingURL=AmountBaseInputParser.js.map

package/components/AmountField/AmountField.js

@@ -0,0 +1,76 @@
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import R, { useRef as y, useLayoutEffect as x } from "react";
+import { FormGroup as E } from "../FormGroup/FormGroup.js";
+import { FormField as I } from "../FormField/FormField.js";
+import { FormFieldDescription as T } from "../FormField/components/FormFieldDescription.js";
+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: $
+}, Z = R.forwardRef(
+  ({
+    label: f,
+    description: i,
+    currency: h,
+    postfix: s,
+    inputProps: t,
+    maxIntegerDigits: m = 16,
+    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));
+    }, [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;
+      const c = r.target.selectionStart ?? r.target.value.length;
+      e.current.apply(r.target.value, c), g(r.target, e.current, n), t.onChange(e.current.value);
+    }, k = (r) => {
+      var c;
+      e.current && (e.current.cache.key = r.key, (c = t.onKeyDown) == null || c.call(t, r));
+    }, v = (r) => {
+      var c;
+      e.current && (e.current.cache.key = "", e.current.cache.selectionStart = r.currentTarget.selectionStart, e.current.cache.selectionEnd = r.currentTarget.selectionEnd, e.current.cache.selectionDirection = r.currentTarget.selectionDirection, (c = t.onSelect) == null || c.call(t, r));
+    }, w = () => {
+      !e.current || !a.current || (e.current.apply("", 0), g(a.current, e.current, n), t.onChange(e.current.value));
+    };
+    return /* @__PURE__ */ d(E, { children: [
+      /* @__PURE__ */ d(I, { ...F, children: [
+        f ? /* @__PURE__ */ l(V, { children: f }) : null,
+        /* @__PURE__ */ l(
+          j,
+          {
+            ...t,
+            ref: (r) => {
+              a.current = r, typeof o == "function" ? o(r) : o && (o.current = r);
+            },
+            value: _(),
+            onChange: S,
+            onKeyDown: k,
+            onSelect: v,
+            autoComplete: "off",
+            inputMode: "decimal",
+            "data-test-id": u && `${u}__input`,
+            placeholder: C
+          }
+        ),
+        /* @__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,
+          s || null
+        ] })
+      ] }),
+      i ? /* @__PURE__ */ l(T, { children: i }) : null
+    ] });
+  }
+);
+export {
+  Z as AmountField
+};
+//# sourceMappingURL=AmountField.js.map

package/components/AmountField/index.js

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

package/components/AmountField/utils.js

@@ -0,0 +1,38 @@
+import { AmountConst as o } from "../../consts/AmountConst.js";
+import { isKey as c } from "../../utils/keyboard.js";
+import { StringUtils as f } from "../../utils/stringUtils.js";
+function g(t) {
+  const r = ["0"];
+  if (t > 0) {
+    r.push(o.DecimalComma);
+    for (let n = 0; n < t; n++)
+      r.push("0");
+  }
+  return r.join("");
+}
+function R(t, r, n) {
+  const { formattedValue: i, key: a, selectionStart: e, selectionEnd: l, selectionDirection: s } = r.cache;
+  if (t.value = i, !(e === null || l === null || s === null)) {
+    if (a === o.DecimalComma || a === o.DecimalPoint) {
+      if (e === l && i[e] === o.DecimalComma)
+        return t.setSelectionRange(e + 1, e + 1);
+    } else if (c(a, "BACKSPACE"))
+      if (e === l) {
+        if (f.isDigit(i[e - 1]) === !1)
+          return t.setSelectionRange(e - 1, l - 1);
+      } else
+        return t.setSelectionRange(e, e);
+    else if (c(a, "DELETE"))
+      if (e === l) {
+        if (f.isDigit(i[e]) === !1)
+          return t.setSelectionRange(e + 1, l + 1);
+      } else
+        return t.setSelectionRange(l, l);
+    return n > 0 && i.length - n - 1 < e && r.formattedValue === i ? t.setSelectionRange(r.caret, r.caret) : s == "backward" ? t.setSelectionRange(l, l) : t.setSelectionRange(e, e);
+  }
+}
+export {
+  g as createPlaceholder,
+  R as setFallbackCaret
+};
+//# sourceMappingURL=utils.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-D-uL_icH.js";
-const y = "body__c40b4d76", c = "bodyInner__f6413115", d = {
+import { c as a } from "../../chunks/vendor-CehxOAkM.js";
+const y = "body__db9d1e41", b = "bodyInner__41e8b63b", d = {
   body: y,
-  bodyInner: c
-}, b = t.forwardRef(({ children: r, className: s, ...e }, n) => /* @__PURE__ */ o("div", { className: a(d.body, s), ...e, "data-tx": "1.1.0", ref: n, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: r }) }));
-b.displayName = "Body";
+  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";
 export {
-  b as Body
+  c as Body
 };
 //# sourceMappingURL=Body.js.map

package/components/Button/Button.js

@@ -1,99 +1,100 @@
-import { jsxs as g, jsx as L } from "react/jsx-runtime";
-import R from "react";
-import { c as p } from "../../chunks/vendor-D-uL_icH.js";
-import { LoaderSmall as B } from "../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as b, ELoaderSmallSize as r } from "../Loader/LoaderSmall/enum.js";
+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 { LoaderSmall as R } from "../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as u } from "../Loader/LoaderSmall/enum.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-import { ButtonBase as D } from "./ButtonBase.js";
-import { EButtonSize as o, EButtonTheme as d } from "./enums.js";
-const A = "general__9c32ef5c", C = "expanded__ca1182dd", f = {
+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 = {
   general: A,
-  expanded: C
-}, G = "secondary__2d95d7d5", T = "expanded__ca1182dd", h = {
-  secondary: G,
+  expanded: B
+}, D = "secondary__85974992", T = "expanded__fc18fd80", f = {
+  secondary: D,
   expanded: T
-}, M = "secondaryLight__85baabf7", z = "expanded__ca1182dd", x = {
-  secondaryLight: M,
-  expanded: z
-}, I = "danger__d7381d83", v = "expanded__ca1182dd", S = {
-  danger: I,
-  expanded: v
-}, O = "link__fa06516f", y = {
-  link: O
-}, Y = "button__5a77b748", w = "sm__5ef4f406", $ = "icon__bd8debbd", j = "md__0dbdfe5e", H = "lg__7146f580", K = "block__64ed43ef", U = "content__db7f6cf0", q = "loading__a831dcc2", F = "loader__3bfd1b31", J = "hidden__4f055ac6", n = {
-  button: Y,
-  sm: w,
-  icon: $,
-  md: j,
-  lg: H,
-  block: K,
-  content: U,
-  loading: q,
-  loader: F,
-  hidden: J
-}, P = (t, e) => {
+}, G = "secondaryLight__a44ff8d3", I = "expanded__fc18fd80", h = {
+  secondaryLight: G,
+  expanded: I
+}, v = "danger__ce882c06", O = "expanded__fc18fd80", b = {
+  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 = {
+  button: w,
+  sm: z,
+  icon: M,
+  md: $,
+  lg: j,
+  block: H,
+  content: K,
+  loading: U,
+  loader: q,
+  hidden: F
+}, J = (t, n) => {
   switch (t) {
-    case d.GENERAL:
-      return { [f.general]: !0, [f.expanded]: e };
-    case d.SECONDARY:
+    case o.GENERAL:
+      return { [p.general]: !0, [p.expanded]: n };
+    case o.SECONDARY:
       return {
-        [h.secondary]: !0,
-        [h.expanded]: e
+        [f.secondary]: !0,
+        [f.expanded]: n
       };
-    case d.SECONDARY_LIGHT:
+    case o.SECONDARY_LIGHT:
       return {
-        [x.secondaryLight]: !0,
-        [x.expanded]: e
+        [h.secondaryLight]: !0,
+        [h.expanded]: n
       };
-    case d.DANGER:
+    case o.DANGER:
       return {
-        [S.danger]: !0,
-        [S.expanded]: e
+        [b.danger]: !0,
+        [b.expanded]: n
       };
-    case d.LINK:
+    case o.LINK:
       return {
-        [y.link]: !0,
-        [y.expanded]: e
+        [x.link]: !0,
+        [x.expanded]: n
       };
   }
-}, Q = (t) => {
+}, P = (t) => {
   switch (t) {
-    case o.LG:
-      return n.lg;
-    case o.MD:
-      return n.md;
-    case o.SM:
-      return n.sm;
+    case s.LG:
+      return e.lg;
+    case s.MD:
+      return e.md;
+    case s.SM:
+      return e.sm;
   }
-}, V = (t, e) => {
-  const s = [d.SECONDARY, d.SECONDARY_LIGHT].includes(t) ? b.BRAND : b.NEUTRAL, a = e === o.SM ? r.SM : e === o.LG ? r.LG : r.MD;
-  return /* @__PURE__ */ L(B, { theme: s, size: a });
-}, W = R.forwardRef((t, e) => {
-  const { children: s, className: a, disabled: l, theme: i, size: _ = o.MD, block: N, loading: c, icon: m, ...E } = t, { "aria-expanded": u } = t, k = p(
-    n.button,
-    P(i, !!u),
-    Q(_),
-    { [n.block]: !!N, [n.loading]: !!c },
-    { [n.icon]: !!m && !s },
+}, 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(
+    e.button,
+    J(r, !!_),
+    P(l),
+    { [e.block]: !!L, [e.loading]: !!c },
+    { [e.icon]: !!i && !d },
     // Классы для иконок, начало.
     "hoverable",
     {
-      active: !!u,
-      disabled: !!l
+      active: !!_,
+      disabled: !!a
     },
     // Классы для иконок, конец.
-    a
+    N
   );
-  return /* @__PURE__ */ g(D, { className: k, tabIndex: c ? -1 : void 0, disabled: l, ...E, ref: e, children: [
-    /* @__PURE__ */ g("span", { className: n.content, children: [
-      m,
-      s
+  return /* @__PURE__ */ m(C, { className: E, tabIndex: c ? -1 : void 0, disabled: a, ...S, ref: n, children: [
+    /* @__PURE__ */ m("span", { className: e.content, children: [
+      i,
+      d
     ] }),
-    /* @__PURE__ */ L("div", { className: p(n.loader, !c && n.hidden), children: V(i, _) })
+    /* @__PURE__ */ y("div", { className: g(e.loader, !c && e.hidden), children: Q(r, l) })
   ] });
 });
-W.displayName = "Button";
+V.displayName = "Button";
 export {
-  W as Button
+  V 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.1.0", ref: o }));
+const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "1.2.0", ref: o }));
 r.displayName = "ButtonBase";
 export {
   r as ButtonBase