@telefonica/mistica 16.3.0 → 16.4.0

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

@@ -13,9 +13,9 @@ _export(exports, {
         return f;
     },
     dismissableContainer: function() {
-        return y;
+        return i;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./maybe-dismissable.css.ts.vanilla.css-mistica.js");
-var f = "cim30m2 _1y2v1nf7m _1y2v1nf8v _1y2v1nfa4 _1y2v1nfbd _1y2v1nfhf _1y2v1nfkr _1y2v1nfll", y = "_1y2v1nfhe _1y2v1nfhk _1y2v1nfi2";
+var f = "cim30m2 _1y2v1nf7q _1y2v1nf8z _1y2v1nfa8 _1y2v1nfbh _1y2v1nfhj _1y2v1nfkv _1y2v1nflp", i = "_1y2v1nfhi _1y2v1nfho _1y2v1nfi6";

package/dist/menu.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     iconContainer: function() {
-        return e;
+        return n;
     },
     itemContent: function() {
-        return n;
+        return v;
     },
     menuContainer: function() {
         return r;
@@ -37,17 +37,17 @@ _export(exports, {
         return m;
     },
     vars: function() {
-        return f;
+        return o;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./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)",

package/dist/month-field.js

@@ -147,7 +147,7 @@ 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")))), 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",
@@ -164,45 +164,48 @@ const L = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
         "max",
         "dataAttributes"
     ]);
-    const I = (t)=>t, M = _react.useMemo(()=>(0, _dom.isInputTypeSupported)("month"), []), { texts: T, t: z } = (0, _hooks.useTheme)(), m = (t)=>!(o && t && t < (0, _time.getLocalYearMonthString)(o) || i && t && t > (0, _time.getLocalYearMonthString)(i)), p = (0, _formcontext.useFieldProps)({
-        name: F,
-        label: R,
-        value: O,
-        defaultValue: k,
-        processValue: I,
-        helperText: D,
-        optional: f,
-        error: g,
+    const O = (t)=>t, k = _react.useMemo(()=>(0, _dom.isInputTypeSupported)("month"), []), { texts: T, t: z } = (0, _hooks.useTheme)(), m = (t)=>!(r && t && t < (0, _time.getLocalYearMonthString)(r) || i && t && t > (0, _time.getLocalYearMonthString)(i)), u = (0, _formcontext.useFieldProps)({
+        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(_texttokens.formDateOutOfRangeError),
-        onChange: S,
+        onChange: R,
         onChangeValue: (t, a)=>{
             m(t) && (s == null || s(t, a));
         }
-    }), l = /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, u, p), {
-        min: o ? (0, _time.getLocalYearMonthString)(o) : void 0,
+    }), p = /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, l, u), {
+        min: r ? (0, _time.getLocalYearMonthString)(r) : void 0,
         max: i ? (0, _time.getLocalYearMonthString)(i) : void 0,
         type: "month",
         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": "MonthField"
-        }, d)
+            "component-name": "MonthField",
+            testid: "MonthField"
+        }, f)
     }));
-    return M || (0, _environment.isServerSide)() ? l : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
-        fallback: l,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(L, _object_spread_props(_object_spread({}, u, p), {
-            optional: f,
+    return k || (0, _environment.isServerSide)() ? p : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+        fallback: p,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(L, _object_spread_props(_object_spread({}, l, u), {
+            optional: d,
             isValidDate: (t)=>m((0, _time.getLocalYearMonthString)(t.toDate())),
             mode: "year-month",
             dataAttributes: _object_spread({
-                "component-name": "MonthField"
-            }, d)
+                "component-name": "MonthField",
+                testid: "MonthField"
+            }, f)
         }))
     });
 }, _ = V;

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

@@ -22,55 +22,55 @@ _export(exports, {
         return e;
     },
     desktopOnly: function() {
-        return d;
+        return a;
     },
     iconCloseHidden: function() {
-        return a;
+        return d;
     },
     iconCloseOpen: function() {
         return c;
     },
     iconMenuHidden: function() {
-        return f;
+        return i;
     },
     iconMenuOpen: function() {
-        return i;
+        return f;
     },
     lineHeightFix: function() {
-        return z;
+        return o;
     },
     logoContainer: function() {
         return t;
     },
     mainNavbarContent: function() {
-        return o;
+        return z;
     },
     navbarBorderColorVariants: function() {
         return h;
     },
     navigationBarAction: function() {
-        return l;
+        return u;
     },
     navigationBarContent: function() {
         return g;
     },
     navigationBarContentRight: function() {
-        return u;
+        return l;
     },
     section: function() {
         return p;
     },
     selectedSectionVariantes: function() {
-        return s;
+        return b;
     },
     spacer: function() {
-        return b;
+        return s;
     },
     spacerLarge: function() {
-        return k;
+        return j;
     },
     textWrapperVariants: function() {
-        return C;
+        return k;
     },
     topFixed: function() {
         return x;
@@ -78,20 +78,20 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./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";
+}, x = "_1vcy5dz9 _1y2v1nfhk _1y2v1nfkv _1y2v1nfla _1y2v1nflp";

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

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     current: function() {
-        return r;
+        return v;
     },
     link: function() {
         return f;
@@ -24,4 +24,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./navigation-breadcrumbs.css.ts.vanilla.css-mistica.js");
-var r = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4", _ = "_1y2v1nfhn";
+var v = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb8", _ = "_1y2v1nfhr";

package/dist/package-version.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
         return o;
     }
 });
