@telefonica/mistica 16.18.2 → 16.19.0

package/dist/month-field.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return _;
+        return P;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -146,8 +146,8 @@ 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: 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, [
+const V = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")))), Y = (_param)=>{
+    var { disabled: h, error: F, helperText: g, name: D, label: M, optional: d, validate: n, validateOnBlurInsideForm: R, onChange: S, onChangeValue: s, onBlur: y, value: I, defaultValue: O, min: r, max: i, dataAttributes: f } = _param, l = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -155,6 +155,7 @@ const L = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
         "label",
         "optional",
         "validate",
+        "validateOnBlurInsideForm",
         "onChange",
         "onChangeValue",
         "onBlur",
@@ -164,19 +165,20 @@ const L = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
         "max",
         "dataAttributes"
     ]);
-    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)({
+    const k = (t)=>t, T = _react.useMemo(()=>(0, _dom.isInputTypeSupported)("month"), []), { texts: z, t: b } = (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,
+        value: I,
+        defaultValue: O,
+        processValue: k,
         helperText: g,
         optional: d,
         error: F,
         disabled: h,
-        onBlur: S,
-        validate: (t, a)=>m(t) ? n == null ? void 0 : n(t, a) : T.formDateOutOfRangeError || z(_texttokens.formDateOutOfRangeError),
-        onChange: R,
+        onBlur: y,
+        validate: (t, a)=>m(t) ? n == null ? void 0 : n(t, a) : z.formDateOutOfRangeError || b(_texttokens.formDateOutOfRangeError),
+        validateOnBlurInsideForm: R,
+        onChange: S,
         onChangeValue: (t, a)=>{
             m(t) && (s == null || s(t, a));
         }
@@ -196,9 +198,9 @@ const L = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
             testid: "MonthField"
         }, f)
     }));
-    return k || (0, _environment.isServerSide)() ? p : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+    return T || (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), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(V, _object_spread_props(_object_spread({}, l, u), {
             optional: d,
             isValidDate: (t)=>m((0, _time.getLocalYearMonthString)(t.toDate())),
             mode: "year-month",
@@ -208,4 +210,4 @@ const L = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
             }, f)
         }))
     });
-}, _ = V;
+}, P = Y;

package/dist/mosaic.css-mistica.js

@@ -16,8 +16,8 @@ _export(exports, {
         return t;
     },
     squareContainer: function() {
-        return _;
+        return a;
     }
 });
 require("./mosaic.css.ts.vanilla.css-mistica.js");
-var r = "v16_18_2_1j2q6te2", t = "v16_18_2_1j2q6te1", _ = "v16_18_2_1j2q6te0";
+var r = "v16_19_1j2q6te2", t = "v16_19_1j2q6te1", a = "v16_19_1j2q6te0";

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

