@sberbusiness/triplex-next 0.28.0 → 0.29.0

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

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---Om3uMV.js";
+import { jsx as p } from "react/jsx-runtime";
+import { c as d } from "../../../chunks/vendor-DJ6wKpvR.js";
 import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__586f2cd3", r = {
+const t = "dropdownMobileMaskedInput__902c3542", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: s, ...e }) => /* @__PURE__ */ d(o, { className: p(r.dropdownMobileMaskedInput, s), ...e });
+}, n = ({ className: s, ...e }) => /* @__PURE__ */ p(o, { className: d(r.dropdownMobileMaskedInput, s), ...e });
 n.presets = o.presets;
 export {
   n as DropdownMobileMaskedInput

package/components/Ellipsis/Ellipsis.js

@@ -1,27 +1,27 @@
 import { jsx as a } from "react/jsx-runtime";
 import t from "react";
-import { c } from "../../chunks/vendor---Om3uMV.js";
-const m = "ellipsisLineClamp__8ec5e238", r = "oneLine__1274218c", e = {
-  ellipsisLineClamp: m,
+import { c as m } from "../../chunks/vendor-DJ6wKpvR.js";
+const c = "ellipsisLineClamp__b3a7ce1f", r = "oneLine__341ff491", e = {
+  ellipsisLineClamp: c,
   oneLine: r
-}, L = t.forwardRef(
+}, f = t.forwardRef(
   ({ children: i, maxLines: s, className: l, ...n }, o) => {
-    const p = c(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
+    const p = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
     return /* @__PURE__ */ a(
       "div",
       {
         className: p,
         style: { "--ellipsis-line-clamp": s },
         ...n,
-        "data-tx": "0.28.0",
+        "data-tx": "0.29.0",
         ref: o,
         children: i
       }
     );
   }
 );
-L.displayName = "Ellipsis";
+f.displayName = "Ellipsis";
 export {
-  L as Ellipsis
+  f as Ellipsis
 };
 //# sourceMappingURL=Ellipsis.js.map

package/components/EmptyView/EmptyView.js

@@ -1,12 +1,12 @@
 import { EEmptyViewSize as i } from "./enums.js";
 import { jsxs as s, jsx as e, Fragment as x } from "react/jsx-runtime";
 import N from "react";
-import { c as A } from "../../chunks/vendor---Om3uMV.js";
+import { c as A } from "../../chunks/vendor-DJ6wKpvR.js";
 import { Title as R } from "../Typography/Title.js";
-import { EFontWeightTitle as h, ETitleSize as p, ETextSize as M, EFontType as a, EFontWeightText as S } from "../Typography/enums.js";
+import { EFontWeightTitle as h, ETitleSize as p, ETextSize as M, EFontType as l, EFontWeightText as S } from "../Typography/enums.js";
 import { Text as _ } from "../Typography/Text.js";
 import { Gap as n } from "../Gap/Gap.js";
-const B = "emptyView__225dbde7", D = "container__ddb1dbb1", g = "icon__4ff68007", I = "textBlock__77bcfb5d", t = {
+const B = "emptyView__fded2986", D = "container__c2d4d32b", g = "icon__5d28de95", I = "textBlock__aeb97be7", t = {
   emptyView: B,
   container: D,
   icon: g,
@@ -14,38 +14,38 @@ const B = "emptyView__225dbde7", D = "container__ddb1dbb1", g = "icon__4ff68007"
 }, V = {
   [i.SM]: t.sm,
   [i.MD]: t.md
-}, b = {
+}, v = {
   [i.SM]: { size: p.H3, weight: h.MEDIUM },
   [i.MD]: { size: p.H2, weight: h.SEMIBOLD }
 }, T = {
   [i.SM]: M.B3,
   [i.MD]: M.B2
-}, v = {
+}, z = {
   [i.SM]: 16,
   [i.MD]: 24
-}, z = N.forwardRef(
-  ({ className: f, size: o, icon: d, title: c, description: r, caption: m, buttons: E, ...w }, y) => {
-    const l = !!(r || m);
+}, k = N.forwardRef(
+  ({ className: w, size: o, icon: a, title: c, description: r, caption: m, buttons: E, ...y }, f) => {
+    const d = !!(r || m);
     return /* @__PURE__ */ s(
       "div",
       {
-        className: A(t.emptyView, V[o], { [t.hasTitle]: !!c }, f),
-        ref: y,
-        ...w,
+        className: A(t.emptyView, V[o], { [t.hasTitle]: !!c }, w),
+        ref: f,
+        ...y,
         children: [
           /* @__PURE__ */ s("div", { className: t.container, children: [
-            d && /* @__PURE__ */ e("div", { className: t.icon, children: d }),
-            d && o === i.SM && /* @__PURE__ */ e(n, { size: 8 }),
-            (c || l) && /* @__PURE__ */ s("div", { className: t.textBlock, children: [
-              c && /* @__PURE__ */ e(R, { ...b[o], children: c }),
-              c && l && /* @__PURE__ */ e(n, { size: 12 }),
-              l && /* @__PURE__ */ s("div", { className: t.descriptionBlock, children: [
+            a && /* @__PURE__ */ e("div", { className: t.icon, children: a }),
+            a && o === i.SM && /* @__PURE__ */ e(n, { size: 8 }),
+            (c || d) && /* @__PURE__ */ s("div", { className: t.textBlock, children: [
+              c && /* @__PURE__ */ e(R, { ...v[o], children: c }),
+              c && d && /* @__PURE__ */ e(n, { size: 12 }),
+              d && /* @__PURE__ */ s("div", { className: t.descriptionBlock, children: [
                 r && /* @__PURE__ */ e(
                   _,
                   {
                     size: T[o],
                     weight: S.REGULAR,
-                    type: c ? a.SECONDARY : a.PRIMARY,
+                    type: c ? l.SECONDARY : l.PRIMARY,
                     children: r
                   }
                 ),
@@ -55,7 +55,7 @@ const B = "emptyView__225dbde7", D = "container__ddb1dbb1", g = "icon__4ff68007"
                   {
                     size: T[o],
                     weight: S.REGULAR,
-                    type: a.SECONDARY,
+                    type: l.SECONDARY,
                     children: m
                   }
                 )
@@ -63,7 +63,7 @@ const B = "emptyView__225dbde7", D = "container__ddb1dbb1", g = "icon__4ff68007"
             ] })
           ] }),
           E && /* @__PURE__ */ s(x, { children: [
-            /* @__PURE__ */ e(n, { size: v[o] }),
+            /* @__PURE__ */ e(n, { size: z[o] }),
             /* @__PURE__ */ e("div", { className: t.buttons, children: E })
           ] })
         ]
@@ -71,8 +71,8 @@ const B = "emptyView__225dbde7", D = "container__ddb1dbb1", g = "icon__4ff68007"
     );
   }
 );
-z.displayName = "EmptyView";
+k.displayName = "EmptyView";
 export {
-  z as EmptyView
+  k as EmptyView
 };
 //# sourceMappingURL=EmptyView.js.map

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,16 +1,16 @@
 import { jsx as g } from "react/jsx-runtime";
-import U, { useRef as y } from "react";
-import { y as b, c as j } from "../../chunks/vendor---Om3uMV.js";
-const F = "expandAnimation__fd9d6665", I = {
+import N, { useRef as y } from "react";
+import { y as U, c as j } from "../../chunks/vendor-DJ6wKpvR.js";
+const F = "expandAnimation__9f38b8a4", I = {
   expandAnimation: F
-}, L = 300, M = U.forwardRef(
+}, L = 300, M = N.forwardRef(
   ({
     children: A,
     className: E,
     expanded: v,
     animationTime: f = L,
     style: R,
-    onStart: l,
+    onStart: d,
     onEnd: h,
     transitionProps: e,
     ...w
@@ -21,32 +21,32 @@ const F = "expandAnimation__fd9d6665", I = {
       exiting: { height: 0, overflow: "hidden" },
       exited: { height: 0, overflow: "hidden", visibility: "hidden" },
       unmounted: {}
-    }), d = y(null), H = (c) => {
+    }), l = y(null), H = (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);
+      l.current && (m.current.entering.height = l.current.scrollHeight), d == null || d(), (u = e == null ? void 0 : e.onEnter) == null || u.call(e, c);
     }, T = (c) => {
       var u;
       h == null || h(), (u = e == null ? void 0 : e.onEntered) == null || u.call(e, c);
     }, _ = () => {
       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 x == "function" ? x(c) : x && (x.current = c);
+    }, D = (c) => {
+      l.current = c, typeof x == "function" ? x(c) : x && (x.current = c);
     };
     return /* @__PURE__ */ g(
-      b,
+      U,
       {
         in: v,
         timeout: f,
-        nodeRef: d,
+        nodeRef: l,
         ...e,
         onEnter: H,
         onEntered: T,
         onExit: _,
-        onExited: D,
+        onExited: b,
         children: (c) => /* @__PURE__ */ g(
           "div",
           {
@@ -57,7 +57,7 @@ const F = "expandAnimation__fd9d6665", I = {
               ...R
             },
             ...w,
-            ref: N,
+            ref: D,
             children: A
           }
         )

package/components/Footer/Footer.js

@@ -5,7 +5,7 @@ import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
 const p = Object.assign(
   e.forwardRef(function({ children: o, ...r }, t) {
-    return /* @__PURE__ */ i("div", { ...r, "data-tx": "0.28.0", ref: t, children: o });
+    return /* @__PURE__ */ i("div", { ...r, "data-tx": "0.29.0", ref: t, 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---Om3uMV.js";
-import { s as c } from "../../../chunks/Footer.module-BijXXNLX.js";
+import { c as p } from "../../../chunks/vendor-DJ6wKpvR.js";
+import { s as c } from "../../../chunks/Footer.module-sbV81EJD.js";
 const f = Object.assign(
   s.forwardRef(function({ children: o, className: r, ...t }, e) {
     return /* @__PURE__ */ i("div", { className: p(c.footerDescription, r), ...t, 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---Om3uMV.js";
-import { s as n } from "../../../chunks/Footer.module-BijXXNLX.js";
+import { c as m } from "../../../chunks/vendor-DJ6wKpvR.js";
+import { s as n } from "../../../chunks/Footer.module-sbV81EJD.js";
 const p = 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---Om3uMV.js";
-import { s as p } from "../../../chunks/Footer.module-BijXXNLX.js";
+import { c as m } from "../../../chunks/vendor-DJ6wKpvR.js";
+import { s as p } from "../../../chunks/Footer.module-sbV81EJD.js";
 const a = i.forwardRef(
   ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ e("div", { className: m(p.footerDescriptionControls, r), ...s, ref: t, children: o })
 );

package/components/FormField/FormField.js

@@ -1,17 +1,17 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import I, { useState as t, useMemo as L } from "react";
-import { c as h } from "../../chunks/vendor---Om3uMV.js";
+import { c as h } from "../../chunks/vendor-DJ6wKpvR.js";
 import { FormFieldContext as v } from "./FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
 import { EFormFieldStatus as o } from "./enums.js";
 import { EComponentSize as w } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as C } from "../../utils/classNameMaps.js";
-const S = "formField__c92ca6eb", W = "sm__03b1ce1c", G = "md__35be776a", M = "lg__eb185181", P = "active__e3b267de", y = "disabled__d0a25adf", U = "error__5290897f", j = "warning__c71f73ae", z = "filled__8bfdd2b3", e = {
+const S = "formField__01b07e6b", W = "sm__73ad6550", G = "md__f8b59b9a", M = "lg__dd7da29d", P = "active__38638889", y = "disabled__0f67b9dd", U = "error__1f0a84bb", j = "warning__10505302", z = "filled__8ec16689", e = {
   formField: S,
   sm: W,
   md: G,
   lg: M,
-  default: "default__bc516dfb",
+  default: "default__dcd9c7d5",
   active: P,
   disabled: y,
   error: U,
@@ -27,22 +27,22 @@ const S = "formField__c92ca6eb", W = "sm__03b1ce1c", G = "md__35be776a", M = "lg
     children: p,
     className: F,
     style: b,
-    size: d = w.LG,
+    size: s = w.LG,
     status: r = o.DEFAULT,
     active: a = !1,
     ...g
   }, u) => {
-    const [m, x] = t(), [f, T] = t(), [i, E] = t(_), [l, N] = t(_), [c, R] = t(!1), [s, A] = t(!1), D = L(
+    const [n, x] = t(), [c, T] = t(), [i, E] = t(_), [l, N] = t(_), [m, R] = t(!1), [d, A] = t(!1), D = L(
       () => ({
-        size: d,
+        size: s,
         status: r,
-        targetId: m,
-        labelId: f,
+        targetId: n,
+        labelId: c,
         postfixWidth: i,
         prefixWidth: l,
-        filled: c,
-        focused: s,
-        active: a || s,
+        filled: m,
+        focused: d,
+        active: a || d,
         setTargetId: x,
         setLabelId: T,
         setPostfixWidth: E,
@@ -50,22 +50,22 @@ const S = "formField__c92ca6eb", W = "sm__03b1ce1c", G = "md__35be776a", M = "lg
         setFilled: R,
         setFocused: A
       }),
-      [d, r, m, f, i, l, c, s, a]
+      [s, r, n, c, i, l, m, d, a]
     );
-    return /* @__PURE__ */ n(v.Provider, { value: D, children: /* @__PURE__ */ n(
+    return /* @__PURE__ */ f(v.Provider, { value: D, children: /* @__PURE__ */ f(
       "div",
       {
         className: h(
           e.formField,
-          O[d],
+          O[s],
           B[r],
           {
-            [e.filled]: c,
-            [e.active]: a || s
+            [e.filled]: m,
+            [e.active]: a || d
           },
           F
         ),
-        "data-tx": "0.28.0",
+        "data-tx": "0.29.0",
         style: { paddingLeft: l, paddingRight: i, ...b },
         ...g,
         ref: u,

package/components/FormField/components/FormFieldClear.js

@@ -1,13 +1,13 @@
 import { jsx as l } from "react/jsx-runtime";
-import c, { useCallback as f } from "react";
-import { c as i } from "../../../chunks/vendor---Om3uMV.js";
+import i, { useCallback as c } from "react";
+import { c as f } from "../../../chunks/vendor-DJ6wKpvR.js";
 import { CrossStrokeSrvIcon16 as s } from "@sberbusiness/icons-next";
 import { ButtonIcon as d } from "../../Button/ButtonIcon.js";
-const p = "formFieldClear__6c426e3f", C = {
+const p = "formFieldClear__3804b2a4", C = {
   formFieldClear: p
-}, F = c.forwardRef(
-  ({ className: t, onMouseDown: r, ...a }, m) => {
-    const o = f(
+}, F = i.forwardRef(
+  ({ className: a, onMouseDown: r, ...t }, m) => {
+    const o = c(
       (e) => {
         e.preventDefault(), r == null || r(e);
       },
@@ -16,8 +16,8 @@ const p = "formFieldClear__6c426e3f", C = {
     return /* @__PURE__ */ l(
       d,
       {
-        ...a,
-        className: i(C.formFieldClear, t),
+        ...t,
+        className: f(C.formFieldClear, a),
         onMouseDown: o,
         ref: m,
         children: /* @__PURE__ */ l(s, { paletteIndex: 5 })

package/components/FormField/components/FormFieldCounter.js

@@ -1,16 +1,14 @@
-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__7fd8a618", u = {
+import { jsx as t } from "react/jsx-runtime";
+import { useContext as n, useEffect as i } from "react";
+import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
+const s = "formFieldCounter__8a961cad", u = {
   formFieldCounter: s
-}, d = ({ children: o, ...e }) => {
-  const { setWithCounter: t } = i(n);
-  return m(() => {
-    t(!0);
-  }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
+}, l = ({ children: o, ...r }) => {
+  const { setWithCounter: e } = n(m);
+  return i(() => (e(!0), () => e(!1)), []), /* @__PURE__ */ t("div", { className: u.formFieldCounter, ...r, children: o });
 };
-d.displayName = "FormFieldCounter";
+l.displayName = "FormFieldCounter";
 export {
-  d as FormFieldCounter
+  l as FormFieldCounter
 };
 //# sourceMappingURL=FormFieldCounter.js.map

package/components/FormField/components/FormFieldDescription.js

@@ -1,13 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useState as n } from "react";
-import { c as m } from "../../../chunks/vendor---Om3uMV.js";
-import { FormFieldDescriptionContext as c } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__5d2f0f8a", p = "withCounter__6389aa35", i = {
+import { c } from "../../../chunks/vendor-DJ6wKpvR.js";
+import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
+const l = "formFieldDescription__c83eb588", p = "withCounter__c98a5323", i = {
   formFieldDescription: l,
   withCounter: p
-}, d = ({ children: r, ...e }) => {
+}, d = ({ children: e, ...r }) => {
   const [o, s] = n(!1);
-  return /* @__PURE__ */ t(c.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: m(i.formFieldDescription, { [i.withCounter]: o }), ...e, children: r }) });
+  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...r, children: e }) });
 };
 d.displayName = "FormFieldDescription";
 export {

package/components/FormField/components/FormFieldInput.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor---Om3uMV.js";
+import "../../../chunks/vendor-DJ6wKpvR.js";
 import "../FormFieldContext.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
 import "./utils.js";
-import { F as d } from "../../../chunks/FormFieldInput-Cb-NqZOL.js";
+import { F as d } from "../../../chunks/FormFieldInput-B7snQZVi.js";
 export {
   d as FormFieldInput
 };

package/components/FormField/components/FormFieldLabel.js

@@ -1,11 +1,11 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import A, { useContext as E, useMemo as N, useLayoutEffect as I } from "react";
-import { u as S, c as h } from "../../../chunks/vendor---Om3uMV.js";
+import { u as S, c as h } from "../../../chunks/vendor-DJ6wKpvR.js";
 import { FormFieldContext as y } from "../FormFieldContext.js";
 import { createSizeToClassNameMap as D } from "../../../utils/classNameMaps.js";
 import { EFormFieldStatus as C } from "../enums.js";
-import { TARGET_PADDING_X_DEFAULT as a } from "../consts.js";
-const M = "formFieldLabel__1d0f4050", R = "sm__03b1ce1c", v = "md__35be776a", z = "lg__eb185181", G = "floating__b9da323d", W = "formFieldLabelText__769396e8", j = "disabled__d0a25adf", e = {
+import { TARGET_PADDING_X_DEFAULT as s } from "../consts.js";
+const M = "formFieldLabel__744b5375", R = "sm__73ad6550", v = "md__f8b59b9a", z = "lg__dd7da29d", G = "floating__35a492ae", W = "formFieldLabelText__382912b8", j = "disabled__0f67b9dd", e = {
   formFieldLabel: M,
   sm: R,
   md: v,
@@ -14,25 +14,25 @@ const M = "formFieldLabel__1d0f4050", R = "sm__03b1ce1c", v = "md__35be776a", z
   formFieldLabelText: W,
   disabled: j
 }, q = D(e), w = A.forwardRef(
-  ({ children: i, id: t, className: m, style: d, floating: r, ...f }, c) => {
-    const { targetId: n, size: b, status: _, filled: F, active: L, prefixWidth: g, postfixWidth: p, setLabelId: o } = E(y), l = N(() => t === void 0 ? S("label_") : t, [t]), x = r ?? (F || L), u = h(
+  ({ children: i, id: t, className: d, style: m, floating: r, ...f }, n) => {
+    const { targetId: c, size: b, status: _, filled: F, active: L, prefixWidth: g, postfixWidth: p, setLabelId: o } = E(y), l = N(() => t === void 0 ? S("label_") : t, [t]), x = r ?? (F || L), u = h(
       e.formFieldLabel,
       q[b],
       {
         [e.floating]: x,
         [e.disabled]: _ === C.DISABLED
       },
-      m
+      d
     ), T = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      left: g || a,
+      left: g || s,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      right: p || a,
-      ...d
+      right: p || s,
+      ...m
     };
     return I(() => {
       o(l);
-    }, [l, o]), /* @__PURE__ */ s("label", { ...f, id: l, className: u, htmlFor: n, style: T, ref: c, children: /* @__PURE__ */ s("span", { className: e.formFieldLabelText, children: i }) });
+    }, [l, o]), /* @__PURE__ */ a("label", { ...f, id: l, className: u, htmlFor: c, style: T, ref: n, children: /* @__PURE__ */ a("span", { className: e.formFieldLabelText, children: i }) });
   }
 );
 w.displayName = "FormFieldLabel";

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 U } from "react";
-import { c as F, m as q, n as p } from "../../../chunks/vendor---Om3uMV.js";
+import { c as F, m as q, n as p } from "../../../chunks/vendor-DJ6wKpvR.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-Cb-NqZOL.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-B7snQZVi.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
 import { EFormFieldStatus as V } from "../enums.js";
-const Q = "formFieldMaskedInputWrapper__15bfb001", X = "formFieldMaskedInputPlaceholder__21943f64", Y = "formFieldMaskedInput__eed220d3", u = {
+const Q = "formFieldMaskedInputWrapper__ff186aff", X = "formFieldMaskedInputPlaceholder__7cc02802", Y = "formFieldMaskedInput__944e700e", u = {
   formFieldMaskedInputWrapper: Q,
   formFieldMaskedInputPlaceholder: X,
-  "size-sm": "size-sm__a271d4e4",
-  "size-md": "size-md__fb131dc3",
-  "size-lg": "size-lg__12f08886",
+  "size-sm": "size-sm__eee6d82f",
+  "size-md": "size-md__6d773018",
+  "size-lg": "size-lg__2c160edc",
   formFieldMaskedInput: Y
-}, a = ({
+}, c = ({
   className: I,
   forwardedRef: f,
   mask: o,
@@ -23,7 +23,7 @@ const Q = "formFieldMaskedInputWrapper__15bfb001", X = "formFieldMaskedInputPlac
   value: s,
   ...M
 }) => {
-  const [x, y] = $(""), c = L(!1), { filled: z, focused: b, size: k, status: _ } = N(K);
+  const [x, y] = $(""), a = L(!1), { filled: z, focused: k, size: E, status: _ } = N(K);
   O(() => {
     y((() => {
       let t = [];
@@ -40,17 +40,17 @@ const Q = "formFieldMaskedInputWrapper__15bfb001", X = "formFieldMaskedInputPlac
       return t.join("");
     })());
   }, [s, o, n, l]);
-  const E = U(
+  const S = U(
     (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]
-  ), 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 = () => {
+    a.current = !0;
+  }, D = (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 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 (");
@@ -58,10 +58,10 @@ const Q = "formFieldMaskedInputWrapper__15bfb001", X = "formFieldMaskedInputPlac
       indexesOfPipedChars: t,
       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) => {
+  }, b = () => o === c.presets.masks.phone ? (s = P(s).value, s) : p.conformToMask(s, o, { guide: !1, placeholderChar: n }).conformedValue, W = (e) => (t) => {
     t && e(t), typeof f == "function" ? f(t) : f && (f.current = t);
-  }, j = () => !z && !b || !s && g ? "" : x;
-  return /* @__PURE__ */ B("div", { className: F(u.formFieldMaskedInputWrapper, u[`size-${k}`]), children: [
+  }, j = () => !z && !k || !s && g ? "" : x;
+  return /* @__PURE__ */ B("div", { className: F(u.formFieldMaskedInputWrapper, u[`size-${E}`]), children: [
     /* @__PURE__ */ m(
       "input",
       {
@@ -83,19 +83,19 @@ const Q = "formFieldMaskedInputWrapper__15bfb001", X = "formFieldMaskedInputPlac
         guide: !1,
         render: (e, t) => /* @__PURE__ */ m(J, { ...t, value: s, placeholder: g || "", ref: W(e) }),
         mask: o,
-        onChange: E,
-        onPaste: S,
+        onChange: S,
+        onPaste: T,
         placeholderChar: n,
-        value: D(),
-        pipe: T,
+        value: b(),
+        pipe: D,
         type: "text",
         ...M
       }
     )
   ] });
 };
-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 F } from "react";
-import { FormFieldContext as p } from "../FormFieldContext.js";
-import { c as a } from "../../../chunks/vendor---Om3uMV.js";
-const P = "formFieldPostfix__15f8e776", R = {
+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-DJ6wKpvR.js";
+const P = "formFieldPostfix__a39efa26", R = {
   formFieldPostfix: P
 }, h = d.forwardRef(
   ({ children: s, className: i, ...r }, o) => {
-    const f = a(R.formFieldPostfix, i), { postfixWidth: n, setPostfixWidth: c } = x(p), 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();