@telefonica/mistica 14.0.0 → 14.2.0

package/dist/navigation-bar.js

@@ -9,12 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    FunnelNavigationBar: ()=>Y1,
-    MainNavigationBar: ()=>Q1,
-    NavigationBar: ()=>X1,
-    NavigationBarAction: ()=>e2,
-    NavigationBarActionGroup: ()=>z1,
-    NavigationBarLogo: ()=>G
+    FunnelNavigationBar: ()=>z1,
+    MainNavigationBar: ()=>X1,
+    NavigationBar: ()=>Y1,
+    NavigationBarAction: ()=>r2,
+    NavigationBarActionGroup: ()=>e2,
+    NavigationBarLogo: ()=>P
 });
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _reactTransitionGroup = require("react-transition-group");
@@ -164,7 +164,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-const g1 = (param)=>{
+const H1 = (param)=>{
     let { size: r  } = param;
     const { isDarkMode: t  } = (0, _hooksJs.useTheme)(), n = (0, _themeVariantContextJs.useIsInverseVariant)() && !t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", {
@@ -177,7 +177,7 @@ const g1 = (param)=>{
             d: "M5.75989 5.73747C4.83318 5.7524 3.12261 6.21673 2.34128 9.45937C2.00085 10.8723 1.86931 12.3449 2.16077 14.0979C2.42943 15.7147 2.90545 17.1101 3.22629 17.8792C3.33689 18.1441 3.50812 18.4206 3.6405 18.5906C4.02129 19.0797 4.65503 19.0484 4.92132 18.9151C5.2116 18.7699 5.54527 18.4194 5.42453 17.6187C5.36611 17.2319 5.19775 16.666 5.10302 16.3515C4.81224 15.3863 4.42521 14.2216 4.39143 13.392C4.34635 12.2823 4.77695 12.1369 5.06283 12.0731C5.54375 11.9655 5.94682 12.5021 6.3298 13.1746C6.78691 13.9771 7.57026 15.3991 8.20924 16.4853C8.78607 17.4658 9.85057 18.5156 11.5601 18.4436C13.303 18.3703 14.5877 17.6946 15.2494 15.5671C15.7447 13.9756 16.0823 12.7863 16.6255 11.5683C17.2501 10.1677 18.0833 9.41801 18.7849 9.64692C19.4364 9.85935 19.599 10.5064 19.6067 11.4576C19.6137 12.2989 19.5179 13.2264 19.4435 13.9078C19.4164 14.1551 19.3675 14.6525 19.3874 14.9286C19.4267 15.4715 19.6581 16.0138 20.2597 16.1006C20.9006 16.1929 21.4148 15.6725 21.6201 15.0434C21.7011 14.7955 21.7702 14.4161 21.8075 14.1468C21.9958 12.7873 22.0446 11.8735 21.9598 10.4824C21.8604 8.85587 21.5471 7.3726 21.0007 6.08889C20.4779 4.8613 19.6382 4.07454 18.5612 4.00504C17.369 3.92817 16.0009 4.73192 15.2832 6.29138C14.6216 7.72883 14.0924 9.20455 13.7714 9.95768C13.4458 10.7214 12.9673 11.1921 12.2315 11.2709C11.332 11.367 10.5569 10.7034 9.98921 9.75726C9.49428 8.93257 8.51336 7.3623 7.98853 6.83465C7.49546 6.33891 6.9323 5.71859 5.75989 5.73747Z"
         })
     });
-}, H1 = (param)=>{
+}, f1 = (param)=>{
     let { size: r  } = param;
     const { isDarkMode: t  } = (0, _hooksJs.useTheme)(), n = (0, _themeVariantContextJs.useIsInverseVariant)() && !t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", {
@@ -206,7 +206,7 @@ const g1 = (param)=>{
             })
         ]
     });
