@sberbusiness/triplex-next 1.9.0 → 1.11.0

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

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

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

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 } from "../../chunks/vendor-D3hUOusX.js";
-const m = "ellipsisLineClamp__59e616ed", r = "oneLine__cc430a16", e = {
+import { c } from "../../chunks/vendor-ClY57Zzq.js";
+const m = "ellipsisLineClamp__12e1c7cb", r = "oneLine__7e42cdce", s = {
   ellipsisLineClamp: m,
   oneLine: r
 }, L = t.forwardRef(
-  ({ children: i, maxLines: s, className: l, ...n }, a) => {
-    const o = c(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
-    return /* @__PURE__ */ p(
+  ({ children: i, maxLines: e, className: l, ...n }, o) => {
+    const p = c(s.ellipsisLineClamp, { [s.oneLine]: e === 1 }, l);
+    return /* @__PURE__ */ a(
       "div",
       {
-        className: o,
-        style: { "--ellipsis-line-clamp": s },
+        className: p,
+        style: { "--ellipsis-line-clamp": e },
         ...n,
-        "data-tx": "1.9.0",
-        ref: a,
+        "data-tx": "1.11.0",
+        ref: o,
         children: i
       }
     );

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,52 +1,52 @@
 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-D3hUOusX.js";
-const F = "expandAnimation__f30d2f23", I = {
+import N, { useRef as E } from "react";
+import { E as U, c as j } from "../../chunks/vendor-ClY57Zzq.js";
+const F = "expandAnimation__15b2c31f", I = {
   expandAnimation: F
-}, L = 300, M = U.forwardRef(
+}, L = 300, M = N.forwardRef(
   ({
     children: y,
     className: A,
     expanded: v,
     animationTime: x = L,
     style: R,
-    onStart: l,
+    onStart: d,
     onEnd: h,
     transitionProps: e,
     ..._
-  }, u) => {
+  }, f) => {
     const m = E({
       entering: { height: void 0, overflow: "hidden" },
       entered: {},
       exiting: { height: 0, overflow: "hidden" },
       exited: { height: 0, overflow: "hidden", visibility: "hidden" },
       unmounted: {}
-    }), d = E(null), w = (c) => {
-      var f;
-      d.current && (m.current.entering.height = d.current.scrollHeight), l == null || l(), (f = e == null ? void 0 : e.onEnter) == null || f.call(e, c);
+    }), l = E(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) => {
-      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;
-      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 = () => {
+      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 = () => {
       var c;
       h == null || h(), (c = e == null ? void 0 : e.onExited) == null || c.call(e);
-    }, N = (c) => {
-      d.current = c, typeof u == "function" ? u(c) : u && (u.current = 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: d,
+        nodeRef: l,
         ...e,
         onEnter: w,
         onEntered: H,
         onExit: T,
-        onExited: D,
+        onExited: b,
         children: (c) => /* @__PURE__ */ g(
           "div",
           {
@@ -57,7 +57,7 @@ const F = "expandAnimation__f30d2f23", I = {
               ...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.9.0", ref: r, children: o });
+    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.11.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-D3hUOusX.js";
-import { s as c } from "../../../chunks/Footer.module-CzmEZNfz.js";
+import { c as p } from "../../../chunks/vendor-ClY57Zzq.js";
+import { s as c } from "../../../chunks/Footer.module-CTz6ITIP.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-D3hUOusX.js";
-import { s as n } from "../../../chunks/Footer.module-CzmEZNfz.js";
+import { c as m } from "../../../chunks/vendor-ClY57Zzq.js";
+import { s as n } from "../../../chunks/Footer.module-CTz6ITIP.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-D3hUOusX.js";
-import { s as a } from "../../../chunks/Footer.module-CzmEZNfz.js";
+import { c as m } from "../../../chunks/vendor-ClY57Zzq.js";
+import { s as a } from "../../../chunks/Footer.module-CTz6ITIP.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,19 +1,19 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { useState as e } from "react";
-import { FormFieldContext as G } from "./FormFieldContext.js";
+import { c as G } from "../../chunks/vendor-ClY57Zzq.js";
+import { FormFieldContext as I } from "./FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
-import { c as I } from "../../chunks/vendor-D3hUOusX.js";
 import { EFormFieldStatus as r } from "./enums.js";
 import { EComponentSize as N } from "../../enums/EComponentSize.js";
-const P = "formField__52ee7910", S = "disabled__321ded10", T = "active__3465609c", L = "error__53a67f1d", u = "warning__e390c0af", i = {
+const P = "formField__cb0c8096", S = "disabled__bb9b3cf4", T = "active__1a4e23ff", L = "error__dc8f882e", u = "warning__6299ea24", i = {
   formField: P,
   disabled: S,
   active: T,
   error: L,
   warning: u,
-  "size-sm": "size-sm__0342c804",
-  "size-md": "size-md__44c0c360",
-  "size-lg": "size-lg__0645dd02"
+  "size-sm": "size-sm__51c775b5",
+  "size-md": "size-md__5a3f3de4",
+  "size-lg": "size-lg__287ddc7a"
 }, V = ({
   children: p,
   className: F,
@@ -22,35 +22,35 @@ const P = "formField__52ee7910", S = "disabled__321ded10", T = "active__3465609c
   onMouseLeave: d,
   style: x,
   size: c = N.LG,
-  ...g
+  ...b
 }) => {
-  const [a, h] = e(!1), [v, l] = e(!1), [z, E] = e(""), [m, A] = e(_), [n, D] = e(_), [R, W] = e(!1), b = (o) => {
+  const [a, g] = e(!1), [h, l] = e(!1), [v, 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);
   };
-  return /* @__PURE__ */ f(
-    G.Provider,
+  return /* @__PURE__ */ n(
+    I.Provider,
     {
       value: {
         status: t,
         focused: a,
-        hovered: v,
-        id: z,
+        hovered: h,
+        id: v,
         postfixWidth: m,
-        prefixWidth: n,
-        setFocused: h,
-        setId: E,
-        setPostfixWidth: A,
-        setPrefixWidth: D,
-        setValueExist: W,
-        valueExist: R,
+        prefixWidth: f,
+        setFocused: g,
+        setId: z,
+        setPostfixWidth: E,
+        setPrefixWidth: A,
+        setValueExist: R,
+        valueExist: D,
         size: c
       },
-      children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ n(
         "div",
         {
-          className: I(
+          className: G(
             i.formField,
             i[`size-${c}`],
             {
@@ -61,11 +61,11 @@ const P = "formField__52ee7910", S = "disabled__321ded10", T = "active__3465609c
             },
             F
           ),
-          onMouseEnter: b,
+          onMouseEnter: W,
           onMouseLeave: w,
-          "data-tx": "1.9.0",
-          style: { paddingLeft: n, paddingRight: m, ...x },
-          ...g,
+          "data-tx": "1.11.0",
+          style: { paddingLeft: f, paddingRight: m, ...x },
+          ...b,
           children: p
         }
       )

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-D3hUOusX.js";
+import f, { useContext as n } from "react";
+import { c } from "../../../chunks/vendor-ClY57Zzq.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__138e6e87", x = "hidden__d95b6515", t = {
+const u = "formFieldClear__5f061f95", x = "hidden__03b6c851", t = {
   formFieldClear: u,
   hidden: x
-}, _ = n.forwardRef(
+}, _ = f.forwardRef(
   ({ className: l, onMouseDown: e, ...m }, a) => {
-    const { status: d, valueExist: s } = c(p), i = f(
+    const { status: s, valueExist: d } = n(p), i = c(
       t.formFieldClear,
       "hoverable",
       {
-        [t.hidden]: !s || d === C.DISABLED
+        [t.hidden]: !d || s === C.DISABLED
       },
       l
     );

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

package/components/FormField/components/FormFieldDescription.js

@@ -1,16 +1,16 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useState as n } from "react";
-import { c } from "../../../chunks/vendor-D3hUOusX.js";
+import { c } from "../../../chunks/vendor-ClY57Zzq.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__ef70d3ab", p = "withCounter__b7c72eaa", e = {
-  formFieldDescription: l,
-  withCounter: p
-}, d = ({ children: i, ...r }) => {
+const d = "formFieldDescription__5adfd3ba", l = "withCounter__45cc4ad1", 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(e.formFieldDescription, { [e.withCounter]: o }), ...r, children: i }) });
+  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...e, children: r }) });
 };
-d.displayName = "FormFieldDescription";
+p.displayName = "FormFieldDescription";
 export {
-  d as FormFieldDescription
+  p 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-D3hUOusX.js";
-import { F as a } from "../../../chunks/FormFieldInput-kWDtKz1V.js";
+import "../../../chunks/vendor-ClY57Zzq.js";
+import { F as a } from "../../../chunks/FormFieldInput-ZCQQZs7b.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
 export {

package/components/FormField/components/FormFieldLabel.js

@@ -2,22 +2,22 @@ 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-D3hUOusX.js";
+import { o as D, c as N } from "../../../chunks/vendor-ClY57Zzq.js";
 import { EFormFieldStatus as y } from "../enums.js";
-const A = "formFieldLabel__f1bccb55", R = "floating__2352efcb", S = "formFieldLabelText__a93e7099", C = "disabled__321ded10", s = {
+const A = "formFieldLabel__8d4ae002", R = "floating__b152f723", S = "formFieldLabelText__0072b375", C = "disabled__bb9b3cf4", s = {
   formFieldLabel: A,
-  "size-sm": "size-sm__0342c804",
-  "size-md": "size-md__44c0c360",
-  "size-lg": "size-lg__0645dd02",
+  "size-sm": "size-sm__51c775b5",
+  "size-md": "size-md__5a3f3de4",
+  "size-lg": "size-lg__287ddc7a",
   floating: R,
   formFieldLabelText: S,
   disabled: C
 }, G = p.forwardRef(
-  ({ children: f, className: r, style: c, floating: e, ...n }, b) => {
-    const { status: F, focused: t, id: _, prefixWidth: L, postfixWidth: x, size: i, valueExist: o } = T(h), [l, a] = g(!1);
+  ({ children: f, className: r, style: b, floating: e, ...c }, 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 ? a(e) : e !== l && a(t || o);
-    }, [t, o, e, l]);
+      !D(e) && e !== l ? o(e) : e !== l && o(t || a);
+    }, [t, a, e, l]);
     const u = N(
       s.formFieldLabel,
       {
@@ -31,9 +31,9 @@ const A = "formFieldLabel__f1bccb55", R = "floating__2352efcb", S = "formFieldLa
       left: L || m,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
       right: x || m,
-      ...c
+      ...b
     };
-    return /* @__PURE__ */ d("label", { className: u, ref: b, htmlFor: _, ...n, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: f }) });
+    return /* @__PURE__ */ d("label", { className: u, ref: n, htmlFor: _, ...c, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: f }) });
   }
 );
 G.displayName = "FormFieldLabel";

package/components/FormField/components/FormFieldMaskedInput.js

@@ -1,73 +1,73 @@
-import { jsxs as O, jsx as m } from "react/jsx-runtime";
-import { useState as b, useRef as q, useContext as A, useEffect as B, useCallback as D } from "react";
-import { c as F, q as U, s as p } from "../../../chunks/vendor-D3hUOusX.js";
+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 { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-kWDtKz1V.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-ZCQQZs7b.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
-const L = "formFieldMaskedInputWrapper__74773618", Q = "formFieldMaskedInputPlaceholder__fe648cfe", X = "formFieldMaskedInput__f86d3a21", l = {
-  formFieldMaskedInputWrapper: L,
-  formFieldMaskedInputPlaceholder: Q,
-  "size-sm": "size-sm__0342c804",
-  "size-md": "size-md__44c0c360",
-  "size-lg": "size-lg__0645dd02",
-  formFieldMaskedInput: X
-}, c = ({
+import { EFormFieldStatus as V } from "../enums.js";
+const Q = "formFieldMaskedInputWrapper__4f6588ad", X = "formFieldMaskedInputPlaceholder__cc926df9", Y = "formFieldMaskedInput__d71d80f1", l = {
+  formFieldMaskedInputWrapper: Q,
+  formFieldMaskedInputPlaceholder: X,
+  "size-sm": "size-sm__51c775b5",
+  "size-md": "size-md__5a3f3de4",
+  "size-lg": "size-lg__287ddc7a",
+  formFieldMaskedInput: Y
+}, a = ({
   className: I,
-  forwardedRef: f,
-  disabled: g,
+  forwardedRef: d,
   mask: o,
-  onChange: d,
-  placeholder: M,
-  placeholderChar: i = "0",
+  onChange: f,
+  placeholder: g,
+  placeholderChar: n = "0",
   placeholderMask: u,
   value: s,
-  ..._
+  ...M
 }) => {
-  const [V, x] = b(""), a = q(!1), { valueExist: y, focused: z, size: k } = A(K);
-  B(() => {
-    x((() => {
+  const [x, y] = $(""), c = L(!1), { valueExist: z, focused: k, size: E, status: _ } = N(K);
+  O(() => {
+    y((() => {
       let t = [];
       if (s) {
-        const { conformedValue: n } = p.conformToMask(s.toString(), o, { guide: !0, placeholderChar: i });
+        const { conformedValue: i } = p.conformToMask(s.toString(), o, { guide: !0, placeholderChar: n });
         for (let r = 0; r < o.length; r++)
-          typeof o[r] == "string" ? t[r] = n[r] : n[r] === i && !s.toString()[r] ? t[r] = (u == null ? void 0 : u[r]) || i : t[r] = n[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: n } = p.conformToMask("", o, { guide: !0, placeholderChar: i });
-        t = n.split("");
+        const { conformedValue: i } = p.conformToMask("", o, { guide: !0, placeholderChar: n });
+        t = i.split("");
       }
       return t.join("");
     })());
-  }, [s, o, i, u]);
-  const T = D(
+  }, [s, o, n, u]);
+  const S = q(
     (e) => {
       const { value: t } = e.target;
-      a.current = !1, s !== t && (d == null || d(e));
+      c.current = !1, s !== t && (f == null || f(e));
     },
-    [s, d]
-  ), E = () => {
-    a.current = !0;
-  }, W = (e, t) => o === c.presets.masks.phone ? e.length ? P(t.rawValue) : e : o === c.presets.masks.swiftCode ? e.toUpperCase() : e, P = (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) => {
     let t = [];
-    if (a.current) {
-      let n = /^[78]((\D*\d)*)/;
-      e = e.replace(n, "+7 ($1"), n = /^\d7/, e = e.replace(n, (r) => (t = Array.from("+7 (").map((Y, N) => N), `+7 (${r}`));
+    if (c.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 (");
     return {
       indexesOfPipedChars: t,
-      value: p.conformToMask(e, o, { guide: !1, placeholderChar: i }).conformedValue
+      value: p.conformToMask(e, o, { guide: !1, placeholderChar: n }).conformedValue
     };
-  }, j = () => o === c.presets.masks.phone ? (s = P(s).value, s) : p.conformToMask(s, o, { guide: !1, placeholderChar: i }).conformedValue, S = (e) => (t) => {
-    t && e(t), typeof f == "function" ? f(t) : f && (f.current = t);
-  }, $ = () => !y && !z || !s && M ? "" : V;
-  return /* @__PURE__ */ O("div", { className: F(l.formFieldMaskedInputWrapper, l[`size-${k}`]), children: [
+  }, 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(l.formFieldMaskedInputWrapper, l[`size-${E}`]), children: [
     /* @__PURE__ */ m(
       "input",
       {
         className: F(H.formFieldInput, l.formFieldMaskedInputPlaceholder, I),
-        disabled: g,
-        placeholder: $(),
+        disabled: _ === V.DISABLED,
+        placeholder: j(),
         readOnly: !0,
         "aria-hidden": "true",
         tabIndex: -1,
@@ -77,25 +77,25 @@ const L = "formFieldMaskedInputWrapper__74773618", Q = "formFieldMaskedInputPlac
     /* @__PURE__ */ m(
       U,
       {
-        className: F(l.formFieldMaskedInput, { [l.error]: !!_.error }, I),
+        className: F(l.formFieldMaskedInput, { [l.error]: !!M.error }, I),
         defaultValue: "",
-        disabled: g,
+        disabled: _ === V.DISABLED,
         guide: !1,
-        render: (e, t) => /* @__PURE__ */ m(J, { ...t, value: s, placeholder: M || "", ref: S(e) }),
+        render: (e, t) => /* @__PURE__ */ m(J, { ...t, value: s, placeholder: g || "", ref: W(e) }),
         mask: o,
-        onChange: T,
-        onPaste: E,
-        placeholderChar: i,
-        value: j(),
-        pipe: W,
+        onChange: S,
+        onPaste: T,
+        placeholderChar: n,
+        value: D(),
+        pipe: b,
         type: "text",
-        ..._
+        ...M
       }
     )
   ] });
 };
-c.presets = G;
+a.presets = G;
 export {
-  c as FormFieldMaskedInput
+  a as FormFieldMaskedInput
 };
 //# sourceMappingURL=FormFieldMaskedInput.js.map

package/components/FormField/components/FormFieldPostfix.js

@@ -1,15 +1,15 @@
 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-D3hUOusX.js";
-const P = "formFieldPostfix__ba6fe82e", R = {
+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-ClY57Zzq.js";
+const P = "formFieldPostfix__8681ff12", R = {
   formFieldPostfix: P
 }, _ = d.forwardRef(
   ({ children: s, className: f, ...i }, o) => {
-    const r = p(R.formFieldPostfix, f), { postfixWidth: n, setPostfixWidth: c } = x(F), e = u(), m = (t) => {
+    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 a(() => {
+    return F(() => {
       if (!e.current)
         return;
       const { width: t } = e.current.getBoundingClientRect();

package/components/FormField/components/FormFieldPrefix.js

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