@sberbusiness/triplex-next 0.16.0 → 0.17.0

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -6,7 +6,7 @@ import { EComponentSize as I } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as j } from "../../../utils/classNameMaps.js";
 import { useToken as K } from "../../ThemeProvider/useToken.js";
 import { isKey as i } from "../../../utils/keyboard.js";
-const V = "dropdownDesktop__b29615ee", q = "sm__6c65d0e9", J = "md__d5135813", Q = "lg__62b2715b", X = "dropdownDesktopOverflowHidden__45010981", O = {
+const V = "dropdownDesktop__9ff45ac0", q = "sm__308d5b8b", J = "md__fadf6399", Q = "lg__e1d3a3db", X = "dropdownDesktopOverflowHidden__b3863a34", O = {
   dropdownDesktop: V,
   sm: q,
   md: J,
@@ -19,7 +19,7 @@ const V = "dropdownDesktop__b29615ee", q = "sm__6c65d0e9", J = "md__d5135813", Q
     fixedWidth: u,
     className: N,
     direction: a = E.AUTO,
-    opened: c,
+    opened: f,
     setOpened: $,
     style: P,
     targetRef: _,
@@ -42,13 +42,13 @@ const V = "dropdownDesktop__b29615ee", q = "sm__6c65d0e9", J = "md__d5135813", Q
       e ? (document.addEventListener("wheel", D, { passive: !1 }), document.addEventListener("keydown", g)) : (document.removeEventListener("wheel", D), document.removeEventListener("keydown", g));
     },
     [D, g]
-  ), H = s(
+  ), b = s(
     (e, t, o) => {
       const n = u ? o.width : Math.max(o.width, t.width);
       p === w.AUTO ? o.right - n > 0 ? e.left = o.right - n : o.left + n < document.documentElement.clientWidth ? e.left = o.left : e.left = o.right - n : p === w.RIGHT ? e.left = o.right - n : p === w.LEFT && (e.left = o.left);
     },
     [p, u]
-  ), b = s(
+  ), H = s(
     (e, t, o) => {
       a === E.AUTO ? o.bottom + 4 + t.height < document.documentElement.clientHeight ? e.top = o.bottom + 4 : o.top - 4 - t.height > 0 ? e.bottom = document.documentElement.clientHeight - o.top + 4 : e.top = o.bottom + 4 : a === E.BOTTOM ? e.top = o.bottom + 4 : a === E.TOP && (e.bottom = document.documentElement.clientHeight - o.top + 4);
     },
@@ -56,13 +56,13 @@ const V = "dropdownDesktop__b29615ee", q = "sm__6c65d0e9", J = "md__d5135813", Q
   ), r = s(() => {
     const { current: e } = d, { current: t } = _;
     if (e && t) {
-      const o = e.getBoundingClientRect(), n = t.getBoundingClientRect(), f = {};
-      u ? f.width = n.width : f.minWidth = n.width, b(f, o, n), H(f, o, n), h.current = { height: o.height, width: o.width }, T(f);
+      const o = e.getBoundingClientRect(), n = t.getBoundingClientRect(), c = {};
+      u ? c.width = n.width : c.minWidth = n.width, H(c, o, n), b(c, o, n), h.current = { height: o.height, width: o.width }, T(c);
     }
-  }, [_, u, b, H]);
+  }, [_, u, H, b]);
   y(() => {
-    c ? r() : (h.current = { height: 0, width: 0 }, T({ opacity: 0 }));
-  }, [c, r]), y(() => {
+    f ? r() : (h.current = { height: 0, width: 0 }, T({ opacity: 0 }));
+  }, [f, r]), y(() => {
     if (d.current) {
       const { width: e, height: t } = d.current.getBoundingClientRect();
       (e != h.current.width || t != h.current.height) && r();
@@ -72,21 +72,21 @@ const V = "dropdownDesktop__b29615ee", q = "sm__6c65d0e9", J = "md__d5135813", Q
     setTimeout(r);
   }, [r]);
   y(() => {
-    if (c)
+    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);
       };
-  }, [c, l, v]);
+  }, [f, l, v]);
   const M = (e) => {
     d.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
   };
