@telefonica/mistica 16.3.0 → 16.4.0

package/dist/credit-card-number-field.css-mistica.js

@@ -19,12 +19,12 @@ _export(exports, {
         return n;
     },
     variants: function() {
-        return _;
+        return i;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./credit-card-number-field.css.ts.vanilla.css-mistica.js");
-var f = "yvyo3q0", o = "yvyo3q5 yvyo3q2 _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfio", n = "yvyo3q2 _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfio _1y2v1nfhf", _ = {
-    default: "yvyo3q7 _1y2v1nfhe yvyo3q8",
-    backface: "yvyo3q7 _1y2v1nfhe yvyo3q9"
+var f = "yvyo3q0", o = "yvyo3q5 yvyo3q2 _1y2v1nfho _1y2v1nfi3 _1y2v1nfhx _1y2v1nfis", n = "yvyo3q2 _1y2v1nfho _1y2v1nfi3 _1y2v1nfhx _1y2v1nfis _1y2v1nfhj", i = {
+    default: "yvyo3q7 _1y2v1nfhi yvyo3q8",
+    backface: "yvyo3q7 _1y2v1nfhi yvyo3q9"
 };

package/dist/credit-card-number-field.js

@@ -163,7 +163,7 @@ const rr = (r)=>{
         "defaultValue",
         "onChange"
     ]);
-    const [N, m] = _react.useState(i !== null && i !== void 0 ? i : ""), f = _react.useRef(null), u = typeof n < "u", T = u ? n : N, d = _react.useCallback((g)=>{
+    const [h, m] = _react.useState(i !== null && i !== void 0 ? i : ""), f = _react.useRef(null), u = typeof n < "u", T = u ? n : h, d = _react.useCallback((g)=>{
         u || m(g), f.current && (e == null || e((0, _dom.createChangeEvent)(f.current, g)));
     }, [
         u,
@@ -248,11 +248,11 @@ const rr = (r)=>{
         })
     });
 }, sr = (_param)=>{
-    var { disabled: r, error: n, helperText: i, name: e, label: a, optional: N, validate: m, onChange: f, onChangeValue: u, onBlur: T, acceptedCards: d = {
+    var { disabled: r, error: n, helperText: i, name: e, label: a, optional: h, validate: m, onChange: f, onChangeValue: u, onBlur: T, acceptedCards: d = {
         americanExpress: !0,
         visa: !0,
         masterCard: !0
-    }, value: c, autoComplete: g = "cc-number", defaultValue: w, dataAttributes: R } = _param, z = _object_without_properties(_param, [
+    }, value: c, autoComplete: g = "cc-number", defaultValue: w, dataAttributes: F } = _param, R = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -269,9 +269,9 @@ const rr = (r)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: F, t: S } = (0, _hooks.useTheme)(), { jumpToNext: j, rawValues: y, setFormError: M } = (0, _formcontext.useForm)(), C = (t, h)=>{
-        const s = F.formCreditCardNumberError || S(_texttokens.formCreditCardNumberError);
-        return (0, _creditcard.isAmericanExpress)(t) && !d.americanExpress || (0, _creditcard.isVisa)(t) && !d.visa || (0, _creditcard.isMasterCard)(t) && !d.masterCard || !(0, _creditcard.isValidCreditCardNumber)(t) || (0, _creditcard.getCreditCardNumberLength)(t) !== (t == null ? void 0 : t.length) ? s : m == null ? void 0 : m(t, h);
+    const { texts: z, t: S } = (0, _hooks.useTheme)(), { jumpToNext: j, rawValues: y, setFormError: M } = (0, _formcontext.useForm)(), C = (t, N)=>{
+        const s = z.formCreditCardNumberError || S(_texttokens.formCreditCardNumberError);
+        return (0, _creditcard.isAmericanExpress)(t) && !d.americanExpress || (0, _creditcard.isVisa)(t) && !d.visa || (0, _creditcard.isMasterCard)(t) && !d.masterCard || !(0, _creditcard.isValidCreditCardNumber)(t) || (0, _creditcard.getCreditCardNumberLength)(t) !== (t == null ? void 0 : t.length) ? s : m == null ? void 0 : m(t, N);
     }, E = (t)=>t.replace(/\s/g, ""), k = (0, _formcontext.useFieldProps)({
         name: e,
         label: a,
@@ -279,7 +279,7 @@ const rr = (r)=>{
         defaultValue: w,
         processValue: E,
         helperText: i,
-        optional: N,
+        optional: h,
         error: n,
         disabled: r,
         onBlur: T,
@@ -288,12 +288,12 @@ const rr = (r)=>{
         onChangeValue: u
     });
     var _ref;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, z, k), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, R, k), {
         onChange: (t)=>{
             k.onChange(t);
-            const h = t.currentTarget.value, s = E(h);
+            const N = t.currentTarget.value, s = E(N);
             if (s.length >= (0, _creditcard.getCreditCardNumberLength)(s)) {
-                const B = C == null ? void 0 : C(s, h);
+                const B = C == null ? void 0 : C(s, N);
                 B ? M({
                     name: e,
                     error: B
@@ -306,7 +306,8 @@ const rr = (r)=>{
             value: (_ref = c !== null && c !== void 0 ? c : y[e]) !== null && _ref !== void 0 ? _ref : ""
         }),
         dataAttributes: _object_spread({
-            "component-name": "CreditCardNumberField"
-        }, R)
+            "component-name": "CreditCardNumberField",
+            testid: "CreditCardNumberField"
+        }, F)
     }));
 }, Ir = sr;

package/dist/cvv-field.js

@@ -280,7 +280,8 @@ const io = (param)=>{
         autoComplete: y,
         inputComponent: _integerfield.IntegerInput,
         dataAttributes: _object_spread({
-            "component-name": "CvvField"
+            "component-name": "CvvField",
+            testid: "CvvField"
         }, S)
     }));
 }, zo = no;

