@sberbusiness/triplex-next 1.1.0 → 1.2.0

package/components/ExpandAnimation/ExpandAnimation.js

@@ -0,0 +1,72 @@
+import { jsx as g } from "react/jsx-runtime";
+import U, { useRef as y } from "react";
+import { w as b, c as j } from "../../chunks/vendor-CehxOAkM.js";
+const F = "expandAnimation__f6d49864", I = {
+  expandAnimation: F
+}, L = 300, M = U.forwardRef(
+  ({
+    children: A,
+    className: E,
+    expanded: v,
+    animationTime: x = L,
+    style: R,
+    onStart: l,
+    onEnd: h,
+    transitionProps: e,
+    ...w
+  }, f) => {
+    const m = y({
+      entering: { height: void 0, overflow: "hidden" },
+      entered: {},
+      exiting: { height: 0, overflow: "hidden" },
+      exited: { height: 0, overflow: "hidden", visibility: "hidden" },
+      unmounted: {}
+    }), d = y(null), _ = (c) => {
+      var u;
+      d.current && (m.current.entering.height = d.current.scrollHeight), l == null || l(), (u = e == null ? void 0 : e.onEnter) == null || u.call(e, c);
+    }, H = (c) => {
+      var u;
+      h == null || h(), (u = e == null ? void 0 : e.onEntered) == null || u.call(e, c);
+    }, T = () => {
+      var c;
+      d.current && (d.current.style.height = d.current.scrollHeight + "px", d.current.scrollHeight), l == null || l(), (c = e == null ? void 0 : e.onExit) == null || c.call(e);
+    }, D = () => {
+      var c;
+      h == null || h(), (c = e == null ? void 0 : e.onExited) == null || c.call(e);
+    }, N = (c) => {
+      d.current = c, typeof f == "function" ? f(c) : f && (f.current = c);
+    };
+    return /* @__PURE__ */ g(
+      b,
+      {
+        in: v,
+        timeout: x,
+        nodeRef: d,
+        ...e,
+        onEnter: _,
+        onEntered: H,
+        onExit: T,
+        onExited: D,
+        children: (c) => /* @__PURE__ */ g(
+          "div",
+          {
+            className: j(I.expandAnimation, E),
+            style: {
+              transitionDuration: x + "ms",
+              ...m.current[c],
+              ...R
+            },
+            ...w,
+            ref: N,
+            children: A
+          }
+        )
+      }
+    );
+  }
+);
+M.displayName = "ExpandAnimation";
+export {
+  M as ExpandAnimation
+};
+//# sourceMappingURL=ExpandAnimation.js.map

package/components/Footer/Footer.js

@@ -1,8 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
 import a from "react";
 import { FooterDescription as p } from "./components/FooterDescription.js";
