@telefonica/mistica 16.71.0 → 16.72.0

package/dist-es/navigation-breadcrumbs.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                                  */ var f = "v16_71_1fniauj2", n = "v16_71_1fniauj3", i = "v16_71_1fniauj5 v16_71_1fniauj4 v16_71_1y2v1nffx v16_71_1y2v1nfh6 v16_71_1y2v1nfif v16_71_1y2v1nfjo", a = "v16_71_1fniauj6 v16_71_1y2v1nfq7";
+/* empty css                                     */ /* empty css                                                  */ var f = "v16_72_1fniauj2", n = "v16_72_1fniauj3", i = "v16_72_1fniauj5 v16_72_1fniauj4 v16_72_1y2v1nffx v16_72_1y2v1nfh6 v16_72_1y2v1nfif v16_72_1y2v1nfjo", a = "v16_72_1fniauj6 v16_72_1y2v1nfq7";
 export { n as current, f as link, i as list, a as listItem };

package/dist-es/navigation-breadcrumbs.js

@@ -55,20 +55,22 @@ import { jsx as r, jsxs as t } from "react/jsx-runtime";
 import { Text1 as a } from "./text.js";
 import { getPrefixedDataAttributes as u } from "./utils/dom.js";
 import p from "./text-link.js";
-import { list as h, listItem as l, link as f, current as g } from "./navigation-breadcrumbs.css-mistica.js";
+import { list as h, listItem as i, link as f, current as g } from "./navigation-breadcrumbs.css-mistica.js";
 import { vars as x } from "./skins/skin-contract.css-mistica.js";
 const N = " / ", D = (param)=>{
-    let { title: i, breadcrumbs: o, dataAttributes: c, "aria-label": n = "Breadcrumb" } = param;
+    let { title: l, breadcrumbs: o, dataAttributes: c, "aria-label": n = "Breadcrumb" } = param;
     return /* @__PURE__ */ r("nav", _object_spread_props(_object_spread({
         "aria-label": n
-    }, u(c, "NavigationBreadcrumbs")), {
+    }, u(_object_spread({
+        testid: "NavigationBreadcrumbs"
+    }, c))), {
         children: /* @__PURE__ */ t("ol", {
             className: h,
             children: [
                 o.map((param, d)=>{
                     let { title: e, url: s, onNavigate: m } = param;
                     return /* @__PURE__ */ t("li", {
-                        className: l,
+                        className: i,
                         children: [
                             /* @__PURE__ */ r(p, {
                                 to: s,
@@ -90,7 +92,7 @@ const N = " / ", D = (param)=>{
                     }, d);
                 }),
                 /* @__PURE__ */ r("li", {
-                    className: l,
+                    className: i,
                     children: /* @__PURE__ */ r("a", {
                         "aria-current": "page",
                         href: "#",
@@ -101,7 +103,7 @@ const N = " / ", D = (param)=>{
                         children: /* @__PURE__ */ r(a, {
                             regular: !0,
                             color: x.colors.textSecondary,
-                            children: i
+                            children: l
                         })
                     })
                 })

package/dist-es/overlay.js

@@ -52,8 +52,8 @@ function _object_spread_props(target, source) {
     return target;
 }
 import { jsx as d } from "react/jsx-runtime";
-import { isAndroid as r, isChrome as i } from "./utils/platform.js";
-import { useDisableBodyScroll as m, useTheme as s } from "./hooks.js";
+import { isAndroid as i, isChrome as r } from "./utils/platform.js";
+import { useDisableBodyScroll as s, useTheme as m } from "./hooks.js";
 import { getPrefixedDataAttributes as g } from "./utils/dom.js";
 const y = {
     position: "fixed",
@@ -64,27 +64,29 @@ const y = {
     outline: "none",
     WebkitTapHighlightColor: "transparent"
 }, h = (param)=>{
-    let { onPress: o, children: e, className: l, style: n, disableScroll: f = !1, dataAttributes: p } = param;
-    m(f);
-    const { platformOverrides: a } = s(), u = (t)=>{
+    let { onPress: o, children: a, className: l, style: n, disableScroll: f = !1, dataAttributes: p } = param;
+    s(f);
+    const { platformOverrides: e } = m(), u = (t)=>{
         t.button === 2 && o && o(t);
     };
     return /* @__PURE__ */ d("div", _object_spread_props(_object_spread({
         "data-overlay": "true"
-    }, g(p, "Overlay")), {
+    }, g(_object_spread({
+        testid: "Overlay"
+    }, p))), {
         style: _object_spread({}, y, n),
         className: l,
         onPointerDown: (t)=>{
-            t.target.dataset.overlay && o && (e && r(a) && i(a) ? t.stopPropagation() : o(t));
+            t.target.dataset.overlay && o && (a && i(e) && r(e) ? t.stopPropagation() : o(t));
         },
         onClick: (t)=>{
-            t.stopPropagation(), t.target.dataset.overlay && o && e && r(a) && i(a) && o(t);
+            t.stopPropagation(), t.target.dataset.overlay && o && a && i(e) && r(e) && o(t);
         },
         "touch-action": "auto",
         onContextMenu: u,
         role: "button",
         tabIndex: 0,
-        children: e
+        children: a
     }));
 };
 export { h as default };

package/dist-es/package-version.js

@@ -1,2 +1,2 @@
-const o = "16.71.0";
+const o = "16.72.0";
 export { o as PACKAGE_VERSION };

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

@@ -1,20 +1,20 @@
-/* empty css                                     */ /* empty css                                      */ var r = "v16_71_1sikr6j1 v16_71_1sikr6j0 v16_71_1y2v1nfif v16_71_1y2v1nfiw v16_71_1y2v1nfjo v16_71_1y2v1nfk5 v16_71_1y2v1nfg6 v16_71_1y2v1nfhf v16_71_1y2v1nfq5 v16_71_1y2v1nfqj v16_71_1y2v1nfl3 v16_71_1y2v1nfl8 v16_71_1y2v1nfsj", i = "v16_71_1sikr6j2", a = "v16_71_1sikr6j4 v16_71_1sikr6j3 v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfl3 v16_71_1y2v1nfl8", n = "v16_71_1sikr6j5", s = "v16_71_1sikr6j6", e = "v16_71_1sikr6j8 v16_71_1sikr6j7 v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqd", j = "v16_71_1sikr6jb v16_71_1sikr6ja v16_71_1sikr6j9", t = {
-    default: "v16_71_1sikr6jc",
-    brand: "v16_71_1sikr6jd",
-    negative: "v16_71_1sikr6je",
-    alternative: "v16_71_1sikr6jf",
-    media: "v16_71_1sikr6jg"
-}, k = "v16_71_1sikr6jh v16_71_1sikr6ja v16_71_1sikr6j9", f = {
-    default: "v16_71_1sikr6ji",
-    brand: "v16_71_1sikr6jj",
-    negative: "v16_71_1sikr6jk",
-    alternative: "v16_71_1sikr6jl",
-    media: "v16_71_1sikr6jm"
-}, y = "v16_71_1sikr6jn", g = {
-    default: "v16_71_1sikr6jo",
-    brand: "v16_71_1sikr6jp",
-    negative: "v16_71_1sikr6jq",
-    alternative: "v16_71_1sikr6jr",
-    media: "v16_71_1sikr6js"
+/* empty css                                     */ /* empty css                                      */ var r = "v16_72_1sikr6j1 v16_72_1sikr6j0 v16_72_1y2v1nfif v16_72_1y2v1nfiw v16_72_1y2v1nfjo v16_72_1y2v1nfk5 v16_72_1y2v1nfg6 v16_72_1y2v1nfhf v16_72_1y2v1nfq5 v16_72_1y2v1nfqj v16_72_1y2v1nfl3 v16_72_1y2v1nfl8 v16_72_1y2v1nfsj", i = "v16_72_1sikr6j2", a = "v16_72_1sikr6j4 v16_72_1sikr6j3 v16_72_1y2v1nfq4 v16_72_1y2v1nfqj v16_72_1y2v1nfl3 v16_72_1y2v1nfl8", n = "v16_72_1sikr6j5", s = "v16_72_1sikr6j6", e = "v16_72_1sikr6j8 v16_72_1sikr6j7 v16_72_1y2v1nfq4 v16_72_1y2v1nfqj v16_72_1y2v1nfqd", j = "v16_72_1sikr6jb v16_72_1sikr6ja v16_72_1sikr6j9", t = {
+    default: "v16_72_1sikr6jc",
+    brand: "v16_72_1sikr6jd",
+    negative: "v16_72_1sikr6je",
+    alternative: "v16_72_1sikr6jf",
+    media: "v16_72_1sikr6jg"
+}, k = "v16_72_1sikr6jh v16_72_1sikr6ja v16_72_1sikr6j9", f = {
+    default: "v16_72_1sikr6ji",
+    brand: "v16_72_1sikr6jj",
+    negative: "v16_72_1sikr6jk",
+    alternative: "v16_72_1sikr6jl",
+    media: "v16_72_1sikr6jm"
+}, y = "v16_72_1sikr6jn", g = {
+    default: "v16_72_1sikr6jo",
+    brand: "v16_72_1sikr6jp",
+    negative: "v16_72_1sikr6jq",
+    alternative: "v16_72_1sikr6jr",
+    media: "v16_72_1sikr6js"
 };
 export { r as container, i as containerNavOnly, k as currentPage, f as currentPageVariants, g as navigationButtonLinkVariants, j as pageButton, t as pageButtonVariants, y as pageContent, a as pageList, n as pageListDesktop, e as pageListItem, s as pageListMobile };

package/dist-es/pagination.js

@@ -54,7 +54,7 @@ function _object_spread_props(target, source) {
 import { jsxs as E, jsx as n, Fragment as Z } from "react/jsx-runtime";
 import * as ee from "react";
 import v from "classnames";
-import { navigationButtonLinkVariants as D, pageListDesktop as ae, pageListMobile as ne, container as re, containerNavOnly as te, pageListItem as S, pageContent as _, currentPage as se, currentPageVariants as oe, pageButton as ie, pageButtonVariants as le, pageList as ce } from "./pagination.css-mistica.js";
+import { navigationButtonLinkVariants as D, pageListDesktop as ae, pageListMobile as ne, container as te, containerNavOnly as re, pageListItem as S, pageContent as _, currentPage as se, currentPageVariants as oe, pageButton as ie, pageButtonVariants as le, pageList as ce } from "./pagination.css-mistica.js";
 import { Text3 as q } from "./text.js";
 import G from "./touchable.js";
 import { ButtonLink as O } from "./button.js";
@@ -72,7 +72,7 @@ const be = 1, p = 1, L = (e, f, h)=>Math.min(Math.max(e, f), h), F = (param)=>{
     const s = L(f, p, e), u = L(Math.floor(h), 0, e), o = 2 * u + 1;
     if (e <= o) return Array.from({
         length: e
-    }, (t, d)=>{
+    }, (r, d)=>{
         const c = d + p;
         return {
             type: "page",
@@ -80,29 +80,29 @@ const be = 1, p = 1, L = (e, f, h)=>Math.min(Math.max(e, f), h), F = (param)=>{
             current: c === s
         };
     });
-    const r = e, i = (t)=>({
+    const t = e, i = (r)=>({
             type: "page",
-            page: t,
-            current: t === s
-        }), a = (t, d)=>Array.from({
-            length: Math.max(0, d - t + 1)
-        }, (c, P)=>i(t + P));
+            page: r,
+            current: r === s
+        }), a = (r, d)=>Array.from({
+            length: Math.max(0, d - r + 1)
+        }, (c, P)=>i(r + P));
     if (!x) {
-        const t = Math.max(Math.min(s - u, r - o), p + 1), d = t + o - 1, c = [];
-        return t > p + 1 ? c.push({
+        const r = Math.max(Math.min(s - u, t - o), p + 1), d = r + o - 1, c = [];
+        return r > p + 1 ? c.push({
             type: "ellipsis"
-        }) : c.push(i(p)), c.push(...a(t, d)), d < r - 1 ? c.push({
+        }) : c.push(i(p)), c.push(...a(r, d)), d < t - 1 ? c.push({
             type: "ellipsis"
-        }) : d < r && c.push(i(r)), c;
+        }) : d < t && c.push(i(t)), c;
     }
-    const l = Math.max(Math.min(s - u, r - o - 1), p + 2), y = Math.min(Math.max(s + u, p + o + 1), r - 2), g = [
+    const l = Math.max(Math.min(s - u, t - o - 1), p + 2), y = Math.min(Math.max(s + u, p + o + 1), t - 2), g = [
         i(p)
     ];
     return l > p + 2 ? g.push({
         type: "ellipsis"
-    }) : g.push(i(p + 1)), g.push(...a(l, y)), y < r - 2 ? g.push({
+    }) : g.push(i(p + 1)), g.push(...a(l, y)), y < t - 2 ? g.push({
         type: "ellipsis"
-    }) : g.push(i(r - 1)), g.push(i(r)), g;
+    }) : g.push(i(t - 1)), g.push(i(t)), g;
 }, $ = (param)=>{
     let { children: e } = param;
     return /* @__PURE__ */ n(q, {
@@ -123,7 +123,7 @@ const be = 1, p = 1, L = (e, f, h)=>Math.min(Math.max(e, f), h), F = (param)=>{
     }
 }, j = (param)=>{
     let { items: e, disabled: f, className: h, onPageClick: x } = param;
-    const { texts: s, t: u } = z(), o = H(), r = (a)=>u(s.paginationGoToPage || Pe, String(a)), i = (a)=>u(s.paginationCurrentPage || he, String(a));
+    const { texts: s, t: u } = z(), o = H(), t = (a)=>u(s.paginationGoToPage || Pe, String(a)), i = (a)=>u(s.paginationCurrentPage || he, String(a));
     return /* @__PURE__ */ n("ol", {
         className: v(ce, h),
         children: e.map((a, l)=>a.type === "ellipsis" ? /* @__PURE__ */ n("li", {
@@ -156,7 +156,7 @@ const be = 1, p = 1, L = (e, f, h)=>Math.min(Math.max(e, f), h), F = (param)=>{
                 children: /* @__PURE__ */ n(G, {
                     className: v(ie, le[o]),
                     disabled: f,
-                    "aria-label": r(a.page),
+                    "aria-label": t(a.page),
                     onPress: ()=>x(a.page),
                     children: /* @__PURE__ */ n("span", {
                         className: _,
@@ -168,12 +168,12 @@ const be = 1, p = 1, L = (e, f, h)=>Math.min(Math.max(e, f), h), F = (param)=>{
             }, a.page))
     });
 }, De = (param)=>{
-    let { totalPages: e, currentPage: f, defaultPage: h = 1, onChange: x, hideNavigationControls: s = !1, hidePageList: u = !1, surroundingPageCount: o, navLeftLabel: r, navRightLabel: i, mode: a = "default", disabled: l = !1, dataAttributes: y, "aria-label": g } = param;
-    const t = f !== void 0, [d, c] = ee.useState(h), { texts: P, t: N } = z(), T = H();
+    let { totalPages: e, currentPage: f, defaultPage: h = 1, onChange: x, hideNavigationControls: s = !1, hidePageList: u = !1, surroundingPageCount: o, navLeftLabel: t, navRightLabel: i, mode: a = "default", disabled: l = !1, dataAttributes: y, "aria-label": g } = param;
+    const r = f !== void 0, [d, c] = ee.useState(h), { texts: P, t: N } = z(), T = H();
     if (e <= 1 || s && u) return null;
-    const m = L(t ? f : d, p, e), B = N(P.paginationSection || ue, String(m), String(e)), J = g ? `${B}, ${g}` : B, K = r || P.paginationPrevPage || N(ge), Q = i || P.paginationNextPage || N(me), M = r || P.paginationPrevPageAriaLabel || N(de), k = i || P.paginationNextPageAriaLabel || N(fe), b = (Y)=>{
+    const m = L(r ? f : d, p, e), B = N(P.paginationSection || ue, String(m), String(e)), J = g ? `${B}, ${g}` : B, K = t || P.paginationPrevPage || N(ge), Q = i || P.paginationNextPage || N(me), M = t || P.paginationPrevPageAriaLabel || N(de), k = i || P.paginationNextPageAriaLabel || N(fe), b = (Y)=>{
         const I = L(Y, p, e);
-        l || I === m || (t || c(I), x === null || x === void 0 ? void 0 : x(I));
+        l || I === m || (r || c(I), x === null || x === void 0 ? void 0 : x(I));
     }, C = m <= 1, R = m >= e, W = F({
         totalPages: e,
         currentPage: m,
@@ -187,10 +187,12 @@ const be = 1, p = 1, L = (e, f, h)=>Math.min(Math.max(e, f), h), F = (param)=>{
     });
     return /* @__PURE__ */ E("nav", _object_spread_props(_object_spread({
         "aria-label": J,
-        className: v(re, {
-            [te]: u
+        className: v(te, {
+            [re]: u
         })
-    }, pe(y, "Pagination")), {
+    }, pe(_object_spread({
+        testid: "Pagination"
+    }, y))), {
         children: [
             !s && (a === "iconOnly" ? /* @__PURE__ */ n(U, {
                 small: !0,

package/dist-es/password-field.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as d } from "react/jsx-runtime";
-import * as i from "react";
+import * as o from "react";
 import { useFieldProps as E } from "./form-context.js";
 import { TextFieldBaseAutosuggest as S, FieldEndIcon as k } from "./text-field-base.js";
 import { useTheme as T } from "./hooks.js";
@@ -87,7 +87,7 @@ import j from "./generated/mistica-icons/icon-eye-off-regular.js";
 import q from "./generated/mistica-icons/icon-eye-regular.js";
 import { enablePasswordVisibility as B, disablePasswordVisibility as C } from "./text-tokens.js";
 const O = (param)=>{
-    let { isVisible: n, setVisibility: a, focus: c } = param;
+    let { isVisible: n, setVisibility: c, focus: a } = param;
     const { texts: t, t: s } = T();
     return /* @__PURE__ */ d(k, {
         checkedProps: {
@@ -100,11 +100,11 @@ const O = (param)=>{
         },
         checked: n,
         onChange: (l)=>{
-            a(l), c();
+            c(l), a();
         }
     });
 }, L = (_param)=>{
-    var { disabled: n, error: a, helperText: c, name: t, label: s, optional: l, validate: m, validateOnBlurInsideForm: p, onChange: b, onChangeValue: P, onBlur: w, value: R, autoComplete: y = "current-password", defaultValue: F, dataAttributes: I } = _param, V = _object_without_properties(_param, [
+    var { disabled: n, error: c, helperText: a, name: t, label: s, optional: l, validate: m, validateOnBlurInsideForm: p, onChange: b, onChangeValue: P, onBlur: w, value: R, autoComplete: y = "current-password", defaultValue: I, dataAttributes: V } = _param, F = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -121,12 +121,12 @@ const O = (param)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const [u, g] = i.useState(!1), r = i.useRef(0), o = i.useRef(null), h = (e)=>e, x = ()=>{
-        const e = o.current;
+    const [u, g] = o.useState(!1), r = o.useRef(0), i = o.useRef(null), h = (e)=>e, x = ()=>{
+        const e = i.current;
         e && (e.selectionStart !== null && (r.current = e.selectionStart), e.focus());
     };
-    i.useEffect(()=>{
-        const e = o.current;
+    o.useEffect(()=>{
+        const e = i.current;
         if (e) {
             const A = requestAnimationFrame(()=>{
                 e.selectionStart = r.current, e.selectionEnd = r.current;
@@ -138,17 +138,17 @@ const O = (param)=>{
     }, [
         u,
         r,
-        o
+        i
     ]);
     const f = E({
         name: t,
         label: s,
         value: R,
-        defaultValue: F,
+        defaultValue: I,
         processValue: h,
-        helperText: c,
+        helperText: a,
         optional: l,
-        error: a,
+        error: c,
         disabled: n,
         onBlur: w,
         validate: m,
@@ -156,10 +156,10 @@ const O = (param)=>{
         onChange: b,
         onChangeValue: P
     });
-    return /* @__PURE__ */ d(S, _object_spread_props(_object_spread({}, V, f), {
+    return /* @__PURE__ */ d(S, _object_spread_props(_object_spread({}, F, f), {
         type: u ? "text" : "password",
         inputRef: (e)=>{
-            f.inputRef(e), o.current = e;
+            f.inputRef(e), i.current = e;
         },
         autoComplete: y,
         endIcon: /* @__PURE__ */ d(O, {
@@ -168,9 +168,8 @@ const O = (param)=>{
             setVisibility: g
         }),
         dataAttributes: _object_spread({
-            "component-name": "PasswordField",
             testid: "PasswordField"
-        }, I)
+        }, V)
     }));
 };
 export { L as default };

package/dist-es/phone-number-field-lite.js

@@ -79,7 +79,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as N } from "react/jsx-runtime";
-import * as m from "react";
+import * as h from "react";
 import { useRifm as _ } from "rifm";
 import { useFieldProps as x } from "./form-context.js";
 import { TextFieldBaseAutosuggest as y } from "./text-field-base.js";
@@ -91,7 +91,7 @@ const R = {
     "+55": "BR",
     "+49": "DE",
     "+44": "GB"
-}, h = Object.fromEntries(Object.entries(R).map((param)=>{
+}, m = Object.fromEntries(Object.entries(R).map((param)=>{
     let [s, i] = param;
     return [
         i,
@@ -101,42 +101,42 @@ const R = {
     if (s.startsWith("+")) return s;
     switch(i){
         case "ES":
-            return `${h[i]} ${s}`;
+            return `${m[i]} ${s}`;
         case "BR":
-            return `${h[i]} ${s.replace(/[\(\)]/g, "")}`;
+            return `${m[i]} ${s.replace(/[\(\)]/g, "")}`;
         case "DE":
-            return `${h[i]} ${s.replace(/^0/, "")}`;
+            return `${m[i]} ${s.replace(/^0/, "")}`;
         case "GB":
-            return `${h[i]} ${s.replace(/^0/, "")}`;
+            return `${m[i]} ${s.replace(/^0/, "")}`;
         default:
             return s;
     }
 }, G = (s, i)=>{
-    const o = O(i), r = o.startsWith("+");
-    let e = o.replace(/\D/g, ""), n = "", l = s;
-    if (r) if (n = Object.keys(R).find((t)=>o.startsWith(t)) || "", n) e = o.slice(n.length), l = R[n];
+    const o = O(i), n = o.startsWith("+");
+    let e = o.replace(/\D/g, ""), r = "", l = s;
+    if (n) if (r = Object.keys(R).find((t)=>o.startsWith(t)) || "", r) e = o.slice(r.length), l = R[r];
     else return "+" + e;
     if (l === "ES") {
-        if (e.length <= 9) return `${n} ${e.slice(0, 3)} ${e.slice(3, 5)} ${e.slice(5, 7)} ${e.slice(7)}`.trim();
+        if (e.length <= 9) return `${r} ${e.slice(0, 3)} ${e.slice(3, 5)} ${e.slice(5, 7)} ${e.slice(7)}`.trim();
     } else if (l === "BR") {
         let t;
-        if (e.length === 11 ? t = `(${e.slice(0, 2)}) ${e.slice(2, 7)}-${e.slice(7)}`.replace(/\D+$/, "") : e.length > 2 && e.length < 11 && (e[2] > "5" ? t = `(${e.slice(0, 2)}) ${e.slice(2, 7)}-${e.slice(7)}`.replace(/\D+$/, "") : t = `(${e.slice(0, 2)}) ${e.slice(2, 6)}-${e.slice(6)}`.replace(/\D+$/, "")), t) return r ? d(t, l) : t;
+        if (e.length === 11 ? t = `(${e.slice(0, 2)}) ${e.slice(2, 7)}-${e.slice(7)}`.replace(/\D+$/, "") : e.length > 2 && e.length < 11 && (e[2] > "5" ? t = `(${e.slice(0, 2)}) ${e.slice(2, 7)}-${e.slice(7)}`.replace(/\D+$/, "") : t = `(${e.slice(0, 2)}) ${e.slice(2, 6)}-${e.slice(6)}`.replace(/\D+$/, "")), t) return n ? d(t, l) : t;
     } else if (l === "DE") {
-        const t = r ? "0" + e : e;
+        const t = n ? "0" + e : e;
         if (t.length >= 4 && t.match(/^(015|016|017)/)) {
             let c;
-            return t.length <= 12 && t.startsWith("015") ? c = `${t.slice(0, 5)} ${t.slice(5)}`.trim() : c = `${n} ${t.slice(0, 4)} ${t.slice(4)}`.trim(), r ? d(c, l) : c;
+            return t.length <= 12 && t.startsWith("015") ? c = `${t.slice(0, 5)} ${t.slice(5)}`.trim() : c = `${r} ${t.slice(0, 4)} ${t.slice(4)}`.trim(), n ? d(c, l) : c;
         }
     } else if (l === "GB") {
-        const t = r ? "0" + e : e;
+        const t = n ? "0" + e : e;
         if (t.length <= 11 && t.startsWith("07")) {
             const c = `${t.slice(0, 5)} ${t.slice(5)}`.trim();
-            return r ? d(c, l) : c;
+            return n ? d(c, l) : c;
         }
     }
-    return r ? `${n} ${e}` : e;
+    return n ? `${r} ${e}` : e;
 }, S = (_param)=>{
-    var { inputRef: s, value: i, defaultValue: o, onChange: r, prefix: e, format: n } = _param, l = _object_without_properties(_param, [
+    var { inputRef: s, value: i, defaultValue: o, onChange: n, prefix: e, format: r } = _param, l = _object_without_properties(_param, [
         "inputRef",
         "value",
         "defaultValue",
@@ -144,13 +144,13 @@ const R = {
         "prefix",
         "format"
     ]);
-    const [t, c] = m.useState(o || ""), f = m.useRef(null), { i18n: { phoneNumberFormattingRegionCode: $ } } = B(), u = typeof i < "u", g = u ? i : t, E = m.useCallback((a)=>{
-        u || c(a), f.current && (r === null || r === void 0 ? void 0 : r(T(f.current, a)));
+    const [t, c] = h.useState(o || ""), f = h.useRef(null), { i18n: { phoneNumberFormattingRegionCode: $ } } = B(), u = typeof i < "u", g = u ? i : t, E = h.useCallback((a)=>{
+        u || c(a), f.current && (n === null || n === void 0 ? void 0 : n(T(f.current, a)));
     }, [
         u,
-        r
-    ]), C = m.useCallback((a)=>n ? n(a) : G($, a), [
-        n,
+        n
+    ]), C = h.useCallback((a)=>r ? r(a) : G($, a), [
+        r,
         $
     ]), p = _({
         format: C,
@@ -165,7 +165,7 @@ const R = {
         ref: b(s, f)
     }));
 }, z = (_param)=>{
-    var { disabled: s, error: i, helperText: o, name: r, label: e, optional: n, validate: l, validateOnBlurInsideForm: t, onChange: c, onChangeValue: f, onBlur: $, value: u, defaultValue: g, dataAttributes: E, e164: C } = _param, p = _object_without_properties(_param, [
+    var { disabled: s, error: i, helperText: o, name: n, label: e, optional: r, validate: l, validateOnBlurInsideForm: t, onChange: c, onChangeValue: f, onBlur: $, value: u, defaultValue: g, dataAttributes: E, e164: C } = _param, p = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -183,13 +183,13 @@ const R = {
         "e164"
     ]);
     const { i18n: { phoneNumberFormattingRegionCode: a } } = B(), P = x({
-        name: r,
+        name: n,
         label: e,
         value: u,
         defaultValue: g,
         processValue: (D)=>O(C ? d(D, a) : D),
         helperText: o,
-        optional: n,
+        optional: r,
         error: i,
         disabled: s,
         onBlur: $,
@@ -205,7 +205,7 @@ const R = {
         },
         inputComponent: S,
         dataAttributes: _object_spread({
-            "component-name": "PhoneNumberFieldLite"
+            testid: "PhoneNumberFieldLite"
         }, E)
     }));
 };

package/dist-es/phone-number-field.js

@@ -78,24 +78,24 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as N } from "react/jsx-runtime";
+import { jsx as x } from "react/jsx-runtime";
 import * as m from "react";
 import { useRifm as T } from "rifm";
 import { formatAsYouType as A, getRegionCodeForCountryCode as k, formatToE164 as B, parse as E } from "@telefonica/libphonenumber";
 import { useFieldProps as S } from "./form-context.js";
 import { TextFieldBaseAutosuggest as Z } from "./text-field-base.js";
-import { useTheme as x } from "./hooks.js";
+import { useTheme as N } from "./hooks.js";
 import { createChangeEvent as j } from "./utils/dom.js";
 import { combineRefs as I } from "./utils/common.js";
-const F = (r, n)=>A(n.replace(/[^\d+*#]/g, ""), r), W = (r)=>!!r.match(/^\+\d+$/), Y = (_param)=>{
-    var { inputRef: r, value: n, defaultValue: p, onChange: l, prefix: o } = _param, f = _object_without_properties(_param, [
+const R = (r, n)=>A(n.replace(/[^\d+*#]/g, ""), r), W = (r)=>!!r.match(/^\+\d+$/), Y = (_param)=>{
+    var { inputRef: r, value: n, defaultValue: p, onChange: l, prefix: t } = _param, f = _object_without_properties(_param, [
         "inputRef",
         "value",
         "defaultValue",
         "onChange",
         "prefix"
     ]);
-    const [d, g] = m.useState(p !== null && p !== void 0 ? p : ""), a = m.useRef(null), { i18n: h } = x(), s = h.phoneNumberFormattingRegionCode, c = typeof n < "u", C = c ? n : d, P = m.useCallback((e)=>{
+    const [d, g] = m.useState(p !== null && p !== void 0 ? p : ""), a = m.useRef(null), { i18n: h } = N(), s = h.phoneNumberFormattingRegionCode, c = typeof n < "u", C = c ? n : d, P = m.useCallback((e)=>{
         c || g(e), a.current && (l === null || l === void 0 ? void 0 : l(j(a.current, e)));
     }, [
         c,
@@ -104,15 +104,15 @@ const F = (r, n)=>A(n.replace(/[^\d+*#]/g, ""), r), W = (r)=>!!r.match(/^\+\d+$/
     // otherwise the cursor position is incorrectly positioned
     // also note the "@" is replaced back to "-" in `replace` param in `useRifm`
     (e)=>{
-        let t = "";
-        if (o && W(o)) {
-            const y = o + e;
-            t = F(s, y), t.startsWith(o) ? t = t.slice(o.length).trim() : t = F(s, e);
-        } else t = F(s, e);
-        return t.replace(/-/g, "@");
+        let o = "";
+        if (t && W(t)) {
+            const y = t + e;
+            o = R(s, y), o.startsWith(t) ? o = o.slice(t.length).trim() : o = R(s, e);
+        } else o = R(s, e);
+        return o.replace(/-/g, "@");
     }, [
         s,
-        o
+        t
     ]), i = T({
         format: b,
         value: C,
@@ -120,14 +120,14 @@ const F = (r, n)=>A(n.replace(/[^\d+*#]/g, ""), r), W = (r)=>!!r.match(/^\+\d+$/
         accept: /[\d\-+#*]+/g,
         replace: (e)=>e.replace(/@/g, "-")
     });
-    return /* @__PURE__ */ N("input", _object_spread_props(_object_spread({}, f), {
+    return /* @__PURE__ */ x("input", _object_spread_props(_object_spread({}, f), {
         value: i.value,
         onChange: i.onChange,
         type: "tel",
         ref: I(r, a)
     }));
 }, K = (_param)=>{
-    var { disabled: r, error: n, helperText: p, name: l, label: o, optional: f, validate: d, validateOnBlurInsideForm: g, onChange: a, onChangeValue: h, onBlur: s, value: c, defaultValue: C, e164: P, dataAttributes: b } = _param, i = _object_without_properties(_param, [
+    var { disabled: r, error: n, helperText: p, name: l, label: t, optional: f, validate: d, validateOnBlurInsideForm: g, onChange: a, onChangeValue: h, onBlur: s, value: c, defaultValue: C, e164: P, dataAttributes: b } = _param, i = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -144,21 +144,21 @@ const F = (r, n)=>A(n.replace(/[^\d+*#]/g, ""), r), W = (r)=>!!r.match(/^\+\d+$/
         "e164",
         "dataAttributes"
     ]);
-    const { i18n: e } = x(), y = S({
+    const { i18n: e } = N(), y = S({
         name: l,
-        label: o,
+        label: t,
         value: c,
         defaultValue: C,
-        processValue: (R)=>{
+        processValue: (V)=>{
             if (P) try {
                 var _i_prefix;
-                const V = ((_i_prefix = i.prefix) !== null && _i_prefix !== void 0 ? _i_prefix : "").replace(/[^\d]/g, "");
-                let u = k(V);
-                return (!u || u === "ZZ") && (u = e.phoneNumberFormattingRegionCode), B(E(R, u));
+                const F = ((_i_prefix = i.prefix) !== null && _i_prefix !== void 0 ? _i_prefix : "").replace(/[^\d]/g, "");
+                let u = k(F);
+                return (!u || u === "ZZ") && (u = e.phoneNumberFormattingRegionCode), B(E(V, u));
             } catch (e) {
                 return "";
             }
-            else return R.replace(/[^\d]/g, "");
+            else return V.replace(/[^\d]/g, "");
         },
         helperText: p,
         optional: f,
@@ -170,14 +170,13 @@ const F = (r, n)=>A(n.replace(/[^\d+*#]/g, ""), r), W = (r)=>!!r.match(/^\+\d+$/
         onChange: a,
         onChangeValue: h
     });
-    return /* @__PURE__ */ N(Z, _object_spread_props(_object_spread({}, i, y), {
+    return /* @__PURE__ */ x(Z, _object_spread_props(_object_spread({}, i, y), {
         type: "phone",
         inputProps: {
             prefix: i.prefix
         },
         inputComponent: Y,
         dataAttributes: _object_spread({
-            "component-name": "PhoneNumberField",
             testid: "PhoneNumberField"
         }, b)
     }));

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                     */ var r = "1.000rem", n = "v16_71_3pc6ro0", p = "v16_71_3pc6ro1", o = "v16_71_3pc6ro3 v16_71_3pc6ro2 v16_71_1y2v1nfsn v16_71_1y2v1nfq4 v16_71_1y2v1nfsv v16_71_1y2v1nfpy v16_71_1y2v1nf83", y = "v16_71_3pc6ro4 v16_71_3pc6ro3 v16_71_3pc6ro2 v16_71_1y2v1nfsn v16_71_1y2v1nfq4 v16_71_1y2v1nfsv v16_71_1y2v1nfpy v16_71_1y2v1nf83", f = "v16_71_3pc6ro5 v16_71_3pc6ro3 v16_71_3pc6ro2 v16_71_1y2v1nfsn v16_71_1y2v1nfq4 v16_71_1y2v1nfsv v16_71_1y2v1nfpy v16_71_1y2v1nf83", a = "v16_71_3pc6ro6", c = "v16_71_3pc6ro7 v16_71_1y2v1nf7w", e = "v16_71_3pc6ro9";
+/* empty css                                     */ /* empty css                                     */ var r = "1.000rem", n = "v16_72_3pc6ro0", p = "v16_72_3pc6ro1", o = "v16_72_3pc6ro3 v16_72_3pc6ro2 v16_72_1y2v1nfsn v16_72_1y2v1nfq4 v16_72_1y2v1nfsv v16_72_1y2v1nfpy v16_72_1y2v1nf83", y = "v16_72_3pc6ro4 v16_72_3pc6ro3 v16_72_3pc6ro2 v16_72_1y2v1nfsn v16_72_1y2v1nfq4 v16_72_1y2v1nfsv v16_72_1y2v1nfpy v16_72_1y2v1nf83", f = "v16_72_3pc6ro5 v16_72_3pc6ro3 v16_72_3pc6ro2 v16_72_1y2v1nfsn v16_72_1y2v1nfq4 v16_72_1y2v1nfsv v16_72_1y2v1nfpy v16_72_1y2v1nf83", a = "v16_72_3pc6ro6", c = "v16_72_3pc6ro7 v16_72_1y2v1nf7w", e = "v16_72_3pc6ro9";
 export { p as disabled, o as field, n as fieldContainer, y as focusedField, a as input, e as passwordDot, c as passwordInput, r as pinInputLineHeight, f as readOnlyField };

package/dist-es/pin-field.js

@@ -227,7 +227,9 @@ const ee = (param)=>{
         className: H(j, {
             [B]: v
         })
-    }, Q(w, "PinField")), {
+    }, Q(_object_spread({
+        testid: "PinField"
+    }, w))), {
         children: [
             d && !y && /* @__PURE__ */ n($, {
                 children: /* @__PURE__ */ n("div", {

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

@@ -1,2 +1,2 @@
-/* empty css                                   */ var o = "v16_71_12igu660";
+/* empty css                                   */ var o = "v16_72_12igu660";
 export { o as content };