@@ -138,19 +138,19 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./navigation-bar.css.ts.vanilla.css-mistica.js");
-var n = 300, y = 400, e = 184, f = "v16_18_2_1vcy5dz1 v16_18_2_1y2v1nfie v16_18_2_1y2v1nfjg v16_18_2_1y2v1nfjw", r = "v16_18_2_1y2v1nfig v16_18_2_1y2v1nfm2 v16_18_2_1y2v1nfm6 v16_18_2_1y2v1nfml v16_18_2_1y2v1nfn0 v16_18_2_1y2v1nf47", i = "v16_18_2_1vcy5dz1f", a = "v16_18_2_1y2v1nfjo v16_18_2_1y2v1nfie", d = "v16_18_2_1vcy5dz1j v16_18_2_1y2v1nflq v16_18_2_1y2v1nfj7 v16_18_2_1y2v1nfjo v16_18_2_1y2v1nfif v16_18_2_1y2v1nflr", t = {
-    enter: "v16_18_2_1vcy5dz16",
-    enterActive: "v16_18_2_1vcy5dz17",
-    exit: "v16_18_2_1vcy5dz18",
-    exitActive: "v16_18_2_1vcy5dz19"
-}, c = "v16_18_2_1vcy5dz1z v16_18_2_1y2v1nf94 v16_18_2_1y2v1nfad v16_18_2_1y2v1nfie", o = "v16_18_2_1vcy5dz1v v16_18_2_1y2v1nf48 v16_18_2_1y2v1nfif v16_18_2_1y2v1nfm6 v16_18_2_1y2v1nfml", z = "v16_18_2_1vcy5dz21", u = "v16_18_2_1vcy5dz1t v16_18_2_1y2v1nfig v16_18_2_1y2v1nfm6 v16_18_2_1y2v1nfml", p = "v16_18_2_1vcy5dz20", s = "v16_18_2_1vcy5dzf", k = "v16_18_2_1vcy5dzg", M = "v16_18_2_1vcy5dzn v16_18_2_1y2v1nf8d v16_18_2_1y2v1nf9m v16_18_2_1y2v1nfav v16_18_2_1y2v1nfc4 v16_18_2_1y2v1nfl2 v16_18_2_1y2v1nf8c", l = "v16_18_2_1vcy5dzl v16_18_2_1y2v1nfif v16_18_2_1y2v1nflr v16_18_2_1y2v1nfn0 v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiz", g = "v16_18_2_1vcy5dzi v16_18_2_1y2v1nfie v16_18_2_1y2v1nfik", m = "v16_18_2_1y2v1nfie", C = "v16_18_2_1y2v1nfif v16_18_2_1y2v1nfm6 v16_18_2_1y2v1nfml", S = "v16_18_2_1vcy5dzx", j = "v16_18_2_1vcy5dz1x v16_18_2_1y2v1nfbg v16_18_2_1y2v1nfcp v16_18_2_1y2v1nf94 v16_18_2_1y2v1nfad v16_18_2_1y2v1nf48 v16_18_2_1y2v1nfig v16_18_2_1y2v1nflq", A = "v16_18_2_1vcy5dz5 v16_18_2_1vcy5dz3 v16_18_2_1y2v1nfif", b = "v16_18_2_1vcy5dz4 v16_18_2_1vcy5dz3 v16_18_2_1y2v1nfif", B = "v16_18_2_1vcy5dz7 v16_18_2_1vcy5dz3 v16_18_2_1y2v1nfif", N = "v16_18_2_1vcy5dz6 v16_18_2_1vcy5dz3 v16_18_2_1y2v1nfif", I = "v16_18_2_1vcy5dz1o", O = "v16_18_2_1vcy5dz1e v16_18_2_1y2v1nfik v16_18_2_1y2v1nfit", x = "v16_18_2_1vcy5dz1c v16_18_2_1y2v1nfik v16_18_2_1y2v1nfj6", T = "v16_18_2_1vcy5dz1q v16_18_2_1y2v1nfj7", E = {
-    default: "v16_18_2_1vcy5dzc v16_18_2_1vcy5dzb v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiz v16_18_2_1y2v1nfj7",
-    noBorder: "v16_18_2_1vcy5dzd v16_18_2_1vcy5dzb v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiz v16_18_2_1y2v1nfj7",
-    menuOpen: "v16_18_2_1vcy5dze v16_18_2_1vcy5dzb v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiz v16_18_2_1y2v1nfj7"
-}, R = "v16_18_2_1y2v1nf8d v16_18_2_1y2v1nf9m v16_18_2_1y2v1nfav v16_18_2_1y2v1nfc4 v16_18_2_1y2v1nfl2 v16_18_2_1y2v1nf8c", U = "v16_18_2_1vcy5dzv v16_18_2_1y2v1nfiz v16_18_2_1y2v1nfj7 v16_18_2_1y2v1nfik", W = "v16_18_2_1vcy5dzz v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiz v16_18_2_1y2v1nfiu", D = "v16_18_2_1vcy5dz11 v16_18_2_1vcy5dzz v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiz v16_18_2_1y2v1nfiu v16_18_2_1y2v1nfj6", h = "v16_18_2_1vcy5dzp v16_18_2_1y2v1nfb4 v16_18_2_1y2v1nfcd v16_18_2_1y2v1nfk3 v16_18_2_1y2v1nfik v16_18_2_1y2v1nfiz v16_18_2_1y2v1nfl2 v16_18_2_1y2v1nf8c v16_18_2_1y2v1nfie", q = {
-    default: "v16_18_2_1vcy5dzq",
-    inverse: "v16_18_2_1vcy5dzr"
-}, w = "v16_18_2_1y2v1nfk3 v16_18_2_1vcy5dz12", F = "v16_18_2_1vcy5dz15 v16_18_2_1vcy5dz12", H = {
-    default: "v16_18_2_1vcy5dzs",
-    inverse: "v16_18_2_1vcy5dzt"
-}, L = "v16_18_2_1vcy5dz9 v16_18_2_1y2v1nfig v16_18_2_1y2v1nflr v16_18_2_1y2v1nfm6 v16_18_2_1y2v1nfml";
+var n = 300, y = 400, e = 184, f = "v16_19_1vcy5dz1 v16_19_1y2v1nfie v16_19_1y2v1nfjg v16_19_1y2v1nfjw", r = "v16_19_1y2v1nfig v16_19_1y2v1nfm2 v16_19_1y2v1nfm6 v16_19_1y2v1nfml v16_19_1y2v1nfn0 v16_19_1y2v1nf47", i = "v16_19_1vcy5dz1f", a = "v16_19_1y2v1nfjo v16_19_1y2v1nfie", d = "v16_19_1vcy5dz1j v16_19_1y2v1nflq v16_19_1y2v1nfj7 v16_19_1y2v1nfjo v16_19_1y2v1nfif v16_19_1y2v1nflr", t = {
+    enter: "v16_19_1vcy5dz16",
+    enterActive: "v16_19_1vcy5dz17",
+    exit: "v16_19_1vcy5dz18",
+    exitActive: "v16_19_1vcy5dz19"
+}, c = "v16_19_1vcy5dz1z v16_19_1y2v1nf94 v16_19_1y2v1nfad v16_19_1y2v1nfie", o = "v16_19_1vcy5dz1v v16_19_1y2v1nf48 v16_19_1y2v1nfif v16_19_1y2v1nfm6 v16_19_1y2v1nfml", z = "v16_19_1vcy5dz21", u = "v16_19_1vcy5dz1t v16_19_1y2v1nfig v16_19_1y2v1nfm6 v16_19_1y2v1nfml", p = "v16_19_1vcy5dz20", s = "v16_19_1vcy5dzf", k = "v16_19_1vcy5dzg", M = "v16_19_1vcy5dzn v16_19_1y2v1nf8d v16_19_1y2v1nf9m v16_19_1y2v1nfav v16_19_1y2v1nfc4 v16_19_1y2v1nfl2 v16_19_1y2v1nf8c", l = "v16_19_1vcy5dzl v16_19_1y2v1nfif v16_19_1y2v1nflr v16_19_1y2v1nfn0 v16_19_1y2v1nfik v16_19_1y2v1nfiz", g = "v16_19_1vcy5dzi v16_19_1y2v1nfie v16_19_1y2v1nfik", m = "v16_19_1y2v1nfie", C = "v16_19_1y2v1nfif v16_19_1y2v1nfm6 v16_19_1y2v1nfml", S = "v16_19_1vcy5dzx", j = "v16_19_1vcy5dz1x v16_19_1y2v1nfbg v16_19_1y2v1nfcp v16_19_1y2v1nf94 v16_19_1y2v1nfad v16_19_1y2v1nf48 v16_19_1y2v1nfig v16_19_1y2v1nflq", A = "v16_19_1vcy5dz5 v16_19_1vcy5dz3 v16_19_1y2v1nfif", b = "v16_19_1vcy5dz4 v16_19_1vcy5dz3 v16_19_1y2v1nfif", B = "v16_19_1vcy5dz7 v16_19_1vcy5dz3 v16_19_1y2v1nfif", N = "v16_19_1vcy5dz6 v16_19_1vcy5dz3 v16_19_1y2v1nfif", I = "v16_19_1vcy5dz1o", O = "v16_19_1vcy5dz1e v16_19_1y2v1nfik v16_19_1y2v1nfit", x = "v16_19_1vcy5dz1c v16_19_1y2v1nfik v16_19_1y2v1nfj6", T = "v16_19_1vcy5dz1q v16_19_1y2v1nfj7", E = {
+    default: "v16_19_1vcy5dzc v16_19_1vcy5dzb v16_19_1y2v1nfik v16_19_1y2v1nfiz v16_19_1y2v1nfj7",
+    noBorder: "v16_19_1vcy5dzd v16_19_1vcy5dzb v16_19_1y2v1nfik v16_19_1y2v1nfiz v16_19_1y2v1nfj7",
+    menuOpen: "v16_19_1vcy5dze v16_19_1vcy5dzb v16_19_1y2v1nfik v16_19_1y2v1nfiz v16_19_1y2v1nfj7"
+}, R = "v16_19_1y2v1nf8d v16_19_1y2v1nf9m v16_19_1y2v1nfav v16_19_1y2v1nfc4 v16_19_1y2v1nfl2 v16_19_1y2v1nf8c", U = "v16_19_1vcy5dzv v16_19_1y2v1nfiz v16_19_1y2v1nfj7 v16_19_1y2v1nfik", W = "v16_19_1vcy5dzz v16_19_1y2v1nfik v16_19_1y2v1nfiz v16_19_1y2v1nfiu", D = "v16_19_1vcy5dz11 v16_19_1vcy5dzz v16_19_1y2v1nfik v16_19_1y2v1nfiz v16_19_1y2v1nfiu v16_19_1y2v1nfj6", h = "v16_19_1vcy5dzp v16_19_1y2v1nfb4 v16_19_1y2v1nfcd v16_19_1y2v1nfk3 v16_19_1y2v1nfik v16_19_1y2v1nfiz v16_19_1y2v1nfl2 v16_19_1y2v1nf8c v16_19_1y2v1nfie", q = {
+    default: "v16_19_1vcy5dzq",
+    inverse: "v16_19_1vcy5dzr"
+}, w = "v16_19_1y2v1nfk3 v16_19_1vcy5dz12", F = "v16_19_1vcy5dz15 v16_19_1vcy5dz12", H = {
+    default: "v16_19_1vcy5dzs",
+    inverse: "v16_19_1vcy5dzt"
+}, L = "v16_19_1vcy5dz9 v16_19_1y2v1nfig v16_19_1y2v1nflr v16_19_1y2v1nfm6 v16_19_1y2v1nfml";

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