package/dist/date-field.js

@@ -148,7 +148,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const V = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* 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, [
+    var { disabled: D, error: F, helperText: g, name: R, label: S, optional: c, validate: s, onChange: I, onChangeValue: n, onBlur: O, value: k, defaultValue: y, min: i, max: o, dataAttributes: d } = _param, u = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -165,43 +165,46 @@ const V = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
         "max",
         "dataAttributes"
     ]);
-    const T = (e)=>e, h = _react.useMemo(()=>(0, _platform.isFirefox)() ? !1 : (0, _dom.isInputTypeSupported)("date"), []), { texts: x, t: z } = (0, _hooks.useTheme)(), a = (e)=>!(o && e && e < (0, _time.getLocalDateString)(o) || i && e && e > (0, _time.getLocalDateString)(i)), p = (0, _formcontext.useFieldProps)({
+    const T = (e)=>e, h = _react.useMemo(()=>(0, _platform.isFirefox)() ? !1 : (0, _dom.isInputTypeSupported)("date"), []), { texts: x, t: z } = (0, _hooks.useTheme)(), a = (e)=>!(i && e && e < (0, _time.getLocalDateString)(i) || o && e && e > (0, _time.getLocalDateString)(o)), l = (0, _formcontext.useFieldProps)({
         name: R,
         label: S,
-        value: y,
-        defaultValue: I,
+        value: k,
+        defaultValue: y,
         processValue: T,
-        helperText: F,
+        helperText: g,
         optional: c,
-        error: g,
+        error: F,
         disabled: D,
-        onBlur: k,
-        validate: (e, m)=>a(e) ? n == null ? void 0 : n(e, m) : x.formDateOutOfRangeError || z(_texttokens.formDateOutOfRangeError),
-        onChange: O,
+        onBlur: O,
+        validate: (e, m)=>a(e) ? s == null ? void 0 : s(e, m) : x.formDateOutOfRangeError || z(_texttokens.formDateOutOfRangeError),
+        onChange: I,
         onChangeValue: (e, m)=>{
-            a(e) && (s == null || s(e, m));
+            a(e) && (n == null || n(e, m));
         }
-    }), l = /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, u, p), {
-        min: o ? (0, _time.getLocalDateString)(o) : void 0,
-        max: i ? (0, _time.getLocalDateString)(i) : void 0,
+    }), p = /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, u, l), {
+        min: i ? (0, _time.getLocalDateString)(i) : void 0,
+        max: o ? (0, _time.getLocalDateString)(o) : void 0,
         type: "date",
         endIconOverlay: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             className: _datefieldcssmistica.iconContainer,
+            "data-testid": "endIcon",
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcalendarregular.default, {
                 size: _iconbuttoncssmistica.iconSize.default
             })
         }),
         dataAttributes: _object_spread({
-            "component-name": "DateField"
+            "component-name": "DateField",
+            testid: "DateField"
         }, d)
     }));
