@sberbusiness/triplex-next 1.21.0 → 1.22.0

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-CuCj7SgU.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-D1Tda3VC.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 d } from "react/jsx-runtime";
-import { c as p } from "../../../chunks/vendor-CuCj7SgU.js";
+import { c as p } from "../../../chunks/vendor-BiObpx9E.js";
 import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__62eda58e", r = {
+const t = "dropdownMobileMaskedInput__14f34d22", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: e, ...s }) => /* @__PURE__ */ d(o, { className: p(r.dropdownMobileMaskedInput, e), ...s });
+}, 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,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-CuCj7SgU.js";
-const c = "ellipsisLineClamp__b623510c", r = "oneLine__7f0945e5", e = {
-  ellipsisLineClamp: c,
+import { c } from "../../chunks/vendor-BiObpx9E.js";
+const m = "ellipsisLineClamp__3cfaf73d", r = "oneLine__5d836d3c", e = {
+  ellipsisLineClamp: m,
   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(
+}, d = t.forwardRef(
+  ({ children: i, maxLines: s, className: l, ...n }, a) => {
+    const o = c(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
+    return /* @__PURE__ */ p(
       "div",
       {
-        className: p,
+        className: o,
         style: { "--ellipsis-line-clamp": s },
         ...n,
-        "data-tx": "1.21.0",
-        ref: o,
+        "data-tx": "1.22.0",
+        ref: a,
         children: i
       }
     );
   }
 );
-f.displayName = "Ellipsis";
+d.displayName = "Ellipsis";
 export {
-  f as Ellipsis
+  d as Ellipsis
 };
 //# sourceMappingURL=Ellipsis.js.map

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,72 +1,72 @@
 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-CuCj7SgU.js";
-const F = "expandAnimation__8bbf835e", 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: x = L,
+    animationTime: f = I,
     style: R,
     onStart: d,
     onEnd: h,
     transitionProps: e,
     ..._
-  }, f) => {
-    const m = A({
+  }, x) => {
+    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);
-    }, b = (c) => {
+    }, H = (c) => {
       var u;
       h == null || h(), (u = e == null ? void 0 : e.onEntered) == null || u.call(e, c);
-    }, H = () => {
+    }, T = () => {
       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);
-    }, T = () => {
+    }, b = () => {
       var c;
       h == null || h(), (c = e == null ? void 0 : e.onExited) == null || c.call(e);
     }, D = (c) => {
-      l.current = c, typeof f == "function" ? f(c) : f && (f.current = c);
+      l.current = c, typeof x == "function" ? x(c) : x && (x.current = c);
     };
     return /* @__PURE__ */ g(
       U,
       {
         in: v,
-        timeout: x,
+        timeout: f,
         nodeRef: l,
         ...e,
         onEnter: w,
-        onEntered: b,
-        onExit: H,
-        onExited: T,
+        onEntered: H,
+        onExit: T,
+        onExited: b,
         children: (c) => /* @__PURE__ */ g(
           "div",
           {
-            className: j(I.expandAnimation, E),
+            className: j(F.expandAnimation, E),
             style: {
-              transitionDuration: x + "ms",
+              transitionDuration: f + "ms",
               ...m.current[c],
               ...R
             },
             ..._,
             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.21.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-CuCj7SgU.js";
-import { s as c } from "../../../chunks/Footer.module-dEM87TWq.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-CuCj7SgU.js";
-import { s as n } from "../../../chunks/Footer.module-dEM87TWq.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-CuCj7SgU.js";
-import { s as a } from "../../../chunks/Footer.module-dEM87TWq.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,90 +1,82 @@
-import { jsx as _ } from "react/jsx-runtime";
-import S, { useState as e } from "react";
-import { c as W } from "../../chunks/vendor-CuCj7SgU.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__e6a2ea91", y = "disabled__3a3108fa", U = "active__2c2dd6d7", z = "error__f07ff60e", j = "warning__15436a82", B = "sm__4e3f34fa", H = "md__390f6d1a", O = "lg__d8ba3336", t = {
-  formField: P,
-  default: "default__0f4d4572",
+import { jsx as n } from "react/jsx-runtime";
+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 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,
-  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: a,
-    onMouseLeave: o,
-    style: g,
-    size: l = I.LG,
-    active: f = !1,
-    ...h
+    children: p,
+    className: F,
+    style: b,
+    size: s = w.LG,
+    status: r = o.DEFAULT,
+    active: a = !1,
+    ...g
   }, u) => {
-    const [r, v] = e(!1), [E, m] = e(!1), [N, R] = e(""), [c, T] = e(p), [n, A] = e(p), [D, b] = e(!1), w = (d) => {
-      m(!0), a == null || a(d);
-    }, C = (d) => {
-      m(!1), o == null || o(d);
-    };
-    return /* @__PURE__ */ _(
-      G.Provider,
+    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: i,
-          focused: r,
-          hovered: E,
-          id: N,
-          postfixWidth: c,
-          prefixWidth: n,
-          setFocused: v,
-          setId: R,
-          setPostfixWidth: T,
-          setPrefixWidth: A,
-          setValueExist: b,
-          valueExist: D,
-          size: l,
-          active: f || r
-        },
-        children: /* @__PURE__ */ _(
-          "div",
+        className: h(
+          e.formField,
+          O[s],
+          B[r],
           {
-            className: W(
-              t.formField,
-              X[l],
-              V[i],
-              {
-                [t.active]: f || r
-              },
-              x
-            ),
-            onMouseEnter: w,
-            onMouseLeave: C,
-            "data-tx": "1.21.0",
-            style: { paddingLeft: n, paddingRight: c, ...g },
-            ...h,
-            ref: u,
-            children: F
-          }
-        )
+            [e.filled]: f,
+            [e.active]: a || d
+          },
+          F
+        ),
+        "data-tx": "1.22.0",
+        style: { paddingLeft: l, paddingRight: i, ...b },
+        ...g,
+        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: () => {
+  }
+}, r = t.createContext(o);
 export {
-  d 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 c, { useContext as F } from "react";
-import { c as p } from "../../../chunks/vendor-CuCj7SgU.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__7d4e9d5a", v = "hidden__0b7aef52", t = {
-  formFieldClear: _,
-  hidden: v
-}, I = c.forwardRef(
-  ({ className: d, onMouseDown: e, ...l }, a) => {
-    const { status: m, focused: s, hovered: i, valueExist: f } = F(C), n = p(
-      t.formFieldClear,
-      "hoverable",
-      {
-        [t.hidden]: !f || m === u.DISABLED || !(s || 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: a, 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,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__07307901", u = {
+const s = "formFieldCounter__6c4c7134", u = {
   formFieldCounter: s
 }, l = ({ children: o, ...e }) => {
   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-CuCj7SgU.js";
+import { c } from "../../../chunks/vendor-BiObpx9E.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__c86c7305", p = "withCounter__2f1214e7", i = {
+const l = "formFieldDescription__904c4dd7", d = "withCounter__b8a05982", i = {
   formFieldDescription: l,
-  withCounter: p
-}, d = ({ children: e, ...r }) => {
+  withCounter: d
+}, p = ({ children: r, ...e }) => {
   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(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...e, children: r }) });
 };
-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-BiObpx9E.js";
 import "../FormFieldContext.js";
-import "../../../chunks/vendor-CuCj7SgU.js";
-import { F as a } from "../../../chunks/FormFieldInput-BXZLkCG-.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
+import "./utils.js";
+import { F as d } from "../../../chunks/FormFieldInput--W9kjf4s.js";
 export {
-  a as FormFieldInput
+  d as FormFieldInput
 };
 //# sourceMappingURL=FormFieldInput.js.map

package/components/FormField/components/FormFieldLabel.js

@@ -1,44 +1,42 @@
-import { jsx as i } from "react/jsx-runtime";
-import u, { useContext as E, useState as g, useEffect as A } from "react";
-import { n as N, c as S } from "../../../chunks/vendor-CuCj7SgU.js";
-import { FormFieldContext as h } from "../FormFieldContext.js";
+import { jsx as s } from "react/jsx-runtime";
+import A, { useContext as E, useMemo as N, useLayoutEffect as I } from "react";
+import { u as S, c as h } from "../../../chunks/vendor-BiObpx9E.js";
+import { FormFieldContext as y } from "../FormFieldContext.js";
 import { createSizeToClassNameMap as D } from "../../../utils/classNameMaps.js";
-import { EFormFieldStatus as y } from "../enums.js";
-import { TARGET_PADDING_X_DEFAULT as m } from "../consts.js";
-const C = "formFieldLabel__4064b567", I = "sm__4e3f34fa", M = "md__390f6d1a", R = "lg__d8ba3336", v = "floating__17ca77bf", z = "formFieldLabelText__d60b2223", G = "disabled__3a3108fa", t = {
-  formFieldLabel: C,
-  sm: I,
-  md: M,
-  lg: R,
-  floating: v,
-  formFieldLabelText: z,
-  disabled: G
-}, U = D(t), W = u.forwardRef(
-  ({ children: d, className: f, style: r, floating: e, ...c }, n) => {
-    const { status: _, active: l, id: b, prefixWidth: F, postfixWidth: L, size: x, valueExist: a } = E(h), [s, o] = g(!1);
-    A(() => {
-      !N(e) && e !== s ? o(e) : e !== s && o(l || a);
-    }, [l, a, e, s]);
-    const p = S(
-      t.formFieldLabel,
-      U[x],
+import { EFormFieldStatus as C } from "../enums.js";
+import { TARGET_PADDING_X_DEFAULT as a } from "../consts.js";
+const M = "formFieldLabel__ac33b007", R = "sm__dfbcde57", v = "md__78c7dc00", z = "lg__0698bb23", G = "floating__e7d1637f", W = "formFieldLabelText__35bb100d", j = "disabled__e368d09a", e = {
+  formFieldLabel: M,
+  sm: R,
+  md: v,
+  lg: z,
+  floating: G,
+  formFieldLabelText: W,
+  disabled: j
+}, q = D(e), w = A.forwardRef(
+  ({ children: i, id: t, className: d, style: m, floating: r, ...f }, c) => {
+    const { targetId: n, size: b, status: _, filled: F, active: L, prefixWidth: g, postfixWidth: p, setLabelId: o } = E(y), l = N(() => t === void 0 ? S("label_") : t, [t]), u = r ?? (F || L), x = h(
+      e.formFieldLabel,
+      q[b],
       {
-        [t.disabled]: _ === y.DISABLED,
-        [t.floating]: s
+        [e.floating]: u,
+        [e.disabled]: _ === C.DISABLED
       },
-      f
+      d
     ), T = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      left: F || m,
+      left: g || a,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      right: L || m,
-      ...r
+      right: p || a,
+      ...m
     };
-    return /* @__PURE__ */ i("label", { className: p, ref: n, htmlFor: b, ...c, style: T, children: /* @__PURE__ */ i("span", { className: t.formFieldLabelText, children: d }) });
+    return I(() => {
+      o(l);
+    }, [l, o]), /* @__PURE__ */ s("label", { ...f, id: l, className: x, htmlFor: n, style: T, ref: c, children: /* @__PURE__ */ s("span", { className: e.formFieldLabelText, children: i }) });
   }
 );
-W.displayName = "FormFieldLabel";
+w.displayName = "FormFieldLabel";
 export {
-  W as FormFieldLabel
+  w as FormFieldLabel
 };
 //# sourceMappingURL=FormFieldLabel.js.map