@telefonica/mistica 14.12.0 → 14.14.0

package/dist-es/theme-context-provider.js

@@ -26,107 +26,111 @@ function _object_spread(target) {
     }
     return target;
 }
-import { jsx as e, jsxs as E, Fragment as R } from "react/jsx-runtime";
+import { jsx as r, jsxs as S, Fragment as y } from "react/jsx-runtime";
 import * as a from "react";
-import { assignInlineVars as h } from "@vanilla-extract/dynamic";
-import A from "./dialog.js";
-import H from "./screen-size-context-provider.js";
-import S from "./aria-id-getter-context.js";
-import { getTexts as y, dimensions as N, AnchorLink as O, NAVBAR_HEIGHT_MOBILE as L } from "./theme.js";
-import { getPlatform as g, isInsideNovumNativeApp as w } from "./utils/platform.js";
-import F from "./theme-context.js";
-import { useIsomorphicLayoutEffect as $ } from "./hooks.js";
-import V from "./tab-focus.js";
-import j from "./modal-context-provider.js";
-import { DocumentVisibilityProvider as _ } from "./utils/document-visibility.js";
-import { AspectRatioSupportProvider as B } from "./utils/aspect-ratio-support.js";
-import { TrackingConfig as z } from "./utils/analytics.js";
-import { vars as G } from "./skins/skin-contract.css-mistica.js";
-import { fromHexToRgb as q } from "./utils/color.js";
-import { defaultTextPresetsConfig as r, defaultBorderRadiiConfig as W } from "./skins/defaults.js";
-const J = "(prefers-color-scheme: dark)", K = ()=>{
+import { assignInlineVars as N } from "@vanilla-extract/dynamic";
+import O from "./dialog.js";
+import L from "./screen-size-context-provider.js";
+import w from "./aria-id-getter-context.js";
+import { getTexts as F, dimensions as $, AnchorLink as h, NAVBAR_HEIGHT_MOBILE as V } from "./theme.js";
+import { getPlatform as D, isInsideNovumNativeApp as j } from "./utils/platform.js";
+import _ from "./theme-context.js";
+import { useIsomorphicLayoutEffect as B } from "./hooks.js";
+import z from "./tab-focus.js";
+import G from "./modal-context-provider.js";
+import { DocumentVisibilityProvider as q } from "./utils/document-visibility.js";
+import { AspectRatioSupportProvider as W } from "./utils/aspect-ratio-support.js";
+import { TrackingConfig as J } from "./utils/analytics.js";
+import { vars as K } from "./skins/skin-contract.css-mistica.js";
+import { fromHexToRgb as Q } from "./utils/color.js";
+import { defaultTextPresetsConfig as e, defaultBorderRadiiConfig as U } from "./skins/defaults.js";
+const X = "(prefers-color-scheme: dark)", Y = ()=>{
     const [t, c] = a.useState(!1);
-    return $(()=>{
+    return B(()=>{
         if (!window.matchMedia) return;
-        const o = window.matchMedia(J), s = ()=>{
+        const o = window.matchMedia(X), s = ()=>{
             c(o.matches);
         };
         return o.addListener(s), s(), ()=>o.removeListener(s);
     }, []), t;
-}, Q = ()=>(t)=>t, U = (t)=>({
-        headerMobileHeight: (t == null ? void 0 : t.headerMobileHeight) === "mistica" ? L : t == null ? void 0 : t.headerMobileHeight
-    }), X = (param)=>{
+}, Z = ()=>(t)=>t, tt = (t)=>({
+        headerMobileHeight: (t == null ? void 0 : t.headerMobileHeight) === "mistica" ? V : t == null ? void 0 : t.headerMobileHeight
+    }), et = (param)=>{
     let { theme: t , children: c , as: o  } = param;
     var _t_colorScheme, _t_skin_borderRadii;
-    const s = a.useRef(1), M = a.useCallback(()=>`aria-id-hook-${s.current++}`, []), T = K(), u = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", C = t.skin.colors, D = _object_spread({}, t.skin.colors, t.skin.darkModeColors), f = u === "auto" && T || u === "dark", p = f ? D : C, k = a.useMemo(()=>{
-        var i, n, l, m, x, P, b;
-        const d = _object_spread({
-            platform: g(),
-            insideNovumNativeApp: w()
+    const s = a.useRef(1), I = a.useCallback(()=>`aria-id-hook-${s.current++}`, []), E = Y(), m = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", R = t.skin.colors, A = _object_spread({}, t.skin.colors, t.skin.darkModeColors), u = m === "auto" && E || m === "dark", k = u ? A : R, p = a.useMemo(()=>{
+        var i, n, d, x, f, P, b, g, M, T, C;
+        const l = _object_spread({
+            platform: D(),
+            insideNovumNativeApp: j()
         }, t.platformOverrides);
         var _t_Link, _t_useHrefDecorator;
         return {
             skinName: t.skin.name,
             i18n: t.i18n,
-            platformOverrides: d,
-            texts: _object_spread({}, y(t.i18n.locale), t.texts),
+            platformOverrides: l,
+            texts: _object_spread({}, F(t.i18n.locale), t.texts),
             analytics: _object_spread({
                 logEvent: ()=>Promise.resolve(),
                 eventFormat: "universal-analytics"
             }, t.analytics),
-            dimensions: _object_spread({}, N, U(t.dimensions)),
+            dimensions: _object_spread({}, $, tt(t.dimensions)),
             textPresets: {
-                text5: _object_spread({}, r.text5, (i = t.skin.textPresets) == null ? void 0 : i.text5),
-                text6: _object_spread({}, r.text6, (n = t.skin.textPresets) == null ? void 0 : n.text6),
-                text7: _object_spread({}, r.text7, (l = t.skin.textPresets) == null ? void 0 : l.text7),
-                text8: _object_spread({}, r.text8, (m = t.skin.textPresets) == null ? void 0 : m.text8),
-                text9: _object_spread({}, r.text9, (x = t.skin.textPresets) == null ? void 0 : x.text9),
-                text10: _object_spread({}, r.text10, (P = t.skin.textPresets) == null ? void 0 : P.text10),
-                cardTitle: _object_spread({}, r.cardTitle, (b = t.skin.textPresets) == null ? void 0 : b.cardTitle)
+                text5: _object_spread({}, e.text5, (i = t.skin.textPresets) == null ? void 0 : i.text5),
+                text6: _object_spread({}, e.text6, (n = t.skin.textPresets) == null ? void 0 : n.text6),
+                text7: _object_spread({}, e.text7, (d = t.skin.textPresets) == null ? void 0 : d.text7),
+                text8: _object_spread({}, e.text8, (x = t.skin.textPresets) == null ? void 0 : x.text8),
+                text9: _object_spread({}, e.text9, (f = t.skin.textPresets) == null ? void 0 : f.text9),
+                text10: _object_spread({}, e.text10, (P = t.skin.textPresets) == null ? void 0 : P.text10),
+                cardTitle: _object_spread({}, e.cardTitle, (b = t.skin.textPresets) == null ? void 0 : b.cardTitle),
+                button: _object_spread({}, e.button, (g = t.skin.textPresets) == null ? void 0 : g.button),
+                link: _object_spread({}, e.link, (M = t.skin.textPresets) == null ? void 0 : M.link),
+                title1: _object_spread({}, e.title1, (T = t.skin.textPresets) == null ? void 0 : T.title1),
+                indicator: _object_spread({}, e.indicator, (C = t.skin.textPresets) == null ? void 0 : C.indicator)
             },
-            Link: (_t_Link = t.Link) !== null && _t_Link !== void 0 ? _t_Link : O,
-            isDarkMode: f,
-            isIos: g(d) === "ios",
-            useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : Q,
+            Link: (_t_Link = t.Link) !== null && _t_Link !== void 0 ? _t_Link : h,
+            isDarkMode: u,
+            isIos: D(l) === "ios",
+            useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : Z,
             useId: t.useId
         };
     }, [
         t,
-        f
-    ]), I = Object.fromEntries(Object.entries(p).map((param)=>{
-        let [d, i] = param;
+        u
+    ]), H = Object.fromEntries(Object.entries(k).map((param)=>{
+        let [l, i] = param;
         let n = "";
         if (i.startsWith("#")) {
-            const [l, m, x] = q(i);
-            n = `${l}, ${m}, ${x}`;
+            const [d, x, f] = Q(i);
+            n = `${d}, ${x}, ${f}`;
         }
         return [
-            d,
+            l,
             n
         ];
-    })), v = h(G, {
-        colors: p,
-        rawColors: I,
-        borderRadii: (_t_skin_borderRadii = t.skin.borderRadii) !== null && _t_skin_borderRadii !== void 0 ? _t_skin_borderRadii : W
+    })), v = N(K, {
+        colors: k,
+        rawColors: H,
+        borderRadii: (_t_skin_borderRadii = t.skin.borderRadii) !== null && _t_skin_borderRadii !== void 0 ? _t_skin_borderRadii : U
     });
-    return /* @__PURE__ */ e(V, {
+    return /* @__PURE__ */ r(z, {
         disabled: !t.enableTabFocus,
-        children: /* @__PURE__ */ e(j, {
-            children: /* @__PURE__ */ e(F.Provider, {
-                value: k,
-                children: /* @__PURE__ */ e(z, {
-                    eventFormat: k.analytics.eventFormat,
-                    children: /* @__PURE__ */ e(B, {
-                        children: /* @__PURE__ */ e(_, {
-                            children: /* @__PURE__ */ e(S.Provider, {
-                                value: M,
-                                children: /* @__PURE__ */ e(H, {
-                                    children: /* @__PURE__ */ e(A, {
+        children: /* @__PURE__ */ r(G, {
+            children: /* @__PURE__ */ r(_.Provider, {
+                value: p,
+                children: /* @__PURE__ */ r(J, {
+                    eventFormat: p.analytics.eventFormat,
+                    children: /* @__PURE__ */ r(W, {
+                        children: /* @__PURE__ */ r(q, {
+                            children: /* @__PURE__ */ r(w.Provider, {
+                                value: I,
+                                children: /* @__PURE__ */ r(L, {
+                                    children: /* @__PURE__ */ r(O, {
                                         children: o ? /*#__PURE__*/ a.createElement(o, {
                                             style: v
-                                        }, c) : /* @__PURE__ */ E(R, {
+                                        }, c) : /* @__PURE__ */ S(y, {
                                             children: [
-                                                (process.env.NODE_ENV !== "test" || process.env.SSR_TEST) && /* @__PURE__ */ e("style", {
+                                                (process.env.NODE_ENV !== "test" || process.env.SSR_TEST) && /* @__PURE__ */ r("style", {
                                                     children: `:root {${v}}`
                                                 }),
                                                 c
@@ -141,5 +145,5 @@ const J = "(prefers-color-scheme: dark)", K = ()=>{
             })
         })
     });
-}, pt = X;
-export { pt as default, K as useIsOsDarkModeEnabled };
+}, bt = et;
+export { bt as default, Y as useIsOsDarkModeEnabled };

package/dist-es/tooltip.js

@@ -84,14 +84,15 @@ import { CSSTransition as V } from "react-transition-group";
 import { useTheme as j, useScreenSize as q, useAriaId as G } from "./hooks.js";
 import { Portal as H } from "./portal.js";
 import J from "./overlay.js";
-import { Text2 as S } from "./text.js";
+import { Text2 as O } from "./text.js";
 import { TAB as Q } from "./utils/key-codes.js";
 import U from "./stack.js";
 import { vars as n, wrapper as Z, enter as _, enterActive as tt, enterDone as et, exit as rt, exitActive as nt, container as ot, arrowWrapper as at, arrow as it, fadeInTopKeyframes as st, fadeInBottomKeyframes as ct, fadeInXKeyframes as lt, arrowTop as ut, arrowBottom as ft, arrowLeft as mt, arrowRight as dt } from "./tooltip.css-mistica.js";
 import { assignInlineVars as pt } from "@vanilla-extract/dynamic";
 import { getPrefixedDataAttributes as ht } from "./utils/dom.js";
-const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500, d = 12, vt = 500, R = ()=>{}, At = (t)=>t || Tt, Yt = (t)=>t === "bottom" ? `translateY(${d}px)` : t === "top" ? `translateY(calc(-100% - ${d}px))` : t === "right" ? `translateX(${d}px) translateY(-50%)` : t === "left" ? `translateX(-${d}px) translateY(-50%)` : `translateY(-${d}px)`, yt = (t)=>t === "top" ? "translateY(-100%)" : t === "bottom" ? "translateY(0)" : "translateY(-50%)", Pt = (t)=>t === "bottom" ? "translateY(0)" : t === "top" ? "translateY(-100%)" : t === "right" || t === "left" ? "translateX(0px) translateY(-50%)" : "translateY(0px)", Dt = (t)=>t === "top" ? st : t === "bottom" ? ct : lt, Ot = (t)=>t ? "1" : "0.2", St = (t)=>t === "top" ? `2px 2px 4px 0 rgba(0, 0, 0, ${n.shadowAlpha})` : t === "right" ? `0 0 4px 0 rgba(0, 0, 0, ${n.shadowAlpha})` : t === "left" ? `0 0 4px 0 rgba(0, 0, 0, ${n.shadowAlpha})` : t === "bottom" ? `-1px -1px 4px 0 rgba(0, 0, 0, ${n.shadowAlpha})` : "", Rt = (_param)=>{
-    var { children: t , extra: $ , description: g , target: I , title: x , targetLabel: B , delay: C = !0 , dataAttributes: E  } = _param, Y = _object_without_properties(_param, [
+import { isClientSide as gt, isServerSide as wt } from "./utils/environment.js";
+const xt = "bottom", Tt = "top", bt = 12, h = 4 + bt, g = 16, vt = 340, At = 500, d = 12, Yt = 500, R = ()=>{}, Pt = (t)=>t || vt, St = (t)=>t === "bottom" ? `translateY(${d}px)` : t === "top" ? `translateY(calc(-100% - ${d}px))` : t === "right" ? `translateX(${d}px) translateY(-50%)` : t === "left" ? `translateX(-${d}px) translateY(-50%)` : `translateY(-${d}px)`, yt = (t)=>t === "top" ? "translateY(-100%)" : t === "bottom" ? "translateY(0)" : "translateY(-50%)", Dt = (t)=>t === "bottom" ? "translateY(0)" : t === "top" ? "translateY(-100%)" : t === "right" || t === "left" ? "translateX(0px) translateY(-50%)" : "translateY(0px)", Ot = (t)=>t === "top" ? st : t === "bottom" ? ct : lt, Rt = (t)=>t ? "1" : "0.2", $t = (t)=>t === "top" ? `2px 2px 4px 0 rgba(0, 0, 0, ${n.shadowAlpha})` : t === "right" ? `0 0 4px 0 rgba(0, 0, 0, ${n.shadowAlpha})` : t === "left" ? `0 0 4px 0 rgba(0, 0, 0, ${n.shadowAlpha})` : t === "bottom" ? `-1px -1px 4px 0 rgba(0, 0, 0, ${n.shadowAlpha})` : "", It = (_param)=>{
+    var { children: t , extra: $ , description: w , target: I , title: x , targetLabel: C , delay: B = !0 , dataAttributes: E  } = _param, Y = _object_without_properties(_param, [
         "children",
         "extra",
         "description",
@@ -101,7 +102,7 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
         "delay",
         "dataAttributes"
     ]);
-    const { isDarkMode: M  } = j(), [l, T] = c.useState(!1), { isTabletOrSmaller: u  } = q(), y = G(), o = c.useRef(!1), r = c.useRef(null), f = c.useRef(null), b = c.useRef(null), e = c.useRef({
+    const { isDarkMode: M  } = j(), [l, T] = c.useState(!1), { isTabletOrSmaller: u  } = q(), P = G(), o = c.useRef(!1), r = c.useRef(null), f = c.useRef(null), b = c.useRef(null), e = c.useRef({
         top: 0,
         right: 0,
         left: 0,
@@ -109,23 +110,23 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
         width: 0,
         height: 0
     }), a = function() {
-        let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : wt;
-        return u && (i === "left" || i === "right") ? gt : i;
-    }(Y.position), v = typeof window < "u" ? window.matchMedia("(pointer: coarse)").matches : !1, P = ()=>{
+        let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : xt;
+        return u && (i === "left" || i === "right") ? Tt : i;
+    }(Y.position), v = gt() ? window.matchMedia("(pointer: coarse)").matches : !1, S = ()=>{
         l && T(!1);
     };
-    c.useEffect(()=>(window.addEventListener("resize", P), ()=>{
-            window.removeEventListener("resize", P);
+    c.useEffect(()=>(window.addEventListener("resize", S), ()=>{
+            window.removeEventListener("resize", S);
         }));
-    const D = ()=>{
+    const y = ()=>{
         T(!1);
     }, m = ()=>{
         b.current && (e.current = b.current.getBoundingClientRect(), T(!l));
     }, N = ()=>{
         l || m();
     }, k = (i)=>{
-        i.keyCode === Q && D();
-    }, X = (i, A)=>typeof window > "u" ? {} : ({
+        i.keyCode === Q && y();
+    }, X = (i, A)=>wt() ? {} : ({
             right: {
                 left: e.current.right + h,
                 top: window.pageYOffset + e.current.top + e.current.height / 2
@@ -136,26 +137,26 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
             },
             top: {
                 top: window.pageYOffset + e.current.top - h,
-                left: u ? w : window.pageXOffset + e.current.left + e.current.width / 2 - A / 2
+                left: u ? g : window.pageXOffset + e.current.left + e.current.width / 2 - A / 2
             },
             bottom: {
                 top: window.pageYOffset + e.current.bottom + h,
-                left: u ? w : window.pageXOffset + e.current.left + e.current.width / 2 - A / 2
+                left: u ? g : window.pageXOffset + e.current.left + e.current.width / 2 - A / 2
             }
         })[i], L = ()=>u ? {
-            left: e.current.left + e.current.width / 2 - w
-        } : {}, O = (()=>u ? window.innerWidth - w * 2 : At(Y.width))(), K = {
+            left: e.current.left + e.current.width / 2 - g
+        } : {}, D = (()=>u ? window.innerWidth - g * 2 : Pt(Y.width))(), K = {
         top: ut,
         bottom: ft,
         left: mt,
         right: dt
     }, W = pt({
-        [n.enterTransform]: Yt(a),
-        [n.exitTransform]: Pt(a),
-        [n.enterActiveAnimationName]: Dt(a),
+        [n.enterTransform]: St(a),
+        [n.exitTransform]: Dt(a),
+        [n.enterActiveAnimationName]: Ot(a),
         [n.enterDoneTransform]: yt(a),
-        [n.shadowAlpha]: Ot(M),
-        [n.arrowBoxShadow]: St(a)
+        [n.shadowAlpha]: Rt(M),
+        [n.arrowBoxShadow]: $t(a)
     });
     return /* @__PURE__ */ p(z, {
         children: [
@@ -163,9 +164,9 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
                 ref: b,
                 className: Z,
                 onPointerOver: ()=>{
-                    r.current && (clearTimeout(r.current), r.current = null), !o.current && (o.current = !0, C ? f.current = setTimeout(()=>{
+                    r.current && (clearTimeout(r.current), r.current = null), !o.current && (o.current = !0, B ? f.current = setTimeout(()=>{
                         f.current = null, m();
-                    }, vt) : m());
+                    }, Yt) : m());
                 },
                 onPointerLeave: v ? R : ()=>{
                     if (f.current) {
@@ -181,19 +182,19 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
                 "touch-action": "auto",
                 role: "button",
                 tabIndex: 0,
-                "aria-describedby": y,
+                "aria-describedby": P,
                 "aria-expanded": l,
-                "aria-label": B,
+                "aria-label": C,
                 children: I
             }),
             /* @__PURE__ */ p(H, {
                 children: [
                     l && v && /* @__PURE__ */ s(J, {
-                        onPress: D
+                        onPress: y
                     }),
                     /* @__PURE__ */ s(V, {
                         in: l,
-                        timeout: bt,
+                        timeout: At,
                         classNames: {
                             enter: _,
                             enterActive: tt,
@@ -204,11 +205,11 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
                         unmountOnExit: !0,
                         children: /* @__PURE__ */ p("div", _object_spread_props(_object_spread({}, ht(E, "Tooltip")), {
                             role: "tooltip",
-                            id: y,
+                            id: P,
                             className: ot,
                             style: _object_spread({
-                                width: O
-                            }, X(a, O), W),
+                                width: D
+                            }, X(a, D), W),
                             onPointerOver: ()=>{
                                 r.current && (clearTimeout(r.current), r.current = null);
                             },
@@ -225,16 +226,16 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
                                         className: it
                                     })
                                 }),
-                                (x || g) && /* @__PURE__ */ p(U, {
+                                (x || w) && /* @__PURE__ */ p(U, {
                                     space: 4,
                                     children: [
-                                        x && /* @__PURE__ */ s(S, {
+                                        x && /* @__PURE__ */ s(O, {
                                             medium: !0,
                                             children: x
                                         }),
-                                        g && /* @__PURE__ */ s(S, {
+                                        w && /* @__PURE__ */ s(O, {
                                             regular: !0,
-                                            children: g
+                                            children: w
                                         })
                                     ]
                                 }),
@@ -246,5 +247,5 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
             })
         ]
     });
-}, jt = Rt;
-export { jt as default };
+}, Ht = It;
+export { Ht as default };

package/dist-es/utils/dom.js

@@ -50,9 +50,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { isServerSide as l } from "./environment.js";
+import { isServerSide as i } from "./environment.js";
 const u = (e)=>{
-    if (l()) return !1;
+    if (i()) return !1;
     const n = document.createElement("input");
     return n.setAttribute("type", e), n.type === e;
 }, v = (e)=>{
@@ -64,16 +64,16 @@ const u = (e)=>{
         currentTarget: e
     });
 };
-let i = !1;
+let l = !1;
 try {
     const e = Object.defineProperty({}, "passive", {
         get () {
-            i = !0;
+            l = !0;
         }
     });
     window.addEventListener("test", ()=>{}, e);
 } catch (e) {}
-const p = (e, n, t)=>e.addEventListener(n, t, i ? {
+const p = (e, n, t)=>e.addEventListener(n, t, l ? {
         passive: !0
     } : !1), f = (e, n, t)=>e.removeEventListener(n, t, !1), m = (e, n)=>{
     const t = n ? {
@@ -89,13 +89,13 @@ const p = (e, n, t)=>e.addEventListener(n, t, i ? {
         "scroll",
         "overlay"
     ].includes(r);
-}, w = function(e) {
+}, E = function(e) {
     let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Y";
     let t = e == null ? void 0 : e.parentElement;
     for(; t && !c(t, n);)t = t.parentElement;
     return t || document.documentElement;
-}, E = (e)=>e.scrollHeight - e.scrollTop - e.clientHeight, g = (e)=>e.scrollHeight > e.clientHeight, h = (e, n)=>{
-    const t = ()=>typeof window > "u" ? Promise.resolve(null) : window.ResizeObserver ? Promise.resolve(ResizeObserver) : import(/* webpackChunkName: "@juggle/resize-observer" */ "@juggle/resize-observer").then((o)=>o.ResizeObserver);
+}, g = (e)=>e.scrollHeight - e.scrollTop - e.clientHeight, h = (e)=>e.scrollHeight > e.clientHeight, w = (e, n)=>{
+    const t = ()=>i() ? Promise.resolve(null) : window.ResizeObserver ? Promise.resolve(ResizeObserver) : import(/* webpackChunkName: "@juggle/resize-observer" */ "@juggle/resize-observer").then((o)=>o.ResizeObserver);
     let r = !1, s = null;
     return t().then((o)=>{
         !r && o && (s = new o(n), s.observe(e));
@@ -103,4 +103,4 @@ const p = (e, n, t)=>e.addEventListener(n, t, i ? {
         r = !0, s && s.disconnect();
     };
 };
-export { p as addPassiveEventListener, v as cancelEvent, d as createChangeEvent, m as getPrefixedDataAttributes, E as getScrollDistanceToBottom, w as getScrollableParentElement, g as hasScroll, u as isInputTypeSupported, h as listenResize, f as removePassiveEventListener };
+export { p as addPassiveEventListener, v as cancelEvent, d as createChangeEvent, m as getPrefixedDataAttributes, g as getScrollDistanceToBottom, E as getScrollableParentElement, h as hasScroll, u as isInputTypeSupported, w as listenResize, f as removePassiveEventListener };

package/dist-es/utils/environment.js

@@ -1,2 +1,2 @@
-const e = ()=>typeof window > "u";
-export { e as isServerSide };
+const e = ()=>typeof window > "u", i = ()=>!e();
+export { i as isClientSide, e as isServerSide };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "14.12.0",
+    "version": "14.14.0",
     "license": "MIT",
     "repository": {
         "type": "git",

package/dist/boxed.css.ts.vanilla.css-mistica.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return s;
-    }
-});
-const s = "";

package/dist-es/boxed.css.ts.vanilla.css-mistica.js

@@ -1,2 +0,0 @@
-const s = "";
-export { s as default };