@sberbusiness/triplex-next 0.19.1 → 0.21.0

package/components/FormField/FormField.js

@@ -1,88 +1,90 @@
-import { jsx as n } from "react/jsx-runtime";
-import C, { useState as e } from "react";
-import { c as S } from "../../chunks/vendor-DE8Zvm0w.js";
-import { FormFieldContext as W } from "./FormFieldContext.js";
-import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
+import { jsx as _ } from "react/jsx-runtime";
+import S, { useState as e } from "react";
+import { c as W } from "../../chunks/vendor-DaOifQgP.js";
+import { FormFieldContext as G } from "./FormFieldContext.js";
+import { TARGET_PADDING_X_DEFAULT as p } 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__8a334da5", P = "disabled__1b5aec55", y = "active__d96e017b", U = "error__c35fe4ad", z = "warning__db68a24e", j = "sm__5c062294", B = "md__fcd4160c", H = "lg__cfccb8f9", t = {
-  formField: L,
-  default: "default__d6cea516",
-  disabled: P,
-  active: y,
-  error: U,
-  warning: z,
-  sm: j,
-  md: B,
-  lg: H
-}, O = {
+import { EComponentSize as I } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as L } from "../../utils/classNameMaps.js";
+const P = "formField__bf58e82d", y = "disabled__dbebc5a9", U = "active__64a044d6", z = "error__6f308917", j = "warning__0f44558e", B = "sm__9d81b3df", H = "md__12df891c", O = "lg__a5c94cbc", t = {
+  formField: P,
+  default: "default__592d2a0d",
+  disabled: y,
+  active: U,
+  error: z,
+  warning: j,
+  sm: B,
+  md: H,
+  lg: O
+}, V = {
   [s.DEFAULT]: t.default,
   [s.DISABLED]: t.disabled,
   [s.ERROR]: t.error,
   [s.WARNING]: t.warning
-}, V = I(t), X = C.forwardRef(
+}, X = L(t), k = S.forwardRef(
   ({
-    children: p,
-    className: F,
-    status: d = s.DEFAULT,
+    children: F,
+    className: x,
+    status: i = s.DEFAULT,
     onMouseEnter: o,
-    onMouseLeave: r,
-    style: x,
-    size: i = G.LG,
-    ...g
+    onMouseLeave: d,
+    style: g,
+    size: c = I.LG,
+    active: l = !1,
+    ...b
   }, h) => {
-    const [c, b] = e(!1), [u, l] = e(!1), [v, E] = e(""), [m, N] = e(_), [f, R] = e(_), [T, A] = e(!1), D = (a) => {
-      l(!0), o == null || o(a);
-    }, w = (a) => {
-      l(!1), r == null || r(a);
+    const [r, u] = e(!1), [v, m] = e(!1), [E, N] = e(""), [f, R] = e(p), [n, T] = e(p), [A, D] = e(!1), w = (a) => {
+      m(!0), o == null || o(a);
+    }, C = (a) => {
+      m(!1), d == null || d(a);
     };
-    return /* @__PURE__ */ n(
-      W.Provider,
+    return /* @__PURE__ */ _(
+      G.Provider,
       {
         value: {
-          status: d,
-          focused: c,
-          hovered: u,
-          id: v,
-          postfixWidth: m,
-          prefixWidth: f,
-          setFocused: b,
-          setId: E,
-          setPostfixWidth: N,
-          setPrefixWidth: R,
-          setValueExist: A,
-          valueExist: T,
-          size: i
+          status: i,
+          focused: r,
+          hovered: v,
+          id: E,
+          postfixWidth: f,
+          prefixWidth: n,
+          setFocused: u,
+          setId: N,
+          setPostfixWidth: R,
+          setPrefixWidth: T,
+          setValueExist: D,
+          valueExist: A,
+          size: c,
+          active: l || r
         },
-        children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ _(
           "div",
           {
-            className: S(
+            className: W(
               t.formField,
+              X[c],
               V[i],
-              O[d],
               {
-                [t.active]: c
+                [t.active]: l || r
               },
-              F
+              x
             ),
-            onMouseEnter: D,
-            onMouseLeave: w,
-            "data-tx": "0.19.1",
-            style: { paddingLeft: f, paddingRight: m, ...x },
-            ...g,
+            onMouseEnter: w,
+            onMouseLeave: C,
+            "data-tx": "0.21.0",
+            style: { paddingLeft: n, paddingRight: f, ...g },
+            ...b,
             ref: h,
-            children: p
+            children: F
           }
         )
       }
     );
   }
 );
-X.displayName = "FormField";
+k.displayName = "FormField";
 export {
-  X as FormField,
-  O as statusToClassNameMap
+  k as FormField,
+  V as statusToClassNameMap
 };
 //# sourceMappingURL=FormField.js.map

package/components/FormField/FormFieldContext.js

@@ -19,10 +19,11 @@ const o = {
   setValueExist: () => {
   },
   valueExist: !1,
-  size: i.MD
-}, f = t.createContext(o);
+  size: i.MD,
+  active: !1
+}, d = t.createContext(o);
 export {
-  f as FormFieldContext,
+  d as FormFieldContext,
   o as initialFormFieldContext
 };
 //# sourceMappingURL=FormFieldContext.js.map

package/components/FormField/components/FormFieldClear.js

@@ -1,11 +1,11 @@
 import { jsx as o } from "react/jsx-runtime";
 import f, { useContext as F } from "react";
-import { c as p } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { c as p } from "../../../chunks/vendor-DaOifQgP.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 v = "formFieldClear__904cd4de", I = "hidden__cfccee5e", t = {
+const v = "formFieldClear__9ba017ed", I = "hidden__cd56c11f", t = {
   formFieldClear: v,
   hidden: I
 }, S = f.forwardRef(

package/components/FormField/components/FormFieldCounter.js

@@ -1,13 +1,13 @@
 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__830ec0f1", u = {
+const s = "formFieldCounter__acf9084b", u = {
   formFieldCounter: s
-}, f = ({ children: e, ...o }) => {
+}, f = ({ children: o, ...e }) => {
   const { setWithCounter: t } = i(n);
   return m(() => {
     t(!0);
-  }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...o, children: e });
+  }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
 };
 f.displayName = "FormFieldCounter";
 export {

package/components/FormField/components/FormFieldDescription.js

@@ -1,13 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useState as n } from "react";
-import { c } from "../../../chunks/vendor-DE8Zvm0w.js";
-import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__6ef0715c", p = "withCounter__85669bdf", i = {
+import { c as m } from "../../../chunks/vendor-DaOifQgP.js";
+import { FormFieldDescriptionContext as c } from "../FormFieldDescriptionContext.js";
+const l = "formFieldDescription__abb745ad", p = "withCounter__10bf63b3", i = {
   formFieldDescription: l,
   withCounter: p
-}, d = ({ children: e, ...r }) => {
+}, 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(c.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: m(i.formFieldDescription, { [i.withCounter]: o }), ...e, children: r }) });
 };
 d.displayName = "FormFieldDescription";
 export {

package/components/FormField/components/FormFieldInput.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
 import "../FormFieldContext.js";
-import "../../../chunks/vendor-DE8Zvm0w.js";
-import { F as a } from "../../../chunks/FormFieldInput-CC-nRhb4.js";
+import "../../../chunks/vendor-DaOifQgP.js";
+import { F as a } from "../../../chunks/FormFieldInput-C75omt8Y.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
 export {

package/components/FormField/components/FormFieldLabel.js

@@ -1,32 +1,32 @@
 import { jsx as i } from "react/jsx-runtime";
-import u, { useContext as E, useState as g, useEffect as A } from "react";
-import { m as N, c as S } from "../../../chunks/vendor-DE8Zvm0w.js";
+import E, { useContext as g, useState as u, useEffect as A } from "react";
+import { m as N, c as S } from "../../../chunks/vendor-DaOifQgP.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 m } from "../consts.js";
-const C = "formFieldLabel__161091a0", I = "sm__5c062294", M = "md__fcd4160c", R = "lg__cfccb8f9", z = "floating__4bf691f8", G = "formFieldLabelText__ce4a68a4", U = "disabled__1b5aec55", s = {
+const C = "formFieldLabel__130a6ac1", I = "sm__9d81b3df", M = "md__12df891c", R = "lg__a5c94cbc", v = "floating__141dd020", z = "formFieldLabelText__72af520c", G = "disabled__dbebc5a9", t = {
   formFieldLabel: C,
   sm: I,
   md: M,
   lg: R,
-  floating: z,
-  formFieldLabelText: G,
-  disabled: U
-}, W = D(s), j = u.forwardRef(
-  ({ children: f, className: d, style: c, floating: e, ...r }, n) => {
-    const { status: _, focused: l, id: b, prefixWidth: F, postfixWidth: L, size: x, valueExist: o } = E(h), [t, a] = g(!1);
+  floating: v,
+  formFieldLabelText: z,
+  disabled: G
+}, U = D(t), W = E.forwardRef(
+  ({ children: d, className: r, style: c, floating: e, ...f }, n) => {
+    const { status: _, active: l, id: b, prefixWidth: F, postfixWidth: L, size: x, valueExist: a } = g(h), [s, o] = u(!1);
     A(() => {
-      !N(e) && e !== t ? a(e) : e !== t && a(l || o);
-    }, [l, o, e, t]);
+      !N(e) && e !== s ? o(e) : e !== s && o(l || a);
+    }, [l, a, e, s]);
     const p = S(
-      s.formFieldLabel,
-      W[x],
+      t.formFieldLabel,
+      U[x],
       {
-        [s.disabled]: _ === y.DISABLED,
-        [s.floating]: t
+        [t.disabled]: _ === y.DISABLED,
+        [t.floating]: s
       },
-      d
+      r
     ), T = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
       left: F || m,
@@ -34,11 +34,11 @@ const C = "formFieldLabel__161091a0", I = "sm__5c062294", M = "md__fcd4160c", R
       right: L || m,
       ...c
     };
-    return /* @__PURE__ */ i("label", { className: p, ref: n, htmlFor: b, ...r, style: T, children: /* @__PURE__ */ i("span", { className: s.formFieldLabelText, children: f }) });
+    return /* @__PURE__ */ i("label", { className: p, ref: n, htmlFor: b, ...f, style: T, children: /* @__PURE__ */ i("span", { className: t.formFieldLabelText, children: d }) });
   }
 );
-j.displayName = "FormFieldLabel";
+W.displayName = "FormFieldLabel";
 export {
-  j as FormFieldLabel
+  W as FormFieldLabel
 };
 //# sourceMappingURL=FormFieldLabel.js.map

package/components/FormField/components/FormFieldMaskedInput.js

@@ -1,16 +1,16 @@
 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-DE8Zvm0w.js";
+import { c as F, n as q, o as p } from "../../../chunks/vendor-DaOifQgP.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-CC-nRhb4.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-C75omt8Y.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
 import { EFormFieldStatus as V } from "../enums.js";
-const Q = "formFieldMaskedInputWrapper__5dd7c35d", X = "formFieldMaskedInputPlaceholder__f8511c4b", Y = "formFieldMaskedInput__63ff1731", l = {
+const Q = "formFieldMaskedInputWrapper__9f728ed2", X = "formFieldMaskedInputPlaceholder__9d9c868f", Y = "formFieldMaskedInput__14b6cb13", l = {
   formFieldMaskedInputWrapper: Q,
   formFieldMaskedInputPlaceholder: X,
-  "size-sm": "size-sm__b7054b10",
-  "size-md": "size-md__c6541abf",
-  "size-lg": "size-lg__171453f6",
+  "size-sm": "size-sm__020bff39",
+  "size-md": "size-md__08566804",
+  "size-lg": "size-lg__f9ec4132",
   formFieldMaskedInput: Y
 }, a = ({
   className: I,
@@ -23,9 +23,9 @@ const Q = "formFieldMaskedInputWrapper__5dd7c35d", 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 });
@@ -60,7 +60,7 @@ const Q = "formFieldMaskedInputWrapper__5dd7c35d", X = "formFieldMaskedInputPlac
     };
   }, D = () => o === a.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;
