@telefonica/mistica 14.13.0 → 14.15.0

package/dist-es/hooks.js

@@ -1,116 +1,117 @@
 import * as n from "react";
 import f from "./theme-context.js";
-import a from "./screen-size-context.js";
-import m from "./aria-id-getter-context.js";
-import { listenResize as g } from "./utils/dom.js";
+import m from "./screen-size-context.js";
+import g from "./aria-id-getter-context.js";
+import { listenResize as S } from "./utils/dom.js";
+import { isClientSide as h } from "./utils/environment.js";
 const y = ()=>{
     const t = n.useContext(f);
     if (!t) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
     return t;
-}, I = (t)=>{
+}, E = (t)=>{
     n.useEffect(()=>{
         if (t) {
-            let i = "", e = 0, o = 0;
-            const r = document.scrollingElement || document.documentElement, d = ()=>{
+            let s = "", e = 0, i = 0;
+            const r = document.scrollingElement || document.documentElement, c = ()=>{
                 var u;
                 var _ref, _ref1;
-                if (o++, !(o > 1) && (e = (_ref = r == null ? void 0 : r.scrollTop) !== null && _ref !== void 0 ? _ref : 0, i = (_ref1 = (u = document.body) == null ? void 0 : u.style.cssText) !== null && _ref1 !== void 0 ? _ref1 : "", document.body)) {
+                if (i++, !(i > 1) && (e = (_ref = r == null ? void 0 : r.scrollTop) !== null && _ref !== void 0 ? _ref : 0, s = (_ref1 = (u = document.body) == null ? void 0 : u.style.cssText) !== null && _ref1 !== void 0 ? _ref1 : "", document.body)) {
                     var _ref2;
-                    const w = window.innerWidth > ((_ref2 = r == null ? void 0 : r.clientWidth) !== null && _ref2 !== void 0 ? _ref2 : window.innerWidth) ? "scroll" : "hidden";
-                    document.body.style.cssText = `overflow:hidden;overflow-y:${w};position:fixed;top:${-e}px;left:0px;right:0px;bottom:0px`;
+                    const l = window.innerWidth > ((_ref2 = r == null ? void 0 : r.clientWidth) !== null && _ref2 !== void 0 ? _ref2 : window.innerWidth) ? "scroll" : "hidden";
+                    document.body.style.cssText = `overflow:hidden;overflow-y:${l};position:fixed;top:${-e}px;left:0px;right:0px;bottom:0px`;
                 }
-            }, s = ()=>{
-                o--, !(o > 0) && (document.body && (document.body.style.cssText = i), r && (r.scrollTop = e));
+            }, o = ()=>{
+                i--, !(i > 0) && (document.body && (document.body.style.cssText = s), r && (r.scrollTop = e));
             };
-            return d(), s;
+            return c(), o;
         }
         return ()=>{};
     }, [
         t
     ]);
-}, v = ()=>n.useContext(a), E = ()=>{
-    const [t, i] = n.useState(0), [e, o] = n.useState(0), [r, d] = n.useState(null), s = n.useCallback((c)=>{
-        if (!c) {
-            i(0), o(0);
+}, H = ()=>n.useContext(m), T = ()=>{
+    const [t, s] = n.useState(0), [e, i] = n.useState(0), [r, c] = n.useState(null), o = n.useCallback((d)=>{
+        if (!d) {
+            s(0), i(0);
             return;
         }
-        const { width: w , height: l  } = c[0].contentRect;
-        i(w), o(l);
-    }, []), u = n.useCallback((c)=>{
-        d(c);
+        const { width: l , height: a  } = d[0].contentRect;
+        s(l), i(a);
+    }, []), u = n.useCallback((d)=>{
+        c(d);
     }, []);
     return n.useEffect(()=>{
         if (!r) {
-            i(0), o(0);
+            s(0), i(0);
             return;
         }
-        return g(r, s);
+        return S(r, o);
     }, [
         r,
-        s
+        o
     ]), {
         width: t,
         height: e,
         ref: u
     };
-}, H = (t)=>{
-    const { useId: i  } = y();
-    if (i) {
-        const e = i();
+}, z = (t)=>{
+    const { useId: s  } = y();
+    if (s) {
+        const e = s();
         return t || e;
     } else {
-        const e = n.useContext(m);
+        const e = n.useContext(g);
         return n.useRef(t || e()).current;
     }
-}, h = ()=>{
-    const [t, i] = n.useState(typeof window < "u" ? window.innerHeight : 1200), [e, o] = n.useState(typeof window < "u" ? window.innerWidth : 800), [r, d] = n.useState(typeof window < "u" ? window.screen.availHeight : 1200), [s, u] = n.useState(typeof window < "u" ? window.screen.availWidth : 800);
+}, w = ()=>{
+    const [t, s] = n.useState(h() ? window.innerHeight : 1200), [e, i] = n.useState(h() ? window.innerWidth : 800), [r, c] = n.useState(h() ? window.screen.availHeight : 1200), [o, u] = n.useState(h() ? window.screen.availWidth : 800);
     return n.useEffect(()=>{
-        const c = ()=>{
-            i(window.innerHeight), o(window.innerWidth), d(window.screen.availHeight), u(window.screen.availWidth);
+        const d = ()=>{
+            s(window.innerHeight), i(window.innerWidth), c(window.screen.availHeight), u(window.screen.availWidth);
         };
-        return window.addEventListener("resize", c), ()=>{
-            window.removeEventListener("resize", c);
+        return window.addEventListener("resize", d), ()=>{
+            window.removeEventListener("resize", d);
         };
     }, []), n.useMemo(()=>({
             height: t,
             width: e,
             screenHeight: r,
-            screenWidth: s
+            screenWidth: o
         }), [
         t,
         e,
         r,
-        s
+        o
     ]);
-}, T = ()=>{
-    const { height: t  } = h();
+}, C = ()=>{
+    const { height: t  } = w();
     return t;
-}, z = ()=>{
-    const { width: t  } = h();
+}, R = ()=>{
+    const { width: t  } = w();
     return t;
-}, C = ()=>{
-    const { screenHeight: t  } = h();
+}, B = ()=>{
+    const { screenHeight: t  } = w();
     return t;
-}, R = ()=>(window == null ? void 0 : window.top) !== (window == null ? void 0 : window.self), B = typeof window < "u" ? n.useLayoutEffect : n.useEffect, L = (t, i, e)=>{
-    const [o, r] = n.useState(i);
+}, L = ()=>h() && window.top !== window.self, M = h() ? n.useLayoutEffect : n.useEffect, A = (t, s, e)=>{
+    const [i, r] = n.useState(s);
     return n.useEffect(()=>{
         if (!t.current) return;
         if (typeof window.IntersectionObserver > "u") return ()=>{};
-        const d = new IntersectionObserver((s)=>{
-            r(s[0].isIntersecting);
+        const c = new IntersectionObserver((o)=>{
+            r(o[0].isIntersecting);
         }, {
             root: e == null ? void 0 : e.root,
             rootMargin: e == null ? void 0 : e.rootMargin,
             threshold: e == null ? void 0 : e.threshold
         });
-        return d.observe(t.current), ()=>{
-            d.disconnect();
+        return c.observe(t.current), ()=>{
+            c.disconnect();
         };
     }, [
         t,
         e == null ? void 0 : e.root,
         e == null ? void 0 : e.rootMargin,
         e == null ? void 0 : e.threshold
-    ]), o;
+    ]), i;
 };
-export { H as useAriaId, I as useDisableBodyScroll, E as useElementDimensions, L as useIsInViewport, R as useIsWithinIFrame, B as useIsomorphicLayoutEffect, C as useScreenHeight, v as useScreenSize, y as useTheme, T as useWindowHeight, h as useWindowSize, z as useWindowWidth };
+export { z as useAriaId, E as useDisableBodyScroll, T as useElementDimensions, A as useIsInViewport, L as useIsWithinIFrame, M as useIsomorphicLayoutEffect, B as useScreenHeight, H as useScreenSize, y as useTheme, C as useWindowHeight, w as useWindowSize, R as useWindowWidth };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./image.css.ts.vanilla.css-mistica.js";
-var f = 300, n = "_17tt25r1 _1y2v1nfam _1y2v1nfb0 _1y2v1nf66 _1y2v1nf8b _1y2v1nf8r _1y2v1nfc6 _1y2v1nf9z _1y2v1nfa0";
+var f = 300, n = "_17tt25r1 _1y2v1nfau _1y2v1nfb9 _1y2v1nf66 _1y2v1nf8f _1y2v1nf8w _1y2v1nfci _1y2v1nfa7 _1y2v1nfa8";
 export { f as FADE_IN_DURATION_MS, n as image };