@@ -24,4 +24,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./navigation-breadcrumbs.css.ts.vanilla.css-mistica.js");
-var n = "v16_18_2_1fniauj3", i = "v16_18_2_1fniauj2", r = "v16_18_2_1fniauj5 v16_18_2_1y2v1nf8d v16_18_2_1y2v1nf9m v16_18_2_1y2v1nfav v16_18_2_1y2v1nfc4", a = "v16_18_2_1y2v1nfin";
+var n = "v16_19_1fniauj3", i = "v16_19_1fniauj2", r = "v16_19_1fniauj5 v16_19_1y2v1nf8d v16_19_1y2v1nf9m v16_19_1y2v1nfav v16_19_1y2v1nfc4", a = "v16_19_1y2v1nfin";

package/dist/package-version.js

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

package/dist/password-field.d.ts

@@ -3,5 +3,5 @@ import type { CommonFormFieldProps } from './text-field-base';
 export interface PasswordFieldProps extends CommonFormFieldProps {
     onChangeValue?: (value: string, rawValue: string) => void;
 }
-declare const PasswordField: ({ disabled, error, helperText, name, label, optional, validate, onChange, onChangeValue, onBlur, value, autoComplete, defaultValue, dataAttributes, ...rest }: PasswordFieldProps) => JSX.Element;
+declare const PasswordField: ({ disabled, error, helperText, name, label, optional, validate, validateOnBlurInsideForm, onChange, onChangeValue, onBlur, value, autoComplete, defaultValue, dataAttributes, ...rest }: PasswordFieldProps) => JSX.Element;
 export default PasswordField;