-import { c } from "../../chunks/vendor-D-uL_icH.js";
-import { s as o } from "../../chunks/Footer.module-CKfl241m.js";
+import { c } from "../../chunks/vendor-CehxOAkM.js";
+import { s as o } from "../../chunks/Footer.module-Bk8QkaWN.js";
 import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
 const f = Object.assign(
@@ -12,7 +12,7 @@ const f = Object.assign(
       {
         className: c(o.footer, { [o.sticky]: !!e }, r),
         ...i,
-        "data-tx": "1.1.0",
+        "data-tx": "1.2.0",
         ref: s,
         children: t
       }

package/components/Footer/components/FooterDescription.js

@@ -2,8 +2,8 @@ import { jsx as i } from "react/jsx-runtime";
 import s from "react";
 import { FooterDescriptionContent as n } from "./FooterDescriptionContent.js";
 import { FooterDescriptionControls as m } from "./FooterDescriptionControls.js";
-import { c as p } from "../../../chunks/vendor-D-uL_icH.js";
-import { s as c } from "../../../chunks/Footer.module-CKfl241m.js";
+import { c as p } from "../../../chunks/vendor-CehxOAkM.js";
+import { s as c } from "../../../chunks/Footer.module-Bk8QkaWN.js";
 const f = Object.assign(
   s.forwardRef(function({ children: o, className: t, ...r }, e) {
     return /* @__PURE__ */ i("div", { className: p(c.footerDescription, t), ...r, ref: e, children: o });

package/components/Footer/components/FooterDescriptionContent.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import i from "react";
-import { c as m } from "../../../chunks/vendor-D-uL_icH.js";
-import { s as n } from "../../../chunks/Footer.module-CKfl241m.js";
+import { c as m } from "../../../chunks/vendor-CehxOAkM.js";
+import { s as n } from "../../../chunks/Footer.module-Bk8QkaWN.js";
 const a = i.forwardRef(
   ({ children: o, className: t, ...r }, e) => /* @__PURE__ */ s("div", { className: m(n.footerDescriptionContent, t), ...r, ref: e, children: o })
 );

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-D-uL_icH.js";
-import { s as a } from "../../../chunks/Footer.module-CKfl241m.js";
+import { c as m } from "../../../chunks/vendor-CehxOAkM.js";
+import { s as a } from "../../../chunks/Footer.module-Bk8QkaWN.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,77 +1,78 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as f } 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-D-uL_icH.js";
-import { EFormFieldSize as N, EFormFieldStatus as r } from "./enums.js";
-const P = "formField__9a74ebe8", S = "disabled__4388a233", T = "active__b089df13", L = "error__402055fd", u = "warning__f87ab909", i = {
+import { c as I } from "../../chunks/vendor-CehxOAkM.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 = {
   formField: P,
   disabled: S,
   active: T,
   error: L,
   warning: u,
-  "size-sm": "size-sm__eb9869a4",
-  "size-md": "size-md__450c5a48",
-  "size-lg": "size-lg__96a2c9be"
-}, O = ({
-  children: F,
-  className: p,
+  "size-sm": "size-sm__be18d678",
+  "size-md": "size-md__0c7d8630",
+  "size-lg": "size-lg__25f7cc71"
+}, V = ({
+  children: p,
+  className: F,
   status: t = r.DEFAULT,
   onMouseEnter: s,
   onMouseLeave: d,
-  style: x,
-  size: o = N.LG,
-  ...b
+  style: b,
+  size: c = N.LG,
+  ...x
 }) => {
-  const [l, g] = e(!1), [h, c] = e(!1), [v, E] = e(""), [m, z] = e(_), [f, A] = e(_), [D, R] = e(!1), W = (a) => {
-    c(!0), s == null || s(a);
-  }, w = (a) => {
-    c(!1), d == null || d(a);
+  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);
   };
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ f(
     G.Provider,
     {
       value: {
         status: t,
-        focused: l,
+        focused: a,
         hovered: h,
         id: v,
         postfixWidth: m,
-        prefixWidth: f,
+        prefixWidth: n,
         setFocused: g,
-        setId: E,
-        setPostfixWidth: z,
+        setId: z,
+        setPostfixWidth: E,
         setPrefixWidth: A,
         setValueExist: R,
         valueExist: D,
-        size: o
+        size: c
       },
-      children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ f(
         "div",
         {
           className: I(
             i.formField,
+            i[`size-${c}`],
             {
-              [i.active]: l,
+              [i.active]: a,
               [i.disabled]: t === r.DISABLED,
               [i.error]: t === r.ERROR,
-              [i.warning]: t === r.WARNING,
-              [i[`size-${o}`]]: o
+              [i.warning]: t === r.WARNING
             },
-            p
+            F
           ),
           onMouseEnter: W,
           onMouseLeave: w,
-          "data-tx": "1.1.0",
-          style: { paddingLeft: f, paddingRight: m, ...x },
-          ...b,
-          children: F
+          "data-tx": "1.2.0",
+          style: { paddingLeft: n, paddingRight: m, ...b },
+          ...x,
+          children: p
         }
       )
     }
   );
 };
 export {
-  O as FormField
+  V as FormField
 };
 //# sourceMappingURL=FormField.js.map

package/components/FormField/FormFieldContext.js

@@ -1,7 +1,8 @@
 import t from "react";
-import { EFormFieldSize as e, EFormFieldStatus as i } from "./enums.js";
-const s = {
-  status: i.DEFAULT,
+import { EFormFieldStatus as e } from "./enums.js";
+import { EComponentSize as i } from "../../enums/EComponentSize.js";
+const o = {
+  status: e.DEFAULT,
   focused: !1,
   hovered: !1,
   id: "",
@@ -18,10 +19,10 @@ const s = {
   setValueExist: () => {
   },
   valueExist: !1,
-  size: e.MD
-}, r = t.createContext(s);
+  size: i.MD
+}, f = t.createContext(o);
 export {
-  r as FormFieldContext,
-  s as initialFormFieldContext
+  f as FormFieldContext,
+  o as initialFormFieldContext
 };
 //# sourceMappingURL=FormFieldContext.js.map

package/components/FormField/components/FormFieldClear.js

@@ -1,30 +1,34 @@
-import { jsx as r } from "react/jsx-runtime";
-import u, { useContext as h } from "react";
-import { CrossStrokeSrvIcon16 as x } from "@sberbusiness/icons-next";
-import { FormFieldContext as C } from "../FormFieldContext.js";
-import { c as _ } from "../../../chunks/vendor-D-uL_icH.js";
-import { EFormFieldStatus as w } from "../enums.js";
-const S = "formFieldClear__8a344304", v = "shown__db71aebe", t = {
-  formFieldClear: S,
-  shown: v
-}, b = u.forwardRef(
-  ({ className: s, onClick: e, ...a }, l) => {
-    const { status: m, focused: d, hovered: n, id: i, valueExist: c } = h(C), f = (p) => {
-      const o = document.querySelector(`#${i}`);
-      o && o.focus(), e == null || e(p);
-    }, F = _(
+import { jsx as o } from "react/jsx-runtime";
+import c, { 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 "../../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 = {
+  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(
       t.formFieldClear,
       "hoverable",
       {
-        [t.shown]: c && m !== w.DISABLED && (d || n)
+        [t.hidden]: !f || d === C.DISABLED || !(i || s)
       },
-      s
+      m
     );
-    return /* @__PURE__ */ r("span", { className: F, ref: l, onClick: f, ...a, children: /* @__PURE__ */ r(x, { paletteIndex: 5 }) });
+    return /* @__PURE__ */ o(x, { className: n, onMouseDown: (r) => {
+      r.preventDefault(), e == null || e(r);
+    }, ...l, ref: a, children: /* @__PURE__ */ o(F, { paletteIndex: 5 }) });
   }
 );
-b.displayName = "FormFieldClear";
+I.displayName = "FormFieldClear";
 export {
-  b 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__526f40fd", f = {
+const s = "formFieldCounter__c806e084", u = {
   formFieldCounter: s
-}, u = ({ children: o, ...e }) => {
+}, l = ({ children: e, ...o }) => {
   const { setWithCounter: t } = i(n);
   return m(() => {
     t(!0);
-  }, []), /* @__PURE__ */ r("div", { className: f.formFieldCounter, ...e, children: o });
+  }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...o, children: e });
 };
-u.displayName = "FormFieldCounter";
+l.displayName = "FormFieldCounter";
 export {
-  u as FormFieldCounter
+  l 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-D-uL_icH.js";
-import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__b55385b5", p = "withCounter__0fcb9498", i = {
+import { c as m } from "../../../chunks/vendor-CehxOAkM.js";
+import { FormFieldDescriptionContext as c } from "../FormFieldDescriptionContext.js";
+const l = "formFieldDescription__38e70df1", p = "withCounter__907f80b8", i = {
   formFieldDescription: l,
   withCounter: p
-}, d = ({ children: r, ...e }) => {
+}, d = ({ children: e, ...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 }), ...e, children: r }) });
+  return /* @__PURE__ */ t(c.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: m(i.formFieldDescription, { [i.withCounter]: o }), ...r, children: e }) });
 };
 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-D-uL_icH.js";
