@sberbusiness/triplex-next 1.2.0 → 1.4.0

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-CehxOAkM.js";
-import { s as a } from "../../../chunks/Footer.module-Bk8QkaWN.js";
+import { c as m } from "../../../chunks/vendor-Ba_pyhza.js";
+import { s as a } from "../../../chunks/Footer.module-B3uFxh54.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,45 +1,45 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { useState as e } from "react";
 import { FormFieldContext as G } from "./FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
-import { c as I } from "../../chunks/vendor-CehxOAkM.js";
+import { c as I } from "../../chunks/vendor-Ba_pyhza.js";
 import { EFormFieldStatus as r } from "./enums.js";
 import { EComponentSize as N } from "../../enums/EComponentSize.js";
-const P = "formField__2343db3d", S = "disabled__4cfae557", T = "active__b42bba09", L = "error__b5abc124", u = "warning__9c3c1e9a", i = {
+const P = "formField__7d7fcf94", S = "disabled__b720611e", T = "active__242fb002", L = "error__5d66e340", u = "warning__38b847e0", i = {
   formField: P,
   disabled: S,
   active: T,
   error: L,
   warning: u,
-  "size-sm": "size-sm__be18d678",
-  "size-md": "size-md__0c7d8630",
-  "size-lg": "size-lg__25f7cc71"
+  "size-sm": "size-sm__7540e812",
+  "size-md": "size-md__c6a543db",
+  "size-lg": "size-lg__1760a0c4"
 }, V = ({
   children: p,
   className: F,
   status: t = r.DEFAULT,
   onMouseEnter: s,
-  onMouseLeave: d,
-  style: b,
+  onMouseLeave: o,
+  style: x,
   size: c = N.LG,
-  ...x
+  ...g
 }) => {
-  const [a, g] = e(!1), [h, l] = e(!1), [v, z] = e(""), [m, E] = e(_), [n, A] = e(_), [D, R] = e(!1), W = (o) => {
-    l(!0), s == null || s(o);
-  }, w = (o) => {
-    l(!1), d == null || d(o);
+  const [a, h] = e(!1), [b, l] = e(!1), [v, z] = e(""), [m, E] = e(_), [f, A] = e(_), [D, R] = e(!1), W = (d) => {
+    l(!0), s == null || s(d);
+  }, w = (d) => {
+    l(!1), o == null || o(d);
   };
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ n(
     G.Provider,
     {
       value: {
         status: t,
         focused: a,
-        hovered: h,
+        hovered: b,
         id: v,
         postfixWidth: m,
-        prefixWidth: n,
-        setFocused: g,
+        prefixWidth: f,
+        setFocused: h,
         setId: z,
         setPostfixWidth: E,
         setPrefixWidth: A,
@@ -47,7 +47,7 @@ const P = "formField__2343db3d", S = "disabled__4cfae557", T = "active__b42bba09
         valueExist: D,
         size: c
       },
-      children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ n(
         "div",
         {
           className: I(
@@ -63,9 +63,9 @@ const P = "formField__2343db3d", S = "disabled__4cfae557", T = "active__b42bba09
           ),
           onMouseEnter: W,
           onMouseLeave: w,
-          "data-tx": "1.2.0",
-          style: { paddingLeft: n, paddingRight: m, ...b },
-          ...x,
+          "data-tx": "1.4.0",
+          style: { paddingLeft: f, paddingRight: m, ...x },
+          ...g,
           children: p
         }
       )

package/components/FormField/components/FormFieldClear.js

@@ -1,30 +1,30 @@
 import { jsx as o } from "react/jsx-runtime";
-import c, { useContext as p } from "react";
+import n, { useContext as p } from "react";
 import { CrossStrokeSrvIcon16 as F } from "@sberbusiness/icons-next";
 import { FormFieldContext as h } from "../FormFieldContext.js";
 import { EFormFieldStatus as C } from "../enums.js";
-import { c as u } from "../../../chunks/vendor-CehxOAkM.js";
+import { c as u } from "../../../chunks/vendor-Ba_pyhza.js";
 import "../../Button/Button.js";
 import "../../Button/ButtonBase.js";
 import { ButtonIcon as x } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-const _ = "formFieldClear__d62a50e0", v = "hidden__92a02eff", t = {
+const _ = "formFieldClear__ab290d63", v = "hidden__1b4afecd", t = {
   formFieldClear: _,
   hidden: v
-}, I = c.forwardRef(
-  ({ className: m, onMouseDown: e, ...l }, a) => {
-    const { status: d, focused: i, hovered: s, valueExist: f } = p(h), n = u(
+}, I = n.forwardRef(
+  ({ className: m, onMouseDown: e, ...d }, l) => {
+    const { status: a, focused: i, hovered: s, valueExist: c } = p(h), f = u(
       t.formFieldClear,
       "hoverable",
       {
-        [t.hidden]: !f || d === C.DISABLED || !(i || s)
+        [t.hidden]: !c || a === C.DISABLED || !(i || s)
       },
       m
     );
-    return /* @__PURE__ */ o(x, { className: n, onMouseDown: (r) => {
+    return /* @__PURE__ */ o(x, { className: f, onMouseDown: (r) => {
       r.preventDefault(), e == null || e(r);
-    }, ...l, ref: a, children: /* @__PURE__ */ o(F, { paletteIndex: 5 }) });
+    }, ...d, ref: l, children: /* @__PURE__ */ o(F, { paletteIndex: 5 }) });
   }
 );
 I.displayName = "FormFieldClear";

package/components/FormField/components/FormFieldCounter.js

@@ -1,7 +1,7 @@
 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__c806e084", u = {
+const s = "formFieldCounter__0e57c3a0", u = {
   formFieldCounter: s
 }, l = ({ children: e, ...o }) => {
   const { setWithCounter: t } = i(n);

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 as m } from "../../../chunks/vendor-CehxOAkM.js";
-import { FormFieldDescriptionContext as c } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__38e70df1", p = "withCounter__907f80b8", i = {
+import { c } from "../../../chunks/vendor-Ba_pyhza.js";
+import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
+const l = "formFieldDescription__37b5794f", p = "withCounter__b73c01a3", i = {
   formFieldDescription: l,
   withCounter: p
-}, d = ({ children: e, ...r }) => {
+}, d = ({ children: r, ...e }) => {
   const [o, s] = n(!1);
-  return /* @__PURE__ */ t(c.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: m(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 }) });
 };
 d.displayName = "FormFieldDescription";
 export {

package/components/FormField/components/FormFieldInput.js

@@ -1,10 +1,11 @@
 import "react/jsx-runtime";
 import "react";
 import "../FormFieldContext.js";
-import "../../../chunks/vendor-CehxOAkM.js";
-import { F as e } from "../../../chunks/FormFieldInput-n8Ee4EcP.js";
+import "../../../chunks/vendor-Ba_pyhza.js";
+import { F as a } from "../../../chunks/FormFieldInput-CO7yZP0Q.js";
 import "../enums.js";
+import "../../../utils/classNameMaps.js";
 export {
-  e as FormFieldInput
+  a as FormFieldInput
 };
 //# sourceMappingURL=FormFieldInput.js.map

package/components/FormField/components/FormFieldLabel.js

@@ -1,39 +1,39 @@
 import { jsx as d } from "react/jsx-runtime";
 import p, { useContext as T, useState as g, useEffect as E } from "react";
 import { FormFieldContext as h } from "../FormFieldContext.js";
-import { TARGET_PADDING_X_DEFAULT as f } from "../consts.js";
-import { k as D, c as N } from "../../../chunks/vendor-CehxOAkM.js";
+import { TARGET_PADDING_X_DEFAULT as m } from "../consts.js";
+import { m as D, c as N } from "../../../chunks/vendor-Ba_pyhza.js";
 import { EFormFieldStatus as y } from "../enums.js";
-const A = "formFieldLabel__0defdf44", R = "floating__377c68bf", S = "formFieldLabelText__b2dd8ed2", C = "disabled__4cfae557", s = {
+const A = "formFieldLabel__cc7aa592", R = "floating__2a4fa279", S = "formFieldLabelText__09fde7f9", C = "disabled__b720611e", s = {
   formFieldLabel: A,
-  "size-sm": "size-sm__be18d678",
-  "size-md": "size-md__0c7d8630",
-  "size-lg": "size-lg__25f7cc71",
+  "size-sm": "size-sm__7540e812",
+  "size-md": "size-md__c6a543db",
+  "size-lg": "size-lg__1760a0c4",
   floating: R,
   formFieldLabelText: S,
   disabled: C
 }, G = p.forwardRef(
-  ({ children: m, className: r, style: c, floating: e, ...n }, b) => {
-    const { status: F, focused: t, id: _, prefixWidth: L, postfixWidth: x, size: i, valueExist: o } = T(h), [l, a] = g(!1);
+  ({ children: f, className: r, style: c, floating: e, ...n }, F) => {
+    const { status: _, focused: t, id: b, prefixWidth: L, postfixWidth: x, size: i, valueExist: a } = T(h), [l, o] = g(!1);
     E(() => {
-      !D(e) && e !== l ? a(e) : e !== l && a(t || o);
-    }, [t, o, e, l]);
+      !D(e) && e !== l ? o(e) : e !== l && o(t || a);
+    }, [t, a, e, l]);
     const u = N(
       s.formFieldLabel,
       {
-        [s.disabled]: F === y.DISABLED,
+        [s.disabled]: _ === y.DISABLED,
         [s.floating]: l,
         [s[`size-${i}`]]: i
       },
       r
     ), z = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      left: L || f,
+      left: L || m,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      right: x || f,
+      right: x || m,
       ...c
     };
-    return /* @__PURE__ */ d("label", { className: u, ref: b, htmlFor: _, ...n, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: m }) });
+    return /* @__PURE__ */ d("label", { className: u, ref: F, htmlFor: b, ...n, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: f }) });
   }
 );
 G.displayName = "FormFieldLabel";

package/components/FormField/components/FormFieldMaskedInput.js

@@ -1,17 +1,17 @@
 import { jsxs as N, jsx as m } from "react/jsx-runtime";
 import { useState as O, useRef as A, useContext as B, useEffect as D, useCallback as U } from "react";
-import { c as F, m as q, n as p } from "../../../chunks/vendor-CehxOAkM.js";
+import { c as F, n as q, o as p } from "../../../chunks/vendor-Ba_pyhza.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-n8Ee4EcP.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-CO7yZP0Q.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
-const L = "formFieldMaskedInputWrapper__872110eb", Q = "formFieldMaskedInputPlaceholder__1306e418", X = "formFieldMaskedInput__96e3c519", l = {
+const L = "formFieldMaskedInputWrapper__a2c0a493", Q = "formFieldMaskedInputPlaceholder__b0621a6f", X = "formFieldMaskedInput__8f7dcad2", l = {
   formFieldMaskedInputWrapper: L,
   formFieldMaskedInputPlaceholder: Q,
-  "size-sm": "size-sm__be18d678",
-  "size-md": "size-md__0c7d8630",
-  "size-lg": "size-lg__25f7cc71",
+  "size-sm": "size-sm__7540e812",
+  "size-md": "size-md__c6a543db",
+  "size-lg": "size-lg__1760a0c4",
   formFieldMaskedInput: X
-}, c = ({
+}, a = ({
   className: I,
   forwardedRef: f,
   disabled: g,
@@ -23,7 +23,7 @@ const L = "formFieldMaskedInputWrapper__872110eb", Q = "formFieldMaskedInputPlac
   value: s,
   ..._
 }) => {
-  const [V, x] = O(""), a = A(!1), { valueExist: y, focused: z, size: k } = B(K);
+  const [V, x] = O(""), c = A(!1), { valueExist: y, focused: z, size: k } = B(K);
   D(() => {
     x((() => {
       let t = [];
@@ -43,14 +43,14 @@ const L = "formFieldMaskedInputWrapper__872110eb", Q = "formFieldMaskedInputPlac
   const T = U(
     (e) => {
       const { value: t } = e.target;
-      a.current = !1, s !== t && (d == null || d(e));
+      c.current = !1, s !== t && (d == null || d(e));
     },
     [s, d]
   ), E = () => {
-    a.current = !0;
-  }, W = (e, t) => o === c.presets.masks.phone ? e.length ? P(t.rawValue) : e : o === c.presets.masks.swiftCode ? e.toUpperCase() : e, P = (e) => {
+    c.current = !0;
+  }, W = (e, t) => o === a.presets.masks.phone ? e.length ? P(t.rawValue) : e : o === a.presets.masks.swiftCode ? e.toUpperCase() : e, P = (e) => {
     let t = [];
-    if (a.current) {
+    if (c.current) {
       let n = /^[78]((\D*\d)*)/;
       e = e.replace(n, "+7 ($1"), n = /^\d7/, e = e.replace(n, (r) => (t = Array.from("+7 (").map((Y, $) => $), `+7 (${r}`));
     } else (e === "7" || e === "8") && (e = "+7 (");
@@ -58,7 +58,7 @@ const L = "formFieldMaskedInputWrapper__872110eb", Q = "formFieldMaskedInputPlac
       indexesOfPipedChars: t,
       value: p.conformToMask(e, o, { guide: !1, placeholderChar: i }).conformedValue
     };
-  }, b = () => o === c.presets.masks.phone ? (s = P(s).value, s) : p.conformToMask(s, o, { guide: !1, placeholderChar: i }).conformedValue, j = (e) => (t) => {
+  }, b = () => o === a.presets.masks.phone ? (s = P(s).value, s) : p.conformToMask(s, o, { guide: !1, placeholderChar: i }).conformedValue, j = (e) => (t) => {
     t && e(t), typeof f == "function" ? f(t) : f && (f.current = t);
   }, S = () => !y && !z || !s && M ? "" : V;
   return /* @__PURE__ */ N("div", { className: F(l.formFieldMaskedInputWrapper, l[`size-${k}`]), children: [
@@ -98,8 +98,8 @@ const L = "formFieldMaskedInputWrapper__872110eb", Q = "formFieldMaskedInputPlac
     )
   ] });
 };
-c.presets = G;
+a.presets = G;
 export {
-  c as FormFieldMaskedInput
+  a as FormFieldMaskedInput
 };
 //# sourceMappingURL=FormFieldMaskedInput.js.map

package/components/FormField/components/FormFieldPostfix.js

@@ -1,10 +1,10 @@
-import { jsx as d } from "react/jsx-runtime";
-import l, { useContext as x, useRef as u, useEffect as a } from "react";
+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-CehxOAkM.js";
-const P = "formFieldPostfix__866d6adf", R = {
+import { c as p } from "../../../chunks/vendor-Ba_pyhza.js";
+const P = "formFieldPostfix__9fa31efa", R = {
   formFieldPostfix: P
-}, _ = l.forwardRef(
+}, _ = 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);
@@ -14,7 +14,7 @@ const P = "formFieldPostfix__866d6adf", R = {
         return;
       const { width: t } = e.current.getBoundingClientRect();
       t !== n && c(t);
-    }), /* @__PURE__ */ d("span", { className: r, ref: m, ...i, 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-CehxOAkM.js";
-const P = "formFieldPrefix__ceae314c", R = {
+import d, { 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-Ba_pyhza.js";
+const P = "formFieldPrefix__95f1c407", R = {
   formFieldPrefix: P
 }, _ = d.forwardRef(
-  ({ children: o, className: i, ...f }, r) => {
-    const s = p(R.formFieldPrefix, i), { prefixWidth: c, setPrefixWidth: n } = x(F), t = u(), m = (e) => {
+  ({ children: o, className: f, ...i }, r) => {
+    const s = p(R.formFieldPrefix, f), { 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 !== c && n(e);
-    }), /* @__PURE__ */ l("span", { className: s, ref: m, ...f, children: o });
+      e !== n && c(e);
+    }), /* @__PURE__ */ l("span", { className: s, ref: m, ...i, children: o });
   }
 );
 _.displayName = "FormFieldPrefix";

package/components/FormField/components/FormFieldTarget.js

@@ -1,42 +1,42 @@
-import { jsx as b } from "react/jsx-runtime";
+import { jsx as I } from "react/jsx-runtime";
 import x, { useContext as E, useRef as T, useEffect as m } from "react";
 import { FormFieldContext as B } from "../FormFieldContext.js";
-import { c as S, a as A } from "../../../chunks/vendor-CehxOAkM.js";
-import { EFormFieldStatus as a } from "../enums.js";
-const L = "formFieldTarget__0340f465", N = "placeholder__23d157f7", R = "disabled__4cfae557", o = {
+import { c as S, a as A } from "../../../chunks/vendor-Ba_pyhza.js";
+import { EFormFieldStatus as d } from "../enums.js";
+const L = "formFieldTarget__8ca0e86d", N = "placeholder__58ee63a8", R = "disabled__b720611e", o = {
   formFieldTarget: L,
   placeholder: N,
   disabled: R,
-  "size-sm": "size-sm__be18d678",
-  "size-md": "size-md__0c7d8630",
-  "size-lg": "size-lg__25f7cc71"
+  "size-sm": "size-sm__7540e812",
+  "size-md": "size-md__c6a543db",
+  "size-lg": "size-lg__1760a0c4"
 }, y = x.forwardRef((F, _) => {
-  const { className: p, id: e, onBlur: l, onFocus: i, placeholder: n, children: s, ...g } = F, { status: r, setFocused: f, setId: t, setValueExist: u, size: h } = E(B), z = S(o.formFieldTarget, p, o[`size-${h}`], {
-    [o.disabled]: r === a.DISABLED,
-    [o.placeholder]: !!n && !s && r !== a.DISABLED
-  }), d = T(e || A("formFieldTarget_"));
+  const { className: p, id: e, onBlur: l, onFocus: i, placeholder: n, children: s, ...g } = F, { status: r, setFocused: f, setId: t, setValueExist: u, size: h } = E(B), b = S(o.formFieldTarget, p, o[`size-${h}`], {
+    [o.disabled]: r === d.DISABLED,
+    [o.placeholder]: !!n && !s && r !== d.DISABLED
+  }), a = T(e || A("formFieldTarget_"));
   m(() => {
-    t(d.current);
+    t(a.current);
   }, [t]), m(() => {
-    e && (d.current = e, t(d.current));
+    e && (a.current = e, t(a.current));
   }, [e, t]), m(() => {
     u(!!s);
   }, [u, s]);
-  const D = (c) => {
+  const z = (c) => {
     f(!1), l == null || l(c);
-  }, I = (c) => {
+  }, D = (c) => {
     f(!0), i == null || i(c);
   };
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ I(
     "div",
     {
       ...g,
-      className: z,
-      "aria-disabled": r === a.DISABLED,
-      id: d.current,
-      onFocus: I,
-      onBlur: D,
-      tabIndex: r === a.DISABLED ? -1 : 0,
+      className: b,
+      "aria-disabled": r === d.DISABLED,
+      id: a.current,
+      onFocus: D,
+      onBlur: z,
+      tabIndex: r === d.DISABLED ? -1 : 0,
       ref: _,
       children: s || n
     }

package/components/FormField/components/FormFieldTextarea.js

@@ -1,43 +1,47 @@
-import { jsx as I } from "react/jsx-runtime";
-import _, { useContext as h, useRef as N, useEffect as c } from "react";
-import { FormFieldContext as R } from "../FormFieldContext.js";
-import { a as y, c as C } from "../../../chunks/vendor-CehxOAkM.js";
-import { EFormFieldStatus as D } from "../enums.js";
-const S = "formFieldTextarea__8ef5fe96", b = {
-  formFieldTextarea: S
-}, j = _.forwardRef(
-  ({ className: i, id: e, onBlur: a, onFocus: s, placeholder: l, value: o, ...n }, x) => {
-    const { status: u, focused: F, setFocused: d, setId: t, setValueExist: f } = h(R), r = N(e || y()), p = C(b.formFieldTextarea, i);
+import { jsx as E } from "react/jsx-runtime";
+import I, { useContext as b, useRef as g, useEffect as c } from "react";
+import { FormFieldContext as h } from "../FormFieldContext.js";
+import { a as z, c as R } from "../../../chunks/vendor-Ba_pyhza.js";
+import { createSizeToClassNameMap as S } from "../../../utils/classNameMaps.js";
+import { EFormFieldStatus as y } from "../enums.js";
+const D = "formFieldTextarea__28af73f9", M = "sm__b412b02f", j = "md__c14e799d", q = "lg__96871987", l = {
+  formFieldTextarea: D,
+  sm: M,
+  md: j,
+  lg: q
+}, w = S(l), A = I.forwardRef(
+  ({ className: f, id: e, onBlur: a, onFocus: r, placeholder: n, value: o, ...x }, p) => {
+    const { size: u, status: F, focused: _, setFocused: d, setId: t, setValueExist: i } = b(h), s = g(e === void 0 ? z() : ""), T = R(l.formFieldTextarea, w[u], f);
     c(() => {
-      t(r.current);
+      t(s.current);
     }, [t]), c(() => {
-      e && (r.current = e, t(r.current));
+      e && (s.current = e, t(s.current));
     }, [e, t]), c(() => {
-      f(!!o);
-    }, [f, o]);
-    const T = (m) => {
+      i(!!o);
+    }, [i, o]);
+    const N = (m) => {
       d(!1), a == null || a(m);
-    }, E = (m) => {
-      d(!0), s == null || s(m);
+    }, C = (m) => {
+      d(!0), r == null || r(m);
     };
-    return /* @__PURE__ */ I(
+    return /* @__PURE__ */ E(
       "textarea",
       {
-        ...n,
-        id: r.current,
-        className: p,
-        disabled: u === D.DISABLED,
-        onFocus: E,
-        onBlur: T,
-        placeholder: F ? l : void 0,
+        ...x,
+        id: s.current,
+        className: T,
+        disabled: F === y.DISABLED,
+        onFocus: C,
+        onBlur: N,
+        placeholder: _ ? n : void 0,
         value: o,
-        ref: x
+        ref: p
       }
     );
   }
 );
-j.displayName = "FormFieldTextarea";
+A.displayName = "FormFieldTextarea";
 export {
-  j as FormFieldTextarea
+  A as FormFieldTextarea
 };
 //# sourceMappingURL=FormFieldTextarea.js.map

package/components/FormField/index.js

@@ -4,7 +4,7 @@ import { FormFieldCounter as i } from "./components/FormFieldCounter.js";
 import { FormFieldLabel as p } from "./components/FormFieldLabel.js";
 import { FormFieldClear as d } from "./components/FormFieldClear.js";
 import { FormFieldTarget as a } from "./components/FormFieldTarget.js";
-import { F as n } from "../../chunks/FormFieldInput-n8Ee4EcP.js";
+import { F as n } from "../../chunks/FormFieldInput-CO7yZP0Q.js";
 import { FormFieldMaskedInput as C } from "./components/FormFieldMaskedInput.js";
 import { FormFieldPostfix as I } from "./components/FormFieldPostfix.js";
 import { FormFieldPrefix as S } from "./components/FormFieldPrefix.js";

package/components/Header/Header.js

@@ -1,40 +1,28 @@
-import { jsx as i } from "react/jsx-runtime";
-import d from "react";
-import { c as m } from "../../chunks/vendor-CehxOAkM.js";
-import { HeaderTabs as s } from "./components/HeaderTabs/HeaderTabs.js";
-import { HeaderTitle as p } from "./components/HeaderTitle/HeaderTitle.js";
-import { HeaderSubheader as c } from "./components/HeaderSubheader/HeaderSubheader.js";
-import { HeaderLayoutSidebar as f } from "./components/HeaderLayoutSidebar/HeaderLayoutSidebar.js";
+import { jsx as o } from "react/jsx-runtime";
+import a from "react";
+import { HeaderTabs as i } from "./components/HeaderTabs/HeaderTabs.js";
+import { HeaderTitle as m } from "./components/HeaderTitle/HeaderTitle.js";
+import { HeaderSubheader as d } from "./components/HeaderSubheader/HeaderSubheader.js";
+import { HeaderLayoutSidebar as p } from "./components/HeaderLayoutSidebar/HeaderLayoutSidebar.js";
 import "./components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js";
 import "./components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js";
 import "./components/HeaderTabs/HeaderTabsContent.js";
 import "./components/HeaderTabs/HeaderTabsControls.js";
 import "./components/HeaderTitle/HeaderTitleContent.js";
 import "./components/HeaderTitle/HeaderTitleControls.js";
-const n = "header__5149dd4a", b = "sticky__5f16db65", e = {
-  header: n,
-  sticky: b
-}, l = Object.assign(
-  d.forwardRef(function({ className: r, sticky: t, ...a }, o) {
-    return /* @__PURE__ */ i(
-      "div",
-      {
-        className: m(e.header, { [e.sticky]: !!t }, r),
-        ...a,
-        "data-tx": "1.2.0",
-        ref: o
-      }
-    );
+const f = Object.assign(
+  a.forwardRef(function({ children: r, ...e }, t) {
+    return /* @__PURE__ */ o("div", { ...e, "data-tx": "1.4.0", ref: t, children: r });
   }),
   {
-    LayoutSidebar: f,
-    Subhead: c,
-    Tabs: s,
-    Title: p
+    LayoutSidebar: p,
+    Subhead: d,
+    Tabs: i,
+    Title: m
   }
 );
-l.displayName = "Header";
+f.displayName = "Header";
 export {
-  l as Header
+  f as Header
 };
 //# sourceMappingURL=Header.js.map

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-CehxOAkM.js";
+import { c as i } from "../../../../chunks/vendor-Ba_pyhza.js";
 import { HeaderLayoutSidebarContent as m } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar as s } from "./HeaderLayoutSidebarSidebar.js";
-import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-CDNHX5_G.js";
+import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-CGCy_cim.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-CehxOAkM.js";
-import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-CDNHX5_G.js";
+import { c as d } from "../../../../chunks/vendor-Ba_pyhza.js";
+import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-CGCy_cim.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-CehxOAkM.js";
-import { s } from "../../../../chunks/HeaderLayoutSidebar.module-CDNHX5_G.js";
+import { c as t } from "../../../../chunks/vendor-Ba_pyhza.js";
+import { s } from "../../../../chunks/HeaderLayoutSidebar.module-CGCy_cim.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,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import h from "react";
-import { c as i } from "../../../../chunks/vendor-CehxOAkM.js";
-const u = "headerSubheader__6fecf9c2", c = "withoutPaddings__a4509255", e = {
+import { c as i } from "../../../../chunks/vendor-Ba_pyhza.js";
+const u = "headerSubheader__d7180ecd", c = "withoutPaddings__064c5a69", e = {
   headerSubheader: u,
   withoutPaddings: c
 }, n = h.forwardRef(