@sberbusiness/triplex-next 1.0.0 → 1.1.1

package/components/Dropdown/desktop/DropdownList.js

@@ -1,97 +1,68 @@
-import "react/jsx-runtime";
-import "react";
-import "../../../chunks/DropdownListItem-Be_BBAWh.js";
-import "../../../utils/keyboard.js";
-import "../DropdownListContext.js";
-import "../../../chunks/vendor-CF2m175I.js";
-import "../../Alert/AlertContext/AlertContext.js";
-import "../../Alert/AlertProcess/AlertProcess.js";
-import "../../Alert/AlertTypeUtils.js";
-import { c as Po } from "../../../chunks/index-CgNJLkzr.js";
-import "../../Button/ButtonBase.js";
-import "../../Button/ButtonIcon.js";
-import "../../Col/Col.js";
-import "../../Checkbox/Checkbox.js";
-import "../../Checkbox/CheckboxXGroup.js";
-import "../../Checkbox/CheckboxYGroup.js";
-import "../../FormField/FormFieldContext.js";
-import "../../FormField/components/FormFieldDescription.js";
-import "../../FormField/components/FormFieldCounter.js";
-import "../../FormField/components/FormFieldLabel.js";
-import "../../FormField/components/FormFieldClear.js";
-import "../../../chunks/FormFieldInput-H-fZrt84.js";
-import "../../FormField/components/FormFieldPostfix.js";
-import "../../FormField/components/FormFieldPrefix.js";
-import "../../FormField/components/FormFieldTextarea.js";
-import "../../FormGroup/FormGroup.js";
-import "../../Gap/Gap.js";
-import "../../Link/Link.js";
-import "../../Loader/LoaderSmall/LoaderSmall.js";
-import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import "../../LoaderWidget/LoaderWidget.js";
-import "../../Radio/Radio.js";
-import "../../Radio/RadioXGroup.js";
-import "../../Radio/RadioYGroup.js";
-import "../../Row/Row.js";
-import "../../TabsExtended/TabsExtended.js";
-import "../../DesignTokens/DesignTokensComponents.js";
-import "../../DesignTokens/DesignTokensComponentsThemeDark.js";
-import "../../ThemeProvider/ThemeProviderContext.js";
-import "../../Typography/Title.js";
-import "../../Typography/Text.js";
-import "../../Typography/Caption.js";
-import "../mobile/DropdownMobile.js";
-import "../mobile/DropdownMobileBody.js";
-import "../mobile/DropdownMobileClose.js";
-import "../mobile/DropdownMobileFooter.js";
-import "../mobile/DropdownMobileHeader.js";
-import "../mobile/DropdownMobileInner.js";
-import "../mobile/DropdownMobileInput.js";
-import "../mobile/DropdownMobileList.js";
-import "../mobile/DropdownMobileListItem.js";
-import "../enums.js";
-import "../../List/List.js";
-import "../../List/ListSortable.js";
-import "../../List/components/ListItem.js";
-import "../../List/components/ListItemControls.js";
-import "../../List/components/ListItemContent.js";
-import "../../../chunks/ListItemControlsButton-DWU_FtH8.js";
-import "../../List/components/ListEmptyState.js";
-import "../../List/components/ListItemLoading.js";
-import "../../List/components/ListItemSelectable.js";
-import "../../List/components/ListItemTailLeft.js";
-import "../../List/components/ListItemTailRight.js";
-import "../../List/components/ListSortableItemTarget.js";
-import "../../List/components/ListSortableItemControls.js";
-import "../../Footer/Footer.js";
-import "../../Footer/components/FooterDescription.js";
-import "../../Footer/components/FooterDescriptionControls.js";
-import "../../Footer/components/FooterDescriptionContent.js";
-import "../../Body/Body.js";
-import "../../Header/Header.js";
-import "../../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js";
-import "../../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js";
-import "../../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js";
-import "../../Header/components/HeaderSubheader/HeaderSubheader.js";
-import "../../Header/components/HeaderTabs/HeaderTabs.js";
-import "../../Header/components/HeaderTabs/HeaderTabsContent.js";
-import "../../Header/components/HeaderTabs/HeaderTabsControls.js";
-import "../../Header/components/HeaderTitle/HeaderTitle.js";
-import "../../Header/components/HeaderTitle/HeaderTitleContent.js";
-import "../../Header/components/HeaderTitle/HeaderTitleControls.js";
-import "../../Page/Page.js";
-import "../../Pagination/components/PaginationExtended.js";
-import "../../Pagination/components/PaginationNavigation.js";
-import "../../Pagination/components/PaginationNavigationButton.js";
-import "../../Pagination/components/PaginationNavigationExtended.js";
-import "../../Pagination/components/PaginationNavigationExtendedItem.js";
-import "../../Pagination/components/PaginationPageButton.js";
-import "../../Pagination/components/PaginationPageEllipsis.js";
-import "../../Pagination/components/PaginationSelect.js";
-import "../../Pagination/Pagination.js";
-import "../../Card/CardAction.js";
-import "../../Card/CardStatic.js";
+import { jsx as b } from "react/jsx-runtime";
+import d, { useContext as B, useRef as S, useState as k, useEffect as u } from "react";
+import { c as M } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as E, D as W } from "../../../chunks/DropdownListItem-DIIAnvmw.js";
+import { EVENT_KEY_CODES as T } from "../../../utils/keyboard.js";
+import { DropdownListContext as z } from "../DropdownListContext.js";
+import { EDropdownListSize as K } from "../enums.js";
+const j = (R) => {
+  const { children: a, className: x, dropdownOpened: i, listRef: h, size: O = K.MD, ...A } = R, _ = M(E.dropdownList, x, E[`dropdownList-${O}`]), { activeDescendant: m, setActiveDescendant: f } = B(z), c = h || d.createRef(), v = S([]), [l, p] = k(void 0), D = d.Children.count(a), g = (t) => {
+    const e = d.createRef();
+    return v.current[t] = e, e;
+  }, I = (t) => {
+    var s;
+    const e = c == null ? void 0 : c.current, n = (s = v.current[t]) == null ? void 0 : s.current;
+    if (e && n) {
+      const { top: o, bottom: r } = e.getBoundingClientRect(), { top: L, bottom: C } = n.getBoundingClientRect(), w = 4;
+      o > L ? e.scrollTop = e.scrollTop - o + L - w : C > r && (e.scrollTop = e.scrollTop + C - r + w);
+    }
+  }, y = () => {
+    const t = c == null ? void 0 : c.current;
+    t && (t.scrollTop = 0);
+  };
+  u(() => {
+    if (!i)
+      return;
+    const t = (e) => {
+      const { keyCode: n } = e, s = D, o = l;
+      let r;
+      n === T.ARROW_DOWN ? (o !== void 0 && o < s - 1 ? r = o + 1 : r = 0, e.preventDefault()) : n === T.ARROW_UP && (o !== void 0 && o > 0 ? r = o - 1 : r = s - 1, e.preventDefault()), r !== void 0 && o !== r && (I(r), p(r));
+    };
+    return document.addEventListener("keydown", t), () => {
+      document.removeEventListener("keydown", t);
+    };
+  }, [i, l, D]), u(() => {
+    if (!i)
+      return;
+    let t = !1;
+    d.Children.forEach(a, (e, n) => {
+      e && e.props && e.props.selected && (t = !0, I(n), p(n));
+    }), t || (p(0), y());
+  }, [i]), u(() => {
+    var t, e;
+    if (i && l !== void 0) {
+      f((e = (t = v.current[l]) == null ? void 0 : t.current) == null ? void 0 : e.id);
+      return;
+    }
+    !i && m !== void 0 && f();
+  }, [i, l, m, f]), u(() => () => {
+    m !== void 0 && f();
+  }, [m, f]);
+  const N = d.Children.map(a, (t, e) => {
+    if (t)
+      return d.cloneElement(t, {
+        active: i && l === e,
+        onMouseOver: (n) => {
+          var s, o;
+          p(e), (o = (s = t.props).onMouseOver) == null || o.call(s, n);
+        },
+        ref: g(e)
+      });
+  });
+  return /* @__PURE__ */ b("div", { className: _, role: "listbox", ref: c, ...A, children: N });
+};
+j.Item = W;
 export {
-  Po as DropdownList
+  j as DropdownList
 };
 //# sourceMappingURL=DropdownList.js.map