-import { F as e } from "../../../chunks/FormFieldInput-apk1b0w6.js";
+import "../../../chunks/vendor-CehxOAkM.js";
+import { F as e } from "../../../chunks/FormFieldInput-n8Ee4EcP.js";
 import "../enums.js";
 export {
   e as FormFieldInput

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 m } from "../consts.js";
-import { k as D, c as N } from "../../../chunks/vendor-D-uL_icH.js";
+import { TARGET_PADDING_X_DEFAULT as f } from "../consts.js";
+import { k as D, c as N } from "../../../chunks/vendor-CehxOAkM.js";
 import { EFormFieldStatus as y } from "../enums.js";
-const A = "formFieldLabel__e3f9fe36", R = "floating__d7dd987e", S = "formFieldLabelText__5500a192", C = "disabled__4388a233", s = {
+const A = "formFieldLabel__0defdf44", R = "floating__377c68bf", S = "formFieldLabelText__b2dd8ed2", C = "disabled__4cfae557", s = {
   formFieldLabel: A,
-  "size-sm": "size-sm__eb9869a4",
-  "size-md": "size-md__450c5a48",
-  "size-lg": "size-lg__96a2c9be",
+  "size-sm": "size-sm__be18d678",
+  "size-md": "size-md__0c7d8630",
+  "size-lg": "size-lg__25f7cc71",
   floating: R,
   formFieldLabelText: S,
   disabled: C
 }, G = p.forwardRef(
-  ({ 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);
+  ({ 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);
     E(() => {
-      !D(e) && e !== l ? o(e) : e !== l && o(t || a);
-    }, [t, a, e, l]);
+      !D(e) && e !== l ? a(e) : e !== l && a(t || o);
+    }, [t, o, e, l]);
     const u = N(
       s.formFieldLabel,
       {
-        [s.disabled]: _ === y.DISABLED,
+        [s.disabled]: F === y.DISABLED,
         [s.floating]: l,
         [s[`size-${i}`]]: i
       },
       r
     ), z = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      left: L || m,
+      left: L || f,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      right: x || m,
+      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: f }) });
+    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,15 +1,15 @@
 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, l as q, m as p } from "../../../chunks/vendor-D-uL_icH.js";
