@telefonica/mistica 16.3.0 → 16.4.0

package/dist-es/loading-bar.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./loading-bar.css.ts.vanilla.css-mistica.js";
-var r = "_1num3qg3", _ = "_1num3qg2 _1y2v1nfhg _1y2v1nfkr _1y2v1nfl6 _1y2v1nfll", f = "_1num3qg7 _1y2v1nfhf _1y2v1nfi7 _1y2v1nfio", y = "_1y2v1nfi7 _1y2v1nfkl _1y2v1nfhe _1y2v1nf54 _1y2v1nfir";
-export { r as hidden, _ as portal, f as progress, y as progressContainer };
+var _ = "_1num3qg3", r = "_1num3qg2 _1y2v1nfhk _1y2v1nfkv _1y2v1nfla _1y2v1nflp", f = "_1num3qg7 _1y2v1nfhj _1y2v1nfib _1y2v1nfis", y = "_1y2v1nfib _1y2v1nfkp _1y2v1nfhi _1y2v1nf57 _1y2v1nfiv";
+export { _ as hidden, r as portal, f as progress, y as progressContainer };

package/dist-es/loading-screen.css-mistica.js

@@ -1,7 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./loading-screen.css.ts.vanilla.css-mistica.js";
-var r = 500, a = "flke8b1 _1y2v1nfhk _1y2v1nfhq _1y2v1nfhz", f = "_1y2v1nfi6 _1y2v1nfhk _1y2v1nfhq _1y2v1nfhz _1y2v1nfht", v = "flke8b9 _1y2v1nf7y", l = "flke8bb", i = "flke8bc", o = "flke8bf", k = "flke8be", t = {
+var r = 500, a = "flke8b1 _1y2v1nfho _1y2v1nfhu _1y2v1nfi3", f = "_1y2v1nfia _1y2v1nfho _1y2v1nfhu _1y2v1nfi3 _1y2v1nfhx", v = "flke8b9 _1y2v1nf82", l = "flke8bb", i = "flke8bc", o = "flke8bf", d = "flke8be", t = {
     default: "flke8b4",
     inverse: "flke8b5"
-}, d = "flke8b3", c = "flke8b6";
-export { r as inOutAnimationMs, a as loadingScreen, f as loadingScreenChildren, v as loadingScreenText, l as loadingScreenTextAnimated, i as loadingScreenTextAnimatedOut, o as logo, k as pulseLogo, t as screenBackground, d as screenBackgroundAnimated, c as screenBackgroundFadeOut };
+}, k = "flke8b3", c = "flke8b6";
+export { r as inOutAnimationMs, a as loadingScreen, f as loadingScreenChildren, v as loadingScreenText, l as loadingScreenTextAnimated, i as loadingScreenTextAnimatedOut, o as logo, d as pulseLogo, t as screenBackground, k as screenBackgroundAnimated, c as screenBackgroundFadeOut };

package/dist-es/maybe-dismissable.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./maybe-dismissable.css.ts.vanilla.css-mistica.js";
-var f = "cim30m2 _1y2v1nf7m _1y2v1nf8v _1y2v1nfa4 _1y2v1nfbd _1y2v1nfhf _1y2v1nfkr _1y2v1nfll", y = "_1y2v1nfhe _1y2v1nfhk _1y2v1nfi2";
-export { f as dismissableButton, y as dismissableContainer };
+var f = "cim30m2 _1y2v1nf7q _1y2v1nf8z _1y2v1nfa8 _1y2v1nfbh _1y2v1nfhj _1y2v1nfkv _1y2v1nflp", i = "_1y2v1nfhi _1y2v1nfho _1y2v1nfi6";
+export { f as dismissableButton, i as dismissableContainer };

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

