@telefonica/mistica 18.0.0-beta.2 → 18.0.0-beta.3

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

@@ -31,7 +31,7 @@ _export(exports, {
         return d;
     }
 });
-/* empty css                                       */ var a = "v18_0_0-beta_2_379jdb0", v = "v18_0_0-beta_2_379jdb1", e = "v18_0_0-beta_2_379jdb2", b = "v18_0_0-beta_2_379jdb4", r = "v18_0_0-beta_2_379jdb5", t = "v18_0_0-beta_2_379jdb7", d = {
-    colSpan: "var(--v18_0_0-beta_2_379jdb6)",
-    verticalSpace: "var(--v18_0_0-beta_2_379jdb3)"
+/* empty css                                       */ var a = "v18_0_0-beta_3_379jdb0", v = "v18_0_0-beta_3_379jdb1", e = "v18_0_0-beta_3_379jdb2", b = "v18_0_0-beta_3_379jdb4", r = "v18_0_0-beta_3_379jdb5", t = "v18_0_0-beta_3_379jdb7", d = {
+    colSpan: "var(--v18_0_0-beta_3_379jdb6)",
+    verticalSpace: "var(--v18_0_0-beta_3_379jdb3)"
 };

package/dist/grid.css-mistica.js

@@ -74,140 +74,140 @@ _export(exports, {
     }
 });
 /* empty css                                */ var v = {
-    rowMinSize: "var(--v18_0_0-beta_2_mfyikv0)",
-    rowMaxSize: "var(--v18_0_0-beta_2_mfyikv1)",
-    columnMinSize: "var(--v18_0_0-beta_2_mfyikv2)",
-    columnMaxSize: "var(--v18_0_0-beta_2_mfyikv3)"
+    rowMinSize: "var(--v18_0_0-beta_3_mfyikv0)",
+    rowMaxSize: "var(--v18_0_0-beta_3_mfyikv1)",
+    columnMinSize: "var(--v18_0_0-beta_3_mfyikv2)",
+    columnMaxSize: "var(--v18_0_0-beta_3_mfyikv3)"
 }, e = {
     columnGap: {
-        desktop: "var(--v18_0_0-beta_2_mfyikv4)",
-        tablet: "var(--v18_0_0-beta_2_mfyikv5)",
-        mobile: "var(--v18_0_0-beta_2_mfyikv6)"
+        desktop: "var(--v18_0_0-beta_3_mfyikv4)",
+        tablet: "var(--v18_0_0-beta_3_mfyikv5)",
+        mobile: "var(--v18_0_0-beta_3_mfyikv6)"
     },
     rowGap: {
-        desktop: "var(--v18_0_0-beta_2_mfyikv7)",
-        tablet: "var(--v18_0_0-beta_2_mfyikv8)",
-        mobile: "var(--v18_0_0-beta_2_mfyikv9)"
+        desktop: "var(--v18_0_0-beta_3_mfyikv7)",
+        tablet: "var(--v18_0_0-beta_3_mfyikv8)",
+        mobile: "var(--v18_0_0-beta_3_mfyikv9)"
     }
-}, a = "v18_0_0-beta_2_mfyikva", t = "v18_0_0-beta_2_mfyikvb", i = "v18_0_0-beta_2_mfyikvc", m = "v18_0_0-beta_2_mfyikvd", b = {
-    1: "v18_0_0-beta_2_mfyikve",
-    2: "v18_0_0-beta_2_mfyikvf",
-    3: "v18_0_0-beta_2_mfyikvg",
-    4: "v18_0_0-beta_2_mfyikvh",
-    5: "v18_0_0-beta_2_mfyikvi",
-    6: "v18_0_0-beta_2_mfyikvj",
-    7: "v18_0_0-beta_2_mfyikvk",
-    8: "v18_0_0-beta_2_mfyikvl",
-    9: "v18_0_0-beta_2_mfyikvm",
-    10: "v18_0_0-beta_2_mfyikvn",
-    11: "v18_0_0-beta_2_mfyikvo",
-    12: "v18_0_0-beta_2_mfyikvp"
+}, a = "v18_0_0-beta_3_mfyikva", t = "v18_0_0-beta_3_mfyikvb", i = "v18_0_0-beta_3_mfyikvc", m = "v18_0_0-beta_3_mfyikvd", b = {
+    1: "v18_0_0-beta_3_mfyikve",
+    2: "v18_0_0-beta_3_mfyikvf",
+    3: "v18_0_0-beta_3_mfyikvg",
+    4: "v18_0_0-beta_3_mfyikvh",
+    5: "v18_0_0-beta_3_mfyikvi",
+    6: "v18_0_0-beta_3_mfyikvj",
+    7: "v18_0_0-beta_3_mfyikvk",
+    8: "v18_0_0-beta_3_mfyikvl",
+    9: "v18_0_0-beta_3_mfyikvm",
+    10: "v18_0_0-beta_3_mfyikvn",
+    11: "v18_0_0-beta_3_mfyikvo",
+    12: "v18_0_0-beta_3_mfyikvp"
 }, f = {
-    1: "v18_0_0-beta_2_mfyikvq",
-    2: "v18_0_0-beta_2_mfyikvr",
-    3: "v18_0_0-beta_2_mfyikvs",
-    4: "v18_0_0-beta_2_mfyikvt",
-    5: "v18_0_0-beta_2_mfyikvu",
-    6: "v18_0_0-beta_2_mfyikvv",
-    7: "v18_0_0-beta_2_mfyikvw",
-    8: "v18_0_0-beta_2_mfyikvx",
-    9: "v18_0_0-beta_2_mfyikvy",
-    10: "v18_0_0-beta_2_mfyikvz",
-    11: "v18_0_0-beta_2_mfyikv10",
-    12: "v18_0_0-beta_2_mfyikv11"
+    1: "v18_0_0-beta_3_mfyikvq",
+    2: "v18_0_0-beta_3_mfyikvr",
+    3: "v18_0_0-beta_3_mfyikvs",
+    4: "v18_0_0-beta_3_mfyikvt",
+    5: "v18_0_0-beta_3_mfyikvu",
+    6: "v18_0_0-beta_3_mfyikvv",
+    7: "v18_0_0-beta_3_mfyikvw",
+    8: "v18_0_0-beta_3_mfyikvx",
+    9: "v18_0_0-beta_3_mfyikvy",
+    10: "v18_0_0-beta_3_mfyikvz",
+    11: "v18_0_0-beta_3_mfyikv10",
+    12: "v18_0_0-beta_3_mfyikv11"
 }, y = {
-    column: "v18_0_0-beta_2_mfyikv12",
-    row: "v18_0_0-beta_2_mfyikv13",
-    "row dense": "v18_0_0-beta_2_mfyikv14",
-    "column dense": "v18_0_0-beta_2_mfyikv15"
+    column: "v18_0_0-beta_3_mfyikv12",
+    row: "v18_0_0-beta_3_mfyikv13",
+    "row dense": "v18_0_0-beta_3_mfyikv14",
+    "column dense": "v18_0_0-beta_3_mfyikv15"
 }, k = {
-    start: "v18_0_0-beta_2_mfyikv16",
-    end: "v18_0_0-beta_2_mfyikv17",
-    center: "v18_0_0-beta_2_mfyikv18",
-    stretch: "v18_0_0-beta_2_mfyikv19"
+    start: "v18_0_0-beta_3_mfyikv16",
+    end: "v18_0_0-beta_3_mfyikv17",
+    center: "v18_0_0-beta_3_mfyikv18",
+    stretch: "v18_0_0-beta_3_mfyikv19"
 }, r = {
-    start: "v18_0_0-beta_2_mfyikv1a",
-    end: "v18_0_0-beta_2_mfyikv1b",
-    center: "v18_0_0-beta_2_mfyikv1c",
-    stretch: "v18_0_0-beta_2_mfyikv1d",
-    baseline: "v18_0_0-beta_2_mfyikv1e"
+    start: "v18_0_0-beta_3_mfyikv1a",
+    end: "v18_0_0-beta_3_mfyikv1b",
+    center: "v18_0_0-beta_3_mfyikv1c",
+    stretch: "v18_0_0-beta_3_mfyikv1d",
+    baseline: "v18_0_0-beta_3_mfyikv1e"
 }, n = {
-    start: "v18_0_0-beta_2_mfyikv1f",
-    end: "v18_0_0-beta_2_mfyikv1g",
-    center: "v18_0_0-beta_2_mfyikv1h",
-    stretch: "v18_0_0-beta_2_mfyikv1i",
-    "space-between": "v18_0_0-beta_2_mfyikv1j",
-    "space-around": "v18_0_0-beta_2_mfyikv1k",
-    "space-evenly": "v18_0_0-beta_2_mfyikv1l"
+    start: "v18_0_0-beta_3_mfyikv1f",
+    end: "v18_0_0-beta_3_mfyikv1g",
+    center: "v18_0_0-beta_3_mfyikv1h",
+    stretch: "v18_0_0-beta_3_mfyikv1i",
+    "space-between": "v18_0_0-beta_3_mfyikv1j",
+    "space-around": "v18_0_0-beta_3_mfyikv1k",
+    "space-evenly": "v18_0_0-beta_3_mfyikv1l"
 }, s = {
-    start: "v18_0_0-beta_2_mfyikv1m",
-    end: "v18_0_0-beta_2_mfyikv1n",
-    center: "v18_0_0-beta_2_mfyikv1o",
-    stretch: "v18_0_0-beta_2_mfyikv1p",
-    "space-between": "v18_0_0-beta_2_mfyikv1q",
-    "space-around": "v18_0_0-beta_2_mfyikv1r",
-    "space-evenly": "v18_0_0-beta_2_mfyikv1s"
-}, o = "v18_0_0-beta_2_mfyikv1t", l = "v18_0_0-beta_2_mfyikv1u", c = {
-    1: "v18_0_0-beta_2_mfyikv1v",
-    2: "v18_0_0-beta_2_mfyikv1w",
-    3: "v18_0_0-beta_2_mfyikv1x",
-    4: "v18_0_0-beta_2_mfyikv1y",
-    5: "v18_0_0-beta_2_mfyikv1z",
-    6: "v18_0_0-beta_2_mfyikv20",
-    7: "v18_0_0-beta_2_mfyikv21",
-    8: "v18_0_0-beta_2_mfyikv22",
-    9: "v18_0_0-beta_2_mfyikv23",
-    10: "v18_0_0-beta_2_mfyikv24",
-    11: "v18_0_0-beta_2_mfyikv25",
-    12: "v18_0_0-beta_2_mfyikv26"
+    start: "v18_0_0-beta_3_mfyikv1m",
+    end: "v18_0_0-beta_3_mfyikv1n",
+    center: "v18_0_0-beta_3_mfyikv1o",
+    stretch: "v18_0_0-beta_3_mfyikv1p",
+    "space-between": "v18_0_0-beta_3_mfyikv1q",
+    "space-around": "v18_0_0-beta_3_mfyikv1r",
+    "space-evenly": "v18_0_0-beta_3_mfyikv1s"
+}, o = "v18_0_0-beta_3_mfyikv1t", l = "v18_0_0-beta_3_mfyikv1u", c = {
+    1: "v18_0_0-beta_3_mfyikv1v",
+    2: "v18_0_0-beta_3_mfyikv1w",
+    3: "v18_0_0-beta_3_mfyikv1x",
+    4: "v18_0_0-beta_3_mfyikv1y",
+    5: "v18_0_0-beta_3_mfyikv1z",
+    6: "v18_0_0-beta_3_mfyikv20",
+    7: "v18_0_0-beta_3_mfyikv21",
+    8: "v18_0_0-beta_3_mfyikv22",
+    9: "v18_0_0-beta_3_mfyikv23",
+    10: "v18_0_0-beta_3_mfyikv24",
+    11: "v18_0_0-beta_3_mfyikv25",
+    12: "v18_0_0-beta_3_mfyikv26"
 }, d = {
-    1: "v18_0_0-beta_2_mfyikv27",
-    2: "v18_0_0-beta_2_mfyikv28",
-    3: "v18_0_0-beta_2_mfyikv29",
-    4: "v18_0_0-beta_2_mfyikv2a",
-    5: "v18_0_0-beta_2_mfyikv2b",
-    6: "v18_0_0-beta_2_mfyikv2c",
-    7: "v18_0_0-beta_2_mfyikv2d",
-    8: "v18_0_0-beta_2_mfyikv2e",
-    9: "v18_0_0-beta_2_mfyikv2f",
-    10: "v18_0_0-beta_2_mfyikv2g",
-    11: "v18_0_0-beta_2_mfyikv2h",
-    12: "v18_0_0-beta_2_mfyikv2i"
+    1: "v18_0_0-beta_3_mfyikv27",
+    2: "v18_0_0-beta_3_mfyikv28",
+    3: "v18_0_0-beta_3_mfyikv29",
+    4: "v18_0_0-beta_3_mfyikv2a",
+    5: "v18_0_0-beta_3_mfyikv2b",
+    6: "v18_0_0-beta_3_mfyikv2c",
+    7: "v18_0_0-beta_3_mfyikv2d",
+    8: "v18_0_0-beta_3_mfyikv2e",
+    9: "v18_0_0-beta_3_mfyikv2f",
+    10: "v18_0_0-beta_3_mfyikv2g",
+    11: "v18_0_0-beta_3_mfyikv2h",
+    12: "v18_0_0-beta_3_mfyikv2i"
 }, p = {
-    1: "v18_0_0-beta_2_mfyikv2j",
-    2: "v18_0_0-beta_2_mfyikv2k",
-    3: "v18_0_0-beta_2_mfyikv2l",
-    4: "v18_0_0-beta_2_mfyikv2m",
-    5: "v18_0_0-beta_2_mfyikv2n",
-    6: "v18_0_0-beta_2_mfyikv2o",
-    7: "v18_0_0-beta_2_mfyikv2p",
-    8: "v18_0_0-beta_2_mfyikv2q",
-    9: "v18_0_0-beta_2_mfyikv2r",
-    10: "v18_0_0-beta_2_mfyikv2s",
-    11: "v18_0_0-beta_2_mfyikv2t",
-    12: "v18_0_0-beta_2_mfyikv2u"
+    1: "v18_0_0-beta_3_mfyikv2j",
+    2: "v18_0_0-beta_3_mfyikv2k",
+    3: "v18_0_0-beta_3_mfyikv2l",
+    4: "v18_0_0-beta_3_mfyikv2m",
+    5: "v18_0_0-beta_3_mfyikv2n",
+    6: "v18_0_0-beta_3_mfyikv2o",
+    7: "v18_0_0-beta_3_mfyikv2p",
+    8: "v18_0_0-beta_3_mfyikv2q",
+    9: "v18_0_0-beta_3_mfyikv2r",
+    10: "v18_0_0-beta_3_mfyikv2s",
+    11: "v18_0_0-beta_3_mfyikv2t",
+    12: "v18_0_0-beta_3_mfyikv2u"
 }, u = {
-    1: "v18_0_0-beta_2_mfyikv2v",
-    2: "v18_0_0-beta_2_mfyikv2w",
-    3: "v18_0_0-beta_2_mfyikv2x",
-    4: "v18_0_0-beta_2_mfyikv2y",
-    5: "v18_0_0-beta_2_mfyikv2z",
-    6: "v18_0_0-beta_2_mfyikv30",
-    7: "v18_0_0-beta_2_mfyikv31",
-    8: "v18_0_0-beta_2_mfyikv32",
-    9: "v18_0_0-beta_2_mfyikv33",
-    10: "v18_0_0-beta_2_mfyikv34",
-    11: "v18_0_0-beta_2_mfyikv35",
-    12: "v18_0_0-beta_2_mfyikv36"
+    1: "v18_0_0-beta_3_mfyikv2v",
+    2: "v18_0_0-beta_3_mfyikv2w",
+    3: "v18_0_0-beta_3_mfyikv2x",
+    4: "v18_0_0-beta_3_mfyikv2y",
+    5: "v18_0_0-beta_3_mfyikv2z",
+    6: "v18_0_0-beta_3_mfyikv30",
+    7: "v18_0_0-beta_3_mfyikv31",
+    8: "v18_0_0-beta_3_mfyikv32",
+    9: "v18_0_0-beta_3_mfyikv33",
+    10: "v18_0_0-beta_3_mfyikv34",
+    11: "v18_0_0-beta_3_mfyikv35",
+    12: "v18_0_0-beta_3_mfyikv36"
 }, g = {
-    start: "v18_0_0-beta_2_mfyikv37",
-    end: "v18_0_0-beta_2_mfyikv38",
-    center: "v18_0_0-beta_2_mfyikv39",
-    stretch: "v18_0_0-beta_2_mfyikv3a"
+    start: "v18_0_0-beta_3_mfyikv37",
+    end: "v18_0_0-beta_3_mfyikv38",
+    center: "v18_0_0-beta_3_mfyikv39",
+    stretch: "v18_0_0-beta_3_mfyikv3a"
 }, w = {
-    start: "v18_0_0-beta_2_mfyikv3b",
-    end: "v18_0_0-beta_2_mfyikv3c",
-    center: "v18_0_0-beta_2_mfyikv3d",
-    stretch: "v18_0_0-beta_2_mfyikv3e",
-    baseline: "v18_0_0-beta_2_mfyikv3f"
+    start: "v18_0_0-beta_3_mfyikv3b",
+    end: "v18_0_0-beta_3_mfyikv3c",
+    center: "v18_0_0-beta_3_mfyikv3d",
+    stretch: "v18_0_0-beta_3_mfyikv3e",
+    baseline: "v18_0_0-beta_3_mfyikv3f"
 };

