@sberbusiness/triplex-next 1.10.0 → 1.11.0

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -1,17 +1,17 @@
 import { jsx as B } from "react/jsx-runtime";
-import G, { useState as M, useRef as T, useCallback as i, useEffect as y } from "react";
+import G, { useState as M, useRef as A, useCallback as i, useEffect as y } from "react";
 import { c as F } from "../../../chunks/vendor-ClY57Zzq.js";
 import { EDropdownAlignment as a, EDropdownDirection as D } from "../enums.js";
 import { isKey as d } from "../../../utils/keyboard.js";
 import { useToken as I } from "../../ThemeProvider/useToken.js";
 import { EComponentSize as j } from "../../../enums/EComponentSize.js";
-const K = "dropdownDesktop__b501b636", V = "dropdownDesktopOverflowHidden__9beec9a1", O = {
+const K = "dropdownDesktop__f4649e92", V = "dropdownDesktopOverflowHidden__0decb88c", O = {
   dropdownDesktop: K,
-  "dropdownDesktop-sm": "dropdownDesktop-sm__a76ca40e",
-  "dropdownDesktop-md": "dropdownDesktop-md__9c00032d",
-  "dropdownDesktop-lg": "dropdownDesktop-lg__23551d86",
+  "dropdownDesktop-sm": "dropdownDesktop-sm__51273a84",
+  "dropdownDesktop-md": "dropdownDesktop-md__12f6721f",
+  "dropdownDesktop-lg": "dropdownDesktop-lg__9f620271",
   dropdownDesktopOverflowHidden: V
-}, A = O.dropdownDesktopOverflowHidden, $ = G.forwardRef((P, p) => {
+}, b = O.dropdownDesktopOverflowHidden, $ = G.forwardRef((P, p) => {
   const {
     alignment: m = a.AUTO,
     children: g,
@@ -24,7 +24,7 @@ const K = "dropdownDesktop__b501b636", V = "dropdownDesktopOverflowHidden__9beec
     targetRef: _,
     size: W = j.MD,
     ...R
-  } = P, { scopeClassName: S } = I(), [x, H] = M({ opacity: 0 }), s = T(null), h = T({ height: 0, width: 0 }), U = F(O.dropdownDesktop, S, C, O[`dropdownDesktop-${W}`]), k = i(
+  } = P, { scopeClassName: S } = I(), [x, H] = M({ opacity: 0 }), s = A(null), h = A({ height: 0, width: 0 }), U = F(O.dropdownDesktop, S, C, O[`dropdownDesktop-${W}`]), k = i(
     (e) => {
       var o;
       (o = s.current) != null && o.contains(e.target) || e.preventDefault();
@@ -41,13 +41,13 @@ const K = "dropdownDesktop__b501b636", V = "dropdownDesktopOverflowHidden__9beec
       e ? (document.addEventListener("wheel", k, { passive: !1 }), document.addEventListener("keydown", E)) : (document.removeEventListener("wheel", k), document.removeEventListener("keydown", E));
     },
     [k, E]
-  ), b = i(
+  ), L = i(
     (e, o, t) => {
       const n = u ? t.width : Math.max(t.width, o.width);
       m === a.AUTO ? t.right - n > 0 ? e.left = t.right - n : t.left + n < document.documentElement.clientWidth ? e.left = t.left : e.left = t.right - n : m === a.RIGHT ? e.left = t.right - n : m === a.LEFT && (e.left = t.left);
     },
     [m, u]
-  ), L = i(
+  ), T = i(
     (e, o, t) => {
       w === D.AUTO ? t.bottom + 4 + o.height < document.documentElement.clientHeight ? e.top = t.bottom + 4 : t.top - 4 - o.height > 0 ? e.bottom = document.documentElement.clientHeight - t.top + 4 : e.top = t.bottom + 4 : w === D.BOTTOM ? e.top = t.bottom + 4 : w === D.TOP && (e.bottom = document.documentElement.clientHeight - t.top + 4);
     },
@@ -56,9 +56,9 @@ const K = "dropdownDesktop__b501b636", V = "dropdownDesktopOverflowHidden__9beec
     const { current: e } = s, { current: o } = _;
     if (e && o) {
       const t = e.getBoundingClientRect(), n = o.getBoundingClientRect(), c = {};
-      u ? c.width = n.width : c.minWidth = n.width, L(c, t, n), b(c, t, n), h.current = { height: t.height, width: t.width }, H(c);
+      u ? c.width = n.width : c.minWidth = n.width, T(c, t, n), L(c, t, n), h.current = { height: t.height, width: t.width }, H(c);
     }
-  }, [_, u, L, b]);
+  }, [_, u, T, L]);
   y(() => {
     f ? r() : (h.current = { height: 0, width: 0 }, H({ opacity: 0 }));
   }, [f, r]), y(() => {
@@ -72,8 +72,8 @@ const K = "dropdownDesktop__b501b636", V = "dropdownDesktopOverflowHidden__9beec
   }, [r]);
   y(() => {
     if (f)
-      return document.addEventListener("scroll", l, !0), window.addEventListener("resize", l), v(!0), document.body.classList.add(A), l(), () => {
-        document.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l), v(!1), document.body.classList.remove(A);
+      return document.addEventListener("scroll", l, !0), window.addEventListener("resize", l), v(!0), document.body.classList.add(b), l(), () => {
+        document.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l), v(!1), document.body.classList.remove(b);
       };
   }, [f, l, v]);
   const z = (e) => {
@@ -85,7 +85,7 @@ const K = "dropdownDesktop__b501b636", V = "dropdownDesktopOverflowHidden__9beec
       className: U,
       style: { ...x, ...N },
       ...R,
-      "data-tx": "1.10.0",
+      "data-tx": "1.11.0",
       ref: z,
       children: g
     }