-    return h || (0, _environment.isServerSide)() ? l : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
-        fallback: l,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(V, _object_spread_props(_object_spread({}, u, p), {
+    return h || (0, _environment.isServerSide)() ? p : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+        fallback: p,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(V, _object_spread_props(_object_spread({}, u, l), {
             optional: c,
             isValidDate: (e)=>a((0, _time.getLocalDateString)(e.toDate())),
             dataAttributes: _object_spread({
-                "component-name": "DateField"
+                "component-name": "DateField",
+                testid: "DateField"
             }, d)
         }))
     });

package/dist/date-time-field.js

@@ -148,11 +148,11 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const L = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* 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, /**
+    var { disabled: F, error: g, helperText: R, name: S, label: I, optional: f, validate: a, onChange: O, onChangeValue: m, onBlur: h, value: k, defaultValue: y, min: o, /**
    * 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.
-   */ max: s = /* @__PURE__ */ new Date("9999-12-31T23:59"), dataAttributes: l } = _param, u = _object_without_properties(_param, [
+   */ max: s = /* @__PURE__ */ new Date("9999-12-31T23:59"), dataAttributes: d } = _param, l = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -169,48 +169,51 @@ const L = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
         "max",
         "dataAttributes"
     ]);
-    const d = _react.useMemo(()=>(0, _platform.isFirefox)() ? !1 : (0, _dom.isInputTypeSupported)("datetime-local"), []), p = (e)=>d ? e : e.replace(/\s/, "T"), { texts: v, t: x } = (0, _hooks.useTheme)(), a = (e)=>{
+    const u = _react.useMemo(()=>(0, _platform.isFirefox)() ? !1 : (0, _dom.isInputTypeSupported)("datetime-local"), []), p = (e)=>u ? e : e.replace(/\s/, "T"), { texts: v, t: x } = (0, _hooks.useTheme)(), n = (e)=>{
         const t = p(e);
-        return !(i && t && t < (0, _time.getLocalDateTimeString)(i) || s && t && t > (0, _time.getLocalDateTimeString)(s));
+        return !(o && t && t < (0, _time.getLocalDateTimeString)(o) || s && t && t > (0, _time.getLocalDateTimeString)(s));
     }, D = (0, _formcontext.useFieldProps)({
         name: S,
-        label: O,
-        value: y,
-        defaultValue: I,
+        label: I,
+        value: k,
+        defaultValue: y,
         processValue: p,
         helperText: R,
         optional: f,
         error: g,
         disabled: F,
-        onBlur: k,
-        validate: (e, t)=>a(e) ? m == null ? void 0 : m(e, t) : v.formDateOutOfRangeError || x(_texttokens.formDateOutOfRangeError),
-        onChange: h,
+        onBlur: h,
+        validate: (e, t)=>n(e) ? a == null ? void 0 : a(e, t) : v.formDateOutOfRangeError || x(_texttokens.formDateOutOfRangeError),
+        onChange: O,
         onChangeValue: (e, t)=>{
-            a(e) && (n == null || n(e, t));
+            n(e) && (m == null || m(e, t));
         }
-    }), T = /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, u, D), {
-        min: i ? (0, _time.getLocalDateTimeString)(i) : void 0,
+    }), T = /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, l, D), {
+        min: o ? (0, _time.getLocalDateTimeString)(o) : void 0,
         max: s ? (0, _time.getLocalDateTimeString)(s) : void 0,
         type: "datetime-local",
         endIconOverlay: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             className: _datefieldcssmistica.iconContainer,
+            "data-testid": "endIcon",
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconcalendarregular.default, {
                 size: _iconbuttoncssmistica.iconSize.default
             })
         }),
         dataAttributes: _object_spread({
-            "component-name": "DateTimeField"
-        }, l)
+            "component-name": "DateTimeField",
+            testid: "DateTimeField"
+        }, d)
     }));
