@sberbusiness/triplex-next 1.4.0 → 1.5.0

package/components/Ellipsis/Ellipsis.js

@@ -1,27 +1,27 @@
 import { jsx as p } from "react/jsx-runtime";
 import t from "react";
-import { c } from "../../chunks/vendor-Ba_pyhza.js";
-const m = "ellipsisLineClamp__bc58c37a", r = "oneLine__bf828d37", e = {
-  ellipsisLineClamp: m,
+import { c as m } from "../../chunks/vendor-9KVE23Ri.js";
+const c = "ellipsisLineClamp__8bb96110", r = "oneLine__8988aeed", e = {
+  ellipsisLineClamp: c,
   oneLine: r
-}, f = t.forwardRef(
+}, L = t.forwardRef(
   ({ children: i, maxLines: s, className: l, ...n }, a) => {
-    const o = c(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
+    const o = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
     return /* @__PURE__ */ p(
       "div",
       {
         className: o,
         style: { "--ellipsis-line-clamp": s },
         ...n,
-        "data-tx": "1.4.0",
+        "data-tx": "1.5.0",
         ref: a,
         children: i
       }
     );
   }
 );
-f.displayName = "Ellipsis";
+L.displayName = "Ellipsis";
 export {
-  f as Ellipsis
+  L as Ellipsis
 };
 //# sourceMappingURL=Ellipsis.js.map

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,47 +1,47 @@
 import { jsx as g } from "react/jsx-runtime";
-import N, { useRef as y } from "react";
-import { y as U, c as j } from "../../chunks/vendor-Ba_pyhza.js";
-const F = "expandAnimation__e4ff3b4b", I = {
+import N, { useRef as E } from "react";
+import { E as U, c as j } from "../../chunks/vendor-9KVE23Ri.js";
+const F = "expandAnimation__61b1b3d6", I = {
   expandAnimation: F
 }, L = 300, M = N.forwardRef(
   ({
-    children: A,
-    className: E,
+    children: y,
+    className: A,
     expanded: v,
-    animationTime: x = L,
+    animationTime: f = L,
     style: R,
-    onStart: d,
+    onStart: l,
     onEnd: h,
     transitionProps: e,
     ..._
-  }, u) => {
-    const m = y({
+  }, x) => {
+    const m = E({
       entering: { height: void 0, overflow: "hidden" },
       entered: {},
       exiting: { height: 0, overflow: "hidden" },
       exited: { height: 0, overflow: "hidden", visibility: "hidden" },
       unmounted: {}
-    }), l = y(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);
+    }), d = E(null), w = (c) => {
+      var u;
+      d.current && (m.current.entering.height = d.current.scrollHeight), l == null || l(), (u = e == null ? void 0 : e.onEnter) == null || u.call(e, c);
     }, b = (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);
     }, 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.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);
     }, T = () => {
       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);
+      d.current = c, typeof x == "function" ? x(c) : x && (x.current = c);
     };
     return /* @__PURE__ */ g(
       U,
       {
         in: v,
-        timeout: x,
-        nodeRef: l,
+        timeout: f,
+        nodeRef: d,
         ...e,
         onEnter: w,
         onEntered: b,
@@ -50,15 +50,15 @@ const F = "expandAnimation__e4ff3b4b", I = {
         children: (c) => /* @__PURE__ */ g(
           "div",
           {
-            className: j(I.expandAnimation, E),
+            className: j(I.expandAnimation, A),
             style: {
-              transitionDuration: x + "ms",
+              transitionDuration: f + "ms",
               ...m.current[c],
               ...R
             },
             ..._,
             ref: D,
-            children: A
+            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.4.0", ref: r, children: o });
+    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.5.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-Ba_pyhza.js";
-import { s as c } from "../../../chunks/Footer.module-B3uFxh54.js";
+import { c as p } from "../../../chunks/vendor-9KVE23Ri.js";
+import { s as c } from "../../../chunks/Footer.module-3tcvZGt3.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-Ba_pyhza.js";
-import { s as n } from "../../../chunks/Footer.module-B3uFxh54.js";
+import { c as m } from "../../../chunks/vendor-9KVE23Ri.js";
+import { s as n } from "../../../chunks/Footer.module-3tcvZGt3.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-Ba_pyhza.js";
-import { s as a } from "../../../chunks/Footer.module-B3uFxh54.js";
+import { c as m } from "../../../chunks/vendor-9KVE23Ri.js";
+import { s as a } from "../../../chunks/Footer.module-3tcvZGt3.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,45 +1,45 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import { useState as e } from "react";
 import { FormFieldContext as G } from "./FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
-import { c as I } from "../../chunks/vendor-Ba_pyhza.js";
+import { c as I } from "../../chunks/vendor-9KVE23Ri.js";
 import { EFormFieldStatus as r } from "./enums.js";
 import { EComponentSize as N } from "../../enums/EComponentSize.js";
-const P = "formField__7d7fcf94", S = "disabled__b720611e", T = "active__242fb002", L = "error__5d66e340", u = "warning__38b847e0", i = {
+const P = "formField__9b663218", S = "disabled__d9c8b710", T = "active__a5ccd37e", L = "error__ad946c43", u = "warning__c5b32e4f", i = {
   formField: P,
   disabled: S,
   active: T,
   error: L,
   warning: u,
-  "size-sm": "size-sm__7540e812",
-  "size-md": "size-md__c6a543db",
-  "size-lg": "size-lg__1760a0c4"
+  "size-sm": "size-sm__deaa1bc1",
+  "size-md": "size-md__95eee05b",
+  "size-lg": "size-lg__640b521b"
 }, V = ({
   children: p,
   className: F,
   status: t = r.DEFAULT,
   onMouseEnter: s,
-  onMouseLeave: o,
-  style: x,
+  onMouseLeave: d,
+  style: b,
   size: c = N.LG,
-  ...g
+  ...x
 }) => {
-  const [a, h] = e(!1), [b, l] = e(!1), [v, z] = e(""), [m, E] = e(_), [f, A] = e(_), [D, R] = e(!1), W = (d) => {
-    l(!0), s == null || s(d);
-  }, w = (d) => {
-    l(!1), o == null || o(d);
+  const [a, g] = e(!1), [h, l] = e(!1), [v, z] = e(""), [m, E] = e(_), [n, A] = e(_), [D, R] = e(!1), W = (o) => {
+    l(!0), s == null || s(o);
+  }, w = (o) => {
+    l(!1), d == null || d(o);
   };
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ f(
     G.Provider,
     {
       value: {
         status: t,
         focused: a,
-        hovered: b,
+        hovered: h,
         id: v,
         postfixWidth: m,
-        prefixWidth: f,
-        setFocused: h,
+        prefixWidth: n,
+        setFocused: g,
         setId: z,
         setPostfixWidth: E,
         setPrefixWidth: A,
@@ -47,7 +47,7 @@ const P = "formField__7d7fcf94", S = "disabled__b720611e", T = "active__242fb002
         valueExist: D,
         size: c
       },
-      children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ f(
         "div",
         {
           className: I(
@@ -63,9 +63,9 @@ const P = "formField__7d7fcf94", S = "disabled__b720611e", T = "active__242fb002
           ),
           onMouseEnter: W,
           onMouseLeave: w,
-          "data-tx": "1.4.0",
-          style: { paddingLeft: f, paddingRight: m, ...x },
-          ...g,
+          "data-tx": "1.5.0",
+          style: { paddingLeft: n, paddingRight: m, ...b },
+          ...x,
           children: p
         }
       )

package/components/FormField/components/FormFieldClear.js

@@ -1,30 +1,26 @@
 import { jsx as o } from "react/jsx-runtime";
-import n, { useContext as p } from "react";
-import { CrossStrokeSrvIcon16 as F } from "@sberbusiness/icons-next";
-import { FormFieldContext as h } from "../FormFieldContext.js";
-import { EFormFieldStatus as C } from "../enums.js";
-import { c as u } from "../../../chunks/vendor-Ba_pyhza.js";
-import "../../Button/Button.js";
-import "../../Button/ButtonBase.js";
+import n, { useContext as F } from "react";
+import { c as p } from "../../../chunks/vendor-9KVE23Ri.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";
-import "../../Button/ButtonDropdown.js";
-import "../../Button/ButtonDropdownExtended.js";
-const _ = "formFieldClear__ab290d63", v = "hidden__1b4afecd", t = {
+const _ = "formFieldClear__f91e6791", v = "hidden__f9efc227", t = {
   formFieldClear: _,
   hidden: v
 }, I = n.forwardRef(
-  ({ className: m, onMouseDown: e, ...d }, l) => {
-    const { status: a, focused: i, hovered: s, valueExist: c } = p(h), f = u(
+  ({ className: l, onMouseDown: e, ...d }, m) => {
+    const { status: s, focused: a, hovered: i, valueExist: f } = F(C), c = p(
       t.formFieldClear,
       "hoverable",
       {
-        [t.hidden]: !c || a === C.DISABLED || !(i || s)
+        [t.hidden]: !f || s === u.DISABLED || !(a || i)
       },
-      m
+      l
     );
-    return /* @__PURE__ */ o(x, { className: f, onMouseDown: (r) => {
+    return /* @__PURE__ */ o(x, { className: c, onMouseDown: (r) => {
       r.preventDefault(), e == null || e(r);
-    }, ...d, ref: l, children: /* @__PURE__ */ o(F, { paletteIndex: 5 }) });
+    }, ...d, ref: m, children: /* @__PURE__ */ o(h, { paletteIndex: 5 }) });
   }
 );
 I.displayName = "FormFieldClear";

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__0e57c3a0", u = {
+const s = "formFieldCounter__506f3b75", u = {
   formFieldCounter: s
-}, l = ({ children: e, ...o }) => {
+}, f = ({ 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";
+f.displayName = "FormFieldCounter";
 export {
-  l as FormFieldCounter
+  f 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-Ba_pyhza.js";
+import { c } from "../../../chunks/vendor-9KVE23Ri.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__37b5794f", p = "withCounter__b73c01a3", i = {
+const l = "formFieldDescription__7a9c0a3a", p = "withCounter__43a7e78e", e = {
   formFieldDescription: l,
   withCounter: p
-}, d = ({ children: r, ...e }) => {
+}, a = ({ children: i, ...r }) => {
   const [o, s] = n(!1);
-  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...e, children: r }) });
+  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(e.formFieldDescription, { [e.withCounter]: o }), ...r, children: i }) });
 };
-d.displayName = "FormFieldDescription";
+a.displayName = "FormFieldDescription";
 export {
-  d as FormFieldDescription
+  a 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-Ba_pyhza.js";
-import { F as a } from "../../../chunks/FormFieldInput-CO7yZP0Q.js";
+import "../../../chunks/vendor-9KVE23Ri.js";
+import { F as a } from "../../../chunks/FormFieldInput-BSxKZxcq.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
 export {

package/components/FormField/components/FormFieldLabel.js

@@ -2,26 +2,26 @@ 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 { m as D, c as N } from "../../../chunks/vendor-Ba_pyhza.js";
+import { o as D, c as N } from "../../../chunks/vendor-9KVE23Ri.js";
 import { EFormFieldStatus as y } from "../enums.js";
-const A = "formFieldLabel__cc7aa592", R = "floating__2a4fa279", S = "formFieldLabelText__09fde7f9", C = "disabled__b720611e", s = {
+const A = "formFieldLabel__e47737a6", R = "floating__3154b5a5", S = "formFieldLabelText__c26e50f0", C = "disabled__d9c8b710", s = {
   formFieldLabel: A,
-  "size-sm": "size-sm__7540e812",
-  "size-md": "size-md__c6a543db",
-  "size-lg": "size-lg__1760a0c4",
+  "size-sm": "size-sm__deaa1bc1",
+  "size-md": "size-md__95eee05b",
+  "size-lg": "size-lg__640b521b",
   floating: R,
   formFieldLabelText: S,
   disabled: C
 }, G = p.forwardRef(
-  ({ children: f, className: r, style: c, floating: e, ...n }, F) => {
-    const { status: _, focused: t, id: b, prefixWidth: L, postfixWidth: x, size: i, valueExist: a } = T(h), [l, o] = 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 ? o(e) : e !== l && o(t || a);
     }, [t, a, e, l]);
     const u = N(
       s.formFieldLabel,
       {
-        [s.disabled]: _ === y.DISABLED,
+        [s.disabled]: F === y.DISABLED,
         [s.floating]: l,
         [s[`size-${i}`]]: i
       },
@@ -31,9 +31,9 @@ const A = "formFieldLabel__cc7aa592", R = "floating__2a4fa279", S = "formFieldLa
       left: L || m,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
       right: x || m,
-      ...c
+      ...b
     };
-    return /* @__PURE__ */ d("label", { className: u, ref: F, htmlFor: b, ...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,17 +1,17 @@
 import { jsxs as N, jsx as m } from "react/jsx-runtime";
-import { useState as O, useRef as A, useContext as B, useEffect as D, useCallback as U } from "react";
-import { c as F, n as q, o as p } from "../../../chunks/vendor-Ba_pyhza.js";
+import { useState as O, 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-9KVE23Ri.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-CO7yZP0Q.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-BSxKZxcq.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
-const L = "formFieldMaskedInputWrapper__a2c0a493", Q = "formFieldMaskedInputPlaceholder__b0621a6f", X = "formFieldMaskedInput__8f7dcad2", l = {
+const L = "formFieldMaskedInputWrapper__33b07a20", Q = "formFieldMaskedInputPlaceholder__82430410", X = "formFieldMaskedInput__63c10946", l = {
   formFieldMaskedInputWrapper: L,
   formFieldMaskedInputPlaceholder: Q,
-  "size-sm": "size-sm__7540e812",
-  "size-md": "size-md__c6a543db",
-  "size-lg": "size-lg__1760a0c4",
+  "size-sm": "size-sm__deaa1bc1",
+  "size-md": "size-md__95eee05b",
+  "size-lg": "size-lg__640b521b",
   formFieldMaskedInput: X
-}, a = ({
+}, c = ({
   className: I,
   forwardedRef: f,
   disabled: g,
@@ -23,8 +23,8 @@ const L = "formFieldMaskedInputWrapper__a2c0a493", Q = "formFieldMaskedInputPlac
   value: s,
   ..._
 }) => {
-  const [V, x] = O(""), c = A(!1), { valueExist: y, focused: z, size: k } = B(K);
-  D(() => {
+  const [V, x] = O(""), a = q(!1), { valueExist: y, focused: z, size: k } = A(K);
+  B(() => {
     x((() => {
       let t = [];
       if (s) {
@@ -40,17 +40,17 @@ const L = "formFieldMaskedInputWrapper__a2c0a493", Q = "formFieldMaskedInputPlac
       return t.join("");
     })());
   }, [s, o, i, u]);
-  const T = U(
+  const b = D(
     (e) => {
       const { value: t } = e.target;
-      c.current = !1, s !== t && (d == null || d(e));
+      a.current = !1, s !== t && (d == null || d(e));
     },
     [s, d]
-  ), E = () => {
-    c.current = !0;
-  }, W = (e, t) => o === a.presets.masks.phone ? e.length ? P(t.rawValue) : e : o === a.presets.masks.swiftCode ? e.toUpperCase() : e, P = (e) => {
+  ), T = () => {
+    a.current = !0;
+  }, E = (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 n = /^[78]((\D*\d)*)/;
       e = e.replace(n, "+7 ($1"), n = /^\d7/, e = e.replace(n, (r) => (t = Array.from("+7 (").map((Y, $) => $), `+7 (${r}`));
     } else (e === "7" || e === "8") && (e = "+7 (");
@@ -58,18 +58,14 @@ const L = "formFieldMaskedInputWrapper__a2c0a493", Q = "formFieldMaskedInputPlac
       indexesOfPipedChars: t,
       value: p.conformToMask(e, o, { guide: !1, placeholderChar: i }).conformedValue
     };
-  }, b = () => o === a.presets.masks.phone ? (s = P(s).value, s) : p.conformToMask(s, o, { guide: !1, placeholderChar: i }).conformedValue, j = (e) => (t) => {
+  }, W = () => o === c.presets.masks.phone ? (s = P(s).value, s) : p.conformToMask(s, o, { guide: !1, placeholderChar: i }).conformedValue, j = (e) => (t) => {
     t && e(t), typeof f == "function" ? f(t) : f && (f.current = t);
   }, S = () => !y && !z || !s && M ? "" : V;
   return /* @__PURE__ */ N("div", { className: F(l.formFieldMaskedInputWrapper, l[`size-${k}`]), children: [
     /* @__PURE__ */ m(
       "input",
       {
-        className: F(
-          H.formFieldInput,
-          l.formFieldMaskedInputPlaceholder,
-          I
-        ),
+        className: F(H.formFieldInput, l.formFieldMaskedInputPlaceholder, I),
         disabled: g,
         placeholder: S(),
         readOnly: !0,
@@ -79,7 +75,7 @@ const L = "formFieldMaskedInputWrapper__a2c0a493", Q = "formFieldMaskedInputPlac
       }
     ),
     /* @__PURE__ */ m(
-      q,
+      U,
       {
         className: F(l.formFieldMaskedInput, { [l.error]: !!_.error }, I),
         defaultValue: "",
@@ -87,19 +83,19 @@ const L = "formFieldMaskedInputWrapper__a2c0a493", Q = "formFieldMaskedInputPlac
         guide: !1,
         render: (e, t) => /* @__PURE__ */ m(J, { ...t, value: s, placeholder: M || "", ref: j(e) }),
         mask: o,
-        onChange: T,
-        onPaste: E,
+        onChange: b,
+        onPaste: T,
         placeholderChar: i,
-        value: b(),
-        pipe: W,
+        value: W(),
+        pipe: E,
         type: "text",
         ..._
       }
     )
   ] });
 };
-a.presets = G;
+c.presets = G;
 export {
-  a as FormFieldMaskedInput
+  c 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-Ba_pyhza.js";
-const P = "formFieldPostfix__9fa31efa", 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-9KVE23Ri.js";
+const P = "formFieldPostfix__724f11b2", 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,12 +1,12 @@
 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-Ba_pyhza.js";
-const P = "formFieldPrefix__95f1c407", R = {
+import { c as p } from "../../../chunks/vendor-9KVE23Ri.js";
+const P = "formFieldPrefix__56941cb8", R = {
   formFieldPrefix: P
 }, _ = d.forwardRef(
-  ({ children: o, className: f, ...i }, r) => {
-    const s = p(R.formFieldPrefix, f), { prefixWidth: n, setPrefixWidth: c } = x(a), t = u(), m = (e) => {
+  ({ children: o, className: i, ...f }, r) => {
+    const s = p(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(a), t = u(), m = (e) => {
       t.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
     };
     return F(() => {
@@ -14,7 +14,7 @@ const P = "formFieldPrefix__95f1c407", R = {
         return;
       const { width: e } = t.current.getBoundingClientRect();
       e !== n && c(e);
-    }), /* @__PURE__ */ l("span", { className: s, ref: m, ...i, children: o });
+    }), /* @__PURE__ */ l("span", { className: s, ref: m, ...f, children: o });
   }
 );
 _.displayName = "FormFieldPrefix";

package/components/FormField/components/FormFieldTarget.js

@@ -1,24 +1,24 @@
 import { jsx as I } from "react/jsx-runtime";
 import x, { useContext as E, useRef as T, useEffect as m } from "react";
 import { FormFieldContext as B } from "../FormFieldContext.js";
-import { c as S, a as A } from "../../../chunks/vendor-Ba_pyhza.js";
-import { EFormFieldStatus as d } from "../enums.js";
-const L = "formFieldTarget__8ca0e86d", N = "placeholder__58ee63a8", R = "disabled__b720611e", o = {
+import { c as S, a as A } from "../../../chunks/vendor-9KVE23Ri.js";
+import { EFormFieldStatus as a } from "../enums.js";
+const L = "formFieldTarget__3cc57b0d", N = "placeholder__c8780486", R = "disabled__d9c8b710", o = {
   formFieldTarget: L,
   placeholder: N,
   disabled: R,
-  "size-sm": "size-sm__7540e812",
-  "size-md": "size-md__c6a543db",
-  "size-lg": "size-lg__1760a0c4"
+  "size-sm": "size-sm__deaa1bc1",
+  "size-md": "size-md__95eee05b",
+  "size-lg": "size-lg__640b521b"
 }, y = x.forwardRef((F, _) => {
-  const { className: p, id: e, onBlur: l, onFocus: i, placeholder: n, children: s, ...g } = F, { status: r, setFocused: f, setId: t, setValueExist: u, size: h } = E(B), b = S(o.formFieldTarget, p, o[`size-${h}`], {
-    [o.disabled]: r === d.DISABLED,
-    [o.placeholder]: !!n && !s && r !== d.DISABLED
-  }), a = T(e || A("formFieldTarget_"));
+  const { className: p, id: e, onBlur: l, onFocus: i, placeholder: n, children: s, ...b } = F, { status: r, setFocused: f, setId: t, setValueExist: u, size: g } = E(B), h = S(o.formFieldTarget, p, o[`size-${g}`], {
+    [o.disabled]: r === a.DISABLED,
+    [o.placeholder]: !!n && !s && r !== a.DISABLED
+  }), d = T(e || A("formFieldTarget_"));
   m(() => {
-    t(a.current);
+    t(d.current);
   }, [t]), m(() => {
-    e && (a.current = e, t(a.current));
+    e && (d.current = e, t(d.current));
   }, [e, t]), m(() => {
     u(!!s);
   }, [u, s]);
@@ -30,13 +30,13 @@ const L = "formFieldTarget__8ca0e86d", N = "placeholder__58ee63a8", R = "disable
   return /* @__PURE__ */ I(
     "div",
     {
-      ...g,
-      className: b,
-      "aria-disabled": r === d.DISABLED,
-      id: a.current,
+      ...b,
+      className: h,
+      "aria-disabled": r === a.DISABLED,
+      id: d.current,
       onFocus: D,
       onBlur: z,
-      tabIndex: r === d.DISABLED ? -1 : 0,
+      tabIndex: r === a.DISABLED ? -1 : 0,
       ref: _,
       children: s || n
     }