@sberbusiness/triplex-next 0.14.1 → 0.16.0

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-BByGOD7_.js";
+import { D as m } from "../../../chunks/DropdownListItem-BdSacGyt.js";
 export {
   p as DropdownDesktop,
   e as DropdownList,

package/components/Dropdown/index.js

@@ -1,38 +1,38 @@
-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-BByGOD7_.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";
-import { DropdownMobileFooter as E } from "./mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader as a } from "./mobile/DropdownMobileHeader.js";
-import { DropdownMobileInner as C } from "./mobile/DropdownMobileInner.js";
-import { DropdownMobileInput as c } from "./mobile/DropdownMobileInput.js";
-import { DropdownMobileList as k } from "./mobile/DropdownMobileList.js";
-import { DropdownMobileListItem as y } from "./mobile/DropdownMobileListItem.js";
-import { DropdownMobileLoader as B } from "./mobile/DropdownMobileLoader.js";
-import { EDropdownAlignment as H, EDropdownDirection as h, EDropdownListSize as j, EDropdownSize as q } from "./enums.js";
+import { EDropdownAlignment as e, EDropdownDirection as p, EDropdownListSize as t, EDropdownSize as n } from "./enums.js";
+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 { DropdownMobile as M } from "./mobile/DropdownMobile.js";
+import { DropdownMobileBody as L } from "./mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as I } from "./mobile/DropdownMobileClose.js";
+import { DropdownMobileFooter as z } from "./mobile/DropdownMobileFooter.js";
+import { DropdownMobileHeader as S } from "./mobile/DropdownMobileHeader.js";
+import { DropdownMobileInner as g } from "./mobile/DropdownMobileInner.js";
+import { DropdownMobileInput as u } from "./mobile/DropdownMobileInput.js";
+import { DropdownMobileList as A } from "./mobile/DropdownMobileList.js";
+import { DropdownMobileListItem as F } from "./mobile/DropdownMobileListItem.js";
+import { DropdownMobileLoader as h } from "./mobile/DropdownMobileLoader.js";
+import { Dropdown as q } from "./Dropdown.js";
 export {
-  e as Dropdown,
-  d as DropdownDesktop,
-  i as DropdownList,
-  t as DropdownListContext,
-  w as DropdownListItem,
-  f as DropdownMobile,
-  b as DropdownMobileBody,
-  s as DropdownMobileClose,
-  E as DropdownMobileFooter,
-  a as DropdownMobileHeader,
-  C as DropdownMobileInner,
-  c as DropdownMobileInput,
-  k as DropdownMobileList,
-  y as DropdownMobileListItem,
-  B as DropdownMobileLoader,
-  H as EDropdownAlignment,
-  h as EDropdownDirection,
-  j as EDropdownListSize,
-  q as EDropdownSize
+  q as Dropdown,
+  m as DropdownDesktop,
+  x as DropdownList,
+  D as DropdownListContext,
+  l as DropdownListItem,
+  M as DropdownMobile,
+  L as DropdownMobileBody,
+  I as DropdownMobileClose,
+  z as DropdownMobileFooter,
+  S as DropdownMobileHeader,
+  g as DropdownMobileInner,
+  u as DropdownMobileInput,
+  A as DropdownMobileList,
+  F as DropdownMobileListItem,
+  h as DropdownMobileLoader,
+  e as EDropdownAlignment,
+  p as EDropdownDirection,
+  t as EDropdownListSize,
+  n as EDropdownSize
 };
 //# sourceMappingURL=index.js.map

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-DOLon8EA.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-04Mon9FN.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.14.1",
+      "data-tx": "0.16.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-CalMVkfj.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-DOLon8EA.js";
+import { c as d } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-04Mon9FN.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

@@ -2,8 +2,8 @@ import { jsx as o } from "react/jsx-runtime";
 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-CalMVkfj.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-DOLon8EA.js";
+import { c as p } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-04Mon9FN.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-CalMVkfj.js";
-import { s as p } from "../../../chunks/DropdownMobile.module-DOLon8EA.js";
+import { c as i } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-04Mon9FN.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-CalMVkfj.js";
-import { s as o } from "../../../chunks/DropdownMobile.module-DOLon8EA.js";
+import { c as m } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-04Mon9FN.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

@@ -1,8 +1,8 @@
 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-CalMVkfj.js";
+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-DOLon8EA.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-04Mon9FN.js";
 const C = y.forwardRef(
   ({
     children: m,

package/components/Dropdown/mobile/DropdownMobileInput.js

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

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -1,12 +1,12 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import p from "react";
-import { c as a } from "../../../chunks/vendor-CalMVkfj.js";
+import { c as a } from "../../../chunks/vendor-DE8Zvm0w.js";
 import { DropdownMobileListItem as n } from "./DropdownMobileListItem.js";
 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-DOLon8EA.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-04Mon9FN.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

@@ -1,9 +1,9 @@
 import { jsxs as n, jsx as l } from "react/jsx-runtime";
 import x from "react";
-import { c } from "../../../chunks/vendor-CalMVkfj.js";
+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-DOLon8EA.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-04Mon9FN.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

@@ -1,10 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-CalMVkfj.js";
+import { c as e } from "../../../chunks/vendor-DE8Zvm0w.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-DOLon8EA.js";
+import { s } from "../../../chunks/DropdownMobile.module-04Mon9FN.js";
 const S = ({ className: o, ...r }) => /* @__PURE__ */ m(
   t,
   {

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

@@ -1,9 +1,9 @@
-import { jsx as p } from "react/jsx-runtime";
-import { c as d } from "../../../chunks/vendor-CalMVkfj.js";
+import { jsx as d } 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__1f1f3508", r = {
+const t = "dropdownMobileMaskedInput__d7ad9be8", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: s, ...e }) => /* @__PURE__ */ p(o, { className: d(r.dropdownMobileMaskedInput, s), ...e });
+}, n = ({ className: e, ...s }) => /* @__PURE__ */ d(o, { className: p(r.dropdownMobileMaskedInput, e), ...s });
 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-CalMVkfj.js";
-const c = "ellipsisLineClamp__1c6e4362", r = "oneLine__349736f7", e = {
+import { c as m } from "../../chunks/vendor-DE8Zvm0w.js";
+const c = "ellipsisLineClamp__783b5f38", r = "oneLine__7353bfdb", i = {
   ellipsisLineClamp: c,
   oneLine: r
-}, L = t.forwardRef(
-  ({ children: i, maxLines: s, className: l, ...n }, o) => {
-    const p = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
+}, f = t.forwardRef(
+  ({ children: e, maxLines: s, className: l, ...n }, o) => {
+    const p = m(i.ellipsisLineClamp, { [i.oneLine]: s === 1 }, l);
     return /* @__PURE__ */ a(
       "div",
       {
         className: p,
         style: { "--ellipsis-line-clamp": s },
         ...n,
-        "data-tx": "0.14.1",
+        "data-tx": "0.16.0",
         ref: o,
-        children: i
+        children: e
       }
     );
   }
 );
-L.displayName = "Ellipsis";
+f.displayName = "Ellipsis";
 export {
-  L as Ellipsis
+  f as Ellipsis
 };
 //# sourceMappingURL=Ellipsis.js.map

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,36 +1,36 @@
 import { jsx as g } from "react/jsx-runtime";
-import N, { useRef as y } from "react";
-import { z as U, c as j } from "../../chunks/vendor-CalMVkfj.js";
-const z = "expandAnimation__02754bab", F = {
-  expandAnimation: z
-}, I = 300, L = N.forwardRef(
+import N, { useRef as A } from "react";
+import { A as U, c as j } from "../../chunks/vendor-DE8Zvm0w.js";
+const F = "expandAnimation__8c2ce3ab", I = {
+  expandAnimation: F
+}, L = 300, M = N.forwardRef(
   ({
-    children: A,
+    children: y,
     className: E,
     expanded: v,
-    animationTime: f = I,
+    animationTime: f = L,
     style: R,
     onStart: d,
     onEnd: h,
     transitionProps: e,
     ...w
   }, x) => {
-    const m = y({
+    const m = A({
       entering: { height: void 0, overflow: "hidden" },
       entered: {},
       exiting: { height: 0, overflow: "hidden" },
       exited: { height: 0, overflow: "hidden", visibility: "hidden" },
       unmounted: {}
-    }), l = y(null), b = (c) => {
+    }), l = 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);
-    }, H = (c) => {
+    }, T = (c) => {
       var u;
       h == null || h(), (u = e == null ? void 0 : e.onEntered) == null || u.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 = () => {
       var c;
       h == null || h(), (c = e == null ? void 0 : e.onExited) == null || c.call(e);
     }, D = (c) => {
@@ -43,14 +43,14 @@ const z = "expandAnimation__02754bab", F = {
         timeout: f,
         nodeRef: l,
         ...e,
-        onEnter: b,
-        onEntered: H,
-        onExit: T,
-        onExited: _,
+        onEnter: H,
+        onEntered: T,
+        onExit: _,
+        onExited: b,
         children: (c) => /* @__PURE__ */ g(
           "div",
           {
-            className: j(F.expandAnimation, E),
+            className: j(I.expandAnimation, E),
             style: {
               transitionDuration: f + "ms",
               ...m.current[c],
@@ -58,15 +58,15 @@ const z = "expandAnimation__02754bab", F = {
             },
             ...w,
             ref: D,
-            children: A
+            children: y
           }
         )
       }
     );
   }
 );
-L.displayName = "ExpandAnimation";
+M.displayName = "ExpandAnimation";
 export {
-  L as ExpandAnimation
+  M as ExpandAnimation
 };
 //# sourceMappingURL=ExpandAnimation.js.map

package/components/ExpandAnimation/index.js

@@ -0,0 +1,5 @@
+import { ExpandAnimation as a } from "./ExpandAnimation.js";
+export {
+  a as ExpandAnimation
+};
+//# sourceMappingURL=index.js.map

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.14.1", ref: t, children: o });
+    return /* @__PURE__ */ i("div", { ...r, "data-tx": "0.16.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-CalMVkfj.js";
-import { s as c } from "../../../chunks/Footer.module-BVFglVCT.js";
+import { c as p } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { s as c } from "../../../chunks/Footer.module-B0GfNisY.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-CalMVkfj.js";
-import { s as n } from "../../../chunks/Footer.module-BVFglVCT.js";
+import { c as m } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { s as n } from "../../../chunks/Footer.module-B0GfNisY.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-CalMVkfj.js";
-import { s as p } from "../../../chunks/Footer.module-BVFglVCT.js";
+import { c as m } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { s as p } from "../../../chunks/Footer.module-B0GfNisY.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,84 +1,88 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useState as t } from "react";
-import { c as C } from "../../chunks/vendor-CalMVkfj.js";
-import { FormFieldContext as S } from "./FormFieldContext.js";
+import { jsx as n } from "react/jsx-runtime";
+import C, { useState as t } 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 W } from "../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as w } from "../../utils/classNameMaps.js";
-const G = "formField__b4b98094", I = "disabled__e741afb1", L = "active__065e37ce", P = "error__3159dee4", U = "warning__a0e2e410", y = "sm__6024f80b", z = "md__71d9ec8d", j = "lg__67a1e04d", e = {
-  formField: G,
-  default: "default__587cba61",
-  disabled: I,
-  active: L,
-  error: P,
-  warning: U,
-  sm: y,
-  md: z,
-  lg: j
-}, B = {
+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 = {
+  formField: L,
+  default: "default__7e4404aa",
+  disabled: P,
+  active: y,
+  error: U,
+  warning: z,
+  sm: j,
+  md: B,
+  lg: H
+}, O = {
   [s.DEFAULT]: e.default,
   [s.DISABLED]: e.disabled,
   [s.ERROR]: e.error,
   [s.WARNING]: e.warning
-}, H = w(e), Y = ({
-  children: p,
-  className: F,
-  status: a = s.DEFAULT,
-  onMouseEnter: o,
-  onMouseLeave: r,
-  style: x,
-  size: d = W.LG,
-  ...g
-}) => {
-  const [c, b] = t(!1), [h, l] = t(!1), [u, v] = t(""), [m, E] = t(_), [n, T] = t(_), [A, D] = t(!1), N = (i) => {
-    l(!0), o == null || o(i);
-  }, R = (i) => {
-    l(!1), r == null || r(i);
-  };
-  return /* @__PURE__ */ f(
-    S.Provider,
-    {
-      value: {
-        status: a,
-        focused: c,
-        hovered: h,
-        id: u,
-        postfixWidth: m,
-        prefixWidth: n,
-        setFocused: b,
-        setId: v,
-        setPostfixWidth: E,
-        setPrefixWidth: T,
-        setValueExist: D,
-        valueExist: A,
-        size: d
-      },
-      children: /* @__PURE__ */ f(
-        "div",
-        {
-          className: C(
-            e.formField,
-            H[d],
-            B[a],
-            {
-              [e.active]: c
-            },
-            F
-          ),
-          onMouseEnter: N,
-          onMouseLeave: R,
-          "data-tx": "0.14.1",
-          style: { paddingLeft: n, paddingRight: m, ...x },
-          ...g,
-          children: p
-        }
-      )
-    }
-  );
-};
+}, V = I(e), X = C.forwardRef(
+  ({
+    children: p,
+    className: F,
+    status: i = s.DEFAULT,
+    onMouseEnter: o,
+    onMouseLeave: r,
+    style: x,
+    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);
+    }, w = (a) => {
+      l(!1), r == null || r(a);
+    };
+    return /* @__PURE__ */ n(
+      W.Provider,
+      {
+        value: {
+          status: i,
+          focused: c,
+          hovered: v,
+          id: E,
+          postfixWidth: m,
+          prefixWidth: f,
+          setFocused: u,
+          setId: N,
+          setPostfixWidth: R,
+          setPrefixWidth: T,
+          setValueExist: A,
+          valueExist: b,
+          size: d
+        },
+        children: /* @__PURE__ */ n(
+          "div",
+          {
+            className: S(
+              e.formField,
+              V[d],
+              O[i],
+              {
+                [e.active]: c
+              },
+              F
+            ),
+            onMouseEnter: D,
+            onMouseLeave: w,
+            "data-tx": "0.16.0",
+            style: { paddingLeft: f, paddingRight: m, ...x },
+            ...g,
+            ref: h,
+            children: p
+          }
+        )
+      }
+    );
+  }
+);
+X.displayName = "FormField";
 export {
-  Y as FormField,
-  B as statusToClassNameMap
+  X as FormField,
+  O as statusToClassNameMap
 };
 //# sourceMappingURL=FormField.js.map

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