@sberbusiness/triplex-next 1.12.0 → 1.14.0

package/components/FormField/FormField.js

@@ -1,71 +1,76 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import { useState as e } from "react";
-import { c as G } from "../../chunks/vendor-CwhnMZ7o.js";
-import { FormFieldContext as I } from "./FormFieldContext.js";
+import { c as C } from "../../chunks/vendor-DucOfXwy.js";
+import { FormFieldContext as S } from "./FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
-import { EFormFieldStatus as r } from "./enums.js";
-import { EComponentSize as N } from "../../enums/EComponentSize.js";
-const P = "formField__dd59761d", S = "disabled__f5e4285b", T = "active__e8d8a808", L = "error__261da379", u = "warning__e464f97d", i = {
-  formField: P,
-  disabled: S,
-  active: T,
-  error: L,
-  warning: u,
-  "size-sm": "size-sm__aacbf31e",
-  "size-md": "size-md__37f012a5",
-  "size-lg": "size-lg__d9228fc5"
-}, V = ({
+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__f761c77a", I = "disabled__3eaef089", L = "active__3ccc988a", P = "error__4be4e4bb", U = "warning__e3cf6739", y = "sm__0bd23d80", z = "md__c0a1cde1", j = "lg__bd5d7d0d", t = {
+  formField: G,
+  default: "default__0d7bc2d2",
+  disabled: I,
+  active: L,
+  error: P,
+  warning: U,
+  sm: y,
+  md: z,
+  lg: j
+}, B = {
+  [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: t = r.DEFAULT,
-  onMouseEnter: d,
-  onMouseLeave: s,
+  status: i = s.DEFAULT,
+  onMouseEnter: o,
+  onMouseLeave: d,
   style: x,
-  size: a = N.LG,
-  ...g
+  size: a = W.LG,
+  ...b
 }) => {
-  const [c, h] = e(!1), [v, l] = e(!1), [z, E] = e(""), [m, b] = e(_), [f, A] = e(_), [D, R] = e(!1), W = (o) => {
-    l(!0), d == null || d(o);
-  }, w = (o) => {
-    l(!1), s == null || s(o);
+  const [c, g] = e(!1), [h, l] = e(!1), [u, v] = e(""), [m, E] = e(_), [n, T] = e(_), [A, D] = e(!1), N = (r) => {
+    l(!0), o == null || o(r);
+  }, R = (r) => {
+    l(!1), d == null || d(r);
   };
-  return /* @__PURE__ */ n(
-    I.Provider,
+  return /* @__PURE__ */ f(
+    S.Provider,
     {
       value: {
-        status: t,
+        status: i,
         focused: c,
-        hovered: v,
-        id: z,
+        hovered: h,
+        id: u,
         postfixWidth: m,
-        prefixWidth: f,
-        setFocused: h,
-        setId: E,
-        setPostfixWidth: b,
-        setPrefixWidth: A,
-        setValueExist: R,
-        valueExist: D,
+        prefixWidth: n,
+        setFocused: g,
+        setId: v,
+        setPostfixWidth: E,
+        setPrefixWidth: T,
+        setValueExist: D,
+        valueExist: A,
         size: a
       },
-      children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ f(
         "div",
         {
-          className: G(
-            i.formField,
-            i[`size-${a}`],
+          className: C(
+            t.formField,
+            H[a],
+            B[i],
             {
-              [i.active]: c,
-              [i.disabled]: t === r.DISABLED,
-              [i.error]: t === r.ERROR,
-              [i.warning]: t === r.WARNING
+              [t.active]: c
             },
             F
           ),
-          onMouseEnter: W,
-          onMouseLeave: w,
-          "data-tx": "1.12.0",
-          style: { paddingLeft: f, paddingRight: m, ...x },
-          ...g,
+          onMouseEnter: N,
+          onMouseLeave: R,
+          "data-tx": "1.14.0",
+          style: { paddingLeft: n, paddingRight: m, ...x },
+          ...b,
           children: p
         }
       )
@@ -73,6 +78,7 @@ const P = "formField__dd59761d", S = "disabled__f5e4285b", T = "active__e8d8a808
   );
 };
 export {
-  V as FormField
+  Y as FormField,
+  B 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 f } from "react";
-import { c } 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__255b87b3", x = "hidden__aa644ef2", t = {
-  formFieldClear: u,
-  hidden: x
-}, _ = n.forwardRef(
-  ({ className: l, onMouseDown: e, ...a }, m) => {
-    const { status: s, valueExist: d } = f(p), i = c(
+import n, { 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__ad14eefa", v = "hidden__c3a4ee01", t = {
+  formFieldClear: _,
+  hidden: v
+}, I = n.forwardRef(
+  ({ className: a, onMouseDown: e, ...l }, d) => {
+    const { status: m, focused: s, hovered: i, valueExist: c } = F(C), f = p(
       t.formFieldClear,
       "hoverable",
       {
-        [t.hidden]: !d || s === C.DISABLED
+        [t.hidden]: !c || m === u.DISABLED || !(s || i)
       },
-      l
+      a
     );
-    return /* @__PURE__ */ o(h, { className: i, onMouseDown: (r) => {
+    return /* @__PURE__ */ o(x, { className: f, onMouseDown: (r) => {
       r.preventDefault(), e == null || e(r);
-    }, ...a, ref: m, children: /* @__PURE__ */ o(F, { paletteIndex: 5 }) });
+    }, ...l, ref: d, 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__cc0f0d67", u = {
+const s = "formFieldCounter__13857306", u = {
   formFieldCounter: s
-}, d = ({ children: o, ...e }) => {
+}, l = ({ children: o, ...e }) => {
   const { setWithCounter: t } = i(n);
   return m(() => {
     t(!0);
   }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
 };
-d.displayName = "FormFieldCounter";
+l.displayName = "FormFieldCounter";
 export {
-  d as FormFieldCounter
+  l as FormFieldCounter
 };
 //# sourceMappingURL=FormFieldCounter.js.map

package/components/FormField/components/FormFieldDescription.js

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

package/components/FormField/components/FormFieldInput.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
 import "../FormFieldContext.js";
-import "../../../chunks/vendor-CwhnMZ7o.js";
-import { F as a } from "../../../chunks/FormFieldInput-CkbWg1jd.js";
+import "../../../chunks/vendor-DucOfXwy.js";
+import { F as a } from "../../../chunks/FormFieldInput-D2lqfg4n.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
 export {

package/components/FormField/components/FormFieldLabel.js

@@ -2,26 +2,26 @@ 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__7dc222d4", R = "floating__5e844ce8", S = "formFieldLabelText__a01a335e", C = "disabled__f5e4285b", s = {
+const A = "formFieldLabel__362bb78b", R = "floating__1dfd4ea7", S = "formFieldLabelText__8facf86f", C = "disabled__3eaef089", s = {
   formFieldLabel: A,
-  "size-sm": "size-sm__aacbf31e",
-  "size-md": "size-md__37f012a5",
-  "size-lg": "size-lg__d9228fc5",
+  "size-sm": "size-sm__2dcac974",
+  "size-md": "size-md__430dd544",
+  "size-lg": "size-lg__ab7d5555",
   floating: R,
   formFieldLabelText: S,
   disabled: C
 }, G = p.forwardRef(
-  ({ children: m, 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);
+  ({ children: m, className: r, style: c, floating: e, ...n }, b) => {
+    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);
     }, [t, a, e, l]);
     const u = N(
       s.formFieldLabel,
       {
-        [s.disabled]: _ === y.DISABLED,
+        [s.disabled]: F === y.DISABLED,
         [s.floating]: l,
         [s[`size-${i}`]]: i
       },
@@ -33,7 +33,7 @@ const A = "formFieldLabel__7dc222d4", R = "floating__5e844ce8", S = "formFieldLa
       right: x || f,
       ...c
     };
-    return /* @__PURE__ */ d("label", { className: u, ref: F, htmlFor: b, ...n, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: m }) });
+    return /* @__PURE__ */ d("label", { className: u, ref: b, htmlFor: _, ...n, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: m }) });
   }
 );
 G.displayName = "FormFieldLabel";

package/components/FormField/components/FormFieldMaskedInput.js

@@ -1,54 +1,54 @@
 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 a } from "../../../chunks/vendor-CwhnMZ7o.js";
+import { c as F, o as U, q as p } from "../../../chunks/vendor-DucOfXwy.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-CkbWg1jd.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-D2lqfg4n.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
 import { EFormFieldStatus as V } from "../enums.js";
-const Q = "formFieldMaskedInputWrapper__9b080dae", X = "formFieldMaskedInputPlaceholder__f18ccb53", Y = "formFieldMaskedInput__497fe937", l = {
+const Q = "formFieldMaskedInputWrapper__889a629c", X = "formFieldMaskedInputPlaceholder__7ce93387", Y = "formFieldMaskedInput__52e32235", l = {
   formFieldMaskedInputWrapper: Q,
   formFieldMaskedInputPlaceholder: X,
-  "size-sm": "size-sm__aacbf31e",
-  "size-md": "size-md__37f012a5",
-  "size-lg": "size-lg__d9228fc5",
+  "size-sm": "size-sm__2dcac974",
+  "size-md": "size-md__430dd544",
+  "size-lg": "size-lg__ab7d5555",
   formFieldMaskedInput: Y
-}, p = ({
+}, a = ({
   className: I,
-  forwardedRef: f,
+  forwardedRef: d,
   mask: o,
-  onChange: d,
+  onChange: f,
   placeholder: g,
   placeholderChar: n = "0",
   placeholderMask: u,
   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 } = a.conformToMask(s.toString(), o, { guide: !0, placeholderChar: n });
+        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("");
       else {
-        const { conformedValue: i } = a.conformToMask("", o, { guide: !0, placeholderChar: n });
+        const { conformedValue: i } = p.conformToMask("", o, { guide: !0, placeholderChar: n });
         t = i.split("");
       }
       return t.join("");
     })());
   }, [s, o, n, u]);
-  const E = q(
+  const S = q(
     (e) => {
       const { value: t } = e.target;
-      c.current = !1, s !== t && (d == null || d(e));
+      c.current = !1, s !== t && (f == null || f(e));
     },
-    [s, d]
-  ), S = () => {
+    [s, f]
+  ), T = () => {
     c.current = !0;
-  }, T = (e, t) => o === p.presets.masks.phone ? e.length ? P(t.rawValue) : e : o === p.presets.masks.swiftCode ? e.toUpperCase() : e, P = (e) => {
+  }, b = (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 (c.current) {
       let i = /^[78]((\D*\d)*)/;
@@ -56,12 +56,12 @@ const Q = "formFieldMaskedInputWrapper__9b080dae", X = "formFieldMaskedInputPlac
     } else (e === "7" || e === "8") && (e = "+7 (");
     return {
       indexesOfPipedChars: t,
-      value: a.conformToMask(e, o, { guide: !1, placeholderChar: n }).conformedValue
+      value: p.conformToMask(e, o, { guide: !1, placeholderChar: n }).conformedValue
     };
-  }, 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: [
+  }, 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 d == "function" ? d(t) : d && (d.current = t);
+  }, j = () => !z && !k || !s && g ? "" : x;
+  return /* @__PURE__ */ B("div", { className: F(l.formFieldMaskedInputWrapper, l[`size-${E}`]), children: [
     /* @__PURE__ */ m(
       "input",
       {
@@ -83,19 +83,19 @@ const Q = "formFieldMaskedInputWrapper__9b080dae", X = "formFieldMaskedInputPlac
         guide: !1,
         render: (e, t) => /* @__PURE__ */ m(J, { ...t, value: s, placeholder: g || "", ref: W(e) }),
         mask: o,
-        onChange: E,
-        onPaste: S,
+        onChange: S,
+        onPaste: T,
         placeholderChar: n,
         value: D(),
-        pipe: T,
+        pipe: b,
         type: "text",
         ...M
       }
     )
   ] });
 };
-p.presets = G;
+a.presets = G;
 export {
-  p as FormFieldMaskedInput
+  a as FormFieldMaskedInput
 };
 //# sourceMappingURL=FormFieldMaskedInput.js.map

package/components/FormField/components/FormFieldPostfix.js

@@ -1,8 +1,8 @@
 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__22d0fe6b", R = {
+import { c as p } from "../../../chunks/vendor-DucOfXwy.js";
+const P = "formFieldPostfix__2ed75ef4", R = {
   formFieldPostfix: P
 }, _ = l.forwardRef(
   ({ children: s, className: f, ...i }, o) => {

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-CwhnMZ7o.js";
-const P = "formFieldPrefix__e9a7ac92", 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-DucOfXwy.js";
+const P = "formFieldPrefix__fd4e65c7", R = {
   formFieldPrefix: P
-}, _ = d.forwardRef(
-  ({ children: o, className: i, ...f }, r) => {
-    const s = p(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(F), t = u(), m = (e) => {
+}, _ = l.forwardRef(
+  ({ 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 !== n && c(e);
-    }), /* @__PURE__ */ l("span", { className: s, ref: m, ...f, children: o });
+    }), /* @__PURE__ */ d("span", { className: s, ref: m, ...i, children: o });
   }
 );
 _.displayName = "FormFieldPrefix";

package/components/FormField/components/FormFieldTarget.js

@@ -1,26 +1,26 @@
 import { jsx as u } from "react/jsx-runtime";
 import x, { useContext as E, useRef as T, useEffect as n } from "react";
 import { FormFieldContext as B } from "../FormFieldContext.js";
-import { c as N, a as S } from "../../../chunks/vendor-CwhnMZ7o.js";
-import { EFormFieldStatus as d } from "../enums.js";
-const A = "formFieldTarget__36579829", L = "placeholder__9260e2a6", W = "disabled__f5e4285b", R = "placeholderWrapper__c27f93d7", e = {
+import { c as N, a as S } from "../../../chunks/vendor-DucOfXwy.js";
+import { EFormFieldStatus as t } from "../enums.js";
+const A = "formFieldTarget__9627c1ca", L = "placeholder__de8db518", W = "disabled__3eaef089", R = "placeholderWrapper__66c3de87", e = {
   formFieldTarget: A,
   placeholder: L,
   disabled: W,
-  "size-sm": "size-sm__aacbf31e",
-  "size-md": "size-md__37f012a5",
-  "size-lg": "size-lg__d9228fc5",
+  "size-sm": "size-sm__2dcac974",
+  "size-md": "size-md__430dd544",
+  "size-lg": "size-lg__ab7d5555",
   placeholderWrapper: R
 }, y = x.forwardRef((_, F) => {
-  const { className: h, id: r, onBlur: o, onFocus: c, placeholder: m, children: s, ...g } = _, { status: a, setFocused: p, setId: l, setValueExist: f, size: b } = E(B), z = N(e.formFieldTarget, h, e[`size-${b}`], {
-    [e.disabled]: a === d.DISABLED,
-    [e.placeholder]: !!m && !s && a !== d.DISABLED
-  }), t = T(r || S("formFieldTarget_"));
+  const { className: h, id: r, onBlur: o, onFocus: c, placeholder: m, children: s, ...g } = _, { status: a, setFocused: p, setId: d, setValueExist: f, size: b } = E(B), z = N(e.formFieldTarget, h, e[`size-${b}`], {
+    [e.disabled]: a === t.DISABLED,
+    [e.placeholder]: !!m && !s && a !== t.DISABLED
+  }), l = T(r || S("formFieldTarget_"));
   n(() => {
-    l(t.current);
-  }, [l]), n(() => {
-    r && (t.current = r, l(t.current));
-  }, [r, l]), n(() => {
+    d(l.current);
+  }, [d]), n(() => {
+    r && (l.current = r, d(l.current));
+  }, [r, d]), n(() => {
     f(!!s);
   }, [f, s]);
   const D = (i) => {
@@ -33,11 +33,11 @@ const A = "formFieldTarget__36579829", L = "placeholder__9260e2a6", W = "disable
     {
       ...g,
       className: z,
-      "aria-disabled": a === d.DISABLED,
-      id: t.current,
+      "aria-disabled": a === t.DISABLED,
+      id: l.current,
       onFocus: I,
       onBlur: D,
-      tabIndex: a === d.DISABLED ? -1 : 0,
+      tabIndex: a === t.DISABLED ? -1 : 0,
       ref: F,
       children: s || /* @__PURE__ */ u("span", { className: e.placeholderWrapper, children: m })
     }

package/components/FormField/components/FormFieldTextarea.js

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

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