@sberbusiness/triplex-next 0.21.0 → 0.22.0

package/components/FormField/components/FormFieldLabel.js

@@ -1,44 +1,42 @@
-import { jsx as i } from "react/jsx-runtime";
-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 { jsx as s } from "react/jsx-runtime";
+import A, { useContext as E, useMemo as N, useLayoutEffect as I } from "react";
+import { u as S, c as h } from "../../../chunks/vendor---Om3uMV.js";
+import { FormFieldContext as y } 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__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: 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 !== s ? o(e) : e !== s && o(l || a);
-    }, [l, a, e, s]);
-    const p = S(
-      t.formFieldLabel,
-      U[x],
+import { EFormFieldStatus as C } from "../enums.js";
+import { TARGET_PADDING_X_DEFAULT as a } from "../consts.js";
+const M = "formFieldLabel__5c33be8d", R = "sm__4f6881aa", v = "md__68c11dc0", z = "lg__e231dbe3", G = "floating__de842a42", W = "formFieldLabelText__ea2819b3", j = "disabled__9b1cc881", e = {
+  formFieldLabel: M,
+  sm: R,
+  md: v,
+  lg: z,
+  floating: G,
+  formFieldLabelText: W,
+  disabled: j
+}, q = D(e), w = A.forwardRef(
+  ({ children: i, id: t, className: m, style: d, floating: r, ...c }, f) => {
+    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]), x = r ?? (F || L), u = h(
+      e.formFieldLabel,
+      q[b],
       {
-        [t.disabled]: _ === y.DISABLED,
-        [t.floating]: s
+        [e.floating]: x,
+        [e.disabled]: _ === C.DISABLED
       },
-      r
+      m
     ), T = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      left: F || m,
+      left: g || a,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      right: L || m,
-      ...c
+      right: p || a,
+      ...d
     };
-    return /* @__PURE__ */ i("label", { className: p, ref: n, htmlFor: b, ...f, style: T, children: /* @__PURE__ */ i("span", { className: t.formFieldLabelText, children: d }) });
+    return I(() => {
+      o(l);
+    }, [l, o]), /* @__PURE__ */ s("label", { ...c, id: l, className: u, htmlFor: n, style: T, ref: f, children: /* @__PURE__ */ s("span", { className: e.formFieldLabelText, children: i }) });
   }
 );