package/dist/password-field.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return K;
+        return L;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -142,7 +142,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const C = (param)=>{
+const O = (param)=>{
     let { isVisible: n, setVisibility: a, focus: c } = param;
     const { texts: t, t: s } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.FieldEndIcon, {
@@ -159,8 +159,8 @@ const C = (param)=>{
             a(l), c();
         }
     });
-}, O = (_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, [
+}, $ = (_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: F, autoComplete: R = "current-password", defaultValue: y, dataAttributes: I } = _param, V = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -168,6 +168,7 @@ const C = (param)=>{
         "label",
         "optional",
         "validate",
+        "validateOnBlurInsideForm",
         "onChange",
         "onChangeValue",
         "onBlur",
@@ -176,18 +177,18 @@ const C = (param)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const [u, V] = _react.useState(!1), o = _react.useRef(0), r = _react.useRef(null), g = (e)=>e, h = ()=>{
+    const [u, g] = _react.useState(!1), o = _react.useRef(0), r = _react.useRef(null), h = (e)=>e, x = ()=>{
         const e = r.current;
         e && (e.selectionStart !== null && (o.current = e.selectionStart), e.focus());
     };
     _react.useEffect(()=>{
         const e = r.current;
         if (e) {
-            const x = requestAnimationFrame(()=>{
+            const A = requestAnimationFrame(()=>{
                 e.selectionStart = o.current, e.selectionEnd = o.current;
             });
             return ()=>{
-                cancelAnimationFrame(x);
+                cancelAnimationFrame(A);
             };
         }
     }, [
@@ -198,32 +199,33 @@ const C = (param)=>{
     const f = (0, _formcontext.useFieldProps)({
         name: t,
         label: s,
-        value: w,
-        defaultValue: R,
-        processValue: g,
+        value: F,
+        defaultValue: y,
+        processValue: h,
         helperText: c,
         optional: l,
         error: a,
         disabled: n,
-        onBlur: P,
+        onBlur: w,
         validate: m,
-        onChange: p,
-        onChangeValue: b
+        validateOnBlurInsideForm: p,
+        onChange: b,
+        onChangeValue: P
     });
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, I, f), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, V, f), {
         type: u ? "text" : "password",
         inputRef: (e)=>{
             f.inputRef(e), r.current = e;
         },
-        autoComplete: F,
-        endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)(C, {
-            focus: h,
+        autoComplete: R,
+        endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)(O, {
+            focus: x,
             isVisible: u,
-            setVisibility: V
+            setVisibility: g
         }),
         dataAttributes: _object_spread({
             "component-name": "PasswordField",
             testid: "PasswordField"
-        }, y)
+        }, I)
     }));
-}, K = O;
+}, L = $;

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