package/dist/header.css-mistica.js

@@ -22,4 +22,4 @@ _export(exports, {
         return t;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var t = "v18_0_0-beta_2_mtk7e90", a = "v18_0_0-beta_2_mtk7e92 v18_0_0-beta_2_mtk7e90 v18_0_0-beta_2_mtk7e91 v18_0_0-beta_2_1y2v1nfj6", v = "v18_0_0-beta_2_mtk7e93", r = "v18_0_0-beta_2_mtk7e94 v18_0_0-beta_2_1y2v1nfre v18_0_0-beta_2_1y2v1nfrk";
+/* empty css                                     */ /* empty css                                  */ var t = "v18_0_0-beta_3_mtk7e90", a = "v18_0_0-beta_3_mtk7e92 v18_0_0-beta_3_mtk7e90 v18_0_0-beta_3_mtk7e91 v18_0_0-beta_3_1y2v1nfj6", v = "v18_0_0-beta_3_mtk7e93", r = "v18_0_0-beta_3_mtk7e94 v18_0_0-beta_3_1y2v1nfre v18_0_0-beta_3_1y2v1nfrk";

package/dist/hero.css-mistica.js

@@ -44,5 +44,5 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                */ var v = {
-    height: "var(--v18_0_0-beta_2_16rbpto0)"
-}, a = "v18_0_0-beta_2_16rbpto1 v18_0_0-beta_2_1y2v1nfsi", e = "v18_0_0-beta_2_16rbpto3 v18_0_0-beta_2_16rbpto2 v18_0_0-beta_2_1y2v1nfre", r = "v18_0_0-beta_2_16rbpto4 v18_0_0-beta_2_1y2v1nfsi v18_0_0-beta_2_1y2v1nfre v18_0_0-beta_2_1y2v1nfrq v18_0_0-beta_2_1y2v1nfrk", b = "v18_0_0-beta_2_16rbpto5", n = "v18_0_0-beta_2_16rbpto6 v18_0_0-beta_2_1y2v1nfrk", o = "v18_0_0-beta_2_16rbpto7 v18_0_0-beta_2_1y2v1nfrt v18_0_0-beta_2_1y2v1nfsi", p = "v18_0_0-beta_2_16rbpto9 v18_0_0-beta_2_16rbpto8 v18_0_0-beta_2_1y2v1nfre v18_0_0-beta_2_1y2v1nfs0 v18_0_0-beta_2_1y2v1nfru", f = "v18_0_0-beta_2_16rbptoa", i = "v18_0_0-beta_2_16rbptob", y = "v18_0_0-beta_2_16rbptoc v18_0_0-beta_2_1y2v1nfre v18_0_0-beta_2_1y2v1nfrk";
+    height: "var(--v18_0_0-beta_3_16rbpto0)"
+}, a = "v18_0_0-beta_3_16rbpto1 v18_0_0-beta_3_1y2v1nfsi", e = "v18_0_0-beta_3_16rbpto3 v18_0_0-beta_3_16rbpto2 v18_0_0-beta_3_1y2v1nfre", r = "v18_0_0-beta_3_16rbpto4 v18_0_0-beta_3_1y2v1nfsi v18_0_0-beta_3_1y2v1nfre v18_0_0-beta_3_1y2v1nfrq v18_0_0-beta_3_1y2v1nfrk", b = "v18_0_0-beta_3_16rbpto5", n = "v18_0_0-beta_3_16rbpto6 v18_0_0-beta_3_1y2v1nfrk", o = "v18_0_0-beta_3_16rbpto7 v18_0_0-beta_3_1y2v1nfrt v18_0_0-beta_3_1y2v1nfsi", p = "v18_0_0-beta_3_16rbpto9 v18_0_0-beta_3_16rbpto8 v18_0_0-beta_3_1y2v1nfre v18_0_0-beta_3_1y2v1nfs0 v18_0_0-beta_3_1y2v1nfru", f = "v18_0_0-beta_3_16rbptoa", i = "v18_0_0-beta_3_16rbptob", y = "v18_0_0-beta_3_16rbptoc v18_0_0-beta_3_1y2v1nfre v18_0_0-beta_3_1y2v1nfrk";

package/dist/hooks.js

@@ -10,40 +10,40 @@ function _export(target, all) {
 }
 _export(exports, {
     get useBoundingRect () {
-        return j;
+        return N;
     },
     get useDisableBodyScroll () {
-        return k;
+        return q;
     },
     get useElementDimensions () {
-        return A;
+        return M;
     },
     get useInnerText () {
-        return N;
+        return Y;
     },
     get useIsInViewport () {
-        return C;
+        return H;
     },
     get useIsWithinIFrame () {
-        return O;
+        return $;
     },
     get useIsomorphicLayoutEffect () {
-        return $;
+        return j;
     },
     get useScreenSize () {
-        return q;
+        return A;
     },
     get useTheme () {
-        return D;
+        return k;
     },
     get useWindowHeight () {
-        return F;
+        return O;
     },
     get useWindowSize () {
         return S;
     },
     get useWindowWidth () {
-        return M;
+        return P;
     }
 });
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
@@ -52,6 +52,7 @@ const _screensizecontext = /*#__PURE__*/ _interop_require_default(require("./scr
 const _dom = require("./utils/dom.js");
 const _environment = require("./utils/environment.js");
 const _helpers = require("./utils/helpers.js");
+const _platform = require("./utils/platform.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -98,13 +99,13 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const D = ()=>{
+const k = ()=>{
     const e = _react.useContext(_themecontext.default);
     if (!e) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
     return e;
 };
 let m = "", g = 0, f = 0;
-const k = (e)=>{
+const q = (e)=>{
     _react.useEffect(()=>{
         if (e) {
             const o = document.scrollingElement || document.documentElement, n = ()=>{
@@ -112,14 +113,16 @@ const k = (e)=>{
                 var _o_scrollTop, _document_body_style_cssText;
                 if (f++, !(f > 1) && (g = (_o_scrollTop = o === null || o === void 0 ? void 0 : o.scrollTop) !== null && _o_scrollTop !== void 0 ? _o_scrollTop : 0, m = (_document_body_style_cssText = (_document_body = document.body) === null || _document_body === void 0 ? void 0 : _document_body.style.cssText) !== null && _document_body_style_cssText !== void 0 ? _document_body_style_cssText : "", document.body)) {
                     var _o_clientWidth;
-                    const r = window.innerWidth > ((_o_clientWidth = o === null || o === void 0 ? void 0 : o.clientWidth) !== null && _o_clientWidth !== void 0 ? _o_clientWidth : window.innerWidth) ? "scroll" : "hidden";
-                    document.body.style.cssText = m + (m.endsWith(";") ? "" : ";") + [
-                        "overflow: hidden;",
-                        `overflow-y: ${r};`,
+                    const r = window.innerWidth > ((_o_clientWidth = o === null || o === void 0 ? void 0 : o.clientWidth) !== null && _o_clientWidth !== void 0 ? _o_clientWidth : window.innerWidth) ? "scroll" : "hidden", c = (0, _platform.isFirefox)() ? [] : [
                         "position: fixed;",
                         `top: ${-g}px;`,
                         "left: 0px;",
-                        "right: 0px;",
+                        "right: 0px;"
+                    ];
+                    document.body.style.cssText = m + (m.endsWith(";") ? "" : ";") + [
+                        "overflow: hidden;",
+                        `overflow-y: ${r};`,
+                        ...c,
                         "overscroll-behavior-y: contain;"
                     ].join("");
                 }
@@ -132,7 +135,7 @@ const k = (e)=>{
     }, [
         e
     ]);
-}, q = ()=>_react.useContext(_screensizecontext.default), A = function() {
+}, A = ()=>_react.useContext(_screensizecontext.default), M = function() {
     let { includeMargins: e = !1 } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     const [o, n] = _react.useState(0), [i, s] = _react.useState(0), [r, c] = _react.useState(null), u = _react.useCallback((l)=>{
         if (!l) {
@@ -141,8 +144,8 @@ const k = (e)=>{
         }
         const { width: h, height: p } = l[0].contentRect;
         if (e) {
-            const w = window.getComputedStyle(l[0].target), v = parseInt(w.marginTop, 10), y = parseInt(w.marginBottom, 10), b = parseInt(w.marginLeft, 10), W = parseInt(w.marginRight, 10);
-            n(h + b + W), s(p + v + y);
+            const w = window.getComputedStyle(l[0].target), y = parseInt(w.marginTop, 10), v = parseInt(w.marginBottom, 10), b = parseInt(w.marginLeft, 10), x = parseInt(w.marginRight, 10);
+            n(h + b + x), s(p + y + v);
         } else n(h), s(p);
     }, [
         e
@@ -187,13 +190,13 @@ const k = (e)=>{
         c,
         d
     ]);
-}, F = ()=>{
+}, O = ()=>{
     const { height: e } = S();
     return e;
-}, M = ()=>{
+}, P = ()=>{
     const { width: e } = S();
     return e;
-}, O = ()=>(0, _environment.isClientSide)() && window.top !== window.self, $ = (0, _environment.isClientSide)() ? _react.useLayoutEffect : _react.useEffect, C = (e, o, n)=>{
+}, $ = ()=>(0, _environment.isClientSide)() && window.top !== window.self, j = (0, _environment.isClientSide)() ? _react.useLayoutEffect : _react.useEffect, H = (e, o, n)=>{
     const [i, s] = _react.useState(o);
     return _react.useEffect(()=>{
         if (!e.current) return;
@@ -214,7 +217,7 @@ const k = (e)=>{
         n === null || n === void 0 ? void 0 : n.rootMargin,
         n === null || n === void 0 ? void 0 : n.threshold
     ]), i;
-}, H = (e)=>{
+}, R = (e)=>{
     const { top: o, right: n, bottom: i, left: s, width: r, height: c, x: u, y: d } = e.getBoundingClientRect();
     return {
         top: o,
@@ -226,14 +229,14 @@ const k = (e)=>{
         x: u,
         y: d
     };
-}, j = function(e) {
+}, N = function(e) {
     let o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
-    const [i, s] = _react.useState(), r = C(e, !1);
+    const [i, s] = _react.useState(), r = H(e, !1);
     return _react.useEffect(()=>{
         let c;
         const u = ()=>{
             if (e.current && (r || n)) {
-                const d = H(e.current);
+                const d = R(e.current);
                 (0, _helpers.isEqual)(i, d) || s(d), o && (c = requestAnimationFrame(u));
             } else s(void 0);
         };
@@ -247,7 +250,7 @@ const k = (e)=>{
         o,
         n
     ]), i;
-}, N = ()=>{
+}, Y = ()=>{
     const [e, o] = _react.useState(""), n = _react.useCallback((i)=>{
         i && o((process.env.NODE_ENV === "test" ? i.textContent : i.innerText) || "");
     }, []);

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

@@ -16,4 +16,4 @@ _export(exports, {
         return t;
     }
 });
-/* empty css                                     */ /* empty css                                             */ /* empty css                                             */ var t = "v18_0_0-beta_2_1gl3gmv1 v18_0_0-beta_2_1gl3gmv0 v18_0_0-beta_2_1y2v1nfre", a = "v18_0_0-beta_2_1gl3gmv2";
+/* empty css                                     */ /* empty css                                             */ /* empty css                                             */ var t = "v18_0_0-beta_3_1gl3gmv1 v18_0_0-beta_3_1gl3gmv0 v18_0_0-beta_3_1y2v1nfre", a = "v18_0_0-beta_3_1gl3gmv2";

package/dist/icon-button.css-mistica.js

@@ -59,63 +59,63 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                       */ var t = {
-    "brand-solid-default": "v18_0_0-beta_2_yqt1oe4",
-    "brand-solid-brand": "v18_0_0-beta_2_yqt1oe5",
-    "brand-solid-negative": "v18_0_0-beta_2_yqt1oe6",
-    "brand-solid-alternative": "v18_0_0-beta_2_yqt1oe7",
-    "brand-soft-default": "v18_0_0-beta_2_yqt1oe8",
-    "brand-soft-brand": "v18_0_0-beta_2_yqt1oe9",
-    "brand-soft-negative": "v18_0_0-beta_2_yqt1oea",
-    "brand-soft-alternative": "v18_0_0-beta_2_yqt1oeb",
-    "brand-transparent-default": "v18_0_0-beta_2_yqt1oec",
-    "brand-transparent-brand": "v18_0_0-beta_2_yqt1oed",
-    "brand-transparent-negative": "v18_0_0-beta_2_yqt1oee",
-    "brand-transparent-alternative": "v18_0_0-beta_2_yqt1oef",
-    "neutral-solid-default": "v18_0_0-beta_2_yqt1oeg",
-    "neutral-solid-brand": "v18_0_0-beta_2_yqt1oeh",
-    "neutral-solid-negative": "v18_0_0-beta_2_yqt1oei",
-    "neutral-solid-alternative": "v18_0_0-beta_2_yqt1oej",
-    "neutral-soft-default": "v18_0_0-beta_2_yqt1oek",
-    "neutral-soft-brand": "v18_0_0-beta_2_yqt1oel",
-    "neutral-soft-negative": "v18_0_0-beta_2_yqt1oem",
-    "neutral-soft-alternative": "v18_0_0-beta_2_yqt1oen",
-    "neutral-transparent-default": "v18_0_0-beta_2_yqt1oeo",
-    "neutral-transparent-brand": "v18_0_0-beta_2_yqt1oep",
-    "neutral-transparent-negative": "v18_0_0-beta_2_yqt1oeq",
-    "neutral-transparent-alternative": "v18_0_0-beta_2_yqt1oer",
-    "danger-solid-default": "v18_0_0-beta_2_yqt1oes",
-    "danger-solid-brand": "v18_0_0-beta_2_yqt1oet",
-    "danger-solid-negative": "v18_0_0-beta_2_yqt1oeu",
-    "danger-solid-alternative": "v18_0_0-beta_2_yqt1oev",
-    "danger-soft-default": "v18_0_0-beta_2_yqt1oew",
-    "danger-soft-brand": "v18_0_0-beta_2_yqt1oex",
-    "danger-soft-negative": "v18_0_0-beta_2_yqt1oey",
-    "danger-soft-alternative": "v18_0_0-beta_2_yqt1oez",
-    "danger-transparent-default": "v18_0_0-beta_2_yqt1oe10",
-    "danger-transparent-brand": "v18_0_0-beta_2_yqt1oe11",
-    "danger-transparent-negative": "v18_0_0-beta_2_yqt1oe12",
-    "danger-transparent-alternative": "v18_0_0-beta_2_yqt1oe13",
-    "brand-media": "v18_0_0-beta_2_yqt1oe14",
-    "neutral-media": "v18_0_0-beta_2_yqt1oe15",
-    "danger-media": "v18_0_0-beta_2_yqt1oe16"
-}, a = "v18_0_0-beta_2_yqt1oe17", v = "v18_0_0-beta_2_yqt1oe18", n = "v18_0_0-beta_2_yqt1oe19", r = {
+    "brand-solid-default": "v18_0_0-beta_3_yqt1oe4",
+    "brand-solid-brand": "v18_0_0-beta_3_yqt1oe5",
+    "brand-solid-negative": "v18_0_0-beta_3_yqt1oe6",
+    "brand-solid-alternative": "v18_0_0-beta_3_yqt1oe7",
+    "brand-soft-default": "v18_0_0-beta_3_yqt1oe8",
+    "brand-soft-brand": "v18_0_0-beta_3_yqt1oe9",
+    "brand-soft-negative": "v18_0_0-beta_3_yqt1oea",
+    "brand-soft-alternative": "v18_0_0-beta_3_yqt1oeb",
+    "brand-transparent-default": "v18_0_0-beta_3_yqt1oec",
+    "brand-transparent-brand": "v18_0_0-beta_3_yqt1oed",
+    "brand-transparent-negative": "v18_0_0-beta_3_yqt1oee",
+    "brand-transparent-alternative": "v18_0_0-beta_3_yqt1oef",
+    "neutral-solid-default": "v18_0_0-beta_3_yqt1oeg",
+    "neutral-solid-brand": "v18_0_0-beta_3_yqt1oeh",
+    "neutral-solid-negative": "v18_0_0-beta_3_yqt1oei",
+    "neutral-solid-alternative": "v18_0_0-beta_3_yqt1oej",
+    "neutral-soft-default": "v18_0_0-beta_3_yqt1oek",
+    "neutral-soft-brand": "v18_0_0-beta_3_yqt1oel",
+    "neutral-soft-negative": "v18_0_0-beta_3_yqt1oem",
+    "neutral-soft-alternative": "v18_0_0-beta_3_yqt1oen",
+    "neutral-transparent-default": "v18_0_0-beta_3_yqt1oeo",
+    "neutral-transparent-brand": "v18_0_0-beta_3_yqt1oep",
+    "neutral-transparent-negative": "v18_0_0-beta_3_yqt1oeq",
+    "neutral-transparent-alternative": "v18_0_0-beta_3_yqt1oer",
+    "danger-solid-default": "v18_0_0-beta_3_yqt1oes",
+    "danger-solid-brand": "v18_0_0-beta_3_yqt1oet",
+    "danger-solid-negative": "v18_0_0-beta_3_yqt1oeu",
+    "danger-solid-alternative": "v18_0_0-beta_3_yqt1oev",
+    "danger-soft-default": "v18_0_0-beta_3_yqt1oew",
+    "danger-soft-brand": "v18_0_0-beta_3_yqt1oex",
+    "danger-soft-negative": "v18_0_0-beta_3_yqt1oey",
+    "danger-soft-alternative": "v18_0_0-beta_3_yqt1oez",
+    "danger-transparent-default": "v18_0_0-beta_3_yqt1oe10",
+    "danger-transparent-brand": "v18_0_0-beta_3_yqt1oe11",
+    "danger-transparent-negative": "v18_0_0-beta_3_yqt1oe12",
+    "danger-transparent-alternative": "v18_0_0-beta_3_yqt1oe13",
+    "brand-media": "v18_0_0-beta_3_yqt1oe14",
+    "neutral-media": "v18_0_0-beta_3_yqt1oe15",
+    "danger-media": "v18_0_0-beta_3_yqt1oe16"
+}, a = "v18_0_0-beta_3_yqt1oe17", v = "v18_0_0-beta_3_yqt1oe18", n = "v18_0_0-beta_3_yqt1oe19", r = {
     default: "1.5rem",
     small: "1.25rem"
 }, b = {
     small: "calc(1.25rem + 12px)"
-}, o = "v18_0_0-beta_2_yqt1oe1a v18_0_0-beta_2_1y2v1nfh7 v18_0_0-beta_2_1y2v1nfig v18_0_0-beta_2_1y2v1nfjp v18_0_0-beta_2_1y2v1nfky v18_0_0-beta_2_1y2v1nftw v18_0_0-beta_2_1y2v1nfh6 v18_0_0-beta_2_1y2v1nfre v18_0_0-beta_2_1y2v1nfrt v18_0_0-beta_2_1y2v1nfrn", y = {
-    default: "v18_0_0-beta_2_yqt1oe1c v18_0_0-beta_2_yqt1oe1b",
-    small: "v18_0_0-beta_2_yqt1oe1d v18_0_0-beta_2_yqt1oe1b"
-}, d = "v18_0_0-beta_2_yqt1oe1f", l = {
-    default: "v18_0_0-beta_2_yqt1oe1g",
-    small: "v18_0_0-beta_2_yqt1oe1h"
+}, o = "v18_0_0-beta_3_yqt1oe1a v18_0_0-beta_3_1y2v1nfh7 v18_0_0-beta_3_1y2v1nfig v18_0_0-beta_3_1y2v1nfjp v18_0_0-beta_3_1y2v1nfky v18_0_0-beta_3_1y2v1nftw v18_0_0-beta_3_1y2v1nfh6 v18_0_0-beta_3_1y2v1nfre v18_0_0-beta_3_1y2v1nfrt v18_0_0-beta_3_1y2v1nfrn", y = {
+    default: "v18_0_0-beta_3_yqt1oe1c v18_0_0-beta_3_yqt1oe1b",
+    small: "v18_0_0-beta_3_yqt1oe1d v18_0_0-beta_3_yqt1oe1b"
+}, d = "v18_0_0-beta_3_yqt1oe1f", l = {
+    default: "v18_0_0-beta_3_yqt1oe1g",
+    small: "v18_0_0-beta_3_yqt1oe1h"
 }, q = {
-    default: "v18_0_0-beta_2_yqt1oe1i",
-    small: "v18_0_0-beta_2_yqt1oe1j"
+    default: "v18_0_0-beta_3_yqt1oe1i",
+    small: "v18_0_0-beta_3_yqt1oe1j"
 }, i = {
-    default: "v18_0_0-beta_2_yqt1oe1k",
-    small: "v18_0_0-beta_2_yqt1oe1l"
+    default: "v18_0_0-beta_3_yqt1oe1k",
+    small: "v18_0_0-beta_3_yqt1oe1l"
 }, f = {
-    default: "v18_0_0-beta_2_yqt1oe1o v18_0_0-beta_2_yqt1oe1n v18_0_0-beta_2_yqt1oe1m v18_0_0-beta_2_1y2v1nfty v18_0_0-beta_2_1y2v1nfre v18_0_0-beta_2_1y2v1nfrt v18_0_0-beta_2_1y2v1nfrn v18_0_0-beta_2_1y2v1nfui v18_0_0-beta_2_1y2v1nfr8",
-    small: "v18_0_0-beta_2_yqt1oe1p v18_0_0-beta_2_yqt1oe1n v18_0_0-beta_2_yqt1oe1m v18_0_0-beta_2_1y2v1nfty v18_0_0-beta_2_1y2v1nfre v18_0_0-beta_2_1y2v1nfrt v18_0_0-beta_2_1y2v1nfrn v18_0_0-beta_2_1y2v1nfui v18_0_0-beta_2_1y2v1nfr8"
-}, s = "v18_0_0-beta_2_yqt1oe1q", u = "v18_0_0-beta_2_yqt1oe1s v18_0_0-beta_2_yqt1oe1r v18_0_0-beta_2_1y2v1nfr8 v18_0_0-beta_2_1y2v1nfrf", g = "v18_0_0-beta_2_yqt1oe1u v18_0_0-beta_2_yqt1oe1t v18_0_0-beta_2_1y2v1nfr9";
+    default: "v18_0_0-beta_3_yqt1oe1o v18_0_0-beta_3_yqt1oe1n v18_0_0-beta_3_yqt1oe1m v18_0_0-beta_3_1y2v1nfty v18_0_0-beta_3_1y2v1nfre v18_0_0-beta_3_1y2v1nfrt v18_0_0-beta_3_1y2v1nfrn v18_0_0-beta_3_1y2v1nfui v18_0_0-beta_3_1y2v1nfr8",
+    small: "v18_0_0-beta_3_yqt1oe1p v18_0_0-beta_3_yqt1oe1n v18_0_0-beta_3_yqt1oe1m v18_0_0-beta_3_1y2v1nfty v18_0_0-beta_3_1y2v1nfre v18_0_0-beta_3_1y2v1nfrt v18_0_0-beta_3_1y2v1nfrn v18_0_0-beta_3_1y2v1nfui v18_0_0-beta_3_1y2v1nfr8"
+}, s = "v18_0_0-beta_3_yqt1oe1q", u = "v18_0_0-beta_3_yqt1oe1s v18_0_0-beta_3_yqt1oe1r v18_0_0-beta_3_1y2v1nfr8 v18_0_0-beta_3_1y2v1nfrf", g = "v18_0_0-beta_3_yqt1oe1u v18_0_0-beta_3_yqt1oe1t v18_0_0-beta_3_1y2v1nfr9";

package/dist/icons/icon-chevron.css-mistica.js

@@ -20,5 +20,5 @@ _export(exports, {
     }
 });
 /* empty css                                        */ var a = {
-    transitionDuration: "var(--v18_0_0-beta_2_77bqcx0)"
-}, t = "v18_0_0-beta_2_77bqcx1", _ = "v18_0_0-beta_2_77bqcx2";
+    transitionDuration: "var(--v18_0_0-beta_3_77bqcx0)"
+}, t = "v18_0_0-beta_3_77bqcx1", _ = "v18_0_0-beta_3_77bqcx2";

package/dist/icons/icon-error.css-mistica.js

@@ -16,4 +16,4 @@ _export(exports, {
         return _;
     }
 });
-/* empty css                                      */ var _ = "v18_0_0-beta_2_1ao3f5e1", e = "v18_0_0-beta_2_1ao3f5e2";
+/* empty css                                      */ var _ = "v18_0_0-beta_3_1ao3f5e1", e = "v18_0_0-beta_3_1ao3f5e2";

package/dist/image.css-mistica.js

@@ -35,5 +35,5 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                 */ var a = 300, v = {
-    mediaBorderRadius: "var(--v18_0_0-beta_2_17tt25r0)"
-}, r = "v18_0_0-beta_2_17tt25r1", e = "v18_0_0-beta_2_17tt25r3 v18_0_0-beta_2_17tt25r2 v18_0_0-beta_2_1y2v1nfuo v18_0_0-beta_2_1y2v1nfv3 v18_0_0-beta_2_1y2v1nfrg v18_0_0-beta_2_1y2v1nfs1 v18_0_0-beta_2_1y2v1nfsi v18_0_0-beta_2_1y2v1nfwc v18_0_0-beta_2_1y2v1nftt v18_0_0-beta_2_1y2v1nftu v18_0_0-beta_2_1y2v1nfu6", b = "v18_0_0-beta_2_17tt25r4", i = "v18_0_0-beta_2_17tt25r5", d = "v18_0_0-beta_2_17tt25r6", o = "v18_0_0-beta_2_17tt25r7";
+    mediaBorderRadius: "var(--v18_0_0-beta_3_17tt25r0)"
+}, r = "v18_0_0-beta_3_17tt25r1", e = "v18_0_0-beta_3_17tt25r3 v18_0_0-beta_3_17tt25r2 v18_0_0-beta_3_1y2v1nfuo v18_0_0-beta_3_1y2v1nfv3 v18_0_0-beta_3_1y2v1nfrg v18_0_0-beta_3_1y2v1nfs1 v18_0_0-beta_3_1y2v1nfsi v18_0_0-beta_3_1y2v1nfwc v18_0_0-beta_3_1y2v1nftt v18_0_0-beta_3_1y2v1nftu v18_0_0-beta_3_1y2v1nfu6", b = "v18_0_0-beta_3_17tt25r4", i = "v18_0_0-beta_3_17tt25r5", d = "v18_0_0-beta_3_17tt25r6", o = "v18_0_0-beta_3_17tt25r7";