package/components/Dropdown/desktop/DropdownList.js

@@ -1,7 +1,7 @@
 import { jsxs as _, jsx as h } from "react/jsx-runtime";
 import l, { useContext as y, useRef as B, useState as b, useEffect as f } from "react";
 import { c as z } from "../../../chunks/vendor-ClY57Zzq.js";
-import { s as C, D as x } from "../../../chunks/DropdownListItem-DXBppGoi.js";
+import { s as C, D as x } from "../../../chunks/DropdownListItem-QBxfm941.js";
 import { EVENT_KEY_CODES as w } from "../../../utils/keyboard.js";
 import { DropdownListContext as V } from "../DropdownListContext.js";
 import { LoaderSmall as W } from "../../Loader/LoaderSmall/LoaderSmall.js";

package/components/Dropdown/desktop/DropdownListItem.js

@@ -3,7 +3,7 @@ import "react";
 import "../../../utils/keyboard.js";
 import "../../../chunks/vendor-ClY57Zzq.js";
 import "../../NotificationIcon/NotificationIcon.js";
-import { D as s } from "../../../chunks/DropdownListItem-DXBppGoi.js";
+import { D as s } from "../../../chunks/DropdownListItem-QBxfm941.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-DXBppGoi.js";
+import { D as m } from "../../../chunks/DropdownListItem-QBxfm941.js";
 export {
   p as DropdownDesktop,
   e as DropdownList,

package/components/Dropdown/index.js

@@ -2,7 +2,7 @@ import { Dropdown as e } from "./Dropdown.js";
 import { DropdownListContext as t } from "./DropdownListContext.js";
 import { DropdownDesktop as d } from "./desktop/DropdownDesktop.js";
 import { DropdownList as i } from "./desktop/DropdownList.js";
-import { D as w } from "../../chunks/DropdownListItem-DXBppGoi.js";
+import { D as w } from "../../chunks/DropdownListItem-QBxfm941.js";
 import { DropdownMobile as f } from "./mobile/DropdownMobile.js";
 import { DropdownMobileBody as b } from "./mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as s } 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-CdquuBgl.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-zHrNkkL5.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.10.0",
+      "data-tx": "1.11.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-ClY57Zzq.js";
-import { s as a } from "../../../chunks/DropdownMobile.module-CdquuBgl.js";
+import { s as a } from "../../../chunks/DropdownMobile.module-zHrNkkL5.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-ClY57Zzq.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-CdquuBgl.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-zHrNkkL5.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-ClY57Zzq.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-CdquuBgl.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-zHrNkkL5.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-ClY57Zzq.js";
-import { s as o } from "../../../chunks/DropdownMobile.module-CdquuBgl.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-zHrNkkL5.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-ClY57Zzq.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-CdquuBgl.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-zHrNkkL5.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 e } from "../../../chunks/vendor-ClY57Zzq.js";
-const d = "dropdownMobileInput__6169e535", i = {
-  dropdownMobileInput: d
+import { c as d } from "../../../chunks/vendor-ClY57Zzq.js";
+const e = "dropdownMobileInput__148cd7a8", i = {
+  dropdownMobileInput: e
 }, l = r.forwardRef(
-  ({ className: o, ...p }, t) => /* @__PURE__ */ n("input", { className: e(i.dropdownMobileInput, o), ...p, ref: t })
+  ({ className: o, ...p }, t) => /* @__PURE__ */ n("input", { className: d(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-CdquuBgl.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-zHrNkkL5.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-ClY57Zzq.js";
 import { Text as I } from "../../Typography/Text.js";
 import { ETextSize as w } from "../../Typography/enums.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-CdquuBgl.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-zHrNkkL5.js";
 import { NotificationIcon as N } from "../../NotificationIcon/NotificationIcon.js";
 const b = x.forwardRef(
   ({ children: o, className: m, id: y, onClick: t, onSelect: i, selected: s, showNotificationIcon: a, ...e }, p) => {

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -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-CdquuBgl.js";
+import { s } from "../../../chunks/DropdownMobile.module-zHrNkkL5.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-ClY57Zzq.js";
+import { jsx as p } from "react/jsx-runtime";
+import { c as d } from "../../../chunks/vendor-ClY57Zzq.js";
 import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__ede92f33", r = {
+const t = "dropdownMobileMaskedInput__7cf4f94b", 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,20 +1,20 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import t from "react";
-import { c as m } from "../../chunks/vendor-ClY57Zzq.js";
-const c = "ellipsisLineClamp__4e5a3aae", r = "oneLine__1888d735", e = {
-  ellipsisLineClamp: c,
+import { c } from "../../chunks/vendor-ClY57Zzq.js";
+const m = "ellipsisLineClamp__12e1c7cb", r = "oneLine__7e42cdce", s = {
+  ellipsisLineClamp: m,
   oneLine: r
 }, L = t.forwardRef(
-  ({ children: i, maxLines: s, className: l, ...a }, n) => {
-    const o = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
-    return /* @__PURE__ */ p(
+  ({ children: i, maxLines: e, className: l, ...n }, o) => {
+    const p = c(s.ellipsisLineClamp, { [s.oneLine]: e === 1 }, l);
+    return /* @__PURE__ */ a(
       "div",
       {
-        className: o,
-        style: { "--ellipsis-line-clamp": s },
-        ...a,
-        "data-tx": "1.10.0",
-        ref: n,
+        className: p,
+        style: { "--ellipsis-line-clamp": e },
+        ...n,
+        "data-tx": "1.11.0",
+        ref: o,
         children: i
       }
     );

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,20 +1,20 @@
 import { jsx as g } from "react/jsx-runtime";
-import U, { useRef as E } from "react";
-import { E as b, c as j } from "../../chunks/vendor-ClY57Zzq.js";
-const F = "expandAnimation__e20538cc", I = {
+import N, { useRef as E } from "react";
+import { E as U, c as j } from "../../chunks/vendor-ClY57Zzq.js";
+const F = "expandAnimation__15b2c31f", I = {
   expandAnimation: F
-}, L = 300, M = U.forwardRef(
+}, L = 300, M = N.forwardRef(
   ({
     children: y,
     className: A,
     expanded: v,
-    animationTime: f = L,
+    animationTime: x = L,
     style: R,
     onStart: d,
     onEnd: h,
     transitionProps: e,
     ..._
-  }, x) => {
+  }, f) => {
     const m = E({
       entering: { height: void 0, overflow: "hidden" },
       entered: {},
@@ -30,34 +30,34 @@ const F = "expandAnimation__e20538cc", I = {
     }, 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);
-    }, D = () => {
+    }, b = () => {
       var c;
       h == null || h(), (c = e == null ? void 0 : e.onExited) == null || c.call(e);
-    }, N = (c) => {
-      l.current = c, typeof x == "function" ? x(c) : x && (x.current = c);
+    }, D = (c) => {
+      l.current = c, typeof f == "function" ? f(c) : f && (f.current = c);
     };
     return /* @__PURE__ */ g(
-      b,
+      U,
       {
         in: v,
-        timeout: f,
+        timeout: x,
         nodeRef: l,
         ...e,
         onEnter: w,
         onEntered: H,
         onExit: T,
-        onExited: D,
+        onExited: b,
         children: (c) => /* @__PURE__ */ g(
           "div",
           {
             className: j(I.expandAnimation, A),
             style: {
-              transitionDuration: f + "ms",
+              transitionDuration: x + "ms",
               ...m.current[c],
               ...R
             },
             ..._,
-            ref: N,
+            ref: D,
             children: y
           }
         )

package/components/Footer/Footer.js

@@ -5,7 +5,7 @@ import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
 const p = Object.assign(
   i.forwardRef(function({ children: o, ...t }, r) {
-    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.10.0", ref: r, children: o });
+    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.11.0", ref: r, children: o });
   }),
   {
     Description: m

package/components/Footer/components/FooterDescription.js

@@ -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-ClY57Zzq.js";
-import { s as c } from "../../../chunks/Footer.module-9PrdQ3S7.js";
+import { s as c } from "../../../chunks/Footer.module-CTz6ITIP.js";
 const f = Object.assign(
   s.forwardRef(function({ children: o, className: t, ...r }, e) {
     return /* @__PURE__ */ i("div", { className: p(c.footerDescription, t), ...r, ref: e, children: o });

package/components/Footer/components/FooterDescriptionContent.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import i from "react";
 import { c as m } from "../../../chunks/vendor-ClY57Zzq.js";
-import { s as n } from "../../../chunks/Footer.module-9PrdQ3S7.js";
+import { s as n } from "../../../chunks/Footer.module-CTz6ITIP.js";
 const a = i.forwardRef(
   ({ children: o, className: t, ...r }, e) => /* @__PURE__ */ s("div", { className: m(n.footerDescriptionContent, t), ...r, ref: e, children: o })
 );

package/components/Footer/components/FooterDescriptionControls.js

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

package/components/FormField/FormField.js

@@ -5,29 +5,29 @@ import { FormFieldContext as I } from "./FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
 import { EFormFieldStatus as r } from "./enums.js";
 import { EComponentSize as N } from "../../enums/EComponentSize.js";
-const P = "formField__56345500", S = "disabled__47510fe4", T = "active__9366a2b4", L = "error__9491abd7", u = "warning__1bfc51fc", i = {
+const P = "formField__cb0c8096", S = "disabled__bb9b3cf4", T = "active__1a4e23ff", L = "error__dc8f882e", u = "warning__6299ea24", i = {
   formField: P,
   disabled: S,
   active: T,
   error: L,
   warning: u,
-  "size-sm": "size-sm__f1d12fc4",
-  "size-md": "size-md__a78b0eb0",
-  "size-lg": "size-lg__58b4c4c1"
+  "size-sm": "size-sm__51c775b5",
+  "size-md": "size-md__5a3f3de4",
+  "size-lg": "size-lg__287ddc7a"
 }, V = ({
   children: p,
   className: F,
   status: t = r.DEFAULT,
   onMouseEnter: s,
-  onMouseLeave: o,
+  onMouseLeave: d,
   style: x,
   size: c = N.LG,
   ...b
 }) => {
-  const [a, g] = e(!1), [h, 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(_), [f, A] = e(_), [D, R] = e(!1), W = (o) => {
+    l(!0), s == null || s(o);
+  }, w = (o) => {
+    l(!1), d == null || d(o);
   };
   return /* @__PURE__ */ n(
     I.Provider,
@@ -63,7 +63,7 @@ const P = "formField__56345500", S = "disabled__47510fe4", T = "active__9366a2b4
           ),
           onMouseEnter: W,
           onMouseLeave: w,
-          "data-tx": "1.10.0",
+          "data-tx": "1.11.0",
           style: { paddingLeft: f, paddingRight: m, ...x },
           ...b,
           children: p

package/components/FormField/components/FormFieldClear.js

@@ -1,26 +1,26 @@
 import { jsx as o } from "react/jsx-runtime";
-import n, { useContext as f } from "react";
+import f, { useContext as n } from "react";
 import { c } from "../../../chunks/vendor-ClY57Zzq.js";
 import { CrossStrokeSrvIcon16 as F } from "@sberbusiness/icons-next";
 import { FormFieldContext as p } from "../FormFieldContext.js";
 import { EFormFieldStatus as C } from "../enums.js";
 import { ButtonIcon as h } from "../../Button/ButtonIcon.js";
-const u = "formFieldClear__14bd11d8", x = "hidden__f60ba98b", t = {
+const u = "formFieldClear__5f061f95", x = "hidden__03b6c851", t = {
   formFieldClear: u,
   hidden: x
-}, _ = n.forwardRef(
-  ({ className: l, onMouseDown: e, ...a }, d) => {
-    const { status: m, valueExist: s } = f(p), i = c(
+}, _ = f.forwardRef(
+  ({ className: l, onMouseDown: e, ...m }, a) => {
+    const { status: s, valueExist: d } = n(p), i = c(
       t.formFieldClear,
       "hoverable",
       {
-        [t.hidden]: !s || m === C.DISABLED
+        [t.hidden]: !d || s === C.DISABLED
       },
       l
     );
     return /* @__PURE__ */ o(h, { className: i, onMouseDown: (r) => {
       r.preventDefault(), e == null || e(r);
-    }, ...a, ref: d, children: /* @__PURE__ */ o(F, { paletteIndex: 5 }) });
+    }, ...m, ref: a, children: /* @__PURE__ */ o(F, { paletteIndex: 5 }) });
   }
 );
 _.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__c53266b1", u = {
+const s = "formFieldCounter__2a195ccc", u = {
   formFieldCounter: s
-}, l = ({ children: o, ...e }) => {
+}, c = ({ children: o, ...e }) => {
   const { setWithCounter: t } = i(n);
   return m(() => {
     t(!0);
   }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
 };
-l.displayName = "FormFieldCounter";
+c.displayName = "FormFieldCounter";
 export {
-  l as FormFieldCounter
+  c as FormFieldCounter
 };
 //# sourceMappingURL=FormFieldCounter.js.map

package/components/FormField/components/FormFieldDescription.js

@@ -2,9 +2,9 @@ import { jsx as t } from "react/jsx-runtime";
 import { useState as n } from "react";
 import { c } from "../../../chunks/vendor-ClY57Zzq.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__1c37c58d", d = "withCounter__956732d0", i = {
-  formFieldDescription: l,
-  withCounter: d
+const d = "formFieldDescription__5adfd3ba", l = "withCounter__45cc4ad1", i = {
+  formFieldDescription: d,
+  withCounter: l
 }, p = ({ children: r, ...e }) => {
   const [o, s] = n(!1);
   return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...e, children: r }) });

package/components/FormField/components/FormFieldInput.js

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

package/components/FormField/components/FormFieldLabel.js

@@ -1,19 +1,19 @@
-import { jsx as f } from "react/jsx-runtime";
+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 d } from "../consts.js";
+import { TARGET_PADDING_X_DEFAULT as m } from "../consts.js";
 import { o as D, c as N } from "../../../chunks/vendor-ClY57Zzq.js";
 import { EFormFieldStatus as y } from "../enums.js";
-const A = "formFieldLabel__522a1a75", R = "floating__9f2b45d4", S = "formFieldLabelText__ff550327", C = "disabled__47510fe4", s = {
+const A = "formFieldLabel__8d4ae002", R = "floating__b152f723", S = "formFieldLabelText__0072b375", C = "disabled__bb9b3cf4", s = {
   formFieldLabel: A,
-  "size-sm": "size-sm__f1d12fc4",
-  "size-md": "size-md__a78b0eb0",
-  "size-lg": "size-lg__58b4c4c1",
+  "size-sm": "size-sm__51c775b5",
+  "size-md": "size-md__5a3f3de4",
+  "size-lg": "size-lg__287ddc7a",
   floating: R,
   formFieldLabelText: S,
   disabled: C
 }, G = p.forwardRef(
-  ({ children: m, className: r, style: c, floating: e, ...b }, n) => {
+  ({ 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);
@@ -28,12 +28,12 @@ const A = "formFieldLabel__522a1a75", R = "floating__9f2b45d4", S = "formFieldLa
       r
     ), z = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      left: L || d,
+      left: L || m,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      right: x || d,
-      ...c
+      right: x || m,
+      ...b
     };
-    return /* @__PURE__ */ f("label", { className: u, ref: n, htmlFor: _, ...b, style: z, children: /* @__PURE__ */ f("span", { className: s.formFieldLabelText, children: m }) });
+    return /* @__PURE__ */ d("label", { className: u, ref: n, htmlFor: _, ...c, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: f }) });
   }
 );
 G.displayName = "FormFieldLabel";