@sberbusiness/triplex-next 1.13.0 → 1.15.0

package/components/FormField/FormField.js

@@ -1,84 +1,88 @@
 import { jsx as n } from "react/jsx-runtime";
-import { useState as e } from "react";
-import { c as C } from "../../chunks/vendor-CwhnMZ7o.js";
-import { FormFieldContext as S } from "./FormFieldContext.js";
+import C, { useState as e } from "react";
+import { c as S } from "../../chunks/vendor-DucOfXwy.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 W } from "../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as w } from "../../utils/classNameMaps.js";
-const G = "formField__07f1da95", I = "disabled__7812cef8", L = "active__e071bb81", P = "error__1b08f7ca", U = "warning__dd576a24", y = "sm__088f3562", z = "md__b0eea983", j = "lg__19259457", t = {
-  formField: G,
-  default: "default__86fae803",
-  disabled: I,
-  active: L,
-  error: P,
-  warning: U,
-  sm: y,
-  md: z,
-  lg: j
-}, B = {
+import { EComponentSize as G } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as I } from "../../utils/classNameMaps.js";
+const L = "formField__15f75360", P = "disabled__763082bf", y = "active__3f1b38cf", U = "error__7e26ef1e", z = "warning__a8fbb689", j = "sm__02d44dd6", B = "md__a635573c", H = "lg__38c03801", t = {
+  formField: L,
+  default: "default__16d117aa",
+  disabled: P,
+  active: y,
+  error: U,
+  warning: z,
+  sm: j,
+  md: B,
+  lg: H
+}, O = {
   [s.DEFAULT]: t.default,
   [s.DISABLED]: t.disabled,
   [s.ERROR]: t.error,
   [s.WARNING]: t.warning
-}, H = w(t), Y = ({
-  children: p,
-  className: F,
-  status: i = s.DEFAULT,
-  onMouseEnter: o,
-  onMouseLeave: r,
-  style: x,
-  size: d = W.LG,
-  ...g
-}) => {
-  const [l, h] = e(!1), [b, m] = e(!1), [u, v] = e(""), [c, E] = e(_), [f, T] = e(_), [A, D] = e(!1), N = (a) => {
-    m(!0), o == null || o(a);
-  }, R = (a) => {
-    m(!1), r == null || r(a);
-  };
-  return /* @__PURE__ */ n(
-    S.Provider,
-    {
-      value: {
-        status: i,
-        focused: l,
-        hovered: b,
-        id: u,
-        postfixWidth: c,
-        prefixWidth: f,
-        setFocused: h,
-        setId: v,
-        setPostfixWidth: E,
-        setPrefixWidth: T,
-        setValueExist: D,
-        valueExist: A,
-        size: d
-      },
-      children: /* @__PURE__ */ n(
-        "div",
-        {
-          className: C(
-            t.formField,
-            H[d],
-            B[i],
-            {
-              [t.active]: l
-            },
-            F
-          ),
-          onMouseEnter: N,
-          onMouseLeave: R,
-          "data-tx": "1.13.0",
-          style: { paddingLeft: f, paddingRight: c, ...x },
-          ...g,
-          children: p
-        }
-      )
-    }
-  );
-};
+}, V = I(t), X = C.forwardRef(
+  ({
+    children: p,
+    className: F,
+    status: d = s.DEFAULT,
+    onMouseEnter: o,
+    onMouseLeave: r,
+    style: x,
+    size: i = G.LG,
+    ...g
+  }, h) => {
+    const [l, u] = e(!1), [b, m] = e(!1), [v, E] = e(""), [c, N] = e(_), [f, R] = e(_), [T, A] = e(!1), D = (a) => {
+      m(!0), o == null || o(a);
+    }, w = (a) => {
+      m(!1), r == null || r(a);
+    };
+    return /* @__PURE__ */ n(
+      W.Provider,
+      {
+        value: {
+          status: d,
+          focused: l,
+          hovered: b,
+          id: v,
+          postfixWidth: c,
+          prefixWidth: f,
+          setFocused: u,
+          setId: E,
+          setPostfixWidth: N,
+          setPrefixWidth: R,
+          setValueExist: A,
+          valueExist: T,
+          size: i
+        },
+        children: /* @__PURE__ */ n(
+          "div",
+          {
+            className: S(
+              t.formField,
+              V[i],
+              O[d],
+              {
+                [t.active]: l
+              },
+              F
+            ),
+            onMouseEnter: D,
+            onMouseLeave: w,
+            "data-tx": "1.15.0",
+            style: { paddingLeft: f, paddingRight: c, ...x },
+            ...g,
+            ref: h,
+            children: p
+          }
+        )
+      }
+    );
+  }
+);
+X.displayName = "FormField";
 export {
-  Y as FormField,
-  B as statusToClassNameMap
+  X as FormField,
+  O as statusToClassNameMap
 };
 //# sourceMappingURL=FormField.js.map

