@sberbusiness/triplex-next 1.11.1 → 1.13.0

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -1,12 +1,12 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import a from "react";
-import { c as p } from "../../../chunks/vendor-ClY57Zzq.js";
+import { c as p } from "../../../chunks/vendor-CwhnMZ7o.js";
 import { DropdownMobileListItem as n } from "./DropdownMobileListItem.js";
 import { LoaderSmall as f } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as c } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize as L } from "../../../enums/EComponentSize.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-GlVoDQNA.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-ClkvaJLd.js";
 const b = a.forwardRef(
   ({ children: e, className: i, loading: m, ...t }, s) => {
     const d = () => /* @__PURE__ */ o(n, { id: "dropdown-mobile-list-loader-item", children: /* @__PURE__ */ o(

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -1,9 +1,9 @@
 import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import x from "react";
-import { c } from "../../../chunks/vendor-ClY57Zzq.js";
+import { c } from "../../../chunks/vendor-CwhnMZ7o.js";
 import { Text as I } from "../../Typography/Text.js";
 import { ETextSize as w } from "../../Typography/enums.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-GlVoDQNA.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-ClkvaJLd.js";
 import { NotificationIcon as N } from "../../NotificationIcon/NotificationIcon.js";
 const b = x.forwardRef(
   ({ children: o, className: m, id: y, onClick: t, onSelect: i, selected: s, showNotificationIcon: a, ...e }, p) => {

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-ClY57Zzq.js";
+import { c as e } from "../../../chunks/vendor-CwhnMZ7o.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-GlVoDQNA.js";
+import { s } from "../../../chunks/DropdownMobile.module-ClkvaJLd.js";
 const S = ({ className: o, ...r }) => /* @__PURE__ */ m(
   t,
   {

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

@@ -1,9 +1,9 @@
-import { jsx as p } from "react/jsx-runtime";
-import { c as d } from "../../../chunks/vendor-ClY57Zzq.js";
+import { jsx as d } from "react/jsx-runtime";
+import { c as p } from "../../../chunks/vendor-CwhnMZ7o.js";
 import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__35f87499", r = {
+const t = "dropdownMobileMaskedInput__f85d1617", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: s, ...e }) => /* @__PURE__ */ p(o, { className: d(r.dropdownMobileMaskedInput, s), ...e });
+}, n = ({ className: s, ...e }) => /* @__PURE__ */ d(o, { className: p(r.dropdownMobileMaskedInput, s), ...e });
 n.presets = o.presets;
 export {
   n as DropdownMobileMaskedInput

package/components/Ellipsis/Ellipsis.js

@@ -1,10 +1,10 @@
 import { jsx as p } from "react/jsx-runtime";
 import t from "react";
-import { c as m } from "../../chunks/vendor-ClY57Zzq.js";
-const c = "ellipsisLineClamp__de84d000", r = "oneLine__147370a0", e = {
+import { c as m } from "../../chunks/vendor-CwhnMZ7o.js";
+const c = "ellipsisLineClamp__bd0fc741", r = "oneLine__859a2495", e = {
   ellipsisLineClamp: c,
   oneLine: r
-}, d = t.forwardRef(
+}, f = t.forwardRef(
   ({ children: i, maxLines: s, className: l, ...n }, a) => {
     const o = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
     return /* @__PURE__ */ p(
@@ -13,15 +13,15 @@ const c = "ellipsisLineClamp__de84d000", r = "oneLine__147370a0", e = {
         className: o,
         style: { "--ellipsis-line-clamp": s },
         ...n,
-        "data-tx": "1.11.1",
+        "data-tx": "1.13.0",
         ref: a,
         children: i
       }
     );
   }
 );
-d.displayName = "Ellipsis";
+f.displayName = "Ellipsis";
 export {
-  d as Ellipsis
+  f as Ellipsis
 };
 //# sourceMappingURL=Ellipsis.js.map

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,9 +1,9 @@
 import { jsx as g } from "react/jsx-runtime";
-import N, { useRef as E } from "react";
-import { E as U, c as j } from "../../chunks/vendor-ClY57Zzq.js";
-const F = "expandAnimation__460fb25f", I = {
+import U, { useRef as E } from "react";
+import { E as b, c as j } from "../../chunks/vendor-CwhnMZ7o.js";
+const F = "expandAnimation__f0247968", I = {
   expandAnimation: F
-}, L = 300, M = N.forwardRef(
+}, L = 300, M = U.forwardRef(
   ({
     children: y,
     className: A,
@@ -14,7 +14,7 @@ const F = "expandAnimation__460fb25f", I = {
     onEnd: h,
     transitionProps: e,
     ..._
-  }, u) => {
+  }, f) => {
     const m = E({
       entering: { height: void 0, overflow: "hidden" },
       entered: {},
@@ -22,22 +22,22 @@ const F = "expandAnimation__460fb25f", I = {
       exited: { height: 0, overflow: "hidden", visibility: "hidden" },
       unmounted: {}
     }), l = E(null), w = (c) => {
-      var f;
-      l.current && (m.current.entering.height = l.current.scrollHeight), d == null || d(), (f = e == null ? void 0 : e.onEnter) == null || f.call(e, 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);
     }, H = (c) => {
-      var f;
-      h == null || h(), (f = e == null ? void 0 : e.onEntered) == null || f.call(e, 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 = () => {
       var c;
       h == null || h(), (c = e == null ? void 0 : e.onExited) == null || c.call(e);
-    }, D = (c) => {
-      l.current = c, typeof u == "function" ? u(c) : u && (u.current = c);
+    }, N = (c) => {
+      l.current = c, typeof f == "function" ? f(c) : f && (f.current = c);
     };
     return /* @__PURE__ */ g(
-      U,
+      b,
       {
         in: v,
         timeout: x,
@@ -46,7 +46,7 @@ const F = "expandAnimation__460fb25f", I = {
         onEnter: w,
         onEntered: H,
         onExit: T,
-        onExited: b,
+        onExited: D,
         children: (c) => /* @__PURE__ */ g(
           "div",
           {
@@ -57,7 +57,7 @@ const F = "expandAnimation__460fb25f", I = {
               ...R
             },
             ..._,
-            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(
   i.forwardRef(function({ children: o, ...t }, r) {
-    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.11.1", ref: r, children: o });
+    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.13.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-ClY57Zzq.js";
-import { s as c } from "../../../chunks/Footer.module-DF8KqUFe.js";
+import { c as p } from "../../../chunks/vendor-CwhnMZ7o.js";
+import { s as c } from "../../../chunks/Footer.module-QvomhMbc.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-ClY57Zzq.js";
-import { s as n } from "../../../chunks/Footer.module-DF8KqUFe.js";
+import { c as m } from "../../../chunks/vendor-CwhnMZ7o.js";
+import { s as n } from "../../../chunks/Footer.module-QvomhMbc.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-ClY57Zzq.js";
-import { s as a } from "../../../chunks/Footer.module-DF8KqUFe.js";
+import { c as m } from "../../../chunks/vendor-CwhnMZ7o.js";
+import { s as a } from "../../../chunks/Footer.module-QvomhMbc.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,70 +1,75 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useState as e } from "react";
-import { c as G } from "../../chunks/vendor-ClY57Zzq.js";
-import { FormFieldContext as I } from "./FormFieldContext.js";
+import { c as C } from "../../chunks/vendor-CwhnMZ7o.js";
+import { FormFieldContext as S } from "./FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
-import { EFormFieldStatus as r } from "./enums.js";
-import { EComponentSize as N } from "../../enums/EComponentSize.js";
-const P = "formField__986f881d", S = "disabled__e13addd9", T = "active__b4336e61", L = "error__076c75fe", u = "warning__99282946", i = {
-  formField: P,
-  disabled: S,
-  active: T,
-  error: L,
-  warning: u,
-  "size-sm": "size-sm__91ebcf09",
-  "size-md": "size-md__ca8be5e4",
-  "size-lg": "size-lg__9e5a03ad"
-}, V = ({
+import { EFormFieldStatus as s } from "./enums.js";
+import { EComponentSize as W } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as w } from "../../utils/classNameMaps.js";
+const G = "formField__07f1da95", I = "disabled__7812cef8", L = "active__e071bb81", P = "error__1b08f7ca", U = "warning__dd576a24", y = "sm__088f3562", z = "md__b0eea983", j = "lg__19259457", t = {
+  formField: G,
+  default: "default__86fae803",
+  disabled: I,
+  active: L,
+  error: P,
+  warning: U,
+  sm: y,
+  md: z,
+  lg: j
+}, B = {
+  [s.DEFAULT]: t.default,
+  [s.DISABLED]: t.disabled,
+  [s.ERROR]: t.error,
+  [s.WARNING]: t.warning
+}, H = w(t), Y = ({
   children: p,
   className: F,
-  status: t = r.DEFAULT,
-  onMouseEnter: s,
-  onMouseLeave: d,
+  status: i = s.DEFAULT,
+  onMouseEnter: o,
+  onMouseLeave: r,
   style: x,
-  size: a = N.LG,
+  size: d = W.LG,
   ...g
 }) => {
-  const [c, h] = e(!1), [v, l] = e(!1), [b, z] = e(""), [m, E] = e(_), [f, A] = e(_), [D, R] = e(!1), W = (o) => {
-    l(!0), s == null || s(o);
-  }, w = (o) => {
-    l(!1), d == null || d(o);
+  const [l, h] = e(!1), [b, m] = e(!1), [u, v] = e(""), [c, E] = e(_), [f, T] = e(_), [A, D] = e(!1), N = (a) => {
+    m(!0), o == null || o(a);
+  }, R = (a) => {
+    m(!1), r == null || r(a);
   };
   return /* @__PURE__ */ n(
-    I.Provider,
+    S.Provider,
     {
       value: {
-        status: t,
-        focused: c,
-        hovered: v,
-        id: b,
-        postfixWidth: m,
+        status: i,
+        focused: l,
+        hovered: b,
+        id: u,
+        postfixWidth: c,
         prefixWidth: f,
         setFocused: h,
-        setId: z,
+        setId: v,
         setPostfixWidth: E,
-        setPrefixWidth: A,
-        setValueExist: R,
-        valueExist: D,
-        size: a
+        setPrefixWidth: T,
+        setValueExist: D,
+        valueExist: A,
+        size: d
       },
       children: /* @__PURE__ */ n(
         "div",
         {
-          className: G(
-            i.formField,
-            i[`size-${a}`],
+          className: C(
+            t.formField,
+            H[d],
+            B[i],
             {
-              [i.active]: c,
-              [i.disabled]: t === r.DISABLED,
-              [i.error]: t === r.ERROR,
-              [i.warning]: t === r.WARNING
+              [t.active]: l
             },
             F
           ),
-          onMouseEnter: W,
-          onMouseLeave: w,
-          "data-tx": "1.11.1",
-          style: { paddingLeft: f, paddingRight: m, ...x },
+          onMouseEnter: N,
+          onMouseLeave: R,
+          "data-tx": "1.13.0",
+          style: { paddingLeft: f, paddingRight: c, ...x },
           ...g,
           children: p
         }
@@ -73,6 +78,7 @@ const P = "formField__986f881d", S = "disabled__e13addd9", T = "active__b4336e61
   );
 };
 export {
-  V as FormField
+  Y as FormField,
+  B as statusToClassNameMap
 };
 //# sourceMappingURL=FormField.js.map

package/components/FormField/components/FormFieldClear.js

@@ -1,20 +1,20 @@
 import { jsx as o } from "react/jsx-runtime";
 import n, { useContext as c } from "react";
-import { c as f } from "../../../chunks/vendor-ClY57Zzq.js";
+import { c as f } from "../../../chunks/vendor-CwhnMZ7o.js";
 import { CrossStrokeSrvIcon16 as F } from "@sberbusiness/icons-next";
 import { FormFieldContext as p } from "../FormFieldContext.js";
 import { EFormFieldStatus as C } from "../enums.js";
 import { ButtonIcon as h } from "../../Button/ButtonIcon.js";
-const u = "formFieldClear__077ebc0d", x = "hidden__86082424", t = {
+const u = "formFieldClear__7435b225", x = "hidden__340cbfe4", t = {
   formFieldClear: u,
   hidden: x
 }, _ = n.forwardRef(
   ({ className: l, onMouseDown: e, ...m }, a) => {
-    const { status: d, valueExist: s } = c(p), i = f(
+    const { status: s, valueExist: d } = c(p), i = f(
       t.formFieldClear,
       "hoverable",
       {
-        [t.hidden]: !s || d === C.DISABLED
+        [t.hidden]: !d || s === C.DISABLED
       },
       l
     );

package/components/FormField/components/FormFieldCounter.js

@@ -1,7 +1,7 @@
 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__91c6c9dd", d = {
+const s = "formFieldCounter__0c21dd58", d = {
   formFieldCounter: s
 }, u = ({ children: o, ...e }) => {
   const { setWithCounter: t } = i(n);

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 as m } from "../../../chunks/vendor-ClY57Zzq.js";
-import { FormFieldDescriptionContext as c } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__30222803", p = "withCounter__f6679a9a", i = {
+import { c } from "../../../chunks/vendor-CwhnMZ7o.js";
+import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
+const l = "formFieldDescription__4be3f88d", p = "withCounter__0f14cf0c", i = {
   formFieldDescription: l,
   withCounter: p
-}, d = ({ children: r, ...e }) => {
+}, d = ({ children: e, ...r }) => {
   const [o, s] = n(!1);
-  return /* @__PURE__ */ t(c.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: m(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 }) });
 };
 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-ClY57Zzq.js";
-import { F as a } from "../../../chunks/FormFieldInput-8PHiOrKp.js";
+import "../../../chunks/vendor-CwhnMZ7o.js";
+import { F as a } from "../../../chunks/FormFieldInput-GtoWWQRE.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
 export {

package/components/FormField/components/FormFieldLabel.js

@@ -1,19 +1,19 @@
 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 { o as D, c as N } from "../../../chunks/vendor-ClY57Zzq.js";
+import { TARGET_PADDING_X_DEFAULT as f } from "../consts.js";
+import { o as D, c as N } from "../../../chunks/vendor-CwhnMZ7o.js";
 import { EFormFieldStatus as y } from "../enums.js";
-const A = "formFieldLabel__bfd7b85d", R = "floating__b4c7ae7a", S = "formFieldLabelText__d1b4fc9d", C = "disabled__e13addd9", s = {
+const A = "formFieldLabel__2abe5c80", R = "floating__bdf19cdf", S = "formFieldLabelText__5baf2571", C = "disabled__7812cef8", s = {
   formFieldLabel: A,
-  "size-sm": "size-sm__91ebcf09",
-  "size-md": "size-md__ca8be5e4",
-  "size-lg": "size-lg__9e5a03ad",
+  "size-sm": "size-sm__6728b8d7",
+  "size-md": "size-md__45aff5b2",
+  "size-lg": "size-lg__e9696402",
   floating: R,
   formFieldLabelText: S,
   disabled: C
 }, G = p.forwardRef(
-  ({ children: f, className: r, style: c, floating: e, ...b }, n) => {
+  ({ children: m, className: r, style: c, floating: e, ...b }, n) => {
     const { status: F, focused: t, id: _, prefixWidth: L, postfixWidth: x, size: i, valueExist: a } = T(h), [l, o] = g(!1);
     E(() => {
       !D(e) && e !== l ? o(e) : e !== l && o(t || a);
@@ -28,12 +28,12 @@ const A = "formFieldLabel__bfd7b85d", R = "floating__b4c7ae7a", S = "formFieldLa
       r
     ), z = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      left: L || m,
+      left: L || f,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      right: x || m,
+      right: x || f,
       ...c
     };
-    return /* @__PURE__ */ d("label", { className: u, ref: n, htmlFor: _, ...b, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: f }) });
+    return /* @__PURE__ */ d("label", { className: u, ref: n, htmlFor: _, ...b, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: m }) });
   }
 );
 G.displayName = "FormFieldLabel";

package/components/FormField/components/FormFieldMaskedInput.js

@@ -1,16 +1,16 @@
 import { jsxs as B, jsx as m } from "react/jsx-runtime";
 import { useState as $, useRef as L, useContext as N, useEffect as O, useCallback as q } from "react";
-import { c as F, q as U, s as p } from "../../../chunks/vendor-ClY57Zzq.js";
+import { c as F, q as U, s as p } from "../../../chunks/vendor-CwhnMZ7o.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-8PHiOrKp.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-GtoWWQRE.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
 import { EFormFieldStatus as V } from "../enums.js";
-const Q = "formFieldMaskedInputWrapper__17bf1e66", X = "formFieldMaskedInputPlaceholder__858b0485", Y = "formFieldMaskedInput__0c242891", l = {
+const Q = "formFieldMaskedInputWrapper__23059043", X = "formFieldMaskedInputPlaceholder__bd7fc6cd", Y = "formFieldMaskedInput__cf116fa6", l = {
   formFieldMaskedInputWrapper: Q,
   formFieldMaskedInputPlaceholder: X,
-  "size-sm": "size-sm__91ebcf09",
-  "size-md": "size-md__ca8be5e4",
-  "size-lg": "size-lg__9e5a03ad",
+  "size-sm": "size-sm__6728b8d7",
+  "size-md": "size-md__45aff5b2",
+  "size-lg": "size-lg__e9696402",
   formFieldMaskedInput: Y
 }, a = ({
   className: I,
@@ -23,9 +23,9 @@ const Q = "formFieldMaskedInputWrapper__17bf1e66", X = "formFieldMaskedInputPlac
   value: s,
   ...M
 }) => {
-  const [x, b] = $(""), c = L(!1), { valueExist: y, focused: z, size: k, status: _ } = N(K);
+  const [x, y] = $(""), c = L(!1), { valueExist: z, focused: b, size: k, status: _ } = N(K);
   O(() => {
-    b((() => {
+    y((() => {
       let t = [];
       if (s) {
         const { conformedValue: i } = p.conformToMask(s.toString(), o, { guide: !0, placeholderChar: n });
@@ -60,7 +60,7 @@ const Q = "formFieldMaskedInputWrapper__17bf1e66", 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 f == "function" ? f(t) : f && (f.current = t);
-  }, j = () => !y && !z || !s && g ? "" : x;
+  }, j = () => !z && !b || !s && g ? "" : x;
   return /* @__PURE__ */ B("div", { className: F(l.formFieldMaskedInputWrapper, l[`size-${k}`]), children: [
     /* @__PURE__ */ m(
       "input",

package/components/FormField/components/FormFieldPostfix.js

@@ -1,12 +1,12 @@
 import { jsx as d } from "react/jsx-runtime";
 import l, { useContext as x, useRef as u, useEffect as F } from "react";
 import { FormFieldContext as a } from "../FormFieldContext.js";
-import { c as p } from "../../../chunks/vendor-ClY57Zzq.js";
-const P = "formFieldPostfix__d020c071", R = {
+import { c as p } from "../../../chunks/vendor-CwhnMZ7o.js";
+const P = "formFieldPostfix__fe4d4878", R = {
   formFieldPostfix: P
 }, _ = l.forwardRef(
-  ({ children: s, className: i, ...r }, o) => {
-    const f = p(R.formFieldPostfix, i), { postfixWidth: n, setPostfixWidth: c } = x(a), e = u(), m = (t) => {
+  ({ children: s, className: f, ...i }, o) => {
+    const r = p(R.formFieldPostfix, f), { postfixWidth: n, setPostfixWidth: c } = x(a), e = u(), m = (t) => {
       e.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
     };
     return F(() => {
@@ -14,7 +14,7 @@ const P = "formFieldPostfix__d020c071", R = {
         return;
       const { width: t } = e.current.getBoundingClientRect();
       t !== n && c(t);
-    }), /* @__PURE__ */ d("span", { className: f, ref: m, ...r, children: s });
+    }), /* @__PURE__ */ d("span", { className: r, ref: m, ...i, children: s });
   }
 );
 _.displayName = "FormFieldPostfix";

package/components/FormField/components/FormFieldPrefix.js

@@ -1,8 +1,8 @@
 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-ClY57Zzq.js";
-const P = "formFieldPrefix__a9177edc", R = {
+import { c as p } from "../../../chunks/vendor-CwhnMZ7o.js";
+const P = "formFieldPrefix__d7a2507b", R = {
   formFieldPrefix: P
 }, _ = l.forwardRef(
   ({ children: o, className: i, ...f }, r) => {

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-ClY57Zzq.js";
-import { EFormFieldStatus as t } from "../enums.js";
-const A = "formFieldTarget__0f3461cb", L = "placeholder__2a24e38d", W = "disabled__e13addd9", R = "placeholderWrapper__0aa47e27", e = {
+import { c as N, a as S } from "../../../chunks/vendor-CwhnMZ7o.js";
+import { EFormFieldStatus as d } from "../enums.js";
+const A = "formFieldTarget__26a6a365", L = "placeholder__0c93d9f4", W = "disabled__7812cef8", R = "placeholderWrapper__e9afb788", e = {
   formFieldTarget: A,
   placeholder: L,
   disabled: W,
-  "size-sm": "size-sm__91ebcf09",
-  "size-md": "size-md__ca8be5e4",
-  "size-lg": "size-lg__9e5a03ad",
+  "size-sm": "size-sm__6728b8d7",
+  "size-md": "size-md__45aff5b2",
+  "size-lg": "size-lg__e9696402",
   placeholderWrapper: R
 }, y = x.forwardRef((_, F) => {
-  const { className: h, id: r, onBlur: o, onFocus: c, placeholder: m, children: s, ...b } = _, { 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 } = _, { 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__0f3461cb", L = "placeholder__2a24e38d", 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: F,
       children: s || /* @__PURE__ */ u("span", { className: e.placeholderWrapper, children: m })
     }