@telefonica/mistica 15.0.0 → 15.1.0

package/dist-es/switch-component.js

@@ -51,43 +51,43 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as s, Fragment as I, jsxs as h } from "react/jsx-runtime";
+import { jsx as s, Fragment as x, jsxs as h } from "react/jsx-runtime";
 import * as f from "react";
-import { debounce as N } from "./utils/helpers.js";
+import { debounce as I } from "./utils/helpers.js";
 import { SPACE as C } from "./utils/keys.js";
 import { useControlProps as D } from "./form-context.js";
 import { Text3 as S } from "./text.js";
 import V from "./inline.js";
 import { useTheme as y, useAriaId as g } from "./hooks.js";
-import { getPrefixedDataAttributes as E } from "./utils/dom.js";
-import { containerDisabled as P, container as A, disabled as p, checkboxVariants as j, switchCheckboxContainerVariants as K, switchCheckboxLabel as M, barVariants as R, ballVariants as T } from "./switch-component.css-mistica.js";
-const $ = (e)=>{
-    const { isIos: l, isDarkMode: u } = y(), o = g(e["aria-labelledby"]), { defaultValue: b, value: d, onChange: a, focusableRef: k, disabled: t } = D({
+import { getPrefixedDataAttributes as A } from "./utils/dom.js";
+import { containerDisabled as E, container as P, interactiveArea as p, disabled as j, checkboxVariants as K, switchCheckboxContainerVariants as M, switchCheckboxLabel as R, barVariants as T, ballVariants as $ } from "./switch-component.css-mistica.js";
+const F = (e)=>{
+    const { isIos: l, isDarkMode: u } = y(), o = g(e["aria-labelledby"]), { defaultValue: b, value: c, onChange: a, focusableRef: k, disabled: t } = D({
         name: e.name,
         value: e.checked,
         defaultValue: e.defaultChecked,
         onChange: e.onChange,
         disabled: e.disabled
-    }), [c, v] = f.useState(!!b), r = d !== null && d !== void 0 ? d : c, w = f.useMemo(()=>process.env.NODE_ENV === "test" ? (i)=>a == null ? void 0 : a(i) : N((i)=>{
+    }), [d, v] = f.useState(!!b), r = c !== null && c !== void 0 ? c : d, N = f.useMemo(()=>process.env.NODE_ENV === "test" ? (i)=>a == null ? void 0 : a(i) : I((i)=>{
             a == null || a(i);
         }, 300), [
         a
     ]), n = ()=>{
-        d !== void 0 ? a == null || a(!d) : (v(!c), w(!c));
-    }, x = (i)=>{
+        c !== void 0 ? a == null || a(!c) : (v(!d), N(!d));
+    }, w = (i)=>{
         i.key === C && (i.preventDefault(), i.stopPropagation(), n());
     }, m = /* @__PURE__ */ s("div", {
-        className: j[l ? t ? "disabledIos" : "ios" : t ? "disabled" : "default"],
+        className: K[l ? t ? "disabledIos" : "ios" : t ? "disabled" : "default"],
         children: /* @__PURE__ */ s("div", {
-            className: K[l ? "ios" : "default"],
+            className: M[l ? "ios" : "default"],
             children: /* @__PURE__ */ h("div", {
-                className: M,
+                className: R,
                 children: [
                     /* @__PURE__ */ s("span", {
-                        className: R[l ? r ? "checkedIos" : u ? "iosDark" : "ios" : r ? "checked" : "default"]
+                        className: T[l ? r ? "checkedIos" : u ? "iosDark" : "ios" : r ? "checked" : "default"]
                     }),
                     /* @__PURE__ */ s("span", {
-                        className: T[l ? r ? "checkedIos" : "ios" : r ? "checked" : "default"]
+                        className: $[l ? r ? "checkedIos" : "ios" : r ? "checked" : "default"]
                     })
                 ]
             })
@@ -97,27 +97,28 @@ const $ = (e)=>{
     // eslint-disable-next-line jsx-a11y/interactive-supports-focus
     /* @__PURE__ */ s("span", _object_spread_props(_object_spread({
         role: "switch",
-        "aria-checked": d !== null && d !== void 0 ? d : c,
+        "aria-checked": c !== null && c !== void 0 ? c : d,
         onClick: (i)=>{
             i.stopPropagation(), t || n();
         },
-        onKeyDown: t ? void 0 : x,
+        onKeyDown: t ? void 0 : w,
         tabIndex: t ? void 0 : 0,
         ref: k,
-        className: t ? P : A,
+        className: t ? E : P,
         "aria-disabled": t,
         "aria-labelledby": o
-    }, E(e.dataAttributes, "Switch")), {
-        children: e.render ? /* @__PURE__ */ s(I, {
+    }, A(e.dataAttributes, "Switch")), {
+        children: e.render ? /* @__PURE__ */ s(x, {
             children: e.render({
                 controlElement: m,
                 labelId: o,
                 disabled: !!t,
-                checked: d !== null && d !== void 0 ? d : c
+                checked: c !== null && c !== void 0 ? c : d
             })
         }) : /* @__PURE__ */ h(V, {
             space: 16,
             alignItems: "center",
+            className: p,
             children: [
                 m,
                 e.children && /* @__PURE__ */ s(S, {
@@ -125,12 +126,12 @@ const $ = (e)=>{
                     as: "div",
                     id: o,
                     children: /* @__PURE__ */ s("span", {
-                        className: t ? p : "",
+                        className: t ? j : "",
                         children: e.children
                     })
                 })
             ]
         })
     })));
-}, J = $;
-export { J as default };
+}, Q = F;
+export { Q as default };

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

@@ -1,9 +1,9 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./tabs.css.ts.vanilla.css-mistica.js";
-var f = "_1y2v1nfh7 _1y2v1nfh3 _1y2v1nfku _1y2v1nflo _1y2v1nfie", e = "lgofm1q", y = "lgofm14", _ = "lgofm13 _1y2v1nfjj _1y2v1nfhv _1y2v1nfh2", r = "lgofm10", o = "lgofm11", a = {
+var v = "_1y2v1nfh9 _1y2v1nfh5 _1y2v1nfkw _1y2v1nflq _1y2v1nfig", e = "lgofm1q", y = "lgofm14", _ = "lgofm13 _1y2v1nfjl _1y2v1nfhx _1y2v1nfh4", l = "lgofm10", r = "lgofm11", a = {
     default: "lgofm1a",
     inverse: "lgofm1b"
-}, l = {
+}, o = {
     noSelected: "_1y2v1nf25",
     noSelectedInverse: "_1y2v1nf26",
     selected: "lgofm1g",
@@ -11,7 +11,7 @@ var f = "_1y2v1nfh7 _1y2v1nfh3 _1y2v1nfku _1y2v1nflo _1y2v1nfie", e = "lgofm1q",
     selectedAnimating: "lgofm1i",
     selectedAnimatingInverse: "lgofm1j"
 }, t = {
-    default: "lgofm17 _1y2v1nf9y _1y2v1nfb7 _1y2v1nfh9 _1y2v1nfhq _1y2v1nfhn _1y2v1nfhh _1y2v1nfj7 _1y2v1nfjj _1y2v1nf70",
-    fullWidth: "lgofm19 lgofm17 _1y2v1nf9y _1y2v1nfb7 _1y2v1nfh9 _1y2v1nfhq _1y2v1nfhn _1y2v1nfhh _1y2v1nfj7 _1y2v1nfjj _1y2v1nf70"
-}, m = "_1y2v1nfjj _1y2v1nfhv _1y2v1nfh8";
-export { f as animatedLine, e as icon, y as inner, _ as outer, r as outerBorder, o as outerBorderInverse, a as tabHover, l as tabSelectionVariants, t as tabVariants, m as tabsContainer };
+    default: "lgofm17 _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfhb _1y2v1nfhs _1y2v1nfhp _1y2v1nfhj _1y2v1nfj9 _1y2v1nfjl _1y2v1nf72",
+    fullWidth: "lgofm19 lgofm17 _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfhb _1y2v1nfhs _1y2v1nfhp _1y2v1nfhj _1y2v1nfj9 _1y2v1nfjl _1y2v1nf72"
+}, m = "_1y2v1nfjl _1y2v1nfhx _1y2v1nfha";
+export { v as animatedLine, e as icon, y as inner, _ as outer, l as outerBorder, r as outerBorderInverse, a as tabHover, o as tabSelectionVariants, t as tabVariants, m as tabsContainer };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./tag.css.ts.vanilla.css-mistica.js";
-var y = "_1wy08671 _1y2v1nf77 _1y2v1nf8g _1y2v1nfh9 _1y2v1nfhd _1y2v1nfhn _1y2v1nfhh _1y2v1nfj4";
+var y = "_1wy08671 _1y2v1nf79 _1y2v1nf8i _1y2v1nfhb _1y2v1nfhf _1y2v1nfhp _1y2v1nfhj _1y2v1nfj6";
 export { y as tag };

package/dist-es/text-field-base.css-mistica.js

@@ -1,5 +1,5 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./text-field-base.css.ts.vanilla.css-mistica.js";
-var n = "rhey4t8", v = "rhey4th _1y2v1nf9p _1y2v1nfh8 _1y2v1nfhn", y = 12, a = "rhey4tr", h = 4, f = 11, i = 15, _ = "rhey4t4", l = "rhey4t7", d = "calc(1.5rem + 24px)", o = "rhey4ta _1y2v1nfh2 rhey4t1 _1y2v1nfjq _1y2v1nfit _1y2v1nf23 _1y2v1nfhv", p = "rhey4tb", u = "rhey4tc", c = "rhey4td", m = "rhey4tn _1y2v1nfh8 _1y2v1nfhn _1y2v1nfk8", x = "_1y2v1nf3x", b = "rhey4tl _1y2v1nfb4", s = "rhey4tj _1y2v1nfb4 _1y2v1nfh8 _1y2v1nfhn _1y2v1nfic _1y2v1nfh3", I = "rhey4tq _1y2v1nfh3", g = "rhey4t6 _1y2v1nf71 _1y2v1nf8a rhey4t1 _1y2v1nfjq _1y2v1nfit _1y2v1nf23 _1y2v1nfhv", L = "rhey4te", W = "rhey4tf";
-export { n as emptyDateValue, v as endIconContainer, y as fieldElementsGap, a as fieldEndIconContainer, h as fieldEndIconGap, f as fieldLeftPadding, i as fieldRightPadding, _ as fullWidth, l as hiddenDatePlaceholder, d as iconButtonSize, o as input, p as inputFirefoxStyles, u as inputWithLabel, c as inputWithoutLabel, m as menuItem, x as menuItemSelected, b as prefix, s as startIcon, I as suggestionsContainer, g as textArea, L as textAreaWithLabel, W as textAreaWithoutLabel };
+var n = "rhey4t8", v = "rhey4th _1y2v1nf9r _1y2v1nfha _1y2v1nfhp", a = 12, y = "rhey4tr", h = 4, f = 11, i = 15, _ = "rhey4t4", l = "rhey4t7", d = "calc(1.5rem + 24px)", o = "rhey4ta _1y2v1nfh4 rhey4t1 _1y2v1nfjs _1y2v1nfiv _1y2v1nf23 _1y2v1nfhx", p = "rhey4tb", u = "rhey4tc", c = "rhey4td", m = "rhey4tn _1y2v1nfha _1y2v1nfhp _1y2v1nfka", x = "_1y2v1nf3y", s = "rhey4tl _1y2v1nfb6", b = "rhey4tj _1y2v1nfb6 _1y2v1nfha _1y2v1nfhp _1y2v1nfie _1y2v1nfh5", I = "rhey4tq _1y2v1nfh5", g = "rhey4t6 _1y2v1nf73 _1y2v1nf8c rhey4t1 _1y2v1nfjs _1y2v1nfiv _1y2v1nf23 _1y2v1nfhx", L = "rhey4te", W = "rhey4tf";
+export { n as emptyDateValue, v as endIconContainer, a as fieldElementsGap, y as fieldEndIconContainer, h as fieldEndIconGap, f as fieldLeftPadding, i as fieldRightPadding, _ as fullWidth, l as hiddenDatePlaceholder, d as iconButtonSize, o as input, p as inputFirefoxStyles, u as inputWithLabel, c as inputWithoutLabel, m as menuItem, x as menuItemSelected, s as prefix, b as startIcon, I as suggestionsContainer, g as textArea, L as textAreaWithLabel, W as textAreaWithoutLabel };

package/dist-es/text-field-components.css-mistica.js

@@ -2,5 +2,5 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
 import "./text-field-base.css.ts.vanilla.css-mistica.js";
 import "./text-field-components.css.ts.vanilla.css-mistica.js";
-var a = 328, f = 0.78, e = 0.75, y = "_15k6ur97", h = "_1y2v1nfk9 _1y2v1nfjp _1y2v1nfh8 _1y2v1nfjy _1y2v1nfh2", t = "_15k6ur96 _1y2v1nfh8 _1y2v1nfhe", i = "_1y2v1nfhv", l = "_1y2v1nf9v _1y2v1nfb7 _1y2v1nfh8", k = "_15k6ur9d", u = "_15k6ur91 _1y2v1nfh3 _1y2v1nfh8 _1y2v1nfhd", d = "_15k6ur93 _1y2v1nfk9 _1y2v1nfhr", o = "_15k6ur9e", p = "_15k6ur99 _1y2v1nfhv", L = "_15k6ur9f", E = "_15k6ur94";
-export { a as DEFAULT_WIDTH, f as LABEL_SCALE_DESKTOP, e as LABEL_SCALE_MOBILE, y as disabled, h as field, t as fieldContainer, i as fullWidth, l as helperContainer, k as helperText, u as labelContainer, d as labelText, o as leftText, p as normalWidth, L as rightText, E as shrinked };
+var n = 328, f = 0.78, e = 0.75, h = "_15k6ur97", t = "_1y2v1nfkb _1y2v1nfjr _1y2v1nfha _1y2v1nfk0 _1y2v1nfh4", y = "_15k6ur96 _1y2v1nfha _1y2v1nfhg", i = "_1y2v1nfhx", k = "_1y2v1nf9x _1y2v1nfb9 _1y2v1nfha", l = "_15k6ur9d", u = "_15k6ur91 _1y2v1nfh5 _1y2v1nfha _1y2v1nfhf", o = "_15k6ur93 _1y2v1nfkb _1y2v1nfht", d = "_15k6ur9e", x = "_15k6ur99 _1y2v1nfhx", L = "_15k6ur9f", p = "_15k6ur94";
+export { n as DEFAULT_WIDTH, f as LABEL_SCALE_DESKTOP, e as LABEL_SCALE_MOBILE, h as disabled, t as field, y as fieldContainer, i as fullWidth, k as helperContainer, l as helperText, u as labelContainer, o as labelText, d as leftText, x as normalWidth, L as rightText, p as shrinked };

package/dist-es/text-link.css-mistica.js

@@ -1,8 +1,8 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./text-link.css.ts.vanilla.css-mistica.js";
 var v = {
-    default: "_1m1n0pr1 _1y2v1nfhw _1y2v1nfhb _1y2v1nfk8 _1y2v1nf2e",
-    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfhw _1y2v1nfhb _1y2v1nfk8 _1y2v1nf2f",
-    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfhw _1y2v1nfhb _1y2v1nfk8 _1y2v1nf2e"
+    default: "_1m1n0pr1 _1y2v1nfhy _1y2v1nfhd _1y2v1nfka _1y2v1nf2e",
+    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfhy _1y2v1nfhd _1y2v1nfka _1y2v1nf2f",
+    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfhy _1y2v1nfhd _1y2v1nfka _1y2v1nf2e"
 };
 export { v as variants };

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

@@ -1,6 +1,6 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./tooltip.css.ts.vanilla.css-mistica.js";
-var a = 40, v = "_1xhatbpb _1y2v1nfi1 _1y2v1nfih _1y2v1nfh3 _1y2v1nfkf _1y2v1nf3k", _ = "_1xhatbp9 _1y2v1nfh3 _1y2v1nfi3 _1y2v1nfk9", o = "_1xhatbpd _1y2v1nfh3", r = "_1xhatbp1 _1y2v1nfh3", y = "_1xhatbp6", i = "_1xhatbp5 _1y2v1nfh2 _1y2v1nfk9", e = "_1xhatbp3 _1y2v1nfh2 _1y2v1nfk1 _1y2v1nf3k", f = "_1y2v1nfh8 _1y2v1nfhe _1y2v1nfhn", h = {
+var a = 40, v = "_1xhatbpb _1y2v1nfi3 _1y2v1nfij _1y2v1nfh5 _1y2v1nfkh _1y2v1nf3l", _ = "_1xhatbp9 _1y2v1nfh5 _1y2v1nfi5 _1y2v1nfkb", o = "_1xhatbpd _1y2v1nfh5", r = "_1xhatbp1 _1y2v1nfh5", y = "_1xhatbp6", i = "_1xhatbp5 _1y2v1nfh4 _1y2v1nfkb", e = "_1xhatbp3 _1y2v1nfh4 _1y2v1nfk3 _1y2v1nf3l", f = "_1y2v1nfha _1y2v1nfhg _1y2v1nfhp", p = {
     entering: {
         opacity: 1
     },
@@ -15,4 +15,4 @@ var a = 40, v = "_1xhatbpb _1y2v1nfi1 _1y2v1nfih _1y2v1nfh3 _1y2v1nfkf _1y2v1nf3
     },
     unmounted: {}
 };
-export { a as CONTENT_MIN_WIDTH, v as arrow, _ as arrowContainer, o as closeButtonIcon, r as container, y as content, i as contentContainer, e as tooltip, f as tooltipCenter, h as tooltipTransitionClasses };
+export { a as CONTENT_MIN_WIDTH, v as arrow, _ as arrowContainer, o as closeButtonIcon, r as container, y as content, i as contentContainer, e as tooltip, f as tooltipCenter, p as tooltipTransitionClasses };

package/dist-es/tooltip.js

@@ -346,7 +346,6 @@ const lt = (t)=>({
                                                             trackingEvent: O,
                                                             "aria-label": R.modalClose,
                                                             Icon: zt,
-                                                            hasInteractiveAreaBleed: !0,
                                                             small: !0
                                                         })
                                                     })

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./touchable.css.ts.vanilla.css-mistica.js";
-var a = "mhti6u2 _1y2v1nfk8", f = "mhti6u0", y = "mhti6u5", _ = "mhti6u2 _1y2v1nfk8 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfha _1y2v1nfjq _1y2v1nfhv _1y2v1nf3h _1y2v1nf70 _1y2v1nfka";
-export { a as base, f as marginReset, y as notTouchable, _ as touchable };
+var f = "mhti6u2 _1y2v1nfka", y = "mhti6u0", _ = "mhti6u5", a = "mhti6u2 _1y2v1nfka _1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfhc _1y2v1nfjs _1y2v1nfhx _1y2v1nf3i _1y2v1nf72 _1y2v1nfkc";
+export { f as base, y as marginReset, _ as notTouchable, a as touchable };

package/dist-es/touchable.js

@@ -78,25 +78,23 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as I, jsx as i } from "react/jsx-runtime";
-import * as o from "react";
-import b from "classnames";
-import A from "./screen-reader-only.js";
-import { notTouchable as _, touchable as H, base as K, marginReset as j } from "./touchable.css-mistica.js";
-import { useTheme as B } from "./hooks.js";
-import { isInsideNovumNativeApp as S } from "./utils/platform.js";
-import { ENTER as V, SPACE as W } from "./utils/keys.js";
-import { getPrefixedDataAttributes as L } from "./utils/dom.js";
-const $ = function(e) {
-    let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, l = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
-    t ? window.open(e, "_blank") : l ? window.open(e, "_top") : document.location.href = e;
-}, T = /*#__PURE__*/ o.forwardRef((e, t)=>{
-    const { texts: l, analytics: v, platformOverrides: N, Link: P, useHrefDecorator: E } = B(), R = E(), f = o.useRef(!1);
-    let r = [];
-    e.trackingEvent && (Array.isArray(e.trackingEvent) ? r = e.trackingEvent : r = [
+import { jsxs as A, jsx as i } from "react/jsx-runtime";
+import * as c from "react";
+import m from "classnames";
+import H from "./screen-reader-only.js";
+import { notTouchable as K, touchable as j, base as B, marginReset as S } from "./touchable.css-mistica.js";
+import { useTheme as V } from "./hooks.js";
+import { isInsideNovumNativeApp as W } from "./utils/platform.js";
+import { ENTER as _, SPACE as L } from "./utils/keys.js";
+import { getPrefixedDataAttributes as $ } from "./utils/dom.js";
+import { redirect as q } from "./utils/browser.js";
+const P = /*#__PURE__*/ c.forwardRef((e, t)=>{
+    const { texts: f, analytics: w, platformOverrides: E, Link: R, useHrefDecorator: x } = V(), O = x(), u = c.useRef(!1);
+    let l = [];
+    e.trackingEvent && (Array.isArray(e.trackingEvent) ? l = e.trackingEvent : l = [
         e.trackingEvent
     ]);
-    const d = e.children, n = _object_spread({
+    const o = e.children, n = _object_spread({
         className: e.className,
         disabled: e.disabled,
         style: e.style,
@@ -110,96 +108,101 @@ const $ = function(e) {
         "aria-selected": e["aria-selected"],
         "aria-live": e["aria-live"],
         tabIndex: e.tabIndex
-    }, L(e.dataAttributes, "Touchable")), u = e.type ? e.type : "button", c = !!e.href && !!e.newTab, m = !c && !!e.href && !!e.loadOnTop, s = (a)=>{
+    }, $(e.dataAttributes, "Touchable")), s = e.type ? e.type : "button", r = !!e.href && !!e.newTab, h = !r && !!e.href && !!e.loadOnTop, b = (a)=>{
         e.stopPropagation && a.stopPropagation();
-    }, h = (a)=>{
+    }, g = (a)=>{
         e.onPress && e.onPress(a);
-    }, k = ()=>{
+    }, y = ()=>{
         var _e_to_pathname;
-        return e.href ? R(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (_e_to_pathname = e.to.pathname) !== null && _e_to_pathname !== void 0 ? _e_to_pathname : "" : "";
-    }, y = ()=>Promise.all(r.map((a)=>v.logEvent(a))), g = (a)=>{
-        f.current || (f.current = !0, y().finally(()=>{
-            f.current = !1, a();
+        return e.href ? O(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (_e_to_pathname = e.to.pathname) !== null && _e_to_pathname !== void 0 ? _e_to_pathname : "" : "";
+    }, k = ()=>Promise.all(l.map((a)=>w.logEvent(a))), v = (a)=>{
+        u.current || (u.current = !0, k().finally(()=>{
+            u.current = !1, a();
         }));
-    }, x = (a)=>{
-        if (s(a), !r.length) {
-            h(a);
+    }, C = (a)=>{
+        if (b(a), !l.length) {
+            g(a);
             return;
         }
-        g(()=>h(a));
-    }, C = (a)=>{
-        s(a), r.length && (a.preventDefault(), g(()=>$(k(), c, m)));
+        v(()=>g(a));
     }, D = (a)=>{
-        s(a), y();
-    }, w = (a)=>{
-        (a.key === V || a.key === W) && (a.preventDefault(), a.currentTarget.click());
+        var T;
+        b(a);
+        const d = !!(e.href && e.onNavigate);
+        !l.length && !d || (a.preventDefault(), Promise.resolve(d ? (T = e.onNavigate) == null ? void 0 : T.call(e) : void 0).finally(()=>{
+            v(()=>q(y(), r, h));
+        }));
+    }, I = (a)=>{
+        b(a), e.to && e.onNavigate && e.onNavigate(), k();
+    }, N = (a)=>{
+        (a.key === _ || a.key === L) && (a.preventDefault(), a.currentTarget.click());
     };
-    if (e.href || e.to && e.fullPageOnWebView && S(N)) return /* @__PURE__ */ I("a", _object_spread_props(_object_spread({}, n), {
+    if (e.href || e.to && e.fullPageOnWebView && W(E)) return /* @__PURE__ */ A("a", _object_spread_props(_object_spread({}, n), {
         "aria-label": e["aria-label"],
         "aria-labelledby": e["aria-labelledby"],
-        onClick: C,
-        onKeyDown: w,
-        href: e.disabled ? void 0 : k(),
+        onClick: D,
+        onKeyDown: N,
+        href: e.disabled ? void 0 : y(),
         target: (()=>{
-            if (c) return "_blank";
-            if (m) return "_top";
+            if (r) return "_blank";
+            if (h) return "_top";
         })(),
-        rel: c ? "noopener noreferrer" : void 0,
+        rel: r ? "noopener noreferrer" : void 0,
         ref: t,
         children: [
-            d,
-            c && /* @__PURE__ */ i(A, {
+            o,
+            r && /* @__PURE__ */ i(H, {
                 children: /* @__PURE__ */ i("span", {
-                    children: l.linkOpensInNewTab
+                    children: f.linkOpensInNewTab
                 })
             })
         ]
     }));
-    if (e.to) return /* @__PURE__ */ i(P, _object_spread_props(_object_spread({}, n), {
+    if (e.to) return /* @__PURE__ */ i(R, _object_spread_props(_object_spread({}, n), {
         "aria-label": e["aria-label"],
         "aria-labelledby": e["aria-labelledby"],
         innerRef: t,
         to: e.disabled ? "" : e.to,
         replace: e.replace,
-        onClick: D,
-        onKeyDown: w,
-        children: d
+        onClick: I,
+        onKeyDown: N,
+        children: o
     }));
     if (e.onPress) {
         var _e_as, _n_role;
-        const a = (_e_as = e.as) !== null && _e_as !== void 0 ? _e_as : "button", O = (_n_role = n.role) !== null && _n_role !== void 0 ? _n_role : e.as === "a" ? "button" : void 0;
-        return /*#__PURE__*/ o.createElement(a, _object_spread_props(_object_spread({}, n), {
-            role: O,
+        const a = (_e_as = e.as) !== null && _e_as !== void 0 ? _e_as : "button", d = (_n_role = n.role) !== null && _n_role !== void 0 ? _n_role : e.as === "a" ? "button" : void 0;
+        return /*#__PURE__*/ c.createElement(a, _object_spread_props(_object_spread({}, n), {
+            role: d,
             // this "form" attribute is useful when the form's submit button
             // is located outside the <form> element, for example if you use
             // a ButtonFixedFooter layout inside a form with the submit
             // button located at the footer, which is redered using a Portal
-            form: u === "submit" && e.formId ? e.formId : void 0,
+            form: s === "submit" && e.formId ? e.formId : void 0,
             "aria-label": e["aria-label"],
             "aria-labelledby": e["aria-labelledby"],
-            type: u,
+            type: s,
             ref: t,
-            onClick: x,
-            children: d
+            onClick: C,
+            children: o
         }));
     }
     return /* @__PURE__ */ i("div", _object_spread_props(_object_spread({}, n), {
         ref: t,
-        className: b(n.className, _),
-        children: d
+        className: m(n.className, K),
+        children: o
     }));
-}), q = /*#__PURE__*/ o.forwardRef((e, t)=>/* @__PURE__ */ i(T, _object_spread_props(_object_spread({}, e), {
-        className: b(H, e.className),
+}), z = /*#__PURE__*/ c.forwardRef((e, t)=>/* @__PURE__ */ i(P, _object_spread_props(_object_spread({}, e), {
+        className: m(j, e.className),
         ref: t
-    }))), Y = /*#__PURE__*/ o.forwardRef((_param, l)=>{
+    }))), p = /*#__PURE__*/ c.forwardRef((_param, f)=>{
     var { resetMargin: e = !0 } = _param, t = _object_without_properties(_param, [
         "resetMargin"
     ]);
-    return /* @__PURE__ */ i(T, _object_spread_props(_object_spread({}, t), {
-        className: b(K, t.className, {
-            [j]: e
+    return /* @__PURE__ */ i(P, _object_spread_props(_object_spread({}, t), {
+        className: m(B, t.className, {
+            [S]: e
         }),
-        ref: l
+        ref: f
     }));
-}), Z = q;
-export { Y as BaseTouchable, Z as default };
+}), ee = z;
+export { p as BaseTouchable, ee as default };

package/dist-es/utils/aspect-ratio-support.css-mistica.js

@@ -1,6 +1,6 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "./aspect-ratio-support.css.ts.vanilla.css-mistica.js";
-var n = "yqswj62", a = "_1y2v1nfhv _1y2v1nfic _1y2v1nfkf _1y2v1nfku", y = {
+var a = "yqswj62", n = "_1y2v1nfhx _1y2v1nfie _1y2v1nfkh _1y2v1nfkw", y = {
     aspectRatio: "var(--yqswj60)"
-}, f = "_1y2v1nfk9 _1y2v1nfjn _1y2v1nfjo _1y2v1nfh2";
-export { n as container, a as containerWithWrapper, y as vars, f as wrapper };
+}, p = "_1y2v1nfkb _1y2v1nfjp _1y2v1nfjq _1y2v1nfh4";
+export { a as container, n as containerWithWrapper, y as vars, p as wrapper };

package/dist-es/utils/browser.js

@@ -0,0 +1,5 @@
+const i = function(e) {
+    let o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
+    o ? window.open(e, "_blank") : n ? window.open(e, "_top") : document.location.href = e;
+};
+export { i as redirect };

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var f = "_1y2v1nfkf _1y2v1nfku _1y2v1nfha _1y2v1nf70 _1y2v1nfjn _1y2v1nfjo _1y2v1nfm3";
+var f = "_1y2v1nfkh _1y2v1nfkw _1y2v1nfhc _1y2v1nf72 _1y2v1nfjp _1y2v1nfjq _1y2v1nfm5";
 export { f as video };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "15.0.0",
+    "version": "15.1.0",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -123,7 +123,7 @@
         "lodash": "^4.17.21",
         "mini-css-extract-plugin": "^1.6.2",
         "node-fetch": "^2.6.7",
-        "playroom": "^0.34.2",
+        "playroom": "^0.37.0",
         "postcss": "^8.4.18",
         "postcss-loader": "^4.2.0",
         "prettier": "^2.6.1",