-W.displayName = "FormFieldLabel";
+w.displayName = "FormFieldLabel";
 export {
-  W 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-DaOifQgP.js";
+import { c as F, m as q, n as p } from "../../../chunks/vendor---Om3uMV.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-C75omt8Y.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-Dp--anY3.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
 import { EFormFieldStatus as V } from "../enums.js";
-const Q = "formFieldMaskedInputWrapper__9f728ed2", X = "formFieldMaskedInputPlaceholder__9d9c868f", Y = "formFieldMaskedInput__14b6cb13", l = {
+const Q = "formFieldMaskedInputWrapper__6b618523", X = "formFieldMaskedInputPlaceholder__3f1712c9", Y = "formFieldMaskedInput__f8fa3787", u = {
   formFieldMaskedInputWrapper: Q,
   formFieldMaskedInputPlaceholder: X,
-  "size-sm": "size-sm__020bff39",
-  "size-md": "size-md__08566804",
-  "size-lg": "size-lg__f9ec4132",
+  "size-sm": "size-sm__7c2402e9",
+  "size-md": "size-md__a80d9cb3",
+  "size-lg": "size-lg__c0ad8ffe",
   formFieldMaskedInput: Y
 }, a = ({
   className: I,
@@ -19,27 +19,27 @@ const Q = "formFieldMaskedInputWrapper__9f728ed2", X = "formFieldMaskedInputPlac
   onChange: d,
   placeholder: g,
   placeholderChar: n = "0",
-  placeholderMask: u,
+  placeholderMask: l,
   value: s,
   ...M
 }) => {
-  const [x, y] = $(""), c = L(!1), { valueExist: z, focused: b, size: k, status: _ } = N(K);
+  const [x, y] = $(""), c = L(!1), { filled: z, focused: k, size: b, status: _ } = N(K);
   O(() => {
     y((() => {
       let t = [];
       if (s) {
         const { conformedValue: i } = p.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("");
+          typeof o[r] == "string" ? t[r] = i[r] : i[r] === n && !s.toString()[r] ? t[r] = (l == null ? void 0 : l[r]) || n : t[r] = i[r];
+      } else if (l)
+        t = l.split("");
       else {
         const { conformedValue: i } = p.conformToMask("", o, { guide: !0, placeholderChar: n });
         t = i.split("");
       }
       return t.join("");
     })());
-  }, [s, o, n, u]);
+  }, [s, o, n, l]);
   const E = U(
     (e) => {
       const { value: t } = e.target;
@@ -60,12 +60,12 @@ const Q = "formFieldMaskedInputWrapper__9f728ed2", 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 = () => !z && !b || !s && g ? "" : x;
-  return /* @__PURE__ */ B("div", { className: F(l.formFieldMaskedInputWrapper, l[`size-${k}`]), children: [
+  }, j = () => !z && !k || !s && g ? "" : x;
+  return /* @__PURE__ */ B("div", { className: F(u.formFieldMaskedInputWrapper, u[`size-${b}`]), children: [
     /* @__PURE__ */ m(
       "input",
       {
-        className: F(H.formFieldInput, l.formFieldMaskedInputPlaceholder, I),
+        className: F(H.formFieldInput, u.formFieldMaskedInputPlaceholder, I),
         disabled: _ === V.DISABLED,
         placeholder: j(),
         readOnly: !0,
@@ -77,7 +77,7 @@ const Q = "formFieldMaskedInputWrapper__9f728ed2", X = "formFieldMaskedInputPlac
     /* @__PURE__ */ m(
       q,
       {
-        className: F(l.formFieldMaskedInput, { [l.error]: !!M.error }, I),
+        className: F(u.formFieldMaskedInput, { [u.error]: !!M.error }, I),
         defaultValue: "",
         disabled: _ === V.DISABLED,
         guide: !1,

package/components/FormField/components/FormFieldPostfix.js

@@ -1,12 +1,12 @@
-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 = {
+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---Om3uMV.js";
+const P = "formFieldPostfix__c8508b44", R = {
   formFieldPostfix: P
-}, h = l.forwardRef(
+}, h = d.forwardRef(
   ({ children: s, className: i, ...r }, o) => {
-    const f = p(R.formFieldPostfix, i), { postfixWidth: n, setPostfixWidth: c } = x(a), e = u(), m = (t) => {
+    const f = a(R.formFieldPostfix, i), { postfixWidth: n, setPostfixWidth: c } = x(p), 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__bec4dd3a", R = {
         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: f, ref: m, ...r, children: s });
   }
 );
 h.displayName = "FormFieldPostfix";

package/components/FormField/components/FormFieldPrefix.js

@@ -1,8 +1,8 @@
 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-DaOifQgP.js";
-const P = "formFieldPrefix__483137fc", R = {
+import { c as a } from "../../../chunks/vendor---Om3uMV.js";
+const P = "formFieldPrefix__4813898b", R = {
   formFieldPrefix: P
 }, h = d.forwardRef(
   ({ children: o, className: i, ...f }, r) => {

package/components/FormField/components/FormFieldTarget.js

@@ -1,52 +1,60 @@
-import { jsx as u } from "react/jsx-runtime";
-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-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__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(() => {
-    t(l.current);
-  }, [t]), n(() => {
-    r && (l.current = r, t(l.current));
-  }, [r, t]), n(() => {
-    f(!!s);
-  }, [f, s]);
-  const I = (i) => {
-    p(!1), o == null || o(i);
-  }, x = (i) => {
-    p(!0), d == null || d(i);
-  };
-  return /* @__PURE__ */ u(
-    "div",
-    {
-      ...b,
-      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 })
-    }
-  );
-});
-C.displayName = "FormFieldTarget";
+import { jsx as _ } from "react/jsx-runtime";
+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---Om3uMV.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__0fd08951", M = "sm__4f6881aa", R = "md__68c11dc0", j = "lg__e231dbe3", k = "placeholder__dab05aa2", q = "disabled__9b1cc881", w = "placeholderWrapper__d0025728", B = "active__1ce49139", e = {
+  formFieldTarget: z,
+  sm: M,
+  md: R,
+  lg: j,
+  placeholder: k,
+  disabled: q,
+  placeholderWrapper: w,
+  active: B
+}, G = W(e), H = b.forwardRef(
+  ({ children: c, id: o, className: T, placeholder: p, onFocus: a, onBlur: t, ...D }, I) => {
+    const { size: u, status: s, active: v, labelId: x, setFilled: n, setFocused: r, setTargetId: f } = S(L), i = g(() => o === void 0 ? y("target_") : o, [o]), l = g(() => b.Children.toArray(c).length !== 0, [c]), E = A(e.formFieldTarget, G[u], T, {
+      [e.disabled]: s === d.DISABLED,
+      [e.placeholder]: !!p && !l && s !== d.DISABLED,
+      [e.active]: v
+    });
+    h(() => {
+      f(i);
+    }, [i, f]), h(() => {
+      n(l);
+    }, [l, n]);
+    const C = F(
+      (m) => {
+        r(!0), a == null || a(m);
+      },
+      [a, r]
+    ), N = F(
+      (m) => {
+        r(!1), t == null || t(m);
+      },
+      [t, r]
+    );
+    return /* @__PURE__ */ _(
+      "div",
+      {
+        ...D,
+        id: i,
+        className: E,
+        tabIndex: s === d.DISABLED ? -1 : 0,
+        "aria-labelledby": x,
+        "aria-disabled": s === d.DISABLED,
+        onBlur: N,
+        onFocus: C,
+        ref: I,
+        children: l ? c : /* @__PURE__ */ _("span", { className: e.placeholderWrapper, children: p })
+      }
+    );
+  }
+);
+H.displayName = "FormFieldTarget";
 export {
-  C as FormFieldTarget
+  H as FormFieldTarget
 };
 //# sourceMappingURL=FormFieldTarget.js.map

package/components/FormField/components/FormFieldTextarea.js

@@ -1,44 +1,71 @@
-import { jsx as N } from "react/jsx-runtime";
-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__1f799dc5", y = "sm__9d81b3df", D = "md__12df891c", R = "lg__a5c94cbc", l = {
-  formFieldTextarea: h,
-  sm: y,
-  md: D,
-  lg: R
-}, 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: d, setValueExist: c } = E(M), o = I(() => e === void 0 ? b("textarea_") : e, [e]), _ = g(l.formFieldTextarea, j[F], f);
-    i(() => {
-      d(o);
-    }, [o, d]), i(() => {
-      c(!!a);
-    }, [c, a]);
-    const T = (r) => {
-      m(!1), t == null || t(r);
-    }, u = (r) => {
-      m(!0), s == null || s(r);
-    };
-    return /* @__PURE__ */ N(
+import { jsx as I } from "react/jsx-runtime";
+import M, { useContext as n, useMemo as C, useCallback as s, useLayoutEffect as x } from "react";
+import { u as D, c as L } from "../../../chunks/vendor---Om3uMV.js";
+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__e9acdf82", G = "sm__4f6881aa", H = "md__68c11dc0", J = "lg__e231dbe3", u = {
+  formFieldTextarea: w,
+  sm: G,
+  md: H,
+  lg: J
+}, K = R(u), O = M.forwardRef(
+  ({ id: d, className: p, value: a, defaultValue: F, onFocus: r, onBlur: l, onAnimationStart: m, onChange: i, ..._ }, N) => {
+    const { size: g, status: h, setFocused: o, setTargetId: T, setFilled: c } = n(W), f = C(() => d === void 0 ? D("textarea_") : d, [d]), y = L(u.formFieldTextarea, K[g], p), t = s(
+      (e) => {
+        c(q(e));
+      },
+      [c]
+    );
+    x(() => {
+      T(f);
+    }, [f, T]), x(() => {
+      t(a ?? F);
+    }, []), x(() => {
+      a !== void 0 && t(a);
+    }, [a, t]);
+    const b = s(
+      (e) => {
+        t(e.currentTarget.value), o(!0), r == null || r(e);
+      },
+      [t, o, r]
+    ), k = s(
+      (e) => {
+        t(e.currentTarget.value), o(!1), l == null || l(e);
+      },
+      [t, o, l]
+    ), z = s(
+      (e) => {
+        e.animationName.startsWith("autofill-applied-hook") ? c(!0) : e.animationName.startsWith("autofill-cancelled-hook") && t(e.currentTarget.value), m == null || m(e);
+      },
+      [c, t, m]
+    ), E = s(
+      (e) => {
+        t(e.currentTarget.value), i == null || i(e);
+      },
+      [i, t]
+    );
+    return /* @__PURE__ */ I(
       "textarea",
       {
-        ...n,
-        id: o,
-        className: _,
-        disabled: p === S.DISABLED,
-        onFocus: u,
-        onBlur: T,
+        ..._,
+        id: f,
+        className: y,
         value: a,
-        ref: x
+        defaultValue: F,
+        disabled: h === j.DISABLED,
+        onFocus: b,
+        onBlur: k,
+        onAnimationStart: z,
+        onChange: E,
+        ref: N
       }
     );
   }
 );
-q.displayName = "FormFieldTextarea";
+O.displayName = "FormFieldTextarea";
 export {
-  q as FormFieldTextarea
+  O as FormFieldTextarea
 };
 //# sourceMappingURL=FormFieldTextarea.js.map

package/components/FormField/components/index.js

@@ -0,0 +1,23 @@
+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-Dp--anY3.js";
+import { FormFieldLabel as l } from "./FormFieldLabel.js";
+import { FormFieldMaskedInput as a } from "./FormFieldMaskedInput.js";
+import { FormFieldPostfix as s } from "./FormFieldPostfix.js";
+import { FormFieldPrefix as C } from "./FormFieldPrefix.js";
+import { FormFieldTarget as P } from "./FormFieldTarget.js";
+import { FormFieldTextarea as b } from "./FormFieldTextarea.js";
+export {
+  e as FormFieldClear,
+  m as FormFieldCounter,
+  i as FormFieldDescription,
+  x as FormFieldInput,
+  l as FormFieldLabel,
+  a as FormFieldMaskedInput,
+  s as FormFieldPostfix,
+  C as FormFieldPrefix,
+  P as FormFieldTarget,
+  b as FormFieldTextarea
+};
+//# sourceMappingURL=index.js.map

package/components/FormField/components/utils.js

@@ -0,0 +1,5 @@
+const r = (e) => e === void 0 ? !1 : typeof e == "number" ? !0 : e.length !== 0;
+export {
+  r as isFilled
+};
+//# sourceMappingURL=utils.js.map

package/components/FormField/index.js

@@ -1,28 +1,28 @@
-import { FormField as e, statusToClassNameMap as m } from "./FormField.js";
-import { FormFieldDescription as t } from "./components/FormFieldDescription.js";
-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-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";
-import { FormFieldTextarea as g } from "./components/FormFieldTextarea.js";
-import { EFormFieldStatus as D } from "./enums.js";
+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-Dp--anY3.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";
+import { FormFieldPrefix as I } from "./components/FormFieldPrefix.js";
+import { FormFieldTarget as P } from "./components/FormFieldTarget.js";
+import { FormFieldTextarea as c } from "./components/FormFieldTextarea.js";
+import { FormField as k, statusToClassNameMap as D } from "./FormField.js";
 export {
-  D as EFormFieldStatus,
-  e as FormField,
-  d as FormFieldClear,
-  p as FormFieldCounter,
-  t as FormFieldDescription,
-  n as FormFieldInput,
-  x as FormFieldLabel,
-  T as FormFieldMaskedInput,
-  M as FormFieldPostfix,
-  b as FormFieldPrefix,
-  s as FormFieldTarget,
-  g as FormFieldTextarea,
-  m as statusToClassNameMap
+  e as EFormFieldStatus,
+  k as FormField,
+  F as FormFieldClear,
+  i as FormFieldCounter,
+  l as FormFieldDescription,
+  f as FormFieldInput,
+  a as FormFieldLabel,
+  u as FormFieldMaskedInput,
+  C as FormFieldPostfix,
+  I as FormFieldPrefix,
+  P as FormFieldTarget,
+  c as FormFieldTextarea,
+  D as statusToClassNameMap
 };
 //# sourceMappingURL=index.js.map

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.21.0", ref: o, children: r });
+    return /* @__PURE__ */ t("div", { ...e, "data-tx": "0.22.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-DaOifQgP.js";
+import { c as d } from "../../../../chunks/vendor---Om3uMV.js";
 import { HeaderLayoutSidebarContent as m } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar as s } from "./HeaderLayoutSidebarSidebar.js";
-import { s as b } from "../../../../chunks/HeaderLayoutSidebar.module-BJZj3qz4.js";
+import { s as b } from "../../../../chunks/HeaderLayoutSidebar.module-DE1rx-T9.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-DaOifQgP.js";
-import { s as d } from "../../../../chunks/HeaderLayoutSidebar.module-BJZj3qz4.js";
+import { c as m } from "../../../../chunks/vendor---Om3uMV.js";
+import { s as d } from "../../../../chunks/HeaderLayoutSidebar.module-DE1rx-T9.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-DaOifQgP.js";
-import { s as t } from "../../../../chunks/HeaderLayoutSidebar.module-BJZj3qz4.js";
+import { c as s } from "../../../../chunks/vendor---Om3uMV.js";
+import { s as t } from "../../../../chunks/HeaderLayoutSidebar.module-DE1rx-T9.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,10 +1,10 @@
 import { jsx as s } from "react/jsx-runtime";
 import h from "react";
-import { c as i } from "../../../../chunks/vendor-DaOifQgP.js";
-const u = "headerSubheader__e4196d11", n = "withoutPaddings__26125921", e = {
+import { c as i } from "../../../../chunks/vendor---Om3uMV.js";
+const u = "headerSubheader__e4044833", c = "withoutPaddings__72a9f81c", e = {
   headerSubheader: u,
-  withoutPaddings: n
-}, c = h.forwardRef(
+  withoutPaddings: c
+}, n = h.forwardRef(
   ({ children: a, className: d, withoutPaddings: r, ...o }, t) => /* @__PURE__ */ s(
     "div",
     {
@@ -15,8 +15,8 @@ const u = "headerSubheader__e4196d11", n = "withoutPaddings__26125921", e = {
     }
   )
 );
-c.displayName = "HeaderSubheader";
+n.displayName = "HeaderSubheader";
 export {
-  c as HeaderSubheader
+  n 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-DaOifQgP.js";
-import { s as d } from "../../../../chunks/HeaderTabs.module-ykRWLBUI.js";
+import { c as i } from "../../../../chunks/vendor---Om3uMV.js";
+import { s as d } from "../../../../chunks/HeaderTabs.module-CU5av8Im.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-DaOifQgP.js";
-import { s as n } from "../../../../chunks/HeaderTabs.module-ykRWLBUI.js";
+import { c as m } from "../../../../chunks/vendor---Om3uMV.js";
+import { s as n } from "../../../../chunks/HeaderTabs.module-CU5av8Im.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-DaOifQgP.js";
-import { s as l } from "../../../../chunks/HeaderTabs.module-ykRWLBUI.js";
+import { c as m } from "../../../../chunks/vendor---Om3uMV.js";
+import { s as l } from "../../../../chunks/HeaderTabs.module-CU5av8Im.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 i } from "react/jsx-runtime";
 import a from "react";
 import { HeaderTitleContent as s } from "./HeaderTitleContent.js";
 import { HeaderTitleControls as m } from "./HeaderTitleControls.js";
-import { c as l } from "../../../../chunks/vendor-DaOifQgP.js";
-import { s as n } from "../../../../chunks/HeaderTitle.module-Cg-I_NJG.js";
+import { c as l } from "../../../../chunks/vendor---Om3uMV.js";
+import { s as n } from "../../../../chunks/HeaderTitle.module-C_Qbl_yg.js";
 const d = Object.assign(
   a.forwardRef(function({ children: e, className: r, ...t }, o) {
     return /* @__PURE__ */ i("div", { className: l(n.headerTitle, r), ...t, ref: o, children: e });