@sberbusiness/triplex-next 0.25.0 → 0.26.0

package/components/Ellipsis/Ellipsis.js

@@ -1,21 +1,21 @@
 import { jsx as a } from "react/jsx-runtime";
 import t from "react";
-import { c as m } from "../../chunks/vendor---Om3uMV.js";
-const c = "ellipsisLineClamp__37b15284", r = "oneLine__101e67b7", e = {
-  ellipsisLineClamp: c,
+import { c } from "../../chunks/vendor---Om3uMV.js";
+const m = "ellipsisLineClamp__c228b088", r = "oneLine__58b02c8d", i = {
+  ellipsisLineClamp: m,
   oneLine: r
 }, L = t.forwardRef(
-  ({ children: i, maxLines: s, className: l, ...n }, o) => {
-    const p = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
+  ({ children: e, maxLines: s, className: l, ...n }, o) => {
+    const p = c(i.ellipsisLineClamp, { [i.oneLine]: s === 1 }, l);
     return /* @__PURE__ */ a(
       "div",
       {
         className: p,
         style: { "--ellipsis-line-clamp": s },
         ...n,
-        "data-tx": "0.25.0",
+        "data-tx": "0.26.0",
         ref: o,
-        children: i
+        children: e
       }
     );
   }

package/components/EmptyView/EmptyView.js

@@ -3,10 +3,10 @@ import { jsxs as s, jsx as e, Fragment as x } from "react/jsx-runtime";
 import N from "react";
 import { c as A } from "../../chunks/vendor---Om3uMV.js";
 import { Title as R } from "../Typography/Title.js";
-import { EFontWeightTitle as d, ETitleSize as p, ETextSize as M, EFontType as E, EFontWeightText as S } from "../Typography/enums.js";
+import { EFontWeightTitle as h, ETitleSize as p, ETextSize as M, EFontType as d, EFontWeightText as S } from "../Typography/enums.js";
 import { Text as _ } from "../Typography/Text.js";
 import { Gap as n } from "../Gap/Gap.js";
-const B = "emptyView__baba03c9", D = "container__fc9351a4", g = "icon__bc039b57", I = "textBlock__73ae78f6", t = {
+const B = "emptyView__f62d4f2d", D = "container__f0634d4a", g = "icon__e0e7f3c2", I = "textBlock__5a7b7bc5", t = {
   emptyView: B,
   container: D,
   icon: g,
@@ -15,21 +15,21 @@ const B = "emptyView__baba03c9", D = "container__fc9351a4", g = "icon__bc039b57"
   [i.SM]: t.sm,
   [i.MD]: t.md
 }, v = {
-  [i.SM]: { size: p.H3, weight: d.MEDIUM },
-  [i.MD]: { size: p.H2, weight: d.SEMIBOLD }
-}, T = {
+  [i.SM]: { size: p.H3, weight: h.MEDIUM },
+  [i.MD]: { size: p.H2, weight: h.SEMIBOLD }
+}, f = {
   [i.SM]: M.B3,
   [i.MD]: M.B2
 }, z = {
   [i.SM]: 16,
   [i.MD]: 24
 }, k = N.forwardRef(
-  ({ className: f, size: c, icon: a, title: o, description: r, caption: m, buttons: h, ...w }, y) => {
+  ({ className: T, size: c, icon: a, title: o, description: r, caption: m, buttons: E, ...w }, y) => {
     const l = !!(r || m);
     return /* @__PURE__ */ s(
       "div",
       {
-        className: A(t.emptyView, V[c], { [t.hasTitle]: !!o }, f),
+        className: A(t.emptyView, V[c], { [t.hasTitle]: !!o }, T),
         ref: y,
         ...w,
         children: [
@@ -43,9 +43,9 @@ const B = "emptyView__baba03c9", D = "container__fc9351a4", g = "icon__bc039b57"
                 r && /* @__PURE__ */ e(
                   _,
                   {
-                    size: T[c],
+                    size: f[c],
                     weight: S.REGULAR,
-                    type: o ? E.SECONDARY : E.PRIMARY,
+                    type: o ? d.SECONDARY : d.PRIMARY,
                     children: r
                   }
                 ),
@@ -53,18 +53,18 @@ const B = "emptyView__baba03c9", D = "container__fc9351a4", g = "icon__bc039b57"
                 m && /* @__PURE__ */ e(
                   _,
                   {
-                    size: T[c],
+                    size: f[c],
                     weight: S.REGULAR,
-                    type: E.SECONDARY,
+                    type: d.SECONDARY,
                     children: m
                   }
                 )
               ] })
             ] })
           ] }),
-          h && /* @__PURE__ */ s(x, { children: [
+          E && /* @__PURE__ */ s(x, { children: [
             /* @__PURE__ */ e(n, { size: z[c] }),
-            /* @__PURE__ */ e("div", { className: t.buttons, children: h })
+            /* @__PURE__ */ e("div", { className: t.buttons, children: E })
           ] })
         ]
       }

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,7 +1,7 @@
 import { jsx as g } from "react/jsx-runtime";
 import U, { useRef as y } from "react";
 import { y as b, c as j } from "../../chunks/vendor---Om3uMV.js";
-const F = "expandAnimation__4354f56c", I = {
+const F = "expandAnimation__a682797a", I = {
   expandAnimation: F
 }, L = 300, M = U.forwardRef(
   ({

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.25.0", ref: t, children: o });
+    return /* @__PURE__ */ i("div", { ...r, "data-tx": "0.26.0", ref: t, children: o });
   }),
   {
     Description: m

package/components/Footer/components/FooterDescription.js

@@ -3,7 +3,7 @@ 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---Om3uMV.js";
-import { s as c } from "../../../chunks/Footer.module-CzJ_N1fs.js";
+import { s as c } from "../../../chunks/Footer.module-Dhevv5cy.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---Om3uMV.js";
-import { s as n } from "../../../chunks/Footer.module-CzJ_N1fs.js";
+import { s as n } from "../../../chunks/Footer.module-Dhevv5cy.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---Om3uMV.js";
-import { s as p } from "../../../chunks/Footer.module-CzJ_N1fs.js";
+import { s as p } from "../../../chunks/Footer.module-Dhevv5cy.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

@@ -6,12 +6,12 @@ import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
 import { EFormFieldStatus as o } from "./enums.js";
 import { EComponentSize as w } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as C } from "../../utils/classNameMaps.js";
-const S = "formField__613f354a", W = "sm__53529901", G = "md__e44fc94a", M = "lg__725588fc", P = "active__445db38f", y = "disabled__47bcdafa", U = "error__60009525", j = "warning__e764f9a9", z = "filled__51180dc0", e = {
+const S = "formField__a9b5fca7", W = "sm__6e609f2e", G = "md__1a38b96d", M = "lg__c94c35cf", P = "active__8cfa5afd", y = "disabled__4608a05e", U = "error__0e9d534c", j = "warning__a9560742", z = "filled__587442d2", e = {
   formField: S,
   sm: W,
   md: G,
   lg: M,
-  default: "default__3e8da407",
+  default: "default__30cf205a",
   active: P,
   disabled: y,
   error: U,
@@ -27,22 +27,22 @@ const S = "formField__613f354a", W = "sm__53529901", G = "md__e44fc94a", M = "lg
     children: p,
     className: F,
     style: g,
-    size: r = w.LG,
-    status: d = o.DEFAULT,
-    active: a = !1,
+    size: a = w.LG,
+    status: r = o.DEFAULT,
+    active: d = !1,
     ...u
   }, x) => {
-    const [m, T] = t(), [c, b] = t(), [i, E] = t(_), [l, N] = t(_), [f, R] = t(!1), [s, A] = t(!1), D = L(
+    const [f, T] = t(), [m, b] = t(), [i, E] = t(_), [l, N] = t(_), [c, R] = t(!1), [s, A] = t(!1), D = L(
       () => ({
-        size: r,
-        status: d,
-        targetId: m,
-        labelId: c,
+        size: a,
+        status: r,
+        targetId: f,
+        labelId: m,
         postfixWidth: i,
         prefixWidth: l,
-        filled: f,
+        filled: c,
         focused: s,
-        active: a || s,
+        active: d || s,
         setTargetId: T,
         setLabelId: b,
         setPostfixWidth: E,
@@ -50,22 +50,22 @@ const S = "formField__613f354a", W = "sm__53529901", G = "md__e44fc94a", M = "lg
         setFilled: R,
         setFocused: A
       }),
-      [r, d, m, c, i, l, f, s, a]
+      [a, r, f, m, i, l, c, s, d]
     );
     return /* @__PURE__ */ n(v.Provider, { value: D, children: /* @__PURE__ */ n(
       "div",
       {
         className: h(
           e.formField,
-          O[r],
-          B[d],
+          O[a],
+          B[r],
           {
-            [e.filled]: f,
-            [e.active]: a || s
+            [e.filled]: c,
+            [e.active]: d || s
           },
           F
         ),
-        "data-tx": "0.25.0",
+        "data-tx": "0.26.0",
         style: { paddingLeft: l, paddingRight: i, ...g },
         ...u,
         ref: x,

package/components/FormField/components/FormFieldClear.js

@@ -3,7 +3,7 @@ import f, { useCallback as i } from "react";
 import { c } from "../../../chunks/vendor---Om3uMV.js";
 import { CrossStrokeSrvIcon16 as s } from "@sberbusiness/icons-next";
 import { ButtonIcon as d } from "../../Button/ButtonIcon.js";
-const p = "formFieldClear__942f9300", C = {
+const p = "formFieldClear__16315f40", C = {
   formFieldClear: p
 }, F = f.forwardRef(
   ({ className: t, onMouseDown: r, ...a }, m) => {

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

package/components/FormField/components/FormFieldDescription.js

@@ -2,15 +2,15 @@ import { jsx as t } from "react/jsx-runtime";
 import { useState as n } from "react";
 import { c } from "../../../chunks/vendor---Om3uMV.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const d = "formFieldDescription__0b3fd96f", l = "withCounter__0cd06dff", i = {
-  formFieldDescription: d,
-  withCounter: l
-}, f = ({ children: r, ...e }) => {
+const l = "formFieldDescription__f6649c24", p = "withCounter__33e54853", i = {
+  formFieldDescription: l,
+  withCounter: p
+}, 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(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...r, children: e }) });
 };
-f.displayName = "FormFieldDescription";
+d.displayName = "FormFieldDescription";
 export {
-  f as FormFieldDescription
+  d as FormFieldDescription
 };
 //# sourceMappingURL=FormFieldDescription.js.map

package/components/FormField/components/FormFieldInput.js

@@ -5,7 +5,7 @@ import "../FormFieldContext.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
 import "./utils.js";
-import { F as d } from "../../../chunks/FormFieldInput-Dj2JAqj2.js";
+import { F as d } from "../../../chunks/FormFieldInput-CyAOOwnJ.js";
 export {
   d as FormFieldInput
 };

package/components/FormField/components/FormFieldLabel.js

@@ -1,11 +1,11 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import A, { useContext as E, useMemo as N, useLayoutEffect as I } from "react";
 import { u as S, c as h } from "../../../chunks/vendor---Om3uMV.js";
 import { FormFieldContext as y } from "../FormFieldContext.js";
 import { createSizeToClassNameMap as D } from "../../../utils/classNameMaps.js";
 import { EFormFieldStatus as C } from "../enums.js";
-import { TARGET_PADDING_X_DEFAULT as a } from "../consts.js";
-const M = "formFieldLabel__86426156", R = "sm__53529901", v = "md__e44fc94a", z = "lg__725588fc", G = "floating__80e5035f", W = "formFieldLabelText__96bb0511", j = "disabled__47bcdafa", e = {
+import { TARGET_PADDING_X_DEFAULT as s } from "../consts.js";
+const M = "formFieldLabel__8decafcf", R = "sm__6e609f2e", v = "md__1a38b96d", z = "lg__c94c35cf", G = "floating__0edae5df", W = "formFieldLabelText__4cad5dcc", j = "disabled__4608a05e", e = {
   formFieldLabel: M,
   sm: R,
   md: v,
@@ -14,25 +14,25 @@ const M = "formFieldLabel__86426156", R = "sm__53529901", v = "md__e44fc94a", z
   formFieldLabelText: W,
   disabled: j
 }, q = D(e), w = A.forwardRef(
-  ({ children: i, id: t, className: m, style: r, floating: d, ...f }, c) => {
-    const { targetId: n, size: _, status: b, filled: F, active: L, prefixWidth: g, postfixWidth: p, setLabelId: o } = E(y), l = N(() => t === void 0 ? S("label_") : t, [t]), x = d ?? (F || L), u = h(
+  ({ children: i, id: t, className: d, style: m, floating: r, ...f }, c) => {
+    const { targetId: n, size: _, status: b, filled: F, active: L, prefixWidth: g, postfixWidth: p, setLabelId: o } = E(y), l = N(() => t === void 0 ? S("label_") : t, [t]), x = r ?? (F || L), u = h(
       e.formFieldLabel,
       q[_],
       {
         [e.floating]: x,
         [e.disabled]: b === C.DISABLED
       },
-      m
+      d
     ), T = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      left: g || a,
+      left: g || s,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      right: p || a,
-      ...r
+      right: p || s,
+      ...m
     };
     return I(() => {
       o(l);
-    }, [l, o]), /* @__PURE__ */ s("label", { ...f, id: l, className: u, htmlFor: n, style: T, ref: c, children: /* @__PURE__ */ s("span", { className: e.formFieldLabelText, children: i }) });
+    }, [l, o]), /* @__PURE__ */ a("label", { ...f, id: l, className: u, htmlFor: n, style: T, ref: c, children: /* @__PURE__ */ a("span", { className: e.formFieldLabelText, children: i }) });
   }
 );
 w.displayName = "FormFieldLabel";

package/components/FormField/components/FormFieldMaskedInput.js

@@ -2,15 +2,15 @@ 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 U } from "react";
 import { c as F, m as q, n as p } from "../../../chunks/vendor---Om3uMV.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-Dj2JAqj2.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-CyAOOwnJ.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
 import { EFormFieldStatus as V } from "../enums.js";
-const Q = "formFieldMaskedInputWrapper__8946674f", X = "formFieldMaskedInputPlaceholder__82bba700", Y = "formFieldMaskedInput__19c32235", u = {
+const Q = "formFieldMaskedInputWrapper__70ac35d8", X = "formFieldMaskedInputPlaceholder__225a38d3", Y = "formFieldMaskedInput__2fcddc5f", u = {
   formFieldMaskedInputWrapper: Q,
   formFieldMaskedInputPlaceholder: X,
-  "size-sm": "size-sm__9e58d599",
-  "size-md": "size-md__bb269355",
-  "size-lg": "size-lg__d13834da",
+  "size-sm": "size-sm__0c49665e",
+  "size-md": "size-md__e370d779",
+  "size-lg": "size-lg__c4ba89e8",
   formFieldMaskedInput: Y
 }, a = ({
   className: I,
@@ -23,9 +23,9 @@ const Q = "formFieldMaskedInputWrapper__8946674f", X = "formFieldMaskedInputPlac
   value: s,
   ...M
 }) => {
-  const [x, b] = $(""), c = L(!1), { filled: y, focused: z, size: k, status: _ } = N(K);
+  const [x, y] = $(""), c = L(!1), { filled: z, focused: k, size: E, status: _ } = N(K);
   O(() => {
-    b((() => {
+    y((() => {
       let t = [];
       if (s) {
         const { conformedValue: i } = p.conformToMask(s.toString(), o, { guide: !0, placeholderChar: n });
@@ -40,15 +40,15 @@ const Q = "formFieldMaskedInputWrapper__8946674f", X = "formFieldMaskedInputPlac
       return t.join("");
     })());
   }, [s, o, n, l]);
-  const E = U(
+  const S = U(
     (e) => {
       const { value: t } = e.target;
       c.current = !1, s !== t && (f == null || f(e));
     },
     [s, f]
-  ), S = () => {
+  ), T = () => {
     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) => {
+  }, 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)*)/;
@@ -60,8 +60,8 @@ const Q = "formFieldMaskedInputWrapper__8946674f", X = "formFieldMaskedInputPlac
     };
   }, 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 = () => !y && !z || !s && g ? "" : x;
-  return /* @__PURE__ */ B("div", { className: F(u.formFieldMaskedInputWrapper, u[`size-${k}`]), children: [
+  }, j = () => !z && !k || !s && g ? "" : x;
+  return /* @__PURE__ */ B("div", { className: F(u.formFieldMaskedInputWrapper, u[`size-${E}`]), children: [
     /* @__PURE__ */ m(
       "input",
       {
@@ -83,11 +83,11 @@ const Q = "formFieldMaskedInputWrapper__8946674f", 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
       }

package/components/FormField/components/FormFieldPostfix.js

@@ -1,10 +1,10 @@
-import { jsx as d } from "react/jsx-runtime";
-import l, { useContext as x, useRef as u, useEffect as F } from "react";
+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---Om3uMV.js";
-const P = "formFieldPostfix__d66d1f93", R = {
+const P = "formFieldPostfix__22163281", R = {
   formFieldPostfix: P
-}, h = l.forwardRef(
+}, h = d.forwardRef(
   ({ children: s, className: i, ...r }, o) => {
     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);
@@ -14,7 +14,7 @@ const P = "formFieldPostfix__d66d1f93", R = {
         return;
       const { width: t } = e.current.getBoundingClientRect();
       t !== n && c(t);
-    }), /* @__PURE__ */ d("span", { className: f, ref: m, ...r, children: s });
+    }), /* @__PURE__ */ l("span", { className: f, ref: m, ...r, children: s });
   }
 );
 h.displayName = "FormFieldPostfix";

package/components/FormField/components/FormFieldPrefix.js

@@ -1,20 +1,20 @@
-import { jsx as l } from "react/jsx-runtime";
-import d, { useContext as x, useRef as u, useEffect as a } from "react";
-import { FormFieldContext as F } from "../FormFieldContext.js";
-import { c as p } from "../../../chunks/vendor---Om3uMV.js";
-const P = "formFieldPrefix__1a8ab9e8", 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 p } from "../FormFieldContext.js";
+import { c as a } from "../../../chunks/vendor---Om3uMV.js";
+const P = "formFieldPrefix__4d00871e", R = {
   formFieldPrefix: P
-}, h = d.forwardRef(
+}, h = l.forwardRef(
   ({ children: o, className: i, ...f }, r) => {
-    const s = p(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(F), t = u(), m = (e) => {
+    const s = a(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(p), 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, ...f, children: o });
   }
 );
 h.displayName = "FormFieldPrefix";

package/components/FormField/components/FormFieldTarget.js

@@ -1,10 +1,10 @@
 import { jsx as _ } from "react/jsx-runtime";
-import b, { useContext as S, useMemo as g, useLayoutEffect as h, useCallback as F } from "react";
+import g, { useContext as S, useMemo as h, useLayoutEffect as b, useCallback as F } from "react";
 import { u as y, c as A } from "../../../chunks/vendor---Om3uMV.js";
 import { FormFieldContext as L } from "../FormFieldContext.js";
 import { EFormFieldStatus as d } from "../enums.js";
 import { createSizeToClassNameMap as W } from "../../../utils/classNameMaps.js";
-const z = "formFieldTarget__48842aa8", M = "sm__53529901", R = "md__e44fc94a", j = "lg__725588fc", k = "placeholder__1d545087", q = "disabled__47bcdafa", w = "placeholderWrapper__e7905519", B = "active__445db38f", e = {
+const z = "formFieldTarget__8fdcc6ef", M = "sm__6e609f2e", R = "md__1a38b96d", j = "lg__c94c35cf", k = "placeholder__ae1faae3", q = "disabled__4608a05e", w = "placeholderWrapper__7660c569", B = "active__8cfa5afd", e = {
   formFieldTarget: z,
   sm: M,
   md: R,
@@ -13,18 +13,18 @@ const z = "formFieldTarget__48842aa8", M = "sm__53529901", R = "md__e44fc94a", j
   disabled: q,
   placeholderWrapper: w,
   active: B
-}, G = W(e), H = b.forwardRef(
-  ({ children: o, id: c, className: T, placeholder: p, onFocus: a, onBlur: t, ...D }, I) => {
-    const { size: u, status: s, active: v, labelId: x, setFilled: n, setFocused: r, setTargetId: f } = S(L), i = g(() => c === void 0 ? y("target_") : c, [c]), l = g(() => b.Children.toArray(o).length !== 0, [o]), E = A(e.formFieldTarget, G[u], T, {
+}, G = W(e), H = g.forwardRef(
+  ({ children: c, id: o, className: T, placeholder: p, onFocus: a, onBlur: t, ...D }, I) => {
+    const { size: u, status: s, active: v, labelId: x, setFilled: f, setFocused: r, setTargetId: n } = S(L), i = h(() => o === void 0 ? y("target_") : o, [o]), l = h(() => g.Children.toArray(c).length !== 0, [c]), E = A(e.formFieldTarget, G[u], T, {
       [e.disabled]: s === d.DISABLED,
       [e.placeholder]: !!p && !l && s !== d.DISABLED,
       [e.active]: v
     });
-    h(() => {
-      f(i);
-    }, [i, f]), h(() => {
-      n(l);
-    }, [l, n]);
+    b(() => {
+      n(i);
+    }, [i, n]), b(() => {
+      f(l);
+    }, [l, f]);
     const C = F(
       (m) => {
         r(!0), a == null || a(m);
@@ -48,7 +48,7 @@ const z = "formFieldTarget__48842aa8", M = "sm__53529901", R = "md__e44fc94a", j
         onBlur: N,
         onFocus: C,
         ref: I,
-        children: l ? o : /* @__PURE__ */ _("span", { className: e.placeholderWrapper, children: p })
+        children: l ? c : /* @__PURE__ */ _("span", { className: e.placeholderWrapper, children: p })
       }
     );
   }

package/components/FormField/components/FormFieldTextarea.js

@@ -1,22 +1,22 @@
-import { jsx as M } from "react/jsx-runtime";
-import b, { useContext as n, useMemo as C, useCallback as a, useLayoutEffect as x } from "react";
+import { jsx as I } from "react/jsx-runtime";
+import M, { useContext as n, useMemo as C, useCallback as a, useLayoutEffect as x } from "react";
 import { u as D, c as L } from "../../../chunks/vendor---Om3uMV.js";
 import { createSizeToClassNameMap as R } from "../../../utils/classNameMaps.js";
 import { FormFieldContext as W } from "../FormFieldContext.js";
 import { EFormFieldStatus as j } from "../enums.js";
 import { isFilled as q } from "./utils.js";
-const w = "formFieldTextarea__880ed5a7", G = "sm__53529901", H = "md__e44fc94a", J = "lg__725588fc", u = {
+const w = "formFieldTextarea__83dc4e37", G = "sm__6e609f2e", H = "md__1a38b96d", J = "lg__c94c35cf", u = {
   formFieldTextarea: w,
   sm: G,
   md: H,
   lg: J
-}, K = R(u), O = b.forwardRef(
+}, K = R(u), O = M.forwardRef(
   ({ id: d, className: p, value: s, defaultValue: F, onFocus: r, onBlur: l, onAnimationStart: m, onChange: i, ..._ }, N) => {
-    const { size: g, status: h, setFocused: o, setTargetId: T, setFilled: c } = n(W), f = C(() => d === void 0 ? D("textarea_") : d, [d]), y = L(u.formFieldTextarea, K[g], p), t = a(
+    const { size: g, status: h, setFocused: c, setTargetId: T, setFilled: o } = n(W), f = C(() => d === void 0 ? D("textarea_") : d, [d]), y = L(u.formFieldTextarea, K[g], p), t = a(
       (e) => {
-        c(q(e));
+        o(q(e));
       },
-      [c]
+      [o]
     );
     x(() => {
       T(f);
@@ -25,28 +25,28 @@ const w = "formFieldTextarea__880ed5a7", G = "sm__53529901", H = "md__e44fc94a",
     }, []), x(() => {
       s !== void 0 && t(s);
     }, [s, t]);
-    const k = a(
+    const b = a(
       (e) => {
-        t(e.currentTarget.value), o(!0), r == null || r(e);
+        t(e.currentTarget.value), c(!0), r == null || r(e);
       },
-      [t, o, r]
-    ), z = a(
+      [t, c, r]
+    ), k = a(
       (e) => {
-        t(e.currentTarget.value), o(!1), l == null || l(e);
+        t(e.currentTarget.value), c(!1), l == null || l(e);
       },
-      [t, o, l]
-    ), E = a(
+      [t, c, l]
+    ), z = a(
       (e) => {
-        e.animationName.startsWith("autofill-applied-hook") ? c(!0) : e.animationName.startsWith("autofill-cancelled-hook") && t(e.currentTarget.value), m == null || m(e);
+        e.animationName.startsWith("autofill-applied-hook") ? o(!0) : e.animationName.startsWith("autofill-cancelled-hook") && t(e.currentTarget.value), m == null || m(e);
       },
-      [c, t, m]
-    ), I = a(
+      [o, t, m]
+    ), E = a(
       (e) => {
         t(e.currentTarget.value), i == null || i(e);
       },
       [i, t]
     );
-    return /* @__PURE__ */ M(
+    return /* @__PURE__ */ I(
       "textarea",
       {
         ..._,
@@ -55,10 +55,10 @@ const w = "formFieldTextarea__880ed5a7", G = "sm__53529901", H = "md__e44fc94a",
         value: s,
         defaultValue: F,
         disabled: h === j.DISABLED,
-        onFocus: k,
-        onBlur: z,
-        onAnimationStart: E,
-        onChange: I,
+        onFocus: b,
+        onBlur: k,
+        onAnimationStart: z,
+        onChange: E,
         ref: N
       }
     );

package/components/FormField/components/index.js

@@ -1,7 +1,7 @@
 import { FormFieldClear as e } from "./FormFieldClear.js";
 import { FormFieldCounter as m } from "./FormFieldCounter.js";
 import { FormFieldDescription as i } from "./FormFieldDescription.js";
-import { F as x } from "../../../chunks/FormFieldInput-Dj2JAqj2.js";
+import { F as x } from "../../../chunks/FormFieldInput-CyAOOwnJ.js";
 import { FormFieldLabel as l } from "./FormFieldLabel.js";
 import { FormFieldMaskedInput as a } from "./FormFieldMaskedInput.js";
 import { FormFieldPostfix as s } from "./FormFieldPostfix.js";

package/components/FormField/index.js

@@ -2,7 +2,7 @@ import { EFormFieldStatus as e } from "./enums.js";
 import { FormFieldClear as F } from "./components/FormFieldClear.js";
 import { FormFieldCounter as i } from "./components/FormFieldCounter.js";
 import { FormFieldDescription as l } from "./components/FormFieldDescription.js";
-import { F as f } from "../../chunks/FormFieldInput-Dj2JAqj2.js";
+import { F as f } from "../../chunks/FormFieldInput-CyAOOwnJ.js";
 import { FormFieldLabel as a } from "./components/FormFieldLabel.js";
 import { FormFieldMaskedInput as u } from "./components/FormFieldMaskedInput.js";
 import { FormFieldPostfix as C } from "./components/FormFieldPostfix.js";