package/components/FormField/components/FormFieldClear.js

@@ -1,30 +1,30 @@
 import { jsx as o } from "react/jsx-runtime";
-import n, { useContext as c } from "react";
-import { c as f } from "../../../chunks/vendor-CwhnMZ7o.js";
-import { CrossStrokeSrvIcon16 as F } from "@sberbusiness/icons-next";
-import { FormFieldContext as p } from "../FormFieldContext.js";
-import { EFormFieldStatus as C } from "../enums.js";
-import { ButtonIcon as h } from "../../Button/ButtonIcon.js";
-const u = "formFieldClear__7435b225", x = "hidden__340cbfe4", t = {
-  formFieldClear: u,
-  hidden: x
-}, _ = n.forwardRef(
-  ({ className: l, onMouseDown: e, ...m }, a) => {
-    const { status: s, valueExist: d } = c(p), i = f(
+import f, { useContext as F } from "react";
+import { c as p } from "../../../chunks/vendor-DucOfXwy.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__b4465ee9", v = "hidden__1bd16341", t = {
+  formFieldClear: _,
+  hidden: v
+}, I = f.forwardRef(
+  ({ className: l, onMouseDown: e, ...d }, m) => {
+    const { status: s, focused: a, hovered: i, valueExist: n } = F(C), c = p(
       t.formFieldClear,
       "hoverable",
       {
-        [t.hidden]: !d || s === C.DISABLED
+        [t.hidden]: !n || s === u.DISABLED || !(a || i)
       },
       l
     );
-    return /* @__PURE__ */ o(h, { className: i, onMouseDown: (r) => {
+    return /* @__PURE__ */ o(x, { className: c, onMouseDown: (r) => {
       r.preventDefault(), e == null || e(r);
-    }, ...m, ref: a, children: /* @__PURE__ */ o(F, { paletteIndex: 5 }) });
+    }, ...d, ref: m, children: /* @__PURE__ */ o(h, { paletteIndex: 5 }) });
   }
 );
-_.displayName = "FormFieldClear";
+I.displayName = "FormFieldClear";
 export {
-  _ as FormFieldClear
+  I as FormFieldClear
 };
 //# sourceMappingURL=FormFieldClear.js.map

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__0c21dd58", d = {
+const s = "formFieldCounter__42c592dc", u = {
   formFieldCounter: s
-}, u = ({ children: o, ...e }) => {
+}, d = ({ children: o, ...e }) => {
   const { setWithCounter: t } = i(n);
   return m(() => {
     t(!0);
-  }, []), /* @__PURE__ */ r("div", { className: d.formFieldCounter, ...e, children: o });
+  }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
 };
-u.displayName = "FormFieldCounter";
+d.displayName = "FormFieldCounter";
 export {
-  u as FormFieldCounter
+  d as FormFieldCounter
 };
 //# sourceMappingURL=FormFieldCounter.js.map

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-CwhnMZ7o.js";
+import { c } from "../../../chunks/vendor-DucOfXwy.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__4be3f88d", p = "withCounter__0f14cf0c", i = {
+const l = "formFieldDescription__d2c08e02", p = "withCounter__9ea30f65", e = {
   formFieldDescription: l,
   withCounter: p
-}, d = ({ children: e, ...r }) => {
+}, d = ({ children: i, ...r }) => {
   const [o, s] = n(!1);
-  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...r, children: e }) });
+  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(e.formFieldDescription, { [e.withCounter]: o }), ...r, children: i }) });
 };
 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-CwhnMZ7o.js";