+import { c as F, m as q, n as p } from "../../../chunks/vendor-CehxOAkM.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-apk1b0w6.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-n8Ee4EcP.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
-const L = "formFieldMaskedInputWrapper__2c4006d1", Q = "formFieldMaskedInputPlaceholder__641b6e4d", X = "formFieldMaskedInput__70355da8", l = {
+const L = "formFieldMaskedInputWrapper__872110eb", Q = "formFieldMaskedInputPlaceholder__1306e418", X = "formFieldMaskedInput__96e3c519", l = {
   formFieldMaskedInputWrapper: L,
   formFieldMaskedInputPlaceholder: Q,
-  "size-sm": "size-sm__eb9869a4",
-  "size-md": "size-md__450c5a48",
-  "size-lg": "size-lg__96a2c9be",
+  "size-sm": "size-sm__be18d678",
+  "size-md": "size-md__0c7d8630",
+  "size-lg": "size-lg__25f7cc71",
   formFieldMaskedInput: X
 }, c = ({
   className: I,
@@ -46,9 +46,9 @@ const L = "formFieldMaskedInputWrapper__2c4006d1", Q = "formFieldMaskedInputPlac
       a.current = !1, s !== t && (d == null || d(e));
     },
     [s, d]
-  ), b = () => {
+  ), E = () => {
     a.current = !0;
-  }, E = (e, t) => o === c.presets.masks.phone ? e.length ? P(t.rawValue) : e : o === c.presets.masks.swiftCode ? e.toUpperCase() : e, P = (e) => {
+  }, W = (e, t) => o === c.presets.masks.phone ? e.length ? P(t.rawValue) : e : o === c.presets.masks.swiftCode ? e.toUpperCase() : e, P = (e) => {
     let t = [];
     if (a.current) {
       let n = /^[78]((\D*\d)*)/;
@@ -58,7 +58,7 @@ const L = "formFieldMaskedInputWrapper__2c4006d1", Q = "formFieldMaskedInputPlac
       indexesOfPipedChars: t,
       value: p.conformToMask(e, o, { guide: !1, placeholderChar: i }).conformedValue
     };
-  }, W = () => o === c.presets.masks.phone ? (s = P(s).value, s) : p.conformToMask(s, o, { guide: !1, placeholderChar: i }).conformedValue, j = (e) => (t) => {
+  }, b = () => o === c.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: [
@@ -88,10 +88,10 @@ const L = "formFieldMaskedInputWrapper__2c4006d1", Q = "formFieldMaskedInputPlac
         render: (e, t) => /* @__PURE__ */ m(J, { ...t, value: s, placeholder: M || "", ref: j(e) }),
         mask: o,
         onChange: T,
-        onPaste: b,
+        onPaste: E,
         placeholderChar: i,
-        value: W(),
-        pipe: E,
+        value: b(),
+        pipe: W,
         type: "text",
         ..._
       }

package/components/FormField/components/FormFieldPostfix.js

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

package/components/FormField/components/FormFieldPrefix.js

@@ -1,19 +1,19 @@
 import { jsx as l } from "react/jsx-runtime";
-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-D-uL_icH.js";
-const P = "formFieldPrefix__2b743662", R = {
+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 = {
   formFieldPrefix: P
 }, _ = d.forwardRef(
   ({ children: o, className: i, ...f }, r) => {
-    const s = p(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(a), t = u(), m = (e) => {
+    const s = p(R.formFieldPrefix, i), { prefixWidth: c, setPrefixWidth: n } = x(F), t = u(), m = (e) => {
       t.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
     };
-    return F(() => {
+    return a(() => {
       if (!t.current)
         return;
       const { width: e } = t.current.getBoundingClientRect();
-      e !== n && c(e);
+      e !== c && n(e);
     }), /* @__PURE__ */ l("span", { className: s, ref: m, ...f, children: o });
   }
 );

package/components/FormField/components/FormFieldTarget.js

@@ -1,42 +1,42 @@
-import { jsx as I } from "react/jsx-runtime";
+import { jsx as b } 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, f as A } from "../../../chunks/vendor-D-uL_icH.js";
-import { EFormFieldStatus as d } from "../enums.js";
-const L = "formFieldTarget__31064c39", N = "placeholder__6e9df29f", R = "disabled__4388a233", o = {
+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 = {
   formFieldTarget: L,
   placeholder: N,
   disabled: R,
-  "size-sm": "size-sm__eb9869a4",
-  "size-md": "size-md__450c5a48",
-  "size-lg": "size-lg__96a2c9be"
+  "size-sm": "size-sm__be18d678",
+  "size-md": "size-md__0c7d8630",
+  "size-lg": "size-lg__25f7cc71"
 }, 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), 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_"));
+  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_"));
   m(() => {
-    t(a.current);
+    t(d.current);
   }, [t]), m(() => {
-    e && (a.current = e, t(a.current));
+    e && (d.current = e, t(d.current));
   }, [e, t]), m(() => {
     u(!!s);
   }, [u, s]);
-  const z = (c) => {
+  const D = (c) => {
     f(!1), l == null || l(c);
-  }, D = (c) => {
+  }, I = (c) => {
     f(!0), i == null || i(c);
   };
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ b(
     "div",
     {
       ...g,
-      className: b,
-      "aria-disabled": r === d.DISABLED,
-      id: a.current,
-      onFocus: D,
-      onBlur: z,
-      tabIndex: r === d.DISABLED ? -1 : 0,
+      className: z,
+      "aria-disabled": r === a.DISABLED,
+      id: d.current,
+      onFocus: I,
+      onBlur: D,
+      tabIndex: r === a.DISABLED ? -1 : 0,
       ref: _,
       children: s || n
     }

package/components/FormField/components/FormFieldTextarea.js

@@ -1,13 +1,13 @@
 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 { f as b, c as y } from "../../../chunks/vendor-D-uL_icH.js";
-import { EFormFieldStatus as C } from "../enums.js";
-const D = "formFieldTextarea__777f7b21", S = {
-  formFieldTextarea: D
+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 || b()), p = y(S.formFieldTextarea, i);
+    const { status: u, focused: F, setFocused: d, setId: t, setValueExist: f } = h(R), r = N(e || y()), p = C(b.formFieldTextarea, i);
     c(() => {
       t(r.current);
     }, [t]), c(() => {
@@ -26,7 +26,7 @@ const D = "formFieldTextarea__777f7b21", S = {
         ...n,
         id: r.current,
         className: p,
-        disabled: u === C.DISABLED,
+        disabled: u === D.DISABLED,
         onFocus: E,
         onBlur: T,
         placeholder: F ? l : void 0,