@@ -15,5 +15,5 @@ export interface PhoneNumberFieldProps extends CommonFormFieldProps {
     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;
+declare const PhoneNumberFieldLite: ({ disabled, error, helperText, name, label, optional, validate, validateOnBlurInsideForm, onChange, onChangeValue, onBlur, value, defaultValue, dataAttributes, e164, ...rest }: PhoneNumberFieldProps) => JSX.Element;
 export default PhoneNumberFieldLite;

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

@@ -11,7 +11,7 @@ function _export(target, all) {
 }
 _export(exports, {
     default: function() {
-        return z;
+        return A;
     },
     formatPhoneLite: function() {
         return G;
@@ -150,23 +150,23 @@ const O = {
     "+55": "BR",
     "+49": "DE",
     "+44": "GB"
-}, d = Object.fromEntries(Object.entries(O).map((param)=>{
+}, h = Object.fromEntries(Object.entries(O).map((param)=>{
     let [r, s] = param;
     return [
         s,
         r
     ];
-})), C = (r)=>r.trim().replace(/[^\d\+]/g, ""), g = (r, s)=>{
+})), C = (r)=>r.trim().replace(/[^\d\+]/g, ""), d = (r, s)=>{
     if (r.startsWith("+")) return r;
     switch(s){
         case "ES":
-            return `${d[s]} ${r}`;
+            return `${h[s]} ${r}`;
         case "BR":
-            return `${d[s]} ${r.replace(/[\(\)]/g, "")}`;
+            return `${h[s]} ${r.replace(/[\(\)]/g, "")}`;
         case "DE":
-            return `${d[s]} ${r.replace(/^0/, "")}`;
+            return `${h[s]} ${r.replace(/^0/, "")}`;
         case "GB":
-            return `${d[s]} ${r.replace(/^0/, "")}`;
+            return `${h[s]} ${r.replace(/^0/, "")}`;
         default:
             return r;
     }
@@ -179,18 +179,18 @@ const O = {
         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;
+        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 ? d(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;
+            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 ? d(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 ? d(c, l) : c;
         }
     }
     return i ? `${n} ${e}` : e;
@@ -203,28 +203,28 @@ const O = {
         "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)=>{
+    const [t, c] = _react.useState(o || ""), f = _react.useRef(null), { i18n: { phoneNumberFormattingRegionCode: m } } = (0, _hooks.useTheme)(), u = typeof s < "u", g = u ? s : t, E = _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), [
+    ]), R = _react.useCallback((a)=>n ? n(a) : G(m, a), [
         n,
-        p
-    ]), $ = (0, _rifm.useRifm)({
-        format: m,
-        value: E,
+        m
+    ]), p = (0, _rifm.useRifm)({
+        format: R,
+        value: g,
         accept: /[\d\+]+/g,
-        onChange: R
+        onChange: E
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("input", _object_spread_props(_object_spread({}, l), {
-        value: $.value,
-        onChange: $.onChange,
+        value: p.value,
+        onChange: p.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, [
+    var { disabled: r, error: s, helperText: o, name: i, label: e, optional: n, validate: l, validateOnBlurInsideForm: t, onChange: c, onChangeValue: f, onBlur: m, value: u, defaultValue: g, dataAttributes: E, e164: R } = _param, p = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -232,6 +232,7 @@ const O = {
         "label",
         "optional",
         "validate",
+        "validateOnBlurInsideForm",
         "onChange",
         "onChangeValue",
         "onBlur",
@@ -240,29 +241,30 @@ const O = {
         "dataAttributes",
         "e164"
     ]);
-    const { i18n: { phoneNumberFormattingRegionCode: $ } } = (0, _hooks.useTheme)(), B = (0, _formcontext.useFieldProps)({
+    const { i18n: { phoneNumberFormattingRegionCode: a } } = (0, _hooks.useTheme)(), B = (0, _formcontext.useFieldProps)({
         name: i,
         label: e,
-        value: p,
-        defaultValue: u,
-        processValue: (D)=>C(R ? g(D, $) : D),
+        value: u,
+        defaultValue: g,
+        processValue: (D)=>C(R ? d(D, a) : D),
         helperText: o,
         optional: n,
         error: s,
         disabled: r,
-        onBlur: f,
+        onBlur: m,
         validate: l,
-        onChange: t,
-        onChangeValue: c
+        validateOnBlurInsideForm: t,
+        onChange: c,
+        onChangeValue: f
     });
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, m, B), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, p, B), {
         type: "phone",
         inputProps: {
-            prefix: m.prefix
+            prefix: p.prefix
         },
         inputComponent: S,
         dataAttributes: _object_spread({
             "component-name": "PhoneNumberFieldLite"
         }, E)
     }));
-}, z = V;
+}, A = V;

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

@@ -6,5 +6,5 @@ export interface PhoneNumberFieldProps extends CommonFormFieldProps {
     getSuggestions?: (value: string) => Array<string>;
     e164?: boolean;
 }
-declare const PhoneNumberField: ({ disabled, error, helperText, name, label, optional, validate, onChange, onChangeValue, onBlur, value, defaultValue, e164, dataAttributes, ...rest }: PhoneNumberFieldProps) => JSX.Element;
+declare const PhoneNumberField: ({ disabled, error, helperText, name, label, optional, validate, validateOnBlurInsideForm, onChange, onChangeValue, onBlur, value, defaultValue, e164, dataAttributes, ...rest }: PhoneNumberFieldProps) => JSX.Element;
 export default PhoneNumberField;

package/dist/phone-number-field.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return K;
+        return L;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -138,46 +138,46 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const y = (r, n)=>(0, _libphonenumber.formatAsYouType)(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, [
+const y = (r, n)=>(0, _libphonenumber.formatAsYouType)(n.replace(/[^\d+*#]/g, ""), r), I = (r)=>!!r.match(/^\+\d+$/), W = (_param)=>{
+    var { inputRef: r, value: n, defaultValue: p, onChange: s, prefix: t } = _param, f = _object_without_properties(_param, [
         "inputRef",
         "value",
         "defaultValue",
         "onChange",
         "prefix"
     ]);
-    const [h, P] = _react.useState(d !== null && d !== void 0 ? d : ""), c = _react.useRef(null), { i18n: C } = (0, _hooks.useTheme)(), i = C.phoneNumberFormattingRegionCode, l = typeof n < "u", b = l ? n : h, F = _react.useCallback((e)=>{
-        l || P(e), c.current && (s == null || s((0, _dom.createChangeEvent)(c.current, e)));
+    const [d, g] = _react.useState(p !== null && p !== void 0 ? p : ""), l = _react.useRef(null), { i18n: h } = (0, _hooks.useTheme)(), i = h.phoneNumberFormattingRegionCode, u = typeof n < "u", P = u ? n : d, C = _react.useCallback((e)=>{
+        u || g(e), l.current && (s == null || s((0, _dom.createChangeEvent)(l.current, e)));
     }, [
-        l,
+        u,
         s
-    ]), u = _react.useCallback(// otherwise the cursor position is incorrectly positioned
+    ]), b = _react.useCallback(// 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 = 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, "@");
+        let o = "";
+        if (t && I(t)) {
+            const F = t + e;
+            o = y(i, F), o.startsWith(t) ? o = o.slice(t.length).trim() : o = y(i, e);
+        } else o = y(i, e);
+        return o.replace(/-/g, "@");
     }, [
         i,
-        o
-    ]), m = (0, _rifm.useRifm)({
-        format: u,
-        value: b,
-        onChange: F,
+        t
+    ]), c = (0, _rifm.useRifm)({
+        format: b,
+        value: P,
+        onChange: C,
         accept: /[\d\-+#*]+/g,
         replace: (e)=>e.replace(/@/g, "-")
     });
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("input", _object_spread_props(_object_spread({}, g), {
-        value: m.value,
-        onChange: m.onChange,
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("input", _object_spread_props(_object_spread({}, f), {
+        value: c.value,
+        onChange: c.onChange,
         type: "tel",
-        ref: (0, _common.combineRefs)(r, c)
+        ref: (0, _common.combineRefs)(r, l)
     }));
-}, W = (_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, [
+}, Y = (_param)=>{
+    var { disabled: r, error: n, helperText: p, name: s, label: t, optional: f, validate: d, validateOnBlurInsideForm: g, onChange: l, onChangeValue: h, onBlur: i, value: u, defaultValue: P, e164: C, dataAttributes: b } = _param, c = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -185,6 +185,7 @@ const y = (r, n)=>(0, _libphonenumber.formatAsYouType)(n.replace(/[^\d+*#]/g, ""
         "label",
         "optional",
         "validate",
+        "validateOnBlurInsideForm",
         "onChange",
         "onChangeValue",
         "onBlur",
@@ -193,40 +194,41 @@ const y = (r, n)=>(0, _libphonenumber.formatAsYouType)(n.replace(/[^\d+*#]/g, ""
         "e164",
         "dataAttributes"
     ]);
-    const { i18n: m } = (0, _hooks.useTheme)(), t = (0, _formcontext.useFieldProps)({
+    const { i18n: e } = (0, _hooks.useTheme)(), F = (0, _formcontext.useFieldProps)({
         name: s,
-        label: o,
-        value: i,
-        defaultValue: l,
-        processValue: (a)=>{
-            if (b) try {
-                var _u_prefix;
-                const R = ((_u_prefix = u.prefix) !== null && _u_prefix !== void 0 ? _u_prefix : "").replace(/[^\d]/g, "");
-                let p = (0, _libphonenumber.getRegionCodeForCountryCode)(R);
-                return (!p || p === "ZZ") && (p = m.phoneNumberFormattingRegionCode), (0, _libphonenumber.formatToE164)((0, _libphonenumber.parse)(a, p));
+        label: t,
+        value: u,
+        defaultValue: P,
+        processValue: (R)=>{
+            if (C) try {
+                var _c_prefix;
+                const V = ((_c_prefix = c.prefix) !== null && _c_prefix !== void 0 ? _c_prefix : "").replace(/[^\d]/g, "");
+                let m = (0, _libphonenumber.getRegionCodeForCountryCode)(V);
+                return (!m || m === "ZZ") && (m = e.phoneNumberFormattingRegionCode), (0, _libphonenumber.formatToE164)((0, _libphonenumber.parse)(R, m));
             } catch (e) {
                 return "";
             }
-            else return a.replace(/[^\d]/g, "");
+            else return R.replace(/[^\d]/g, "");
         },
-        helperText: d,
-        optional: g,
+        helperText: p,
+        optional: f,
         error: n,
         disabled: r,
-        onBlur: C,
-        validate: h,
-        onChange: P,
-        onChangeValue: c
+        onBlur: i,
+        validate: d,
+        validateOnBlurInsideForm: g,
+        onChange: l,
+        onChangeValue: h
     });
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, u, t), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, c, F), {
         type: "phone",
         inputProps: {
-            prefix: u.prefix
+            prefix: c.prefix
         },
-        inputComponent: I,
+        inputComponent: W,
         dataAttributes: _object_spread({
             "component-name": "PhoneNumberField",
             testid: "PhoneNumberField"
-        }, F)
+        }, b)
     }));
-}, K = W;
+}, L = Y;

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

@@ -41,4 +41,4 @@ require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
 require("./text-field-base.css.ts.vanilla.css-mistica.js");
 require("./pin-field.css.ts.vanilla.css-mistica.js");
-var f = "v16_18_2_3pc6ro1", i = "v16_18_2_3pc6ro3 v16_18_2_1y2v1nfll v16_18_2_1y2v1nfl1 v16_18_2_1y2v1nfik v16_18_2_1y2v1nfla v16_18_2_1y2v1nfie v16_18_2_1y2v1nf48", p = "v16_18_2_3pc6ro0", y = "v16_18_2_3pc6ro4 v16_18_2_3pc6ro3 v16_18_2_1y2v1nfll v16_18_2_1y2v1nfl1 v16_18_2_1y2v1nfik v16_18_2_1y2v1nfla v16_18_2_1y2v1nfie v16_18_2_1y2v1nf48", o = "v16_18_2_3pc6ro6", l = "v16_18_2_3pc6ro9", a = "v16_18_2_1y2v1nf44", e = "1.000rem", t = "v16_18_2_3pc6ro5 v16_18_2_3pc6ro3 v16_18_2_1y2v1nfll v16_18_2_1y2v1nfl1 v16_18_2_1y2v1nfik v16_18_2_1y2v1nfla v16_18_2_1y2v1nfie v16_18_2_1y2v1nf48";
+var f = "v16_19_3pc6ro1", i = "v16_19_3pc6ro3 v16_19_1y2v1nfll v16_19_1y2v1nfl1 v16_19_1y2v1nfik v16_19_1y2v1nfla v16_19_1y2v1nfie v16_19_1y2v1nf48", p = "v16_19_3pc6ro0", y = "v16_19_3pc6ro4 v16_19_3pc6ro3 v16_19_1y2v1nfll v16_19_1y2v1nfl1 v16_19_1y2v1nfik v16_19_1y2v1nfla v16_19_1y2v1nfie v16_19_1y2v1nf48", o = "v16_19_3pc6ro6", l = "v16_19_3pc6ro9", a = "v16_19_1y2v1nf44", e = "1.000rem", t = "v16_19_3pc6ro5 v16_19_3pc6ro3 v16_19_1y2v1nfll v16_19_1y2v1nfl1 v16_19_1y2v1nfik v16_19_1y2v1nfla v16_19_1y2v1nfie v16_19_1y2v1nf48";

package/dist/popover.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "content", {
     }
 });
 require("./popover.css.ts.vanilla.css-mistica.js");
-var o = "v16_18_2_12igu660";
+var o = "v16_19_12igu660";

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

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     bar: function() {
-        return v;
+        return _;
     },
     barBackground: function() {
         return a;
@@ -27,7 +27,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./progress-bar.css.ts.vanilla.css-mistica.js");
-var v = "v16_18_2_1y2v1nfjo v16_18_2_1y2v1nflh", a = {
-    default: "v16_18_2_j0y7r91 v16_18_2_1y2v1nflh v16_18_2_1y2v1nfjr",
-    inverse: "v16_18_2_j0y7r92 v16_18_2_1y2v1nflh v16_18_2_1y2v1nfjr"
-}, n = "v16_18_2_j0y7r97", y = "v16_18_2_j0y7r96", e = "v16_18_2_j0y7r98";
+var _ = "v16_19_1y2v1nfjo v16_19_1y2v1nflh", a = {
+    default: "v16_19_j0y7r91 v16_19_1y2v1nflh v16_19_1y2v1nfjr",
+    inverse: "v16_19_j0y7r92 v16_19_1y2v1nflh v16_19_1y2v1nfjr"
+}, n = "v16_19_j0y7r97", y = "v16_19_j0y7r96", e = "v16_19_j0y7r98";