-  return c ? /* @__PURE__ */ U(
+  return f ? /* @__PURE__ */ U(
     "div",
     {
       className: x,
       style: { ...z, ...P },
       ...R,
-      "data-tx": "0.16.0",
+      "data-tx": "0.17.0",
       ref: M,
       children: k
     }

package/components/Dropdown/desktop/DropdownList.js

@@ -1,7 +1,7 @@
 import { jsxs as y, jsx as h } from "react/jsx-runtime";
 import l, { useContext as B, useRef as b, useState as z, useEffect as f } from "react";
 import { c as _ } from "../../../chunks/vendor-DE8Zvm0w.js";
-import { s as C, D as x } from "../../../chunks/DropdownListItem-BdSacGyt.js";
+import { s as C, D as x } from "../../../chunks/DropdownListItem-BuR89hPJ.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-DE8Zvm0w.js";
 import "../../NotificationIcon/NotificationIcon.js";
-import { D as s } from "../../../chunks/DropdownListItem-BdSacGyt.js";
+import { D as s } from "../../../chunks/DropdownListItem-BuR89hPJ.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-BdSacGyt.js";
+import { D as m } from "../../../chunks/DropdownListItem-BuR89hPJ.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-BdSacGyt.js";
+import { D as l } from "../../chunks/DropdownListItem-BuR89hPJ.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 m, { useEffect as a } 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-04Mon9FN.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-D1kNUx6-.js";
 const r = p.dropdownMobileBodyOverflow, y = m.forwardRef(
   ({ children: t, opened: o, setOpened: s, ...d }, i) => (a(() => (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 = m.forwardRef(
       ...l,
       ...d,
       ref: i,
-      "data-tx": "0.16.0",
+      "data-tx": "0.17.0",
       children: t
     }
   ) }))

package/components/Dropdown/mobile/DropdownMobileBody.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import t from "react";
 import { c as d } from "../../../chunks/vendor-DE8Zvm0w.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-04Mon9FN.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-D1kNUx6-.js";
 const p = t.forwardRef(
   ({ children: o, className: r, ...s }, e) => /* @__PURE__ */ m("div", { className: d(i.dropdownMobileContent, r), ref: e, ...s, 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-DE8Zvm0w.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-04Mon9FN.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-D1kNUx6-.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 t } from "react/jsx-runtime";
 import m from "react";
 import { c as i } from "../../../chunks/vendor-DE8Zvm0w.js";
-import { s as p } from "../../../chunks/DropdownMobile.module-04Mon9FN.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-D1kNUx6-.js";
 const a = m.forwardRef(
   ({ children: o, className: r, ...e }, s) => /* @__PURE__ */ t("div", { className: i(p.dropdownMobileFooter, r), ref: s, ...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-DE8Zvm0w.js";
-import { s as o } from "../../../chunks/DropdownMobile.module-04Mon9FN.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-D1kNUx6-.js";
 const n = t.forwardRef(
   ({ children: r, className: s, controlButtons: d, ...a }, i) => /* @__PURE__ */ l("div", { className: m(o.dropdownMobileHeader, s), 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-DE8Zvm0w.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-04Mon9FN.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-D1kNUx6-.js";
 const C = y.forwardRef(
   ({
     children: m,

package/components/Dropdown/mobile/DropdownMobileInput.js

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

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-04Mon9FN.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-D1kNUx6-.js";
 const b = p.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-DE8Zvm0w.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-04Mon9FN.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-D1kNUx6-.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-04Mon9FN.js";
+import { s } from "../../../chunks/DropdownMobile.module-D1kNUx6-.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 { jsx as e } from "react/jsx-runtime";
 import { c as p } from "../../../chunks/vendor-DE8Zvm0w.js";
 import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__d7ad9be8", r = {
+const t = "dropdownMobileMaskedInput__d5cf9ddc", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: e, ...s }) => /* @__PURE__ */ d(o, { className: p(r.dropdownMobileMaskedInput, e), ...s });
+}, n = ({ className: s, ...d }) => /* @__PURE__ */ e(o, { className: p(r.dropdownMobileMaskedInput, s), ...d });
 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 as m } from "../../chunks/vendor-DE8Zvm0w.js";
-const c = "ellipsisLineClamp__783b5f38", r = "oneLine__7353bfdb", i = {
-  ellipsisLineClamp: c,
+import { c } from "../../chunks/vendor-DE8Zvm0w.js";
+const m = "ellipsisLineClamp__f093ca9b", r = "oneLine__3b4c8d0e", e = {
+  ellipsisLineClamp: m,
   oneLine: r
-}, f = t.forwardRef(
-  ({ children: e, maxLines: s, className: l, ...n }, o) => {
-    const p = m(i.ellipsisLineClamp, { [i.oneLine]: s === 1 }, l);
+}, L = t.forwardRef(
+  ({ children: i, maxLines: s, className: l, ...n }, o) => {
+    const p = c(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
     return /* @__PURE__ */ a(
       "div",
       {
         className: p,
         style: { "--ellipsis-line-clamp": s },
         ...n,
-        "data-tx": "0.16.0",
+        "data-tx": "0.17.0",
         ref: o,
-        children: e
+        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,16 +1,16 @@
 import { jsx as g } from "react/jsx-runtime";
-import N, { useRef as A } from "react";
-import { A as U, c as j } from "../../chunks/vendor-DE8Zvm0w.js";
-const F = "expandAnimation__8c2ce3ab", I = {
+import U, { useRef as A } from "react";
+import { A as b, c as j } from "../../chunks/vendor-DE8Zvm0w.js";
+const F = "expandAnimation__4adef367", I = {
   expandAnimation: F
-}, L = 300, M = N.forwardRef(
+}, L = 300, M = U.forwardRef(
   ({
     children: y,
     className: E,
     expanded: v,
     animationTime: f = L,
     style: R,
-    onStart: d,
+    onStart: l,
     onEnd: h,
     transitionProps: e,
     ...w
@@ -21,32 +21,32 @@ const F = "expandAnimation__8c2ce3ab", I = {
       exiting: { height: 0, overflow: "hidden" },
       exited: { height: 0, overflow: "hidden", visibility: "hidden" },
       unmounted: {}
-    }), l = A(null), H = (c) => {
+    }), d = A(null), H = (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.current && (m.current.entering.height = d.current.scrollHeight), l == null || l(), (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;
-      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 x == "function" ? x(c) : x && (x.current = c);
+    }, N = (c) => {
+      d.current = c, typeof x == "function" ? x(c) : x && (x.current = c);
     };
     return /* @__PURE__ */ g(
-      U,
+      b,
       {
         in: v,
         timeout: f,
-        nodeRef: l,
+        nodeRef: d,
         ...e,
         onEnter: H,
         onEntered: T,
         onExit: _,
-        onExited: b,
+        onExited: D,
         children: (c) => /* @__PURE__ */ g(
           "div",
           {
@@ -57,7 +57,7 @@ const F = "expandAnimation__8c2ce3ab", I = {
               ...R
             },
             ...w,
-            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(
   e.forwardRef(function({ children: o, ...r }, t) {
-    return /* @__PURE__ */ i("div", { ...r, "data-tx": "0.16.0", ref: t, children: o });
+    return /* @__PURE__ */ i("div", { ...r, "data-tx": "0.17.0", ref: t, 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-DE8Zvm0w.js";
-import { s as c } from "../../../chunks/Footer.module-B0GfNisY.js";
+import { s as c } from "../../../chunks/Footer.module-cBu_SV2P.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-DE8Zvm0w.js";
-import { s as n } from "../../../chunks/Footer.module-B0GfNisY.js";
+import { s as n } from "../../../chunks/Footer.module-cBu_SV2P.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-DE8Zvm0w.js";
-import { s as p } from "../../../chunks/Footer.module-B0GfNisY.js";
+import { s as p } from "../../../chunks/Footer.module-cBu_SV2P.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,14 +1,14 @@
 import { jsx as n } from "react/jsx-runtime";
-import C, { useState as t } from "react";
+import C, { useState as e } from "react";
 import { c as S } from "../../chunks/vendor-DE8Zvm0w.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__bcf3eccc", P = "disabled__13038762", y = "active__220e120e", U = "error__976a28c3", z = "warning__b2b06aee", j = "sm__f572581a", B = "md__882cf072", H = "lg__25cf80d9", e = {
+const L = "formField__6036a446", P = "disabled__f37fdb90", y = "active__9963bfa8", U = "error__97006f9c", z = "warning__07c7e7b2", j = "sm__b0908080", B = "md__1d104e59", H = "lg__a8e3d383", t = {
   formField: L,
-  default: "default__7e4404aa",
+  default: "default__af4367fa",
   disabled: P,
   active: y,
   error: U,
@@ -17,11 +17,11 @@ const L = "formField__bcf3eccc", P = "disabled__13038762", y = "active__220e120e
   md: B,
   lg: H
 }, O = {
-  [s.DEFAULT]: e.default,
-  [s.DISABLED]: e.disabled,
-  [s.ERROR]: e.error,
-  [s.WARNING]: e.warning
-}, V = I(e), X = C.forwardRef(
+  [s.DEFAULT]: t.default,
+  [s.DISABLED]: t.disabled,
+  [s.ERROR]: t.error,
+  [s.WARNING]: t.warning
+}, V = I(t), X = C.forwardRef(
   ({
     children: p,
     className: F,
@@ -32,45 +32,45 @@ const L = "formField__bcf3eccc", P = "disabled__13038762", y = "active__220e120e
     size: d = G.LG,
     ...g
   }, h) => {
-    const [c, u] = t(!1), [v, l] = t(!1), [E, N] = t(""), [m, R] = t(_), [f, T] = t(_), [b, A] = t(!1), D = (a) => {
-      l(!0), o == null || o(a);
+    const [l, b] = e(!1), [u, m] = e(!1), [v, E] = e(""), [c, N] = e(_), [f, R] = e(_), [T, A] = e(!1), D = (a) => {
+      m(!0), o == null || o(a);
     }, w = (a) => {
-      l(!1), r == null || r(a);
+      m(!1), r == null || r(a);
     };
     return /* @__PURE__ */ n(
       W.Provider,
       {
         value: {
           status: i,
-          focused: c,
-          hovered: v,
-          id: E,
-          postfixWidth: m,
+          focused: l,
+          hovered: u,
+          id: v,
+          postfixWidth: c,
           prefixWidth: f,
-          setFocused: u,
-          setId: N,
-          setPostfixWidth: R,
-          setPrefixWidth: T,
+          setFocused: b,
+          setId: E,
+          setPostfixWidth: N,
+          setPrefixWidth: R,
           setValueExist: A,
-          valueExist: b,
+          valueExist: T,
           size: d
         },
         children: /* @__PURE__ */ n(
           "div",
           {
             className: S(
-              e.formField,
+              t.formField,
               V[d],
               O[i],
               {
-                [e.active]: c
+                [t.active]: l
               },
               F
             ),
             onMouseEnter: D,
             onMouseLeave: w,
-            "data-tx": "0.16.0",
-            style: { paddingLeft: f, paddingRight: m, ...x },
+            "data-tx": "0.17.0",
+            style: { paddingLeft: f, paddingRight: c, ...x },
             ...g,
             ref: h,
             children: p

package/components/FormField/components/FormFieldClear.js

@@ -5,22 +5,22 @@ 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 v = "formFieldClear__2dda8b76", I = "hidden__1668f94b", t = {
+const v = "formFieldClear__aa974ed9", I = "hidden__978bbf09", t = {
   formFieldClear: v,
   hidden: I
 }, S = f.forwardRef(
-  ({ className: d, onMouseDown: e, ...l }, m) => {
-    const { status: s, focused: a, hovered: i, valueExist: n } = F(C), c = p(
+  ({ className: l, onMouseDown: e, ...a }, d) => {
+    const { status: m, focused: s, hovered: i, valueExist: n } = F(C), c = p(
       t.formFieldClear,
       "hoverable",
       {
-        [t.hidden]: !n || s === u.DISABLED || !(a || i)
+        [t.hidden]: !n || m === u.DISABLED || !(s || i)
       },
-      d
+      l
     );
     return /* @__PURE__ */ o(x, { className: c, onMouseDown: (r) => {
       r.preventDefault(), e == null || e(r);
-    }, ...l, ref: m, children: /* @__PURE__ */ o(h, { paletteIndex: 5 }) });
+    }, ...a, ref: d, children: /* @__PURE__ */ o(h, { paletteIndex: 5 }) });
   }
 );
 S.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__6db8d6c9", d = {
+const s = "formFieldCounter__fd853664", u = {
   formFieldCounter: s
-}, u = ({ children: o, ...e }) => {
+}, d = ({ children: o, ...e }) => {
   const { setWithCounter: t } = i(n);
   return m(() => {
     t(!0);
-  }, []), /* @__PURE__ */ r("div", { className: d.formFieldCounter, ...e, children: o });
+  }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
 };
-u.displayName = "FormFieldCounter";
+d.displayName = "FormFieldCounter";
 export {
-  u as FormFieldCounter
+  d as FormFieldCounter
 };
 //# sourceMappingURL=FormFieldCounter.js.map

package/components/FormField/components/FormFieldDescription.js

@@ -2,15 +2,15 @@ import { jsx as t } from "react/jsx-runtime";
 import { useState as n } from "react";
 import { c } from "../../../chunks/vendor-DE8Zvm0w.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const d = "formFieldDescription__7e3d18d3", l = "withCounter__d2dc6fc2", i = {
-  formFieldDescription: d,
-  withCounter: l
-}, p = ({ children: e, ...r }) => {
+const l = "formFieldDescription__5fe89734", p = "withCounter__fc566090", i = {
+  formFieldDescription: l,
+  withCounter: p
+}, d = ({ children: e, ...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 }) });
 };
-p.displayName = "FormFieldDescription";
+d.displayName = "FormFieldDescription";
 export {
-  p as FormFieldDescription
+  d as FormFieldDescription
 };
 //# sourceMappingURL=FormFieldDescription.js.map

package/components/FormField/components/FormFieldInput.js

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

package/components/FormField/components/FormFieldLabel.js

@@ -1,19 +1,19 @@
-import { jsx as m } 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 f } from "../consts.js";
 import { m as D, c as N } from "../../../chunks/vendor-DE8Zvm0w.js";
 import { EFormFieldStatus as y } from "../enums.js";
-const A = "formFieldLabel__0dbf6892", R = "floating__6577c4fe", S = "formFieldLabelText__be104b91", C = "disabled__13038762", s = {
+const A = "formFieldLabel__68ecf030", R = "floating__b98dd2f3", S = "formFieldLabelText__bff3d9a4", C = "disabled__f37fdb90", s = {
   formFieldLabel: A,
-  "size-sm": "size-sm__671e10b4",
-  "size-md": "size-md__efc01781",
-  "size-lg": "size-lg__cc2aa2ac",
+  "size-sm": "size-sm__b7a62c7e",
+  "size-md": "size-md__ea039326",
+  "size-lg": "size-lg__34a7b7a6",
   floating: R,
   formFieldLabelText: S,
   disabled: C
 }, G = p.forwardRef(
-  ({ children: f, className: r, style: c, floating: e, ...b }, n) => {
+  ({ children: m, 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__0dbf6892", R = "floating__6577c4fe", S = "formFieldLa
       r
     ), z = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      left: L || d,
+      left: L || f,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      right: x || d,
-      ...c
+      right: x || f,
+      ...b
     };
-    return /* @__PURE__ */ m("label", { className: u, ref: n, htmlFor: _, ...b, style: z, children: /* @__PURE__ */ m("span", { className: s.formFieldLabelText, children: f }) });
+    return /* @__PURE__ */ d("label", { className: u, ref: n, htmlFor: _, ...c, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: m }) });
   }
 );
 G.displayName = "FormFieldLabel";