@telefonica/mistica 16.36.1 → 16.37.1

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

@@ -1,140 +1,140 @@
 import "./grid.css.ts.vanilla.css-mistica.js";
 var v = {
-    start: "v16_36_1_mfyikv3b",
-    end: "v16_36_1_mfyikv3c",
-    center: "v16_36_1_mfyikv3d",
-    stretch: "v16_36_1_mfyikv3e",
-    baseline: "v16_36_1_mfyikv3f"
+    start: "v16_37_1_mfyikv3b",
+    end: "v16_37_1_mfyikv3c",
+    center: "v16_37_1_mfyikv3d",
+    stretch: "v16_37_1_mfyikv3e",
+    baseline: "v16_37_1_mfyikv3f"
 }, i = {
-    1: "v16_36_1_mfyikv2j",
-    2: "v16_36_1_mfyikv2k",
-    3: "v16_36_1_mfyikv2l",
-    4: "v16_36_1_mfyikv2m",
-    5: "v16_36_1_mfyikv2n",
-    6: "v16_36_1_mfyikv2o",
-    7: "v16_36_1_mfyikv2p",
-    8: "v16_36_1_mfyikv2q",
-    9: "v16_36_1_mfyikv2r",
-    10: "v16_36_1_mfyikv2s",
-    11: "v16_36_1_mfyikv2t",
-    12: "v16_36_1_mfyikv2u"
-}, m = "v16_36_1_mfyikv1t", f = "v16_36_1_mfyikv1u", y = "v16_36_1_mfyikvb", k = {
+    1: "v16_37_1_mfyikv2j",
+    2: "v16_37_1_mfyikv2k",
+    3: "v16_37_1_mfyikv2l",
+    4: "v16_37_1_mfyikv2m",
+    5: "v16_37_1_mfyikv2n",
+    6: "v16_37_1_mfyikv2o",
+    7: "v16_37_1_mfyikv2p",
+    8: "v16_37_1_mfyikv2q",
+    9: "v16_37_1_mfyikv2r",
+    10: "v16_37_1_mfyikv2s",
+    11: "v16_37_1_mfyikv2t",
+    12: "v16_37_1_mfyikv2u"
+}, m = "v16_37_1_mfyikv1t", f = "v16_37_1_mfyikv1u", y = "v16_37_1_mfyikvb", k = {
     columnGap: {
-        desktop: "var(--v16_36_1_mfyikv4)",
-        tablet: "var(--v16_36_1_mfyikv5)",
-        mobile: "var(--v16_36_1_mfyikv6)"
+        desktop: "var(--v16_37_1_mfyikv4)",
+        tablet: "var(--v16_37_1_mfyikv5)",
+        mobile: "var(--v16_37_1_mfyikv6)"
     },
     rowGap: {
-        desktop: "var(--v16_36_1_mfyikv7)",
-        tablet: "var(--v16_36_1_mfyikv8)",
-        mobile: "var(--v16_36_1_mfyikv9)"
+        desktop: "var(--v16_37_1_mfyikv7)",
+        tablet: "var(--v16_37_1_mfyikv8)",
+        mobile: "var(--v16_37_1_mfyikv9)"
     }
-}, e = "v16_36_1_mfyikva", r = {
-    start: "v16_36_1_mfyikv1m",
-    end: "v16_36_1_mfyikv1n",
-    center: "v16_36_1_mfyikv1o",
-    stretch: "v16_36_1_mfyikv1p",
-    "space-between": "v16_36_1_mfyikv1q",
-    "space-around": "v16_36_1_mfyikv1r",
-    "space-evenly": "v16_36_1_mfyikv1s"
+}, e = "v16_37_1_mfyikva", r = {
+    start: "v16_37_1_mfyikv1m",
+    end: "v16_37_1_mfyikv1n",
+    center: "v16_37_1_mfyikv1o",
+    stretch: "v16_37_1_mfyikv1p",
+    "space-between": "v16_37_1_mfyikv1q",
+    "space-around": "v16_37_1_mfyikv1r",
+    "space-evenly": "v16_37_1_mfyikv1s"
 }, a = {
-    start: "v16_36_1_mfyikv1a",
-    end: "v16_36_1_mfyikv1b",
-    center: "v16_36_1_mfyikv1c",
-    stretch: "v16_36_1_mfyikv1d",
-    baseline: "v16_36_1_mfyikv1e"
+    start: "v16_37_1_mfyikv1a",
+    end: "v16_37_1_mfyikv1b",
+    center: "v16_37_1_mfyikv1c",
+    stretch: "v16_37_1_mfyikv1d",
+    baseline: "v16_37_1_mfyikv1e"
 }, t = {
-    column: "v16_36_1_mfyikv12",
-    row: "v16_36_1_mfyikv13",
-    "row dense": "v16_36_1_mfyikv14",
-    "column dense": "v16_36_1_mfyikv15"
+    column: "v16_37_1_mfyikv12",
+    row: "v16_37_1_mfyikv13",
+    "row dense": "v16_37_1_mfyikv14",
+    "column dense": "v16_37_1_mfyikv15"
 }, n = {
-    start: "v16_36_1_mfyikv1f",
-    end: "v16_36_1_mfyikv1g",
-    center: "v16_36_1_mfyikv1h",
-    stretch: "v16_36_1_mfyikv1i",
-    "space-between": "v16_36_1_mfyikv1j",
-    "space-around": "v16_36_1_mfyikv1k",
-    "space-evenly": "v16_36_1_mfyikv1l"
+    start: "v16_37_1_mfyikv1f",
+    end: "v16_37_1_mfyikv1g",
+    center: "v16_37_1_mfyikv1h",
+    stretch: "v16_37_1_mfyikv1i",
+    "space-between": "v16_37_1_mfyikv1j",
+    "space-around": "v16_37_1_mfyikv1k",
+    "space-evenly": "v16_37_1_mfyikv1l"
 }, s = {
-    start: "v16_36_1_mfyikv16",
-    end: "v16_36_1_mfyikv17",
-    center: "v16_36_1_mfyikv18",
-    stretch: "v16_36_1_mfyikv19"
+    start: "v16_37_1_mfyikv16",
+    end: "v16_37_1_mfyikv17",
+    center: "v16_37_1_mfyikv18",
+    stretch: "v16_37_1_mfyikv19"
 }, o = {
-    1: "v16_36_1_mfyikve",
-    2: "v16_36_1_mfyikvf",
-    3: "v16_36_1_mfyikvg",
-    4: "v16_36_1_mfyikvh",
-    5: "v16_36_1_mfyikvi",
-    6: "v16_36_1_mfyikvj",
-    7: "v16_36_1_mfyikvk",
-    8: "v16_36_1_mfyikvl",
-    9: "v16_36_1_mfyikvm",
-    10: "v16_36_1_mfyikvn",
-    11: "v16_36_1_mfyikvo",
-    12: "v16_36_1_mfyikvp"
-}, l = "v16_36_1_mfyikvc", c = {
-    1: "v16_36_1_mfyikvq",
-    2: "v16_36_1_mfyikvr",
-    3: "v16_36_1_mfyikvs",
-    4: "v16_36_1_mfyikvt",
-    5: "v16_36_1_mfyikvu",
-    6: "v16_36_1_mfyikvv",
-    7: "v16_36_1_mfyikvw",
-    8: "v16_36_1_mfyikvx",
-    9: "v16_36_1_mfyikvy",
-    10: "v16_36_1_mfyikvz",
-    11: "v16_36_1_mfyikv10",
-    12: "v16_36_1_mfyikv11"
-}, d = "v16_36_1_mfyikvd", p = {
-    start: "v16_36_1_mfyikv37",
-    end: "v16_36_1_mfyikv38",
-    center: "v16_36_1_mfyikv39",
-    stretch: "v16_36_1_mfyikv3a"
+    1: "v16_37_1_mfyikve",
+    2: "v16_37_1_mfyikvf",
+    3: "v16_37_1_mfyikvg",
+    4: "v16_37_1_mfyikvh",
+    5: "v16_37_1_mfyikvi",
+    6: "v16_37_1_mfyikvj",
+    7: "v16_37_1_mfyikvk",
+    8: "v16_37_1_mfyikvl",
+    9: "v16_37_1_mfyikvm",
+    10: "v16_37_1_mfyikvn",
+    11: "v16_37_1_mfyikvo",
+    12: "v16_37_1_mfyikvp"
+}, l = "v16_37_1_mfyikvc", c = {
+    1: "v16_37_1_mfyikvq",
+    2: "v16_37_1_mfyikvr",
+    3: "v16_37_1_mfyikvs",
+    4: "v16_37_1_mfyikvt",
+    5: "v16_37_1_mfyikvu",
+    6: "v16_37_1_mfyikvv",
+    7: "v16_37_1_mfyikvw",
+    8: "v16_37_1_mfyikvx",
+    9: "v16_37_1_mfyikvy",
+    10: "v16_37_1_mfyikvz",
+    11: "v16_37_1_mfyikv10",
+    12: "v16_37_1_mfyikv11"
+}, d = "v16_37_1_mfyikvd", p = {
+    start: "v16_37_1_mfyikv37",
+    end: "v16_37_1_mfyikv38",
+    center: "v16_37_1_mfyikv39",
+    stretch: "v16_37_1_mfyikv3a"
 }, u = {
-    1: "v16_36_1_mfyikv2v",
-    2: "v16_36_1_mfyikv2w",
-    3: "v16_36_1_mfyikv2x",
-    4: "v16_36_1_mfyikv2y",
-    5: "v16_36_1_mfyikv2z",
-    6: "v16_36_1_mfyikv30",
-    7: "v16_36_1_mfyikv31",
-    8: "v16_36_1_mfyikv32",
-    9: "v16_36_1_mfyikv33",
-    10: "v16_36_1_mfyikv34",
-    11: "v16_36_1_mfyikv35",
-    12: "v16_36_1_mfyikv36"
+    1: "v16_37_1_mfyikv2v",
+    2: "v16_37_1_mfyikv2w",
+    3: "v16_37_1_mfyikv2x",
+    4: "v16_37_1_mfyikv2y",
+    5: "v16_37_1_mfyikv2z",
+    6: "v16_37_1_mfyikv30",
+    7: "v16_37_1_mfyikv31",
+    8: "v16_37_1_mfyikv32",
+    9: "v16_37_1_mfyikv33",
+    10: "v16_37_1_mfyikv34",
+    11: "v16_37_1_mfyikv35",
+    12: "v16_37_1_mfyikv36"
 }, g = {
-    1: "v16_36_1_mfyikv1v",
-    2: "v16_36_1_mfyikv1w",
-    3: "v16_36_1_mfyikv1x",
-    4: "v16_36_1_mfyikv1y",
-    5: "v16_36_1_mfyikv1z",
-    6: "v16_36_1_mfyikv20",
-    7: "v16_36_1_mfyikv21",
-    8: "v16_36_1_mfyikv22",
-    9: "v16_36_1_mfyikv23",
-    10: "v16_36_1_mfyikv24",
-    11: "v16_36_1_mfyikv25",
-    12: "v16_36_1_mfyikv26"
+    1: "v16_37_1_mfyikv1v",
+    2: "v16_37_1_mfyikv1w",
+    3: "v16_37_1_mfyikv1x",
+    4: "v16_37_1_mfyikv1y",
+    5: "v16_37_1_mfyikv1z",
+    6: "v16_37_1_mfyikv20",
+    7: "v16_37_1_mfyikv21",
+    8: "v16_37_1_mfyikv22",
+    9: "v16_37_1_mfyikv23",
+    10: "v16_37_1_mfyikv24",
+    11: "v16_37_1_mfyikv25",
+    12: "v16_37_1_mfyikv26"
 }, w = {
-    1: "v16_36_1_mfyikv27",
-    2: "v16_36_1_mfyikv28",
-    3: "v16_36_1_mfyikv29",
-    4: "v16_36_1_mfyikv2a",
-    5: "v16_36_1_mfyikv2b",
-    6: "v16_36_1_mfyikv2c",
-    7: "v16_36_1_mfyikv2d",
-    8: "v16_36_1_mfyikv2e",
-    9: "v16_36_1_mfyikv2f",
-    10: "v16_36_1_mfyikv2g",
-    11: "v16_36_1_mfyikv2h",
-    12: "v16_36_1_mfyikv2i"
+    1: "v16_37_1_mfyikv27",
+    2: "v16_37_1_mfyikv28",
+    3: "v16_37_1_mfyikv29",
+    4: "v16_37_1_mfyikv2a",
+    5: "v16_37_1_mfyikv2b",
+    6: "v16_37_1_mfyikv2c",
+    7: "v16_37_1_mfyikv2d",
+    8: "v16_37_1_mfyikv2e",
+    9: "v16_37_1_mfyikv2f",
+    10: "v16_37_1_mfyikv2g",
+    11: "v16_37_1_mfyikv2h",
+    12: "v16_37_1_mfyikv2i"
 }, b = {
-    rowMinSize: "var(--v16_36_1_mfyikv0)",
-    rowMaxSize: "var(--v16_36_1_mfyikv1)",
-    columnMinSize: "var(--v16_36_1_mfyikv2)",
-    columnMaxSize: "var(--v16_36_1_mfyikv3)"
+    rowMinSize: "var(--v16_37_1_mfyikv0)",
+    rowMaxSize: "var(--v16_37_1_mfyikv1)",
+    columnMinSize: "var(--v16_37_1_mfyikv2)",
+    columnMaxSize: "var(--v16_37_1_mfyikv3)"
 };
 export { v as alignSelf, i as columnStart, m as fullColumns, f as fullRows, y as gap, k as gapVars, e as grid, r as gridAlignContent, a as gridAlignItems, t as gridAutoFlow, n as gridJustifyContent, s as gridJustifyItems, o as gridTemplateColumns, l as gridTemplateColumnsAutoRepeat, c as gridTemplateRows, d as gridTemplateRowsAutoRepeat, p as justifySelf, u as rowStart, g as spanColumns, w as spanRows, b as vars };

