@sberbusiness/triplex-next 1.14.0 → 1.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-C6I9gVRb.js";
+import { D as m } from "../../../chunks/DropdownListItem-DzngoNVf.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-C6I9gVRb.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-DzngoNVf.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 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-ppF6TvoG.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-Ct6WVB7d.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.14.0",
+      "data-tx": "1.16.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-DucOfXwy.js";
-import { s as a } from "../../../chunks/DropdownMobile.module-ppF6TvoG.js";
+import { c as m } from "../../../chunks/vendor-Dlne6Znf.js";
+import { s as a } from "../../../chunks/DropdownMobile.module-Ct6WVB7d.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

@@ -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-DucOfXwy.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-ppF6TvoG.js";
+import { c as p } from "../../../chunks/vendor-Dlne6Znf.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-Ct6WVB7d.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-DucOfXwy.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-ppF6TvoG.js";
+import { c as a } from "../../../chunks/vendor-Dlne6Znf.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-Ct6WVB7d.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-DucOfXwy.js";
-import { s as o } from "../../../chunks/DropdownMobile.module-ppF6TvoG.js";
+import { c as m } from "../../../chunks/vendor-Dlne6Znf.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-Ct6WVB7d.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

@@ -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-DucOfXwy.js";
+import { c as n } from "../../../chunks/vendor-Dlne6Znf.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-ppF6TvoG.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-Ct6WVB7d.js";
 const C = y.forwardRef(
   ({
     children: f,

package/components/Dropdown/mobile/DropdownMobileInput.js

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

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -1,12 +1,12 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import a from "react";
-import { c as p } from "../../../chunks/vendor-DucOfXwy.js";
+import { c as p } from "../../../chunks/vendor-Dlne6Znf.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-ppF6TvoG.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-Ct6WVB7d.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,9 +1,9 @@
 import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import x from "react";
-import { c } from "../../../chunks/vendor-DucOfXwy.js";
+import { c } from "../../../chunks/vendor-Dlne6Znf.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-ppF6TvoG.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-Ct6WVB7d.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-DucOfXwy.js";
+import { c as e } from "../../../chunks/vendor-Dlne6Znf.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-ppF6TvoG.js";
+import { s } from "../../../chunks/DropdownMobile.module-Ct6WVB7d.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-DucOfXwy.js";
+import { c as d } from "../../../chunks/vendor-Dlne6Znf.js";
 import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__e713e3b4", r = {
+const t = "dropdownMobileMaskedInput__1386c0b0", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: e, ...s }) => /* @__PURE__ */ p(o, { className: d(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 a } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import t from "react";
-import { c as m } from "../../chunks/vendor-DucOfXwy.js";
-const c = "ellipsisLineClamp__55450929", r = "oneLine__3dd5c87b", e = {
+import { c as m } from "../../chunks/vendor-Dlne6Znf.js";
+const c = "ellipsisLineClamp__f532a940", r = "oneLine__232a38a6", e = {
   ellipsisLineClamp: c,
   oneLine: r
-}, d = t.forwardRef(
-  ({ children: i, maxLines: s, className: l, ...n }, o) => {
-    const p = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
-    return /* @__PURE__ */ a(
+}, f = t.forwardRef(
+  ({ children: i, maxLines: s, className: l, ...a }, n) => {
+    const o = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
+    return /* @__PURE__ */ p(
       "div",
       {
-        className: p,
+        className: o,
         style: { "--ellipsis-line-clamp": s },
-        ...n,
-        "data-tx": "1.14.0",
-        ref: o,
+        ...a,
+        "data-tx": "1.16.0",
+        ref: n,
         children: i
       }
     );
   }
 );
-d.displayName = "Ellipsis";
+f.displayName = "Ellipsis";
 export {
-  d as Ellipsis
+  f as Ellipsis
 };
 //# sourceMappingURL=Ellipsis.js.map

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,27 +1,27 @@
 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-DucOfXwy.js";
-const F = "expandAnimation__821bfc08", I = {
+import N, { useRef as E } from "react";
+import { E as U, c as j } from "../../chunks/vendor-Dlne6Znf.js";
+const F = "expandAnimation__4a3b2133", I = {
   expandAnimation: F
 }, L = 300, M = N.forwardRef(
   ({
     children: y,
-    className: E,
+    className: A,
     expanded: v,
-    animationTime: x = L,
+    animationTime: f = L,
     style: R,
     onStart: d,
     onEnd: h,
     transitionProps: e,
     ..._
-  }, f) => {
-    const m = A({
+  }, x) => {
+    const m = E({
       entering: { height: void 0, overflow: "hidden" },
       entered: {},
       exiting: { height: 0, overflow: "hidden" },
       exited: { height: 0, overflow: "hidden", visibility: "hidden" },
       unmounted: {}
-    }), l = A(null), w = (c) => {
+    }), 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);
     }, H = (c) => {
@@ -34,13 +34,13 @@ const F = "expandAnimation__821bfc08", I = {
       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);
+      l.current = c, typeof x == "function" ? x(c) : x && (x.current = c);
     };
     return /* @__PURE__ */ g(
       U,
       {
         in: v,
-        timeout: x,
+        timeout: f,
         nodeRef: l,
         ...e,
         onEnter: w,
@@ -50,9 +50,9 @@ const F = "expandAnimation__821bfc08", I = {
         children: (c) => /* @__PURE__ */ g(
           "div",
           {
-            className: j(I.expandAnimation, E),
+            className: j(I.expandAnimation, A),
             style: {
-              transitionDuration: x + "ms",
+              transitionDuration: f + "ms",
               ...m.current[c],
               ...R
             },

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(
   i.forwardRef(function({ children: o, ...t }, r) {
-    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.14.0", ref: r, children: o });
+    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.16.0", ref: r, 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-DucOfXwy.js";
-import { s as c } from "../../../chunks/Footer.module-BlHDTNCR.js";
+import { c as p } from "../../../chunks/vendor-Dlne6Znf.js";
+import { s as c } from "../../../chunks/Footer.module-Cz5Pu1VT.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-DucOfXwy.js";
-import { s as n } from "../../../chunks/Footer.module-BlHDTNCR.js";
+import { c as m } from "../../../chunks/vendor-Dlne6Znf.js";
+import { s as n } from "../../../chunks/Footer.module-Cz5Pu1VT.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-DucOfXwy.js";
-import { s as a } from "../../../chunks/Footer.module-BlHDTNCR.js";
+import { c as m } from "../../../chunks/vendor-Dlne6Znf.js";
+import { s as a } from "../../../chunks/Footer.module-Cz5Pu1VT.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,84 +1,88 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useState as e } from "react";
-import { c as C } from "../../chunks/vendor-DucOfXwy.js";
-import { FormFieldContext as S } from "./FormFieldContext.js";
+import { jsx as n } from "react/jsx-runtime";
+import C, { useState as e } from "react";
+import { c as S } from "../../chunks/vendor-Dlne6Znf.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__f761c77a", I = "disabled__3eaef089", L = "active__3ccc988a", P = "error__4be4e4bb", U = "warning__e3cf6739", y = "sm__0bd23d80", z = "md__c0a1cde1", j = "lg__bd5d7d0d", t = {
-  formField: G,
-  default: "default__0d7bc2d2",
-  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__c5c627d8", P = "disabled__8c879a88", y = "active__94d500bd", U = "error__041a0044", z = "warning__47c41578", j = "sm__df1f3ec8", B = "md__7610a12a", H = "lg__e1fdff7b", t = {
+  formField: L,
+  default: "default__3da74a57",
+  disabled: P,
+  active: y,
+  error: U,
+  warning: z,
+  sm: j,
+  md: B,
+  lg: H
+}, O = {
   [s.DEFAULT]: t.default,
   [s.DISABLED]: t.disabled,
   [s.ERROR]: t.error,
   [s.WARNING]: t.warning
-}, H = w(t), Y = ({
-  children: p,
-  className: F,
-  status: i = s.DEFAULT,
-  onMouseEnter: o,
-  onMouseLeave: d,
-  style: x,
-  size: a = W.LG,
-  ...b
-}) => {
-  const [c, g] = e(!1), [h, l] = e(!1), [u, v] = e(""), [m, E] = e(_), [n, T] = e(_), [A, D] = e(!1), N = (r) => {
-    l(!0), o == null || o(r);
-  }, R = (r) => {
-    l(!1), d == null || d(r);
-  };
-  return /* @__PURE__ */ f(
-    S.Provider,
-    {
-      value: {
-        status: i,
-        focused: c,
-        hovered: h,
-        id: u,
-        postfixWidth: m,
-        prefixWidth: n,
-        setFocused: g,
-        setId: v,
-        setPostfixWidth: E,
-        setPrefixWidth: T,
-        setValueExist: D,
-        valueExist: A,
-        size: a
-      },
-      children: /* @__PURE__ */ f(
-        "div",
-        {
-          className: C(
-            t.formField,
-            H[a],
-            B[i],
-            {
-              [t.active]: c
-            },
-            F
-          ),
-          onMouseEnter: N,
-          onMouseLeave: R,
-          "data-tx": "1.14.0",
-          style: { paddingLeft: n, paddingRight: m, ...x },
-          ...b,
-          children: p
-        }
-      )
-    }
-  );
-};
+}, V = I(t), X = C.forwardRef(
+  ({
+    children: p,
+    className: F,
+    status: d = s.DEFAULT,
+    onMouseEnter: o,
+    onMouseLeave: a,
+    style: x,
+    size: i = G.LG,
+    ...g
+  }, h) => {
+    const [c, u] = e(!1), [v, l] = e(!1), [E, N] = e(""), [m, R] = e(_), [f, T] = e(_), [A, D] = e(!1), b = (r) => {
+      l(!0), o == null || o(r);
+    }, w = (r) => {
+      l(!1), a == null || a(r);
+    };
+    return /* @__PURE__ */ n(
+      W.Provider,
+      {
+        value: {
+          status: d,
+          focused: c,
+          hovered: v,
+          id: E,
+          postfixWidth: m,
+          prefixWidth: f,
+          setFocused: u,
+          setId: N,
+          setPostfixWidth: R,
+          setPrefixWidth: T,
+          setValueExist: D,
+          valueExist: A,
+          size: i
+        },
+        children: /* @__PURE__ */ n(
+          "div",
+          {
+            className: S(
+              t.formField,
+              V[i],
+              O[d],
+              {
+                [t.active]: c
+              },
+              F
+            ),
+            onMouseEnter: b,
+            onMouseLeave: w,
+            "data-tx": "1.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-DucOfXwy.js";
+import c, { useContext as F } from "react";
+import { c as p } from "../../../chunks/vendor-Dlne6Znf.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__ad14eefa", v = "hidden__c3a4ee01", t = {
+const _ = "formFieldClear__5df7265f", v = "hidden__38571ad4", t = {
   formFieldClear: _,
   hidden: v
-}, I = n.forwardRef(
-  ({ className: a, onMouseDown: e, ...l }, d) => {
-    const { status: m, focused: s, hovered: i, valueExist: c } = F(C), f = p(
+}, I = c.forwardRef(
+  ({ className: d, onMouseDown: e, ...l }, a) => {
+    const { status: m, focused: s, hovered: i, valueExist: f } = F(C), n = p(
       t.formFieldClear,
       "hoverable",
       {
-        [t.hidden]: !c || m === u.DISABLED || !(s || i)
+        [t.hidden]: !f || m === u.DISABLED || !(s || i)
       },
-      a
+      d
     );
-    return /* @__PURE__ */ o(x, { className: f, onMouseDown: (r) => {
+    return /* @__PURE__ */ o(x, { className: n, onMouseDown: (r) => {
       r.preventDefault(), e == null || e(r);
-    }, ...l, ref: d, children: /* @__PURE__ */ o(h, { paletteIndex: 5 }) });
+    }, ...l, ref: a, children: /* @__PURE__ */ o(h, { paletteIndex: 5 }) });
   }
 );
 I.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__13857306", u = {
+const s = "formFieldCounter__9dc46bac", u = {
   formFieldCounter: s
-}, l = ({ children: o, ...e }) => {
+}, d = ({ children: o, ...e }) => {
   const { setWithCounter: t } = i(n);
   return m(() => {
     t(!0);
   }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
 };
-l.displayName = "FormFieldCounter";
+d.displayName = "FormFieldCounter";
 export {
-  l as FormFieldCounter
+  d as FormFieldCounter
 };
 //# sourceMappingURL=FormFieldCounter.js.map

package/components/FormField/components/FormFieldDescription.js

@@ -1,13 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useState as n } from "react";
-import { c } from "../../../chunks/vendor-DucOfXwy.js";
+import { c } from "../../../chunks/vendor-Dlne6Znf.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__c812084b", p = "withCounter__ca37d638", i = {
+const l = "formFieldDescription__4ac1d91e", p = "withCounter__b8432ac3", i = {
   formFieldDescription: l,
   withCounter: p
-}, d = ({ children: r, ...e }) => {
+}, 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 }), ...e, children: r }) });
+  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...r, children: e }) });
 };
 d.displayName = "FormFieldDescription";
 export {