@telefonica/mistica 16.0.0 → 16.1.0

package/dist-es/date-field.js

@@ -80,23 +80,24 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as t } from "react/jsx-runtime";
 import * as f from "react";
-import { useFieldProps as z } from "./form-context.js";
-import { TextFieldBaseAutosuggest as b } from "./text-field-base.js";
-import { isInputTypeSupported as A } from "./utils/dom.js";
-import { isServerSide as E } from "./utils/environment.js";
-import N from "./generated/mistica-icons/icon-calendar-regular.js";
+import { useFieldProps as b } from "./form-context.js";
+import { TextFieldBaseAutosuggest as A } from "./text-field-base.js";
+import { isInputTypeSupported as E } from "./utils/dom.js";
+import { isServerSide as N } from "./utils/environment.js";
+import j from "./generated/mistica-icons/icon-calendar-regular.js";
 import { getLocalDateString as r } from "./utils/time.js";
-import { useTheme as j } from "./hooks.js";
-import { isFirefox as v } from "./utils/platform.js";
-import { iconContainer as B } from "./date-field.css-mistica.js";
-import { iconSize as C } from "./icon-button.css-mistica.js";
-import { formDateOutOfRangeError as L } from "./text-tokens.js";
-const M = /*#__PURE__*/ f.lazy(()=>import(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")), V = (_param)=>{
-    var { disabled: D, error: g, helperText: F, name: R, optional: c, validate: n, onChange: S, onChangeValue: s, onBlur: O, value: k, defaultValue: y, min: o, max: i, dataAttributes: d } = _param, u = _object_without_properties(_param, [
+import { useTheme as v } from "./hooks.js";
+import { isFirefox as B } from "./utils/platform.js";
+import { iconContainer as C } from "./date-field.css-mistica.js";
+import { iconSize as L } from "./icon-button.css-mistica.js";
+import { formDateOutOfRangeError as M } from "./text-tokens.js";
+const V = /*#__PURE__*/ f.lazy(()=>import(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")), $ = (_param)=>{
+    var { disabled: D, error: g, helperText: F, name: R, label: S, optional: c, validate: n, onChange: O, onChangeValue: s, onBlur: k, value: y, defaultValue: I, min: o, max: i, dataAttributes: d } = _param, u = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
         "name",
+        "label",
         "optional",
         "validate",
         "onChange",
@@ -108,38 +109,39 @@ const M = /*#__PURE__*/ f.lazy(()=>import(/* webpackChunkName: "date-time-picker
         "max",
         "dataAttributes"
     ]);
-    const I = (e)=>e, T = f.useMemo(()=>v() ? !1 : A("date"), []), { texts: h, t: x } = j(), a = (e)=>!(o && e && e < r(o) || i && e && e > r(i)), p = z({
+    const T = (e)=>e, h = f.useMemo(()=>B() ? !1 : E("date"), []), { texts: x, t: z } = v(), a = (e)=>!(o && e && e < r(o) || i && e && e > r(i)), p = b({
         name: R,
-        value: k,
-        defaultValue: y,
-        processValue: I,
+        label: S,
+        value: y,
+        defaultValue: I,
+        processValue: T,
         helperText: F,
         optional: c,
         error: g,
         disabled: D,
-        onBlur: O,
-        validate: (e, m)=>a(e) ? n == null ? void 0 : n(e, m) : h.formDateOutOfRangeError || x(L),
-        onChange: S,
+        onBlur: k,
+        validate: (e, m)=>a(e) ? n == null ? void 0 : n(e, m) : x.formDateOutOfRangeError || z(M),
+        onChange: O,
         onChangeValue: (e, m)=>{
             a(e) && (s == null || s(e, m));
         }
-    }), l = /* @__PURE__ */ t(b, _object_spread_props(_object_spread({}, u, p), {
+    }), l = /* @__PURE__ */ t(A, _object_spread_props(_object_spread({}, u, p), {
         min: o ? r(o) : void 0,
         max: i ? r(i) : void 0,
         type: "date",
         endIconOverlay: /* @__PURE__ */ t("div", {
-            className: B,
-            children: /* @__PURE__ */ t(N, {
-                size: C.default
+            className: C,
+            children: /* @__PURE__ */ t(j, {
+                size: L.default
             })
         }),
         dataAttributes: _object_spread({
             "component-name": "DateField"
         }, d)
     }));
-    return T || E() ? l : /* @__PURE__ */ t(f.Suspense, {
+    return h || N() ? l : /* @__PURE__ */ t(f.Suspense, {
         fallback: l,
-        children: /* @__PURE__ */ t(M, _object_spread_props(_object_spread({}, u, p), {
+        children: /* @__PURE__ */ t(V, _object_spread_props(_object_spread({}, u, p), {
             optional: c,
             isValidDate: (e)=>a(r(e.toDate())),
             dataAttributes: _object_spread({
@@ -147,5 +149,5 @@ const M = /*#__PURE__*/ f.lazy(()=>import(/* webpackChunkName: "date-time-picker
             }, d)
         }))
     });
-}, P = V;
-export { P as default };
+}, ee = $;
+export { ee as default };

package/dist-es/date-time-field.js

@@ -80,19 +80,19 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as r } from "react/jsx-runtime";
 import * as c from "react";
-import { useFieldProps as x } from "./form-context.js";
-import { TextFieldBaseAutosuggest as z } from "./text-field-base.js";
-import { isInputTypeSupported as b } from "./utils/dom.js";
-import { isServerSide as w } from "./utils/environment.js";
+import { useFieldProps as z } from "./form-context.js";
+import { TextFieldBaseAutosuggest as b } from "./text-field-base.js";
+import { isInputTypeSupported as w } from "./utils/dom.js";
+import { isServerSide as A } from "./utils/environment.js";
 import { getLocalDateTimeString as o } from "./utils/time.js";
-import A from "./generated/mistica-icons/icon-calendar-regular.js";
-import { isFirefox as E } from "./utils/platform.js";
-import { useTheme as N } from "./hooks.js";
-import { iconContainer as V } from "./date-field.css-mistica.js";
-import { iconSize as j } from "./icon-button.css-mistica.js";
-import { formDateOutOfRangeError as B } from "./text-tokens.js";
-const C = /*#__PURE__*/ c.lazy(()=>import(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")), L = (_param)=>{
-    var { disabled: F, error: g, helperText: R, name: S, optional: f, validate: m, onChange: O, onChangeValue: n, onBlur: h, value: k, defaultValue: y, min: i, /**
+import E from "./generated/mistica-icons/icon-calendar-regular.js";
+import { isFirefox as N } from "./utils/platform.js";
+import { useTheme as V } from "./hooks.js";
+import { iconContainer as j } from "./date-field.css-mistica.js";
+import { iconSize as B } from "./icon-button.css-mistica.js";
+import { formDateOutOfRangeError as C } from "./text-tokens.js";
+const L = /*#__PURE__*/ c.lazy(()=>import(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")), M = (_param)=>{
+    var { disabled: F, error: g, helperText: R, name: S, label: O, optional: f, validate: m, onChange: h, onChangeValue: n, onBlur: k, value: y, defaultValue: I, min: i, /**
    * When typing a datetime value into the input field (inside a test for example), some browsers like Chrome
    * force the year to have exactly 6 digits. In order to prevent this, in case max value was not provided we
    * set it so that it only accepts datetime values with years having up to 4 digits.
@@ -101,6 +101,7 @@ const C = /*#__PURE__*/ c.lazy(()=>import(/* webpackChunkName: "date-time-picker
         "error",
         "helperText",
         "name",
+        "label",
         "optional",
         "validate",
         "onChange",
@@ -112,41 +113,42 @@ const C = /*#__PURE__*/ c.lazy(()=>import(/* webpackChunkName: "date-time-picker
         "max",
         "dataAttributes"
     ]);
-    const d = c.useMemo(()=>E() ? !1 : b("datetime-local"), []), p = (e)=>d ? e : e.replace(/\s/, "T"), { texts: I, t: v } = N(), a = (e)=>{
+    const d = c.useMemo(()=>N() ? !1 : w("datetime-local"), []), p = (e)=>d ? e : e.replace(/\s/, "T"), { texts: v, t: x } = V(), a = (e)=>{
         const t = p(e);
         return !(i && t && t < o(i) || s && t && t > o(s));
-    }, D = x({
+    }, D = z({
         name: S,
-        value: k,
-        defaultValue: y,
+        label: O,
+        value: y,
+        defaultValue: I,
         processValue: p,
         helperText: R,
         optional: f,
         error: g,
         disabled: F,
-        onBlur: h,
-        validate: (e, t)=>a(e) ? m == null ? void 0 : m(e, t) : I.formDateOutOfRangeError || v(B),
-        onChange: O,
+        onBlur: k,
+        validate: (e, t)=>a(e) ? m == null ? void 0 : m(e, t) : v.formDateOutOfRangeError || x(C),
+        onChange: h,
         onChangeValue: (e, t)=>{
             a(e) && (n == null || n(e, t));
         }
-    }), T = /* @__PURE__ */ r(z, _object_spread_props(_object_spread({}, u, D), {
+    }), T = /* @__PURE__ */ r(b, _object_spread_props(_object_spread({}, u, D), {
         min: i ? o(i) : void 0,
         max: s ? o(s) : void 0,
         type: "datetime-local",
         endIconOverlay: /* @__PURE__ */ r("div", {
-            className: V,
-            children: /* @__PURE__ */ r(A, {
-                size: j.default
+            className: j,
+            children: /* @__PURE__ */ r(E, {
+                size: B.default
             })
         }),
         dataAttributes: _object_spread({
             "component-name": "DateTimeField"
         }, l)
     }));
-    return d || w() ? T : /* @__PURE__ */ r(c.Suspense, {
+    return d || A() ? T : /* @__PURE__ */ r(c.Suspense, {
         fallback: T,
-        children: /* @__PURE__ */ r(C, _object_spread_props(_object_spread({}, u, D), {
+        children: /* @__PURE__ */ r(L, _object_spread_props(_object_spread({}, u, D), {
             optional: f,
             withTime: !0,
             isValidDate: (e)=>a(o(e.toDate())),
@@ -155,5 +157,5 @@ const C = /*#__PURE__*/ c.lazy(()=>import(/* webpackChunkName: "date-time-picker
             }, l)
         }))
     });
-}, P = L;
-export { P as default };
+}, ee = M;
+export { ee as default };

package/dist-es/decimal-field.js

@@ -78,57 +78,57 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as S } from "react/jsx-runtime";
-import * as F from "react";
-import { useFieldProps as V } from "./form-context.js";
-import { useTheme as x } from "./hooks.js";
-import { TextFieldBaseAutosuggest as I } from "./text-field-base.js";
-import { createChangeEvent as R } from "./utils/dom.js";
-import { useRifm as b } from "rifm";
-import { combineRefs as E } from "./utils/common.js";
-import { formFieldErrorIsMandatory as M } from "./text-tokens.js";
-const j = (o)=>{
+import { jsx as y } from "react/jsx-runtime";
+import * as S from "react";
+import { useFieldProps as D } from "./form-context.js";
+import { useTheme as V } from "./hooks.js";
+import { TextFieldBaseAutosuggest as x } from "./text-field-base.js";
+import { createChangeEvent as F } from "./utils/dom.js";
+import { useRifm as P } from "rifm";
+import { combineRefs as R } from "./utils/common.js";
+const b = (n)=>{
     try {
-        return 1.1.toLocaleString(o.replace("_", "-"))[1];
+        return 1.1.toLocaleString(n.replace("_", "-"))[1];
     } catch (e) {
         return ".";
     }
-}, A = (o, r)=>{
-    const s = String(o !== null && o !== void 0 ? o : "").replace(/[^.,\d]/g, ""), e = /[.,]/.exec(s), t = s.split(/[.,]/);
-    return t.length === 0 ? "" : e && r > 0 ? t.shift() + e[0] + t.join("").slice(0, r) : t[0];
-}, B = (_param)=>{
-    var { inputRef: o, value: r, defaultValue: s, onChange: e, maxDecimals: t } = _param, c = _object_without_properties(_param, [
+}, v = (n, t)=>{
+    const c = String(n !== null && n !== void 0 ? n : "").replace(/[^.,\d]/g, ""), e = /[.,]/.exec(c), r = c.split(/[.,]/);
+    return r.length === 0 ? "" : e && t > 0 ? r.shift() + e[0] + r.join("").slice(0, t) : r[0];
+}, j = (_param)=>{
+    var { inputRef: n, value: t, defaultValue: c, onChange: e, maxDecimals: r } = _param, l = _object_without_properties(_param, [
         "inputRef",
         "value",
         "defaultValue",
         "onChange",
         "maxDecimals"
     ]);
-    const { i18n: u } = x(), f = j(u.locale), p = (n)=>String(n !== null && n !== void 0 ? n : "").replace(/[.,]/g, f), [d, g] = F.useState(s !== null && s !== void 0 ? s : ""), i = F.useRef(null), l = typeof r < "u", h = l ? r : d, y = F.useCallback((n)=>{
-        l || g(n), i.current && (e == null || e(R(i.current, n)));
+    const { i18n: a } = V(), u = b(a.locale), p = (o)=>String(o !== null && o !== void 0 ? o : "").replace(/[.,]/g, u), [m, f] = S.useState(c !== null && c !== void 0 ? c : ""), s = S.useRef(null), i = typeof t < "u", d = i ? t : m, g = S.useCallback((o)=>{
+        i || f(o), s.current && (e == null || e(F(s.current, o)));
     }, [
-        l,
+        i,
         e
-    ]), a = b({
-        format: (n)=>A(n, t),
+    ]), h = P({
+        format: (o)=>v(o, r),
         replace: p,
-        value: h,
-        onChange: y,
+        value: d,
+        onChange: g,
         accept: /[\d.,]+/g
     });
-    return /* @__PURE__ */ S("input", _object_spread_props(_object_spread({}, c), {
+    return /* @__PURE__ */ y("input", _object_spread_props(_object_spread({}, l), {
         type: "text",
         inputMode: "decimal",
-        value: a.value,
-        onChange: a.onChange,
-        ref: E(o, i)
+        value: h.value,
+        onChange: h.onChange,
+        ref: R(n, s)
     }));
-}, L = (_param)=>{
-    var { disabled: o, error: r, helperText: s, name: e, optional: t, validate: c, onChange: u, onChangeValue: f, onBlur: p, value: d, defaultValue: g, maxDecimals: i = 1 / 0, dataAttributes: l } = _param, h = _object_without_properties(_param, [
+}, A = (_param)=>{
+    var { disabled: n, error: t, helperText: c, name: e, label: r, optional: l, validate: a, onChange: u, onChangeValue: p, onBlur: m, value: f, defaultValue: s, maxDecimals: i = 1 / 0, dataAttributes: d } = _param, g = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
         "name",
+        "label",
         "optional",
         "validate",
         "onChange",
@@ -139,28 +139,29 @@ const j = (o)=>{
         "maxDecimals",
         "dataAttributes"
     ]);
-    const { texts: y, t: a } = x(), C = V({
+    const o = D({
         name: e,
-        value: d,
-        defaultValue: g,
-        processValue: (m)=>m.trim(),
-        helperText: s,
-        optional: t,
-        error: r,
-        disabled: o,
-        onBlur: p,
-        validate: (m, D)=>m ? c == null ? void 0 : c(m, D) : t ? "" : y.formFieldErrorIsMandatory || a(M),
+        label: r,
+        value: f,
+        defaultValue: s,
+        processValue: (C)=>C.trim(),
+        helperText: c,
+        optional: l,
+        error: t,
+        disabled: n,
+        onBlur: m,
+        validate: a,
         onChange: u,
-        onChangeValue: f
+        onChangeValue: p
     });
-    return /* @__PURE__ */ S(I, _object_spread_props(_object_spread({}, h, C), {
-        inputComponent: B,
+    return /* @__PURE__ */ y(x, _object_spread_props(_object_spread({}, g, o), {
+        inputComponent: j,
         inputProps: {
             maxDecimals: i
         },
         dataAttributes: _object_spread({
             "component-name": "DecimalField"
-        }, l)
+        }, d)
     }));
-}, J = L;
-export { B as DecimalInput, J as default };
+}, M = A;
+export { j as DecimalInput, M as default };

package/dist-es/email-field.js

@@ -78,17 +78,18 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as y } from "react/jsx-runtime";
-import { useFieldProps as A } from "./form-context.js";
-import { useTheme as I } from "./hooks.js";
-import { TextFieldBaseAutosuggest as g } from "./text-field-base.js";
-import { formFieldErrorIsMandatory as T, formEmailError as V } from "./text-tokens.js";
-const $ = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, b = (_param)=>{
-    var { disabled: m, error: i, helperText: n, name: a, optional: e, validate: t, onChange: l, onChangeValue: f, onBlur: d, value: u, autoComplete: E = "email", defaultValue: c, dataAttributes: p } = _param, F = _object_without_properties(_param, [
+import { jsx as M } from "react/jsx-runtime";
+import { useFieldProps as T } from "./form-context.js";
+import { useTheme as V } from "./hooks.js";
+import { TextFieldBaseAutosuggest as $ } from "./text-field-base.js";
+import { formEmailError as b } from "./text-tokens.js";
+const h = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, j = (_param)=>{
+    var { disabled: r, error: o, helperText: s, name: m, label: i, optional: l, validate: e, onChange: n, onChangeValue: a, onBlur: u, value: c, autoComplete: f = "email", defaultValue: p, dataAttributes: E } = _param, d = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
         "name",
+        "label",
         "optional",
         "validate",
         "onChange",
@@ -99,27 +100,28 @@ const $ = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, b = (_param)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: o, t: s } = I(), x = A({
-        name: a,
-        value: u,
-        defaultValue: c,
-        processValue: (r)=>r.trim(),
-        helperText: n,
-        optional: e,
-        error: i,
-        disabled: m,
-        onBlur: d,
-        validate: (r, M)=>r ? $.test(r) ? t == null ? void 0 : t(r, M) : o.formEmailError || s(V) : e ? "" : o.formFieldErrorIsMandatory || s(T),
-        onChange: l,
-        onChangeValue: f
+    const { texts: F, t: x } = V(), A = T({
+        name: m,
+        label: i,
+        value: c,
+        defaultValue: p,
+        processValue: (t)=>t.trim(),
+        helperText: s,
+        optional: l,
+        error: o,
+        disabled: r,
+        onBlur: u,
+        validate: (t, g)=>h.test(t !== null && t !== void 0 ? t : "") ? e == null ? void 0 : e(t, g) : F.formEmailError || x(b),
+        onChange: n,
+        onChangeValue: a
     });
-    return /* @__PURE__ */ y(g, _object_spread_props(_object_spread({}, F, x), {
+    return /* @__PURE__ */ M($, _object_spread_props(_object_spread({}, d, A), {
         type: "email",
         inputMode: "email",
-        autoComplete: E,
+        autoComplete: f,
         dataAttributes: _object_spread({
             "component-name": "EmailField"
-        }, p)
+        }, E)
     }));
-}, q = b;
+}, q = j;
 export { q as default };

package/dist-es/form-context.js

@@ -1,6 +1,8 @@
 "use client";
-import * as c from "react";
-const k = /*#__PURE__*/ c.createContext({
+import * as l from "react";
+import { useTheme as z } from "./hooks.js";
+import { formFieldErrorIsMandatory as A } from "./text-tokens.js";
+const D = /*#__PURE__*/ l.createContext({
     values: {},
     setValue: ()=>{},
     rawValues: {},
@@ -13,108 +15,113 @@ const k = /*#__PURE__*/ c.createContext({
     submit: ()=>{},
     validate: ()=>({}),
     formId: ""
-}), P = ()=>c.useContext(k), y = (param)=>{
-    let { name: r, value: t, defaultValue: e, onChange: u, disabled: p } = param;
-    const { setRawValue: l, setValue: w, rawValues: o, setFormError: E, register: f, formStatus: R } = P();
+}), M = ()=>l.useContext(D), J = (param)=>{
+    let { name: r, label: d, value: s, defaultValue: u, onChange: f, disabled: x } = param;
+    const { setRawValue: i, setValue: v, rawValues: o, setFormError: E, register: p, formStatus: w } = M();
     var _o_r;
-    return c.useEffect(()=>{
+    return l.useEffect(()=>{
         if (o[r] === void 0) {
             var _ref;
-            const s = (_ref = t !== null && t !== void 0 ? t : e) !== null && _ref !== void 0 ? _ref : !1;
-            w({
+            const t = (_ref = s !== null && s !== void 0 ? s : u) !== null && _ref !== void 0 ? _ref : !1;
+            v({
                 name: r,
-                value: s
-            }), l({
+                value: t
+            }), i({
                 name: r,
-                value: s
+                value: t
             });
         }
     }, [
-        t,
+        s,
         r,
-        e,
+        u,
         o,
-        w,
-        l
+        v,
+        i
     ]), {
         name: r,
-        value: t,
-        defaultValue: e !== null && e !== void 0 ? e : t === void 0 ? (_o_r = o[r]) !== null && _o_r !== void 0 ? _o_r : !1 : void 0,
-        focusableRef: (s)=>f(r, {
-                focusableElement: s
+        label: d,
+        value: s,
+        defaultValue: u !== null && u !== void 0 ? u : s === void 0 ? (_o_r = o[r]) !== null && _o_r !== void 0 ? _o_r : !1 : void 0,
+        focusableRef: (t)=>p(r, {
+                focusableElement: t,
+                label: d
             }),
-        onChange: (s)=>{
-            l({
+        onChange: (t)=>{
+            i({
                 name: r,
-                value: s
-            }), w({
+                value: t
+            }), v({
                 name: r,
-                value: s
+                value: t
             }), E({
                 name: r,
                 error: ""
-            }), u == null || u(s);
+            }), f == null || f(t);
         },
-        disabled: R === "sending" || p
+        disabled: w === "sending" || x
     };
-}, z = (param)=>{
-    let { name: r, value: t, defaultValue: e, processValue: u, helperText: p, optional: l, error: w, disabled: o, onBlur: E, validate: f, onChange: R, onChangeValue: s } = param;
+}, K = (param)=>{
+    let { name: r, label: d, value: s, defaultValue: u, processValue: f, helperText: x, optional: i, error: v, disabled: o, onBlur: E, validate: p, onChange: w, onChangeValue: t } = param;
     var _ref, _ref1;
-    const { setRawValue: v, setValue: V, rawValues: x, values: j, formErrors: T, formStatus: q, setFormError: d, register: I } = P(), F = (_ref1 = (_ref = t !== null && t !== void 0 ? t : e) !== null && _ref !== void 0 ? _ref : x[r]) !== null && _ref1 !== void 0 ? _ref1 : "", N = c.useRef(u);
-    var _x_r;
-    return c.useEffect(()=>{
-        v({
+    const { texts: P, t: j } = z(), { setRawValue: V, setValue: T, rawValues: F, values: q, formErrors: S, formStatus: N, setFormError: R, register: b } = M(), I = (_ref1 = (_ref = s !== null && s !== void 0 ? s : u) !== null && _ref !== void 0 ? _ref : F[r]) !== null && _ref1 !== void 0 ? _ref1 : "", k = l.useRef(f);
+    var _F_r;
+    return l.useEffect(()=>{
+        V({
             name: r,
-            value: F
-        }), V({
+            value: I
+        }), T({
             name: r,
-            value: N.current(F)
+            value: k.current(I)
         });
     }, [
         r,
-        F,
-        v,
-        V
-    ]), c.useEffect(()=>{
-        o && d({
+        I,
+        V,
+        T
+    ]), l.useEffect(()=>{
+        o && R({
             name: r,
             error: void 0
         });
     }, [
         o,
         r,
-        d
+        R
     ]), {
-        value: t,
-        defaultValue: e !== null && e !== void 0 ? e : t === void 0 ? (_x_r = x[r]) !== null && _x_r !== void 0 ? _x_r : "" : void 0,
+        value: s,
+        defaultValue: u !== null && u !== void 0 ? u : s === void 0 ? (_F_r = F[r]) !== null && _F_r !== void 0 ? _F_r : "" : void 0,
         name: r,
-        helperText: T[r] || p,
-        required: !l,
-        error: w || !!T[r],
-        disabled: o || q === "sending",
-        onBlur: (i)=>{
-            d({
+        label: d,
+        helperText: S[r] || x,
+        required: !i,
+        error: v || !!S[r],
+        disabled: o || N === "sending",
+        onBlur: (c)=>{
+            let e;
+            !F[r] && !i ? e = P.formFieldErrorIsMandatory || j(A) : p && (e = p(q[r], F[r])), R({
                 name: r,
-                error: f == null ? void 0 : f(j[r], x[r])
-            }), E == null || E(i);
+                error: e
+            }), E == null || E(c);
         },
-        inputRef: (i)=>I(r, {
-                input: i,
-                validator: f
+        inputRef: (c)=>b(r, {
+                input: c,
+                validator: p,
+                label: d
             }),
-        onChange: (i)=>{
-            const S = i.currentTarget.value, b = u(S);
-            v({
+        onChange: (c)=>{
+            const e = c.currentTarget.value, y = f(e);
+            V({
                 name: r,
-                value: S
-            }), V({
+                value: e
+            }), T({
                 name: r,
-                value: b
-            }), d({
+                value: y
+            }), R({
                 name: r,
                 error: ""
-            }), R == null || R(i), s == null || s(b, S);
+            }), w == null || w(c), t == null || t(y, e);
         }
     };
 };
-export { k as FormContext, y as useControlProps, z as useFieldProps, P as useForm };
+export { D as FormContext, J as useControlProps, K as useFieldProps, M as useForm };