@sberbusiness/triplex-next 1.7.0 → 1.9.0

package/components/Dropdown/mobile/DropdownMobileHeader.js

@@ -1,15 +1,15 @@
-import { jsxs as i } from "react/jsx-runtime";
-import m from "react";
-import { c as p } from "../../../chunks/vendor-D3hUOusX.js";
-import { s } from "../../../chunks/DropdownMobile.module-CEPFt9uH.js";
-const f = m.forwardRef(
-  ({ children: e, className: a, closeButton: r, ...d }, o) => /* @__PURE__ */ i("div", { className: p(s.dropdownMobileHeader, a), ref: o, ...d, children: [
-    e,
-    r == null ? void 0 : r()
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import t from "react";
+import { c as m } from "../../../chunks/vendor-D3hUOusX.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-B25s43In.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 }),
+    /* @__PURE__ */ e("div", { className: o.controlButtons, children: s })
   ] })
 );
-f.displayName = "DropdownMobileHeader";
+n.displayName = "DropdownMobileHeader";
 export {
-  f as DropdownMobileHeader
+  n as DropdownMobileHeader
 };
 //# sourceMappingURL=DropdownMobileHeader.js.map

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-D3hUOusX.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-CEPFt9uH.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-B25s43In.js";
 const C = y.forwardRef(
   ({
     children: f,

package/components/Dropdown/mobile/DropdownMobileInput.js

@@ -1,10 +1,10 @@
 import { jsx as n } from "react/jsx-runtime";
 import r from "react";
-import { c as d } from "../../../chunks/vendor-D3hUOusX.js";
-const e = "dropdownMobileInput__4686a330", i = {
-  dropdownMobileInput: e
+import { c as e } from "../../../chunks/vendor-D3hUOusX.js";
+const d = "dropdownMobileInput__5e92c473", i = {
+  dropdownMobileInput: d
 }, l = r.forwardRef(
-  ({ className: o, ...p }, t) => /* @__PURE__ */ n("input", { className: d(i.dropdownMobileInput, o), ...p, ref: t })
+  ({ className: o, ...p }, t) => /* @__PURE__ */ n("input", { className: e(i.dropdownMobileInput, o), ...p, ref: t })
 );
 l.displayName = "DropdownMobileInput";
 export {

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-CEPFt9uH.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-B25s43In.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

@@ -1,37 +1,37 @@
-import { jsx as f } from "react/jsx-runtime";
-import l from "react";
-import { c as x } from "../../../chunks/vendor-D3hUOusX.js";
-import { Text as w } from "../../Typography/Text.js";
-import { ETextSize as b } from "../../Typography/enums.js";
-import { s } from "../../../chunks/DropdownMobile.module-CEPFt9uH.js";
-const y = l.forwardRef(
-  ({ children: o, className: e, id: B, onClick: t, onSelect: r, selected: i, ...m }, a) => {
-    const p = (d) => {
-      r == null || r(), t == null || t(d);
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import x from "react";
+import { c } from "../../../chunks/vendor-D3hUOusX.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 { 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) => {
+    const f = (d) => {
+      i == null || i(), t == null || t(d);
     };
-    return /* @__PURE__ */ f(
-      w,
+    return /* @__PURE__ */ l(
+      I,
       {
         tag: "div",
-        size: b.B3,
-        className: x(
-          s.dropdownMobileListItem,
-          { [s.selected]: !!i },
-          e
-        ),
-        "aria-selected": !!i,
+        size: w.B3,
+        className: c(r.dropdownMobileListItem, { [r.selected]: !!s }, m),
+        "aria-selected": !!s,
         role: "option",
-        ref: a,
-        onClick: p,
+        ref: p,
+        onClick: f,
         title: typeof o == "string" ? o : void 0,
-        ...m,
-        children: o
+        ...e,
+        children: [
+          o,
+          a && /* @__PURE__ */ n(N, { className: r.notificationIcon })
+        ]
       }
     );
   }
 );
-y.displayName = "DropdownMobileListItem";
+b.displayName = "DropdownMobileListItem";
 export {
-  y as DropdownMobileListItem
+  b as DropdownMobileListItem
 };
 //# sourceMappingURL=DropdownMobileListItem.js.map

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -4,17 +4,17 @@ 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-CEPFt9uH.js";
-const x = ({ className: o, ...r }) => /* @__PURE__ */ m(
+import { s } from "../../../chunks/DropdownMobile.module-B25s43In.js";
+const S = ({ className: o, ...r }) => /* @__PURE__ */ m(
   t,
   {
     className: e(s.dropdownMobileLoader, o),
     theme: i.BRAND,
-    size: p.MD,
+    size: p.SM,
     ...r
   }
 );
 export {
-  x as DropdownMobileLoader
+  S as DropdownMobileLoader
 };
 //# sourceMappingURL=DropdownMobileLoader.js.map

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-D3hUOusX.js";
+import { jsx as p } from "react/jsx-runtime";
+import { c as d } from "../../../chunks/vendor-D3hUOusX.js";
 import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__2daef760", r = {
+const t = "dropdownMobileMaskedInput__6fc81c12", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: e, ...s }) => /* @__PURE__ */ d(o, { className: p(r.dropdownMobileMaskedInput, e), ...s });
+}, 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 p } from "react/jsx-runtime";
 import t from "react";
-import { c as m } from "../../chunks/vendor-D3hUOusX.js";
-const c = "ellipsisLineClamp__3d3939e5", r = "oneLine__58ff5a25", e = {
-  ellipsisLineClamp: c,
+import { c } from "../../chunks/vendor-D3hUOusX.js";
+const m = "ellipsisLineClamp__59e616ed", r = "oneLine__cc430a16", e = {
+  ellipsisLineClamp: m,
   oneLine: r
-}, f = t.forwardRef(
+}, L = t.forwardRef(
   ({ children: i, maxLines: s, className: l, ...n }, a) => {
-    const o = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
+    const o = c(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
     return /* @__PURE__ */ p(
       "div",
       {
         className: o,
         style: { "--ellipsis-line-clamp": s },
         ...n,
-        "data-tx": "1.7.0",
+        "data-tx": "1.9.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,52 +1,52 @@
 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-D3hUOusX.js";
-const F = "expandAnimation__6127b8cf", I = {
+import U, { useRef as E } from "react";
+import { E as b, c as j } from "../../chunks/vendor-D3hUOusX.js";
+const F = "expandAnimation__f30d2f23", I = {
   expandAnimation: F
-}, L = 300, M = N.forwardRef(
+}, L = 300, M = U.forwardRef(
   ({
     children: y,
     className: A,
     expanded: v,
     animationTime: x = L,
     style: R,
-    onStart: d,
+    onStart: l,
     onEnd: h,
     transitionProps: e,
     ..._
-  }, f) => {
+  }, u) => {
     const m = E({
       entering: { height: void 0, overflow: "hidden" },
       entered: {},
       exiting: { height: 0, overflow: "hidden" },
       exited: { height: 0, overflow: "hidden", visibility: "hidden" },
       unmounted: {}
-    }), l = E(null), w = (c) => {
-      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);
+    }), 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);
     }, H = (c) => {
-      var u;
-      h == null || h(), (u = e == null ? void 0 : e.onEntered) == null || u.call(e, c);
+      var f;
+      h == null || h(), (f = e == null ? void 0 : e.onEntered) == null || f.call(e, c);
     }, T = () => {
       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);
-    }, b = () => {
+      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 = () => {
       var c;
       h == null || h(), (c = e == null ? void 0 : e.onExited) == null || c.call(e);
-    }, D = (c) => {
-      l.current = c, typeof f == "function" ? f(c) : f && (f.current = c);
+    }, N = (c) => {
+      d.current = c, typeof u == "function" ? u(c) : u && (u.current = c);
     };
     return /* @__PURE__ */ g(
-      U,
+      b,
       {
         in: v,
         timeout: x,
-        nodeRef: l,
+        nodeRef: d,
         ...e,
         onEnter: w,
         onEntered: H,
         onExit: T,
-        onExited: b,
+        onExited: D,
         children: (c) => /* @__PURE__ */ g(
           "div",
           {
@@ -57,7 +57,7 @@ const F = "expandAnimation__6127b8cf", I = {
               ...R
             },
             ..._,
-            ref: D,
+            ref: N,
             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.7.0", ref: r, children: o });
+    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.9.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-D3hUOusX.js";
-import { s as c } from "../../../chunks/Footer.module-CXnDx0Qq.js";
+import { s as c } from "../../../chunks/Footer.module-CzmEZNfz.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-CXnDx0Qq.js";
+import { s as n } from "../../../chunks/Footer.module-CzmEZNfz.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-CXnDx0Qq.js";
+import { s as a } from "../../../chunks/Footer.module-CzmEZNfz.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,70 +1,70 @@
-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-D3hUOusX.js";
 import { EFormFieldStatus as r } from "./enums.js";
 import { EComponentSize as N } from "../../enums/EComponentSize.js";
-const P = "formField__1f658114", S = "disabled__c491fccc", T = "active__1c9ebc5f", L = "error__4f23773b", u = "warning__c276f15d", i = {
+const P = "formField__52ee7910", S = "disabled__321ded10", T = "active__3465609c", L = "error__53a67f1d", u = "warning__e390c0af", i = {
   formField: P,
   disabled: S,
   active: T,
   error: L,
   warning: u,
-  "size-sm": "size-sm__ef195191",
-  "size-md": "size-md__61e63eda",
-  "size-lg": "size-lg__2b7c9f63"
+  "size-sm": "size-sm__0342c804",
+  "size-md": "size-md__44c0c360",
+  "size-lg": "size-lg__0645dd02"
 }, V = ({
   children: p,
   className: F,
   status: t = r.DEFAULT,
   onMouseEnter: s,
-  onMouseLeave: o,
+  onMouseLeave: d,
   style: x,
   size: c = N.LG,
   ...g
 }) => {
-  const [f, h] = e(!1), [v, l] = e(!1), [b, z] = e(""), [m, E] = e(_), [a, A] = e(_), [D, R] = e(!1), W = (d) => {
-    l(!0), s == null || s(d);
-  }, w = (d) => {
-    l(!1), o == null || o(d);
+  const [a, h] = e(!1), [v, l] = e(!1), [z, E] = e(""), [m, A] = e(_), [n, D] = e(_), [R, W] = e(!1), b = (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: f,
+        focused: a,
         hovered: v,
-        id: b,
+        id: z,
         postfixWidth: m,
-        prefixWidth: a,
+        prefixWidth: n,
         setFocused: h,
-        setId: z,
-        setPostfixWidth: E,
-        setPrefixWidth: A,
-        setValueExist: R,
-        valueExist: D,
+        setId: E,
+        setPostfixWidth: A,
+        setPrefixWidth: D,
+        setValueExist: W,
+        valueExist: R,
         size: c
       },
-      children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ f(
         "div",
         {
           className: I(
             i.formField,
             i[`size-${c}`],
             {
-              [i.active]: f,
+              [i.active]: a,
               [i.disabled]: t === r.DISABLED,
               [i.error]: t === r.ERROR,
               [i.warning]: t === r.WARNING
             },
             F
           ),
-          onMouseEnter: W,
+          onMouseEnter: b,
           onMouseLeave: w,
-          "data-tx": "1.7.0",
-          style: { paddingLeft: a, paddingRight: m, ...x },
+          "data-tx": "1.9.0",
+          style: { paddingLeft: n, paddingRight: m, ...x },
           ...g,
           children: p
         }

package/components/FormField/components/FormFieldClear.js

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

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

package/components/FormField/components/FormFieldDescription.js

@@ -2,12 +2,12 @@ import { jsx as t } from "react/jsx-runtime";
 import { useState as n } from "react";
 import { c } from "../../../chunks/vendor-D3hUOusX.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__1df6421b", p = "withCounter__6a93cea5", i = {
+const l = "formFieldDescription__ef70d3ab", p = "withCounter__b7c72eaa", e = {
   formFieldDescription: l,
   withCounter: p
-}, d = ({ children: e, ...r }) => {
+}, d = ({ 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 }), ...r, children: e }) });
+  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";
 export {

package/components/FormField/components/FormFieldInput.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../FormFieldContext.js";
 import "../../../chunks/vendor-D3hUOusX.js";
-import { F as a } from "../../../chunks/FormFieldInput-Dc0f4nno.js";
+import { F as a } from "../../../chunks/FormFieldInput-kWDtKz1V.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 f } from "../consts.js";
+import { TARGET_PADDING_X_DEFAULT as m } from "../consts.js";
 import { o as D, c as N } from "../../../chunks/vendor-D3hUOusX.js";
 import { EFormFieldStatus as y } from "../enums.js";
-const A = "formFieldLabel__a272a85f", R = "floating__4e92eb9c", S = "formFieldLabelText__41cca717", C = "disabled__c491fccc", s = {
+const A = "formFieldLabel__f1bccb55", R = "floating__2352efcb", S = "formFieldLabelText__a93e7099", C = "disabled__321ded10", s = {
   formFieldLabel: A,
-  "size-sm": "size-sm__ef195191",
-  "size-md": "size-md__61e63eda",
-  "size-lg": "size-lg__2b7c9f63",
+  "size-sm": "size-sm__0342c804",
+  "size-md": "size-md__44c0c360",
+  "size-lg": "size-lg__0645dd02",
   floating: R,
   formFieldLabelText: S,
   disabled: C
 }, G = p.forwardRef(
-  ({ children: m, 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: 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);
     E(() => {
-      !D(e) && e !== l ? o(e) : e !== l && o(t || a);
-    }, [t, a, e, l]);
+      !D(e) && e !== l ? a(e) : e !== l && a(t || o);
+    }, [t, o, e, l]);
     const u = N(
       s.formFieldLabel,
       {
-        [s.disabled]: _ === y.DISABLED,
+        [s.disabled]: F === y.DISABLED,
         [s.floating]: l,
         [s[`size-${i}`]]: i
       },
       r
     ), z = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      left: L || f,
+      left: L || m,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      right: x || f,
+      right: x || m,
       ...c
     };
-    return /* @__PURE__ */ d("label", { className: u, ref: F, htmlFor: b, ...n, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: m }) });
+    return /* @__PURE__ */ d("label", { className: u, ref: b, htmlFor: _, ...n, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: f }) });
   }
 );
 G.displayName = "FormFieldLabel";