@sberbusiness/triplex-next 1.16.0 → 1.17.0

package/components/Dropdown/desktop/DropdownListItem.js

@@ -3,7 +3,7 @@ import "react";
 import "../../../utils/keyboard.js";
 import "../../../chunks/vendor-Dlne6Znf.js";
 import "../../NotificationIcon/NotificationIcon.js";
-import { D as s } from "../../../chunks/DropdownListItem-DzngoNVf.js";
+import { D as s } from "../../../chunks/DropdownListItem-Cy40lpF7.js";
 export {
   s as DropdownListItem
 };

package/components/Dropdown/desktop/index.js

@@ -1,6 +1,6 @@
 import { DropdownDesktop as p } from "./DropdownDesktop.js";
 import { DropdownList as e } from "./DropdownList.js";
-import { D as m } from "../../../chunks/DropdownListItem-DzngoNVf.js";
+import { D as m } from "../../../chunks/DropdownListItem-Cy40lpF7.js";
 export {
   p as DropdownDesktop,
   e as DropdownList,

package/components/Dropdown/index.js

@@ -2,7 +2,7 @@ import { EDropdownAlignment as e, EDropdownDirection as p, EDropdownListSize as
 import { DropdownListContext as D } from "./DropdownListContext.js";
 import { DropdownDesktop as m } from "./desktop/DropdownDesktop.js";
 import { DropdownList as x } from "./desktop/DropdownList.js";
-import { D as l } from "../../chunks/DropdownListItem-DzngoNVf.js";
+import { D as l } from "../../chunks/DropdownListItem-Cy40lpF7.js";
 import { DropdownMobile as M } from "./mobile/DropdownMobile.js";
 import { DropdownMobileBody as L } from "./mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as I } from "./mobile/DropdownMobileClose.js";

package/components/Dropdown/mobile/DropdownMobile.js

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import a, { useEffect as m } from "react";
 import { OverlayBase as n, EOverlayDirection as c } from "../../Overlay/OverlayBase.js";
 import { DropdownMobileInner as f } from "./DropdownMobileInner.js";
-import { s as p } from "../../../chunks/DropdownMobile.module-Ct6WVB7d.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-CiteH_xj.js";
 const r = p.dropdownMobileBodyOverflow, y = a.forwardRef(
   ({ children: t, opened: o, setOpened: s, ...d }, i) => (m(() => (o ? document.body.classList.add(r) : document.body.classList.remove(r), () => document.body.classList.remove(r)), [o]), /* @__PURE__ */ e(n, { setOpened: s, opened: o, direction: c.BOTTOM, children: (l) => /* @__PURE__ */ e(
     f,
@@ -10,7 +10,7 @@ const r = p.dropdownMobileBodyOverflow, y = a.forwardRef(
       ...l,
       ...d,
       ref: i,
-      "data-tx": "1.16.0",
+      "data-tx": "1.17.0",
       children: t
     }
   ) }))

package/components/Dropdown/mobile/DropdownMobileBody.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import d from "react";
 import { c as m } from "../../../chunks/vendor-Dlne6Znf.js";
-import { s as a } from "../../../chunks/DropdownMobile.module-Ct6WVB7d.js";
+import { s as a } from "../../../chunks/DropdownMobile.module-CiteH_xj.js";
 const i = d.forwardRef(
   ({ children: o, className: r, ...e }, s) => /* @__PURE__ */ t("div", { className: m(a.dropdownMobileContent, r), ref: s, ...e, children: o })
 );

package/components/Dropdown/mobile/DropdownMobileClose.js

@@ -3,7 +3,7 @@ import t from "react";
 import { ButtonIcon as m } from "../../Button/ButtonIcon.js";
 import { CrossStrokeSrvIcon16 as l } from "@sberbusiness/icons-next";
 import { c as p } from "../../../chunks/vendor-Dlne6Znf.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-Ct6WVB7d.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-CiteH_xj.js";
 const a = t.forwardRef(
   ({ className: r, ...e }, s) => /* @__PURE__ */ o(m, { className: p(i.dropdownMobileClose, r), ref: s, ...e, children: /* @__PURE__ */ o(l, { paletteIndex: 5 }) })
 );

package/components/Dropdown/mobile/DropdownMobileFooter.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import m from "react";
 import { c as a } from "../../../chunks/vendor-Dlne6Znf.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-Ct6WVB7d.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-CiteH_xj.js";
 const p = m.forwardRef(
   ({ children: o, className: r, ...e }, t) => /* @__PURE__ */ s("div", { className: a(i.dropdownMobileFooter, r), ref: t, ...e, children: o })
 );

package/components/Dropdown/mobile/DropdownMobileHeader.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import t from "react";
 import { c as m } from "../../../chunks/vendor-Dlne6Znf.js";
-import { s as o } from "../../../chunks/DropdownMobile.module-Ct6WVB7d.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-CiteH_xj.js";
 const n = t.forwardRef(
   ({ children: r, className: d, controlButtons: s, ...a }, i) => /* @__PURE__ */ l("div", { className: m(o.dropdownMobileHeader, d), ref: i, ...a, children: [
     /* @__PURE__ */ e("div", { className: o.dropdownMobileHeaderContent, children: r }),

package/components/Dropdown/mobile/DropdownMobileInner.js

@@ -2,7 +2,7 @@ import { jsxs as j, jsx as c } from "react/jsx-runtime";
 import y, { useState as l, useEffect as d } from "react";
 import { c as n } from "../../../chunks/vendor-Dlne6Znf.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-Ct6WVB7d.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-CiteH_xj.js";
 const C = y.forwardRef(
   ({
     children: f,

package/components/Dropdown/mobile/DropdownMobileInput.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import r from "react";
 import { c as d } from "../../../chunks/vendor-Dlne6Znf.js";
-const e = "dropdownMobileInput__372f3354", i = {
+const e = "dropdownMobileInput__35b1f0d0", i = {
   dropdownMobileInput: e
 }, l = r.forwardRef(
   ({ className: o, ...p }, t) => /* @__PURE__ */ n("input", { className: d(i.dropdownMobileInput, o), ...p, ref: t })

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -6,7 +6,7 @@ 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-Ct6WVB7d.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-CiteH_xj.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

@@ -3,7 +3,7 @@ import x from "react";
 import { c } from "../../../chunks/vendor-Dlne6Znf.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-Ct6WVB7d.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-CiteH_xj.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

@@ -4,7 +4,7 @@ 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-Ct6WVB7d.js";
+import { s } from "../../../chunks/DropdownMobile.module-CiteH_xj.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-Dlne6Znf.js";
 import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__1386c0b0", r = {
+const t = "dropdownMobileMaskedInput__47eb6b36", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: s, ...e }) => /* @__PURE__ */ p(o, { className: d(r.dropdownMobileMaskedInput, s), ...e });
+}, n = ({ className: e, ...s }) => /* @__PURE__ */ p(o, { className: d(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 t from "react";
-import { c as m } from "../../chunks/vendor-Dlne6Znf.js";
-const c = "ellipsisLineClamp__f532a940", r = "oneLine__232a38a6", e = {
-  ellipsisLineClamp: c,
+import { c } from "../../chunks/vendor-Dlne6Znf.js";
+const m = "ellipsisLineClamp__c0af19cc", r = "oneLine__b5177e81", e = {
+  ellipsisLineClamp: m,
   oneLine: r
 }, f = t.forwardRef(
-  ({ children: i, maxLines: s, className: l, ...a }, n) => {
-    const o = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
+  ({ children: i, maxLines: s, className: l, ...n }, a) => {
+    const o = c(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
     return /* @__PURE__ */ p(
       "div",
       {
         className: o,
         style: { "--ellipsis-line-clamp": s },
-        ...a,
-        "data-tx": "1.16.0",
-        ref: n,
+        ...n,
+        "data-tx": "1.17.0",
+        ref: a,
         children: i
       }
     );

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,7 +1,7 @@
 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-Dlne6Znf.js";
-const F = "expandAnimation__4a3b2133", I = {
+const F = "expandAnimation__aaeb7765", I = {
   expandAnimation: F
 }, L = 300, M = N.forwardRef(
   ({

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.16.0", ref: r, children: o });
+    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.17.0", ref: r, children: o });
   }),
   {
     Description: m

package/components/Footer/components/FooterDescription.js

@@ -3,7 +3,7 @@ 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-Cz5Pu1VT.js";
+import { s as c } from "../../../chunks/Footer.module-DnotaF0A.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-Cz5Pu1VT.js";
+import { s as n } from "../../../chunks/Footer.module-DnotaF0A.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-Cz5Pu1VT.js";
+import { s as a } from "../../../chunks/Footer.module-DnotaF0A.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,14 +1,14 @@
 import { jsx as n } from "react/jsx-runtime";
-import C, { useState as e } from "react";
+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 { 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__c5c627d8", P = "disabled__8c879a88", y = "active__94d500bd", U = "error__041a0044", z = "warning__47c41578", j = "sm__df1f3ec8", B = "md__7610a12a", H = "lg__e1fdff7b", t = {
+const L = "formField__eeb249da", P = "disabled__f0d34e29", y = "active__bbf7633c", U = "error__b0552519", z = "warning__e0a93e19", j = "sm__159406fa", B = "md__7a7f132f", H = "lg__2beef4b4", e = {
   formField: L,
-  default: "default__3da74a57",
+  default: "default__1fc86d4a",
   disabled: P,
   active: y,
   error: U,
@@ -17,62 +17,62 @@ const L = "formField__c5c627d8", P = "disabled__8c879a88", y = "active__94d500bd
   md: B,
   lg: H
 }, O = {
-  [s.DEFAULT]: t.default,
-  [s.DISABLED]: t.disabled,
-  [s.ERROR]: t.error,
-  [s.WARNING]: t.warning
-}, V = I(t), X = C.forwardRef(
+  [s.DEFAULT]: e.default,
+  [s.DISABLED]: e.disabled,
+  [s.ERROR]: e.error,
+  [s.WARNING]: e.warning
+}, V = I(e), X = C.forwardRef(
   ({
     children: p,
     className: F,
     status: d = s.DEFAULT,
     onMouseEnter: o,
-    onMouseLeave: a,
+    onMouseLeave: r,
     style: x,
     size: i = G.LG,
-    ...g
-  }, h) => {
-    const [c, u] = e(!1), [v, l] = e(!1), [E, N] = e(""), [m, R] = e(_), [f, T] = e(_), [A, D] = e(!1), b = (r) => {
-      l(!0), o == null || o(r);
-    }, w = (r) => {
-      l(!1), a == null || a(r);
+    ...b
+  }, g) => {
+    const [l, h] = t(!1), [u, m] = t(!1), [v, E] = t(""), [f, N] = t(_), [c, R] = t(_), [T, A] = t(!1), D = (a) => {
+      m(!0), o == null || o(a);
+    }, w = (a) => {
+      m(!1), r == null || r(a);
     };
     return /* @__PURE__ */ n(
       W.Provider,
       {
         value: {
           status: d,
-          focused: c,
-          hovered: v,
-          id: E,
-          postfixWidth: m,
-          prefixWidth: f,
-          setFocused: u,
-          setId: N,
-          setPostfixWidth: R,
-          setPrefixWidth: T,
-          setValueExist: D,
-          valueExist: A,
+          focused: l,
+          hovered: u,
+          id: v,
+          postfixWidth: f,
+          prefixWidth: c,
+          setFocused: h,
+          setId: E,
+          setPostfixWidth: N,
+          setPrefixWidth: R,
+          setValueExist: A,
+          valueExist: T,
           size: i
         },
         children: /* @__PURE__ */ n(
           "div",
           {
             className: S(
-              t.formField,
+              e.formField,
               V[i],
               O[d],
               {
-                [t.active]: c
+                [e.active]: l
               },
               F
             ),
-            onMouseEnter: b,
+            onMouseEnter: D,
             onMouseLeave: w,
-            "data-tx": "1.16.0",
-            style: { paddingLeft: f, paddingRight: m, ...x },
-            ...g,
-            ref: h,
+            "data-tx": "1.17.0",
+            style: { paddingLeft: c, paddingRight: f, ...x },
+            ...b,
+            ref: g,
             children: p
           }
         )

package/components/FormField/components/FormFieldClear.js

@@ -1,24 +1,24 @@
 import { jsx as o } from "react/jsx-runtime";
-import c, { useContext as F } from "react";
+import f, { useContext as F } from "react";
 import { c as p } from "../../../chunks/vendor-Dlne6Znf.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__5df7265f", v = "hidden__38571ad4", t = {
+const _ = "formFieldClear__ee20add1", v = "hidden__a846d5e4", t = {
   formFieldClear: _,
   hidden: v
-}, I = c.forwardRef(
+}, I = f.forwardRef(
   ({ className: d, onMouseDown: e, ...l }, a) => {
-    const { status: m, focused: s, hovered: i, valueExist: f } = F(C), n = p(
+    const { status: m, focused: s, hovered: i, valueExist: n } = F(C), c = p(
       t.formFieldClear,
       "hoverable",
       {
-        [t.hidden]: !f || m === u.DISABLED || !(s || i)
+        [t.hidden]: !n || m === u.DISABLED || !(s || i)
       },
       d
     );
-    return /* @__PURE__ */ o(x, { className: n, onMouseDown: (r) => {
+    return /* @__PURE__ */ o(x, { className: c, onMouseDown: (r) => {
       r.preventDefault(), e == null || e(r);
     }, ...l, ref: a, children: /* @__PURE__ */ o(h, { paletteIndex: 5 }) });
   }

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

package/components/FormField/components/FormFieldDescription.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import { useState as n } from "react";
 import { c } from "../../../chunks/vendor-Dlne6Znf.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__4ac1d91e", p = "withCounter__b8432ac3", i = {
+const l = "formFieldDescription__08896a93", p = "withCounter__c618e83b", i = {
   formFieldDescription: l,
   withCounter: p
 }, d = ({ children: e, ...r }) => {

package/components/FormField/components/FormFieldInput.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../FormFieldContext.js";
 import "../../../chunks/vendor-Dlne6Znf.js";
-import { F as a } from "../../../chunks/FormFieldInput-TbDWEJtn.js";
+import { F as a } from "../../../chunks/FormFieldInput-AMteABRz.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
 export {

package/components/FormField/components/FormFieldLabel.js

@@ -1,39 +1,39 @@
 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 { TARGET_PADDING_X_DEFAULT as f } from "../consts.js";
 import { n as D, c as N } from "../../../chunks/vendor-Dlne6Znf.js";
 import { EFormFieldStatus as y } from "../enums.js";
-const A = "formFieldLabel__9b4aa72c", R = "floating__ad24a56a", S = "formFieldLabelText__9fea3857", C = "disabled__8c879a88", s = {
+const A = "formFieldLabel__8d76f0fd", R = "floating__b508622f", S = "formFieldLabelText__09a3dfc7", C = "disabled__f0d34e29", s = {
   formFieldLabel: A,
-  "size-sm": "size-sm__3e11b90d",
-  "size-md": "size-md__a712bd73",
-  "size-lg": "size-lg__c1a17834",
+  "size-sm": "size-sm__355740bd",
+  "size-md": "size-md__5548392b",
+  "size-lg": "size-lg__d8febe83",
   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: a, valueExist: i } = T(h), [l, o] = g(!1);
+  ({ children: m, className: r, style: n, floating: e, ...b }, c) => {
+    const { status: F, focused: t, id: _, prefixWidth: L, postfixWidth: x, size: i, valueExist: o } = T(h), [l, a] = g(!1);
     E(() => {
-      !D(e) && e !== l ? o(e) : e !== l && o(t || i);
-    }, [t, i, e, l]);
+      !D(e) && e !== l ? a(e) : e !== l && a(t || o);
+    }, [t, o, e, l]);
     const u = N(
       s.formFieldLabel,
       {
         [s.disabled]: F === y.DISABLED,
         [s.floating]: l,
-        [s[`size-${a}`]]: a
+        [s[`size-${i}`]]: i
       },
       r
     ), z = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      left: L || m,
+      left: L || f,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      right: x || m,
-      ...c
+      right: x || f,
+      ...n
     };
-    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: c, htmlFor: _, ...b, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: m }) });
   }
 );
 G.displayName = "FormFieldLabel";

package/components/FormField/components/FormFieldMaskedInput.js

@@ -2,21 +2,21 @@ 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 { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-TbDWEJtn.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-AMteABRz.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
 import { EFormFieldStatus as V } from "../enums.js";
-const Q = "formFieldMaskedInputWrapper__83f21d69", X = "formFieldMaskedInputPlaceholder__5b9dedb7", Y = "formFieldMaskedInput__2ce0443e", l = {
+const Q = "formFieldMaskedInputWrapper__f74344e8", X = "formFieldMaskedInputPlaceholder__7f6a3f1f", Y = "formFieldMaskedInput__8b2a3017", l = {
   formFieldMaskedInputWrapper: Q,
   formFieldMaskedInputPlaceholder: X,
-  "size-sm": "size-sm__3e11b90d",
-  "size-md": "size-md__a712bd73",
-  "size-lg": "size-lg__c1a17834",
+  "size-sm": "size-sm__355740bd",
+  "size-md": "size-md__5548392b",
+  "size-lg": "size-lg__d8febe83",
   formFieldMaskedInput: Y
 }, a = ({
   className: I,
-  forwardedRef: d,
+  forwardedRef: f,
   mask: o,
-  onChange: f,
+  onChange: d,
   placeholder: g,
   placeholderChar: n = "0",
   placeholderMask: u,
@@ -43,9 +43,9 @@ const Q = "formFieldMaskedInputWrapper__83f21d69", X = "formFieldMaskedInputPlac
   const E = q(
     (e) => {
       const { value: t } = e.target;
-      c.current = !1, s !== t && (f == null || f(e));
+      c.current = !1, s !== t && (d == null || d(e));
     },
-    [s, f]
+    [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) => {
@@ -59,7 +59,7 @@ const Q = "formFieldMaskedInputWrapper__83f21d69", X = "formFieldMaskedInputPlac
       value: p.conformToMask(e, o, { guide: !1, placeholderChar: n }).conformedValue
     };
   }, D = () => o === a.presets.masks.phone ? (s = P(s).value, s) : p.conformToMask(s, o, { guide: !1, placeholderChar: n }).conformedValue, W = (e) => (t) => {
-    t && e(t), typeof d == "function" ? d(t) : d && (d.current = t);
+    t && e(t), typeof f == "function" ? f(t) : f && (f.current = t);
   }, j = () => !y && !z || !s && g ? "" : x;
   return /* @__PURE__ */ B("div", { className: F(l.formFieldMaskedInputWrapper, l[`size-${k}`]), children: [
     /* @__PURE__ */ m(

package/components/FormField/components/FormFieldPostfix.js

@@ -2,19 +2,19 @@ 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__70c46734", R = {
+const P = "formFieldPostfix__8c75f69c", R = {
   formFieldPostfix: P
 }, _ = d.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: c, setPostfixWidth: n } = x(a), e = u(), m = (t) => {
       e.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
     };
     return F(() => {
       if (!e.current)
         return;
       const { width: t } = e.current.getBoundingClientRect();
-      t !== n && c(t);
-    }), /* @__PURE__ */ l("span", { className: f, ref: m, ...r, children: s });
+      t !== c && n(t);
+    }), /* @__PURE__ */ l("span", { className: r, ref: m, ...i, children: s });
   }
 );
 _.displayName = "FormFieldPostfix";

package/components/FormField/components/FormFieldPrefix.js

@@ -2,11 +2,11 @@ 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 = "formFieldPrefix__68ff50be", R = {
+const P = "formFieldPrefix__2f208393", R = {
   formFieldPrefix: P
 }, _ = d.forwardRef(
-  ({ children: f, className: o, ...i }, r) => {
-    const s = p(R.formFieldPrefix, o), { prefixWidth: n, setPrefixWidth: c } = x(a), t = u(), m = (e) => {
+  ({ children: o, className: f, ...i }, r) => {
+    const s = p(R.formFieldPrefix, f), { 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__68ff50be", R = {
         return;
       const { width: e } = t.current.getBoundingClientRect();
       e !== n && c(e);
-    }), /* @__PURE__ */ l("span", { className: s, ref: m, ...i, children: f });
+    }), /* @__PURE__ */ l("span", { className: s, ref: m, ...i, children: o });
   }
 );
 _.displayName = "FormFieldPrefix";

package/components/FormField/components/FormFieldTarget.js

@@ -3,16 +3,16 @@ import x, { useContext as E, useRef as T, useEffect as n } from "react";
 import { FormFieldContext as B } from "../FormFieldContext.js";
 import { c as N, u as S } from "../../../chunks/vendor-Dlne6Znf.js";
 import { EFormFieldStatus as d } from "../enums.js";
-const A = "formFieldTarget__45af0ef0", L = "placeholder__76992caa", W = "disabled__8c879a88", R = "placeholderWrapper__6a423d15", e = {
+const A = "formFieldTarget__c8f40561", L = "placeholder__c91a4296", W = "disabled__f0d34e29", R = "placeholderWrapper__bffb098b", e = {
   formFieldTarget: A,
   placeholder: L,
   disabled: W,
-  "size-sm": "size-sm__3e11b90d",
-  "size-md": "size-md__a712bd73",
-  "size-lg": "size-lg__c1a17834",
+  "size-sm": "size-sm__355740bd",
+  "size-md": "size-md__5548392b",
+  "size-lg": "size-lg__d8febe83",
   placeholderWrapper: R
 }, y = x.forwardRef((_, F) => {
-  const { className: h, id: r, onBlur: o, onFocus: c, placeholder: m, children: s, ...g } = _, { status: a, setFocused: p, setId: l, setValueExist: f, size: b } = E(B), z = N(e.formFieldTarget, h, e[`size-${b}`], {
+  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_"));
@@ -31,7 +31,7 @@ const A = "formFieldTarget__45af0ef0", L = "placeholder__76992caa", W = "disable
   return /* @__PURE__ */ u(
     "div",
     {
-      ...g,
+      ...b,
       className: z,
       "aria-disabled": a === d.DISABLED,
       id: t.current,