@sberbusiness/triplex-next 0.21.0 → 0.23.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-BdLTF7q1.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-C4JE2xV7.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 m, { useEffect as a } from "react";
 import { OverlayBase as n, EOverlayDirection as c } from "../../Overlay/OverlayBase.js";
 import { DropdownMobileInner as f } from "./DropdownMobileInner.js";
-import { s as p } from "../../../chunks/DropdownMobile.module-PpB3KA4H.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-BgSbdJtS.js";
 const r = p.dropdownMobileBodyOverflow, y = m.forwardRef(
   ({ children: t, opened: o, setOpened: s, ...d }, i) => (a(() => (o ? document.body.classList.add(r) : document.body.classList.remove(r), () => document.body.classList.remove(r)), [o]), /* @__PURE__ */ e(n, { setOpened: s, opened: o, direction: c.BOTTOM, children: (l) => /* @__PURE__ */ e(
     f,
@@ -10,7 +10,7 @@ const r = p.dropdownMobileBodyOverflow, y = m.forwardRef(
       ...l,
       ...d,
       ref: i,
-      "data-tx": "0.21.0",
+      "data-tx": "0.23.0",
       children: t
     }
   ) }))

package/components/Dropdown/mobile/DropdownMobileBody.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import t from "react";
-import { c as d } from "../../../chunks/vendor-DaOifQgP.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-PpB3KA4H.js";
+import { c as d } from "../../../chunks/vendor---Om3uMV.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-BgSbdJtS.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-DaOifQgP.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-PpB3KA4H.js";
+import { c as p } from "../../../chunks/vendor---Om3uMV.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-BgSbdJtS.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-DaOifQgP.js";
-import { s as p } from "../../../chunks/DropdownMobile.module-PpB3KA4H.js";
+import { c as i } from "../../../chunks/vendor---Om3uMV.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-BgSbdJtS.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-DaOifQgP.js";
-import { s as o } from "../../../chunks/DropdownMobile.module-PpB3KA4H.js";
+import { c as m } from "../../../chunks/vendor---Om3uMV.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-BgSbdJtS.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-DaOifQgP.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-PpB3KA4H.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-BgSbdJtS.js";
 const C = y.forwardRef(
   ({
     children: m,

package/components/Dropdown/mobile/DropdownMobileInput.js

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

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -1,12 +1,12 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import p, { useState as n } from "react";
-import { u as c, c as f } from "../../../chunks/vendor-DaOifQgP.js";
+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 w } from "../../../enums/EComponentSize.js";
 import { DropdownMobileListItem as M } from "./DropdownMobileListItem.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-PpB3KA4H.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-BgSbdJtS.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 }) });

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-DaOifQgP.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-PpB3KA4H.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-BgSbdJtS.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-DaOifQgP.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-PpB3KA4H.js";
+import { s } from "../../../chunks/DropdownMobile.module-BgSbdJtS.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-DaOifQgP.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__d1078910", r = {
+const t = "dropdownMobileMaskedInput__be4469e7", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: s, ...e }) => /* @__PURE__ */ d(o, { className: p(r.dropdownMobileMaskedInput, s), ...e });
+}, n = ({ className: e, ...s }) => /* @__PURE__ */ p(o, { className: d(r.dropdownMobileMaskedInput, e), ...s });
 n.presets = o.presets;
 export {
   n as DropdownMobileMaskedInput

package/components/Ellipsis/Ellipsis.js

@@ -1,27 +1,27 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import t from "react";
-import { c as m } from "../../chunks/vendor-DaOifQgP.js";
-const c = "ellipsisLineClamp__9f857720", r = "oneLine__6ad4e0fc", e = {
+import { c as m } from "../../chunks/vendor---Om3uMV.js";
+const c = "ellipsisLineClamp__acfe7a74", r = "oneLine__aee99570", e = {
   ellipsisLineClamp: c,
   oneLine: r
-}, f = t.forwardRef(
-  ({ children: i, maxLines: s, className: l, ...n }, o) => {
-    const p = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
-    return /* @__PURE__ */ a(
+}, L = 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": "0.21.0",
-        ref: o,
+        ...a,
+        "data-tx": "0.23.0",
+        ref: n,
         children: i
       }
     );
   }
 );
-f.displayName = "Ellipsis";
+L.displayName = "Ellipsis";
 export {
-  f as Ellipsis
+  L as Ellipsis
 };
 //# sourceMappingURL=Ellipsis.js.map

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,16 +1,16 @@
 import { jsx as g } from "react/jsx-runtime";
 import U, { useRef as y } from "react";
-import { z as b, c as j } from "../../chunks/vendor-DaOifQgP.js";
-const z = "expandAnimation__1ef6eaa1", F = {
-  expandAnimation: z
-}, I = 300, L = U.forwardRef(
+import { y as b, c as j } from "../../chunks/vendor---Om3uMV.js";
+const F = "expandAnimation__a15c5df9", I = {
+  expandAnimation: F
+}, L = 300, M = U.forwardRef(
   ({
     children: A,
     className: E,
     expanded: v,
-    animationTime: f = I,
+    animationTime: f = L,
     style: R,
-    onStart: d,
+    onStart: l,
     onEnd: h,
     transitionProps: e,
     ...w
@@ -21,27 +21,27 @@ const z = "expandAnimation__1ef6eaa1", F = {
       exiting: { height: 0, overflow: "hidden" },
       exited: { height: 0, overflow: "hidden", visibility: "hidden" },
       unmounted: {}
-    }), l = y(null), H = (c) => {
+    }), d = y(null), H = (c) => {
       var u;
-      l.current && (m.current.entering.height = l.current.scrollHeight), d == null || d(), (u = e == null ? void 0 : e.onEnter) == null || u.call(e, c);
+      d.current && (m.current.entering.height = d.current.scrollHeight), l == null || l(), (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;
-      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);
+      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);
     }, D = () => {
       var c;
       h == null || h(), (c = e == null ? void 0 : e.onExited) == null || c.call(e);
     }, N = (c) => {
-      l.current = c, typeof x == "function" ? x(c) : x && (x.current = c);
+      d.current = c, typeof x == "function" ? x(c) : x && (x.current = c);
     };
     return /* @__PURE__ */ g(
       b,
       {
         in: v,
         timeout: f,
-        nodeRef: l,
+        nodeRef: d,
         ...e,
         onEnter: H,
         onEntered: T,
@@ -50,7 +50,7 @@ const z = "expandAnimation__1ef6eaa1", F = {
         children: (c) => /* @__PURE__ */ g(
           "div",
           {
-            className: j(F.expandAnimation, E),
+            className: j(I.expandAnimation, E),
             style: {
               transitionDuration: f + "ms",
               ...m.current[c],
@@ -65,8 +65,8 @@ const z = "expandAnimation__1ef6eaa1", F = {
     );
   }
 );
-L.displayName = "ExpandAnimation";
+M.displayName = "ExpandAnimation";
 export {
-  L as ExpandAnimation
+  M 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(
   e.forwardRef(function({ children: o, ...r }, t) {
-    return /* @__PURE__ */ i("div", { ...r, "data-tx": "0.21.0", ref: t, children: o });
+    return /* @__PURE__ */ i("div", { ...r, "data-tx": "0.23.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-DaOifQgP.js";
-import { s as c } from "../../../chunks/Footer.module-Z4RIi8JP.js";
+import { c as p } from "../../../chunks/vendor---Om3uMV.js";
+import { s as c } from "../../../chunks/Footer.module-B469C_XO.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-DaOifQgP.js";
-import { s as n } from "../../../chunks/Footer.module-Z4RIi8JP.js";
+import { c as m } from "../../../chunks/vendor---Om3uMV.js";
+import { s as n } from "../../../chunks/Footer.module-B469C_XO.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-DaOifQgP.js";
-import { s as p } from "../../../chunks/Footer.module-Z4RIi8JP.js";
+import { c as m } from "../../../chunks/vendor---Om3uMV.js";
+import { s as p } from "../../../chunks/Footer.module-B469C_XO.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,90 +1,82 @@
-import { jsx as _ } from "react/jsx-runtime";
-import S, { useState as e } from "react";
-import { c as W } from "../../chunks/vendor-DaOifQgP.js";
-import { FormFieldContext as G } from "./FormFieldContext.js";
-import { TARGET_PADDING_X_DEFAULT as p } from "./consts.js";
-import { EFormFieldStatus as s } from "./enums.js";
-import { EComponentSize as I } from "../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as L } from "../../utils/classNameMaps.js";
-const P = "formField__bf58e82d", y = "disabled__dbebc5a9", U = "active__64a044d6", z = "error__6f308917", j = "warning__0f44558e", B = "sm__9d81b3df", H = "md__12df891c", O = "lg__a5c94cbc", t = {
-  formField: P,
-  default: "default__592d2a0d",
+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 o } from "./enums.js";
+import { EComponentSize as w } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as C } from "../../utils/classNameMaps.js";
+const S = "formField__ba9e1460", W = "sm__2fee6b7a", G = "md__e2808298", M = "lg__2c02c578", P = "active__9e4526db", y = "disabled__4f9d08d4", U = "error__cdbd68ec", j = "warning__7bd0ccc2", z = "filled__de5e7ae8", e = {
+  formField: S,
+  sm: W,
+  md: G,
+  lg: M,
+  default: "default__050c8c7a",
+  active: P,
   disabled: y,
-  active: U,
-  error: z,
+  error: U,
   warning: j,
-  sm: B,
-  md: H,
-  lg: O
-}, V = {
-  [s.DEFAULT]: t.default,
-  [s.DISABLED]: t.disabled,
-  [s.ERROR]: t.error,
-  [s.WARNING]: t.warning
-}, X = L(t), k = S.forwardRef(
+  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: F,
-    className: x,
-    status: i = s.DEFAULT,
-    onMouseEnter: o,
-    onMouseLeave: d,
+    children: p,
+    className: F,
     style: g,
-    size: c = I.LG,
-    active: l = !1,
+    size: s = w.LG,
+    status: r = o.DEFAULT,
+    active: a = !1,
     ...b
-  }, h) => {
-    const [r, u] = e(!1), [v, m] = e(!1), [E, N] = e(""), [f, R] = e(p), [n, T] = e(p), [A, D] = e(!1), w = (a) => {
-      m(!0), o == null || o(a);
-    }, C = (a) => {
-      m(!1), d == null || d(a);
-    };
-    return /* @__PURE__ */ _(
-      G.Provider,
+  }, u) => {
+    const [m, x] = t(), [n, T] = t(), [i, E] = t(_), [l, N] = t(_), [c, R] = t(!1), [d, A] = t(!1), D = L(
+      () => ({
+        size: s,
+        status: r,
+        targetId: m,
+        labelId: n,
+        postfixWidth: i,
+        prefixWidth: l,
+        filled: c,
+        focused: d,
+        active: a || d,
+        setTargetId: x,
+        setLabelId: T,
+        setPostfixWidth: E,
+        setPrefixWidth: N,
+        setFilled: R,
+        setFocused: A
+      }),
+      [s, r, m, n, i, l, c, d, a]
+    );
+    return /* @__PURE__ */ f(v.Provider, { value: D, children: /* @__PURE__ */ f(
+      "div",
       {
-        value: {
-          status: i,
-          focused: r,
-          hovered: v,
-          id: E,
-          postfixWidth: f,
-          prefixWidth: n,
-          setFocused: u,
-          setId: N,
-          setPostfixWidth: R,
-          setPrefixWidth: T,
-          setValueExist: D,
-          valueExist: A,
-          size: c,
-          active: l || r
-        },
-        children: /* @__PURE__ */ _(
-          "div",
+        className: h(
+          e.formField,
+          O[s],
+          B[r],
           {
-            className: W(
-              t.formField,
-              X[c],
-              V[i],
-              {
-                [t.active]: l || r
-              },
-              x
-            ),
-            onMouseEnter: w,
-            onMouseLeave: C,
-            "data-tx": "0.21.0",
-            style: { paddingLeft: n, paddingRight: f, ...g },
-            ...b,
-            ref: h,
-            children: F
-          }
-        )
+            [e.filled]: c,
+            [e.active]: a || d
+          },
+          F
+        ),
+        "data-tx": "0.23.0",
+        style: { paddingLeft: l, paddingRight: i, ...g },
+        ...b,
+        ref: u,
+        children: p
       }
-    );
+    ) });
   }
 );
-k.displayName = "FormField";
+V.displayName = "FormField";
 export {
-  k as FormField,
-  V as statusToClassNameMap
+  V as FormField,
+  B as statusToClassNameMap
 };
 //# sourceMappingURL=FormField.js.map

package/components/FormField/FormFieldContext.js

@@ -1,29 +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,
-  active: !1
-}, d = t.createContext(o);
+  setFocused: () => {
+  }
+}, l = t.createContext(o);
 export {
-  d as FormFieldContext,
+  l as FormFieldContext,
   o as initialFormFieldContext
 };
 //# sourceMappingURL=FormFieldContext.js.map