-    return d || (0, _environment.isServerSide)() ? T : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+    return u || (0, _environment.isServerSide)() ? T : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
         fallback: T,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(L, _object_spread_props(_object_spread({}, u, D), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(L, _object_spread_props(_object_spread({}, l, D), {
             optional: f,
             withTime: !0,
-            isValidDate: (e)=>a((0, _time.getLocalDateTimeString)(e.toDate())),
+            isValidDate: (e)=>n((0, _time.getLocalDateTimeString)(e.toDate())),
             dataAttributes: _object_spread({
-                "component-name": "DateTimeField"
-            }, l)
+                "component-name": "DateTimeField",
+                testid: "DateTimeField"
+            }, d)
         }))
     });
 }, ee = M;

package/dist/decimal-field.js

@@ -152,24 +152,24 @@ const b = (n)=>{
         return ".";
     }
 }, v = (n, t)=>{
-    const c = String(n !== null && n !== void 0 ? n : "").replace(/[^.,\d]/g, ""), e = /[.,]/.exec(c), r = c.split(/[.,]/);
+    const i = String(n !== null && n !== void 0 ? n : "").replace(/[^.,\d]/g, ""), e = /[.,]/.exec(i), r = i.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, [
+    var { inputRef: n, value: t, defaultValue: i, onChange: e, maxDecimals: r } = _param, l = _object_without_properties(_param, [
         "inputRef",
         "value",
         "defaultValue",
         "onChange",
         "maxDecimals"
     ]);
-    const { i18n: a } = (0, _hooks.useTheme)(), u = b(a.locale), p = (o)=>String(o !== null && o !== void 0 ? o : "").replace(/[.,]/g, u), [m, f] = _react.useState(c !== null && c !== void 0 ? c : ""), s = _react.useRef(null), i = typeof t < "u", d = i ? t : m, g = _react.useCallback((o)=>{
-        i || f(o), s.current && (e == null || e((0, _dom.createChangeEvent)(s.current, o)));
+    const { i18n: a } = (0, _hooks.useTheme)(), u = b(a.locale), m = (o)=>String(o !== null && o !== void 0 ? o : "").replace(/[.,]/g, u), [p, f] = _react.useState(i !== null && i !== void 0 ? i : ""), c = _react.useRef(null), s = typeof t < "u", d = s ? t : p, g = _react.useCallback((o)=>{
+        s || f(o), c.current && (e == null || e((0, _dom.createChangeEvent)(c.current, o)));
     }, [
-        i,
+        s,
         e
     ]), h = (0, _rifm.useRifm)({
         format: (o)=>v(o, r),
-        replace: p,
+        replace: m,
         value: d,
         onChange: g,
         accept: /[\d.,]+/g
@@ -179,10 +179,10 @@ const b = (n)=>{
         inputMode: "decimal",
         value: h.value,
         onChange: h.onChange,
-        ref: (0, _common.combineRefs)(n, s)
+        ref: (0, _common.combineRefs)(n, c)
     }));
 }, 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, [
+    var { disabled: n, error: t, helperText: i, name: e, label: r, optional: l, validate: a, onChange: u, onChangeValue: m, onBlur: p, value: f, defaultValue: c, maxDecimals: s = 1 / 0, dataAttributes: d } = _param, g = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -202,24 +202,25 @@ const b = (n)=>{
         name: e,
         label: r,
         value: f,
-        defaultValue: s,
-        processValue: (C)=>C.trim(),
-        helperText: c,
+        defaultValue: c,
+        processValue: (y)=>y.trim(),
+        helperText: i,
         optional: l,
         error: t,
         disabled: n,
-        onBlur: m,
+        onBlur: p,
         validate: a,
         onChange: u,
-        onChangeValue: p
+        onChangeValue: m
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, g, o), {
         inputComponent: j,
         inputProps: {
-            maxDecimals: i
+            maxDecimals: s
         },
         dataAttributes: _object_spread({
-            "component-name": "DecimalField"
+            "component-name": "DecimalField",
+            testid: "DecimalField"
         }, d)
     }));
 }, M = A;

package/dist/dialog.css-mistica.js

@@ -25,27 +25,27 @@ _export(exports, {
         return a;
     },
     iconContainer: function() {
-        return r;
+        return o;
     },
     modalCloseButtonContainer: function() {
         return d;
     },
     modalContent: function() {
-        return o;
+        return r;
     },
     modalOpacityLayer: function() {
         return t;
     },
     variants: function() {
-        return e;
+        return i;
     },
     wrapper: function() {
-        return h;
+        return e;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./dialog.css.ts.vanilla.css-mistica.js");
-var _ = 200, y = "_3dl29lb", f = "_3dl29l6", l = "_3dl29ll _1y2v1nf7y", a = "_3dl29lj _1y2v1nfi6 _1y2v1nfjk", r = "_3dl29lm", d = "_3dl29l8 _1y2v1nf7s _1y2v1nf91 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhf _1y2v1nfkr _1y2v1nfll", o = "_3dl29la _1y2v1nf3p _1y2v1nfkb", t = "_3dl29l5 _1y2v1nfhg _1y2v1nfhk _1y2v1nfht _1y2v1nfhz _1y2v1nfhq _1y2v1nfkr _1y2v1nfll _1y2v1nfm0 _1y2v1nfl6 _1y2v1nf41", e = {
-    dialog: "_3dl29ld _1y2v1nfhk _1y2v1nfhq _1y2v1nfhw _1y2v1nfag _1y2v1nfbp _1y2v1nf84 _1y2v1nf97",
-    default: "_3dl29ld _1y2v1nfhk _1y2v1nfhq _1y2v1nfhw _1y2v1nf7y _1y2v1nf97 _1y2v1nfag _1y2v1nfbp"
-}, h = "_1y2v1nfhe";
+var _ = 200, y = "_3dl29lb", f = "_3dl29l6", l = "_3dl29ll _1y2v1nf82", a = "_3dl29lj _1y2v1nfia _1y2v1nfjo", o = "_3dl29lm", d = "_3dl29l8 _1y2v1nf7w _1y2v1nf95 _1y2v1nfae _1y2v1nfbn _1y2v1nfhj _1y2v1nfkv _1y2v1nflp", r = "_3dl29la _1y2v1nf3r _1y2v1nfkf", t = "_3dl29l5 _1y2v1nfhk _1y2v1nfho _1y2v1nfhx _1y2v1nfi3 _1y2v1nfhu _1y2v1nfkv _1y2v1nflp _1y2v1nfm4 _1y2v1nfla _1y2v1nf43", i = {
+    dialog: "_3dl29ld _1y2v1nfho _1y2v1nfhu _1y2v1nfi0 _1y2v1nfak _1y2v1nfbt _1y2v1nf88 _1y2v1nf9b",
+    default: "_3dl29ld _1y2v1nfho _1y2v1nfhu _1y2v1nfi0 _1y2v1nf82 _1y2v1nf9b _1y2v1nfak _1y2v1nfbt"
+}, e = "_1y2v1nfhi";

package/dist/double-field.css-mistica.js

@@ -14,6 +14,6 @@ require("./text-field-base.css.ts.vanilla.css-mistica.js");
 require("./text-field-components.css.ts.vanilla.css-mistica.js");
 require("./double-field.css.ts.vanilla.css-mistica.js");
 var v = {
-    default: "skrulh1 _1y2v1nfhk _1y2v1nfhp _1y2v1nfi7",
-    fullWidth: "skrulh2 _1y2v1nfhk _1y2v1nfhp _1y2v1nfi7"
+    default: "skrulh1 _1y2v1nfho _1y2v1nfht _1y2v1nfib",
+    fullWidth: "skrulh2 _1y2v1nfho _1y2v1nfht _1y2v1nfib"
 };

package/dist/email-field.js

@@ -94,7 +94,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 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, [
+    var { disabled: r, error: s, helperText: o, name: i, label: m, optional: l, validate: e, onChange: a, onChangeValue: n, onBlur: u, value: c, autoComplete: d = "email", defaultValue: f, dataAttributes: E } = _param, p = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -111,26 +111,27 @@ const h = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, j = (_param)=>{
         "dataAttributes"
     ]);
     const { texts: F, t: x } = (0, _hooks.useTheme)(), A = (0, _formcontext.useFieldProps)({
-        name: m,
-        label: i,
+        name: i,
+        label: m,
         value: c,
-        defaultValue: p,
+        defaultValue: f,
         processValue: (t)=>t.trim(),
-        helperText: s,
+        helperText: o,
         optional: l,
-        error: o,
+        error: s,
         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(_texttokens.formEmailError),
-        onChange: n,
-        onChangeValue: a
+        onChange: a,
+        onChangeValue: n
     });
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, d, A), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, p, A), {
         type: "email",
         inputMode: "email",
-        autoComplete: f,
+        autoComplete: d,
         dataAttributes: _object_spread({
-            "component-name": "EmailField"
+            "component-name": "EmailField",
+            testid: "EmailField"
         }, E)
     }));
 }, q = j;