@@ -1,11 +1,11 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./menu.css.ts.vanilla.css-mistica.js";
-var e = "_2k0k3uk", n = "_2k0k3uj", r = "_2k0k3u8 _1y2v1nf7m _1y2v1nf8v _1y2v1nfa4 _1y2v1nfbd _1y2v1nf3q _1y2v1nfkd _1y2v1nfhk _1y2v1nfhq _1y2v1nfhf", _ = "_2k0k3ud", a = "_2k0k3ug", t = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3ui _1y2v1nf7m _1y2v1nf8v", m = {
+var n = "_2k0k3uk", v = "_2k0k3uj", r = "_2k0k3u8 _1y2v1nf7q _1y2v1nf8z _1y2v1nfa8 _1y2v1nfbh _1y2v1nf3s _1y2v1nfkh _1y2v1nfho _1y2v1nfhu _1y2v1nfhj", _ = "_2k0k3ud", a = "_2k0k3ug", t = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3ui _1y2v1nf7q _1y2v1nf8z", m = {
     enter: "_2k0k3u9",
     enterActive: "_2k0k3ua",
     exit: "_2k0k3ub",
     exitActive: "_2k0k3uc"
-}, f = {
+}, o = {
     top: "var(--_2k0k3u0)",
     bottom: "var(--_2k0k3u1)",
     left: "var(--_2k0k3u2)",
@@ -14,4 +14,4 @@ var e = "_2k0k3uk", n = "_2k0k3uj", r = "_2k0k3u8 _1y2v1nf7m _1y2v1nf8v _1y2v1nf
     maxHeight: "var(--_2k0k3u5)",
     transformOrigin: "var(--_2k0k3u6)"
 };
-export { e as iconContainer, n as itemContent, r as menuContainer, _ as menuItem, a as menuItemDisabled, t as menuItemEnabled, u as menuItemHovered, i as menuSectionDivider, m as menuTransitionClasses, f as vars };
+export { n as iconContainer, v as itemContent, r as menuContainer, _ as menuItem, a as menuItemDisabled, t as menuItemEnabled, u as menuItemHovered, i as menuSectionDivider, m as menuTransitionClasses, o as vars };

package/dist-es/month-field.js

@@ -85,13 +85,13 @@ import { TextFieldBaseAutosuggest as x } 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 { getLocalYearMonthString as r } from "./utils/time.js";
+import { getLocalYearMonthString as o } from "./utils/time.js";
 import { useTheme as j } from "./hooks.js";
 import { iconContainer as v } 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")), V = (_param)=>{
