@sberbusiness/triplex-next 1.20.0 → 1.22.0

package/components/Dropdown/index.js

@@ -1,38 +1,37 @@
-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-JDPG7EtK.js";
-import { DropdownMobile as M } from "./mobile/DropdownMobile.js";
-import { DropdownMobileBody as L } from "./mobile/DropdownMobileBody.js";
+import { DropdownListContext as e } from "./DropdownListContext.js";
+import { DropdownDesktop as t } from "./desktop/DropdownDesktop.js";
+import { DropdownList as d } from "./desktop/DropdownList.js";
+import { D as i } from "../../chunks/DropdownListItem-Dl8gN2ar.js";
+import { EDropdownAlignment as w, EDropdownDirection as x, EDropdownWidth as f } from "./desktop/enums.js";
+import { DropdownMobile as b } from "./mobile/DropdownMobile.js";
+import { DropdownMobileBody as s } 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 { DropdownMobileFooter as E } from "./mobile/DropdownMobileFooter.js";
+import { DropdownMobileHeader as c } from "./mobile/DropdownMobileHeader.js";
+import { DropdownMobileInner as h } 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 { DropdownMobileLoader as W } from "./mobile/DropdownMobileLoader.js";
 import { Dropdown as q } from "./Dropdown.js";
 export {
   q as Dropdown,
-  m as DropdownDesktop,
-  x as DropdownList,
-  D as DropdownListContext,
-  l as DropdownListItem,
-  M as DropdownMobile,
-  L as DropdownMobileBody,
+  t as DropdownDesktop,
+  d as DropdownList,
+  e as DropdownListContext,
+  i as DropdownListItem,
+  b as DropdownMobile,
+  s as DropdownMobileBody,
   I as DropdownMobileClose,
-  z as DropdownMobileFooter,
-  S as DropdownMobileHeader,
-  g as DropdownMobileInner,
+  E as DropdownMobileFooter,
+  c as DropdownMobileHeader,
+  h 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
+  W as DropdownMobileLoader,
+  w as EDropdownAlignment,
+  x as EDropdownDirection,
+  f as EDropdownWidth
 };
 //# 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-BEV1I-ay.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-l5rlPxNK.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.20.0",
