@telefonica/mistica 16.71.0 → 17.0.0

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

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import * as s from "react";
+import * as n from "react";
 import { useFieldProps as y } from "./form-context.js";
 import { TextFieldBaseAutosuggest as x } from "./text-field-base.js";
 import { isInputTypeSupported as z } from "./utils/dom.js";
@@ -91,8 +91,8 @@ import { useTheme as E } from "./hooks.js";
 import { iconContainer as N } 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 L = /*#__PURE__*/ s.lazy(()=>import(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")), ee = (_param)=>{
-    var { disabled: D, error: T, helperText: g, name: F, label: h, optional: m, validate: v, validateOnBlurInsideForm: R, onChange: S, onChangeValue: V, onBlur: C, value: I, defaultValue: O, min: i, /**
+const L = /*#__PURE__*/ n.lazy(()=>import(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")), ee = (_param)=>{
+    var { disabled: g, error: D, helperText: T, name: h, label: v, optional: m, validate: F, validateOnBlurInsideForm: R, onChange: S, onChangeValue: V, onBlur: C, value: I, defaultValue: O, 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.
@@ -114,27 +114,27 @@ const L = /*#__PURE__*/ s.lazy(()=>import(/* webpackChunkName: "date-time-picker
         "max",
         "dataAttributes"
     ]);
-    const d = s.useMemo(()=>A() ? !1 : z("datetime-local"), []), f = (e)=>d ? e : e.replace(/\s/, "T"), { texts: P, t: k } = E(), n = (e)=>{
-        const t = f(e);
+    const f = n.useMemo(()=>A() ? !1 : z("datetime-local"), []), d = (e)=>f ? e : e.replace(/\s/, "T"), { texts: P, t: k } = E(), s = (e)=>{
+        const t = d(e);
         return !(i && t && t < o(i) || a && t && t > o(a));
-    }, p = y({
-        name: F,
-        label: h,
+    }, u = y({
+        name: h,
+        label: v,
         value: I,
         defaultValue: O,
-        processValue: f,
-        helperText: g,
+        processValue: d,
+        helperText: T,
         optional: m,
-        error: T,
-        disabled: D,
+        error: D,
+        disabled: g,
         onBlur: C,
-        validate: (e, t)=>n(e) ? v === null || v === void 0 ? void 0 : v(e, t) : P.formDateOutOfRangeError || k(B),
+        validate: (e, t)=>s(e) ? F === null || F === void 0 ? void 0 : F(e, t) : P.formDateOutOfRangeError || k(B),
         validateOnBlurInsideForm: R,
         onChange: S,
         onChangeValue: (e, t)=>{
-            n(e) && (V === null || V === void 0 ? void 0 : V(e, t));
+            s(e) && (V === null || V === void 0 ? void 0 : V(e, t));
         }
-    }), u = /* @__PURE__ */ r(x, _object_spread_props(_object_spread({}, c, p), {
+    }), p = /* @__PURE__ */ r(x, _object_spread_props(_object_spread({}, c, u), {
         min: i ? o(i) : void 0,
         max: a ? o(a) : void 0,
         type: "datetime-local",
@@ -146,18 +146,16 @@ const L = /*#__PURE__*/ s.lazy(()=>import(/* webpackChunkName: "date-time-picker
             })
         }),
         dataAttributes: _object_spread({
-            "component-name": "DateTimeField",
             testid: "DateTimeField"
         }, l)
     }));
-    return d || b() ? u : /* @__PURE__ */ r(s.Suspense, {
-        fallback: u,
-        children: /* @__PURE__ */ r(L, _object_spread_props(_object_spread({}, c, p), {
+    return f || b() ? p : /* @__PURE__ */ r(n.Suspense, {
+        fallback: p,
+        children: /* @__PURE__ */ r(L, _object_spread_props(_object_spread({}, c, u), {
             optional: m,
             withTime: !0,
-            isValidDate: (e)=>n(o(e.toDate())),
+            isValidDate: (e)=>s(o(e.toDate())),
             dataAttributes: _object_spread({
-                "component-name": "DateTimeField",
                 testid: "DateTimeField"
             }, l)
         }))

package/dist-es/date-time-picker.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                            */ var e = "v16_71_c0yqjy0";
+/* empty css                                            */ var e = "v17_c0yqjy0";
 export { e as reactDatePicker };

package/dist-es/decimal-field.js

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

package/dist-es/dialog.css-mistica.js

@@ -1,5 +1,5 @@
-/* empty css                                     */ /* empty css                                  */ var l = 200, n = "v16_71_3dl29l3 v16_71_3dl29l2 v16_71_1y2v1nfpy", y = "v16_71_3dl29l5 v16_71_3dl29l4 v16_71_1y2v1nfq0 v16_71_1y2v1nfq4 v16_71_1y2v1nfqd v16_71_1y2v1nfqj v16_71_1y2v1nfqa v16_71_1y2v1nfte v16_71_1y2v1nfu8 v16_71_1y2v1nfun v16_71_1y2v1nftt v16_71_1y2v1nf8e", f = "v16_71_3dl29l6", d = "v16_71_3dl29l8 v16_71_3dl29l7 v16_71_1y2v1nfgc v16_71_1y2v1nfhl v16_71_1y2v1nfiu v16_71_1y2v1nfk3 v16_71_1y2v1nfpz v16_71_1y2v1nfte v16_71_1y2v1nfu8", a = "v16_71_3dl29la v16_71_3dl29l9 v16_71_1y2v1nf7y v16_71_1y2v1nfsw", r = "v16_71_3dl29lb", t = {
-    dialog: "v16_71_3dl29lg v16_71_3dl29ld v16_71_3dl29lc v16_71_1y2v1nfq4 v16_71_1y2v1nfqa v16_71_1y2v1nfqg v16_71_3dl29le v16_71_1y2v1nfj0 v16_71_1y2v1nfk9 v16_71_1y2v1nfgo v16_71_1y2v1nfhr",
-    default: "v16_71_3dl29lh v16_71_3dl29ld v16_71_3dl29lc v16_71_1y2v1nfq4 v16_71_1y2v1nfqa v16_71_1y2v1nfqg v16_71_3dl29lf v16_71_1y2v1nfgi v16_71_1y2v1nfhr v16_71_1y2v1nfj0 v16_71_1y2v1nfk9"
-}, o = "v16_71_3dl29lj v16_71_3dl29li v16_71_1y2v1nfqq v16_71_1y2v1nfs4", e = "v16_71_3dl29ll v16_71_3dl29lk v16_71_1y2v1nfgi", i = "v16_71_3dl29lm";
-export { l as ANIMATION_DURATION_MS, r as closedModalContent, f as closedOpactityLayer, e as dialogActions, o as dialogContent, i as iconContainer, d as modalCloseButtonContainer, a as modalContent, y as modalOpacityLayer, t as variants, n as wrapper };
+/* empty css                                     */ /* empty css                                  */ var l = 200, n = "v17_3dl29l3 v17_3dl29l2 v17_1y2v1nfpy", y = "v17_3dl29l5 v17_3dl29l4 v17_1y2v1nfq0 v17_1y2v1nfq4 v17_1y2v1nfqd v17_1y2v1nfqj v17_1y2v1nfqa v17_1y2v1nftd v17_1y2v1nfu7 v17_1y2v1nfum v17_1y2v1nfts v17_1y2v1nf8e", f = "v17_3dl29l6", d = "v17_3dl29l8 v17_3dl29l7 v17_1y2v1nfgc v17_1y2v1nfhl v17_1y2v1nfiu v17_1y2v1nfk3 v17_1y2v1nfpz v17_1y2v1nftd v17_1y2v1nfu7", a = "v17_3dl29la v17_3dl29l9 v17_1y2v1nf7y v17_1y2v1nfsw", r = "v17_3dl29lb", o = {
+    dialog: "v17_3dl29lg v17_3dl29ld v17_3dl29lc v17_1y2v1nfq4 v17_1y2v1nfqa v17_1y2v1nfqg v17_3dl29le v17_1y2v1nfj0 v17_1y2v1nfk9 v17_1y2v1nfgo v17_1y2v1nfhr",
+    default: "v17_3dl29lh v17_3dl29ld v17_3dl29lc v17_1y2v1nfq4 v17_1y2v1nfqa v17_1y2v1nfqg v17_3dl29lf v17_1y2v1nfgi v17_1y2v1nfhr v17_1y2v1nfj0 v17_1y2v1nfk9"
+}, t = "v17_3dl29lj v17_3dl29li v17_1y2v1nfqq v17_1y2v1nfs4", i = "v17_3dl29ll v17_3dl29lk v17_1y2v1nfgi", e = "v17_3dl29lm";
+export { l as ANIMATION_DURATION_MS, r as closedModalContent, f as closedOpactityLayer, i as dialogActions, t as dialogContent, e as iconContainer, d as modalCloseButtonContainer, a as modalContent, y as modalOpacityLayer, o as variants, n as wrapper };

package/dist-es/dialog.js

@@ -99,7 +99,7 @@ import { ANIMATION_DURATION_MS as ee, wrapper as te, modalCloseButtonContainer a
 import { vars as ue } from "./skins/skin-contract.css-mistica.js";
 import { modalClose as me, dialogCancelButton as I, dialogAcceptButton as P } from "./text-tokens.js";
 const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (e)=>{
-    const { texts: r, t: d } = D(), { className: u, title: l, message: g, asset: a, extra: m, showCancelButton: i, showAcceptButton: s, cancelText: f = r.dialogCancelButton || d(I), acceptText: h = r.dialogAcceptButton || d(P), onCancel: c, onAccept: v, destructive: b = !1 } = e, p = e.type === "dialog", A = p && !!e.link || s || i, y = {
+    const { texts: r, t: d } = D(), { className: u, title: l, message: g, asset: a, slot: m, showCancelButton: i, showAcceptButton: s, cancelText: f = r.dialogCancelButton || d(I), acceptText: h = r.dialogAcceptButton || d(P), onCancel: c, onAccept: v, destructive: b = !1 } = e, p = e.type === "dialog", A = p && !!e.link || s || i, y = {
         onPress: v || (()=>{}),
         children: h,
         // @deprecated - testid should be removed but many webapp tests depend on this
@@ -286,7 +286,7 @@ const fe = ()=>process.env.NODE_ENV !== "test" && !X(), ge = (e)=>{
                 children: /* @__PURE__ */ t("div", {
                     role: "dialog",
                     onClick: (o)=>o.stopPropagation(),
-                    "data-component-name": "Dialog",
+                    "data-testid": "Dialog",
                     children: /* @__PURE__ */ w("div", {
                         ref: r,
                         onAnimationEnd: (o)=>{

package/dist-es/divider.css-mistica.js

@@ -1,8 +1,8 @@
 /* empty css                                   */ var t = {
-    default: "v16_71_o0dvt10",
-    alternative: "v16_71_o0dvt11",
-    brand: "v16_71_o0dvt12",
-    negative: "v16_71_o0dvt13",
-    media: "v16_71_o0dvt14"
+    default: "v17_o0dvt10",
+    alternative: "v17_o0dvt11",
+    brand: "v17_o0dvt12",
+    negative: "v17_o0dvt13",
+    media: "v17_o0dvt14"
 };
 export { t as variants };

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

@@ -1,5 +1,5 @@
 /* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ /* empty css                                        */ var i = {
-    default: "v16_71_skrulh1 v16_71_skrulh0 v16_71_1y2v1nfq4 v16_71_1y2v1nfq9 v16_71_1y2v1nfqr",
-    fullWidth: "v16_71_skrulh2 v16_71_skrulh0 v16_71_1y2v1nfq4 v16_71_1y2v1nfq9 v16_71_1y2v1nfqr"
+    default: "v17_skrulh1 v17_skrulh0 v17_1y2v1nfq4 v17_1y2v1nfq9 v17_1y2v1nfqr",
+    fullWidth: "v17_skrulh2 v17_skrulh0 v17_1y2v1nfq4 v17_1y2v1nfq9 v17_1y2v1nfqr"
 };
 export { i as variants };

package/dist-es/drawer.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                  */ var n = 350, w = "v16_71_c4ngww1 v16_71_c4ngww0 v16_71_1y2v1nfq0 v16_71_1y2v1nfq4 v16_71_1y2v1nf7y v16_71_1y2v1nfte v16_71_1y2v1nfu8 v16_71_1y2v1nfun v16_71_1y2v1nft8", a = "v16_71_c4ngww3 v16_71_c4ngww2 v16_71_1y2v1nfq4 v16_71_1y2v1nfqa v16_71_1y2v1nfqp", r = "v16_71_c4ngww5 v16_71_c4ngww4 v16_71_1y2v1nfqm v16_71_1y2v1nfqo", y = "v16_71_c4ngww7 v16_71_c4ngww6 v16_71_1y2v1nfqp v16_71_1y2v1nftd", t = "v16_71_c4ngww8", c = "v16_71_c4ngww9", f = "v16_71_c4ngwwb v16_71_c4ngwwa v16_71_1y2v1nfq0 v16_71_1y2v1nfte v16_71_1y2v1nftt v16_71_1y2v1nfu8 v16_71_1y2v1nfun v16_71_1y2v1nf8e", o = "v16_71_c4ngwwc", e = "v16_71_c4ngwwd", g = "v16_71_c4ngwwe v16_71_1y2v1nfpz v16_71_1y2v1nfth v16_71_1y2v1nfub", i = "v16_71_c4ngwwf", l = "v16_71_c4ngwwg", d = "v16_71_c4ngwwh";
-export { n as ANIMATION_DURATION_MS, l as bottomPadding, d as buttonsLayoutContainer, g as closeButtonContainer, c as closed, w as container, a as drawer, i as horizontalPadding, t as open, f as overlay, o as overlayClosed, e as overlayOpen, y as scrollableSection, r as titleContainer };
+/* empty css                                     */ /* empty css                                  */ var _ = 350, w = "v17_c4ngww1 v17_c4ngww0 v17_1y2v1nfq0 v17_1y2v1nfq4 v17_1y2v1nf7y v17_1y2v1nftd v17_1y2v1nfu7 v17_1y2v1nfum v17_1y2v1nft7", a = "v17_c4ngww3 v17_c4ngww2 v17_1y2v1nfq4 v17_1y2v1nfqa v17_1y2v1nfqp", r = "v17_c4ngww5 v17_c4ngww4 v17_1y2v1nfqm v17_1y2v1nfqo", y = "v17_c4ngww7 v17_c4ngww6 v17_1y2v1nfqp v17_1y2v1nftc", c = "v17_c4ngww8", f = "v17_c4ngww9", o = "v17_c4ngwwb v17_c4ngwwa v17_1y2v1nfq0 v17_1y2v1nftd v17_1y2v1nfts v17_1y2v1nfu7 v17_1y2v1nfum v17_1y2v1nf8e", t = "v17_c4ngwwc", g = "v17_c4ngwwd", e = "v17_c4ngwwe v17_1y2v1nfpz v17_1y2v1nftg v17_1y2v1nfua", i = "v17_c4ngwwf", l = "v17_c4ngwwg", d = "v17_c4ngwwh";
+export { _ as ANIMATION_DURATION_MS, l as bottomPadding, d as buttonsLayoutContainer, e as closeButtonContainer, f as closed, w as container, a as drawer, i as horizontalPadding, c as open, o as overlay, t as overlayClosed, g as overlayOpen, y as scrollableSection, r as titleContainer };

package/dist-es/drawer.js

@@ -66,12 +66,12 @@ import se from "./focus-trap.js";
 import { useSetModalStateEffect as ae } from "./modal-context-provider.js";
 import oe from "./button-layout.js";
 import { ButtonLink as ie, ButtonSecondary as ne, ButtonPrimary as le } from "./button.js";
-import ce from "./divider.js";
-import { getPrefixedDataAttributes as de } from "./utils/dom.js";
+import de from "./divider.js";
+import { getPrefixedDataAttributes as ce } from "./utils/dom.js";
 import { modalClose as me } from "./text-tokens.js";
 const b = (param)=>{
     let { show: i } = param;
-    return i ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e("div", {
+    return i ? /* @__PURE__ */ e(de, {}) : /* @__PURE__ */ e("div", {
         style: {
             borderBottom: "1px solid transparent"
         }
@@ -79,11 +79,11 @@ const b = (param)=>{
 }, ue = /*#__PURE__*/ s.forwardRef((param, p)=>{
     let { width: i, children: m, onClose: n, onDismiss: l } = param;
     ae();
-    const { isMobile: v } = re(), [u, c] = s.useState(!1), h = v ? "auto" : i, a = s.useCallback((o)=>{
+    const { isMobile: v } = re(), [u, d] = s.useState(!1), h = v ? "auto" : i, a = s.useCallback((o)=>{
         o && setTimeout(()=>{
-            c(!0);
+            d(!0);
         }, 50);
-    }, []), r = s.useCallback(()=>(c(!1), new Promise((o)=>{
+    }, []), r = s.useCallback(()=>(d(!1), new Promise((o)=>{
             setTimeout(o, $);
         }).then(n)), [
         n
@@ -95,8 +95,8 @@ const b = (param)=>{
             close: r,
             dismiss: t
         })), s.useEffect(()=>{
-        const o = (d)=>{
-            d.key === "Escape" && t();
+        const o = (c)=>{
+            c.key === "Escape" && t();
         };
         return document.addEventListener("keydown", o), ()=>{
             document.removeEventListener("keydown", o);
@@ -124,10 +124,10 @@ const b = (param)=>{
         })
     });
 }), Re = (param)=>{
-    let { title: i, subtitle: m, description: n, titleAs: l = "h2", dismissLabel: p, width: v, onClose: u, onDismiss: c, children: h, button: a, secondaryButton: r, buttonLink: t, dataAttributes: o } = param;
-    const d = s.useRef(null), g = !!(a || r || t), [y, T] = s.useState(null), P = s.useRef(null), S = s.useRef(null), { t: N, texts: C, textPresets: I } = te(), w = (D)=>{
-        var _d_current;
-        (_d_current = d.current) === null || _d_current === void 0 ? void 0 : _d_current.close().then(()=>D === null || D === void 0 ? void 0 : D());
+    let { title: i, subtitle: m, description: n, titleAs: l = "h2", dismissLabel: p, width: v, onClose: u, onDismiss: d, children: h, button: a, secondaryButton: r, buttonLink: t, dataAttributes: o } = param;
+    const c = s.useRef(null), g = !!(a || r || t), [y, T] = s.useState(null), P = s.useRef(null), S = s.useRef(null), { t: N, texts: C, textPresets: I } = te(), w = (D)=>{
+        var _c_current;
+        (_c_current = c.current) === null || _c_current === void 0 ? void 0 : _c_current.close().then(()=>D === null || D === void 0 ? void 0 : D());
     }, R = !x(P, !0, {
         root: y
     }), A = !x(S, !0, {
@@ -137,25 +137,27 @@ const b = (param)=>{
     });
     return /* @__PURE__ */ e(ue, {
         width: v,
-        ref: d,
+        ref: c,
         onClose: u,
-        onDismiss: c,
+        onDismiss: d,
         children: /* @__PURE__ */ f("section", _object_spread_props(_object_spread({
             role: "dialog",
             "aria-modal": "true",
             className: H,
             ref: T
-        }, de(o, "Drawer")), {
+        }, ce(_object_spread({
+            testid: "Drawer"
+        }, o))), {
             children: [
-                c && /* @__PURE__ */ e("div", {
+                d && /* @__PURE__ */ e("div", {
                     className: K,
                     children: /* @__PURE__ */ e(_, {
                         dataAttributes: {
                             testid: "dismissButton"
                         },
                         onPress: ()=>{
-                            var _d_current;
-                            return (_d_current = d.current) === null || _d_current === void 0 ? void 0 : _d_current.dismiss();
+                            var _c_current;
+                            return (_c_current = c.current) === null || _c_current === void 0 ? void 0 : _c_current.dismiss();
                         },
                         Icon: F,
                         "aria-label": p || C.modalClose || N(me),

package/dist-es/email-field.js

@@ -84,7 +84,7 @@ import { useTheme as T } from "./hooks.js";
 import { TextFieldBaseAutosuggest as V } from "./text-field-base.js";
 import { formEmailError as b } from "./text-tokens.js";
 const h = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, $ = (_param)=>{
-    var { disabled: e, error: r, helperText: o, name: i, label: s, optional: m, validate: a, validateOnBlurInsideForm: l, onChange: d, onChangeValue: n, onBlur: p, value: u, autoComplete: f = "email", defaultValue: c, dataAttributes: E } = _param, F = _object_without_properties(_param, [
+    var { disabled: e, error: r, helperText: o, name: s, label: i, optional: m, validate: a, validateOnBlurInsideForm: l, onChange: d, onChangeValue: p, onBlur: u, value: f, autoComplete: n = "email", defaultValue: c, dataAttributes: E } = _param, x = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -101,28 +101,27 @@ const h = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, $ = (_param)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: x, t: A } = T(), g = P({
-        name: i,
-        label: s,
-        value: u,
+    const { texts: F, t: A } = T(), g = P({
+        name: s,
+        label: i,
+        value: f,
         defaultValue: c,
         processValue: (t)=>t.trim(),
         helperText: o,
         optional: m,
         error: r,
         disabled: e,
-        onBlur: p,
-        validate: (t, v)=>h.test(t !== null && t !== void 0 ? t : "") ? a === null || a === void 0 ? void 0 : a(t, v) : x.formEmailError || A(b),
+        onBlur: u,
+        validate: (t, v)=>h.test(t !== null && t !== void 0 ? t : "") ? a === null || a === void 0 ? void 0 : a(t, v) : F.formEmailError || A(b),
         validateOnBlurInsideForm: l,
         onChange: d,
-        onChangeValue: n
+        onChangeValue: p
     });
-    return /* @__PURE__ */ M(V, _object_spread_props(_object_spread({}, F, g), {
+    return /* @__PURE__ */ M(V, _object_spread_props(_object_spread({}, x, g), {
         type: "email",
         inputMode: "email",
-        autoComplete: f,
+        autoComplete: n,
         dataAttributes: _object_spread({
-            "component-name": "EmailField",
             testid: "EmailField"
         }, E)
     }));

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                            */ var v = "v16_71_1azor6p0", a = "v16_71_1azor6p2 v16_71_1azor6p1 v16_71_1y2v1nfq6 v16_71_1y2v1nfrl", o = "v16_71_1azor6p4 v16_71_1azor6p3 v16_71_1y2v1nfr3 v16_71_1y2v1nfrj";
-export { o as assetContainer, v as container, a as image };
+/* empty css                                     */ /* empty css                                            */ var a = "v17_1azor6p0", o = "v17_1azor6p2 v17_1azor6p1 v17_1y2v1nfq6 v17_1y2v1nfrl", _ = "v17_1azor6p4 v17_1azor6p3 v17_1y2v1nfr3 v17_1y2v1nfrj";
+export { _ as assetContainer, a as container, o as image };

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

@@ -1,7 +1,7 @@
-/* empty css                                     */ /* empty css                                       */ var _ = {
-    backgroundColor: "var(--v16_71_13fzrua0)"
-}, v = "v16_71_13fzrua2 v16_71_13fzrua1 v16_71_1y2v1nfq4 v16_71_1y2v1nffw", f = {
-    default: "v16_71_13fzrua3",
-    largeImage: "v16_71_13fzrua4"
-}, n = "v16_71_13fzrua5", e = "v16_71_13fzrua7 v16_71_13fzrua6 v16_71_1y2v1nfr8", u = "v16_71_13fzrua9 v16_71_13fzrua8 v16_71_1y2v1nfr5 v16_71_1y2v1nfrl", z = "v16_71_13fzruab v16_71_13fzruaa v16_71_1y2v1nfq6", o = "v16_71_13fzruac v16_71_1y2v1nfsl", t = "v16_71_13fzruad";
-export { u as assetContainer, o as border, t as borderOverBrand, v as container, f as contentVariants, e as largeImage, n as largeImageContainer, z as smallImage, _ as vars };
+/* empty css                                     */ /* empty css                                       */ var v = {
+    backgroundColor: "var(--v17_13fzrua0)"
+}, f = "v17_13fzrua2 v17_13fzrua1 v17_1y2v1nfq4 v17_1y2v1nffw", _ = {
+    default: "v17_13fzrua3",
+    largeImage: "v17_13fzrua4"
+}, n = "v17_13fzrua5", e = "v17_13fzrua7 v17_13fzrua6 v17_1y2v1nfr8", u = "v17_13fzrua9 v17_13fzrua8 v17_1y2v1nfr5 v17_1y2v1nfrl", z = "v17_13fzruab v17_13fzruaa v17_1y2v1nfq6", o = "v17_13fzruac v17_1y2v1nfsl", t = "v17_13fzruad";
+export { u as assetContainer, o as border, t as borderOverBrand, f as container, _ as contentVariants, e as largeImage, n as largeImageContainer, z as smallImage, v as vars };

package/dist-es/empty-state.js

@@ -85,7 +85,9 @@ const Z = (param)=>{
         }),
         "aria-label": g,
         role: "region"
-    }, $(h, "EmptyState")), {
+    }, $(_object_spread({
+        testid: "EmptyState"
+    }, h))), {
         children: [
             /* @__PURE__ */ t("div", {
                 style: {

package/dist-es/fade-in.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                   */ var p = "v16_71_kq227n1";
+/* empty css                                   */ var p = "v17_kq227n1";
 export { p as wrapper };

package/dist-es/fade-in.js

@@ -55,7 +55,9 @@ import { wrapper as r } from "./fade-in.css-mistica.js";
 import { getPrefixedDataAttributes as m } from "./utils/dom.js";
 const s = "0.3s", D = (param)=>{
     let { children: i, className: e = "", duration: t = s, delay: a = "0", dataAttributes: n } = param;
-    return /* @__PURE__ */ o("div", _object_spread_props(_object_spread({}, m(n, "FadeIn")), {
+    return /* @__PURE__ */ o("div", _object_spread_props(_object_spread({}, m(_object_spread({
+        testid: "FadeIn"
+    }, n))), {
         className: `${r} ${e}`,
         style: {
             animationDelay: a,

package/dist-es/feedback.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                    */ var v = "v16_71_gx6h6a0", e = "v16_71_gx6h6a1", r = "v16_71_gx6h6a2", n = "v16_71_gx6h6a4 v16_71_gx6h6a3 v16_71_1y2v1nfq4 v16_71_1y2v1nfr8 v16_71_1y2v1nfqr v16_71_1y2v1nfqa", t = "v16_71_gx6h6a5", x = "v16_71_gx6h6a6", g = "v16_71_gx6h6a7 v16_71_1y2v1nfr3 v16_71_1y2v1nfrj", h = "v16_71_gx6h6ab v16_71_gx6h6aa", o = "v16_71_gx6h6ac v16_71_gx6h6aa", d = "v16_71_gx6h6ad v16_71_gx6h6aa", i = "v16_71_gx6h6ae", p = "v16_71_gx6h6af", f = "v16_71_gx6h6ag";
-export { g as assetContainer, p as backgroundBrand, n as container, v as desktopContainer, e as desktopContent, r as desktopImage, i as feedbackData, h as feedbackTextAppearFast, o as feedbackTextAppearMedium, d as feedbackTextAppearSlow, t as innerContainer, x as innerContainerWithButtons, f as successFeedbackContainer };
+/* empty css                                     */ /* empty css                                    */ var e = "v17_gx6h6a0", r = "v17_gx6h6a1", n = "v17_gx6h6a2", t = "v17_gx6h6a4 v17_gx6h6a3 v17_1y2v1nfq4 v17_1y2v1nfr8 v17_1y2v1nfqr v17_1y2v1nfqa", _ = "v17_gx6h6a5", x = "v17_gx6h6a6", g = "v17_gx6h6a7 v17_1y2v1nfr3 v17_1y2v1nfrj", h = "v17_gx6h6ab v17_gx6h6aa", o = "v17_gx6h6ac v17_gx6h6aa", d = "v17_gx6h6ad v17_gx6h6aa", i = "v17_gx6h6ae", p = "v17_gx6h6af", f = "v17_gx6h6ag";
+export { g as assetContainer, p as backgroundBrand, t as container, e as desktopContainer, r as desktopContent, n as desktopImage, i as feedbackData, h as feedbackTextAppearFast, o as feedbackTextAppearMedium, d as feedbackTextAppearSlow, _ as innerContainer, x as innerContainerWithButtons, f as successFeedbackContainer };