-    var { disabled: h, error: g, helperText: D, name: F, label: R, optional: f, validate: n, onChange: S, onChangeValue: s, onBlur: y, value: O, defaultValue: k, min: o, max: i, dataAttributes: d } = _param, u = _object_without_properties(_param, [
+    var { disabled: h, error: F, helperText: g, name: D, label: M, optional: d, validate: n, onChange: R, onChangeValue: s, onBlur: S, value: y, defaultValue: I, min: r, max: i, dataAttributes: f } = _param, l = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -108,45 +108,48 @@ const L = /*#__PURE__*/ c.lazy(()=>import(/* webpackChunkName: "date-time-picker
         "max",
         "dataAttributes"
     ]);
-    const I = (t)=>t, M = c.useMemo(()=>A("month"), []), { texts: T, t: z } = j(), m = (t)=>!(o && t && t < r(o) || i && t && t > r(i)), p = b({
-        name: F,
-        label: R,
-        value: O,
-        defaultValue: k,
-        processValue: I,
-        helperText: D,
-        optional: f,
-        error: g,
+    const O = (t)=>t, k = c.useMemo(()=>A("month"), []), { texts: T, t: z } = j(), m = (t)=>!(r && t && t < o(r) || i && t && t > o(i)), u = b({
+        name: D,
+        label: M,
+        value: y,
+        defaultValue: I,
+        processValue: O,
+        helperText: g,
+        optional: d,
+        error: F,
         disabled: h,
-        onBlur: y,
+        onBlur: S,
         validate: (t, a)=>m(t) ? n == null ? void 0 : n(t, a) : T.formDateOutOfRangeError || z(C),
-        onChange: S,
+        onChange: R,
         onChangeValue: (t, a)=>{
             m(t) && (s == null || s(t, a));
         }
-    }), l = /* @__PURE__ */ e(x, _object_spread_props(_object_spread({}, u, p), {
-        min: o ? r(o) : void 0,
-        max: i ? r(i) : void 0,
+    }), p = /* @__PURE__ */ e(x, _object_spread_props(_object_spread({}, l, u), {
+        min: r ? o(r) : void 0,
+        max: i ? o(i) : void 0,
         type: "month",
         endIconOverlay: /* @__PURE__ */ e("div", {
             className: v,
+            "data-testid": "endIcon",
             children: /* @__PURE__ */ e(N, {
                 size: B.default
             })
         }),
         dataAttributes: _object_spread({
-            "component-name": "MonthField"
-        }, d)
+            "component-name": "MonthField",
+            testid: "MonthField"
+        }, f)
     }));
-    return M || E() ? l : /* @__PURE__ */ e(c.Suspense, {
-        fallback: l,
-        children: /* @__PURE__ */ e(L, _object_spread_props(_object_spread({}, u, p), {
-            optional: f,
-            isValidDate: (t)=>m(r(t.toDate())),
+    return k || E() ? p : /* @__PURE__ */ e(c.Suspense, {
+        fallback: p,
+        children: /* @__PURE__ */ e(L, _object_spread_props(_object_spread({}, l, u), {
+            optional: d,
+            isValidDate: (t)=>m(o(t.toDate())),
             mode: "year-month",
             dataAttributes: _object_spread({
-                "component-name": "MonthField"
-            }, d)
+                "component-name": "MonthField",
+                testid: "MonthField"
+            }, f)
         }))
     });
 }, _ = V;

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

@@ -1,20 +1,20 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./navigation-bar.css.ts.vanilla.css-mistica.js";
-var y = "_1vcy5dz1 _1y2v1nfhe _1y2v1nfig _1y2v1nfiw", _ = "_1vcy5dz13 _1y2v1nfhg _1y2v1nfl2 _1y2v1nfl6 _1y2v1nfll _1y2v1nf3p", r = "_1vcy5dz11", e = {
+var y = "_1vcy5dz1 _1y2v1nfhi _1y2v1nfik _1y2v1nfj0", _ = "_1vcy5dz13 _1y2v1nfhk _1y2v1nfl6 _1y2v1nfla _1y2v1nflp _1y2v1nf3r", r = "_1vcy5dz11", e = {
     entering: "_1vcy5dzt",
     entered: "_1vcy5dzu",
     exiting: "_1vcy5dzv",
     exited: "_1vcy5dzw",
     unmounted: "_1vcy5dzx"
-}, d = "_1vcy5dzn", a = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfhf", c = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfhf", f = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfhf", i = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfhf", z = "_1vcy5dz18", t = "_1vcy5dz10 _1y2v1nfhk _1y2v1nfht", o = "_1vcy5dzy", h = {
-    default: "_1vcy5dzc _1vcy5dzb _1y2v1nfhk _1y2v1nfhz _1y2v1nfi7",
-    noBorder: "_1vcy5dzd _1vcy5dzb _1y2v1nfhk _1y2v1nfhz _1y2v1nfi7",
-    menuOpen: "_1vcy5dze _1vcy5dzb _1y2v1nfhk _1y2v1nfhz _1y2v1nfi7"
-}, l = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c", g = "_1vcy5dzl", u = "_1vcy5dzo", p = "_1vcy5dzg _1y2v1nfa4 _1y2v1nfbd _1y2v1nfj3 _1y2v1nfhk _1y2v1nfhz _1y2v1nfk2 _1y2v1nf7c", s = {
+}, a = "_1vcy5dzn", d = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfhj", c = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfhj", i = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfhj", f = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfhj", o = "_1vcy5dz18", t = "_1vcy5dz10 _1y2v1nfho _1y2v1nfhx", z = "_1vcy5dzy", h = {
+    default: "_1vcy5dzc _1vcy5dzb _1y2v1nfho _1y2v1nfi3 _1y2v1nfib",
+    noBorder: "_1vcy5dzd _1vcy5dzb _1y2v1nfho _1y2v1nfi3 _1y2v1nfib",
+    menuOpen: "_1vcy5dze _1vcy5dzb _1y2v1nfho _1y2v1nfi3 _1y2v1nfib"
+}, u = "_1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb8 _1y2v1nfk6 _1y2v1nf7g", g = "_1vcy5dzl", l = "_1vcy5dzo", p = "_1vcy5dzg _1y2v1nfa8 _1y2v1nfbh _1y2v1nfj7 _1y2v1nfho _1y2v1nfi3 _1y2v1nfk6 _1y2v1nf7g", b = {
     default: "_1vcy5dzh",
     inverse: "_1vcy5dzi"
-}, b = "_1y2v1nfj3 _1vcy5dzp", k = "_1vcy5dzs _1vcy5dzp", C = {
+}, s = "_1y2v1nfj7 _1vcy5dzp", j = "_1vcy5dzs _1vcy5dzp", k = {
     default: "_1vcy5dzj",
     inverse: "_1vcy5dzk"
-}, x = "_1vcy5dz9 _1y2v1nfhg _1y2v1nfkr _1y2v1nfl6 _1y2v1nfll";
-export { y as burgerIconContainer, _ as burgerMenu, r as burgerMenuButton, e as burgerMenuTransition, d as desktopOnly, a as iconCloseHidden, c as iconCloseOpen, f as iconMenuHidden, i as iconMenuOpen, z as lineHeightFix, t as logoContainer, o as mainNavbarContent, h as navbarBorderColorVariants, l as navigationBarAction, g as navigationBarContent, u as navigationBarContentRight, p as section, s as selectedSectionVariantes, b as spacer, k as spacerLarge, C as textWrapperVariants, x as topFixed };
+}, x = "_1vcy5dz9 _1y2v1nfhk _1y2v1nfkv _1y2v1nfla _1y2v1nflp";
+export { y as burgerIconContainer, _ as burgerMenu, r as burgerMenuButton, e as burgerMenuTransition, a as desktopOnly, d as iconCloseHidden, c as iconCloseOpen, i as iconMenuHidden, f as iconMenuOpen, o as lineHeightFix, t as logoContainer, z as mainNavbarContent, h as navbarBorderColorVariants, u as navigationBarAction, g as navigationBarContent, l as navigationBarContentRight, p as section, b as selectedSectionVariantes, s as spacer, j as spacerLarge, k as textWrapperVariants, x as topFixed };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./navigation-breadcrumbs.css.ts.vanilla.css-mistica.js";
-var r = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4", _ = "_1y2v1nfhn";
-export { r as current, f as link, i as list, _ as listItem };
+var v = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb8", _ = "_1y2v1nfhr";
+export { v as current, f as link, i as list, _ as listItem };

package/dist-es/package-version.js

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

package/dist-es/password-field.js

@@ -87,7 +87,7 @@ import T from "./generated/mistica-icons/icon-eye-off-regular.js";
 import j from "./generated/mistica-icons/icon-eye-regular.js";
 import { disablePasswordVisibility as q, enablePasswordVisibility as B } from "./text-tokens.js";
 const C = (param)=>{
-    let { isVisible: n, setVisibility: c, focus: a } = param;
+    let { isVisible: n, setVisibility: a, focus: c } = param;
     const { texts: t, t: s } = k();
     return /* @__PURE__ */ d(S, {
         checkedProps: {
@@ -100,11 +100,11 @@ const C = (param)=>{
         },
         checked: n,
         onChange: (l)=>{
-            c(l), a();
+            a(l), c();
         }
     });
 }, O = (_param)=>{
-    var { disabled: n, error: c, helperText: a, name: t, label: s, optional: l, validate: m, onChange: p, onChangeValue: b, onBlur: P, value: w, autoComplete: R = "current-password", defaultValue: y, dataAttributes: F } = _param, I = _object_without_properties(_param, [
+    var { disabled: n, error: a, helperText: c, name: t, label: s, optional: l, validate: m, onChange: p, onChangeValue: b, onBlur: P, value: w, autoComplete: F = "current-password", defaultValue: R, dataAttributes: y } = _param, I = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -143,11 +143,11 @@ const C = (param)=>{
         name: t,
         label: s,
         value: w,
-        defaultValue: y,
+        defaultValue: R,
         processValue: g,
-        helperText: a,
+        helperText: c,
         optional: l,
-        error: c,
+        error: a,
         disabled: n,
         onBlur: P,
         validate: m,
@@ -159,15 +159,16 @@ const C = (param)=>{
         inputRef: (e)=>{
             f.inputRef(e), r.current = e;
         },
-        autoComplete: R,
+        autoComplete: F,
         endIcon: /* @__PURE__ */ d(C, {
             focus: h,
             isVisible: u,
             setVisibility: V
         }),
         dataAttributes: _object_spread({
-            "component-name": "PasswordField"
-        }, F)
+            "component-name": "PasswordField",
+            testid: "PasswordField"
+        }, y)
     }));
 }, K = O;
 export { K as default };

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

@@ -0,0 +1,210 @@
+"use client";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsx as N } from "react/jsx-runtime";
+import * as h from "react";
+import { useRifm as _ } from "rifm";
+import { useFieldProps as b } from "./form-context.js";
+import { TextFieldBaseAutosuggest as x } from "./text-field-base.js";
+import { useTheme as P } from "./hooks.js";
+import { createChangeEvent as y } from "./utils/dom.js";
+import { combineRefs as T } from "./utils/common.js";
+const O = {
+    "+34": "ES",
+    "+55": "BR",
+    "+49": "DE",
+    "+44": "GB"
+}, d = Object.fromEntries(Object.entries(O).map((param)=>{
+    let [r, s] = param;
+    return [
+        s,
+        r
+    ];
+})), C = (r)=>r.trim().replace(/[^\d\+]/g, ""), g = (r, s)=>{
+    if (r.startsWith("+")) return r;
+    switch(s){
+        case "ES":
+            return `${d[s]} ${r}`;
+        case "BR":
+            return `${d[s]} ${r.replace(/[\(\)]/g, "")}`;
+        case "DE":
+            return `${d[s]} ${r.replace(/^0/, "")}`;
+        case "GB":
+            return `${d[s]} ${r.replace(/^0/, "")}`;
+        default:
+            return r;
+    }
+}, G = (r, s)=>{
+    const o = C(s), i = o.startsWith("+");
+    let e = o.replace(/\D/g, ""), n = "", l = r;
+    if (i) if (n = Object.keys(O).find((t)=>o.startsWith(t)) || "", n) e = o.slice(n.length), l = O[n];
+    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();
+    } 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, 6)}-${e.slice(6)}`.replace(/\D+$/, "")), t) return i ? g(t, l) : t;
+    } else if (l === "DE") {
+        const t = i ? "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(), i ? g(c, l) : c;
+        }
+    } else if (l === "GB") {
+        const t = i ? "0" + e : e;
+        if (t.length <= 11 && t.startsWith("07")) {
+            const c = `${t.slice(0, 5)} ${t.slice(5)}`.trim();
+            return i ? g(c, l) : c;
+        }
+    }
+    return i ? `${n} ${e}` : e;
+}, S = (_param)=>{
+    var { inputRef: r, value: s, defaultValue: o, onChange: i, prefix: e, format: n } = _param, l = _object_without_properties(_param, [
+        "inputRef",
+        "value",
+        "defaultValue",
+        "onChange",
+        "prefix",
+        "format"
+    ]);
+    const [t, c] = h.useState(o || ""), f = h.useRef(null), { i18n: { phoneNumberFormattingRegionCode: p } } = P(), u = typeof s < "u", E = u ? s : t, R = h.useCallback((a)=>{
+        u || c(a), f.current && (i == null || i(y(f.current, a)));
+    }, [
+        u,
+        i
+    ]), m = h.useCallback((a)=>n ? n(a) : G(p, a), [
+        n,
+        p
+    ]), $ = _({
+        format: m,
+        value: E,
+        accept: /[\d\+]+/g,
+        onChange: R
+    });
+    return /* @__PURE__ */ N("input", _object_spread_props(_object_spread({}, l), {
+        value: $.value,
+        onChange: $.onChange,
+        type: "tel",
+        ref: T(r, f)
+    }));
+}, V = (_param)=>{
+    var { disabled: r, error: s, helperText: o, name: i, label: e, optional: n, validate: l, onChange: t, onChangeValue: c, onBlur: f, value: p, defaultValue: u, dataAttributes: E, e164: R } = _param, m = _object_without_properties(_param, [
+        "disabled",
+        "error",
+        "helperText",
+        "name",
+        "label",
+        "optional",
+        "validate",
+        "onChange",
+        "onChangeValue",
+        "onBlur",
+        "value",
+        "defaultValue",
+        "dataAttributes",
+        "e164"
+    ]);
+    const { i18n: { phoneNumberFormattingRegionCode: $ } } = P(), B = b({
+        name: i,
+        label: e,
+        value: p,
+        defaultValue: u,
+        processValue: (D)=>C(R ? g(D, $) : D),
+        helperText: o,
+        optional: n,
+        error: s,
+        disabled: r,
+        onBlur: f,
+        validate: l,
+        onChange: t,
+        onChangeValue: c
+    });
+    return /* @__PURE__ */ N(x, _object_spread_props(_object_spread({}, m, B), {
+        type: "phone",
+        inputProps: {
+            prefix: m.prefix
+        },
+        inputComponent: S,
+        dataAttributes: _object_spread({
+            "component-name": "PhoneNumberFieldLite"
+        }, E)
+    }));
+}, z = V;
+export { z as default, G as formatPhoneLite };

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

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

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

@@ -2,5 +2,5 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./text-field-base.css.ts.vanilla.css-mistica.js";
 import "./pin-field.css.ts.vanilla.css-mistica.js";
-var f = "_3pc6ro1", p = "_3pc6ro3 _1y2v1nfkl _1y2v1nfk1 _1y2v1nfhk _1y2v1nfka _1y2v1nfhe _1y2v1nf3q", y = "_3pc6ro0", o = "_3pc6ro4 _3pc6ro3 _1y2v1nfkl _1y2v1nfk1 _1y2v1nfhk _1y2v1nfka _1y2v1nfhe _1y2v1nf3q", a = "_3pc6ro6", e = "_3pc6ro9", i = "_1y2v1nf3m", k = "1.000rem", t = "_3pc6ro5 _3pc6ro3 _1y2v1nfkl _1y2v1nfk1 _1y2v1nfhk _1y2v1nfka _1y2v1nfhe _1y2v1nf3q";
-export { f as disabled, p as field, y as fieldContainer, o as focusedField, a as input, e as passwordDot, i as passwordInput, k as pinInputLineHeight, t as readOnlyField };
+var o = "_3pc6ro1", p = "_3pc6ro3 _1y2v1nfkp _1y2v1nfk5 _1y2v1nfho _1y2v1nfke _1y2v1nfhi _1y2v1nf3s", f = "_3pc6ro0", y = "_3pc6ro4 _3pc6ro3 _1y2v1nfkp _1y2v1nfk5 _1y2v1nfho _1y2v1nfke _1y2v1nfhi _1y2v1nf3s", i = "_3pc6ro6", e = "_3pc6ro9", a = "_1y2v1nf3o", t = "1.000rem", c = "_3pc6ro5 _3pc6ro3 _1y2v1nfkp _1y2v1nfk5 _1y2v1nfho _1y2v1nfke _1y2v1nfhi _1y2v1nf3s";
+export { o as disabled, p as field, f as fieldContainer, y as focusedField, i as input, e as passwordDot, a as passwordInput, t as pinInputLineHeight, c as readOnlyField };

package/dist-es/progress-bar.css-mistica.js

@@ -1,4 +1,7 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./progress-bar.css.ts.vanilla.css-mistica.js";
-var v = "_1y2v1nfio _1y2v1nfkh", n = "_1y2v1nfkh _1y2v1nfir _1y2v1nf53", o = "j0y7r95", y = "j0y7r94", e = "j0y7r96";
-export { v as bar, n as barBackground, o as inverse, y as normal, e as progressBarSteppedContainer };
+var a = "_1y2v1nfis _1y2v1nfkl", n = {
+    default: "j0y7r91 _1y2v1nfkl _1y2v1nfiv",
+    inverse: "j0y7r92 _1y2v1nfkl _1y2v1nfiv"
+}, y = "j0y7r97", e = "j0y7r96", i = "j0y7r98";
+export { a as bar, n as barBackground, y as inverse, e as normal, i as progressBarSteppedContainer };