-}, f1 = (param)=>{
+}, V1 = (param)=>{
     let { size: r  } = param;
     const { isDarkMode: t  } = (0, _hooksJs.useTheme)(), n = (0, _themeVariantContextJs.useIsInverseVariant)() && !t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", {
@@ -219,7 +219,7 @@ const g1 = (param)=>{
             d: "M21.5488 16.0335C21.8424 16.1065 22.1266 16.2415 22.3388 16.4558C22.5183 16.6276 22.6411 16.8499 22.7127 17.0838C22.7977 17.3731 22.8193 17.6803 22.7802 17.9787C22.7429 18.2479 22.6501 18.5075 22.5284 18.7511C22.2997 19.1992 21.9805 19.5965 21.6394 19.9683C21.2723 20.3662 20.8766 20.738 20.4814 21.1094C21.2777 21.1069 22.074 21.1092 22.8703 21.1081C22.9135 21.1077 22.9576 21.1055 23 21.1167V22.0552C22.9759 22.0582 22.952 22.0614 22.9283 22.0624L18.8838 22.0622V21.0511C18.9759 20.9616 19.0743 20.8788 19.1687 20.7915C19.5786 20.4276 19.9825 20.0567 20.3632 19.6636C20.7294 19.2771 21.0861 18.873 21.3411 18.4066C21.4566 18.1876 21.5534 17.9491 21.5517 17.6993C21.5505 17.5207 21.4843 17.341 21.3574 17.2104C21.1927 17.0367 20.9529 16.9489 20.716 16.9204C20.3962 16.887 20.0733 16.9517 19.7757 17.0638C19.546 17.1486 19.3328 17.2686 19.1242 17.3931C19.0916 17.0571 19.0577 16.7212 19.0264 16.385C19.5388 16.1368 20.1029 15.987 20.6754 15.9608C20.9677 15.9438 21.2639 15.965 21.5488 16.0335ZM14.8405 5.31598C15.4058 5.52592 15.9429 5.8091 16.4281 6.16147C17.2361 6.74433 17.8939 7.51825 18.3477 8.39085C18.7702 9.19553 19.0213 10.0802 19.1223 10.9769C19.1704 11.4267 19.1906 11.8802 19.1648 12.332C19.1295 13.0499 18.99 13.7632 18.7481 14.4425C18.3674 15.5124 17.7227 16.4967 16.8652 17.2645C16.0449 18.0046 15.0307 18.537 13.947 18.8055C13.1523 19.0037 12.3237 19.0655 11.5063 19.0057C10.6758 18.9451 9.85411 18.7488 9.09547 18.4127C8.21888 18.0263 7.43007 17.4539 6.79756 16.7483C6.02182 15.8873 5.48168 14.8334 5.21175 13.7205C5.07973 13.1805 5.01279 12.6264 5 12.0718V11.7823C5.01178 11.3188 5.05344 10.8555 5.13963 10.3991C5.34506 9.29686 5.79973 8.23067 6.51039 7.34507C7.05786 6.65781 7.75545 6.08488 8.54283 5.67338C9.55445 5.14127 10.703 4.87849 11.8491 4.8504C12.8638 4.81979 13.89 4.96278 14.8405 5.31598ZM11.7686 6.88536C11.3519 6.91848 10.939 7.01031 10.5534 7.16896C10.1453 7.33515 9.76806 7.57136 9.43995 7.86C9.02852 8.21991 8.69266 8.65754 8.43365 9.13235C8.03931 9.85652 7.81866 10.665 7.75717 11.4807C7.72184 11.96 7.74281 12.4429 7.81421 12.9184C7.90715 13.527 8.08442 14.1256 8.36283 14.679C8.59899 15.1493 8.90986 15.5869 9.2996 15.9492C9.7116 16.3365 10.2151 16.6312 10.7604 16.8024C11.2601 16.9599 11.7902 17.0181 12.3138 16.9961C12.8009 16.9736 13.287 16.8782 13.7364 16.6911C14.4144 16.4136 14.9922 15.9302 15.4118 15.3457C15.9534 14.5939 16.259 13.6989 16.3791 12.7929C16.5377 11.6104 16.3647 10.3777 15.831 9.29994C15.592 8.82345 15.2831 8.37604 14.8943 8.00284C14.4766 7.59023 13.9621 7.26917 13.3989 7.08034C12.8773 6.90381 12.3181 6.84622 11.7686 6.88536Z"
         })
     });