+      "data-tx": "1.22.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-BIl4KTrD.js";
-import { s as a } from "../../../chunks/DropdownMobile.module-BEV1I-ay.js";
+import { c as m } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as a } from "../../../chunks/DropdownMobile.module-l5rlPxNK.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-BIl4KTrD.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-BEV1I-ay.js";
+import { c as p } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-l5rlPxNK.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-BIl4KTrD.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-BEV1I-ay.js";
+import { c as a } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-l5rlPxNK.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-BIl4KTrD.js";
-import { s as o } from "../../../chunks/DropdownMobile.module-BEV1I-ay.js";
+import { c as m } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-l5rlPxNK.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-BIl4KTrD.js";
+import { c as n } from "../../../chunks/vendor-BiObpx9E.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-BEV1I-ay.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-l5rlPxNK.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-BIl4KTrD.js";
-const e = "dropdownMobileInput__43681db5", i = {
+import { c as d } from "../../../chunks/vendor-BiObpx9E.js";
+const e = "dropdownMobileInput__a7702539", 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 p, { useState as n } from "react";
-import { u as f, c } from "../../../chunks/vendor-BIl4KTrD.js";
+import { u as f, c } from "../../../chunks/vendor-BiObpx9E.js";
 import { LoaderSmall as L } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as b } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize as u } from "../../../enums/EComponentSize.js";
 import { DropdownMobileListItem as w } from "./DropdownMobileListItem.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-BEV1I-ay.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-l5rlPxNK.js";
 const M = p.forwardRef(
   ({ children: e, className: t, loading: i, ...m }, s) => {
     const [d] = n(() => f()), a = () => /* @__PURE__ */ o(w, { id: d, className: r.dropdownMobileListLoader, children: /* @__PURE__ */ o(L, { theme: b.BRAND, size: u.MD }) });

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -1,11 +1,11 @@
 import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import x from "react";
-import { c as w } from "../../../chunks/vendor-BIl4KTrD.js";
+import { c as w } from "../../../chunks/vendor-BiObpx9E.js";
 import { Text as z } from "../../Typography/Text.js";
 import { ETextSize as B } from "../../Typography/enums.js";
 import { Badge as D } from "../../Badge/Badge.js";
 import { EComponentSize as I } from "../../../enums/EComponentSize.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-BEV1I-ay.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-l5rlPxNK.js";
 const M = x.forwardRef(
   ({ children: o, className: m, id: b, onClick: t, onSelect: i, selected: e, showNotificationIcon: s, ...a }, p) => {
     const f = (d) => {

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-BIl4KTrD.js";
+import { c as e } from "../../../chunks/vendor-BiObpx9E.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-BEV1I-ay.js";
+import { s } from "../../../chunks/DropdownMobile.module-l5rlPxNK.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-BIl4KTrD.js";
+import { jsx as d } from "react/jsx-runtime";
+import { c as p } from "../../../chunks/vendor-BiObpx9E.js";
 import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__89280587", r = {
+const t = "dropdownMobileMaskedInput__14f34d22", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: s, ...e }) => /* @__PURE__ */ p(o, { className: d(r.dropdownMobileMaskedInput, s), ...e });
+}, n = ({ className: s, ...e }) => /* @__PURE__ */ d(o, { className: p(r.dropdownMobileMaskedInput, s), ...e });
 n.presets = o.presets;
 export {
   n as DropdownMobileMaskedInput

package/components/Ellipsis/Ellipsis.js

@@ -1,10 +1,10 @@
 import { jsx as p } from "react/jsx-runtime";
 import t from "react";
-import { c } from "../../chunks/vendor-BIl4KTrD.js";
-const m = "ellipsisLineClamp__9015c77d", r = "oneLine__a8c81734", e = {
+import { c } from "../../chunks/vendor-BiObpx9E.js";
+const m = "ellipsisLineClamp__3cfaf73d", r = "oneLine__5d836d3c", e = {
   ellipsisLineClamp: m,
   oneLine: r
-}, L = t.forwardRef(
+}, d = t.forwardRef(
   ({ children: i, maxLines: s, className: l, ...n }, a) => {
     const o = c(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
     return /* @__PURE__ */ p(
@@ -13,15 +13,15 @@ const m = "ellipsisLineClamp__9015c77d", r = "oneLine__a8c81734", e = {
         className: o,
         style: { "--ellipsis-line-clamp": s },
         ...n,
-        "data-tx": "1.20.0",
+        "data-tx": "1.22.0",
         ref: a,
         children: i
       }
     );
   }
 );
-L.displayName = "Ellipsis";
+d.displayName = "Ellipsis";
 export {
-  L as Ellipsis
+  d 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-BIl4KTrD.js";
-const F = "expandAnimation__593be0ce", I = {
-  expandAnimation: F
-}, L = 300, M = N.forwardRef(
+import N, { useRef as y } from "react";
+import { z as U, c as j } from "../../chunks/vendor-BiObpx9E.js";
+const z = "expandAnimation__1662029b", F = {
+  expandAnimation: z
+}, I = 300, L = N.forwardRef(
   ({
-    children: y,
+    children: A,
     className: E,
     expanded: v,
-    animationTime: f = L,
+    animationTime: f = I,
     style: R,
     onStart: d,
     onEnd: h,
     transitionProps: e,
     ..._
   }, x) => {
-    const m = A({
+    const m = y({
       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 = y(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) => {
@@ -50,7 +50,7 @@ const F = "expandAnimation__593be0ce", I = {
         children: (c) => /* @__PURE__ */ g(
           "div",
           {
-            className: j(I.expandAnimation, E),
+            className: j(F.expandAnimation, E),
             style: {
               transitionDuration: f + "ms",
               ...m.current[c],
@@ -58,15 +58,15 @@ const F = "expandAnimation__593be0ce", I = {
             },
             ..._,
             ref: D,
-            children: y
+            children: A
           }
         )
       }
     );
   }
 );
-M.displayName = "ExpandAnimation";
+L.displayName = "ExpandAnimation";
 export {
-  M as ExpandAnimation
+  L as ExpandAnimation
 };
 //# sourceMappingURL=ExpandAnimation.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.20.0", ref: r, children: o });
+    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.22.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-BIl4KTrD.js";
-import { s as c } from "../../../chunks/Footer.module-Bd88HiEv.js";
+import { c as p } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as c } from "../../../chunks/Footer.module-CjY-6G8t.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-BIl4KTrD.js";
-import { s as n } from "../../../chunks/Footer.module-Bd88HiEv.js";
+import { c as m } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as n } from "../../../chunks/Footer.module-CjY-6G8t.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-BIl4KTrD.js";
-import { s as a } from "../../../chunks/Footer.module-Bd88HiEv.js";
+import { c as m } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as a } from "../../../chunks/Footer.module-CjY-6G8t.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,88 +1,82 @@
 import { jsx as n } from "react/jsx-runtime";
-import C, { useState as e } from "react";
-import { c as S } from "../../chunks/vendor-BIl4KTrD.js";
-import { FormFieldContext as W } from "./FormFieldContext.js";
+import I, { useState as t, useMemo as L } from "react";
+import { c as h } from "../../chunks/vendor-BiObpx9E.js";
+import { FormFieldContext as v } 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__1458bfd2", P = "disabled__2117c974", y = "active__2f8e76c8", U = "error__d0726107", z = "warning__93c8fac2", j = "sm__f77547f6", B = "md__454b3f9e", H = "lg__b5749c48", t = {
-  formField: L,
-  default: "default__55ef8f50",
-  disabled: P,
-  active: y,
+import { EFormFieldStatus as o } from "./enums.js";
+import { EComponentSize as w } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as C } from "../../utils/classNameMaps.js";
+const S = "formField__c29e5771", W = "sm__dfbcde57", G = "md__78c7dc00", M = "lg__0698bb23", P = "active__78712fb7", y = "disabled__e368d09a", U = "error__7f60378d", j = "warning__8a6b82fc", z = "filled__6f5b89aa", e = {
+  formField: S,
+  sm: W,
+  md: G,
+  lg: M,
+  default: "default__07fd0165",
+  active: P,
+  disabled: 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
-}, V = I(t), X = C.forwardRef(
+  warning: j,
+  filled: z
+}, B = {
+  [o.DEFAULT]: e.default,
+  [o.DISABLED]: e.disabled,
+  [o.ERROR]: e.error,
+  [o.WARNING]: e.warning
+}, O = C(e), V = I.forwardRef(
   ({
     children: p,
     className: F,
-    status: a = s.DEFAULT,
-    onMouseEnter: o,
-    onMouseLeave: r,
-    style: x,
-    size: d = G.LG,
+    style: b,
+    size: s = w.LG,
+    status: r = o.DEFAULT,
+    active: a = !1,
     ...g
-  }, h) => {
-    const [c, u] = e(!1), [v, l] = e(!1), [E, N] = e(""), [f, R] = e(_), [m, T] = e(_), [b, A] = e(!1), D = (i) => {
-      l(!0), o == null || o(i);
-    }, w = (i) => {
-      l(!1), r == null || r(i);
-    };
-    return /* @__PURE__ */ n(
-      W.Provider,
+  }, u) => {
+    const [c, x] = t(), [m, T] = t(), [i, E] = t(_), [l, N] = t(_), [f, R] = t(!1), [d, A] = t(!1), D = L(
+      () => ({
+        size: s,
+        status: r,
+        targetId: c,
+        labelId: m,
+        postfixWidth: i,
+        prefixWidth: l,
+        filled: f,
+        focused: d,
+        active: a || d,
+        setTargetId: x,
+        setLabelId: T,
+        setPostfixWidth: E,
+        setPrefixWidth: N,
+        setFilled: R,
+        setFocused: A
+      }),
+      [s, r, c, m, i, l, f, d, a]
+    );
+    return /* @__PURE__ */ n(v.Provider, { value: D, children: /* @__PURE__ */ n(
+      "div",
       {
-        value: {
-          status: a,
-          focused: c,
-          hovered: v,
-          id: E,
-          postfixWidth: f,
-          prefixWidth: m,
-          setFocused: u,
-          setId: N,
-          setPostfixWidth: R,
-          setPrefixWidth: T,
-          setValueExist: A,
-          valueExist: b,
-          size: d
-        },
-        children: /* @__PURE__ */ n(
-          "div",
+        className: h(
+          e.formField,
+          O[s],
+          B[r],
           {
-            className: S(
-              t.formField,
-              V[d],
-              O[a],
-              {
-                [t.active]: c
-              },
-              F
-            ),
-            onMouseEnter: D,
-            onMouseLeave: w,
-            "data-tx": "1.20.0",
-            style: { paddingLeft: m, paddingRight: f, ...x },
-            ...g,
-            ref: h,
-            children: p
-          }
-        )
+            [e.filled]: f,
+            [e.active]: a || d
+          },
+          F
+        ),
+        "data-tx": "1.22.0",
+        style: { paddingLeft: l, paddingRight: i, ...b },
+        ...g,
+        ref: u,
+        children: p
       }
-    );
+    ) });
   }
 );
-X.displayName = "FormField";
+V.displayName = "FormField";
 export {
-  X as FormField,
-  O as statusToClassNameMap
+  V as FormField,
+  B as statusToClassNameMap
 };
 //# sourceMappingURL=FormField.js.map

package/components/FormField/FormFieldContext.js

@@ -1,28 +1,31 @@
 import t from "react";
-import { EFormFieldStatus as e } from "./enums.js";
-import { EComponentSize as i } from "../../enums/EComponentSize.js";
+import { EComponentSize as e } from "../../enums/EComponentSize.js";
+import { EFormFieldStatus as i } from "./enums.js";
 const o = {
-  status: e.DEFAULT,
-  focused: !1,
-  hovered: !1,
-  id: "",
+  size: e.LG,
+  status: i.DEFAULT,
+  targetId: void 0,
+  labelId: void 0,
   postfixWidth: 0,
   prefixWidth: 0,
-  setFocused: () => {
+  filled: !1,
+  focused: !1,
+  active: !1,
+  setTargetId: () => {
   },
-  setId: () => {
+  setLabelId: () => {
   },
   setPostfixWidth: () => {
   },
   setPrefixWidth: () => {
   },
-  setValueExist: () => {
+  setFilled: () => {
   },
-  valueExist: !1,
-  size: i.MD
-}, f = t.createContext(o);
+  setFocused: () => {
+  }
+}, r = t.createContext(o);
 export {
-  f as FormFieldContext,
+  r as FormFieldContext,
   o as initialFormFieldContext
 };
 //# sourceMappingURL=FormFieldContext.js.map

package/components/FormField/components/FormFieldClear.js

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

package/components/FormField/components/FormFieldCounter.js

@@ -1,16 +1,16 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useContext as i, useEffect as m } from "react";
 import { FormFieldDescriptionContext as n } from "../FormFieldDescriptionContext.js";
-const s = "formFieldCounter__dc3370a6", u = {
+const s = "formFieldCounter__6c4c7134", u = {
   formFieldCounter: s
-}, d = ({ children: o, ...e }) => {
+}, l = ({ children: o, ...e }) => {
   const { setWithCounter: t } = i(n);
   return m(() => {
     t(!0);
   }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
 };
-d.displayName = "FormFieldCounter";
+l.displayName = "FormFieldCounter";
 export {
-  d as FormFieldCounter
+  l as FormFieldCounter
 };
 //# sourceMappingURL=FormFieldCounter.js.map