@sberbusiness/triplex-next 1.19.0 → 1.20.0

package/components/FormField/FormField.js

@@ -1,14 +1,14 @@
 import { jsx as n } from "react/jsx-runtime";
-import C, { useState as t } from "react";
-import { c as S } from "../../chunks/vendor-Dlne6Znf.js";
+import C, { useState as e } from "react";
+import { c as S } from "../../chunks/vendor-BIl4KTrD.js";
 import { FormFieldContext as W } from "./FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
 import { EFormFieldStatus as s } from "./enums.js";
 import { EComponentSize as G } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as I } from "../../utils/classNameMaps.js";
-const L = "formField__fc08e4c3", P = "disabled__14701dd3", y = "active__056a52be", U = "error__39c7a9e4", z = "warning__1176a2bd", j = "sm__a7ae96c7", B = "md__ffbed6db", H = "lg__f83881eb", e = {
+const L = "formField__1458bfd2", P = "disabled__2117c974", y = "active__2f8e76c8", U = "error__d0726107", z = "warning__93c8fac2", j = "sm__f77547f6", B = "md__454b3f9e", H = "lg__b5749c48", t = {
   formField: L,
-  default: "default__4ef2b64f",
+  default: "default__55ef8f50",
   disabled: P,
   active: y,
   error: U,
@@ -17,62 +17,62 @@ const L = "formField__fc08e4c3", P = "disabled__14701dd3", y = "active__056a52be
   md: B,
   lg: H
 }, O = {
-  [s.DEFAULT]: e.default,
-  [s.DISABLED]: e.disabled,
-  [s.ERROR]: e.error,
-  [s.WARNING]: e.warning
-}, V = I(e), X = C.forwardRef(
+  [s.DEFAULT]: t.default,
+  [s.DISABLED]: t.disabled,
+  [s.ERROR]: t.error,
+  [s.WARNING]: t.warning
+}, V = I(t), X = C.forwardRef(
   ({
     children: p,
     className: F,
-    status: d = s.DEFAULT,
+    status: a = s.DEFAULT,
     onMouseEnter: o,
     onMouseLeave: r,
     style: x,
-    size: i = G.LG,
-    ...b
-  }, g) => {
-    const [l, h] = t(!1), [u, c] = t(!1), [v, E] = t(""), [m, N] = t(_), [f, R] = t(_), [T, A] = t(!1), D = (a) => {
-      c(!0), o == null || o(a);
-    }, w = (a) => {
-      c(!1), r == null || r(a);
+    size: d = G.LG,
+    ...g
+  }, h) => {
+    const [c, u] = e(!1), [v, l] = e(!1), [E, N] = e(""), [f, R] = e(_), [m, T] = e(_), [b, A] = e(!1), D = (i) => {
+      l(!0), o == null || o(i);
+    }, w = (i) => {
+      l(!1), r == null || r(i);
     };
     return /* @__PURE__ */ n(
       W.Provider,
       {
         value: {
-          status: d,
-          focused: l,
-          hovered: u,
-          id: v,
-          postfixWidth: m,
-          prefixWidth: f,
-          setFocused: h,
-          setId: E,
-          setPostfixWidth: N,
-          setPrefixWidth: R,
+          status: a,
+          focused: c,
+          hovered: v,
+          id: E,
+          postfixWidth: f,
+          prefixWidth: m,
+          setFocused: u,
+          setId: N,
+          setPostfixWidth: R,
+          setPrefixWidth: T,
           setValueExist: A,
-          valueExist: T,
-          size: i
+          valueExist: b,
+          size: d
         },
         children: /* @__PURE__ */ n(
           "div",
           {
             className: S(
-              e.formField,
-              V[i],
-              O[d],
+              t.formField,
+              V[d],
+              O[a],
               {
-                [e.active]: l
+                [t.active]: c
               },
               F
             ),
             onMouseEnter: D,
             onMouseLeave: w,
-            "data-tx": "1.19.0",
-            style: { paddingLeft: f, paddingRight: m, ...x },
-            ...b,
-            ref: g,
+            "data-tx": "1.20.0",
+            style: { paddingLeft: m, paddingRight: f, ...x },
+            ...g,
+            ref: h,
             children: p
           }
         )

package/components/FormField/components/FormFieldClear.js

@@ -1,24 +1,24 @@
 import { jsx as o } from "react/jsx-runtime";
-import n, { useContext as F } from "react";
-import { c as p } from "../../../chunks/vendor-Dlne6Znf.js";
+import f, { useContext as F } from "react";
+import { c as p } from "../../../chunks/vendor-BIl4KTrD.js";
 import { CrossStrokeSrvIcon16 as h } from "@sberbusiness/icons-next";
 import { FormFieldContext as C } from "../FormFieldContext.js";
 import { EFormFieldStatus as u } from "../enums.js";
 import { ButtonIcon as x } from "../../Button/ButtonIcon.js";
-const _ = "formFieldClear__92d835d1", v = "hidden__0bfb0fdc", t = {
+const _ = "formFieldClear__b0cd2e72", v = "hidden__87cb95d3", t = {
   formFieldClear: _,
   hidden: v
-}, I = n.forwardRef(
+}, I = f.forwardRef(
   ({ className: d, onMouseDown: e, ...l }, m) => {
-    const { status: s, focused: a, hovered: i, valueExist: f } = F(C), c = p(
+    const { status: s, focused: a, hovered: i, valueExist: c } = F(C), n = p(
       t.formFieldClear,
       "hoverable",
       {
-        [t.hidden]: !f || s === u.DISABLED || !(a || i)
+        [t.hidden]: !c || s === u.DISABLED || !(a || i)
       },
       d
     );
-    return /* @__PURE__ */ o(x, { className: c, onMouseDown: (r) => {
+    return /* @__PURE__ */ o(x, { className: n, onMouseDown: (r) => {
       r.preventDefault(), e == null || e(r);
     }, ...l, ref: m, children: /* @__PURE__ */ o(h, { 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__7c0a1bc8", u = {
+const s = "formFieldCounter__dc3370a6", u = {
   formFieldCounter: s
-}, l = ({ children: o, ...e }) => {
+}, d = ({ children: o, ...e }) => {
   const { setWithCounter: t } = i(n);
   return m(() => {
     t(!0);
   }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
 };
-l.displayName = "FormFieldCounter";
+d.displayName = "FormFieldCounter";
 export {
-  l as FormFieldCounter
+  d as FormFieldCounter
 };
 //# sourceMappingURL=FormFieldCounter.js.map

package/components/FormField/components/FormFieldDescription.js

@@ -1,16 +1,16 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useState as n } from "react";
-import { c } from "../../../chunks/vendor-Dlne6Znf.js";
+import { c } from "../../../chunks/vendor-BIl4KTrD.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__2dc13aea", d = "withCounter__b9a42d22", i = {
+const l = "formFieldDescription__2945cfcc", p = "withCounter__6c271fd9", i = {
   formFieldDescription: l,
-  withCounter: d
-}, p = ({ children: e, ...r }) => {
+  withCounter: p
+}, d = ({ children: r, ...e }) => {
   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 }) });
+  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...e, children: r }) });
 };
-p.displayName = "FormFieldDescription";
+d.displayName = "FormFieldDescription";
 export {
-  p as FormFieldDescription
+  d as FormFieldDescription
 };
 //# sourceMappingURL=FormFieldDescription.js.map

package/components/FormField/components/FormFieldInput.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
 import "../FormFieldContext.js";
-import "../../../chunks/vendor-Dlne6Znf.js";
-import { F as a } from "../../../chunks/FormFieldInput-Bf7Hleek.js";
+import "../../../chunks/vendor-BIl4KTrD.js";
+import { F as a } from "../../../chunks/FormFieldInput-C4pLJsXx.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
 export {

package/components/FormField/components/FormFieldLabel.js

@@ -1,11 +1,11 @@
 import { jsx as i } from "react/jsx-runtime";
 import T, { useContext as E, useState as g, useEffect as A } from "react";
-import { n as N, c as S } from "../../../chunks/vendor-Dlne6Znf.js";
+import { n as N, c as S } from "../../../chunks/vendor-BIl4KTrD.js";
 import { FormFieldContext as h } from "../FormFieldContext.js";
 import { createSizeToClassNameMap as D } from "../../../utils/classNameMaps.js";
 import { EFormFieldStatus as y } from "../enums.js";
-import { TARGET_PADDING_X_DEFAULT as d } from "../consts.js";
-const C = "formFieldLabel__622fa203", I = "sm__a7ae96c7", M = "md__ffbed6db", R = "lg__f83881eb", z = "floating__f2cdc340", G = "formFieldLabelText__f5670976", U = "disabled__14701dd3", s = {
+import { TARGET_PADDING_X_DEFAULT as m } from "../consts.js";
+const C = "formFieldLabel__3077d8a6", I = "sm__f77547f6", M = "md__454b3f9e", R = "lg__b5749c48", z = "floating__0cd08557", G = "formFieldLabelText__b953eaa8", U = "disabled__2117c974", s = {
   formFieldLabel: C,
   sm: I,
   md: M,
@@ -14,7 +14,7 @@ const C = "formFieldLabel__622fa203", I = "sm__a7ae96c7", M = "md__ffbed6db", R
   formFieldLabelText: G,
   disabled: U
 }, W = D(s), j = T.forwardRef(
-  ({ children: m, className: f, style: r, floating: e, ...c }, n) => {
+  ({ children: d, className: f, style: r, floating: e, ...c }, n) => {
     const { status: _, focused: l, id: b, prefixWidth: F, postfixWidth: L, size: x, valueExist: o } = E(h), [t, a] = g(!1);
     A(() => {
       !N(e) && e !== t ? a(e) : e !== t && a(l || o);
@@ -29,12 +29,12 @@ const C = "formFieldLabel__622fa203", I = "sm__a7ae96c7", M = "md__ffbed6db", R
       f
     ), u = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      left: F || d,
+      left: F || m,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      right: L || d,
+      right: L || m,
       ...r
     };
-    return /* @__PURE__ */ i("label", { className: p, ref: n, htmlFor: b, ...c, style: u, children: /* @__PURE__ */ i("span", { className: s.formFieldLabelText, children: m }) });
+    return /* @__PURE__ */ i("label", { className: p, ref: n, htmlFor: b, ...c, style: u, children: /* @__PURE__ */ i("span", { className: s.formFieldLabelText, children: d }) });
   }
 );
 j.displayName = "FormFieldLabel";

package/components/FormField/components/FormFieldMaskedInput.js

@@ -1,18 +1,18 @@
 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 q } from "react";
-import { c as F, o as U, q as p } from "../../../chunks/vendor-Dlne6Znf.js";
+import { c as F, o as U, q as a } from "../../../chunks/vendor-BIl4KTrD.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-Bf7Hleek.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-C4pLJsXx.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
 import { EFormFieldStatus as V } from "../enums.js";
-const Q = "formFieldMaskedInputWrapper__27fd7b19", X = "formFieldMaskedInputPlaceholder__d658d6df", Y = "formFieldMaskedInput__c3921a22", l = {
+const Q = "formFieldMaskedInputWrapper__552aafb4", X = "formFieldMaskedInputPlaceholder__9bfac8b3", Y = "formFieldMaskedInput__760e8d95", l = {
   formFieldMaskedInputWrapper: Q,
   formFieldMaskedInputPlaceholder: X,
-  "size-sm": "size-sm__3afaf578",
-  "size-md": "size-md__9865b0b6",
-  "size-lg": "size-lg__60c9fbfb",
+  "size-sm": "size-sm__3d638ef1",
+  "size-md": "size-md__65fc9439",
+  "size-lg": "size-lg__f17fa18c",
   formFieldMaskedInput: Y
-}, a = ({
+}, p = ({
   className: I,
   forwardedRef: f,
   mask: o,
@@ -23,18 +23,18 @@ const Q = "formFieldMaskedInputWrapper__27fd7b19", X = "formFieldMaskedInputPlac
   value: s,
   ...M
 }) => {
-  const [x, b] = $(""), c = L(!1), { valueExist: y, focused: z, size: k, status: _ } = N(K);
+  const [x, y] = $(""), c = L(!1), { valueExist: z, focused: b, size: k, status: _ } = N(K);
   O(() => {
-    b((() => {
+    y((() => {
       let t = [];
       if (s) {
-        const { conformedValue: i } = p.conformToMask(s.toString(), o, { guide: !0, placeholderChar: n });
+        const { conformedValue: i } = a.conformToMask(s.toString(), o, { guide: !0, placeholderChar: n });
         for (let r = 0; r < o.length; r++)
           typeof o[r] == "string" ? t[r] = i[r] : i[r] === n && !s.toString()[r] ? t[r] = (u == null ? void 0 : u[r]) || n : t[r] = i[r];
       } else if (u)
         t = u.split("");
       else {
-        const { conformedValue: i } = p.conformToMask("", o, { guide: !0, placeholderChar: n });
+        const { conformedValue: i } = a.conformToMask("", o, { guide: !0, placeholderChar: n });
         t = i.split("");
       }
       return t.join("");
@@ -48,7 +48,7 @@ const Q = "formFieldMaskedInputWrapper__27fd7b19", X = "formFieldMaskedInputPlac
     [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) => {
+  }, T = (e, t) => o === p.presets.masks.phone ? e.length ? P(t.rawValue) : e : o === p.presets.masks.swiftCode ? e.toUpperCase() : e, P = (e) => {
     let t = [];
     if (c.current) {
       let i = /^[78]((\D*\d)*)/;
@@ -56,11 +56,11 @@ const Q = "formFieldMaskedInputWrapper__27fd7b19", X = "formFieldMaskedInputPlac
     } else (e === "7" || e === "8") && (e = "+7 (");
     return {
       indexesOfPipedChars: t,
-      value: p.conformToMask(e, o, { guide: !1, placeholderChar: n }).conformedValue
+      value: a.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 === p.presets.masks.phone ? (s = P(s).value, s) : a.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;
+  }, j = () => !z && !b || !s && g ? "" : x;
   return /* @__PURE__ */ B("div", { className: F(l.formFieldMaskedInputWrapper, l[`size-${k}`]), children: [
     /* @__PURE__ */ m(
       "input",
@@ -94,8 +94,8 @@ const Q = "formFieldMaskedInputWrapper__27fd7b19", X = "formFieldMaskedInputPlac
     )
   ] });
 };
-a.presets = G;
+p.presets = G;
 export {
-  a as FormFieldMaskedInput
+  p as FormFieldMaskedInput
 };
 //# sourceMappingURL=FormFieldMaskedInput.js.map

package/components/FormField/components/FormFieldPostfix.js

@@ -1,20 +1,20 @@
-import { jsx as d } from "react/jsx-runtime";
-import l, { useContext as x, useRef as u, useEffect as F } from "react";
-import { FormFieldContext as a } from "../FormFieldContext.js";
-import { c as p } from "../../../chunks/vendor-Dlne6Znf.js";
-const P = "formFieldPostfix__b79d37b7", R = {
+import { jsx as l } from "react/jsx-runtime";
+import d, { 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-BIl4KTrD.js";
+const P = "formFieldPostfix__2a0371f9", R = {
   formFieldPostfix: P
-}, _ = l.forwardRef(
-  ({ children: s, className: i, ...r }, o) => {
-    const f = p(R.formFieldPostfix, i), { postfixWidth: n, setPostfixWidth: c } = x(a), e = u(), m = (t) => {
+}, _ = d.forwardRef(
+  ({ children: s, className: f, ...i }, o) => {
+    const r = p(R.formFieldPostfix, f), { postfixWidth: n, setPostfixWidth: c } = x(F), e = u(), m = (t) => {
       e.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
     };
-    return F(() => {
+    return a(() => {
       if (!e.current)
         return;
       const { width: t } = e.current.getBoundingClientRect();
       t !== n && c(t);
-    }), /* @__PURE__ */ d("span", { className: f, ref: m, ...r, children: s });
+    }), /* @__PURE__ */ l("span", { className: r, ref: m, ...i, 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 a } from "react";
-import { FormFieldContext as F } from "../FormFieldContext.js";
-import { c as p } from "../../../chunks/vendor-Dlne6Znf.js";
-const P = "formFieldPrefix__0a28ef44", R = {
+import { jsx as d } from "react/jsx-runtime";
+import l, { useContext as x, useRef as u, useEffect as F } from "react";
+import { FormFieldContext as a } from "../FormFieldContext.js";
+import { c as p } from "../../../chunks/vendor-BIl4KTrD.js";
+const P = "formFieldPrefix__e005d6ed", R = {
   formFieldPrefix: P
-}, _ = d.forwardRef(
-  ({ children: o, className: f, ...i }, r) => {
-    const s = p(R.formFieldPrefix, f), { prefixWidth: n, setPrefixWidth: c } = x(F), t = u(), m = (e) => {
+}, _ = l.forwardRef(
+  ({ children: o, className: i, ...f }, r) => {
+    const s = p(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(a), t = u(), m = (e) => {
       t.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
     };
-    return a(() => {
+    return F(() => {
       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,26 +1,26 @@
 import { jsx as u } from "react/jsx-runtime";
 import x, { useContext as E, useRef as T, useEffect as n } from "react";
 import { FormFieldContext as B } from "../FormFieldContext.js";
-import { c as N, u as S } from "../../../chunks/vendor-Dlne6Znf.js";
-import { EFormFieldStatus as t } from "../enums.js";
-const A = "formFieldTarget__61c1d0c1", L = "placeholder__504ed57c", W = "disabled__14701dd3", R = "placeholderWrapper__f7d26825", e = {
+import { c as N, u as S } from "../../../chunks/vendor-BIl4KTrD.js";
+import { EFormFieldStatus as d } from "../enums.js";
+const A = "formFieldTarget__8c2d3278", L = "placeholder__5629041e", W = "disabled__2117c974", R = "placeholderWrapper__2bb05ae4", e = {
   formFieldTarget: A,
   placeholder: L,
   disabled: W,
-  "size-sm": "size-sm__3afaf578",
-  "size-md": "size-md__9865b0b6",
-  "size-lg": "size-lg__60c9fbfb",
+  "size-sm": "size-sm__3d638ef1",
+  "size-md": "size-md__65fc9439",
+  "size-lg": "size-lg__f17fa18c",
   placeholderWrapper: R
 }, y = x.forwardRef((_, F) => {
-  const { className: h, id: r, onBlur: o, onFocus: c, placeholder: m, children: s, ...b } = _, { status: a, setFocused: p, setId: d, setValueExist: f, size: g } = E(B), z = N(e.formFieldTarget, h, e[`size-${g}`], {
-    [e.disabled]: a === t.DISABLED,
-    [e.placeholder]: !!m && !s && a !== t.DISABLED
-  }), l = T(r || S("formFieldTarget_"));
+  const { className: h, id: r, onBlur: o, onFocus: c, placeholder: m, children: s, ...g } = _, { status: a, setFocused: p, setId: l, setValueExist: f, size: b } = E(B), z = N(e.formFieldTarget, h, e[`size-${b}`], {
+    [e.disabled]: a === d.DISABLED,
+    [e.placeholder]: !!m && !s && a !== d.DISABLED
+  }), t = T(r || S("formFieldTarget_"));
   n(() => {
-    d(l.current);
-  }, [d]), n(() => {
-    r && (l.current = r, d(l.current));
-  }, [r, d]), n(() => {
+    l(t.current);
+  }, [l]), n(() => {
+    r && (t.current = r, l(t.current));
+  }, [r, l]), n(() => {
     f(!!s);
   }, [f, s]);
   const D = (i) => {
@@ -31,13 +31,13 @@ const A = "formFieldTarget__61c1d0c1", L = "placeholder__504ed57c", W = "disable
   return /* @__PURE__ */ u(
     "div",
     {
-      ...b,
+      ...g,
       className: z,
-      "aria-disabled": a === t.DISABLED,
-      id: l.current,
+      "aria-disabled": a === d.DISABLED,
+      id: t.current,
       onFocus: I,
       onBlur: D,
-      tabIndex: a === t.DISABLED ? -1 : 0,
+      tabIndex: a === d.DISABLED ? -1 : 0,
       ref: F,
       children: s || /* @__PURE__ */ u("span", { className: e.placeholderWrapper, children: m })
     }

package/components/FormField/components/FormFieldTextarea.js

@@ -1,20 +1,20 @@
 import { jsx as N } from "react/jsx-runtime";
-import b, { useContext as C, useMemo as E, useEffect as l } from "react";
-import { u as I, c as g } from "../../../chunks/vendor-Dlne6Znf.js";
+import b, { useContext as C, useMemo as E, useEffect as c } from "react";
+import { u as I, c as g } from "../../../chunks/vendor-BIl4KTrD.js";
 import { createSizeToClassNameMap as z } from "../../../utils/classNameMaps.js";
 import { FormFieldContext as M } from "../FormFieldContext.js";
 import { EFormFieldStatus as S } from "../enums.js";
-const h = "formFieldTextarea__869d7670", y = "sm__a7ae96c7", D = "md__ffbed6db", R = "lg__f83881eb", c = {
+const h = "formFieldTextarea__b871dd9c", y = "sm__f77547f6", D = "md__454b3f9e", R = "lg__b5749c48", l = {
   formFieldTextarea: h,
   sm: y,
   md: D,
   lg: R
-}, j = z(c), q = b.forwardRef(
+}, j = z(l), q = b.forwardRef(
   ({ className: f, id: e, onBlur: t, onFocus: s, value: a, ...n }, x) => {
-    const { size: F, status: _, setFocused: m, setId: d, setValueExist: i } = C(M), o = E(() => e === void 0 ? I("textarea_") : e, [e]), p = g(c.formFieldTextarea, j[F], f);
-    l(() => {
+    const { size: F, status: _, setFocused: m, setId: d, setValueExist: i } = C(M), o = E(() => e === void 0 ? I("textarea_") : e, [e]), p = g(l.formFieldTextarea, j[F], f);
+    c(() => {
       d(o);
-    }, [o, d]), l(() => {
+    }, [o, d]), c(() => {
       i(!!a);
     }, [i, a]);
     const T = (r) => {

package/components/FormField/index.js

@@ -4,7 +4,7 @@ import { FormFieldCounter as p } from "./components/FormFieldCounter.js";
 import { FormFieldLabel as x } from "./components/FormFieldLabel.js";
 import { FormFieldClear as d } from "./components/FormFieldClear.js";
 import { FormFieldTarget as s } from "./components/FormFieldTarget.js";
-import { F as n } from "../../chunks/FormFieldInput-Bf7Hleek.js";
+import { F as n } from "../../chunks/FormFieldInput-C4pLJsXx.js";
 import { FormFieldMaskedInput as T } from "./components/FormFieldMaskedInput.js";
 import { FormFieldPostfix as M } from "./components/FormFieldPostfix.js";
 import { FormFieldPrefix as b } from "./components/FormFieldPrefix.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.19.0", ref: t, children: r });
+    return /* @__PURE__ */ o("div", { ...e, "data-tx": "1.20.0", ref: t, children: r });
   }),
   {
     LayoutSidebar: p,

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

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import d from "react";
-import { c as i } from "../../../../chunks/vendor-Dlne6Znf.js";
+import { c as i } from "../../../../chunks/vendor-BIl4KTrD.js";
 import { HeaderLayoutSidebarContent as m } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar as s } from "./HeaderLayoutSidebarSidebar.js";
-import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-DylAdbY5.js";
+import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-CqfeCJ-B.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-Dlne6Znf.js";
-import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-DylAdbY5.js";
+import { c as d } from "../../../../chunks/vendor-BIl4KTrD.js";
+import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-CqfeCJ-B.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-Dlne6Znf.js";
-import { s } from "../../../../chunks/HeaderLayoutSidebar.module-DylAdbY5.js";
+import { c as t } from "../../../../chunks/vendor-BIl4KTrD.js";
+import { s } from "../../../../chunks/HeaderLayoutSidebar.module-CqfeCJ-B.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,22 +1,22 @@
 import { jsx as s } from "react/jsx-runtime";
 import h from "react";
-import { c as i } from "../../../../chunks/vendor-Dlne6Znf.js";
-const u = "headerSubheader__cd88cd6d", c = "withoutPaddings__d3e73b2e", e = {
+import { c as i } from "../../../../chunks/vendor-BIl4KTrD.js";
+const u = "headerSubheader__dad2b279", n = "withoutPaddings__43e1a2f8", e = {
   headerSubheader: u,
-  withoutPaddings: c
-}, n = h.forwardRef(
-  ({ children: d, className: a, withoutPaddings: r, ...t }, o) => /* @__PURE__ */ s(
+  withoutPaddings: n
+}, c = h.forwardRef(
+  ({ children: a, className: d, withoutPaddings: r, ...t }, o) => /* @__PURE__ */ s(
     "div",
     {
-      className: i(e.headerSubheader, { [e.withoutPaddings]: !!r }, a),
+      className: i(e.headerSubheader, { [e.withoutPaddings]: !!r }, d),
       ...t,
       ref: o,
-      children: d
+      children: a
     }
   )
 );
-n.displayName = "HeaderSubheader";
+c.displayName = "HeaderSubheader";
 export {
-  n as HeaderSubheader
+  c as HeaderSubheader
 };
 //# sourceMappingURL=HeaderSubheader.js.map

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

@@ -2,8 +2,8 @@ import { jsx as s } from "react/jsx-runtime";
 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-Dlne6Znf.js";
-import { s as f } from "../../../../chunks/HeaderTabs.module-ePuFE0tR.js";
+import { c as d } from "../../../../chunks/vendor-BIl4KTrD.js";
+import { s as f } from "../../../../chunks/HeaderTabs.module-CWX7b7Dh.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-Dlne6Znf.js";
-import { s as n } from "../../../../chunks/HeaderTabs.module-ePuFE0tR.js";
+import { c as m } from "../../../../chunks/vendor-BIl4KTrD.js";
+import { s as n } from "../../../../chunks/HeaderTabs.module-CWX7b7Dh.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-Dlne6Znf.js";
-import { s as l } from "../../../../chunks/HeaderTabs.module-ePuFE0tR.js";
+import { c as m } from "../../../../chunks/vendor-BIl4KTrD.js";
+import { s as l } from "../../../../chunks/HeaderTabs.module-CWX7b7Dh.js";
 const d = t.forwardRef(
   ({ children: o, className: r, ...s }, a) => /* @__PURE__ */ e("div", { className: m(l.headerTabsControls, r), ...s, ref: a, children: o })
 );

package/components/Header/components/HeaderTitle/HeaderTitle.js

@@ -2,8 +2,8 @@ import { jsx as a } from "react/jsx-runtime";
 import i from "react";
 import { HeaderTitleContent as s } from "./HeaderTitleContent.js";
 import { HeaderTitleControls as m } from "./HeaderTitleControls.js";
-import { c as l } from "../../../../chunks/vendor-Dlne6Znf.js";
-import { s as n } from "../../../../chunks/HeaderTitle.module-CKSdXcBH.js";
+import { c as l } from "../../../../chunks/vendor-BIl4KTrD.js";
+import { s as n } from "../../../../chunks/HeaderTitle.module-Cz5VxXST.js";
 const d = Object.assign(
   i.forwardRef(function({ children: e, className: t, ...r }, o) {
     return /* @__PURE__ */ a("div", { className: l(n.headerTitle, t), ...r, ref: o, children: e });