-}, V1 = (param)=>{
+}, b1 = (param)=>{
     let { size: r  } = param;
     const { isDarkMode: t  } = (0, _hooksJs.useTheme)(), n = (0, _themeVariantContextJs.useIsInverseVariant)() && !t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", {
@@ -281,7 +281,7 @@ const g1 = (param)=>{
             })
         ]
     });
-}, b1 = (param)=>{
+}, Z1 = (param)=>{
     let { size: r  } = param;
     const { isDarkMode: t  } = (0, _hooksJs.useTheme)(), n = (0, _themeVariantContextJs.useIsInverseVariant)() && !t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", {
@@ -308,35 +308,35 @@ const g1 = (param)=>{
             })
         ]
     });
-}, G = (param)=>{
+}, P = (param)=>{
     let { size: r  } = param;
     const { skinName: t  } = (0, _hooksJs.useTheme)(), { isTabletOrSmaller: a  } = (0, _hooksJs.useScreenSize)();
     switch(r = r != null ? r : a ? 40 : 48, t){
         case "Movistar":
-            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(g1, {
+            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(H1, {
                 size: r
             });
         case "Vivo":
-            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(H1, {
+            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(f1, {
                 size: r
             });
         case "O2":
         case "O2-classic":
-            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(f1, {
+            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(V1, {
                 size: r
             });
         case "Telefonica":
-            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(V1, {
+            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(b1, {
                 size: r
             });
         case "Blau":
-            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(b1, {
+            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(Z1, {
                 size: r
             });
         default:
             return null;
     }
-}, Z1 = (param)=>/* @__PURE__ */ {
+}, N1 = (param)=>/* @__PURE__ */ {
     let { isOpen: r  } = param;
     return (0, _jsxRuntimeJs.jsxs)("div", {
         className: _navigationBarCssMisticaJs.burgerIconContainer,
@@ -353,7 +353,7 @@ const g1 = (param)=>{
             })
         ]
     });
-}, N1 = 300, V = (param)=>{
+}, L1 = 300, V = (param)=>{
     let { children: r , topFixed: t , withBorder: a , isMenuOpen: n , isInverse: i , dataAttributes: d  } = param;
     const { isDarkMode: u  } = (0, _hooksJs.useTheme)();
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("header", _objectSpreadProps(_objectSpread({
@@ -370,19 +370,19 @@ const g1 = (param)=>{
     }, (0, _domJs.getPrefixedDataAttributes)(d)), {
         children: r
     }));
-}, Q1 = (param)=>{
+}, X1 = (param)=>{
     let { sections: r , selectedIndex: t , right: a , logo: n , isInverse: i = !1 , topFixed: d = !0  } = param;
-    const { texts: u , isDarkMode: M  } = (0, _hooksJs.useTheme)(), [C, B] = _react.useState(!1), [I, v] = _react.useState("closed"), x = (0, _hooksJs.useAriaId)(), P = M ? 1 : 0.2, { isTabletOrSmaller: _  } = (0, _hooksJs.useScreenSize)(), w = (0, _modalContextProviderJs.useSetModalState)();
-    if (n = n != null ? n : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(G, {}), _) {
+    const { texts: u , isDarkMode: M  } = (0, _hooksJs.useTheme)(), [C, B] = _react.useState(!1), [I, g] = _react.useState("closed"), x = (0, _hooksJs.useAriaId)(), _ = M ? 1 : 0.2, { isTabletOrSmaller: U  } = (0, _hooksJs.useScreenSize)(), w = (0, _modalContextProviderJs.useSetModalState)();
+    if (n = n != null ? n : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(P, {}), U) {
         const b = ()=>{
             B(!0), w({
                 isModalOpen: !0
             });
-        }, g = ()=>{
+        }, v = ()=>{
             B(!1), w({
                 isModalOpen: !1
             });
-        }, p = I !== "open";
+        }, p = I !== "open", A = r.length > 1;
         return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
             children: [
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_focusTrapJs.default, {
@@ -408,13 +408,13 @@ const g1 = (param)=>{
                                                 space: 24,
                                                 alignItems: "center",
                                                 children: [
-                                                    /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconButtonJs.default, {
+                                                    A && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconButtonJs.default, {
                                                         "aria-live": "polite",
                                                         "aria-label": C ? u.closeNavigationMenu : u.openNavigationMenu,
                                                         "aria-expanded": C,
                                                         "aria-controls": x,
-                                                        onPress: C ? g : b,
-                                                        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(Z1, {
+                                                        onPress: C ? v : b,
+                                                        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(N1, {
                                                             isOpen: C
                                                         })
                                                     }),
@@ -435,25 +435,25 @@ const g1 = (param)=>{
                         })
                     ]
                 }),
-                /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_portalJs.Portal, {
+                A && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_portalJs.Portal, {
                     children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_focusTrapJs.default, {
                         disabled: p,
                         group: "burger-menu-lock",
                         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_reactTransitionGroup.CSSTransition, {
                             onEntering: ()=>{
-                                v("opening");
+                                g("opening");
                             },
                             onEntered: ()=>{
-                                v("open");
+                                g("open");
                             },
                             onExiting: ()=>{
-                                v("closing");
+                                g("closing");
                             },
                             onExited: ()=>{
-                                v("closed");
+                                g("closed");
                             },
                             in: C,
-                            timeout: N1,
+                            timeout: L1,
                             classNames: {
                                 enter: _navigationBarCssMisticaJs.burgerMenuEnter,
                                 enterActive: _navigationBarCssMisticaJs.burgerMenuEnterActive,
@@ -464,16 +464,16 @@ const g1 = (param)=>{
                             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("nav", {
                                 className: _navigationBarCssMisticaJs.burgerMenu,
                                 style: {
-                                    boxShadow: I !== "closed" ? `6px 0 4px -4px rgba(0, 0, 0, ${P})` : "none"
+                                    boxShadow: I !== "closed" ? `6px 0 4px -4px rgba(0, 0, 0, ${_})` : "none"
                                 },
                                 id: x,
                                 onClick: ()=>{
-                                    g();
+                                    v();
                                 },
                                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_responsiveLayoutJs.default, {
                                     children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_negativeBoxJs.default, {
                                         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_listJs.RowList, {
-                                            children: r.map((U, j)=>/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_listJs.Row, _objectSpread({}, U), j))
+                                            children: r.map((j, F)=>/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_listJs.Row, _objectSpread({}, j), F))
                                         })
                                     })
                                 })
@@ -512,10 +512,10 @@ const g1 = (param)=>{
                                         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_inlineJs.default, {
                                             space: 32,
                                             children: r.map((_param, p)=>/* @__PURE__ */ /*#__PURE__*/ {
-                                                var { title: b  } = _param, g = _objectWithoutProperties(_param, [
+                                                var { title: b  } = _param, v = _objectWithoutProperties(_param, [
                                                     "title"
                                                 ]);
-                                                return /*#__PURE__*/ (0, _react.createElement)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({}, g), {
+                                                return /*#__PURE__*/ (0, _react.createElement)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({}, v), {
                                                     key: p,
                                                     className: (0, _classnames.default)(_navigationBarCssMisticaJs.section, {
                                                         [_navigationBarCssMisticaJs.selectedSectionVariantes[i ? "inverse" : "default"]]: p === t
@@ -543,7 +543,7 @@ const g1 = (param)=>{
             })
         ]
     });
-}, X1 = (param)=>{
+}, Y1 = (param)=>{
     let { onBack: r , title: t , right: a , isInverse: n = !1 , topFixed: i = !0 , paddingX: d = 0 , withBorder: u = !0  } = param;
     const { texts: M  } = (0, _hooksJs.useTheme)(), C = /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_inlineJs.default, {
         space: "between",
@@ -601,7 +601,7 @@ const g1 = (param)=>{
             })
         ]
     });
-}, Y1 = (param)=>/* @__PURE__ */ {
+}, z1 = (param)=>/* @__PURE__ */ {
     let { logo: r , right: t , isInverse: a = !1 , topFixed: n = !0  } = param;
     return (0, _jsxRuntimeJs.jsxs)(_themeVariantContextJs.ThemeVariant, {
         isInverse: a,
@@ -620,7 +620,7 @@ const g1 = (param)=>{
                             space: "between",
                             alignItems: "center",
                             children: [
-                                r != null ? r : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(G, {}),
+                                r != null ? r : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(P, {}),
                                 t
                             ]
                         })
@@ -632,7 +632,7 @@ const g1 = (param)=>{
             })
         ]
     });
-}, z1 = (param)=>/* @__PURE__ */ {
+}, e2 = (param)=>/* @__PURE__ */ {
     let { children: r  } = param;
     return (0, _jsxRuntimeJs.jsx)("div", {
         className: _navigationBarCssMisticaJs.lineHeightFix,
@@ -643,7 +643,7 @@ const g1 = (param)=>{
             children: r
         })
     });
-}, e2 = (_param)=>{
+}, r2 = (_param)=>{
     var { children: r  } = _param, t = _objectWithoutProperties(_param, [
         "children"
     ]);

package/dist/package-version.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
     enumerable: true,
     get: ()=>o
 });
-const o = "14.0.0";
+const o = "14.2.0";

package/dist/select.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>ut
+    get: ()=>ft
 });
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
@@ -117,11 +117,11 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-const ut = (param)=>{
-    let { id: le , label: h , helperText: ae , value: _ , onChangeValue: V , name: i , fullWidth: D , options: d , optional: M , disabled: ue , error: de , onBlur: H , autoFocus: q = !1 , native: fe  } = param;
+const ft = (param)=>{
+    let { id: le , label: h , helperText: ae , value: k , onChangeValue: V , name: i , fullWidth: D , options: d , optional: M , disabled: ue , error: de , onBlur: H , autoFocus: q = !1 , native: fe  } = param;
     var ee, te, ne;
-    const g = _react.useRef(null), f = _react.useRef(null), T = _react.useRef(null), I = _react.useRef(null), N = _react.useRef(/* @__PURE__ */ new Map()), [c, pe] = _react.useState(), [F, j] = _react.useState(!1), [z, K] = _react.useState(!1), [U, y] = _react.useState(!1), [u, P] = _react.useState({}), [x, G] = _react.useState(), Z = _react.useRef(null), W = (0, _hooksJs.useAriaId)(le), { rawValues: me , setRawValue: B , setValue: L , formStatus: he , formErrors: X , setFormError: ge , register: $  } = (0, _formContextJs.useForm)(), { platformOverrides: J  } = (0, _hooksJs.useTheme)(), Te = fe || process.env.NODE_ENV === "test" || (0, _platformJs.isAndroid)(J) || (0, _platformJs.isIos)(J), E = ue || he === "sending", A = de || !!X[i], Q = X[i] || ae, o = _ != null ? _ : me[i], R = (e)=>{
-        V == null || V(e), ge({
+    const g = _react.useRef(null), f = _react.useRef(null), S = _react.useRef(null), T = _react.useRef(null), N = _react.useRef(/* @__PURE__ */ new Map()), [pe, me] = _react.useState(!0), [c, he] = _react.useState(), [F, j] = _react.useState(!1), [z, K] = _react.useState(!1), [U, y] = _react.useState(!1), [u, P] = _react.useState({}), [I, G] = _react.useState(), Z = _react.useRef(null), W = (0, _hooksJs.useAriaId)(le), { rawValues: ge , setRawValue: B , setValue: L , formStatus: Se , formErrors: X , setFormError: Te , register: $  } = (0, _formContextJs.useForm)(), { platformOverrides: J  } = (0, _hooksJs.useTheme)(), Ie = fe || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platformJs.isAndroid)(J) || (0, _platformJs.isIos)(J), E = ue || Se === "sending", v = de || !!X[i], Q = X[i] || ae, o = k != null ? k : ge[i], A = (e)=>{
+        V == null || V(e), Te({
             name: i,
             error: ""
         }), B({
@@ -131,19 +131,19 @@ const ut = (param)=>{
             name: i,
             value: e
         });
-    }, S = (e)=>{
+    }, x = (e)=>{
         if (e) {
-            if (T != null && T.current) {
-                const { top: s , width: w , left: O , height: b  } = T.current.getBoundingClientRect(), p = s + b, v = Math.min(d.length, 8) * 48 + 16;
-                if (p + v + 12 > window.innerHeight) {
-                    const Oe = window.innerHeight - p;
-                    if (s > Oe) {
-                        const ye = s - v;
+            if (S != null && S.current) {
+                const { top: r , width: w , left: O , height: R  } = S.current.getBoundingClientRect(), p = r + R, b = Math.min(d.length, 8) * 48 + 16;
+                if (p + b + 12 > window.innerHeight) {
+                    const Ce = window.innerHeight - p;
+                    if (r > Ce) {
+                        const Ne = r - b;
                         P({
                             minWidth: w,
                             left: O,
-                            top: Math.max(ye, 12),
-                            maxHeight: Math.min(s - 12, v),
+                            top: Math.max(Ne, 12),
+                            maxHeight: Math.min(r - 12, b),
                             transformOrigin: "center bottom"
                         });
                     } else P({
@@ -157,29 +157,29 @@ const ut = (param)=>{
                     minWidth: w,
                     top: p,
                     left: O,
-                    maxHeight: v,
+                    maxHeight: b,
                     transformOrigin: "center top"
                 });
             }
             j(!0), requestAnimationFrame(()=>{
-                Z.current && I.current && "scrollTop" in I.current && (I.current.scrollTop = Z.current), K(!0);
+                Z.current && T.current && "scrollTop" in T.current && (T.current.scrollTop = Z.current), K(!0);
             }), G(c != null ? c : o);
         } else K(!1), j(!1), G(void 0);
     }, Y = (e)=>{
         var t;
-        Z.current = (t = I.current) == null ? void 0 : t.scrollTop, S(!1), R && typeof e == "string" && R(e), typeof o > "u" && pe(e);
-    }, Ie = (e)=>{
+        Z.current = (t = T.current) == null ? void 0 : t.scrollTop, x(!1), A && typeof e == "string" && A(e), typeof o > "u" && he(e);
+    }, Ee = (e)=>{
         var n;
-        const t = (n = I.current) == null ? void 0 : n.getBoundingClientRect();
+        const t = (n = T.current) == null ? void 0 : n.getBoundingClientRect();
         if (t && e && N.current.has(e)) {
-            const l = N.current.get(e), s = l == null ? void 0 : l.getBoundingClientRect();
-            if (s && s.top + s.height / 2 >= t.top + t.height) {
+            const l = N.current.get(e), r = l == null ? void 0 : l.getBoundingClientRect();
+            if (r && r.top + r.height / 2 >= t.top + t.height) {
                 l == null || l.scrollIntoView();
                 return;
             }
-            s && s.top + s.height / 2 <= t.top && (l == null || l.scrollIntoView(!1));
+            r && r.top + r.height / 2 <= t.top && (l == null || l.scrollIntoView(!1));
         }
-    }, xe = f.current, Ee = g.current;
+    }, xe = f.current, we = g.current;
     _react.useEffect(()=>{
         B({
             name: i,
@@ -207,27 +207,27 @@ const ut = (param)=>{
         f,
         g,
         xe,
-        Ee
+        we
     ]), _react.useEffect(()=>{
         const e = (n)=>{
             var w, O;
-            const s = {
+            const r = {
                 [_keyCodesJs.UP]: -1,
                 [_keyCodesJs.DOWN]: 1
             }[n.keyCode];
-            if (s) {
+            if (r) {
                 (0, _domJs.cancelEvent)(n);
-                const b = (O = (w = d[d.findIndex((param)=>{
+                const R = (O = (w = d[d.findIndex((param)=>{
                     let { value: p  } = param;
-                    return p === x;
-                }) + s]) == null ? void 0 : w.value) != null ? O : x;
-                G(b), Ie(b);
+                    return p === I;
+                }) + r]) == null ? void 0 : w.value) != null ? O : I;
+                G(R), Ee(R);
             }
         }, t = (n)=>{
-            F && (n.keyCode === _keyCodesJs.TAB && (0, _domJs.cancelEvent)(n), n.keyCode === _keyCodesJs.ESC && S(!1), (n.keyCode === _keyCodesJs.ENTER || n.keyCode === _keyCodesJs.SPACE) && ((0, _domJs.cancelEvent)(n), d.findIndex((param)=>{
+            F && (n.keyCode === _keyCodesJs.TAB && (0, _domJs.cancelEvent)(n), n.keyCode === _keyCodesJs.ESC && x(!1), (n.keyCode === _keyCodesJs.ENTER || n.keyCode === _keyCodesJs.SPACE) && ((0, _domJs.cancelEvent)(n), d.findIndex((param)=>{
                 let { value: l  } = param;
-                return l === x;
-            }) !== -1 && x !== c && Y(x), S(!1))), z && e(n);
+                return l === I;
+            }) !== -1 && I !== c && Y(I), x(!1))), z && e(n);
         };
         return document.addEventListener("keydown", t, !1), ()=>{
             document.removeEventListener("keydown", t, !1);
@@ -236,35 +236,37 @@ const ut = (param)=>{
         q && f.current && f.current.focus();
     }, [
         q
-    ]);
-    const Se = (e)=>{
+    ]), _react.useEffect(()=>{
+        me(!1);
+    }, []);
+    const Oe = (e)=>{
         var t;
         return e ? (t = d.find((param)=>{
             let { value: n  } = param;
             return n === e;
         })) == null ? void 0 : t.text : "";
-    }, we = {
+    }, ye = {
         tabIndex: 0,
         onFocus: ()=>y(!0),
         onBlur: ()=>y(!1),
         onClick: ()=>{
-            S(!0), y(!0);
+            x(!0), y(!0);
         },
         onKeyDown: (e)=>{
-            !F && (e.keyCode === _keyCodesJs.SPACE || e.keyCode === _keyCodesJs.ENTER) && ((0, _domJs.cancelEvent)(e), S(!0));
+            !F && (e.keyCode === _keyCodesJs.SPACE || e.keyCode === _keyCodesJs.ENTER) && ((0, _domJs.cancelEvent)(e), x(!0));
         }
     };
-    return Te ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_textFieldComponentsJs.FieldContainer, {
+    return Ie || pe ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_textFieldComponentsJs.FieldContainer, {
         disabled: E,
         helperText: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textFieldComponentsJs.HelperText, {
-            error: A,
+            error: v,
             leftText: Q
         }),
-        fieldRef: T,
+        fieldRef: S,
         fullWidth: D,
         children: [
             h && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textFieldComponentsJs.Label, {
-                error: A,
+                error: v,
                 forId: W,
                 inputState: U ? "focused" : ((te = o != null ? o : c) != null ? te : (ee = g.current) == null ? void 0 : ee.value) ? "filled" : "default",
                 optional: M,
@@ -273,12 +275,12 @@ const ut = (param)=>{
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("select", {
                 className: _selectCssMisticaJs.selectVariants[E ? "disabled" : "default"],
                 id: W,
-                "aria-invalid": !!A,
+                "aria-invalid": !!v,
                 value: o,
                 required: !M,
                 disabled: E,
                 onChange: (e)=>{
-                    R && R(e.target.value);
+                    A && A(e.target.value);
                 },
                 onFocus: ()=>y(!0),
                 onBlur: (e)=>{
@@ -331,7 +333,7 @@ const ut = (param)=>{
                 role: "button",
                 "aria-haspopup": "listbox",
                 ref: f
-            }, !E && we), {
+            }, !E && ye), {
                 children: [
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textFieldBaseJs.TextFieldBaseAutosuggest, {
                         style: {
@@ -350,22 +352,22 @@ const ut = (param)=>{
                         required: !M,
                         disabled: E,
                         id: W,
-                        error: A,
+                        error: v,
                         inputRef: g,
-                        fieldRef: T
+                        fieldRef: S
                     }),
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                         className: _selectCssMisticaJs.selectTextVariants[E ? "disabled" : "default"],
                         style: {
                             top: h ? 27 : 17
                         },
-                        children: Se(o != null ? o : c)
+                        children: Oe(o != null ? o : c)
                     })
                 ]
             })),
             F && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_overlayJs.default, {
                 onPress: (e)=>{
-                    S(!1), (0, _domJs.cancelEvent)(e);
+                    x(!1), (0, _domJs.cancelEvent)(e);
                 },
                 disableScroll: !0,
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("ul", {
@@ -379,7 +381,7 @@ const ut = (param)=>{
                     onPointerDown: _domJs.cancelEvent,
                     className: (0, _classnames.default)(_selectCssMisticaJs.optionsContainer, z ? _selectCssMisticaJs.optionsAnimationsVariants.show : _selectCssMisticaJs.optionsAnimationsVariants.hide),
                     role: "listbox",
-                    ref: I,
+                    ref: T,
                     children: d.map((param)=>/* @__PURE__ */ {
                         let { value: e , text: t  } = param;
                         return (0, _jsxRuntimeJs.jsx)("li", {
@@ -387,7 +389,7 @@ const ut = (param)=>{
                             "aria-selected": e === (c != null ? c : o),
                             "data-value": e,
                             className: (0, _classnames.default)(_selectCssMisticaJs.menuItem, {
-                                [_selectCssMisticaJs.menuItemSelected]: e === x || e === (c != null ? c : o)
+                                [_selectCssMisticaJs.menuItemSelected]: e === I || e === (c != null ? c : o)
                             }),
                             onPointerDown: _domJs.cancelEvent,
                             onClick: ()=>Y(e),

package/dist/skins/movistar.d.ts

@@ -41,7 +41,7 @@ export declare const palette: {
     readonly movistarProminentBlueLight50: "#85939C";
     readonly movistarProminentBlueLight70: "#546874";
     readonly darkModeBlack: "#061824";
-    readonly darkModeGrey: "#092130";
+    readonly darkModeGrey: "#081F2E";
     readonly darkModeGrey2: "#EAEBEE";
     readonly darkModeGrey3: "#CED4D7";
     readonly darkModeGrey4: "#85939C";

package/dist/skins/movistar.js

@@ -56,7 +56,7 @@ const e = {
     movistarProminentBlueLight50: "#85939C",
     movistarProminentBlueLight70: "#546874",
     darkModeBlack: "#061824",
-    darkModeGrey: "#092130",
+    darkModeGrey: "#081F2E",
     darkModeGrey2: "#EAEBEE",
     darkModeGrey3: "#CED4D7",
     darkModeGrey4: "#85939C",
@@ -167,12 +167,12 @@ const e = {
             backgroundBrand: e.darkModeBlack,
             backgroundBrandSecondary: e.darkModeBlack,
             backgroundOverlay: (0, _colorJs.applyAlpha)(e.darkModeGrey, 0.8),
-            backgroundSkeleton: e.darkModeGrey6,
-            backgroundSkeletonInverse: e.darkModeGrey6,
+            backgroundSkeleton: e.movistarBlueDark,
+            backgroundSkeletonInverse: e.movistarBlueDark,
             navigationBarBackground: e.darkModeBlack,
             backgroundAlternative: e.darkModeGrey,
             backgroundFeedbackBottom: e.darkModeBlack,
-            skeletonWave: e.darkModeGrey5,
+            skeletonWave: e.darkModeGrey6,
             borderHigh: e.darkModeGrey4,
             borderLow: e.darkModeBlack,
             border: e.darkModeGrey,
@@ -214,7 +214,7 @@ const e = {
             inverse: e.darkModeGrey2,
             neutralHigh: e.darkModeGrey2,
             neutralMedium: e.darkModeGrey5,
-            neutralLow: e.darkModeGrey6,
+            neutralLow: e.movistarBlueDark,
             textPrimary: e.darkModeGrey2,
             textPrimaryInverse: e.darkModeGrey2,
             textSecondary: e.darkModeGrey4,
@@ -225,11 +225,11 @@ const e = {
             textNavigationSearchBarText: e.darkModeGrey2,
             textAppBar: e.darkModeGrey5,
             textAppBarSelected: e.darkModeGrey2,
-            successLow: e.grey6,
-            warningLow: e.grey6,
-            errorLow: e.grey6,
-            promoLow: e.grey6,
-            brandLow: e.grey6,
+            successLow: e.movistarBlueDark,
+            warningLow: e.movistarBlueDark,
+            errorLow: e.movistarBlueDark,
+            promoLow: e.movistarBlueDark,
+            brandLow: e.movistarBlueDark,
             successHigh: e.movistarGreen40,
             warningHigh: e.egg40,
             errorHigh: e.pepper40,