@sberbusiness/triplex-next 0.19.1 → 0.22.0

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-CEbQqs2X.js";
+import { c as d } from "../../../chunks/vendor---Om3uMV.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-Cxm5Uhf1.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-DE8Zvm0w.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-CEbQqs2X.js";
+import { c as p } from "../../../chunks/vendor---Om3uMV.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-Cxm5Uhf1.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-CEbQqs2X.js";
+import { c as i } from "../../../chunks/vendor---Om3uMV.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-Cxm5Uhf1.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-CEbQqs2X.js";
+import { c as m } from "../../../chunks/vendor---Om3uMV.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-Cxm5Uhf1.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-DE8Zvm0w.js";
+import { c as n } from "../../../chunks/vendor---Om3uMV.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-CEbQqs2X.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-Cxm5Uhf1.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 e } from "../../../chunks/vendor-DE8Zvm0w.js";
-const d = "dropdownMobileInput__a88807e4", i = {
+import { c as e } from "../../../chunks/vendor---Om3uMV.js";
+const d = "dropdownMobileInput__6a579f7e", i = {
   dropdownMobileInput: d
 }, s = r.forwardRef(
   ({ className: o, ...p }, n) => /* @__PURE__ */ t("input", { className: e(i.dropdownMobileInput, o), ...p, ref: n })

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -1,30 +1,23 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import p from "react";
-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 p, { useState as n } from "react";
+import { u as c, c as f } from "../../../chunks/vendor---Om3uMV.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 L } from "../../../enums/EComponentSize.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-CEbQqs2X.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(
-      f,
-      {
-        className: r.dropdownMobileListLoader,
-        theme: c.BRAND,
-        size: L.MD
-      }
-    ) });
-    return /* @__PURE__ */ l("div", { className: a(r.dropdownMobileList, i), role: "listbox", ...t, ref: s, children: [
+import { EComponentSize as w } from "../../../enums/EComponentSize.js";
+import { DropdownMobileListItem as M } from "./DropdownMobileListItem.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-Cxm5Uhf1.js";
+const u = p.forwardRef(
+  ({ children: e, className: i, loading: t, ...m }, s) => {
+    const [d] = n(() => c()), a = () => /* @__PURE__ */ o(M, { id: d, className: r.dropdownMobileListLoader, children: /* @__PURE__ */ o(L, { theme: b.BRAND, size: w.MD }) });
+    return /* @__PURE__ */ l("div", { className: f(r.dropdownMobileList, i), role: "listbox", ...m, ref: s, children: [
       e,
-      m && d()
+      t && a()
     ] });
   }
 );
-b.displayName = "DropdownMobileList";
+u.displayName = "DropdownMobileList";
 export {
-  b as DropdownMobileList
+  u as DropdownMobileList
 };
 //# sourceMappingURL=DropdownMobileList.js.map

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -1,11 +1,11 @@
 import { jsxs as n, jsx as l } from "react/jsx-runtime";
 import x from "react";
-import { c as w } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { c as w } from "../../../chunks/vendor---Om3uMV.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-CEbQqs2X.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-Cxm5Uhf1.js";
 const M = x.forwardRef(
   ({ children: o, className: s, id: b, onClick: t, onSelect: i, selected: m, showNotificationIcon: e, ...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-DE8Zvm0w.js";
+import { c as e } from "../../../chunks/vendor---Om3uMV.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-CEbQqs2X.js";
+import { s } from "../../../chunks/DropdownMobile.module-Cxm5Uhf1.js";
 const S = ({ className: o, ...r }) => /* @__PURE__ */ m(
   t,
   {

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

@@ -1,9 +1,9 @@
-import { jsx as d } from "react/jsx-runtime";
-import { c as p } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { jsx as p } from "react/jsx-runtime";
+import { c as d } from "../../../chunks/vendor---Om3uMV.js";
 import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__572dd040", r = {
+const t = "dropdownMobileMaskedInput__91630077", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: s, ...e }) => /* @__PURE__ */ d(o, { className: p(r.dropdownMobileMaskedInput, s), ...e });
+}, 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 t from "react";
-import { c as m } from "../../chunks/vendor-DE8Zvm0w.js";
-const c = "ellipsisLineClamp__e6d5b3d7", r = "oneLine__4fc59259", e = {
-  ellipsisLineClamp: c,
+import { c } from "../../chunks/vendor---Om3uMV.js";
+const m = "ellipsisLineClamp__ff1ed242", r = "oneLine__b63c7c90", e = {
+  ellipsisLineClamp: m,
   oneLine: r
-}, L = t.forwardRef(
+}, f = t.forwardRef(
   ({ children: i, maxLines: s, className: l, ...n }, o) => {
-    const p = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
+    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.19.1",
+        "data-tx": "0.22.0",
         ref: o,
         children: i
       }
     );
   }
 );
-L.displayName = "Ellipsis";
+f.displayName = "Ellipsis";
 export {
-  L as Ellipsis
+  f as Ellipsis
 };
 //# sourceMappingURL=Ellipsis.js.map

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,47 +1,47 @@
 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__981dba77", I = {
+import N, { useRef as y } from "react";
+import { y as U, c as j } from "../../chunks/vendor---Om3uMV.js";
+const F = "expandAnimation__ae9ae4bf", I = {
   expandAnimation: F
 }, L = 300, M = N.forwardRef(
   ({
-    children: y,
+    children: A,
     className: E,
     expanded: v,
     animationTime: f = L,
     style: R,
-    onStart: l,
+    onStart: d,
     onEnd: h,
     transitionProps: e,
     ...w
   }, 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: {}
-    }), d = A(null), H = (c) => {
+    }), l = y(null), H = (c) => {
       var u;
-      d.current && (m.current.entering.height = d.current.scrollHeight), l == null || l(), (u = e == null ? void 0 : e.onEnter) == null || u.call(e, c);
+      l.current && (m.current.entering.height = l.current.scrollHeight), d == null || d(), (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;
-      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);
+      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) => {
-      d.current = c, typeof x == "function" ? x(c) : x && (x.current = c);
+      l.current = c, typeof x == "function" ? x(c) : x && (x.current = c);
     };
     return /* @__PURE__ */ g(
       U,
       {
         in: v,
         timeout: f,
-        nodeRef: d,
+        nodeRef: l,
         ...e,
         onEnter: H,
         onEntered: T,
@@ -58,7 +58,7 @@ const F = "expandAnimation__981dba77", I = {
             },
             ...w,
             ref: D,
-            children: y
+            children: A
           }
         )
       }

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.19.1", ref: t, children: o });
+    return /* @__PURE__ */ i("div", { ...r, "data-tx": "0.22.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-DE8Zvm0w.js";
-import { s as c } from "../../../chunks/Footer.module-WHmnrQeq.js";
+import { c as p } from "../../../chunks/vendor---Om3uMV.js";
+import { s as c } from "../../../chunks/Footer.module-CTy6Jb7Q.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-WHmnrQeq.js";
+import { c as m } from "../../../chunks/vendor---Om3uMV.js";
+import { s as n } from "../../../chunks/Footer.module-CTy6Jb7Q.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-WHmnrQeq.js";
+import { c as m } from "../../../chunks/vendor---Om3uMV.js";
+import { s as p } from "../../../chunks/Footer.module-CTy6Jb7Q.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,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-DE8Zvm0w.js";
-import { FormFieldContext as W } from "./FormFieldContext.js";
+import { jsx as f } from "react/jsx-runtime";
+import I, { useState as t, useMemo as L } from "react";
+import { c as h } from "../../chunks/vendor---Om3uMV.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__8a334da5", P = "disabled__1b5aec55", y = "active__d96e017b", U = "error__c35fe4ad", z = "warning__db68a24e", j = "sm__5c062294", B = "md__fcd4160c", H = "lg__cfccb8f9", t = {
-  formField: L,
-  default: "default__d6cea516",
-  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__95bd89d8", W = "sm__4f6881aa", G = "md__68c11dc0", M = "lg__e231dbe3", P = "active__1ce49139", y = "disabled__9b1cc881", U = "error__05b95700", j = "warning__6e666847", z = "filled__e5d2252d", e = {
+  formField: S,
+  sm: W,
+  md: G,
+  lg: M,
+  default: "default__f3f44302",
+  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: d = s.DEFAULT,
-    onMouseEnter: o,
-    onMouseLeave: r,
-    style: x,
-    size: i = G.LG,
-    ...g
-  }, h) => {
-    const [c, b] = e(!1), [u, l] = e(!1), [v, E] = e(""), [m, N] = e(_), [f, R] = e(_), [T, A] = e(!1), D = (a) => {
-      l(!0), o == null || o(a);
-    }, w = (a) => {
-      l(!1), r == null || r(a);
-    };
-    return /* @__PURE__ */ n(
-      W.Provider,
+    style: g,
+    size: d = w.LG,
+    status: r = o.DEFAULT,
+    active: i = !1,
+    ...b
+  }, u) => {
+    const [m, x] = t(), [n, T] = t(), [a, E] = t(_), [l, N] = t(_), [c, R] = t(!1), [s, A] = t(!1), D = L(
+      () => ({
+        size: d,
+        status: r,
+        targetId: m,
+        labelId: n,
+        postfixWidth: a,
+        prefixWidth: l,
+        filled: c,
+        focused: s,
+        active: i || s,
+        setTargetId: x,
+        setLabelId: T,
+        setPostfixWidth: E,
+        setPrefixWidth: N,
+        setFilled: R,
+        setFocused: A
+      }),
+      [d, r, m, n, a, l, c, s, i]
+    );
+    return /* @__PURE__ */ f(v.Provider, { value: D, children: /* @__PURE__ */ f(
+      "div",
       {
-        value: {
-          status: d,
-          focused: c,
-          hovered: u,
-          id: v,
-          postfixWidth: m,
-          prefixWidth: f,
-          setFocused: b,
-          setId: E,
-          setPostfixWidth: N,
-          setPrefixWidth: R,
-          setValueExist: A,
-          valueExist: T,
-          size: i
-        },
-        children: /* @__PURE__ */ n(
-          "div",
+        className: h(
+          e.formField,
+          O[d],
+          B[r],
           {
-            className: S(
-              t.formField,
-              V[i],
-              O[d],
-              {
-                [t.active]: c
-              },
-              F
-            ),
-            onMouseEnter: D,
-            onMouseLeave: w,
-            "data-tx": "0.19.1",
-            style: { paddingLeft: f, paddingRight: m, ...x },
-            ...g,
-            ref: h,
-            children: p
-          }
-        )
+            [e.filled]: c,
+            [e.active]: i || s
+          },
+          F
+        ),
+        "data-tx": "0.22.0",
+        style: { paddingLeft: l, paddingRight: a, ...g },
+        ...b,
+        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: () => {
+  }
+}, l = t.createContext(o);
 export {
-  f as FormFieldContext,
+  l 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-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__904cd4de", I = "hidden__cfccee5e", t = {
-  formFieldClear: v,
-  hidden: I
-}, S = 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 i } from "react";
+import { c as f } from "../../../chunks/vendor---Om3uMV.js";
+import { CrossStrokeSrvIcon16 as s } from "@sberbusiness/icons-next";
+import { ButtonIcon as d } from "../../Button/ButtonIcon.js";
+const p = "formFieldClear__659ca235", C = {
+  formFieldClear: p
+}, F = c.forwardRef(
+  ({ className: a, onMouseDown: r, ...t }, m) => {
+    const o = i(
+      (e) => {
+        e.preventDefault(), r == null || r(e);
       },
-      d
+      [r]
+    );
+    return /* @__PURE__ */ l(
+      d,
+      {
+        ...t,
+        className: f(C.formFieldClear, "hoverable", a),
+        onMouseDown: o,
+        ref: m,
+        children: /* @__PURE__ */ l(s, { 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 }) });
   }
 );
-S.displayName = "FormFieldClear";
+F.displayName = "FormFieldClear";
 export {
-  S as FormFieldClear
+  F as FormFieldClear
 };
 //# sourceMappingURL=FormFieldClear.js.map

package/components/FormField/components/FormFieldCounter.js

@@ -1,7 +1,7 @@
 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__830ec0f1", u = {
+const s = "formFieldCounter__32ef7b56", u = {
   formFieldCounter: s
 }, f = ({ children: e, ...o }) => {
   const { setWithCounter: t } = i(n);

package/components/FormField/components/FormFieldDescription.js

@@ -1,16 +1,16 @@
 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 l = "formFieldDescription__6ef0715c", p = "withCounter__85669bdf", i = {
+import { c as m } from "../../../chunks/vendor---Om3uMV.js";
+import { FormFieldDescriptionContext as c } from "../FormFieldDescriptionContext.js";
+const l = "formFieldDescription__ebeb61bd", d = "withCounter__56d78813", e = {
   formFieldDescription: l,
-  withCounter: p
-}, d = ({ children: e, ...r }) => {
+  withCounter: d
+}, p = ({ children: i, ...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 }) });
+  return /* @__PURE__ */ t(c.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: m(e.formFieldDescription, { [e.withCounter]: o }), ...r, children: i }) });
 };
-d.displayName = "FormFieldDescription";
+p.displayName = "FormFieldDescription";
 export {
-  d as FormFieldDescription
+  p as FormFieldDescription
 };
 //# sourceMappingURL=FormFieldDescription.js.map

package/components/FormField/components/FormFieldInput.js

@@ -1,11 +1,12 @@
 import "react/jsx-runtime";
 import "react";
+import "../../../chunks/vendor---Om3uMV.js";
 import "../FormFieldContext.js";
-import "../../../chunks/vendor-DE8Zvm0w.js";
-import { F as a } from "../../../chunks/FormFieldInput-CC-nRhb4.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
+import "./utils.js";
+import { F as d } from "../../../chunks/FormFieldInput-Dp--anY3.js";
 export {
-  a as FormFieldInput
+  d as FormFieldInput
 };
 //# sourceMappingURL=FormFieldInput.js.map