@sberbusiness/triplex-next 1.32.0 → 1.34.0

package/components/ExpandAnimation/ExpandAnimation.js

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

package/components/FocusTrapExtended/FocusTrapExtended.js

@@ -0,0 +1,34 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useRef as l } from "react";
+import { j as n } from "../../chunks/vendor-D5cfSbgz.js";
+const d = ({ focusTrapOptions: e, ...i }) => {
+  const u = l(!1);
+  return /* @__PURE__ */ s(
+    n.FocusTrap,
+    {
+      ...i,
+      focusTrapOptions: {
+        ...e,
+        clickOutsideDeactivates: (t) => {
+          if (typeof (e == null ? void 0 : e.clickOutsideDeactivates) == "function") {
+            const r = e.clickOutsideDeactivates(t);
+            return r && (u.current = !0), r;
+          }
+          return u.current = !0, !0;
+        },
+        setReturnFocus: (t) => {
+          const r = u.current;
+          if (u.current = !1, typeof (e == null ? void 0 : e.setReturnFocus) == "function") {
+            const c = e.setReturnFocus(t);
+            return r && c === t ? !1 : c;
+          }
+          return r ? !1 : t;
+        }
+      }
+    }
+  );
+};
+export {
+  d as FocusTrapExtended
+};
+//# sourceMappingURL=FocusTrapExtended.js.map

package/components/FocusTrapExtended/index.js

@@ -0,0 +1,5 @@
+import { FocusTrapExtended as r } from "./FocusTrapExtended.js";
+export {
+  r as FocusTrapExtended
+};
+//# sourceMappingURL=index.js.map

package/components/Footer/Footer.js