+  }, j = () => !z && !b || !s && g ? "" : x;
   return /* @__PURE__ */ B("div", { className: F(l.formFieldMaskedInputWrapper, l[`size-${k}`]), children: [
     /* @__PURE__ */ m(
       "input",

package/components/FormField/components/FormFieldPostfix.js

@@ -1,12 +1,12 @@
-import { jsx as l } from "react/jsx-runtime";
-import d, { useContext as x, useRef as u, useEffect as F } from "react";
-import { FormFieldContext as p } from "../FormFieldContext.js";
-import { c as a } from "../../../chunks/vendor-DE8Zvm0w.js";
-const P = "formFieldPostfix__45c20f7f", 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-DaOifQgP.js";
+const P = "formFieldPostfix__bec4dd3a", R = {
   formFieldPostfix: P
-}, h = d.forwardRef(
-  ({ children: s, className: f, ...i }, o) => {
-    const r = a(R.formFieldPostfix, f), { postfixWidth: n, setPostfixWidth: c } = x(p), e = u(), m = (t) => {
+}, h = l.forwardRef(
+  ({ children: s, className: i, ...r }, o) => {
+    const f = p(R.formFieldPostfix, i), { postfixWidth: n, setPostfixWidth: c } = x(a), e = u(), m = (t) => {
       e.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
     };
     return F(() => {
@@ -14,7 +14,7 @@ const P = "formFieldPostfix__45c20f7f", R = {
         return;
       const { width: t } = e.current.getBoundingClientRect();
       t !== n && c(t);
-    }), /* @__PURE__ */ l("span", { className: r, ref: m, ...i, children: s });
+    }), /* @__PURE__ */ d("span", { className: f, ref: m, ...r, children: s });
   }
 );
 h.displayName = "FormFieldPostfix";

package/components/FormField/components/FormFieldPrefix.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 { jsx as l } from "react/jsx-runtime";
+import d, { useContext as x, useRef as u, useEffect as F } from "react";
 import { FormFieldContext as p } from "../FormFieldContext.js";
-import { c as a } from "../../../chunks/vendor-DE8Zvm0w.js";
-const P = "formFieldPrefix__db09cebc", R = {
+import { c as a } from "../../../chunks/vendor-DaOifQgP.js";
+const P = "formFieldPrefix__483137fc", R = {
   formFieldPrefix: P
-}, h = l.forwardRef(
+}, h = d.forwardRef(
   ({ children: o, className: i, ...f }, r) => {
-    const s = a(R.formFieldPrefix, i), { prefixWidth: c, setPrefixWidth: n } = x(p), t = u(), m = (e) => {
+    const s = a(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(p), t = u(), m = (e) => {
       t.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
     };
     return F(() => {
       if (!t.current)
         return;
       const { width: e } = t.current.getBoundingClientRect();
-      e !== c && n(e);
-    }), /* @__PURE__ */ d("span", { className: s, ref: m, ...f, children: o });
+      e !== n && c(e);
+    }), /* @__PURE__ */ l("span", { className: s, ref: m, ...f, children: o });
   }
 );
 h.displayName = "FormFieldPrefix";

package/components/FormField/components/FormFieldTarget.js

@@ -1,50 +1,52 @@
 import { jsx as u } from "react/jsx-runtime";
-import x, { useContext as E, useRef as T, useEffect as n } from "react";
+import E, { useContext as T, useRef as v, useEffect as n } from "react";
 import { FormFieldContext as B } from "../FormFieldContext.js";
-import { c as N, u as S } from "../../../chunks/vendor-DE8Zvm0w.js";
-import { EFormFieldStatus as d } from "../enums.js";
-const A = "formFieldTarget__d15154e2", L = "placeholder__2dfd0439", W = "disabled__1b5aec55", R = "placeholderWrapper__4a0c57af", e = {
+import { c as N, u as S } from "../../../chunks/vendor-DaOifQgP.js";
+import { EFormFieldStatus as c } from "../enums.js";
+const A = "formFieldTarget__be96e2ef", L = "placeholder__e097316e", W = "disabled__dbebc5a9", R = "placeholderWrapper__6e562c85", y = "active__64a044d6", e = {
   formFieldTarget: A,
   placeholder: L,
   disabled: W,
-  "size-sm": "size-sm__b7054b10",
-  "size-md": "size-md__c6541abf",
-  "size-lg": "size-lg__171453f6",
-  placeholderWrapper: R
-}, y = x.forwardRef((F, _) => {
-  const { className: h, id: r, onBlur: o, onFocus: c, placeholder: m, children: s, ...b } = F, { status: a, setFocused: p, setId: l, setValueExist: f, size: g } = E(B), z = N(e.formFieldTarget, h, e[`size-${g}`], {
-    [e.disabled]: a === d.DISABLED,
-    [e.placeholder]: !!m && !s && a !== d.DISABLED
-  }), t = T(r || S("formFieldTarget_"));
+  "size-sm": "size-sm__020bff39",
+  "size-md": "size-md__08566804",
+  "size-lg": "size-lg__f9ec4132",
+  placeholderWrapper: R,
+  active: y
+}, C = E.forwardRef((_, F) => {
+  const { className: h, id: r, onBlur: o, onFocus: d, placeholder: m, children: s, ...b } = _, { status: a, setFocused: p, setId: t, setValueExist: f, size: g, active: z } = T(B), D = N(e.formFieldTarget, h, e[`size-${g}`], {
+    [e.disabled]: a === c.DISABLED,
+    [e.placeholder]: !!m && !s && a !== c.DISABLED,
+    [e.active]: z
+  }), l = v(r || S("formFieldTarget_"));
   n(() => {
-    l(t.current);
-  }, [l]), n(() => {
-    r && (t.current = r, l(t.current));
-  }, [r, l]), n(() => {
+    t(l.current);
+  }, [t]), n(() => {
+    r && (l.current = r, t(l.current));
+  }, [r, t]), n(() => {
     f(!!s);
   }, [f, s]);
-  const D = (i) => {
+  const I = (i) => {
     p(!1), o == null || o(i);
-  }, I = (i) => {
-    p(!0), c == null || c(i);
+  }, x = (i) => {
+    p(!0), d == null || d(i);
   };
   return /* @__PURE__ */ u(
     "div",
     {
       ...b,
-      className: z,
-      "aria-disabled": a === d.DISABLED,
-      id: t.current,
-      onFocus: I,
-      onBlur: D,
-      tabIndex: a === d.DISABLED ? -1 : 0,
-      ref: _,
+      className: D,
+      "aria-disabled": a === c.DISABLED,
+      id: l.current,
+      onFocus: x,
+      onBlur: I,
+      tabIndex: a === c.DISABLED ? -1 : 0,
+      ref: F,
       children: s || /* @__PURE__ */ u("span", { className: e.placeholderWrapper, children: m })
     }
   );
 });
-y.displayName = "FormFieldTarget";
+C.displayName = "FormFieldTarget";
 export {
-  y as FormFieldTarget
+  C as FormFieldTarget
 };
 //# sourceMappingURL=FormFieldTarget.js.map

package/components/FormField/components/FormFieldTextarea.js

@@ -1,22 +1,22 @@
 import { jsx as N } from "react/jsx-runtime";
-import b, { useContext as C, useMemo as E, useEffect as i } from "react";
-import { u as I, c as g } from "../../../chunks/vendor-DE8Zvm0w.js";
+import C, { useContext as E, useMemo as I, useEffect as i } from "react";
+import { u as b, c as g } from "../../../chunks/vendor-DaOifQgP.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__02ebc5bc", y = "sm__5c062294", D = "md__fcd4160c", R = "lg__cfccb8f9", l = {
+const h = "formFieldTextarea__1f799dc5", y = "sm__9d81b3df", D = "md__12df891c", R = "lg__a5c94cbc", l = {
   formFieldTextarea: h,
   sm: y,
   md: D,
   lg: R
-}, j = z(l), q = b.forwardRef(
+}, j = z(l), q = C.forwardRef(
   ({ className: f, id: e, onBlur: t, onFocus: s, value: a, ...n }, x) => {
-    const { size: F, status: p, setFocused: m, setId: c, setValueExist: d } = C(M), o = E(() => e === void 0 ? I("textarea_") : e, [e]), _ = g(l.formFieldTextarea, j[F], f);
+    const { size: F, status: p, setFocused: m, setId: d, setValueExist: c } = E(M), o = I(() => e === void 0 ? b("textarea_") : e, [e]), _ = g(l.formFieldTextarea, j[F], f);
     i(() => {
-      c(o);
-    }, [o, c]), i(() => {
-      d(!!a);
-    }, [d, a]);
+      d(o);
+    }, [o, d]), i(() => {
+      c(!!a);
+    }, [c, a]);
     const T = (r) => {
       m(!1), t == null || t(r);
     }, u = (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-CC-nRhb4.js";
+import { F as n } from "../../chunks/FormFieldInput-C75omt8Y.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 }, o) {
-    return /* @__PURE__ */ t("div", { ...e, "data-tx": "0.19.1", ref: o, children: r });
+    return /* @__PURE__ */ t("div", { ...e, "data-tx": "0.21.0", ref: o, children: r });
   }),
   {
     LayoutSidebar: p,

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

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import i from "react";
-import { c as d } from "../../../../chunks/vendor-DE8Zvm0w.js";
+import { c as d } from "../../../../chunks/vendor-DaOifQgP.js";
 import { HeaderLayoutSidebarContent as m } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar as s } from "./HeaderLayoutSidebarSidebar.js";
-import { s as b } from "../../../../chunks/HeaderLayoutSidebar.module-Cnl-O6HE.js";
+import { s as b } from "../../../../chunks/HeaderLayoutSidebar.module-BJZj3qz4.js";
 const f = Object.assign(
   i.forwardRef(function({ children: r, className: e, ...a }, o) {
     return /* @__PURE__ */ t("div", { className: d(b.headerLayoutSidebar, e), ...a, ref: o, children: r });

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

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import s from "react";
-import { c as m } from "../../../../chunks/vendor-DE8Zvm0w.js";
-import { s as d } from "../../../../chunks/HeaderLayoutSidebar.module-Cnl-O6HE.js";
+import { c as m } from "../../../../chunks/vendor-DaOifQgP.js";
+import { s as d } from "../../../../chunks/HeaderLayoutSidebar.module-BJZj3qz4.js";
 const i = s.forwardRef(
   ({ children: e, className: a, ...o }, r) => /* @__PURE__ */ t("div", { className: m(d.headerLayoutSidebarContent, a), ...o, ref: r, 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 s } from "../../../../chunks/vendor-DE8Zvm0w.js";
-import { s as t } from "../../../../chunks/HeaderLayoutSidebar.module-Cnl-O6HE.js";
+import { c as s } from "../../../../chunks/vendor-DaOifQgP.js";
+import { s as t } from "../../../../chunks/HeaderLayoutSidebar.module-BJZj3qz4.js";
 const m = i.forwardRef(
   ({ children: a, className: r, ...e }, o) => /* @__PURE__ */ d("div", { className: s(t.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-DE8Zvm0w.js";
-const c = "headerSubheader__bdcb5df4", u = "withoutPaddings__c3e3d30c", e = {
-  headerSubheader: c,
-  withoutPaddings: u
-}, n = h.forwardRef(
-  ({ children: d, className: a, withoutPaddings: r, ...o }, t) => /* @__PURE__ */ s(
+import { c as i } from "../../../../chunks/vendor-DaOifQgP.js";
+const u = "headerSubheader__e4196d11", n = "withoutPaddings__26125921", e = {
+  headerSubheader: u,
+  withoutPaddings: n
+}, c = h.forwardRef(
+  ({ children: a, className: d, withoutPaddings: r, ...o }, t) => /* @__PURE__ */ s(
     "div",
     {
-      className: i(e.headerSubheader, { [e.withoutPaddings]: !!r }, a),
+      className: i(e.headerSubheader, { [e.withoutPaddings]: !!r }, d),
       ...o,
       ref: t,
-      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 i } from "../../../../chunks/vendor-DE8Zvm0w.js";
-import { s as d } from "../../../../chunks/HeaderTabs.module-Nz927HlU.js";
+import { c as i } from "../../../../chunks/vendor-DaOifQgP.js";
+import { s as d } from "../../../../chunks/HeaderTabs.module-ykRWLBUI.js";
 const f = Object.assign(
   t.forwardRef(function({ children: r, className: e, ...o }, a) {
     return /* @__PURE__ */ s("div", { className: i(d.headerTabs, e), ...o, ref: a, 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-DE8Zvm0w.js";
-import { s as n } from "../../../../chunks/HeaderTabs.module-Nz927HlU.js";
+import { c as m } from "../../../../chunks/vendor-DaOifQgP.js";
+import { s as n } from "../../../../chunks/HeaderTabs.module-ykRWLBUI.js";
 const d = s.forwardRef(
   ({ children: e, className: r, ...t }, a) => /* @__PURE__ */ o("div", { className: m(n.headerTabsContent, r), ...t, ref: a, children: e })
 );