package/components/Dropdown/desktop/DropdownListItem.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../utils/keyboard.js";
-import "../../../chunks/vendor-CF2m175I.js";
-import { D as e } from "../../../chunks/DropdownListItem-Be_BBAWh.js";
+import "../../../chunks/vendor-D-uL_icH.js";
+import { D as e } from "../../../chunks/DropdownListItem-DIIAnvmw.js";
 export {
   e as DropdownListItem
 };

package/components/Dropdown/index.js

@@ -1,32 +1,34 @@
-import { D as e, e as p, c as t } from "../../chunks/index-CgNJLkzr.js";
-import { D } from "../../chunks/DropdownListItem-Be_BBAWh.js";
-import { DropdownMobile as i } from "./mobile/DropdownMobile.js";
-import { DropdownMobileBody as m } from "./mobile/DropdownMobileBody.js";
-import { DropdownMobileClose as x } from "./mobile/DropdownMobileClose.js";
+import { Dropdown as e } from "./Dropdown.js";
+import { DropdownList as t } from "./desktop/DropdownList.js";
+import { DropdownDesktop as D } from "./desktop/DropdownDesktop.js";
+import { D as i } from "../../chunks/DropdownListItem-DIIAnvmw.js";
+import { DropdownMobile as w } from "./mobile/DropdownMobile.js";
+import { DropdownMobileBody as x } from "./mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as b } from "./mobile/DropdownMobileClose.js";
 import { DropdownMobileFooter as s } from "./mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader as M } from "./mobile/DropdownMobileHeader.js";