-import { F as a } from "../../../chunks/FormFieldInput-GtoWWQRE.js";
+import "../../../chunks/vendor-DucOfXwy.js";
+import { F as a } from "../../../chunks/FormFieldInput-D2EXurFF.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
 export {

package/components/FormField/components/FormFieldLabel.js

@@ -2,18 +2,18 @@ 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 { o as D, c as N } from "../../../chunks/vendor-CwhnMZ7o.js";
+import { n as D, c as N } from "../../../chunks/vendor-DucOfXwy.js";
 import { EFormFieldStatus as y } from "../enums.js";
-const A = "formFieldLabel__2abe5c80", R = "floating__bdf19cdf", S = "formFieldLabelText__5baf2571", C = "disabled__7812cef8", s = {
+const A = "formFieldLabel__b0e7de23", R = "floating__a54a143f", S = "formFieldLabelText__b718df3e", C = "disabled__763082bf", s = {
   formFieldLabel: A,
-  "size-sm": "size-sm__6728b8d7",
-  "size-md": "size-md__45aff5b2",
-  "size-lg": "size-lg__e9696402",
+  "size-sm": "size-sm__7f787fad",
+  "size-md": "size-md__39669aa9",
+  "size-lg": "size-lg__463025b8",
   floating: R,
   formFieldLabelText: S,
   disabled: C
 }, G = p.forwardRef(
-  ({ children: m, className: r, style: c, floating: e, ...b }, n) => {
+  ({ children: m, className: r, style: n, floating: e, ...b }, c) => {
     const { status: F, focused: t, id: _, prefixWidth: L, postfixWidth: x, size: i, valueExist: a } = T(h), [l, o] = g(!1);
     E(() => {
       !D(e) && e !== l ? o(e) : e !== l && o(t || a);
@@ -31,9 +31,9 @@ const A = "formFieldLabel__2abe5c80", R = "floating__bdf19cdf", S = "formFieldLa
       left: L || f,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
       right: x || f,
-      ...c
+      ...n
     };
-    return /* @__PURE__ */ d("label", { className: u, ref: n, htmlFor: _, ...b, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: m }) });
+    return /* @__PURE__ */ d("label", { className: u, ref: c, htmlFor: _, ...b, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: m }) });
   }
 );
 G.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, q as U, s as p } from "../../../chunks/vendor-CwhnMZ7o.js";
+import { c as F, o as U, q as a } from "../../../chunks/vendor-DucOfXwy.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-GtoWWQRE.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-D2EXurFF.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
 import { EFormFieldStatus as V } from "../enums.js";
-const Q = "formFieldMaskedInputWrapper__23059043", X = "formFieldMaskedInputPlaceholder__bd7fc6cd", Y = "formFieldMaskedInput__cf116fa6", l = {
+const Q = "formFieldMaskedInputWrapper__44d6661c", X = "formFieldMaskedInputPlaceholder__4faa302e", Y = "formFieldMaskedInput__228fb060", l = {
   formFieldMaskedInputWrapper: Q,
   formFieldMaskedInputPlaceholder: X,
-  "size-sm": "size-sm__6728b8d7",
-  "size-md": "size-md__45aff5b2",
-  "size-lg": "size-lg__e9696402",
+  "size-sm": "size-sm__7f787fad",
+  "size-md": "size-md__39669aa9",
+  "size-lg": "size-lg__463025b8",
   formFieldMaskedInput: Y
-}, a = ({
+}, p = ({
   className: I,
   forwardedRef: f,
   mask: o,
@@ -23,24 +23,24 @@ const Q = "formFieldMaskedInputWrapper__23059043", X = "formFieldMaskedInputPlac
   value: s,
   ...M
 }) => {
-  const [x, y] = $(""), c = L(!1), { valueExist: z, focused: b, size: k, status: _ } = N(K);
+  const [x, y] = $(""), c = L(!1), { valueExist: z, focused: k, size: E, status: _ } = N(K);
   O(() => {
     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("");
     })());
   }, [s, o, n, u]);
