@sberbusiness/triplex-next 1.24.0 → 1.25.0

package/components/Footer/Footer.js

@@ -5,7 +5,7 @@ import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
 const p = Object.assign(
   i.forwardRef(function({ children: o, ...t }, r) {
-    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.24.0", ref: r, children: o });
+    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.25.0", ref: r, children: o });
   }),
   {
     Description: m

package/components/Footer/components/FooterDescription.js

@@ -3,7 +3,7 @@ import s from "react";
 import { FooterDescriptionContent as n } from "./FooterDescriptionContent.js";
 import { FooterDescriptionControls as m } from "./FooterDescriptionControls.js";
 import { c as p } from "../../../chunks/vendor-DudMBGKr.js";
-import { s as c } from "../../../chunks/Footer.module-SSgVxTxk.js";
+import { s as c } from "../../../chunks/Footer.module-DZkZf8cZ.js";
 const f = Object.assign(
   s.forwardRef(function({ children: o, className: t, ...r }, e) {
     return /* @__PURE__ */ i("div", { className: p(c.footerDescription, t), ...r, ref: e, children: o });

package/components/Footer/components/FooterDescriptionContent.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import i from "react";
 import { c as m } from "../../../chunks/vendor-DudMBGKr.js";
-import { s as n } from "../../../chunks/Footer.module-SSgVxTxk.js";
+import { s as n } from "../../../chunks/Footer.module-DZkZf8cZ.js";
 const a = i.forwardRef(
   ({ children: o, className: t, ...r }, e) => /* @__PURE__ */ s("div", { className: m(n.footerDescriptionContent, t), ...r, ref: e, children: o })
 );

package/components/Footer/components/FooterDescriptionControls.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import i from "react";
 import { c as m } from "../../../chunks/vendor-DudMBGKr.js";
-import { s as a } from "../../../chunks/Footer.module-SSgVxTxk.js";
+import { s as a } from "../../../chunks/Footer.module-DZkZf8cZ.js";
 const p = i.forwardRef(
   ({ children: o, className: r, ...t }, s) => /* @__PURE__ */ e("div", { className: m(a.footerDescriptionControls, r), ...t, ref: s, children: o })
 );

package/components/FormField/FormField.js

@@ -1,4 +1,4 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import I, { useState as t, useMemo as L } from "react";
 import { c as h } from "../../chunks/vendor-DudMBGKr.js";
 import { FormFieldContext as v } from "./FormFieldContext.js";
@@ -6,12 +6,12 @@ import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
 import { EFormFieldStatus as o } from "./enums.js";
 import { EComponentSize as w } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as C } from "../../utils/classNameMaps.js";
-const S = "formField__a861b44e", W = "sm__e6ff8d5b", G = "md__32305434", M = "lg__7583198c", P = "active__acfd039d", y = "disabled__a63e7196", U = "error__205b8c25", j = "warning__48be3341", z = "filled__0771eb8d", e = {
+const S = "formField__102c06f2", W = "sm__f589f97d", G = "md__6b4d80bd", M = "lg__96b7f74b", P = "active__13e73209", y = "disabled__680cc01e", U = "error__d20d2acd", j = "warning__d4cb4cc5", z = "filled__d0aba4a4", e = {
   formField: S,
   sm: W,
   md: G,
   lg: M,
-  default: "default__f59ad716",
+  default: "default__c9a7dc4a",
   active: P,
   disabled: y,
   error: U,
@@ -26,23 +26,23 @@ const S = "formField__a861b44e", W = "sm__e6ff8d5b", G = "md__32305434", M = "lg
   ({
     children: p,
     className: F,
-    style: g,
-    size: d = w.LG,
+    style: b,
+    size: s = w.LG,
     status: r = o.DEFAULT,
     active: a = !1,
-    ...b
+    ...g
   }, u) => {
-    const [f, x] = t(), [n, T] = t(), [i, E] = t(_), [l, N] = t(_), [m, R] = t(!1), [s, A] = t(!1), D = L(
+    const [m, x] = t(), [f, T] = t(), [i, E] = t(_), [l, N] = t(_), [c, R] = t(!1), [d, A] = t(!1), D = L(
       () => ({
-        size: d,
+        size: s,
         status: r,
-        targetId: f,
-        labelId: n,
+        targetId: m,
+        labelId: f,
         postfixWidth: i,
         prefixWidth: l,
-        filled: m,
-        focused: s,
-        active: a || s,
+        filled: c,
+        focused: d,
+        active: a || d,
         setTargetId: x,
         setLabelId: T,
         setPostfixWidth: E,
@@ -50,24 +50,24 @@ const S = "formField__a861b44e", W = "sm__e6ff8d5b", G = "md__32305434", M = "lg
         setFilled: R,
         setFocused: A
       }),
-      [d, r, f, n, i, l, m, s, a]
+      [s, r, m, f, i, l, c, d, a]
     );
-    return /* @__PURE__ */ c(v.Provider, { value: D, children: /* @__PURE__ */ c(
+    return /* @__PURE__ */ n(v.Provider, { value: D, children: /* @__PURE__ */ n(
       "div",
       {
         className: h(
           e.formField,
-          O[d],
+          O[s],
           B[r],
           {
-            [e.filled]: m,
-            [e.active]: a || s
+            [e.filled]: c,
+            [e.active]: a || d
           },
           F
         ),
-        "data-tx": "1.24.0",
-        style: { paddingLeft: l, paddingRight: i, ...g },
-        ...b,
+        "data-tx": "1.25.0",
+        style: { paddingLeft: l, paddingRight: i, ...b },
+        ...g,
         ref: u,
         children: p
       }

package/components/FormField/components/FormFieldClear.js

@@ -3,10 +3,10 @@ import f, { useCallback as i } from "react";
 import { c } from "../../../chunks/vendor-DudMBGKr.js";
 import { CrossStrokeSrvIcon16 as d } from "@sberbusiness/icons-next";
 import { ButtonIcon as s } from "../../Button/ButtonIcon.js";
-const p = "formFieldClear__028b4ae2", C = {
+const p = "formFieldClear__157e13b3", C = {
   formFieldClear: p
 }, F = f.forwardRef(
-  ({ className: a, onMouseDown: r, ...t }, m) => {
+  ({ className: t, onMouseDown: r, ...a }, m) => {
     const o = i(
       (e) => {
         e.preventDefault(), r == null || r(e);
@@ -16,8 +16,8 @@ const p = "formFieldClear__028b4ae2", C = {
     return /* @__PURE__ */ l(
       s,
       {
-        ...t,
-        className: c(C.formFieldClear, "hoverable", a),
+        ...a,
+        className: c(C.formFieldClear, t),
         onMouseDown: o,
         ref: m,
         children: /* @__PURE__ */ l(d, { paletteIndex: 5 })

package/components/FormField/components/FormFieldCounter.js

@@ -1,16 +1,16 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useContext as i, useEffect as m } from "react";
 import { FormFieldDescriptionContext as n } from "../FormFieldDescriptionContext.js";
-const s = "formFieldCounter__8ac10824", u = {
+const s = "formFieldCounter__9c28f227", u = {
   formFieldCounter: s
-}, l = ({ children: o, ...e }) => {
+}, f = ({ children: o, ...e }) => {
   const { setWithCounter: t } = i(n);
   return m(() => {
     t(!0);
   }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
 };
-l.displayName = "FormFieldCounter";
+f.displayName = "FormFieldCounter";
 export {
-  l as FormFieldCounter
+  f as FormFieldCounter
 };
 //# sourceMappingURL=FormFieldCounter.js.map

package/components/FormField/components/FormFieldDescription.js

@@ -2,15 +2,15 @@ import { jsx as t } from "react/jsx-runtime";
 import { useState as n } from "react";
 import { c } from "../../../chunks/vendor-DudMBGKr.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__e90c2ba1", d = "withCounter__d98f6d83", i = {
+const l = "formFieldDescription__85e2cca8", p = "withCounter__69a43f35", i = {
   formFieldDescription: l,
-  withCounter: d
-}, p = ({ children: e, ...r }) => {
+  withCounter: p
+}, d = ({ children: e, ...r }) => {
   const [o, s] = n(!1);
   return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...r, children: e }) });
 };
-p.displayName = "FormFieldDescription";
+d.displayName = "FormFieldDescription";
 export {
-  p as FormFieldDescription
+  d as FormFieldDescription
 };
 //# sourceMappingURL=FormFieldDescription.js.map

package/components/FormField/components/FormFieldInput.js

@@ -5,7 +5,7 @@ import "../FormFieldContext.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
 import "./utils.js";
-import { F as d } from "../../../chunks/FormFieldInput-C7aO7-c1.js";
+import { F as d } from "../../../chunks/FormFieldInput-DtYGQ_bi.js";
 export {
   d as FormFieldInput
 };

package/components/FormField/components/FormFieldLabel.js

@@ -5,7 +5,7 @@ import { FormFieldContext as y } from "../FormFieldContext.js";
 import { createSizeToClassNameMap as D } from "../../../utils/classNameMaps.js";
 import { EFormFieldStatus as C } from "../enums.js";
 import { TARGET_PADDING_X_DEFAULT as a } from "../consts.js";
-const M = "formFieldLabel__307c9359", R = "sm__e6ff8d5b", v = "md__32305434", z = "lg__7583198c", G = "floating__ce76e672", W = "formFieldLabelText__4a5cdc11", j = "disabled__a63e7196", e = {
+const M = "formFieldLabel__ba3da132", R = "sm__f589f97d", v = "md__6b4d80bd", z = "lg__96b7f74b", G = "floating__e0e9a755", W = "formFieldLabelText__d5252fb4", j = "disabled__680cc01e", e = {
   formFieldLabel: M,
   sm: R,
   md: v,
@@ -14,21 +14,21 @@ const M = "formFieldLabel__307c9359", R = "sm__e6ff8d5b", v = "md__32305434", z
   formFieldLabelText: W,
   disabled: j
 }, q = D(e), w = A.forwardRef(
-  ({ children: i, id: t, className: m, style: d, floating: r, ...f }, c) => {
-    const { targetId: n, size: _, status: b, filled: F, active: L, prefixWidth: g, postfixWidth: p, setLabelId: o } = E(y), l = N(() => t === void 0 ? S("label_") : t, [t]), u = r ?? (F || L), x = h(
+  ({ children: i, id: t, className: d, style: m, floating: r, ...f }, c) => {
+    const { targetId: n, size: b, status: _, filled: F, active: L, prefixWidth: g, postfixWidth: p, setLabelId: o } = E(y), l = N(() => t === void 0 ? S("label_") : t, [t]), u = r ?? (F || L), x = h(
       e.formFieldLabel,
-      q[_],
+      q[b],
       {
         [e.floating]: u,
-        [e.disabled]: b === C.DISABLED
+        [e.disabled]: _ === C.DISABLED
       },
-      m
+      d
     ), T = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
       left: g || a,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
       right: p || a,
-      ...d
+      ...m
     };
     return I(() => {
       o(l);

package/components/FormField/components/FormFieldMaskedInput.js

@@ -2,17 +2,17 @@ import { jsxs as B, jsx as m } from "react/jsx-runtime";
 import { useState as $, useRef as L, useContext as N, useEffect as O, useCallback as U } from "react";
 import { c as F, n as q, o as p } from "../../../chunks/vendor-DudMBGKr.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-C7aO7-c1.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-DtYGQ_bi.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
 import { EFormFieldStatus as V } from "../enums.js";
-const Q = "formFieldMaskedInputWrapper__589ea7e4", X = "formFieldMaskedInputPlaceholder__aa28ff95", Y = "formFieldMaskedInput__508df0c5", u = {
+const Q = "formFieldMaskedInputWrapper__f9d0847f", X = "formFieldMaskedInputPlaceholder__8a6ceee8", Y = "formFieldMaskedInput__3bbc7e27", u = {
   formFieldMaskedInputWrapper: Q,
   formFieldMaskedInputPlaceholder: X,
-  "size-sm": "size-sm__ef641b4b",
-  "size-md": "size-md__5056395b",
-  "size-lg": "size-lg__79a2cf0b",
+  "size-sm": "size-sm__c9101362",
+  "size-md": "size-md__131c4e39",
+  "size-lg": "size-lg__d339a6ec",
   formFieldMaskedInput: Y
-}, a = ({
+}, c = ({
   className: I,
   forwardedRef: f,
   mask: o,
@@ -23,9 +23,9 @@ const Q = "formFieldMaskedInputWrapper__589ea7e4", X = "formFieldMaskedInputPlac
   value: s,
   ...M
 }) => {
-  const [x, b] = $(""), c = L(!1), { filled: y, focused: z, size: k, status: _ } = N(K);
+  const [x, y] = $(""), a = L(!1), { filled: z, focused: k, size: b, status: _ } = N(K);
   O(() => {
-    b((() => {
+    y((() => {
       let t = [];
       if (s) {
         const { conformedValue: i } = p.conformToMask(s.toString(), o, { guide: !0, placeholderChar: n });
@@ -43,14 +43,14 @@ const Q = "formFieldMaskedInputWrapper__589ea7e4", X = "formFieldMaskedInputPlac
   const E = U(
     (e) => {
       const { value: t } = e.target;
-      c.current = !1, s !== t && (d == null || d(e));
+      a.current = !1, s !== t && (d == null || d(e));
     },
     [s, d]
   ), S = () => {
-    c.current = !0;
-  }, T = (e, t) => o === a.presets.masks.phone ? e.length ? P(t.rawValue) : e : o === a.presets.masks.swiftCode ? e.toUpperCase() : e, P = (e) => {
+    a.current = !0;
+  }, T = (e, t) => o === c.presets.masks.phone ? e.length ? P(t.rawValue) : e : o === c.presets.masks.swiftCode ? e.toUpperCase() : e, P = (e) => {
     let t = [];
-    if (c.current) {
+    if (a.current) {
       let i = /^[78]((\D*\d)*)/;
       e = e.replace(i, "+7 ($1"), i = /^\d7/, e = e.replace(i, (r) => (t = Array.from("+7 (").map((Z, A) => A), `+7 (${r}`));
     } else (e === "7" || e === "8") && (e = "+7 (");
@@ -58,10 +58,10 @@ const Q = "formFieldMaskedInputWrapper__589ea7e4", X = "formFieldMaskedInputPlac
       indexesOfPipedChars: t,
       value: p.conformToMask(e, o, { guide: !1, placeholderChar: n }).conformedValue
     };
-  }, D = () => o === a.presets.masks.phone ? (s = P(s).value, s) : p.conformToMask(s, o, { guide: !1, placeholderChar: n }).conformedValue, W = (e) => (t) => {
+  }, D = () => o === c.presets.masks.phone ? (s = P(s).value, s) : p.conformToMask(s, o, { guide: !1, placeholderChar: n }).conformedValue, W = (e) => (t) => {
     t && e(t), typeof f == "function" ? f(t) : f && (f.current = t);
-  }, j = () => !y && !z || !s && g ? "" : x;
-  return /* @__PURE__ */ B("div", { className: F(u.formFieldMaskedInputWrapper, u[`size-${k}`]), children: [
+  }, j = () => !z && !k || !s && g ? "" : x;
+  return /* @__PURE__ */ B("div", { className: F(u.formFieldMaskedInputWrapper, u[`size-${b}`]), children: [
     /* @__PURE__ */ m(
       "input",
       {
@@ -94,8 +94,8 @@ const Q = "formFieldMaskedInputWrapper__589ea7e4", X = "formFieldMaskedInputPlac
     )
   ] });
 };
-a.presets = G;
+c.presets = G;
 export {
-  a as FormFieldMaskedInput
+  c as FormFieldMaskedInput
 };
 //# sourceMappingURL=FormFieldMaskedInput.js.map

package/components/FormField/components/FormFieldPostfix.js

@@ -1,20 +1,20 @@
-import { jsx as l } from "react/jsx-runtime";
-import d, { useContext as x, useRef as u, useEffect as a } from "react";
+import { jsx as d } from "react/jsx-runtime";
+import l, { useContext as x, useRef as u, useEffect as a } from "react";
 import { FormFieldContext as F } from "../FormFieldContext.js";
 import { c as p } from "../../../chunks/vendor-DudMBGKr.js";
-const P = "formFieldPostfix__e674a95b", R = {
+const P = "formFieldPostfix__d9c0ac9d", R = {
   formFieldPostfix: P
-}, _ = d.forwardRef(
+}, _ = l.forwardRef(
   ({ children: s, className: i, ...r }, o) => {
-    const f = p(R.formFieldPostfix, i), { postfixWidth: n, setPostfixWidth: c } = x(F), e = u(), m = (t) => {
+    const f = p(R.formFieldPostfix, i), { postfixWidth: c, setPostfixWidth: n } = x(F), e = u(), m = (t) => {
       e.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
     };
     return a(() => {
       if (!e.current)
         return;
       const { width: t } = e.current.getBoundingClientRect();
-      t !== n && c(t);
-    }), /* @__PURE__ */ l("span", { className: f, ref: m, ...r, children: s });
+      t !== c && n(t);
+    }), /* @__PURE__ */ d("span", { className: f, ref: m, ...r, children: s });
   }
 );
 _.displayName = "FormFieldPostfix";

package/components/FormField/components/FormFieldPrefix.js

@@ -1,20 +1,20 @@
-import { jsx as l } from "react/jsx-runtime";
-import d, { useContext as x, useRef as u, useEffect as F } from "react";
-import { FormFieldContext as a } from "../FormFieldContext.js";
+import { jsx as d } from "react/jsx-runtime";
+import l, { useContext as x, useRef as u, useEffect as a } from "react";
+import { FormFieldContext as F } from "../FormFieldContext.js";
 import { c as p } from "../../../chunks/vendor-DudMBGKr.js";
-const P = "formFieldPrefix__296b6f99", R = {
+const P = "formFieldPrefix__ae28bd71", R = {
   formFieldPrefix: P
-}, _ = d.forwardRef(
-  ({ children: o, className: f, ...i }, r) => {
-    const s = p(R.formFieldPrefix, f), { prefixWidth: n, setPrefixWidth: c } = x(a), t = u(), m = (e) => {
+}, _ = l.forwardRef(
+  ({ children: o, className: i, ...f }, r) => {
+    const s = p(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(F), t = u(), m = (e) => {
       t.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
     };
-    return F(() => {
+    return a(() => {
       if (!t.current)
         return;
       const { width: e } = t.current.getBoundingClientRect();
       e !== n && c(e);
-    }), /* @__PURE__ */ l("span", { className: s, ref: m, ...i, children: o });
+    }), /* @__PURE__ */ d("span", { className: s, ref: m, ...f, children: o });
   }
 );
 _.displayName = "FormFieldPrefix";

package/components/FormField/components/FormFieldTarget.js

@@ -1,10 +1,10 @@
 import { jsx as _ } from "react/jsx-runtime";
-import g, { useContext as S, useMemo as h, useLayoutEffect as b, useCallback as F } from "react";
+import b, { useContext as S, useMemo as g, useLayoutEffect as h, useCallback as F } from "react";
 import { u as y, c as A } from "../../../chunks/vendor-DudMBGKr.js";
 import { FormFieldContext as L } from "../FormFieldContext.js";
 import { EFormFieldStatus as d } from "../enums.js";
 import { createSizeToClassNameMap as W } from "../../../utils/classNameMaps.js";
-const z = "formFieldTarget__f367129a", M = "sm__e6ff8d5b", R = "md__32305434", j = "lg__7583198c", k = "placeholder__384c93ca", q = "disabled__a63e7196", w = "placeholderWrapper__19c69cc8", B = "active__acfd039d", e = {
+const z = "formFieldTarget__966e65b3", M = "sm__f589f97d", R = "md__6b4d80bd", j = "lg__96b7f74b", k = "placeholder__f6858a2c", q = "disabled__680cc01e", w = "placeholderWrapper__c3d9f635", B = "active__13e73209", e = {
   formFieldTarget: z,
   sm: M,
   md: R,
@@ -13,16 +13,16 @@ const z = "formFieldTarget__f367129a", M = "sm__e6ff8d5b", R = "md__32305434", j
   disabled: q,
   placeholderWrapper: w,
   active: B
-}, G = W(e), H = g.forwardRef(
-  ({ children: c, id: o, className: T, placeholder: p, onFocus: a, onBlur: t, ...u }, D) => {
-    const { size: I, status: s, active: v, labelId: x, setFilled: f, setFocused: l, setTargetId: n } = S(L), i = h(() => o === void 0 ? y("target_") : o, [o]), r = h(() => g.Children.toArray(c).length !== 0, [c]), E = A(e.formFieldTarget, G[I], T, {
+}, G = W(e), H = b.forwardRef(
+  ({ children: o, id: c, className: T, placeholder: p, onFocus: a, onBlur: t, ...u }, D) => {
+    const { size: I, status: s, active: v, labelId: x, setFilled: f, setFocused: l, setTargetId: n } = S(L), i = g(() => c === void 0 ? y("target_") : c, [c]), r = g(() => b.Children.toArray(o).length !== 0, [o]), E = A(e.formFieldTarget, G[I], T, {
       [e.disabled]: s === d.DISABLED,
       [e.placeholder]: !!p && !r && s !== d.DISABLED,
       [e.active]: v
     });
-    b(() => {
+    h(() => {
       n(i);
-    }, [i, n]), b(() => {
+    }, [i, n]), h(() => {
       f(r);
     }, [r, f]);
     const C = F(
@@ -48,7 +48,7 @@ const z = "formFieldTarget__f367129a", M = "sm__e6ff8d5b", R = "md__32305434", j
         onBlur: N,
         onFocus: C,
         ref: D,
-        children: r ? c : /* @__PURE__ */ _("span", { className: e.placeholderWrapper, children: p })
+        children: r ? o : /* @__PURE__ */ _("span", { className: e.placeholderWrapper, children: p })
       }
     );
   }

package/components/FormField/components/FormFieldTextarea.js

@@ -5,18 +5,18 @@ import { createSizeToClassNameMap as R } from "../../../utils/classNameMaps.js";
 import { FormFieldContext as W } from "../FormFieldContext.js";
 import { EFormFieldStatus as j } from "../enums.js";
 import { isFilled as q } from "./utils.js";
-const w = "formFieldTextarea__5b81456d", G = "sm__e6ff8d5b", H = "md__32305434", J = "lg__7583198c", T = {
+const w = "formFieldTextarea__eb1fd6e5", G = "sm__f589f97d", H = "md__6b4d80bd", J = "lg__96b7f74b", T = {
   formFieldTextarea: w,
   sm: G,
   md: H,
   lg: J
 }, K = R(T), O = M.forwardRef(
-  ({ id: c, className: p, value: s, defaultValue: x, onFocus: r, onBlur: l, onAnimationStart: m, onChange: i, ..._ }, N) => {
-    const { size: g, status: h, setFocused: o, setTargetId: F, setFilled: d } = n(W), f = C(() => c === void 0 ? D("textarea_") : c, [c]), b = L(T.formFieldTextarea, K[g], p), t = a(
+  ({ id: c, className: p, value: s, defaultValue: x, onFocus: r, onBlur: l, onAnimationStart: m, onChange: d, ..._ }, b) => {
+    const { size: N, status: g, setFocused: i, setTargetId: F, setFilled: o } = n(W), f = C(() => c === void 0 ? D("textarea_") : c, [c]), h = L(T.formFieldTextarea, K[N], p), t = a(
       (e) => {
-        d(q(e));
+        o(q(e));
       },
-      [d]
+      [o]
     );
     u(() => {
       F(f);
@@ -27,39 +27,39 @@ const w = "formFieldTextarea__5b81456d", G = "sm__e6ff8d5b", H = "md__32305434",
     }, [s, t]);
     const y = a(
       (e) => {
-        t(e.currentTarget.value), o(!0), r == null || r(e);
+        t(e.currentTarget.value), i(!0), r == null || r(e);
       },
-      [t, o, r]
+      [t, i, r]
     ), k = a(
       (e) => {
-        t(e.currentTarget.value), o(!1), l == null || l(e);
+        t(e.currentTarget.value), i(!1), l == null || l(e);
       },
-      [t, o, l]
+      [t, i, l]
     ), z = a(
       (e) => {
-        e.animationName.startsWith("autofill-applied-hook") ? d(!0) : e.animationName.startsWith("autofill-cancelled-hook") && t(e.currentTarget.value), m == null || m(e);
+        e.animationName.startsWith("autofill-applied-hook") ? o(!0) : e.animationName.startsWith("autofill-cancelled-hook") && t(e.currentTarget.value), m == null || m(e);
       },
-      [d, t, m]
+      [o, t, m]
     ), E = a(
       (e) => {
-        t(e.currentTarget.value), i == null || i(e);
+        t(e.currentTarget.value), d == null || d(e);
       },
-      [i, t]
+      [d, t]
     );
     return /* @__PURE__ */ I(
       "textarea",
       {
         ..._,
         id: f,
-        className: b,
+        className: h,
         value: s,
         defaultValue: x,
-        disabled: h === j.DISABLED,
+        disabled: g === j.DISABLED,
         onFocus: y,
         onBlur: k,
         onAnimationStart: z,
         onChange: E,
-        ref: N
+        ref: b
       }
     );
   }

package/components/FormField/components/index.js

@@ -1,7 +1,7 @@
 import { FormFieldClear as e } from "./FormFieldClear.js";
 import { FormFieldCounter as m } from "./FormFieldCounter.js";
 import { FormFieldDescription as i } from "./FormFieldDescription.js";
-import { F as x } from "../../../chunks/FormFieldInput-C7aO7-c1.js";
+import { F as x } from "../../../chunks/FormFieldInput-DtYGQ_bi.js";
 import { FormFieldLabel as l } from "./FormFieldLabel.js";
 import { FormFieldMaskedInput as a } from "./FormFieldMaskedInput.js";
 import { FormFieldPostfix as s } from "./FormFieldPostfix.js";

package/components/FormField/index.js

@@ -2,7 +2,7 @@ import { EFormFieldStatus as e } from "./enums.js";
 import { FormFieldClear as F } from "./components/FormFieldClear.js";
 import { FormFieldCounter as i } from "./components/FormFieldCounter.js";
 import { FormFieldDescription as l } from "./components/FormFieldDescription.js";
-import { F as f } from "../../chunks/FormFieldInput-C7aO7-c1.js";
+import { F as f } from "../../chunks/FormFieldInput-DtYGQ_bi.js";
 import { FormFieldLabel as a } from "./components/FormFieldLabel.js";
 import { FormFieldMaskedInput as u } from "./components/FormFieldMaskedInput.js";
 import { FormFieldPostfix as C } from "./components/FormFieldPostfix.js";

package/components/Header/Header.js

@@ -12,7 +12,7 @@ import "./components/HeaderTitle/HeaderTitleContent.js";
 import "./components/HeaderTitle/HeaderTitleControls.js";
 const f = Object.assign(
   a.forwardRef(function({ children: r, ...e }, t) {
-    return /* @__PURE__ */ o("div", { ...e, "data-tx": "1.24.0", ref: t, children: r });
+    return /* @__PURE__ */ o("div", { ...e, "data-tx": "1.25.0", ref: t, children: r });
   }),
   {
     LayoutSidebar: p,

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js

@@ -3,7 +3,7 @@ import d from "react";
 import { c as i } from "../../../../chunks/vendor-DudMBGKr.js";
 import { HeaderLayoutSidebarContent as m } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar as s } from "./HeaderLayoutSidebarSidebar.js";
-import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-D8g1wOUn.js";
+import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-DgEDu6U2.js";
 const b = Object.assign(
   d.forwardRef(function({ children: e, className: r, ...a }, o) {
     return /* @__PURE__ */ t("div", { className: i(f.headerLayoutSidebar, r), ...a, ref: o, children: e });

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import s from "react";
 import { c as d } from "../../../../chunks/vendor-DudMBGKr.js";
-import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-D8g1wOUn.js";
+import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-DgEDu6U2.js";
 const i = s.forwardRef(
   ({ children: e, className: a, ...t }, o) => /* @__PURE__ */ r("div", { className: d(m.headerLayoutSidebarContent, a), ...t, ref: o, children: e })
 );

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import i from "react";
 import { c as t } from "../../../../chunks/vendor-DudMBGKr.js";
-import { s } from "../../../../chunks/HeaderLayoutSidebar.module-D8g1wOUn.js";
+import { s } from "../../../../chunks/HeaderLayoutSidebar.module-DgEDu6U2.js";
 const m = i.forwardRef(
   ({ children: a, className: r, ...e }, o) => /* @__PURE__ */ d("div", { className: t(s.headerLayoutSidebarSidebar, r), ...e, ref: o, children: a })
 );

package/components/Header/components/HeaderSubheader/HeaderSubheader.js

@@ -1,17 +1,17 @@
 import { jsx as s } from "react/jsx-runtime";
 import h from "react";
 import { c as i } from "../../../../chunks/vendor-DudMBGKr.js";
-const u = "headerSubheader__1c2e5fb5", c = "withoutPaddings__d0a79b25", e = {
+const u = "headerSubheader__1ddf91e0", c = "withoutPaddings__4c3ebd1e", e = {
   headerSubheader: u,
   withoutPaddings: c
 }, n = h.forwardRef(
-  ({ children: a, className: d, withoutPaddings: r, ...t }, o) => /* @__PURE__ */ s(
+  ({ children: d, className: a, withoutPaddings: r, ...t }, o) => /* @__PURE__ */ s(
     "div",
     {
-      className: i(e.headerSubheader, { [e.withoutPaddings]: !!r }, d),
+      className: i(e.headerSubheader, { [e.withoutPaddings]: !!r }, a),
       ...t,
       ref: o,
-      children: a
+      children: d
     }
   )
 );

package/components/Header/components/HeaderTabs/HeaderTabs.js

@@ -3,7 +3,7 @@ import t from "react";
 import { HeaderTabsContent as m } from "./HeaderTabsContent.js";
 import { HeaderTabsControls as n } from "./HeaderTabsControls.js";
 import { c as d } from "../../../../chunks/vendor-DudMBGKr.js";
-import { s as f } from "../../../../chunks/HeaderTabs.module-BvkH88vz.js";
+import { s as f } from "../../../../chunks/HeaderTabs.module-BepwFanR.js";
 const i = Object.assign(
   t.forwardRef(function({ children: r, className: e, ...a }, o) {
     return /* @__PURE__ */ s("div", { className: d(f.headerTabs, e), ...a, ref: o, children: r });

package/components/Header/components/HeaderTabs/HeaderTabsContent.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import s from "react";
 import { c as m } from "../../../../chunks/vendor-DudMBGKr.js";
-import { s as n } from "../../../../chunks/HeaderTabs.module-BvkH88vz.js";
+import { s as n } from "../../../../chunks/HeaderTabs.module-BepwFanR.js";
 const d = s.forwardRef(
   ({ children: e, className: r, ...t }, a) => /* @__PURE__ */ o("div", { className: m(n.headerTabsContent, r), ...t, ref: a, children: e })
 );

package/components/Header/components/HeaderTabs/HeaderTabsControls.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import t from "react";
 import { c as m } from "../../../../chunks/vendor-DudMBGKr.js";
-import { s as l } from "../../../../chunks/HeaderTabs.module-BvkH88vz.js";
+import { s as l } from "../../../../chunks/HeaderTabs.module-BepwFanR.js";
 const d = t.forwardRef(
   ({ children: o, className: r, ...s }, a) => /* @__PURE__ */ e("div", { className: m(l.headerTabsControls, r), ...s, ref: a, children: o })
 );