package/dist/empty-state-card.css-mistica.js

@@ -16,9 +16,9 @@ _export(exports, {
         return o;
     },
     image: function() {
-        return i;
+        return v;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./empty-state-card.css.ts.vanilla.css-mistica.js");
-var n = "_1azor6p4 _1y2v1nfij _1y2v1nfiz", o = "_1azor6p0", i = "_1azor6p2 _1y2v1nfhm _1y2v1nfj1";
+var n = "_1azor6p4 _1y2v1nfin _1y2v1nfj3", o = "_1azor6p0", v = "_1azor6p2 _1y2v1nfhq _1y2v1nfj5";

package/dist/empty-state.css-mistica.js

@@ -34,14 +34,14 @@ _export(exports, {
         return u;
     },
     vars: function() {
-        return i;
+        return g;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./empty-state.css.ts.vanilla.css-mistica.js");
-var v = "_13fzrua9 _1y2v1nfil _1y2v1nfj1", e = "_1y2v1nfk1", n = "_13fzrua2 _1y2v1nfhk _1y2v1nf7c", f = {
+var v = "_13fzrua9 _1y2v1nfip _1y2v1nfj5", e = "_1y2v1nfk5", n = "_13fzrua2 _1y2v1nfho _1y2v1nf7g", f = {
     default: "_13fzrua3",
     largeImage: "_13fzrua4"
-}, _ = "_13fzruad", o = "_13fzrua7 _1y2v1nfio", t = "_13fzrua5", u = "_13fzruab _1y2v1nfhm", i = {
+}, _ = "_13fzruad", o = "_13fzrua7 _1y2v1nfis", t = "_13fzrua5", u = "_13fzruab _1y2v1nfhq", g = {
     backgroundColor: "var(--_13fzrua0)"
 };

package/dist/feedback.css-mistica.js

@@ -48,4 +48,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./feedback.css.ts.vanilla.css-mistica.js");
-var r = "_1y2v1nfij _1y2v1nfiz", n = "gx6h6af", t = "gx6h6a4 _1y2v1nfhk _1y2v1nfio _1y2v1nfi7 _1y2v1nfhq", v = "gx6h6a0", x = "gx6h6a1", h = "gx6h6a2", g = "gx6h6ae", o = "gx6h6ab gx6h6aa", i = "gx6h6ac gx6h6aa", p = "gx6h6ad gx6h6aa", d = "gx6h6a5", f = "gx6h6a6";
+var r = "_1y2v1nfin _1y2v1nfj3", n = "gx6h6af", t = "gx6h6a4 _1y2v1nfho _1y2v1nfis _1y2v1nfib _1y2v1nfhu", v = "gx6h6a0", x = "gx6h6a1", h = "gx6h6a2", g = "gx6h6ae", o = "gx6h6ab gx6h6aa", i = "gx6h6ac gx6h6aa", p = "gx6h6ad gx6h6aa", d = "gx6h6a5", f = "gx6h6a6";