@sberbusiness/triplex-next 0.10.0 → 0.12.0

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -1,10 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-BlJo2ILB.js";
+import { c as e } from "../../../chunks/vendor-BARd5eYq.js";
 import { LoaderSmall as t } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as i } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize as p } from "../../../enums/EComponentSize.js";
-import { s } from "../../../chunks/DropdownMobile.module-kHpY8q0l.js";
+import { s } from "../../../chunks/DropdownMobile.module-hCX_8o3O.js";
 const S = ({ className: o, ...r }) => /* @__PURE__ */ m(
   t,
   {

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
-import { c as p } from "../../../chunks/vendor-BlJo2ILB.js";
+import { c as p } from "../../../chunks/vendor-BARd5eYq.js";
 import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__537d4555", r = {
+const t = "dropdownMobileMaskedInput__a7c062dd", r = {
   dropdownMobileMaskedInput: t
 }, n = ({ className: s, ...e }) => /* @__PURE__ */ d(o, { className: p(r.dropdownMobileMaskedInput, s), ...e });
 n.presets = o.presets;

package/components/Ellipsis/Ellipsis.js

@@ -1,27 +1,27 @@
 import { jsx as a } from "react/jsx-runtime";
 import t from "react";
-import { c as m } from "../../chunks/vendor-BlJo2ILB.js";
-const c = "ellipsisLineClamp__7c0259dd", r = "oneLine__dd3d53fd", i = {
+import { c as m } from "../../chunks/vendor-BARd5eYq.js";
+const c = "ellipsisLineClamp__72e85122", r = "oneLine__a663594d", e = {
   ellipsisLineClamp: c,
   oneLine: r
-}, d = t.forwardRef(
-  ({ children: e, maxLines: s, className: l, ...n }, o) => {
-    const p = m(i.ellipsisLineClamp, { [i.oneLine]: s === 1 }, l);
+}, L = t.forwardRef(
+  ({ children: i, maxLines: s, className: l, ...n }, o) => {
+    const p = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
     return /* @__PURE__ */ a(
       "div",
       {
         className: p,
         style: { "--ellipsis-line-clamp": s },
         ...n,
-        "data-tx": "0.10.0",
+        "data-tx": "0.12.0",
         ref: o,
-        children: e
+        children: i
       }
     );
   }
 );
-d.displayName = "Ellipsis";
+L.displayName = "Ellipsis";
 export {
-  d as Ellipsis
+  L as Ellipsis
 };
 //# sourceMappingURL=Ellipsis.js.map

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,16 +1,16 @@
 import { jsx as g } from "react/jsx-runtime";
-import N, { useRef as A } from "react";
-import { A as U, c as j } from "../../chunks/vendor-BlJo2ILB.js";
-const F = "expandAnimation__fd23bbe7", I = {
+import U, { useRef as A } from "react";
+import { A as b, c as j } from "../../chunks/vendor-BARd5eYq.js";
+const F = "expandAnimation__eea81045", I = {
   expandAnimation: F
-}, L = 300, M = N.forwardRef(
+}, L = 300, M = U.forwardRef(
   ({
     children: y,
     className: E,
     expanded: v,
     animationTime: f = L,
     style: R,
-    onStart: l,
+    onStart: d,
     onEnd: h,
     transitionProps: e,
     ...w
@@ -21,32 +21,32 @@ const F = "expandAnimation__fd23bbe7", I = {
       exiting: { height: 0, overflow: "hidden" },
       exited: { height: 0, overflow: "hidden", visibility: "hidden" },
       unmounted: {}
-    }), d = A(null), b = (c) => {
+    }), l = A(null), H = (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) => {
+      l.current && (m.current.entering.height = l.current.scrollHeight), d == null || d(), (u = e == null ? void 0 : e.onEnter) == null || u.call(e, c);
+    }, T = (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);
     }, _ = () => {
+      var c;
+      l.current && (l.current.style.height = l.current.scrollHeight + "px", l.current.scrollHeight), d == null || d(), (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);
-    }, D = (c) => {
-      d.current = c, typeof x == "function" ? x(c) : x && (x.current = c);
+    }, N = (c) => {
+      l.current = c, typeof x == "function" ? x(c) : x && (x.current = c);
     };
     return /* @__PURE__ */ g(
-      U,
+      b,
       {
         in: v,
         timeout: f,
-        nodeRef: d,
+        nodeRef: l,
         ...e,
-        onEnter: b,
-        onEntered: H,
-        onExit: T,
-        onExited: _,
+        onEnter: H,
+        onEntered: T,
+        onExit: _,
+        onExited: D,
         children: (c) => /* @__PURE__ */ g(
           "div",
           {
@@ -57,7 +57,7 @@ const F = "expandAnimation__fd23bbe7", I = {
               ...R
             },
             ...w,
-            ref: D,
+            ref: N,
             children: y
           }
         )

package/components/Footer/Footer.js

@@ -5,7 +5,7 @@ import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
 const p = Object.assign(
   e.forwardRef(function({ children: o, ...r }, t) {
-    return /* @__PURE__ */ i("div", { ...r, "data-tx": "0.10.0", ref: t, children: o });
+    return /* @__PURE__ */ i("div", { ...r, "data-tx": "0.12.0", ref: t, children: o });
   }),
   {
     Description: m

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-BlJo2ILB.js";
-import { s as c } from "../../../chunks/Footer.module-BZTAlpWH.js";
+import { c as p } from "../../../chunks/vendor-BARd5eYq.js";
+import { s as c } from "../../../chunks/Footer.module-CmBv6U70.js";
 const f = Object.assign(
   s.forwardRef(function({ children: o, className: r, ...t }, e) {
     return /* @__PURE__ */ i("div", { className: p(c.footerDescription, r), ...t, 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-BlJo2ILB.js";
-import { s as n } from "../../../chunks/Footer.module-BZTAlpWH.js";
+import { c as m } from "../../../chunks/vendor-BARd5eYq.js";
+import { s as n } from "../../../chunks/Footer.module-CmBv6U70.js";
 const p = 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-BlJo2ILB.js";
-import { s as p } from "../../../chunks/Footer.module-BZTAlpWH.js";
+import { c as m } from "../../../chunks/vendor-BARd5eYq.js";
+import { s as p } from "../../../chunks/Footer.module-CmBv6U70.js";
 const a = i.forwardRef(
   ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ e("div", { className: m(p.footerDescriptionControls, r), ...s, ref: t, children: o })
 );

package/components/FormField/FormField.js

@@ -1,60 +1,60 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useState as e } from "react";
-import { c as G } from "../../chunks/vendor-BlJo2ILB.js";
+import { c as G } from "../../chunks/vendor-BARd5eYq.js";
 import { FormFieldContext as I } 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__5e9a8885", S = "disabled__44b08295", T = "active__d43d990b", L = "error__9f9ee550", u = "warning__fdbda0a3", i = {
+const P = "formField__ffa2fb5c", S = "disabled__9d8bbe79", T = "active__7219c638", L = "error__6f2eb46a", u = "warning__db655c9c", i = {
   formField: P,
   disabled: S,
   active: T,
   error: L,
   warning: u,
-  "size-sm": "size-sm__1d215670",
-  "size-md": "size-md__c30cf193",
-  "size-lg": "size-lg__459bdf9d"
+  "size-sm": "size-sm__76001a4c",
+  "size-md": "size-md__3d3e3831",
+  "size-lg": "size-lg__06136412"
 }, V = ({
   children: p,
   className: F,
   status: t = r.DEFAULT,
-  onMouseEnter: d,
-  onMouseLeave: s,
+  onMouseEnter: s,
+  onMouseLeave: o,
   style: x,
-  size: a = N.LG,
-  ...g
+  size: c = N.LG,
+  ...b
 }) => {
-  const [c, h] = e(!1), [b, l] = e(!1), [v, z] = e(""), [m, E] = 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 [a, g] = e(!1), [h, 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__ */ n(
     I.Provider,
     {
       value: {
         status: t,
-        focused: c,
-        hovered: b,
+        focused: a,
+        hovered: h,
         id: v,
         postfixWidth: m,
         prefixWidth: f,
-        setFocused: h,
+        setFocused: g,
         setId: z,
         setPostfixWidth: E,
         setPrefixWidth: A,
         setValueExist: R,
         valueExist: D,
-        size: a
+        size: c
       },
       children: /* @__PURE__ */ n(
         "div",
         {
           className: G(
             i.formField,
-            i[`size-${a}`],
+            i[`size-${c}`],
             {
-              [i.active]: c,
+              [i.active]: a,
               [i.disabled]: t === r.DISABLED,
               [i.error]: t === r.ERROR,
               [i.warning]: t === r.WARNING
@@ -63,9 +63,9 @@ const P = "formField__5e9a8885", S = "disabled__44b08295", T = "active__d43d990b
           ),
           onMouseEnter: W,
           onMouseLeave: w,
-          "data-tx": "0.10.0",
+          "data-tx": "0.12.0",
           style: { paddingLeft: f, paddingRight: m, ...x },
-          ...g,
+          ...b,
           children: p
         }
       )

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-BlJo2ILB.js";
+import c, { useContext as n } from "react";
+import { c as f } from "../../../chunks/vendor-BARd5eYq.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 x = "formFieldClear__19ba830b", u = "hidden__fc4a2b4e", t = {
+const x = "formFieldClear__dc9abfc2", u = "hidden__23eea42a", t = {
   formFieldClear: x,
   hidden: u
-}, b = n.forwardRef(
-  ({ className: l, onMouseDown: e, ...a }, m) => {
-    const { status: s, valueExist: d } = c(p), i = f(
+}, I = c.forwardRef(
+  ({ className: a, onMouseDown: e, ...l }, m) => {
+    const { status: s, valueExist: d } = n(p), i = f(
       t.formFieldClear,
       "hoverable",
       {
         [t.hidden]: !d || s === C.DISABLED
       },
-      l
+      a
     );
     return /* @__PURE__ */ o(h, { className: i, onMouseDown: (r) => {
       r.preventDefault(), e == null || e(r);
-    }, ...a, ref: m, children: /* @__PURE__ */ o(F, { paletteIndex: 5 }) });
+    }, ...l, ref: m, 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__958c1b66", u = {
+const s = "formFieldCounter__67a4d692", u = {
   formFieldCounter: s
-}, l = ({ children: o, ...e }) => {
+}, d = ({ children: o, ...e }) => {
   const { setWithCounter: t } = i(n);
   return m(() => {
     t(!0);
   }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
 };
-l.displayName = "FormFieldCounter";
+d.displayName = "FormFieldCounter";
 export {
-  l as FormFieldCounter
+  d 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 } from "../../../chunks/vendor-BlJo2ILB.js";
-import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__ee783318", p = "withCounter__47c006f4", e = {
+import { c as m } from "../../../chunks/vendor-BARd5eYq.js";
+import { FormFieldDescriptionContext as c } from "../FormFieldDescriptionContext.js";
+const l = "formFieldDescription__61eaa999", p = "withCounter__5549626a", i = {
   formFieldDescription: l,
   withCounter: p
-}, d = ({ children: i, ...r }) => {
+}, a = ({ children: e, ...r }) => {
   const [o, s] = n(!1);
-  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(e.formFieldDescription, { [e.withCounter]: o }), ...r, children: i }) });
+  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";
+a.displayName = "FormFieldDescription";
 export {
-  d as FormFieldDescription
+  a 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-BlJo2ILB.js";
-import { F as a } from "../../../chunks/FormFieldInput-BoG8X8Sc.js";
+import "../../../chunks/vendor-BARd5eYq.js";
+import { F as a } from "../../../chunks/FormFieldInput-B4hNuHJx.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 m } from "../consts.js";
-import { n as D, c as N } from "../../../chunks/vendor-BlJo2ILB.js";
+import { n as D, c as N } from "../../../chunks/vendor-BARd5eYq.js";
 import { EFormFieldStatus as y } from "../enums.js";
-const A = "formFieldLabel__8bb37c5d", R = "floating__b4548b34", S = "formFieldLabelText__22bd81c8", C = "disabled__44b08295", s = {
+const A = "formFieldLabel__983e3f9d", R = "floating__f65e9f37", S = "formFieldLabelText__c94d9341", C = "disabled__9d8bbe79", s = {
   formFieldLabel: A,
-  "size-sm": "size-sm__1d215670",
-  "size-md": "size-md__c30cf193",
-  "size-lg": "size-lg__459bdf9d",
+  "size-sm": "size-sm__76001a4c",
+  "size-md": "size-md__3d3e3831",
+  "size-lg": "size-lg__06136412",
   floating: R,
   formFieldLabelText: S,
   disabled: C
 }, G = p.forwardRef(
-  ({ children: f, className: r, style: b, floating: e, ...c }, n) => {
-    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: b, focused: t, id: _, prefixWidth: L, postfixWidth: x, size: i, valueExist: o } = T(h), [l, a] = g(!1);
     E(() => {
       !D(e) && e !== l ? a(e) : e !== l && a(t || o);
     }, [t, o, e, l]);
     const u = N(
       s.formFieldLabel,
       {
-        [s.disabled]: F === y.DISABLED,
+        [s.disabled]: b === y.DISABLED,
         [s.floating]: l,
         [s[`size-${i}`]]: i
       },
@@ -31,9 +31,9 @@ const A = "formFieldLabel__8bb37c5d", R = "floating__b4548b34", S = "formFieldLa
       left: L || m,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
       right: x || m,
-      ...b
+      ...c
     };
-    return /* @__PURE__ */ d("label", { className: u, ref: n, htmlFor: _, ...c, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: f }) });
+    return /* @__PURE__ */ d("label", { className: u, ref: F, htmlFor: _, ...n, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: f }) });
   }
 );
 G.displayName = "FormFieldLabel";

package/components/FormField/components/FormFieldMaskedInput.js

@@ -1,22 +1,22 @@
 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, o as U, q as p } from "../../../chunks/vendor-BlJo2ILB.js";
+import { c as F, o as U, q as p } from "../../../chunks/vendor-BARd5eYq.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-BoG8X8Sc.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-B4hNuHJx.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
 import { EFormFieldStatus as V } from "../enums.js";
-const Q = "formFieldMaskedInputWrapper__21e9318d", X = "formFieldMaskedInputPlaceholder__778d75f6", Y = "formFieldMaskedInput__26da649f", l = {
+const Q = "formFieldMaskedInputWrapper__4fd4b4e8", X = "formFieldMaskedInputPlaceholder__1f33d2b7", Y = "formFieldMaskedInput__589829f2", l = {
   formFieldMaskedInputWrapper: Q,
   formFieldMaskedInputPlaceholder: X,
-  "size-sm": "size-sm__1d215670",
-  "size-md": "size-md__c30cf193",
-  "size-lg": "size-lg__459bdf9d",
+  "size-sm": "size-sm__76001a4c",
+  "size-md": "size-md__3d3e3831",
+  "size-lg": "size-lg__06136412",
   formFieldMaskedInput: Y
 }, a = ({
   className: I,
-  forwardedRef: d,
+  forwardedRef: f,
   mask: o,
-  onChange: f,
+  onChange: d,
   placeholder: g,
   placeholderChar: n = "0",
   placeholderMask: u,
@@ -40,15 +40,15 @@ const Q = "formFieldMaskedInputWrapper__21e9318d", X = "formFieldMaskedInputPlac
       return t.join("");
     })());
   }, [s, o, n, u]);
-  const S = q(
+  const b = q(
     (e) => {
       const { value: t } = e.target;
-      c.current = !1, s !== t && (f == null || f(e));
+      c.current = !1, s !== t && (d == null || d(e));
     },
-    [s, f]
-  ), T = () => {
+    [s, d]
+  ), S = () => {
     c.current = !0;
-  }, b = (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 === 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)*)/;
@@ -59,7 +59,7 @@ const Q = "formFieldMaskedInputWrapper__21e9318d", X = "formFieldMaskedInputPlac
       value: p.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) => {
-    t && e(t), typeof d == "function" ? d(t) : d && (d.current = t);
+    t && e(t), typeof f == "function" ? f(t) : f && (f.current = t);
   }, j = () => !z && !k || !s && g ? "" : x;
   return /* @__PURE__ */ B("div", { className: F(l.formFieldMaskedInputWrapper, l[`size-${E}`]), children: [
     /* @__PURE__ */ m(
@@ -83,11 +83,11 @@ const Q = "formFieldMaskedInputWrapper__21e9318d", X = "formFieldMaskedInputPlac
         guide: !1,
         render: (e, t) => /* @__PURE__ */ m(J, { ...t, value: s, placeholder: g || "", ref: W(e) }),
         mask: o,
-        onChange: S,
-        onPaste: T,
+        onChange: b,
+        onPaste: S,
         placeholderChar: n,
         value: D(),
-        pipe: b,
+        pipe: T,
         type: "text",
         ...M
       }

package/components/FormField/components/FormFieldPostfix.js

@@ -1,15 +1,15 @@
 import { jsx as d } from "react/jsx-runtime";
-import l, { useContext as x, useRef as a, useEffect as u } from "react";
-import { FormFieldContext as F } from "../FormFieldContext.js";
-import { c as p } from "../../../chunks/vendor-BlJo2ILB.js";
-const P = "formFieldPostfix__adcdaea8", R = {
+import l, { useContext as x, useRef as u, useEffect as F } from "react";
+import { FormFieldContext as p } from "../FormFieldContext.js";
+import { c as a } from "../../../chunks/vendor-BARd5eYq.js";
+const P = "formFieldPostfix__d3c1837f", R = {
   formFieldPostfix: P
 }, h = l.forwardRef(
   ({ children: s, className: i, ...r }, o) => {
-    const f = p(R.formFieldPostfix, i), { postfixWidth: n, setPostfixWidth: c } = x(F), e = a(), m = (t) => {
+    const f = a(R.formFieldPostfix, i), { postfixWidth: n, setPostfixWidth: c } = x(p), e = u(), m = (t) => {
       e.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
     };
-    return u(() => {
+    return F(() => {
       if (!e.current)
         return;
       const { width: t } = e.current.getBoundingClientRect();

package/components/FormField/components/FormFieldPrefix.js

@@ -1,12 +1,12 @@
 import { jsx as l } from "react/jsx-runtime";
 import d, { useContext as x, useRef as u, useEffect as F } from "react";
-import { FormFieldContext as p } from "../FormFieldContext.js";
-import { c as a } from "../../../chunks/vendor-BlJo2ILB.js";
-const P = "formFieldPrefix__00ec1606", R = {
+import { FormFieldContext as a } from "../FormFieldContext.js";
+import { c as p } from "../../../chunks/vendor-BARd5eYq.js";
+const P = "formFieldPrefix__9a6ec864", R = {
   formFieldPrefix: P
 }, h = d.forwardRef(
   ({ children: o, className: i, ...f }, r) => {
-    const s = a(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(p), t = u(), m = (e) => {
+    const s = p(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(a), t = u(), m = (e) => {
       t.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
     };
     return F(() => {

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-BlJo2ILB.js";
-import { EFormFieldStatus as t } from "../enums.js";
-const A = "formFieldTarget__b0acece9", L = "placeholder__5c2671ed", W = "disabled__44b08295", R = "placeholderWrapper__beb3536f", e = {
+import { c as N, a as S } from "../../../chunks/vendor-BARd5eYq.js";
+import { EFormFieldStatus as d } from "../enums.js";
+const A = "formFieldTarget__327ac650", L = "placeholder__cb276d04", W = "disabled__9d8bbe79", R = "placeholderWrapper__44cb1e6a", e = {
   formFieldTarget: A,
   placeholder: L,
   disabled: W,
-  "size-sm": "size-sm__1d215670",
-  "size-md": "size-md__c30cf193",
-  "size-lg": "size-lg__459bdf9d",
+  "size-sm": "size-sm__76001a4c",
+  "size-md": "size-md__3d3e3831",
+  "size-lg": "size-lg__06136412",
   placeholderWrapper: R
 }, y = x.forwardRef((F, _) => {
-  const { className: h, id: r, onBlur: o, onFocus: c, placeholder: m, children: s, ...b } = F, { status: a, setFocused: p, setId: d, setValueExist: f, size: g } = E(B), z = N(e.formFieldTarget, h, e[`size-${g}`], {
-    [e.disabled]: a === t.DISABLED,
-    [e.placeholder]: !!m && !s && a !== t.DISABLED
-  }), l = T(r || S("formFieldTarget_"));
+  const { className: h, id: r, onBlur: o, onFocus: c, placeholder: m, children: s, ...b } = F, { status: a, setFocused: p, setId: l, setValueExist: f, size: g } = E(B), z = N(e.formFieldTarget, h, e[`size-${g}`], {
+    [e.disabled]: a === d.DISABLED,
+    [e.placeholder]: !!m && !s && a !== d.DISABLED
+  }), t = T(r || S("formFieldTarget_"));
   n(() => {
-    d(l.current);
-  }, [d]), n(() => {
-    r && (l.current = r, d(l.current));
-  }, [r, d]), n(() => {
+    l(t.current);
+  }, [l]), n(() => {
+    r && (t.current = r, l(t.current));
+  }, [r, l]), n(() => {
     f(!!s);
   }, [f, s]);
   const D = (i) => {
@@ -33,11 +33,11 @@ const A = "formFieldTarget__b0acece9", L = "placeholder__5c2671ed", W = "disable
     {
       ...b,
       className: z,
-      "aria-disabled": a === t.DISABLED,
-      id: l.current,
+      "aria-disabled": a === d.DISABLED,
+      id: t.current,
       onFocus: I,
       onBlur: D,
-      tabIndex: a === t.DISABLED ? -1 : 0,
+      tabIndex: a === d.DISABLED ? -1 : 0,
       ref: _,
       children: s || /* @__PURE__ */ u("span", { className: e.placeholderWrapper, children: m })
     }