-  const E = q(
+  const b = q(
     (e) => {
       const { value: t } = e.target;
       c.current = !1, s !== t && (d == null || d(e));
@@ -48,7 +48,7 @@ const Q = "formFieldMaskedInputWrapper__23059043", 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,12 +56,12 @@ const Q = "formFieldMaskedInputWrapper__23059043", 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 = () => !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(l.formFieldMaskedInputWrapper, l[`size-${E}`]), children: [
     /* @__PURE__ */ m(
       "input",
       {
@@ -83,7 +83,7 @@ const Q = "formFieldMaskedInputWrapper__23059043", X = "formFieldMaskedInputPlac
         guide: !1,
         render: (e, t) => /* @__PURE__ */ m(J, { ...t, value: s, placeholder: g || "", ref: W(e) }),
         mask: o,
-        onChange: E,
+        onChange: b,
         onPaste: S,
         placeholderChar: n,
         value: D(),
@@ -94,8 +94,8 @@ const Q = "formFieldMaskedInputWrapper__23059043", 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-CwhnMZ7o.js";
-const P = "formFieldPostfix__fe4d4878", 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-DucOfXwy.js";
+const P = "formFieldPostfix__77b612a9", R = {
   formFieldPostfix: P
-}, _ = l.forwardRef(
-  ({ children: s, className: f, ...i }, o) => {
-    const r = p(R.formFieldPostfix, f), { postfixWidth: n, setPostfixWidth: c } = x(a), e = u(), m = (t) => {
+}, _ = d.forwardRef(
+  ({ children: s, className: i, ...r }, o) => {
+    const f = p(R.formFieldPostfix, i), { 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: r, ref: m, ...i, children: s });
+    }), /* @__PURE__ */ l("span", { className: f, ref: m, ...r, children: s });
   }
 );
 _.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 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-CwhnMZ7o.js";
-const P = "formFieldPrefix__d7a2507b", R = {
+import { c as p } from "../../../chunks/vendor-DucOfXwy.js";
+const P = "formFieldPrefix__6a0fccc8", R = {
   formFieldPrefix: P
-}, _ = l.forwardRef(
-  ({ children: o, className: i, ...f }, r) => {
-    const s = p(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(F), t = u(), m = (e) => {
+}, _ = d.forwardRef(
+  ({ children: o, className: f, ...i }, r) => {
+    const s = p(R.formFieldPrefix, f), { prefixWidth: c, setPrefixWidth: n } = x(F), t = u(), m = (e) => {
       t.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
     };
     return a(() => {
       if (!t.current)
         return;
       const { width: e } = t.current.getBoundingClientRect();
-      e !== n && c(e);
-    }), /* @__PURE__ */ d("span", { className: s, ref: m, ...f, children: o });
+      e !== c && n(e);
+    }), /* @__PURE__ */ l("span", { className: s, ref: m, ...i, children: o });
   }
 );
 _.displayName = "FormFieldPrefix";

package/components/FormField/components/FormFieldTarget.js

@@ -1,15 +1,15 @@
 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, a as S } from "../../../chunks/vendor-CwhnMZ7o.js";
+import { c as N, a as S } from "../../../chunks/vendor-DucOfXwy.js";
 import { EFormFieldStatus as d } from "../enums.js";
-const A = "formFieldTarget__26a6a365", L = "placeholder__0c93d9f4", W = "disabled__7812cef8", R = "placeholderWrapper__e9afb788", e = {
+const A = "formFieldTarget__a4020685", L = "placeholder__ec23a54f", W = "disabled__763082bf", R = "placeholderWrapper__46a41d3b", e = {
   formFieldTarget: A,
   placeholder: L,
   disabled: W,
-  "size-sm": "size-sm__6728b8d7",
-  "size-md": "size-md__45aff5b2",
-  "size-lg": "size-lg__e9696402",
+  "size-sm": "size-sm__7f787fad",
+  "size-md": "size-md__39669aa9",
+  "size-lg": "size-lg__463025b8",
   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: l, setValueExist: f, size: g } = E(B), z = N(e.formFieldTarget, h, e[`size-${g}`], {

package/components/FormField/components/FormFieldTextarea.js

@@ -1,47 +1,44 @@
-import { jsx as C } from "react/jsx-runtime";
-import E, { useContext as I, 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-CwhnMZ7o.js";
-import { createSizeToClassNameMap as S } from "../../../utils/classNameMaps.js";
-import { EFormFieldStatus as y } from "../enums.js";
-const D = "formFieldTextarea__9fdb3ab2", M = "sm__088f3562", j = "md__b0eea983", q = "lg__19259457", l = {
-  formFieldTextarea: D,
-  sm: M,
-  md: j,
-  lg: q
-}, w = S(l), A = E.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 } = I(h), s = g(e === void 0 ? z() : ""), T = R(l.formFieldTextarea, w[u], f);
+import { jsx as N } from "react/jsx-runtime";
+import C, { useContext as E, useMemo as I, useEffect as c } from "react";
+import { a as g, c as z } from "../../../chunks/vendor-DucOfXwy.js";
+import { createSizeToClassNameMap as M } from "../../../utils/classNameMaps.js";
+import { FormFieldContext as S } from "../FormFieldContext.js";
+import { EFormFieldStatus as b } from "../enums.js";
+const h = "formFieldTextarea__b1f9272e", y = "sm__02d44dd6", D = "md__a635573c", R = "lg__38c03801", l = {
+  formFieldTextarea: h,
+  sm: y,
+  md: D,
+  lg: R
+}, j = M(l), q = C.forwardRef(
+  ({ className: f, id: e, onBlur: t, onFocus: s, value: a, ...n }, x) => {
+    const { size: F, status: _, setFocused: m, setId: d, setValueExist: i } = E(S), o = I(() => e === void 0 ? g("textarea_") : e, [e]), p = z(l.formFieldTextarea, j[F], f);
     c(() => {
-      t(s.current);
-    }, [t]), c(() => {
-      e && (s.current = e, t(s.current));
-    }, [e, t]), c(() => {
-      i(!!o);
-    }, [i, o]);
-    const N = (m) => {
-      d(!1), a == null || a(m);
-    }, b = (m) => {
-      d(!0), r == null || r(m);
+      d(o);
+    }, [o, d]), c(() => {
+      i(!!a);
+    }, [i, a]);
+    const T = (r) => {
+      m(!1), t == null || t(r);
+    }, u = (r) => {
+      m(!0), s == null || s(r);
     };
-    return /* @__PURE__ */ C(
+    return /* @__PURE__ */ N(
       "textarea",
       {
-        ...x,
-        id: s.current,
-        className: T,
-        disabled: F === y.DISABLED,
-        onFocus: b,
-        onBlur: N,
-        placeholder: _ ? n : void 0,
-        value: o,
-        ref: p
+        ...n,
+        id: o,
+        className: p,
+        disabled: _ === b.DISABLED,
+        onFocus: u,
+        onBlur: T,
+        value: a,
+        ref: x
       }
     );
   }
 );
-A.displayName = "FormFieldTextarea";
+q.displayName = "FormFieldTextarea";
 export {
-  A as FormFieldTextarea
+  q as FormFieldTextarea
 };
 //# sourceMappingURL=FormFieldTextarea.js.map

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-GtoWWQRE.js";
+import { F as n } from "../../chunks/FormFieldInput-D2EXurFF.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.13.0", ref: t, children: r });
+    return /* @__PURE__ */ o("div", { ...e, "data-tx": "1.15.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-CwhnMZ7o.js";
+import { c as i } from "../../../../chunks/vendor-DucOfXwy.js";
 import { HeaderLayoutSidebarContent as m } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar as s } from "./HeaderLayoutSidebarSidebar.js";
-import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-OCqAbr7a.js";
+import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-C5m0I2xF.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-CwhnMZ7o.js";
-import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-OCqAbr7a.js";
+import { c as d } from "../../../../chunks/vendor-DucOfXwy.js";
+import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-C5m0I2xF.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-CwhnMZ7o.js";
-import { s } from "../../../../chunks/HeaderLayoutSidebar.module-OCqAbr7a.js";
+import { c as t } from "../../../../chunks/vendor-DucOfXwy.js";
+import { s } from "../../../../chunks/HeaderLayoutSidebar.module-C5m0I2xF.js";
 const m = i.forwardRef(
   ({ children: a, className: r, ...e }, o) => /* @__PURE__ */ d("div", { className: t(s.headerLayoutSidebarSidebar, r), ...e, ref: o, children: a })
 );