@@ -5,7 +5,7 @@ import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
 const p = Object.assign(
   i.forwardRef(function({ children: o, ...t }, r) {
-    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.32.0", ref: r, children: o });
+    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.34.0", ref: r, 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-82AnkPpo.js";
-import { s as c } from "../../../chunks/Footer.module-fCYYdKPC.js";
+import { c as p } from "../../../chunks/vendor-D5cfSbgz.js";
+import { s as c } from "../../../chunks/Footer.module-CT9KM6mo.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-82AnkPpo.js";
-import { s as n } from "../../../chunks/Footer.module-fCYYdKPC.js";
+import { c as m } from "../../../chunks/vendor-D5cfSbgz.js";
+import { s as n } from "../../../chunks/Footer.module-CT9KM6mo.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-82AnkPpo.js";
-import { s as a } from "../../../chunks/Footer.module-fCYYdKPC.js";
+import { c as m } from "../../../chunks/vendor-D5cfSbgz.js";
+import { s as a } from "../../../chunks/Footer.module-CT9KM6mo.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,17 +1,17 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import I, { useState as t, useMemo as L } from "react";
-import { c as h } from "../../chunks/vendor-82AnkPpo.js";
+import { c as h } from "../../chunks/vendor-D5cfSbgz.js";
 import { FormFieldContext as v } from "./FormFieldContext.js";
 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__ca466614", W = "sm__ab9ef21c", G = "md__9ec7e2e7", M = "lg__f50c04ee", P = "active__331be4ad", y = "disabled__556e7922", U = "error__dd749805", j = "warning__a46f8255", z = "filled__397d515b", e = {
+const S = "formField__c96b5160", W = "sm__2079d6a4", G = "md__7fe9c68e", M = "lg__aac0ac1a", P = "active__701240be", y = "disabled__c53733d4", U = "error__4c616467", j = "warning__fd5245fb", z = "filled__821e9e87", e = {
   formField: S,
   sm: W,
   md: G,
   lg: M,
-  default: "default__36485c31",
+  default: "default__0af22212",
   active: P,
   disabled: y,
   error: U,
@@ -27,22 +27,22 @@ const S = "formField__ca466614", W = "sm__ab9ef21c", G = "md__9ec7e2e7", M = "lg
     children: p,
     className: F,
     style: g,
-    size: d = w.LG,
-    status: r = o.DEFAULT,
-    active: a = !1,
+    size: r = w.LG,
+    status: a = o.DEFAULT,
+    active: d = !1,
     ...u
   }, x) => {
-    const [m, b] = t(), [n, T] = t(), [i, E] = t(_), [l, N] = t(_), [c, R] = t(!1), [s, A] = t(!1), D = L(
+    const [m, b] = t(), [f, T] = t(), [i, E] = t(_), [l, N] = t(_), [c, R] = t(!1), [s, A] = t(!1), D = L(
       () => ({
-        size: d,
-        status: r,
+        size: r,
+        status: a,
         targetId: m,
-        labelId: n,
+        labelId: f,
         postfixWidth: i,
         prefixWidth: l,
         filled: c,
         focused: s,
-        active: a || s,
+        active: d || s,
         setTargetId: b,
         setLabelId: T,
         setPostfixWidth: E,
@@ -50,22 +50,22 @@ const S = "formField__ca466614", W = "sm__ab9ef21c", G = "md__9ec7e2e7", M = "lg
         setFilled: R,
         setFocused: A
       }),
-      [d, r, m, n, i, l, c, s, a]
+      [r, a, m, f, i, l, c, s, d]
     );
-    return /* @__PURE__ */ f(v.Provider, { value: D, children: /* @__PURE__ */ f(
+    return /* @__PURE__ */ n(v.Provider, { value: D, children: /* @__PURE__ */ n(
       "div",
       {
         className: h(
           e.formField,
-          O[d],
-          B[r],
+          O[r],
+          B[a],
           {
             [e.filled]: c,
-            [e.active]: a || s
+            [e.active]: d || s
           },
           F
         ),
-        "data-tx": "1.32.0",
+        "data-tx": "1.34.0",
         style: { paddingLeft: l, paddingRight: i, ...g },
         ...u,
         ref: x,

package/components/FormField/components/FormFieldClear.js

@@ -1,13 +1,13 @@
 import { jsx as l } from "react/jsx-runtime";
-import f, { useCallback as i } from "react";
-import { c } from "../../../chunks/vendor-82AnkPpo.js";
+import c, { useCallback as f } from "react";
+import { c as i } from "../../../chunks/vendor-D5cfSbgz.js";
 import { CrossStrokeSrvIcon16 as d } from "@sberbusiness/icons-next";
 import { ButtonIcon as s } from "../../Button/ButtonIcon.js";
-const p = "formFieldClear__1a057f89", C = {
+const p = "formFieldClear__5c8e3250", C = {
   formFieldClear: p
-}, F = f.forwardRef(
-  ({ className: a, onMouseDown: r, ...t }, m) => {
-    const o = i(
+}, F = c.forwardRef(
+  ({ className: t, onMouseDown: r, ...a }, m) => {
+    const o = f(
       (e) => {
         e.preventDefault(), r == null || r(e);
       },
@@ -16,8 +16,8 @@ const p = "formFieldClear__1a057f89", C = {
     return /* @__PURE__ */ l(
       s,
       {
-        ...t,
-        className: c(C.formFieldClear, a),
+        ...a,
+        className: i(C.formFieldClear, t),
         onMouseDown: o,
         ref: m,
         children: /* @__PURE__ */ l(d, { paletteIndex: 5 })

package/components/FormField/components/FormFieldCounter.js

@@ -1,14 +1,14 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useContext as n, useEffect as i } from "react";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const s = "formFieldCounter__6426ee65", u = {
+const s = "formFieldCounter__806ad52f", u = {
   formFieldCounter: s
-}, l = ({ children: o, ...r }) => {
+}, f = ({ children: o, ...r }) => {
   const { setWithCounter: e } = n(m);
   return i(() => (e(!0), () => e(!1)), []), /* @__PURE__ */ t("div", { className: u.formFieldCounter, ...r, children: o });
 };
-l.displayName = "FormFieldCounter";
+f.displayName = "FormFieldCounter";
 export {
-  l as FormFieldCounter
+  f 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-82AnkPpo.js";
+import { c } from "../../../chunks/vendor-D5cfSbgz.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__4b76e4db", d = "withCounter__f39cd67c", i = {
-  formFieldDescription: l,
-  withCounter: d
-}, p = ({ children: e, ...r }) => {
+const d = "formFieldDescription__d84f0c5f", l = "withCounter__c0d6c84d", i = {
+  formFieldDescription: d,
+  withCounter: l
+}, p = ({ children: r, ...e }) => {
   const [o, s] = n(!1);
-  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...r, children: e }) });
+  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...e, children: r }) });
 };
 p.displayName = "FormFieldDescription";
 export {

package/components/FormField/components/FormFieldInput.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-82AnkPpo.js";
+import "../../../chunks/vendor-D5cfSbgz.js";
 import "../FormFieldContext.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
 import "./utils.js";
-import { F as d } from "../../../chunks/FormFieldInput-d6WkPngW.js";
+import { F as d } from "../../../chunks/FormFieldInput-DFQ9utC5.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-82AnkPpo.js";
+import { u as S, c as h } from "../../../chunks/vendor-D5cfSbgz.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__bb70cb50", R = "sm__ab9ef21c", v = "md__9ec7e2e7", z = "lg__f50c04ee", G = "floating__c6bb33ba", W = "formFieldLabelText__8e609218", j = "disabled__556e7922", e = {
+import { TARGET_PADDING_X_DEFAULT as s } from "../consts.js";
+const M = "formFieldLabel__32ca718a", R = "sm__2079d6a4", v = "md__7fe9c68e", z = "lg__aac0ac1a", G = "floating__51f68d10", W = "formFieldLabelText__fff15d0c", j = "disabled__c53733d4", e = {
   formFieldLabel: M,
   sm: R,
   md: v,
@@ -14,25 +14,25 @@ const M = "formFieldLabel__bb70cb50", R = "sm__ab9ef21c", v = "md__9ec7e2e7", 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: b, status: _, filled: F, active: L, prefixWidth: g, postfixWidth: p, setLabelId: o } = E(y), l = N(() => t === void 0 ? S("label_") : t, [t]), u = d ?? (F || L), x = h(
+  ({ children: i, id: t, className: m, style: d, floating: f, ...r }, 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]), u = f ?? (F || L), x = h(
       e.formFieldLabel,
-      q[b],
+      q[_],
       {
         [e.floating]: u,
-        [e.disabled]: _ === C.DISABLED
+        [e.disabled]: b === C.DISABLED
       },
       m
     ), T = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      left: g || a,
+      left: g || s,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      right: p || a,
-      ...r
+      right: p || s,
+      ...d
     };
     return I(() => {
       o(l);
-    }, [l, o]), /* @__PURE__ */ s("label", { ...f, id: l, className: x, htmlFor: n, style: T, ref: c, children: /* @__PURE__ */ s("span", { className: e.formFieldLabelText, children: i }) });
+    }, [l, o]), /* @__PURE__ */ a("label", { ...r, id: l, className: x, htmlFor: n, style: T, ref: c, children: /* @__PURE__ */ a("span", { className: e.formFieldLabelText, children: i }) });
   }
 );
 w.displayName = "FormFieldLabel";

package/components/FormField/components/FormFieldMaskedInput.js

@@ -1,29 +1,29 @@
 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, n as q, o as p } from "../../../chunks/vendor-82AnkPpo.js";
+import { c as F, n as q, o as p } from "../../../chunks/vendor-D5cfSbgz.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-d6WkPngW.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-DFQ9utC5.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
 import { EFormFieldStatus as V } from "../enums.js";
-const Q = "formFieldMaskedInputWrapper__49237050", X = "formFieldMaskedInputPlaceholder__093d7168", Y = "formFieldMaskedInput__1f7090fa", u = {
+const Q = "formFieldMaskedInputWrapper__4a62c7f0", X = "formFieldMaskedInputPlaceholder__b0121f15", Y = "formFieldMaskedInput__5c8d62b8", u = {
   formFieldMaskedInputWrapper: Q,
   formFieldMaskedInputPlaceholder: X,
-  "size-sm": "size-sm__3b0a937c",
-  "size-md": "size-md__50ede9cd",
-  "size-lg": "size-lg__2a2c60e6",
+  "size-sm": "size-sm__3ce585f9",
+  "size-md": "size-md__b1257c59",
+  "size-lg": "size-lg__29157d77",
   formFieldMaskedInput: Y
-}, a = ({
+}, c = ({
   className: I,
-  forwardedRef: d,
+  forwardedRef: f,
   mask: o,
-  onChange: f,
+  onChange: d,
   placeholder: g,
   placeholderChar: n = "0",
   placeholderMask: l,
   value: s,
   ...M
 }) => {
-  const [x, y] = $(""), c = L(!1), { filled: z, focused: k, size: E, status: _ } = N(K);
+  const [x, y] = $(""), a = L(!1), { filled: z, focused: b, size: k, status: _ } = N(K);
   O(() => {
     y((() => {
       let t = [];
@@ -40,17 +40,17 @@ const Q = "formFieldMaskedInputWrapper__49237050", X = "formFieldMaskedInputPlac
       return t.join("");
     })());
   }, [s, o, n, l]);
-  const S = U(
+  const E = U(
     (e) => {
       const { value: t } = e.target;
-      c.current = !1, s !== t && (f == null || f(e));
+      a.current = !1, s !== t && (d == null || d(e));
     },
-    [s, f]
-  ), T = () => {
-    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) => {
+    [s, d]
+  ), S = () => {
+    a.current = !0;
+  }, T = (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 (c.current) {
+    if (a.current) {
       let i = /^[78]((\D*\d)*)/;
       e = e.replace(i, "+7 ($1"), i = /^\d7/, e = e.replace(i, (r) => (t = Array.from("+7 (").map((Z, A) => A), `+7 (${r}`));
     } else (e === "7" || e === "8") && (e = "+7 (");
@@ -58,10 +58,10 @@ const Q = "formFieldMaskedInputWrapper__49237050", X = "formFieldMaskedInputPlac
       indexesOfPipedChars: t,
       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);
-  }, j = () => !z && !k || !s && g ? "" : x;
-  return /* @__PURE__ */ B("div", { className: F(u.formFieldMaskedInputWrapper, u[`size-${E}`]), children: [
+  }, D = () => o === c.presets.masks.phone ? (s = P(s).value, s) : p.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(u.formFieldMaskedInputWrapper, u[`size-${k}`]), children: [
     /* @__PURE__ */ m(
       "input",
       {
@@ -83,19 +83,19 @@ const Q = "formFieldMaskedInputWrapper__49237050", 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: E,
+        onPaste: S,
         placeholderChar: n,
         value: D(),
-        pipe: b,
+        pipe: T,
         type: "text",
         ...M
       }
     )
   ] });
 };
-a.presets = G;
+c.presets = G;
 export {
-  a as FormFieldMaskedInput
+  c as FormFieldMaskedInput
 };
 //# sourceMappingURL=FormFieldMaskedInput.js.map

package/components/FormField/components/FormFieldPostfix.js

@@ -1,13 +1,13 @@
 import { jsx as x } from "react/jsx-runtime";
-import a, { useContext as F, useRef as p, useEffect as P } from "react";
-import { c as R } from "../../../chunks/vendor-82AnkPpo.js";
+import F, { useContext as a, useRef as p, useEffect as P } from "react";
+import { c as R } from "../../../chunks/vendor-D5cfSbgz.js";
 import { FormFieldContext as _ } from "../FormFieldContext.js";
-import { TARGET_PADDING_X_DEFAULT as w } from "../consts.js";
-const N = "formFieldPostfix__5a09e621", b = {
-  formFieldPostfix: N
-}, g = a.forwardRef(
+import { TARGET_PADDING_X_DEFAULT as b } from "../consts.js";
+const w = "formFieldPostfix__0b403c7f", N = {
+  formFieldPostfix: w
+}, g = F.forwardRef(
   ({ children: n, className: c, ...m }, t) => {
-    const { setPostfixWidth: o } = F(_), s = p(), l = R(b.formFieldPostfix, c), d = (e) => {
+    const { setPostfixWidth: o } = a(_), s = p(), l = R(N.formFieldPostfix, c), d = (e) => {
       s.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
     };
     return P(() => {
@@ -19,7 +19,7 @@ const N = "formFieldPostfix__5a09e621", b = {
         o((f) => f !== i ? i : f);
       });
       return r.observe(e), () => {
-        r.disconnect(), o(w);
+        r.disconnect(), o(b);
       };
     }, [o]), /* @__PURE__ */ x("span", { className: l, ...m, ref: d, children: n });
   }

package/components/FormField/components/FormFieldPrefix.js

@@ -1,13 +1,13 @@
 import { jsx as x } from "react/jsx-runtime";
 import F, { useContext as a, useRef as p, useEffect as P } from "react";
-import { c as R } from "../../../chunks/vendor-82AnkPpo.js";
+import { c as R } from "../../../chunks/vendor-D5cfSbgz.js";
 import { FormFieldContext as _ } from "../FormFieldContext.js";
-import { TARGET_PADDING_X_DEFAULT as w } from "../consts.js";
-const N = "formFieldPrefix__cc89771f", b = {
-  formFieldPrefix: N
+import { TARGET_PADDING_X_DEFAULT as b } from "../consts.js";
+const w = "formFieldPrefix__394d326b", N = {
+  formFieldPrefix: w
 }, g = F.forwardRef(
   ({ children: n, className: c, ...m }, r) => {
-    const { setPrefixWidth: t } = a(_), o = p(), l = R(b.formFieldPrefix, c), d = (e) => {
+    const { setPrefixWidth: t } = a(_), o = p(), l = R(N.formFieldPrefix, c), d = (e) => {
       o.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
     };
     return P(() => {
@@ -19,7 +19,7 @@ const N = "formFieldPrefix__cc89771f", b = {
         t((f) => f !== i ? i : f);
       });
       return s.observe(e), () => {
-        s.disconnect(), t(w);
+        s.disconnect(), t(b);
       };
     }, [t]), /* @__PURE__ */ x("span", { className: l, ...m, ref: d, children: n });
   }

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 { u as y, c as A } from "../../../chunks/vendor-82AnkPpo.js";
+import { jsx as f } from "react/jsx-runtime";
+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-D5cfSbgz.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__a982acec", M = "sm__ab9ef21c", R = "md__9ec7e2e7", j = "lg__f50c04ee", k = "placeholder__d8fc1150", q = "disabled__556e7922", w = "placeholderWrapper__c36499cd", B = "active__331be4ad", e = {
+const z = "formFieldTarget__c2522cd1", M = "sm__2079d6a4", R = "md__7fe9c68e", j = "lg__aac0ac1a", k = "placeholder__67deedf2", q = "disabled__c53733d4", w = "placeholderWrapper__9ce4d936", B = "active__701240be", e = {
   formFieldTarget: z,
   sm: M,
   md: R,
@@ -13,16 +13,16 @@ const z = "formFieldTarget__a982acec", M = "sm__ab9ef21c", R = "md__9ec7e2e7", j
   disabled: q,
   placeholderWrapper: w,
   active: B
-}, G = W(e), H = b.forwardRef(
+}, G = W(e), H = g.forwardRef(
   ({ children: c, id: o, className: T, placeholder: p, onFocus: a, onBlur: t, ...u }, D) => {
-    const { size: I, status: s, active: v, labelId: x, setFilled: n, setFocused: l, setTargetId: f } = S(L), i = g(() => o === void 0 ? y("target_") : o, [o]), r = g(() => b.Children.toArray(c).length !== 0, [c]), E = A(e.formFieldTarget, G[I], T, {
+    const { size: I, status: s, active: v, labelId: x, setFilled: n, setFocused: l, setTargetId: _ } = S(L), i = h(() => o === void 0 ? y("target_") : o, [o]), r = h(() => g.Children.toArray(c).length !== 0, [c]), E = A(e.formFieldTarget, G[I], T, {
       [e.disabled]: s === d.DISABLED,
       [e.placeholder]: !!p && !r && s !== d.DISABLED,
       [e.active]: v
     });
-    h(() => {
-      f(i);
-    }, [i, f]), h(() => {
+    b(() => {
+      _(i);
+    }, [i, _]), b(() => {
       n(r);
     }, [r, n]);
     const C = F(
@@ -36,7 +36,7 @@ const z = "formFieldTarget__a982acec", M = "sm__ab9ef21c", R = "md__9ec7e2e7", j
       },
       [t, l]
     );
-    return /* @__PURE__ */ _(
+    return /* @__PURE__ */ f(
       "div",
       {
         ...u,
@@ -48,7 +48,7 @@ const z = "formFieldTarget__a982acec", M = "sm__ab9ef21c", R = "md__9ec7e2e7", j
         onBlur: N,
         onFocus: C,
         ref: D,
-        children: r ? c : /* @__PURE__ */ _("span", { className: e.placeholderWrapper, children: p })
+        children: r ? c : /* @__PURE__ */ f("span", { className: e.placeholderWrapper, children: p })
       }
     );
   }