@sberbusiness/triplex-next 1.19.1 → 1.21.0

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

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

package/components/Ellipsis/Ellipsis.js

@@ -1,20 +1,20 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import t from "react";
-import { c as m } from "../../chunks/vendor-Dlne6Znf.js";
-const c = "ellipsisLineClamp__cbebf41a", r = "oneLine__55bf7826", e = {
+import { c as m } from "../../chunks/vendor-CuCj7SgU.js";
+const c = "ellipsisLineClamp__b623510c", r = "oneLine__7f0945e5", e = {
   ellipsisLineClamp: c,
   oneLine: r
 }, f = t.forwardRef(
-  ({ children: i, maxLines: s, className: l, ...n }, a) => {
-    const o = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
-    return /* @__PURE__ */ p(
+  ({ children: i, maxLines: s, className: l, ...n }, o) => {
+    const p = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
+    return /* @__PURE__ */ a(
       "div",
       {
-        className: o,
+        className: p,
         style: { "--ellipsis-line-clamp": s },
         ...n,
-        "data-tx": "1.19.1",
-        ref: a,
+        "data-tx": "1.21.0",
+        ref: o,
         children: i
       }
     );

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,12 +1,12 @@
 import { jsx as g } from "react/jsx-runtime";
-import U, { useRef as E } from "react";
-import { E as b, c as j } from "../../chunks/vendor-Dlne6Znf.js";
-const F = "expandAnimation__3a03ee1f", I = {
+import N, { useRef as A } from "react";
+import { A as U, c as j } from "../../chunks/vendor-CuCj7SgU.js";
+const F = "expandAnimation__8bbf835e", I = {
   expandAnimation: F
-}, L = 300, M = U.forwardRef(
+}, L = 300, M = N.forwardRef(
   ({
     children: y,
-    className: A,
+    className: E,
     expanded: v,
     animationTime: x = L,
     style: R,
@@ -15,49 +15,49 @@ const F = "expandAnimation__3a03ee1f", I = {
     transitionProps: e,
     ..._
   }, f) => {
-    const m = E({
+    const m = A({
       entering: { height: void 0, overflow: "hidden" },
       entered: {},
       exiting: { height: 0, overflow: "hidden" },
       exited: { height: 0, overflow: "hidden", visibility: "hidden" },
       unmounted: {}
-    }), l = E(null), w = (c) => {
+    }), l = 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);
-    }, H = (c) => {
+    }, b = (c) => {
       var u;
       h == null || h(), (u = e == null ? void 0 : e.onEntered) == null || u.call(e, c);
-    }, T = () => {
+    }, H = () => {
       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 = () => {
+    }, T = () => {
       var c;
       h == null || h(), (c = e == null ? void 0 : e.onExited) == null || c.call(e);
-    }, N = (c) => {
+    }, D = (c) => {
       l.current = c, typeof f == "function" ? f(c) : f && (f.current = c);
     };
     return /* @__PURE__ */ g(
-      b,
+      U,
       {
         in: v,
         timeout: x,
         nodeRef: l,
         ...e,
         onEnter: w,
-        onEntered: H,
-        onExit: T,
-        onExited: D,
+        onEntered: b,
+        onExit: H,
+        onExited: T,
         children: (c) => /* @__PURE__ */ g(
           "div",
           {
-            className: j(I.expandAnimation, A),
+            className: j(I.expandAnimation, E),
             style: {
               transitionDuration: x + "ms",
               ...m.current[c],
               ...R
             },
             ..._,
-            ref: N,
+            ref: D,
             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.19.1", ref: r, children: o });
+    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.21.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-Dlne6Znf.js";
-import { s as c } from "../../../chunks/Footer.module-DdBlWFOs.js";
+import { c as p } from "../../../chunks/vendor-CuCj7SgU.js";
+import { s as c } from "../../../chunks/Footer.module-dEM87TWq.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-Dlne6Znf.js";
-import { s as n } from "../../../chunks/Footer.module-DdBlWFOs.js";
+import { c as m } from "../../../chunks/vendor-CuCj7SgU.js";
+import { s as n } from "../../../chunks/Footer.module-dEM87TWq.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-Dlne6Znf.js";
-import { s as a } from "../../../chunks/Footer.module-DdBlWFOs.js";
+import { c as m } from "../../../chunks/vendor-CuCj7SgU.js";
+import { s as a } from "../../../chunks/Footer.module-dEM87TWq.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,88 +1,90 @@
-import { jsx as n } from "react/jsx-runtime";
-import C, { useState as t } from "react";
-import { c as S } from "../../chunks/vendor-Dlne6Znf.js";
-import { FormFieldContext as W } from "./FormFieldContext.js";
-import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
+import { jsx as _ } from "react/jsx-runtime";
+import S, { useState as e } from "react";
+import { c as W } from "../../chunks/vendor-CuCj7SgU.js";
+import { FormFieldContext as G } from "./FormFieldContext.js";
+import { TARGET_PADDING_X_DEFAULT as p } from "./consts.js";
 import { EFormFieldStatus as s } from "./enums.js";
-import { EComponentSize as G } from "../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as I } from "../../utils/classNameMaps.js";
-const L = "formField__8a0c5602", P = "disabled__773e6dab", y = "active__c6b1b70e", U = "error__242cf1f6", z = "warning__3fc912af", j = "sm__0100b60e", B = "md__aecefac5", H = "lg__da13c647", e = {
-  formField: L,
-  default: "default__d3ebc25c",
-  disabled: P,
-  active: y,
-  error: U,
-  warning: z,
-  sm: j,
-  md: B,
-  lg: H
-}, O = {
-  [s.DEFAULT]: e.default,
-  [s.DISABLED]: e.disabled,
-  [s.ERROR]: e.error,
-  [s.WARNING]: e.warning
-}, V = I(e), X = C.forwardRef(
+import { EComponentSize as I } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as L } from "../../utils/classNameMaps.js";
+const P = "formField__e6a2ea91", y = "disabled__3a3108fa", U = "active__2c2dd6d7", z = "error__f07ff60e", j = "warning__15436a82", B = "sm__4e3f34fa", H = "md__390f6d1a", O = "lg__d8ba3336", t = {
+  formField: P,
+  default: "default__0f4d4572",
+  disabled: y,
+  active: U,
+  error: z,
+  warning: j,
+  sm: B,
+  md: H,
+  lg: O
+}, V = {
+  [s.DEFAULT]: t.default,
+  [s.DISABLED]: t.disabled,
+  [s.ERROR]: t.error,
+  [s.WARNING]: t.warning
+}, X = L(t), k = S.forwardRef(
   ({
-    children: p,
-    className: F,
-    status: d = s.DEFAULT,
-    onMouseEnter: o,
-    onMouseLeave: a,
-    style: x,
-    size: i = G.LG,
-    ...g
-  }, b) => {
-    const [c, h] = t(!1), [u, l] = t(!1), [v, E] = t(""), [m, N] = t(_), [f, R] = t(_), [T, A] = t(!1), D = (r) => {
-      l(!0), o == null || o(r);
-    }, w = (r) => {
-      l(!1), a == null || a(r);
+    children: F,
+    className: x,
+    status: i = s.DEFAULT,
+    onMouseEnter: a,
+    onMouseLeave: o,
+    style: g,
+    size: l = I.LG,
+    active: f = !1,
+    ...h
+  }, u) => {
+    const [r, v] = e(!1), [E, m] = e(!1), [N, R] = e(""), [c, T] = e(p), [n, A] = e(p), [D, b] = e(!1), w = (d) => {
+      m(!0), a == null || a(d);
+    }, C = (d) => {
+      m(!1), o == null || o(d);
     };
-    return /* @__PURE__ */ n(
-      W.Provider,
+    return /* @__PURE__ */ _(
+      G.Provider,
       {
         value: {
-          status: d,
-          focused: c,
-          hovered: u,
-          id: v,
-          postfixWidth: m,
-          prefixWidth: f,
-          setFocused: h,
-          setId: E,
-          setPostfixWidth: N,
-          setPrefixWidth: R,
-          setValueExist: A,
-          valueExist: T,
-          size: i
+          status: i,
+          focused: r,
+          hovered: E,
+          id: N,
+          postfixWidth: c,
+          prefixWidth: n,
+          setFocused: v,
+          setId: R,
+          setPostfixWidth: T,
+          setPrefixWidth: A,
+          setValueExist: b,
+          valueExist: D,
+          size: l,
+          active: f || r
         },
-        children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ _(
           "div",
           {
-            className: S(
-              e.formField,
+            className: W(
+              t.formField,
+              X[l],
               V[i],
-              O[d],
               {
-                [e.active]: c
+                [t.active]: f || r
               },
-              F
+              x
             ),
-            onMouseEnter: D,
-            onMouseLeave: w,
-            "data-tx": "1.19.1",
-            style: { paddingLeft: f, paddingRight: m, ...x },
-            ...g,
-            ref: b,
-            children: p
+            onMouseEnter: w,
+            onMouseLeave: C,
+            "data-tx": "1.21.0",
+            style: { paddingLeft: n, paddingRight: c, ...g },
+            ...h,
+            ref: u,
+            children: F
           }
         )
       }
     );
   }
 );
-X.displayName = "FormField";
+k.displayName = "FormField";
 export {
-  X as FormField,
-  O as statusToClassNameMap
+  k as FormField,
+  V as statusToClassNameMap
 };
 //# sourceMappingURL=FormField.js.map

package/components/FormField/FormFieldContext.js

@@ -19,10 +19,11 @@ const o = {
   setValueExist: () => {
   },
   valueExist: !1,
-  size: i.MD
-}, f = t.createContext(o);
+  size: i.MD,
+  active: !1
+}, d = t.createContext(o);
 export {
-  f as FormFieldContext,
+  d as FormFieldContext,
   o as initialFormFieldContext
 };
 //# sourceMappingURL=FormFieldContext.js.map

package/components/FormField/components/FormFieldClear.js

@@ -1,26 +1,26 @@
 import { jsx as o } from "react/jsx-runtime";
 import c, { useContext as F } from "react";
-import { c as p } from "../../../chunks/vendor-Dlne6Znf.js";
+import { c as p } from "../../../chunks/vendor-CuCj7SgU.js";
 import { CrossStrokeSrvIcon16 as h } from "@sberbusiness/icons-next";
 import { FormFieldContext as C } from "../FormFieldContext.js";
 import { EFormFieldStatus as u } from "../enums.js";
 import { ButtonIcon as x } from "../../Button/ButtonIcon.js";
-const _ = "formFieldClear__35b98b19", v = "hidden__1a1f8a6e", t = {
+const _ = "formFieldClear__7d4e9d5a", v = "hidden__0b7aef52", t = {
   formFieldClear: _,
   hidden: v
 }, I = c.forwardRef(
-  ({ className: l, onMouseDown: e, ...a }, d) => {
+  ({ className: d, onMouseDown: e, ...l }, a) => {
     const { status: m, focused: s, hovered: i, valueExist: f } = F(C), n = p(
       t.formFieldClear,
       "hoverable",
       {
         [t.hidden]: !f || m === u.DISABLED || !(s || i)
       },
-      l
+      d
     );
     return /* @__PURE__ */ o(x, { className: n, onMouseDown: (r) => {
       r.preventDefault(), e == null || e(r);
-    }, ...a, ref: d, children: /* @__PURE__ */ o(h, { paletteIndex: 5 }) });
+    }, ...l, ref: a, children: /* @__PURE__ */ o(h, { paletteIndex: 5 }) });
   }
 );
 I.displayName = "FormFieldClear";

package/components/FormField/components/FormFieldCounter.js

@@ -1,13 +1,13 @@
 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__004c8eb6", u = {
+const s = "formFieldCounter__07307901", u = {
   formFieldCounter: s
-}, l = ({ children: e, ...o }) => {
+}, l = ({ children: o, ...e }) => {
   const { setWithCounter: t } = i(n);
   return m(() => {
     t(!0);
-  }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...o, children: e });
+  }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
 };
 l.displayName = "FormFieldCounter";
 export {

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-Dlne6Znf.js";
+import { c } from "../../../chunks/vendor-CuCj7SgU.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__d099caa2", d = "withCounter__eaac7d8c", i = {
+const l = "formFieldDescription__c86c7305", p = "withCounter__2f1214e7", i = {
   formFieldDescription: l,
-  withCounter: d
-}, p = ({ children: e, ...r }) => {
+  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 }), ...r, children: e }) });
 };
-p.displayName = "FormFieldDescription";
+d.displayName = "FormFieldDescription";
 export {
-  p as FormFieldDescription
+  d 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-Dlne6Znf.js";
-import { F as a } from "../../../chunks/FormFieldInput-Bb0syEep.js";
+import "../../../chunks/vendor-CuCj7SgU.js";
+import { F as a } from "../../../chunks/FormFieldInput-BXZLkCG-.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
 export {

package/components/FormField/components/FormFieldLabel.js

@@ -1,44 +1,44 @@
 import { jsx as i } from "react/jsx-runtime";
-import T, { useContext as E, useState as g, useEffect as A } from "react";
-import { n as N, c as S } from "../../../chunks/vendor-Dlne6Znf.js";
+import u, { useContext as E, useState as g, useEffect as A } from "react";
+import { n as N, c as S } from "../../../chunks/vendor-CuCj7SgU.js";
 import { FormFieldContext as h } from "../FormFieldContext.js";
 import { createSizeToClassNameMap as D } from "../../../utils/classNameMaps.js";
 import { EFormFieldStatus as y } from "../enums.js";
-import { TARGET_PADDING_X_DEFAULT as d } from "../consts.js";
-const C = "formFieldLabel__5373f78c", I = "sm__0100b60e", M = "md__aecefac5", R = "lg__da13c647", z = "floating__ae349787", G = "formFieldLabelText__fddfd96f", U = "disabled__773e6dab", s = {
+import { TARGET_PADDING_X_DEFAULT as m } from "../consts.js";
+const C = "formFieldLabel__4064b567", I = "sm__4e3f34fa", M = "md__390f6d1a", R = "lg__d8ba3336", v = "floating__17ca77bf", z = "formFieldLabelText__d60b2223", G = "disabled__3a3108fa", t = {
   formFieldLabel: C,
   sm: I,
   md: M,
   lg: R,
-  floating: z,
-  formFieldLabelText: G,
-  disabled: U
-}, W = D(s), j = T.forwardRef(
-  ({ children: m, className: f, style: r, floating: e, ...c }, n) => {
-    const { status: _, focused: l, id: F, prefixWidth: b, postfixWidth: L, size: x, valueExist: a } = E(h), [t, o] = g(!1);
+  floating: v,
+  formFieldLabelText: z,
+  disabled: G
+}, U = D(t), W = u.forwardRef(
+  ({ children: d, className: f, style: r, floating: e, ...c }, n) => {
+    const { status: _, active: l, id: b, prefixWidth: F, postfixWidth: L, size: x, valueExist: a } = E(h), [s, o] = g(!1);
     A(() => {
-      !N(e) && e !== t ? o(e) : e !== t && o(l || a);
-    }, [l, a, e, t]);
+      !N(e) && e !== s ? o(e) : e !== s && o(l || a);
+    }, [l, a, e, s]);
     const p = S(
-      s.formFieldLabel,
-      W[x],
+      t.formFieldLabel,
+      U[x],
       {
-        [s.disabled]: _ === y.DISABLED,
-        [s.floating]: t
+        [t.disabled]: _ === y.DISABLED,
+        [t.floating]: s
       },
       f
-    ), u = {
+    ), T = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      left: b || d,
+      left: F || m,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      right: L || d,
+      right: L || m,
       ...r
     };
-    return /* @__PURE__ */ i("label", { className: p, ref: n, htmlFor: F, ...c, style: u, children: /* @__PURE__ */ i("span", { className: s.formFieldLabelText, children: m }) });
+    return /* @__PURE__ */ i("label", { className: p, ref: n, htmlFor: b, ...c, style: T, children: /* @__PURE__ */ i("span", { className: t.formFieldLabelText, children: d }) });
   }
 );
-j.displayName = "FormFieldLabel";
+W.displayName = "FormFieldLabel";
 export {
-  j as FormFieldLabel
+  W as FormFieldLabel
 };
 //# sourceMappingURL=FormFieldLabel.js.map

package/components/FormField/components/FormFieldMaskedInput.js

@@ -1,18 +1,18 @@
 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-Dlne6Znf.js";
+import { c as F, o as U, q as a } from "../../../chunks/vendor-CuCj7SgU.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-Bb0syEep.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-BXZLkCG-.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
 import { EFormFieldStatus as V } from "../enums.js";
-const Q = "formFieldMaskedInputWrapper__e8797637", X = "formFieldMaskedInputPlaceholder__5a28575a", Y = "formFieldMaskedInput__37197706", l = {
+const Q = "formFieldMaskedInputWrapper__fefbaa57", X = "formFieldMaskedInputPlaceholder__1396ef53", Y = "formFieldMaskedInput__7870dcc5", l = {
   formFieldMaskedInputWrapper: Q,
   formFieldMaskedInputPlaceholder: X,
-  "size-sm": "size-sm__210ba9c0",
-  "size-md": "size-md__6d8f25e7",
-  "size-lg": "size-lg__2858137b",
+  "size-sm": "size-sm__e0da98f3",
+  "size-md": "size-md__d6b60af2",
+  "size-lg": "size-lg__afbb2769",
   formFieldMaskedInput: Y
-}, a = ({
+}, p = ({
   className: I,
   forwardedRef: f,
   mask: o,
@@ -23,24 +23,24 @@ const Q = "formFieldMaskedInputWrapper__e8797637", X = "formFieldMaskedInputPlac
   value: s,
   ...M
 }) => {
-  const [x, y] = $(""), c = L(!1), { valueExist: z, focused: k, size: E, status: _ } = N(K);
+  const [x, b] = $(""), c = L(!1), { valueExist: y, focused: z, size: k, status: _ } = N(K);
   O(() => {
-    y((() => {
+    b((() => {
       let t = [];
       if (s) {
-        const { conformedValue: i } = p.conformToMask(s.toString(), o, { guide: !0, placeholderChar: n });
+        const { conformedValue: i } = a.conformToMask(s.toString(), o, { guide: !0, placeholderChar: n });
         for (let r = 0; r < o.length; r++)
           typeof o[r] == "string" ? t[r] = i[r] : i[r] === n && !s.toString()[r] ? t[r] = (u == null ? void 0 : u[r]) || n : t[r] = i[r];
       } else if (u)
         t = u.split("");
       else {
-        const { conformedValue: i } = p.conformToMask("", o, { guide: !0, placeholderChar: n });
+        const { conformedValue: i } = a.conformToMask("", o, { guide: !0, placeholderChar: n });
         t = i.split("");
       }
       return t.join("");
     })());
   }, [s, o, n, u]);
-  const b = q(
+  const E = q(
     (e) => {
       const { value: t } = e.target;
       c.current = !1, s !== t && (d == null || d(e));
@@ -48,7 +48,7 @@ const Q = "formFieldMaskedInputWrapper__e8797637", X = "formFieldMaskedInputPlac
     [s, d]
   ), S = () => {
     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) => {
+  }, T = (e, t) => o === p.presets.masks.phone ? e.length ? P(t.rawValue) : e : o === p.presets.masks.swiftCode ? e.toUpperCase() : e, P = (e) => {
     let t = [];
     if (c.current) {
       let i = /^[78]((\D*\d)*)/;
@@ -56,12 +56,12 @@ const Q = "formFieldMaskedInputWrapper__e8797637", X = "formFieldMaskedInputPlac
     } else (e === "7" || e === "8") && (e = "+7 (");
     return {
       indexesOfPipedChars: t,
-      value: p.conformToMask(e, o, { guide: !1, placeholderChar: n }).conformedValue
+      value: a.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) => {
+  }, D = () => o === p.presets.masks.phone ? (s = P(s).value, s) : a.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 && !k || !s && g ? "" : x;
-  return /* @__PURE__ */ B("div", { className: F(l.formFieldMaskedInputWrapper, l[`size-${E}`]), children: [
+  }, j = () => !y && !z || !s && g ? "" : x;
+  return /* @__PURE__ */ B("div", { className: F(l.formFieldMaskedInputWrapper, l[`size-${k}`]), children: [
     /* @__PURE__ */ m(
       "input",
       {
@@ -83,7 +83,7 @@ const Q = "formFieldMaskedInputWrapper__e8797637", X = "formFieldMaskedInputPlac
         guide: !1,
         render: (e, t) => /* @__PURE__ */ m(J, { ...t, value: s, placeholder: g || "", ref: W(e) }),
         mask: o,
-        onChange: b,
+        onChange: E,
         onPaste: S,
         placeholderChar: n,
         value: D(),
@@ -94,8 +94,8 @@ const Q = "formFieldMaskedInputWrapper__e8797637", X = "formFieldMaskedInputPlac
     )
   ] });
 };
-a.presets = G;
+p.presets = G;
 export {
-  a as FormFieldMaskedInput
+  p as FormFieldMaskedInput
 };
 //# sourceMappingURL=FormFieldMaskedInput.js.map

package/components/FormField/components/FormFieldPostfix.js

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