-const o = "16.3.0";
+const o = "16.4.0";

package/dist/password-field.js

@@ -143,7 +143,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const C = (param)=>{
-    let { isVisible: n, setVisibility: c, focus: a } = param;
+    let { isVisible: n, setVisibility: a, focus: c } = param;
     const { texts: t, t: s } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.FieldEndIcon, {
         checkedProps: {
@@ -156,11 +156,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",
@@ -199,11 +199,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,
@@ -215,14 +215,15 @@ const C = (param)=>{
         inputRef: (e)=>{
             f.inputRef(e), r.current = e;
         },
-        autoComplete: R,
+        autoComplete: F,
         endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)(C, {
             focus: h,
             isVisible: u,
             setVisibility: V
         }),
         dataAttributes: _object_spread({
-            "component-name": "PasswordField"
-        }, F)
+            "component-name": "PasswordField",
+            testid: "PasswordField"
+        }, y)
     }));
 }, K = O;

package/dist/phone-number-field-lite.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { CommonFormFieldProps } from './text-field-base';
+import type { RegionCode } from './utils/region-code';
+/**
+ * Simple phone formatter for a few countries and a subset of phone numbers
+ *
+ * Formatting conditions have been adapted to exactly match libphonenumber's as you type formatting
+ * Not all formatting rules are implemented, only the most common ones. For a more complete solution, use PhoneNumberField
+ */
+export declare const formatPhoneLite: (regionCode: RegionCode, number: string) => string;
+export interface PhoneNumberFieldProps extends CommonFormFieldProps {
+    onChangeValue?: (value: string, rawValue: string) => void;
+    prefix?: string;
+    getSuggestions?: (value: string) => Array<string>;
+    format?: (number: string) => string;
+    e164?: boolean;
+}
+declare const PhoneNumberFieldLite: ({ disabled, error, helperText, name, label, optional, validate, onChange, onChangeValue, onBlur, value, defaultValue, dataAttributes, e164, ...rest }: PhoneNumberFieldProps) => JSX.Element;
+export default PhoneNumberFieldLite;

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

@@ -0,0 +1,268 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    default: function() {
+        return z;
+    },
+    formatPhoneLite: function() {
+        return G;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _rifm = require("rifm");
+const _formcontext = require("./form-context.js");
+const _textfieldbase = require("./text-field-base.js");
+const _hooks = require("./hooks.js");
+const _dom = require("./utils/dom.js");
+const _common = require("./utils/common.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+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;
+}
+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] = _react.useState(o || ""), f = _react.useRef(null), { i18n: { phoneNumberFormattingRegionCode: p } } = (0, _hooks.useTheme)(), u = typeof s < "u", E = u ? s : t, R = _react.useCallback((a)=>{
+        u || c(a), f.current && (i == null || i((0, _dom.createChangeEvent)(f.current, a)));
+    }, [
+        u,
+        i
+    ]), m = _react.useCallback((a)=>n ? n(a) : G(p, a), [
+        n,
+        p
+    ]), $ = (0, _rifm.useRifm)({
+        format: m,
+        value: E,
+        accept: /[\d\+]+/g,
+        onChange: R
+    });
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("input", _object_spread_props(_object_spread({}, l), {
+        value: $.value,
+        onChange: $.onChange,
+        type: "tel",
+        ref: (0, _common.combineRefs)(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: $ } } = (0, _hooks.useTheme)(), B = (0, _formcontext.useFieldProps)({
+        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__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, m, B), {
+        type: "phone",
+        inputProps: {
+            prefix: m.prefix
+        },
+        inputComponent: S,
+        dataAttributes: _object_spread({
+            "component-name": "PhoneNumberFieldLite"
+        }, E)
+    }));
+}, z = V;