-import { DropdownMobileInner as L } from "./mobile/DropdownMobileInner.js";
-import { DropdownMobileInput as I } from "./mobile/DropdownMobileInput.js";
-import { DropdownMobileList as z } from "./mobile/DropdownMobileList.js";
-import { DropdownMobileListItem as g } from "./mobile/DropdownMobileListItem.js";
-import { EDropdownAlignment as u, EDropdownDirection as y, EDropdownListSize as A, EDropdownSize as B } from "./enums.js";
+import { DropdownMobileHeader as E } from "./mobile/DropdownMobileHeader.js";
+import { DropdownMobileInner as a } from "./mobile/DropdownMobileInner.js";
+import { DropdownMobileInput as S } from "./mobile/DropdownMobileInput.js";
+import { DropdownMobileList as g } from "./mobile/DropdownMobileList.js";
+import { DropdownMobileListItem as u } from "./mobile/DropdownMobileListItem.js";
+import { EDropdownAlignment as A, EDropdownDirection as B, EDropdownListSize as C, EDropdownSize as F } from "./enums.js";
 export {
   e as Dropdown,
-  p as DropdownDesktop,
+  D as DropdownDesktop,
   t as DropdownList,
-  D as DropdownListItem,
-  i as DropdownMobile,
-  m as DropdownMobileBody,
-  x as DropdownMobileClose,
+  i as DropdownListItem,
+  w as DropdownMobile,
+  x as DropdownMobileBody,
+  b as DropdownMobileClose,
   s as DropdownMobileFooter,
-  M as DropdownMobileHeader,
-  L as DropdownMobileInner,
-  I as DropdownMobileInput,
-  z as DropdownMobileList,
-  g as DropdownMobileListItem,
-  u as EDropdownAlignment,
-  y as EDropdownDirection,
-  A as EDropdownListSize,
-  B as EDropdownSize
+  E as DropdownMobileHeader,
+  a as DropdownMobileInner,
+  S as DropdownMobileInput,
+  g as DropdownMobileList,
+  u as DropdownMobileListItem,
+  A as EDropdownAlignment,
+  B as EDropdownDirection,
+  C as EDropdownListSize,
+  F 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-PWShExJh.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-BUeZuAYr.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.0.0",
+      "data-tx": "1.1.1",
       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-CF2m175I.js";
-import { s as a } from "../../../chunks/DropdownMobile.module-PWShExJh.js";
+import { c as m } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as a } from "../../../chunks/DropdownMobile.module-BUeZuAYr.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-CF2m175I.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-PWShExJh.js";
+import { c as p } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-BUeZuAYr.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-CF2m175I.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-PWShExJh.js";
+import { c as a } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-BUeZuAYr.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 i } from "react/jsx-runtime";
 import m from "react";
