@telefonica/mistica 16.71.0 → 16.72.0

package/dist-es/logo.js

@@ -78,288 +78,214 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as o, Fragment as c } from "react/jsx-runtime";
-import * as a from "react";
+import { jsx as e, Fragment as c } from "react/jsx-runtime";
+import * as i from "react";
 import { useTheme as l } from "./hooks.js";
 import { useThemeVariant as g } from "./theme-variant-context.js";
 import u from "./touchable.js";
 import { getPrefixedDataAttributes as h } from "./utils/dom.js";
-import { logoContainer as L } from "./logo.css-mistica.js";
-import f from "./logo-movistar-shell.js";
-import d from "./logo-movistar-new-shell.js";
-import S from "./logo-vivo-shell.js";
+import { logoContainer as f } from "./logo.css-mistica.js";
+import L from "./logo-movistar-shell.js";
+import d from "./logo-vivo-shell.js";
 import v from "./logo-o2-shell.js";
-import N from "./logo-o2-new-shell.js";
-import T from "./logo-telefonica-shell.js";
-import p from "./logo-blau-shell.js";
-import w from "./logo-tu-shell.js";
-import M from "./logo-esimflag-shell.js";
-const k = 48, I = /*#__PURE__*/ a.lazy(()=>import(/* webpackChunkName: "logo-movistar" */ "./logo-movistar.js")), O = /*#__PURE__*/ a.lazy(()=>import(/* webpackChunkName: "logo-movistar-new" */ "./logo-movistar-new.js")), V = /*#__PURE__*/ a.lazy(()=>import(/* webpackChunkName: "logo-vivo" */ "./logo-vivo.js")), E = /*#__PURE__*/ a.lazy(()=>import(/* webpackChunkName: "logo-o2" */ "./logo-o2.js")), b = /*#__PURE__*/ a.lazy(()=>import(/* webpackChunkName: "logo-o2-new" */ "./logo-o2-new.js")), B = /*#__PURE__*/ a.lazy(()=>import(/* webpackChunkName: "logo-telefonica" */ "./logo-telefonica.js")), A = /*#__PURE__*/ a.lazy(()=>import(/* webpackChunkName: "logo-blau" */ "./logo-blau.js")), x = /*#__PURE__*/ a.lazy(()=>import(/* webpackChunkName: "logo-tu" */ "./logo-tu.js")), D = /*#__PURE__*/ a.lazy(()=>import(/* webpackChunkName: "logo-esimflag" */ "./logo-esimflag.js")), P = (param)=>{
-    let { size: e, skinName: t, type: r = "isotype", color: n } = param;
-    const i = g(), { isDarkMode: m } = l();
-    switch(t){
+import S from "./logo-telefonica-shell.js";
+import T from "./logo-blau-shell.js";
+import k from "./logo-esimflag-shell.js";
+const p = 48, I = /*#__PURE__*/ i.lazy(()=>import(/* webpackChunkName: "logo-movistar" */ "./logo-movistar.js")), N = /*#__PURE__*/ i.lazy(()=>import(/* webpackChunkName: "logo-vivo" */ "./logo-vivo.js")), V = /*#__PURE__*/ i.lazy(()=>import(/* webpackChunkName: "logo-o2" */ "./logo-o2.js")), E = /*#__PURE__*/ i.lazy(()=>import(/* webpackChunkName: "logo-telefonica" */ "./logo-telefonica.js")), M = /*#__PURE__*/ i.lazy(()=>import(/* webpackChunkName: "logo-blau" */ "./logo-blau.js")), b = /*#__PURE__*/ i.lazy(()=>import(/* webpackChunkName: "logo-esimflag" */ "./logo-esimflag.js")), B = (param)=>{
+    let { size: o, skinName: n, type: r = "isotype", color: t } = param;
+    const a = g(), { isDarkMode: m } = l();
+    switch(n){
         case "Movistar":
-            return /* @__PURE__ */ o(f, {
-                size: e,
+            return /* @__PURE__ */ e(L, {
+                size: o,
                 type: r,
-                children: /* @__PURE__ */ o(a.Suspense, {
-                    children: /* @__PURE__ */ o(I, {
+                children: /* @__PURE__ */ e(i.Suspense, {
+                    children: /* @__PURE__ */ e(I, {
                         type: r,
                         isDarkMode: m,
-                        themeVariant: i,
-                        color: n
-                    })
-                })
-            });
-        case "Movistar-new":
-            return /* @__PURE__ */ o(d, {
-                size: e,
-                type: r,
-                children: /* @__PURE__ */ o(a.Suspense, {
-                    children: /* @__PURE__ */ o(O, {
-                        type: r,
-                        isDarkMode: m,
-                        themeVariant: i,
-                        color: n
+                        themeVariant: a,
+                        color: t
                     })
                 })
             });
         case "Vivo":
-        case "Vivo-new":
-            return /* @__PURE__ */ o(S, {
-                size: e,
+        case "Vivo-evolution":
+            return /* @__PURE__ */ e(d, {
+                size: o,
                 type: r,
-                children: /* @__PURE__ */ o(a.Suspense, {
-                    children: /* @__PURE__ */ o(V, {
+                children: /* @__PURE__ */ e(i.Suspense, {
+                    children: /* @__PURE__ */ e(N, {
                         type: r,
                         isDarkMode: m,
-                        themeVariant: i,
-                        color: n
+                        themeVariant: a,
+                        color: t
                     })
                 })
             });
         case "O2":
-            return /* @__PURE__ */ o(v, {
-                size: e,
-                children: /* @__PURE__ */ o(a.Suspense, {
-                    children: /* @__PURE__ */ o(E, {
-                        type: r,
-                        isDarkMode: m,
-                        themeVariant: i,
-                        color: n
-                    })
-                })
-            });
-        case "O2-new":
-            return /* @__PURE__ */ o(N, {
-                size: e,
-                children: /* @__PURE__ */ o(a.Suspense, {
-                    children: /* @__PURE__ */ o(b, {
+            return /* @__PURE__ */ e(v, {
+                size: o,
+                children: /* @__PURE__ */ e(i.Suspense, {
+                    children: /* @__PURE__ */ e(V, {
                         type: r,
                         isDarkMode: m,
-                        themeVariant: i,
-                        color: n
+                        themeVariant: a,
+                        color: t
                     })
                 })
             });
         case "Telefonica":
-            return /* @__PURE__ */ o(T, {
-                size: e,
+            return /* @__PURE__ */ e(S, {
+                size: o,
                 type: r,
-                children: /* @__PURE__ */ o(a.Suspense, {
-                    children: /* @__PURE__ */ o(B, {
+                children: /* @__PURE__ */ e(i.Suspense, {
+                    children: /* @__PURE__ */ e(E, {
                         type: r,
                         isDarkMode: m,
-                        themeVariant: i,
-                        color: n
+                        themeVariant: a,
+                        color: t
                     })
                 })
             });
         case "Blau":
-            return /* @__PURE__ */ o(p, {
-                size: e,
+            return /* @__PURE__ */ e(T, {
+                size: o,
                 type: r,
-                children: /* @__PURE__ */ o(a.Suspense, {
-                    children: /* @__PURE__ */ o(A, {
-                        type: r,
-                        isDarkMode: m,
-                        themeVariant: i,
-                        color: n
-                    })
-                })
-            });
-        case "Tu":
-            return /* @__PURE__ */ o(w, {
-                size: e,
-                children: /* @__PURE__ */ o(a.Suspense, {
-                    children: /* @__PURE__ */ o(x, {
+                children: /* @__PURE__ */ e(i.Suspense, {
+                    children: /* @__PURE__ */ e(M, {
                         type: r,
                         isDarkMode: m,
-                        themeVariant: i,
-                        color: n
+                        themeVariant: a,
+                        color: t
                     })
                 })
             });
         case "Esimflag":
-            return /* @__PURE__ */ o(M, {
-                size: e,
+            return /* @__PURE__ */ e(k, {
+                size: o,
                 type: r,
-                children: /* @__PURE__ */ o(a.Suspense, {
-                    children: /* @__PURE__ */ o(D, {
+                children: /* @__PURE__ */ e(i.Suspense, {
+                    children: /* @__PURE__ */ e(b, {
                         type: r,
                         isDarkMode: m,
-                        themeVariant: i,
-                        color: n
+                        themeVariant: a,
+                        color: t
                     })
                 })
             });
         default:
-            return /* @__PURE__ */ o(c, {});
+            return /* @__PURE__ */ e(c, {});
     }
-}, F = (e)=>{
-    const t = h(e.dataAttributes, "Logo");
-    return e.to || e.href || e.onPress ? /* @__PURE__ */ o(u, _object_spread({}, e)) : /* @__PURE__ */ o("div", _object_spread_props(_object_spread({
-        className: L
-    }, t), {
-        children: e.children
+}, O = (o)=>{
+    const n = h(_object_spread({
+        testid: "Logo"
+    }, o.dataAttributes));
+    return o.to || o.href || o.onPress ? /* @__PURE__ */ e(u, _object_spread({}, o)) : /* @__PURE__ */ e("div", _object_spread_props(_object_spread({
+        className: f
+    }, n), {
+        children: o.children
     }));
 }, s = (_param)=>{
-    var { size: e = k, type: t = "isotype", color: r, skinName: n } = _param, i = _object_without_properties(_param, [
+    var { size: o = p, type: n = "isotype", color: r, skinName: t } = _param, a = _object_without_properties(_param, [
         "size",
         "type",
         "color",
         "skinName"
     ]);
-    return /* @__PURE__ */ o(F, _object_spread_props(_object_spread({
-        size: e
-    }, i), {
-        children: /* @__PURE__ */ o(P, {
-            skinName: n,
-            type: t,
-            size: e,
+    return /* @__PURE__ */ e(O, _object_spread_props(_object_spread({
+        size: o
+    }, a), {
+        children: /* @__PURE__ */ e(B, {
+            skinName: t,
+            type: n,
+            size: o,
             color: r
         })
     }));
-}, Z = (_param)=>{
-    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
+}, U = (_param)=>{
+    var { size: o, type: n, color: r } = _param, t = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    const { skinName: i } = l();
-    return /* @__PURE__ */ o(s, _object_spread({
-        size: e,
-        type: t,
+    const { skinName: a } = l();
+    return /* @__PURE__ */ e(s, _object_spread({
+        size: o,
+        type: n,
         color: r,
-        skinName: i
-    }, n));
-}, $ = (_param)=>{
-    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
+        skinName: a
+    }, t));
+}, X = (_param)=>{
+    var { size: o, type: n, color: r } = _param, t = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ o(s, _object_spread({
-        size: e,
-        type: t,
+    return /* @__PURE__ */ e(s, _object_spread({
+        size: o,
+        type: n,
         color: r,
         skinName: "Movistar"
-    }, n));
-}, y = (_param)=>{
-    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
+    }, t));
+}, q = (_param)=>{
+    var { size: o, type: n, color: r } = _param, t = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ o(s, _object_spread({
-        size: e,
-        type: t,
-        color: r,
-        skinName: "Movistar-new"
-    }, n));
-}, oo = (_param)=>{
-    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
-        "size",
-        "type",
-        "color"
-    ]);
-    return /* @__PURE__ */ o(s, _object_spread({
-        size: e,
-        type: t,
+    return /* @__PURE__ */ e(s, _object_spread({
+        size: o,
+        type: n,
         color: r,
         skinName: "Vivo"
-    }, n));
-}, eo = (_param)=>{
-    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
+    }, t));
+}, z = (_param)=>{
+    var { size: o, type: n, color: r } = _param, t = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ o(s, _object_spread({
-        size: e,
-        type: t,
+    return /* @__PURE__ */ e(s, _object_spread({
+        size: o,
+        type: n,
         color: r,
         skinName: "O2"
-    }, n));
-}, ro = (_param)=>{
-    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
+    }, t));
+}, J = (_param)=>{
+    var { size: o, type: n, color: r } = _param, t = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ o(s, _object_spread({
-        size: e,
-        type: t,
-        color: r,
-        skinName: "O2-new"
-    }, n));
-}, no = (_param)=>{
-    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
-        "size",
-        "type",
-        "color"
-    ]);
-    return /* @__PURE__ */ o(s, _object_spread({
-        size: e,
-        type: t,
+    return /* @__PURE__ */ e(s, _object_spread({
+        size: o,
+        type: n,
         color: r,
         skinName: "Telefonica"
-    }, n));
-}, to = (_param)=>{
-    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
+    }, t));
+}, K = (_param)=>{
+    var { size: o, type: n, color: r } = _param, t = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ o(s, _object_spread({
-        size: e,
-        type: t,
+    return /* @__PURE__ */ e(s, _object_spread({
+        size: o,
+        type: n,
         color: r,
         skinName: "Blau"
-    }, n));
-}, ao = (_param)=>{
-    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
-        "size",
-        "type",
-        "color"
-    ]);
-    return /* @__PURE__ */ o(s, _object_spread({
-        size: e,
-        type: t,
-        color: r,
-        skinName: "Tu"
-    }, n));
-}, io = (_param)=>{
-    var { size: e, type: t, color: r } = _param, n = _object_without_properties(_param, [
+    }, t));
+}, Q = (_param)=>{
+    var { size: o, type: n, color: r } = _param, t = _object_without_properties(_param, [
         "size",
         "type",
         "color"
     ]);
-    return /* @__PURE__ */ o(s, _object_spread({
-        size: e,
-        type: t,
+    return /* @__PURE__ */ e(s, _object_spread({
+        size: o,
+        type: n,
         color: r,
         skinName: "Esimflag"
-    }, n));
+    }, t));
 };
-export { to as BlauLogo, io as EsimflagLogo, Z as Logo, $ as MovistarLogo, y as MovistarNewLogo, eo as O2Logo, ro as O2NewLogo, no as TelefonicaLogo, ao as TuLogo, oo as VivoLogo };
+export { K as BlauLogo, Q as EsimflagLogo, U as Logo, X as MovistarLogo, z as O2Logo, J as TelefonicaLogo, q as VivoLogo };

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

@@ -1,15 +1,15 @@
 /* empty css                                     */ /* empty css                                */ var k = {
-    top: "var(--v16_71_2k0k3u0)",
-    bottom: "var(--v16_71_2k0k3u1)",
-    left: "var(--v16_71_2k0k3u2)",
-    right: "var(--v16_71_2k0k3u4)",
-    width: "var(--v16_71_2k0k3u3)",
-    maxHeight: "var(--v16_71_2k0k3u5)",
-    transformOrigin: "var(--v16_71_2k0k3u6)"
-}, e = "v16_71_2k0k3u8 v16_71_2k0k3u7 v16_71_1y2v1nfg6 v16_71_1y2v1nfhf v16_71_1y2v1nfio v16_71_1y2v1nfjx v16_71_1y2v1nf83 v16_71_1y2v1nfsy v16_71_1y2v1nfq4 v16_71_1y2v1nfqa v16_71_1y2v1nfpz", n = {
-    enter: "v16_71_2k0k3u9",
-    enterActive: "v16_71_2k0k3ua",
-    exit: "v16_71_2k0k3ub",
-    exitActive: "v16_71_2k0k3uc"
-}, r = "v16_71_2k0k3ud", t = "v16_71_2k0k3ue", a = "v16_71_2k0k3uf", u = "v16_71_2k0k3ug", i = "v16_71_2k0k3ui v16_71_2k0k3uh v16_71_1y2v1nfg6 v16_71_1y2v1nfhf", m = "v16_71_2k0k3uj", f = "v16_71_2k0k3uk", o = "v16_71_2k0k3ul";
+    top: "var(--v16_72_2k0k3u0)",
+    bottom: "var(--v16_72_2k0k3u1)",
+    left: "var(--v16_72_2k0k3u2)",
+    right: "var(--v16_72_2k0k3u4)",
+    width: "var(--v16_72_2k0k3u3)",
+    maxHeight: "var(--v16_72_2k0k3u5)",
+    transformOrigin: "var(--v16_72_2k0k3u6)"
+}, e = "v16_72_2k0k3u8 v16_72_2k0k3u7 v16_72_1y2v1nfg6 v16_72_1y2v1nfhf v16_72_1y2v1nfio v16_72_1y2v1nfjx v16_72_1y2v1nf83 v16_72_1y2v1nfsx v16_72_1y2v1nfq4 v16_72_1y2v1nfqa v16_72_1y2v1nfpz", n = {
+    enter: "v16_72_2k0k3u9",
+    enterActive: "v16_72_2k0k3ua",
+    exit: "v16_72_2k0k3ub",
+    exitActive: "v16_72_2k0k3uc"
+}, r = "v16_72_2k0k3ud", t = "v16_72_2k0k3ue", a = "v16_72_2k0k3uf", u = "v16_72_2k0k3ug", i = "v16_72_2k0k3ui v16_72_2k0k3uh v16_72_1y2v1nfg6 v16_72_1y2v1nfhf", m = "v16_72_2k0k3uj", f = "v16_72_2k0k3uk", o = "v16_72_2k0k3ul";
 export { o as iconContainer, m as itemContent, f as itemTextContent, e as menuContainer, r as menuItem, u as menuItemDisabled, a as menuItemEnabled, t as menuItemHovered, i as menuSectionDivider, n as menuTransitionClasses, k as vars };

package/dist-es/menu.js

@@ -313,7 +313,9 @@ const Ne = 120, Q = /*#__PURE__*/ o.createContext({
     }, [
         d,
         r
-    ]), /* @__PURE__ */ N("div", _object_spread_props(_object_spread({}, ie(R, "Menu")), {
+    ]), /* @__PURE__ */ N("div", _object_spread_props(_object_spread({}, ie(_object_spread({
+        testid: "Menu"
+    }, R))), {
         children: [
             c(_object_spread_props(_object_spread({}, x), {
                 isMenuOpen: r

package/dist-es/meter.js

@@ -90,7 +90,7 @@ const A = 100, tt = A / 2, xt = A / 2, C = 6, Ct = 2, $t = 200, rt = 1e3, Ft = 1
     let { x1: t, y1: a, x2: $, y2: S, radius: i, clockwise: T = 1, largeArchFlag: I = 0 } = param;
     return i ? `M ${t} ${a} A ${i} ${i} 0 ${+I} ${+T} ${$} ${S}` : `M ${t} ${a} L ${$} ${S}`;
 }, Ht = (param)=>{
-    let { type: t = et, width: a = "100%", colors: $, values: S, reverse: i = !1, dataAttributes: T, "aria-hidden": I = !1, "aria-label": h, "aria-labelledby": H, extra: W } = param;
+    let { type: t = et, width: a = "100%", colors: $, values: S, reverse: i = !1, dataAttributes: T, "aria-hidden": I = !1, "aria-label": h, "aria-labelledby": H, slot: W } = param;
     const { borderRadii: G, t: V } = It(), { ref: Z, width: nt } = Lt(), E = parseInt(G.bar) !== 0, q = _t(), K = q === "media", at = q === "brand", ot = $ || (at || K || q === "negative" ? Dt : Ut), [b, st] = l.useState(typeof a == "number" ? a : 0), J = b === 0 ? 1 : A / b, it = E ? C / 2 : 0, X = it * J, c = C * J, d = t === M ? 0 : tt - c / 2, R = Ct * J, Y = l.useId(), ct = `marker-current-${Y}`, lt = `marker-start-${Y}`, dt = `mask-last-segment-${Y}`, mt = `mask-bar-track-${Y}`, ht = l.useMemo(()=>window.matchMedia("(prefers-reduced-motion: reduce)").matches !== !0 && !Nt(), []), L = t === M ? A - X * 2 : t === r ? Math.PI * 2 : Math.PI, m = t === M ? R / A : R / d / L, ut = t === M ? C : t === r ? b : b / 2 + it, Q = t === M ? c : t === r ? A : tt + X, bt = K ? s.colors.inverse : at ? s.colors.barTrackBrand : s.colors.barTrack, u = l.useMemo(()=>S.map((e)=>e / pt), [
         S
     ]), P = l.useRef(Array.from({
@@ -167,7 +167,9 @@ const A = 100, tt = A / 2, xt = A / 2, C = 6, Ct = 2, $t = 200, rt = 1e3, Ft = 1
         "aria-live": "polite",
         "aria-valuetext": gt,
         "aria-hidden": I
-    }, Rt(T, "Meter")), {
+    }, Rt(_object_spread({
+        testid: "Meter"
+    }, T))), {
         children: [
             /* @__PURE__ */ x("svg", {
                 viewBox: `0 0 ${A} ${Q}`,

package/dist-es/month-field.js

@@ -80,18 +80,18 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { jsx as t } from "react/jsx-runtime";
 import * as s from "react";
-import { useFieldProps as k } from "./form-context.js";
+import { useFieldProps as M } from "./form-context.js";
 import { TextFieldBaseAutosuggest as T } from "./text-field-base.js";
 import { isInputTypeSupported as z } from "./utils/dom.js";
 import { isServerSide as b } from "./utils/environment.js";
 import x from "./generated/mistica-icons/icon-calendar-regular.js";
-import { getLocalYearMonthString as o } from "./utils/time.js";
+import { getLocalYearMonthString as r } from "./utils/time.js";
 import { useTheme as A } from "./hooks.js";
 import { iconContainer as E } from "./date-field.css-mistica.js";
 import { iconSize as N } from "./icon-button.css-mistica.js";
 import { formDateOutOfRangeError as j } from "./text-tokens.js";
 const B = /*#__PURE__*/ s.lazy(()=>import(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")), _ = (_param)=>{
-    var { disabled: p, error: u, helperText: h, name: g, label: F, optional: m, validate: D, validateOnBlurInsideForm: M, onChange: R, onChangeValue: S, onBlur: v, value: y, defaultValue: C, min: r, max: n, dataAttributes: d } = _param, c = _object_without_properties(_param, [
+    var { disabled: p, error: u, helperText: h, name: g, label: D, optional: m, validate: R, validateOnBlurInsideForm: S, onChange: v, onChangeValue: y, onBlur: C, value: F, defaultValue: I, min: o, max: i, dataAttributes: d } = _param, c = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -109,26 +109,26 @@ const B = /*#__PURE__*/ s.lazy(()=>import(/* webpackChunkName: "date-time-picker
         "max",
         "dataAttributes"
     ]);
-    const I = (e)=>e, O = s.useMemo(()=>z("month"), []), { texts: P, t: V } = A(), i = (e)=>!(r && e && e < o(r) || n && e && e > o(n)), f = k({
+    const O = (e)=>e, P = s.useMemo(()=>z("month"), []), { texts: V, t: k } = A(), n = (e)=>!(o && e && e < r(o) || i && e && e > r(i)), f = M({
         name: g,
-        label: F,
-        value: y,
-        defaultValue: C,
-        processValue: I,
+        label: D,
+        value: F,
+        defaultValue: I,
+        processValue: O,
         helperText: h,
         optional: m,
         error: u,
         disabled: p,
-        onBlur: v,
-        validate: (e, a)=>i(e) ? D === null || D === void 0 ? void 0 : D(e, a) : P.formDateOutOfRangeError || V(j),
-        validateOnBlurInsideForm: M,
-        onChange: R,
+        onBlur: C,
+        validate: (e, a)=>n(e) ? R === null || R === void 0 ? void 0 : R(e, a) : V.formDateOutOfRangeError || k(j),
+        validateOnBlurInsideForm: S,
+        onChange: v,
         onChangeValue: (e, a)=>{
-            i(e) && (S === null || S === void 0 ? void 0 : S(e, a));
+            n(e) && (y === null || y === void 0 ? void 0 : y(e, a));
         }
     }), l = /* @__PURE__ */ t(T, _object_spread_props(_object_spread({}, c, f), {
-        min: r ? o(r) : void 0,
-        max: n ? o(n) : void 0,
+        min: o ? r(o) : void 0,
+        max: i ? r(i) : void 0,
         type: "month",
         endIconOverlay: /* @__PURE__ */ t("div", {
             className: E,
@@ -138,18 +138,16 @@ const B = /*#__PURE__*/ s.lazy(()=>import(/* webpackChunkName: "date-time-picker
             })
         }),
         dataAttributes: _object_spread({
-            "component-name": "MonthField",
             testid: "MonthField"
         }, d)
     }));
-    return O || b() ? l : /* @__PURE__ */ t(s.Suspense, {
+    return P || b() ? l : /* @__PURE__ */ t(s.Suspense, {
         fallback: l,
         children: /* @__PURE__ */ t(B, _object_spread_props(_object_spread({}, c, f), {
             optional: m,
-            isValidDate: (e)=>i(o(e.toDate())),
+            isValidDate: (e)=>n(r(e.toDate())),
             mode: "year-month",
             dataAttributes: _object_spread({
-                "component-name": "MonthField",
                 testid: "MonthField"
             }, d)
         }))

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

@@ -1,2 +1,2 @@
-/* empty css                                  */ var r = "v16_71_1j2q6te0", t = "v16_71_1j2q6te1", a = "v16_71_1j2q6te2";
+/* empty css                                  */ var r = "v16_72_1j2q6te0", t = "v16_72_1j2q6te1", a = "v16_72_1j2q6te2";
 export { a as fourItemsContainer, t as singleItemRowContainer, r as squareContainer };