package/dist-es/grid.js

@@ -52,7 +52,7 @@ function _object_spread_props(target, source) {
 }
 import R from "classnames";
 import * as u from "react";
-import { grid as N, gap as E, gridTemplateColumns as J, gridTemplateColumnsAutoRepeat as j, gridTemplateRows as D, gridTemplateRowsAutoRepeat as F, gridAutoFlow as I, gridJustifyItems as P, gridAlignItems as h, gridJustifyContent as q, gridAlignContent as w, fullColumns as B, spanColumns as H, fullRows as K, spanRows as L, columnStart as O, rowStart as Q, justifySelf as U, alignSelf as W, gapVars as z, vars as d } from "./grid.css-mistica.js";
+import { grid as E, gap as J, gridTemplateColumns as N, gridTemplateColumnsAutoRepeat as j, gridTemplateRows as D, gridTemplateRowsAutoRepeat as F, gridAutoFlow as I, gridJustifyItems as P, gridAlignItems as h, gridJustifyContent as q, gridAlignContent as w, fullColumns as B, spanColumns as H, fullRows as K, spanRows as L, columnStart as O, rowStart as Q, justifySelf as U, alignSelf as W, gapVars as z, vars as d } from "./grid.css-mistica.js";
 import { applyCssVars as A } from "./utils/css.js";
 import { getPrefixedDataAttributes as S } from "./utils/dom.js";
 const X = (t, e)=>{
@@ -81,7 +81,7 @@ const X = (t, e)=>{
     };
     return /*#__PURE__*/ u.createElement(g, _object_spread_props(_object_spread({
         ref: C,
-        className: R(N, E, e ? typeof e == "number" ? J[e] : j : "", t ? typeof t == "number" ? D[t] : F : "", o ? I[o] : "", a ? P[a] : "", r ? h[r] : "", l ? q[l] : "", p ? w[p] : ""),
+        className: R(E, J, e ? typeof e == "number" ? N[e] : j : "", t ? typeof t == "number" ? D[t] : F : "", o ? I[o] : "", a ? P[a] : "", r ? h[r] : "", l ? q[l] : "", p ? w[p] : ""),
         style: _object_spread({
             height: b,
             minHeight: y

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./header.css.ts.vanilla.css-mistica.js";
-var e = "v16_36_1_mtk7e90 v16_36_1_1y2v1nfak", r = "v16_36_1_1y2v1nfis v16_36_1_1y2v1nfiy", a = "v16_36_1_mtk7e93", m = "v16_36_1_mtk7e90";
-export { e as breadcrumbs, r as flexColumn, a as hideOnDesktop, m as hideOnTabletOrSmaller };
+var e = "v16_37_1_mtk7e90 v16_37_1_1y2v1nfbk", r = "v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfjy", m = "v16_37_1_mtk7e93", t = "v16_37_1_mtk7e90";
+export { e as breadcrumbs, r as flexColumn, m as hideOnDesktop, t as hideOnTabletOrSmaller };

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

@@ -1,6 +1,6 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./hero.css.ts.vanilla.css-mistica.js";
-var n = "v16_36_1_16rbpto9 v16_36_1_1y2v1nfis v16_36_1_1y2v1nfje v16_36_1_1y2v1nfj8", r = "v16_36_1_16rbpto3 v16_36_1_1y2v1nfis", t = "v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfjw", a = "v16_36_1_16rbpto5", o = "v16_36_1_1y2v1nfiy", i = "v16_36_1_1y2v1nfjw v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj4 v16_36_1_1y2v1nfiy", y = "v16_36_1_16rbptob", e = "v16_36_1_1y2v1nfis v16_36_1_1y2v1nfiy", f = "v16_36_1_1y2v1nfjw", p = "v16_36_1_16rbptoa", b = {
-    height: "var(--v16_36_1_16rbpto0)"
+var n = "v16_37_1_16rbpto9 v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfke v16_37_1_1y2v1nfk8", r = "v16_37_1_16rbpto3 v16_37_1_1y2v1nfjs", t = "v16_37_1_1y2v1nfk7 v16_37_1_1y2v1nfkw", a = "v16_37_1_16rbpto5", o = "v16_37_1_1y2v1nfjy", y = "v16_37_1_1y2v1nfkw v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfk4 v16_37_1_1y2v1nfjy", e = "v16_37_1_16rbptob", f = "v16_37_1_1y2v1nfjs v16_37_1_1y2v1nfjy", i = "v16_37_1_1y2v1nfkw", p = "v16_37_1_16rbptoa", b = {
+    height: "var(--v16_37_1_16rbpto0)"
 };
-export { n as actions, r as container, t as containerDesktop, a as containerMinHeight, o as containerMobile, i as contentContainer, y as expandedContent, e as flexColumn, f as hero, p as layout, b as vars };
+export { n as actions, r as container, t as containerDesktop, a as containerMinHeight, o as containerMobile, y as contentContainer, e as expandedContent, f as flexColumn, i as hero, p as layout, b as vars };

package/dist-es/hooks.js

@@ -1,27 +1,27 @@
 import * as n from "react";
-import x from "./theme-context.js";
-import H from "./screen-size-context.js";
-import { listenResize as I } from "./utils/dom.js";
+import E from "./theme-context.js";
+import I from "./screen-size-context.js";
+import { listenResize as T } from "./utils/dom.js";
 import { isClientSide as l } from "./utils/environment.js";
-import { isEqual as T } from "./utils/helpers.js";
-const q = ()=>{
-    const t = n.useContext(x);
+import { isEqual as H } from "./utils/helpers.js";
+const D = ()=>{
+    const t = n.useContext(E);
     if (!t) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
     return t;
 };
 let f = "", S = 0, g = 0;
-const A = (t)=>{
+const k = (t)=>{
     n.useEffect(()=>{
         if (t) {
-            const i = document.scrollingElement || document.documentElement, e = ()=>{
-                var r;
+            const r = document.scrollingElement || document.documentElement, e = ()=>{
+                var s;
                 var _ref, _ref1;
-                if (g++, !(g > 1) && (S = (_ref = i == null ? void 0 : i.scrollTop) !== null && _ref !== void 0 ? _ref : 0, f = (_ref1 = (r = document.body) == null ? void 0 : r.style.cssText) !== null && _ref1 !== void 0 ? _ref1 : "", document.body)) {
+                if (g++, !(g > 1) && (S = (_ref = r == null ? void 0 : r.scrollTop) !== null && _ref !== void 0 ? _ref : 0, f = (_ref1 = (s = document.body) == null ? void 0 : s.style.cssText) !== null && _ref1 !== void 0 ? _ref1 : "", document.body)) {
                     var _ref2;
-                    const o = window.innerWidth > ((_ref2 = i == null ? void 0 : i.clientWidth) !== null && _ref2 !== void 0 ? _ref2 : window.innerWidth) ? "scroll" : "hidden";
+                    const c = window.innerWidth > ((_ref2 = r == null ? void 0 : r.clientWidth) !== null && _ref2 !== void 0 ? _ref2 : window.innerWidth) ? "scroll" : "hidden";
                     document.body.style.cssText = f + (f.endsWith(";") ? "" : ";") + [
                         "overflow: hidden;",
-                        `overflow-y: ${o};`,
+                        `overflow-y: ${c};`,
                         "position: fixed;",
                         `top: ${-S}px;`,
                         "left: 0px;",
@@ -29,53 +29,53 @@ const A = (t)=>{
                         "overscroll-behavior-y: contain;"
                     ].join("");
                 }
-            }, c = ()=>{
-                g--, !(g > 0) && (document.body && (document.body.style.cssText = f), i && (i.scrollTop = S));
+            }, i = ()=>{
+                g--, !(g > 0) && (document.body && (document.body.style.cssText = f), r && (r.scrollTop = S));
             };
-            return e(), c;
+            return e(), i;
         }
         return ()=>{};
     }, [
         t
     ]);
-}, D = ()=>n.useContext(H), F = function() {
+}, q = ()=>n.useContext(I), A = function() {
     let { includeMargins: t = !1 } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    const [i, e] = n.useState(0), [c, r] = n.useState(0), [s, o] = n.useState(null), d = n.useCallback((h)=>{
-        if (!h) {
-            e(0), r(0);
+    const [r, e] = n.useState(0), [i, s] = n.useState(0), [o, c] = n.useState(null), u = n.useCallback((a)=>{
+        if (!a) {
+            e(0), s(0);
             return;
         }
-        const { width: w, height: m } = h[0].contentRect;
+        const { width: w, height: m } = a[0].contentRect;
         if (t) {
-            const a = window.getComputedStyle(h[0].target), v = parseInt(a.marginTop, 10), b = parseInt(a.marginBottom, 10), W = parseInt(a.marginLeft, 10), E = parseInt(a.marginRight, 10);
-            e(w + W + E), r(m + v + b);
-        } else e(w), r(m);
+            const h = window.getComputedStyle(a[0].target), y = parseInt(h.marginTop, 10), b = parseInt(h.marginBottom, 10), W = parseInt(h.marginLeft, 10), x = parseInt(h.marginRight, 10);
+            e(w + W + x), s(m + y + b);
+        } else e(w), s(m);
     }, [
         t
-    ]), u = n.useCallback((h)=>{
-        o(h);
+    ]), d = n.useCallback((a)=>{
+        c(a);
     }, []);
     return n.useEffect(()=>{
-        if (!s) {
-            e(0), r(0);
+        if (!o) {
+            e(0), s(0);
             return;
         }
-        return I(s, d);
+        return T(o, u);
     }, [
-        s,
-        d
+        o,
+        u
     ]), {
-        width: i,
-        height: c,
-        ref: u
+        width: r,
+        height: i,
+        ref: d
     };
-}, y = ()=>{
+}, v = ()=>{
     var w;
-    const [t, i] = n.useState(l() ? window.innerHeight : 1200), [e, c] = n.useState(l() ? window.innerWidth : 800), [r, s] = n.useState(l() ? window.screen.availHeight : 1200), [o, d] = n.useState(l() ? window.screen.availWidth : 800), [u, h] = n.useState(l() ? ((w = window.visualViewport) == null ? void 0 : w.height) || window.screen.availHeight : 1200);
+    const [t, r] = n.useState(l() ? window.innerHeight : 1200), [e, i] = n.useState(l() ? window.innerWidth : 800), [s, o] = n.useState(l() ? window.screen.availHeight : 1200), [c, u] = n.useState(l() ? window.screen.availWidth : 800), [d, a] = n.useState(l() ? ((w = window.visualViewport) == null ? void 0 : w.height) || window.screen.availHeight : 1200);
     return n.useEffect(()=>{
         const m = ()=>{
-            var a;
-            i(window.innerHeight), c(window.innerWidth), s(window.screen.availHeight), d(window.screen.availWidth), h(((a = window.visualViewport) == null ? void 0 : a.height) || window.screen.availHeight);
+            var h;
+            r(window.innerHeight), i(window.innerWidth), o(window.screen.availHeight), u(window.screen.availWidth), a(((h = window.visualViewport) == null ? void 0 : h.height) || window.screen.availHeight);
         };
         return window.addEventListener("resize", m), ()=>{
             window.removeEventListener("resize", m);
@@ -83,75 +83,83 @@ const A = (t)=>{
     }, []), n.useMemo(()=>({
             height: t,
             width: e,
-            screenHeight: r,
-            screenWidth: o,
-            visualHeight: u
+            screenHeight: s,
+            screenWidth: c,
+            visualHeight: d
         }), [
         t,
         e,
-        r,
-        o,
-        u
+        s,
+        c,
+        d
     ]);
-}, M = ()=>{
-    const { height: t } = y();
+}, F = ()=>{
+    const { height: t } = v();
     return t;
-}, k = ()=>{
-    const { width: t } = y();
+}, M = ()=>{
+    const { width: t } = v();
     return t;
-}, $ = ()=>l() && window.top !== window.self, j = l() ? n.useLayoutEffect : n.useEffect, R = (t, i, e)=>{
-    const [c, r] = n.useState(i);
+}, O = ()=>l() && window.top !== window.self, $ = l() ? n.useLayoutEffect : n.useEffect, C = (t, r, e)=>{
+    const [i, s] = n.useState(r);
     return n.useEffect(()=>{
         if (!t.current) return;
         if (typeof window.IntersectionObserver > "u") return ()=>{};
-        const s = new IntersectionObserver((o)=>{
-            r(o[0].isIntersecting);
+        const o = new IntersectionObserver((c)=>{
+            s(c[0].isIntersecting);
         }, {
             root: e == null ? void 0 : e.root,
             rootMargin: e == null ? void 0 : e.rootMargin,
             threshold: e == null ? void 0 : e.threshold
         });
-        return s.observe(t.current), ()=>{
-            s.disconnect();
+        return o.observe(t.current), ()=>{
+            o.disconnect();
         };
     }, [
         t,
         e == null ? void 0 : e.root,
         e == null ? void 0 : e.rootMargin,
         e == null ? void 0 : e.threshold
-    ]), c;
-}, B = (t)=>{
-    const { top: i, right: e, bottom: c, left: r, width: s, height: o, x: d, y: u } = t.getBoundingClientRect();
+    ]), i;
+}, R = (t)=>{
+    const { top: r, right: e, bottom: i, left: s, width: o, height: c, x: u, y: d } = t.getBoundingClientRect();
     return {
-        top: i,
+        top: r,
         right: e,
-        bottom: c,
-        left: r,
-        width: s,
-        height: o,
-        x: d,
-        y: u
+        bottom: i,
+        left: s,
+        width: o,
+        height: c,
+        x: u,
+        y: d
     };
-}, O = function(t) {
-    let i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
-    const [c, r] = n.useState(), s = R(t, !1);
+}, j = function(t) {
+    let r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
+    const [i, s] = n.useState(), o = C(t, !1);
     return n.useEffect(()=>{
-        let o;
-        const d = ()=>{
-            if (t.current && (s || e)) {
-                const u = B(t.current);
-                T(c, u) || r(u), i && (o = requestAnimationFrame(d));
-            } else r(void 0);
+        let c;
+        const u = ()=>{
+            if (t.current && (o || e)) {
+                const d = R(t.current);
+                H(i, d) || s(d), r && (c = requestAnimationFrame(u));
+            } else s(void 0);
         };
-        return o = requestAnimationFrame(d), ()=>{
-            cancelAnimationFrame(o);
+        return c = requestAnimationFrame(u), ()=>{
+            cancelAnimationFrame(c);
         };
     }, [
         t,
-        c,
-        s,
         i,
+        o,
+        r,
         e
-    ]), c;
+    ]), i;
+}, N = ()=>{
+    const [t, r] = n.useState(""), e = n.useCallback((i)=>{
+        i && r((process.env.NODE_ENV === "test" ? i.textContent : i.innerText) || "");
+    }, []);
+    return {
+        text: t,
+        ref: e
+    };
 };
-export { O as useBoundingRect, A as useDisableBodyScroll, F as useElementDimensions, R as useIsInViewport, $ as useIsWithinIFrame, j as useIsomorphicLayoutEffect, D as useScreenSize, q as useTheme, M as useWindowHeight, y as useWindowSize, k as useWindowWidth };
+export { j as useBoundingRect, k as useDisableBodyScroll, A as useElementDimensions, N as useInnerText, C as useIsInViewport, O as useIsWithinIFrame, $ as useIsomorphicLayoutEffect, q as useScreenSize, D as useTheme, F as useWindowHeight, v as useWindowSize, M as useWindowWidth };

package/dist-es/horizontal-scroll.css-mistica.js

@@ -1,5 +1,5 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./responsive-layout.css.ts.vanilla.css-mistica.js";
 import "./horizontal-scroll.css.ts.vanilla.css-mistica.js";
-var o = "v16_36_1_1gl3gmv2", l = "v16_36_1_1gl3gmv1 v16_36_1_1y2v1nfis";
+var o = "v16_37_1_1gl3gmv2", l = "v16_37_1_1gl3gmv1 v16_37_1_1y2v1nfjs";
 export { o as noScrollbar, l as scroll };

package/dist-es/horizontal-scroll.js

@@ -2,7 +2,7 @@ import { jsx as a } from "react/jsx-runtime";
 import t from "classnames";
 import * as s from "react";
 import { scroll as c, noScrollbar as m } from "./horizontal-scroll.css-mistica.js";
-const e = /*#__PURE__*/ s.forwardRef((param, l)=>{
+const n = /*#__PURE__*/ s.forwardRef((param, l)=>{
     let { children: o, noScrollbar: r } = param;
     return /* @__PURE__ */ a("div", {
         className: t(c, {
@@ -11,5 +11,5 @@ const e = /*#__PURE__*/ s.forwardRef((param, l)=>{
         ref: l,
         children: o
     });
-}), p = e;
+}), p = n;
 export { p as default };