-import { c as p } from "../../../chunks/vendor-CF2m175I.js";
-import { s } from "../../../chunks/DropdownMobile.module-PWShExJh.js";
+import { c as p } from "../../../chunks/vendor-D-uL_icH.js";
+import { s } from "../../../chunks/DropdownMobile.module-BUeZuAYr.js";
 const f = m.forwardRef(
   ({ children: e, className: a, closeButton: r, ...d }, o) => /* @__PURE__ */ i("div", { className: p(s.dropdownMobileHeader, a), ref: o, ...d, children: [
     e,

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

package/components/Dropdown/mobile/DropdownMobileInput.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import s from "react";
-import { c as e } from "../../../chunks/vendor-CF2m175I.js";
-import { s as m } from "../../../chunks/DropdownMobile.module-PWShExJh.js";
+import { c as e } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as m } from "../../../chunks/DropdownMobile.module-BUeZuAYr.js";
 const a = s.forwardRef(
   ({ className: o, ...r }, p) => /* @__PURE__ */ t("input", { className: e(m.dropdownMobileInput, o), ...r, ref: p })
 );

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import e from "react";
-import { c as l } from "../../../chunks/vendor-CF2m175I.js";
-import { s as m } from "../../../chunks/DropdownMobile.module-PWShExJh.js";
+import { c as l } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as m } from "../../../chunks/DropdownMobile.module-BUeZuAYr.js";
 const a = e.forwardRef(
   ({ children: o, className: r, ...s }, i) => /* @__PURE__ */ t(
     "div",

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -1,9 +1,9 @@
 import { jsx as f } from "react/jsx-runtime";
 import l from "react";
-import { c as x } from "../../../chunks/vendor-CF2m175I.js";
+import { c as x } from "../../../chunks/vendor-D-uL_icH.js";
 import { Text as w } from "../../Typography/Text.js";
 import { ETextSize as b } from "../../Typography/enums.js";
-import { s } from "../../../chunks/DropdownMobile.module-PWShExJh.js";
+import { s } from "../../../chunks/DropdownMobile.module-BUeZuAYr.js";
 const y = l.forwardRef(
   ({ children: o, className: e, id: B, onClick: t, onSelect: r, selected: i, ...m }, a) => {
     const p = (d) => {

package/components/Footer/Footer.js

@@ -1,8 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
 import a from "react";
 import { FooterDescription as p } from "./components/FooterDescription.js";
-import { c } from "../../chunks/vendor-CF2m175I.js";
-import { s as o } from "../../chunks/Footer.module-Gh9uBYjc.js";
+import { c } from "../../chunks/vendor-D-uL_icH.js";
+import { s as o } from "../../chunks/Footer.module-BFo05t5_.js";
 import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
 const f = Object.assign(
@@ -12,7 +12,7 @@ const f = Object.assign(
       {
         className: c(o.footer, { [o.sticky]: !!e }, r),
         ...i,
-        "data-tx": "1.0.0",
+        "data-tx": "1.1.1",
         ref: s,
         children: t
       }

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-CF2m175I.js";
-import { s as c } from "../../../chunks/Footer.module-Gh9uBYjc.js";
+import { c as p } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as c } from "../../../chunks/Footer.module-BFo05t5_.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-CF2m175I.js";
-import { s as n } from "../../../chunks/Footer.module-Gh9uBYjc.js";
+import { c as m } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as n } from "../../../chunks/Footer.module-BFo05t5_.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-CF2m175I.js";
-import { s as a } from "../../../chunks/Footer.module-Gh9uBYjc.js";
+import { c as m } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as a } from "../../../chunks/Footer.module-BFo05t5_.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,76 +1,77 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { useState as e } from "react";
-import { FormFieldContext as E } from "./FormFieldContext.js";
+import { FormFieldContext as G } from "./FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
-import { c as G } from "../../chunks/vendor-CF2m175I.js";
-import { EFormFieldSize as T } from "./enums.js";
-const y = "formField__75cff140", I = "disabled__20baaa39", N = "active__ae2463c3", R = "error__5b47ae25", t = {
-  formField: y,
-  disabled: I,
-  active: N,
-  error: R,
-  "size-sm": "size-sm__95fa2824",
-  "size-md": "size-md__0612bb1a",
-  "size-lg": "size-lg__e1557bcc"
-}, V = ({
-  children: n,
-  className: F,
-  disabled: d,
-  error: p,
-  onMouseEnter: s,
-  onMouseLeave: i,
+import { c as I } from "../../chunks/vendor-D-uL_icH.js";
+import { EFormFieldSize as N, EFormFieldStatus as r } from "./enums.js";
+const P = "formField__f184f1b5", S = "disabled__ca621c01", T = "active__cd1330d0", L = "error__f645fb4b", u = "warning__7440000e", i = {
+  formField: P,
+  disabled: S,
+  active: T,
+  error: L,
+  warning: u,
+  "size-sm": "size-sm__7fca3bb8",
+  "size-md": "size-md__fdf39150",
+  "size-lg": "size-lg__fed542e3"
+}, O = ({
+  children: F,
+  className: p,
+  status: t = r.DEFAULT,
+  onMouseEnter: d,
+  onMouseLeave: s,
   style: x,
-  size: o = T.LG,
+  size: o = N.LG,
   ...b
 }) => {
-  const [a, h] = e(!1), [v, l] = e(!1), [z, g] = e(""), [c, u] = e(_), [m, P] = e(_), [W, A] = e(!1), B = (r) => {
-    l(!0), s == null || s(r);
-  }, D = (r) => {
-    l(!1), i == null || i(r);
+  const [f, g] = e(!1), [h, l] = e(!1), [v, E] = e(""), [a, z] = e(_), [m, A] = e(_), [D, R] = e(!1), W = (c) => {
+    l(!0), d == null || d(c);
+  }, w = (c) => {
+    l(!1), s == null || s(c);
   };
-  return /* @__PURE__ */ f(
-    E.Provider,
+  return /* @__PURE__ */ n(
+    G.Provider,
     {
       value: {
-        disabled: !!d,
-        focused: a,
-        hovered: v,
-        id: z,
-        postfixWidth: c,
+        status: t,
+        focused: f,
+        hovered: h,
+        id: v,
+        postfixWidth: a,
         prefixWidth: m,
-        setFocused: h,
-        setId: g,
-        setPostfixWidth: u,
-        setPrefixWidth: P,
-        setValueExist: A,
-        valueExist: W,
+        setFocused: g,
+        setId: E,
+        setPostfixWidth: z,
+        setPrefixWidth: A,
+        setValueExist: R,
+        valueExist: D,
         size: o
       },
-      children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ n(
         "div",
         {
-          className: G(
-            t.formField,
+          className: I(
+            i.formField,
             {
-              [t.active]: a,
-              [t.disabled]: !!d,
-              [t.error]: !!p,
-              [t[`size-${o}`]]: o
+              [i.active]: f,
+              [i.disabled]: t === r.DISABLED,
+              [i.error]: t === r.ERROR,
+              [i.warning]: t === r.WARNING,
+              [i[`size-${o}`]]: o
             },
-            F
+            p
           ),
-          onMouseEnter: B,
-          onMouseLeave: D,
-          "data-tx": "1.0.0",
-          style: { paddingLeft: m, paddingRight: c, ...x },
+          onMouseEnter: W,
+          onMouseLeave: w,
+          "data-tx": "1.1.1",
+          style: { paddingLeft: m, paddingRight: a, ...x },
           ...b,
-          children: n
+          children: F
         }
       )
     }
   );
 };
 export {
-  V as FormField
+  O as FormField
 };
 //# sourceMappingURL=FormField.js.map

package/components/FormField/FormFieldContext.js

@@ -1,7 +1,7 @@
-import e from "react";
-import { EFormFieldSize as t } from "./enums.js";
-const i = {
-  disabled: !1,
+import t from "react";
+import { EFormFieldSize as e, EFormFieldStatus as i } from "./enums.js";
+const s = {
+  status: i.DEFAULT,
   focused: !1,
   hovered: !1,
   id: "",
@@ -18,10 +18,10 @@ const i = {
   setValueExist: () => {
   },
   valueExist: !1,
-  size: t.MD
-}, d = e.createContext(i);
+  size: e.MD
+}, r = t.createContext(s);
 export {
-  d as FormFieldContext,
-  i as initialFormFieldContext
+  r as FormFieldContext,
+  s as initialFormFieldContext
 };
 //# sourceMappingURL=FormFieldContext.js.map

package/components/FormField/components/FormFieldClear.js

@@ -2,28 +2,29 @@ import { jsx as r } from "react/jsx-runtime";
 import u, { useContext as h } from "react";
 import { CrossStrokeSrvIcon16 as x } from "@sberbusiness/icons-next";
 import { FormFieldContext as C } from "../FormFieldContext.js";
-import { c as _ } from "../../../chunks/vendor-CF2m175I.js";
-const w = "formFieldClear__58a2e679", v = "shown__7143b9d0", s = {
-  formFieldClear: w,
+import { c as _ } from "../../../chunks/vendor-D-uL_icH.js";
+import { EFormFieldStatus as w } from "../enums.js";
+const S = "formFieldClear__9b77c9e7", v = "shown__7f437f57", t = {
+  formFieldClear: S,
   shown: v
-}, b = u.forwardRef(
-  ({ className: t, onClick: e, ...l }, a) => {
-    const { disabled: m, focused: d, hovered: n, id: c, valueExist: i } = h(C), f = (F) => {
-      const o = document.querySelector(`#${c}`);
-      o && o.focus(), e == null || e(F);
-    }, p = _(
-      s.formFieldClear,
+}, y = u.forwardRef(
+  ({ className: s, onClick: e, ...l }, m) => {
+    const { status: a, focused: n, hovered: c, id: d, valueExist: f } = h(C), i = (p) => {
+      const o = document.querySelector(`#${d}`);
+      o && o.focus(), e == null || e(p);
+    }, F = _(
+      t.formFieldClear,
       "hoverable",
       {
-        [s.shown]: i && !m && (d || n)
+        [t.shown]: f && a !== w.DISABLED && (n || c)
       },
-      t
+      s
     );
-    return /* @__PURE__ */ r("span", { className: p, ref: a, onClick: f, ...l, children: /* @__PURE__ */ r(x, { paletteIndex: 5 }) });
+    return /* @__PURE__ */ r("span", { className: F, ref: m, onClick: i, ...l, children: /* @__PURE__ */ r(x, { paletteIndex: 5 }) });
   }
 );
-b.displayName = "FormFieldClear";
+y.displayName = "FormFieldClear";
 export {
-  b as FormFieldClear
+  y as FormFieldClear
 };
 //# sourceMappingURL=FormFieldClear.js.map