@telefonica/mistica 17.6.0 → 17.8.0

package/dist/hero.css-mistica.js

@@ -44,5 +44,5 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                */ var r = {
-    height: "var(--v17_6_16rbpto0)"
-}, n = "v17_6_16rbpto1 v17_6_1y2v1nfsi", t = "v17_6_16rbpto3 v17_6_16rbpto2 v17_6_1y2v1nfre", o = "v17_6_16rbpto4 v17_6_1y2v1nfsi v17_6_1y2v1nfre v17_6_1y2v1nfrq v17_6_1y2v1nfrk", a = "v17_6_16rbpto5", e = "v17_6_16rbpto6 v17_6_1y2v1nfrk", p = "v17_6_16rbpto7 v17_6_1y2v1nfrt v17_6_1y2v1nfsi", b = "v17_6_16rbpto9 v17_6_16rbpto8 v17_6_1y2v1nfre v17_6_1y2v1nfs0 v17_6_1y2v1nfru", f = "v17_6_16rbptoa", i = "v17_6_16rbptob", y = "v17_6_16rbptoc v17_6_1y2v1nfre v17_6_1y2v1nfrk";
+    height: "var(--v17_8_16rbpto0)"
+}, n = "v17_8_16rbpto1 v17_8_1y2v1nfsi", t = "v17_8_16rbpto3 v17_8_16rbpto2 v17_8_1y2v1nfre", o = "v17_8_16rbpto4 v17_8_1y2v1nfsi v17_8_1y2v1nfre v17_8_1y2v1nfrq v17_8_1y2v1nfrk", a = "v17_8_16rbpto5", e = "v17_8_16rbpto6 v17_8_1y2v1nfrk", p = "v17_8_16rbpto7 v17_8_1y2v1nfrt v17_8_1y2v1nfsi", b = "v17_8_16rbpto9 v17_8_16rbpto8 v17_8_1y2v1nfre v17_8_1y2v1nfs0 v17_8_1y2v1nfru", f = "v17_8_16rbptoa", i = "v17_8_16rbptob", y = "v17_8_16rbptoc v17_8_1y2v1nfre v17_8_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 l;
     }
 });
-/* empty css                                     */ /* empty css                                             */ /* empty css                                             */ var l = "v17_6_1gl3gmv1 v17_6_1gl3gmv0 v17_6_1y2v1nfre", o = "v17_6_1gl3gmv2";
+/* empty css                                     */ /* empty css                                             */ /* empty css                                             */ var l = "v17_8_1gl3gmv1 v17_8_1gl3gmv0 v17_8_1y2v1nfre", o = "v17_8_1gl3gmv2";

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

@@ -59,63 +59,63 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                       */ var _ = {
-    "brand-solid-default": "v17_6_yqt1oe4",
-    "brand-solid-brand": "v17_6_yqt1oe5",
-    "brand-solid-negative": "v17_6_yqt1oe6",
-    "brand-solid-alternative": "v17_6_yqt1oe7",
-    "brand-soft-default": "v17_6_yqt1oe8",
-    "brand-soft-brand": "v17_6_yqt1oe9",
-    "brand-soft-negative": "v17_6_yqt1oea",
-    "brand-soft-alternative": "v17_6_yqt1oeb",
-    "brand-transparent-default": "v17_6_yqt1oec",
-    "brand-transparent-brand": "v17_6_yqt1oed",
-    "brand-transparent-negative": "v17_6_yqt1oee",
-    "brand-transparent-alternative": "v17_6_yqt1oef",
-    "neutral-solid-default": "v17_6_yqt1oeg",
-    "neutral-solid-brand": "v17_6_yqt1oeh",
-    "neutral-solid-negative": "v17_6_yqt1oei",
-    "neutral-solid-alternative": "v17_6_yqt1oej",
-    "neutral-soft-default": "v17_6_yqt1oek",
-    "neutral-soft-brand": "v17_6_yqt1oel",
-    "neutral-soft-negative": "v17_6_yqt1oem",
-    "neutral-soft-alternative": "v17_6_yqt1oen",
-    "neutral-transparent-default": "v17_6_yqt1oeo",
-    "neutral-transparent-brand": "v17_6_yqt1oep",
-    "neutral-transparent-negative": "v17_6_yqt1oeq",
-    "neutral-transparent-alternative": "v17_6_yqt1oer",
-    "danger-solid-default": "v17_6_yqt1oes",
-    "danger-solid-brand": "v17_6_yqt1oet",
-    "danger-solid-negative": "v17_6_yqt1oeu",
-    "danger-solid-alternative": "v17_6_yqt1oev",
-    "danger-soft-default": "v17_6_yqt1oew",
-    "danger-soft-brand": "v17_6_yqt1oex",
-    "danger-soft-negative": "v17_6_yqt1oey",
-    "danger-soft-alternative": "v17_6_yqt1oez",
-    "danger-transparent-default": "v17_6_yqt1oe10",
-    "danger-transparent-brand": "v17_6_yqt1oe11",
-    "danger-transparent-negative": "v17_6_yqt1oe12",
-    "danger-transparent-alternative": "v17_6_yqt1oe13",
-    "brand-media": "v17_6_yqt1oe14",
-    "neutral-media": "v17_6_yqt1oe15",
-    "danger-media": "v17_6_yqt1oe16"
-}, a = "v17_6_yqt1oe17", v = "v17_6_yqt1oe18", n = "v17_6_yqt1oe19", r = {
+    "brand-solid-default": "v17_8_yqt1oe4",
+    "brand-solid-brand": "v17_8_yqt1oe5",
+    "brand-solid-negative": "v17_8_yqt1oe6",
+    "brand-solid-alternative": "v17_8_yqt1oe7",
+    "brand-soft-default": "v17_8_yqt1oe8",
+    "brand-soft-brand": "v17_8_yqt1oe9",
+    "brand-soft-negative": "v17_8_yqt1oea",
+    "brand-soft-alternative": "v17_8_yqt1oeb",
+    "brand-transparent-default": "v17_8_yqt1oec",
+    "brand-transparent-brand": "v17_8_yqt1oed",
+    "brand-transparent-negative": "v17_8_yqt1oee",
+    "brand-transparent-alternative": "v17_8_yqt1oef",
+    "neutral-solid-default": "v17_8_yqt1oeg",
+    "neutral-solid-brand": "v17_8_yqt1oeh",
+    "neutral-solid-negative": "v17_8_yqt1oei",
+    "neutral-solid-alternative": "v17_8_yqt1oej",
+    "neutral-soft-default": "v17_8_yqt1oek",
+    "neutral-soft-brand": "v17_8_yqt1oel",
+    "neutral-soft-negative": "v17_8_yqt1oem",
+    "neutral-soft-alternative": "v17_8_yqt1oen",
+    "neutral-transparent-default": "v17_8_yqt1oeo",
+    "neutral-transparent-brand": "v17_8_yqt1oep",
+    "neutral-transparent-negative": "v17_8_yqt1oeq",
+    "neutral-transparent-alternative": "v17_8_yqt1oer",
+    "danger-solid-default": "v17_8_yqt1oes",
+    "danger-solid-brand": "v17_8_yqt1oet",
+    "danger-solid-negative": "v17_8_yqt1oeu",
+    "danger-solid-alternative": "v17_8_yqt1oev",
+    "danger-soft-default": "v17_8_yqt1oew",
+    "danger-soft-brand": "v17_8_yqt1oex",
+    "danger-soft-negative": "v17_8_yqt1oey",
+    "danger-soft-alternative": "v17_8_yqt1oez",
+    "danger-transparent-default": "v17_8_yqt1oe10",
+    "danger-transparent-brand": "v17_8_yqt1oe11",
+    "danger-transparent-negative": "v17_8_yqt1oe12",
+    "danger-transparent-alternative": "v17_8_yqt1oe13",
+    "brand-media": "v17_8_yqt1oe14",
+    "neutral-media": "v17_8_yqt1oe15",
+    "danger-media": "v17_8_yqt1oe16"
+}, a = "v17_8_yqt1oe17", v = "v17_8_yqt1oe18", n = "v17_8_yqt1oe19", r = {
     default: "1.5rem",
     small: "1.25rem"
 }, o = {
     small: "calc(1.25rem + 12px)"
-}, y = "v17_6_yqt1oe1a v17_6_1y2v1nfh7 v17_6_1y2v1nfig v17_6_1y2v1nfjp v17_6_1y2v1nfky v17_6_1y2v1nftw v17_6_1y2v1nfh6 v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nfrn", d = {
-    default: "v17_6_yqt1oe1c v17_6_yqt1oe1b",
-    small: "v17_6_yqt1oe1d v17_6_yqt1oe1b"
-}, l = "v17_6_yqt1oe1f", q = {
-    default: "v17_6_yqt1oe1g",
-    small: "v17_6_yqt1oe1h"
+}, y = "v17_8_yqt1oe1a v17_8_1y2v1nfh7 v17_8_1y2v1nfig v17_8_1y2v1nfjp v17_8_1y2v1nfky v17_8_1y2v1nftw v17_8_1y2v1nfh6 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn", d = {
+    default: "v17_8_yqt1oe1c v17_8_yqt1oe1b",
+    small: "v17_8_yqt1oe1d v17_8_yqt1oe1b"
+}, l = "v17_8_yqt1oe1f", q = {
+    default: "v17_8_yqt1oe1g",
+    small: "v17_8_yqt1oe1h"
 }, i = {
-    default: "v17_6_yqt1oe1i",
-    small: "v17_6_yqt1oe1j"
+    default: "v17_8_yqt1oe1i",
+    small: "v17_8_yqt1oe1j"
 }, f = {
-    default: "v17_6_yqt1oe1k",
-    small: "v17_6_yqt1oe1l"
+    default: "v17_8_yqt1oe1k",
+    small: "v17_8_yqt1oe1l"
 }, s = {
-    default: "v17_6_yqt1oe1o v17_6_yqt1oe1n v17_6_yqt1oe1m v17_6_1y2v1nfty v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nfrn v17_6_1y2v1nfui v17_6_1y2v1nfr8",
-    small: "v17_6_yqt1oe1p v17_6_yqt1oe1n v17_6_yqt1oe1m v17_6_1y2v1nfty v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nfrn v17_6_1y2v1nfui v17_6_1y2v1nfr8"
-}, u = "v17_6_yqt1oe1q", b = "v17_6_yqt1oe1s v17_6_yqt1oe1r v17_6_1y2v1nfr8 v17_6_1y2v1nfrf", g = "v17_6_yqt1oe1u v17_6_yqt1oe1t v17_6_1y2v1nfr9";
+    default: "v17_8_yqt1oe1o v17_8_yqt1oe1n v17_8_yqt1oe1m v17_8_1y2v1nfty v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nfui v17_8_1y2v1nfr8",
+    small: "v17_8_yqt1oe1p v17_8_yqt1oe1n v17_8_yqt1oe1m v17_8_1y2v1nfty v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nfui v17_8_1y2v1nfr8"
+}, u = "v17_8_yqt1oe1q", b = "v17_8_yqt1oe1s v17_8_yqt1oe1r v17_8_1y2v1nfr8 v17_8_1y2v1nfrf", g = "v17_8_yqt1oe1u v17_8_yqt1oe1t v17_8_1y2v1nfr9";

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

@@ -20,5 +20,5 @@ _export(exports, {
     }
 });
 /* empty css                                        */ var o = {
-    transitionDuration: "var(--v17_6_77bqcx0)"
-}, a = "v17_6_77bqcx1", v = "v17_6_77bqcx2";
+    transitionDuration: "var(--v17_8_77bqcx0)"
+}, a = "v17_8_77bqcx1", v = "v17_8_77bqcx2";

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

@@ -16,4 +16,4 @@ _export(exports, {
         return a;
     }
 });
-/* empty css                                      */ var a = "v17_6_1ao3f5e1", i = "v17_6_1ao3f5e2";
+/* empty css                                      */ var a = "v17_8_1ao3f5e1", i = "v17_8_1ao3f5e2";

package/dist/image.css-mistica.js

@@ -10,30 +10,30 @@ function _export(target, all) {
 }
 _export(exports, {
     get FADE_IN_DURATION_MS () {
-        return a;
+        return r;
     },
     get circularBorderRadius () {
-        return u;
+        return e;
     },
     get defaultBorderRadius () {
-        return n;
+        return u;
     },
     get image () {
-        return o;
+        return i;
     },
     get imageWithBorder () {
-        return d;
+        return a;
     },
     get vars () {
-        return i;
+        return t;
     },
     get withBorderRadius () {
-        return f;
+        return o;
     },
     get withoutBorderRadius () {
-        return e;
+        return d;
     }
 });
-/* empty css                                               */ /* empty css                                         */ /* empty css                                     */ /* empty css                                 */ var a = 300, i = {
-    mediaBorderRadius: "var(--v17_6_17tt25r0)"
-}, d = "v17_6_17tt25r1", o = "v17_6_17tt25r3 v17_6_17tt25r2 v17_6_1y2v1nfuo v17_6_1y2v1nfv3 v17_6_1y2v1nfrg v17_6_1y2v1nfs1 v17_6_1y2v1nfsi v17_6_1y2v1nfwc v17_6_1y2v1nftt v17_6_1y2v1nftu v17_6_1y2v1nfu6", e = "v17_6_17tt25r4", u = "v17_6_17tt25r5", f = "v17_6_17tt25r6", n = "v17_6_17tt25r7";
+/* empty css                                     */ /* empty css                                 */ var r = 300, t = {
+    mediaBorderRadius: "var(--v17_8_17tt25r0)"
+}, a = "v17_8_17tt25r1", i = "v17_8_17tt25r3 v17_8_17tt25r2 v17_8_1y2v1nfuo v17_8_1y2v1nfv3 v17_8_1y2v1nfrg v17_8_1y2v1nfs1 v17_8_1y2v1nfsi v17_8_1y2v1nfwc v17_8_1y2v1nftt v17_8_1y2v1nftu v17_8_1y2v1nfu6", d = "v17_8_17tt25r4", e = "v17_8_17tt25r5", o = "v17_8_17tt25r6", u = "v17_8_17tt25r7";

package/dist/index.d.ts

@@ -1826,6 +1826,7 @@ export { default as IconRecycleRegular } from './generated/mistica-icons/icon-re
 export { default as IconRefreshFilled } from './generated/mistica-icons/icon-refresh-filled';
 export { default as IconRefreshLight } from './generated/mistica-icons/icon-refresh-light';
 export { default as IconRefreshRegular } from './generated/mistica-icons/icon-refresh-regular';
+export { default as IconReloadFilled } from './generated/mistica-icons/icon-reload-filled';
 export { default as IconReloadLight } from './generated/mistica-icons/icon-reload-light';
 export { default as IconReloadRegular } from './generated/mistica-icons/icon-reload-regular';
 export { default as IconRenovateDeviceChangeMobileFilled } from './generated/mistica-icons/icon-renovate-device-change-mobile-filled';

package/dist/index.js

@@ -5238,6 +5238,9 @@ _export(exports, {
     get IconRefreshRegular () {
         return _iconrefreshregular.default;
     },
+    get IconReloadFilled () {
+        return _iconreloadfilled.default;
+    },
     get IconReloadLight () {
         return _iconreloadlight.default;
     },
@@ -9225,6 +9228,7 @@ const _iconrecycleregular = /*#__PURE__*/ _interop_require_default(require("./ge
 const _iconrefreshfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-refresh-filled.js"));
 const _iconrefreshlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-refresh-light.js"));
 const _iconrefreshregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-refresh-regular.js"));
+const _iconreloadfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-reload-filled.js"));
 const _iconreloadlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-reload-light.js"));
 const _iconreloadregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-reload-regular.js"));
 const _iconrenovatedevicechangemobilefilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-renovate-device-change-mobile-filled.js"));

package/dist/inline.css-mistica.js

@@ -41,14 +41,14 @@ _export(exports, {
     }
 });
 /* empty css                                  */ var a = {
-    space: "var(--v17_6_kkfbnv0)",
-    spaceMobile: "var(--v17_6_kkfbnv1)",
-    spaceTablet: "var(--v17_6_kkfbnv2)",
-    spaceDesktop: "var(--v17_6_kkfbnv3)",
-    verticalSpace: "var(--v17_6_kkfbnv4)",
-    verticalSpaceMobile: "var(--v17_6_kkfbnv5)",
-    verticalSpaceTablet: "var(--v17_6_kkfbnv6)",
-    verticalSpaceDesktop: "var(--v17_6_kkfbnv7)",
-    childAlignItems: "var(--v17_6_kkfbnv8)",
-    childDisplay: "var(--v17_6_kkfbnv9)"
-}, k = "v17_6_kkfbnva", _ = "v17_6_kkfbnvb", r = "v17_6_kkfbnvc", n = "v17_6_kkfbnvd", e = "v17_6_kkfbnve", b = "v17_6_kkfbnvf", f = "v17_6_kkfbnvg", i = "v17_6_kkfbnvh", p = "v17_6_kkfbnvi";
+    space: "var(--v17_8_kkfbnv0)",
+    spaceMobile: "var(--v17_8_kkfbnv1)",
+    spaceTablet: "var(--v17_8_kkfbnv2)",
+    spaceDesktop: "var(--v17_8_kkfbnv3)",
+    verticalSpace: "var(--v17_8_kkfbnv4)",
+    verticalSpaceMobile: "var(--v17_8_kkfbnv5)",
+    verticalSpaceTablet: "var(--v17_8_kkfbnv6)",
+    verticalSpaceDesktop: "var(--v17_8_kkfbnv7)",
+    childAlignItems: "var(--v17_8_kkfbnv8)",
+    childDisplay: "var(--v17_8_kkfbnv9)"
+}, k = "v17_8_kkfbnva", _ = "v17_8_kkfbnvb", r = "v17_8_kkfbnvc", n = "v17_8_kkfbnvd", e = "v17_8_kkfbnve", b = "v17_8_kkfbnvf", f = "v17_8_kkfbnvg", i = "v17_8_kkfbnvh", p = "v17_8_kkfbnvi";

package/dist/list.css-mistica.js

@@ -109,10 +109,10 @@ _export(exports, {
         return z;
     }
 });
-/* empty css                                     */ /* empty css                                */ var n = "v17_6_2buj9g0", r = "v17_6_2buj9g1", u = "v17_6_2buj9g2", y = "v17_6_2buj9g3", g = {
-    default: "v17_6_2buj9g4",
-    alternative: "v17_6_2buj9g5",
-    brand: "v17_6_2buj9g6",
-    media: "v17_6_2buj9g7",
-    negative: "v17_6_2buj9g8"
-}, a = "v17_6_2buj9g9", f = "v17_6_2buj9ga", t = "v17_6_2buj9gb v17_6_1y2v1nfuh", b = "v17_6_2buj9gd v17_6_2buj9gc v17_6_1y2v1nfh7 v17_6_1y2v1nfig v17_6_1y2v1nfjp v17_6_1y2v1nfky v17_6_1y2v1nfs1 v17_6_1y2v1nftw v17_6_1y2v1nfh6 v17_6_1y2v1nfrg v17_6_1y2v1nfsi v17_6_1y2v1nfr8", j = "v17_6_2buj9ge", e = "v17_6_2buj9gg v17_6_2buj9gf v17_6_1y2v1nfs1 v17_6_1y2v1nfhm", i = "v17_6_2buj9gh", o = "v17_6_2buj9gj v17_6_2buj9gi v17_6_1y2v1nfld", d = "v17_6_2buj9gk v17_6_1y2v1nfre v17_6_1y2v1nfrw v17_6_1y2v1nfry", l = "v17_6_2buj9gl v17_6_1y2v1nfre v17_6_1y2v1nfrk v17_6_1y2v1nfs0", h = "v17_6_2buj9gm v17_6_1y2v1nfre v17_6_1y2v1nfrt", c = "v17_6_2buj9go v17_6_2buj9gm v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_2buj9gn v17_6_1y2v1nfrn v17_6_1y2v1nft4 v17_6_1y2v1nfsi v17_6_1y2v1nfrw", s = "v17_6_2buj9gp", w = "v17_6_2buj9gq", k = "v17_6_2buj9gr", p = "v17_6_2buj9gs", C = "v17_6_2buj9gt v17_6_2buj9gm v17_6_1y2v1nfre v17_6_1y2v1nfrt", m = "v17_6_2buj9gu", A = "v17_6_2buj9gv", B = "v17_6_2buj9gy v17_6_2buj9gw v17_6_1y2v1nfh7 v17_6_1y2v1nfig v17_6_1y2v1nfjp v17_6_1y2v1nfky v17_6_1y2v1nftw v17_6_1y2v1nfh6 v17_6_2buj9gx v17_6_1y2v1nfrg v17_6_1y2v1nfrz", D = "v17_6_2buj9g10 v17_6_2buj9gz v17_6_1y2v1nfre", x = "v17_6_2buj9g14 v17_6_2buj9g12 v17_6_2buj9gw v17_6_1y2v1nfh7 v17_6_1y2v1nfig v17_6_1y2v1nfjp v17_6_1y2v1nfky v17_6_1y2v1nftw v17_6_1y2v1nfh6 v17_6_2buj9g11 v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nfry v17_6_1y2v1nfs2 v17_6_2buj9g13 v17_6_1y2v1nfsi", R = "v17_6_2buj9g15 v17_6_2buj9g12 v17_6_2buj9gw v17_6_1y2v1nfh7 v17_6_1y2v1nfig v17_6_1y2v1nfjp v17_6_1y2v1nfky v17_6_1y2v1nftw v17_6_1y2v1nfh6 v17_6_2buj9g11 v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nfry v17_6_1y2v1nfs2", z = "v17_6_2buj9g16", I = "v17_6_2buj9g17", O = "v17_6_2buj9g18", W = "v17_6_2buj9g19", q = "v17_6_2buj9g1a";
+/* empty css                                     */ /* empty css                                */ var n = "v17_8_2buj9g0", r = "v17_8_2buj9g1", u = "v17_8_2buj9g2", y = "v17_8_2buj9g3", g = {
+    default: "v17_8_2buj9g4",
+    alternative: "v17_8_2buj9g5",
+    brand: "v17_8_2buj9g6",
+    media: "v17_8_2buj9g7",
+    negative: "v17_8_2buj9g8"
+}, a = "v17_8_2buj9g9", f = "v17_8_2buj9ga", t = "v17_8_2buj9gb v17_8_1y2v1nfuh", b = "v17_8_2buj9gd v17_8_2buj9gc v17_8_1y2v1nfh7 v17_8_1y2v1nfig v17_8_1y2v1nfjp v17_8_1y2v1nfky v17_8_1y2v1nfs1 v17_8_1y2v1nftw v17_8_1y2v1nfh6 v17_8_1y2v1nfrg v17_8_1y2v1nfsi v17_8_1y2v1nfr8", j = "v17_8_2buj9ge", e = "v17_8_2buj9gg v17_8_2buj9gf v17_8_1y2v1nfs1 v17_8_1y2v1nfhm", i = "v17_8_2buj9gh", o = "v17_8_2buj9gj v17_8_2buj9gi v17_8_1y2v1nfld", d = "v17_8_2buj9gk v17_8_1y2v1nfre v17_8_1y2v1nfrw v17_8_1y2v1nfry", l = "v17_8_2buj9gl v17_8_1y2v1nfre v17_8_1y2v1nfrk v17_8_1y2v1nfs0", h = "v17_8_2buj9gm v17_8_1y2v1nfre v17_8_1y2v1nfrt", c = "v17_8_2buj9go v17_8_2buj9gm v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_2buj9gn v17_8_1y2v1nfrn v17_8_1y2v1nft4 v17_8_1y2v1nfsi v17_8_1y2v1nfrw", s = "v17_8_2buj9gp", w = "v17_8_2buj9gq", k = "v17_8_2buj9gr", p = "v17_8_2buj9gs", C = "v17_8_2buj9gt v17_8_2buj9gm v17_8_1y2v1nfre v17_8_1y2v1nfrt", m = "v17_8_2buj9gu", A = "v17_8_2buj9gv", B = "v17_8_2buj9gy v17_8_2buj9gw v17_8_1y2v1nfh7 v17_8_1y2v1nfig v17_8_1y2v1nfjp v17_8_1y2v1nfky v17_8_1y2v1nftw v17_8_1y2v1nfh6 v17_8_2buj9gx v17_8_1y2v1nfrg v17_8_1y2v1nfrz", D = "v17_8_2buj9g10 v17_8_2buj9gz v17_8_1y2v1nfre", x = "v17_8_2buj9g14 v17_8_2buj9g12 v17_8_2buj9gw v17_8_1y2v1nfh7 v17_8_1y2v1nfig v17_8_1y2v1nfjp v17_8_1y2v1nfky v17_8_1y2v1nftw v17_8_1y2v1nfh6 v17_8_2buj9g11 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfry v17_8_1y2v1nfs2 v17_8_2buj9g13 v17_8_1y2v1nfsi", R = "v17_8_2buj9g15 v17_8_2buj9g12 v17_8_2buj9gw v17_8_1y2v1nfh7 v17_8_1y2v1nfig v17_8_1y2v1nfjp v17_8_1y2v1nfky v17_8_1y2v1nftw v17_8_1y2v1nfh6 v17_8_2buj9g11 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfry v17_8_1y2v1nfs2", z = "v17_8_2buj9g16", I = "v17_8_2buj9g17", O = "v17_8_2buj9g18", W = "v17_8_2buj9g19", q = "v17_8_2buj9g1a";

package/dist/loading-bar.css-mistica.js

@@ -22,4 +22,4 @@ _export(exports, {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                       */ var n = "v17_6_1num3qg2 v17_6_1num3qg1 v17_6_1y2v1nfra v17_6_1y2v1nfuo v17_6_1y2v1nfv3 v17_6_1y2v1nfvi", r = "v17_6_1num3qg3", f = "v17_6_1num3qg4 v17_6_1y2v1nfs1 v17_6_1y2v1nfui v17_6_1y2v1nfr8 v17_6_1y2v1nfd8 v17_6_1y2v1nfsl", y = "v17_6_1num3qg7 v17_6_1num3qg6 v17_6_1y2v1nfr9 v17_6_1y2v1nfs1 v17_6_1y2v1nfsi";
+/* empty css                                     */ /* empty css                                       */ var n = "v17_8_1num3qg2 v17_8_1num3qg1 v17_8_1y2v1nfra v17_8_1y2v1nfuo v17_8_1y2v1nfv3 v17_8_1y2v1nfvi", r = "v17_8_1num3qg3", f = "v17_8_1num3qg4 v17_8_1y2v1nfs1 v17_8_1y2v1nfui v17_8_1y2v1nfr8 v17_8_1y2v1nfd8 v17_8_1y2v1nfsl", y = "v17_8_1num3qg7 v17_8_1num3qg6 v17_8_1y2v1nfr9 v17_8_1y2v1nfs1 v17_8_1y2v1nfsi";

package/dist/loading-screen.css-mistica.js

@@ -43,7 +43,7 @@ _export(exports, {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                          */ var v = "v17_6_flke8b1 v17_6_flke8b0 v17_6_1y2v1nfre v17_6_1y2v1nfrk v17_6_1y2v1nfrt", n = 500, r = "v17_6_flke8b3", a = {
-    default: "v17_6_flke8b4",
-    brand: "v17_6_flke8b5"
-}, f = "v17_6_flke8b6", l = "v17_6_flke8b7 v17_6_1y2v1nfs0 v17_6_1y2v1nfre v17_6_1y2v1nfrk v17_6_1y2v1nfrt v17_6_1y2v1nfrn", k = "v17_6_flke8b9 v17_6_flke8b8 v17_6_1y2v1nfhs", o = "v17_6_flke8bb", t = "v17_6_flke8bc", b = "v17_6_flke8be", d = "v17_6_flke8bf";
+/* empty css                                     */ /* empty css                                          */ var v = "v17_8_flke8b1 v17_8_flke8b0 v17_8_1y2v1nfre v17_8_1y2v1nfrk v17_8_1y2v1nfrt", n = 500, r = "v17_8_flke8b3", a = {
+    default: "v17_8_flke8b4",
+    brand: "v17_8_flke8b5"
+}, f = "v17_8_flke8b6", l = "v17_8_flke8b7 v17_8_1y2v1nfs0 v17_8_1y2v1nfre v17_8_1y2v1nfrk v17_8_1y2v1nfrt v17_8_1y2v1nfrn", k = "v17_8_flke8b9 v17_8_flke8b8 v17_8_1y2v1nfhs", o = "v17_8_flke8bb", t = "v17_8_flke8bc", b = "v17_8_flke8be", d = "v17_8_flke8bf";

package/dist/logo.css-mistica.js

@@ -20,8 +20,8 @@ _export(exports, {
     }
 });
 /* empty css                                */ var _ = {
-    size: "var(--v17_6_140ft6x0)",
-    sizeMobile: "var(--v17_6_140ft6x1)",
-    sizeTablet: "var(--v17_6_140ft6x2)",
-    sizeDesktop: "var(--v17_6_140ft6x3)"
-}, r = "v17_6_140ft6x4", t = "v17_6_140ft6x5";
+    size: "var(--v17_8_140ft6x0)",
+    sizeMobile: "var(--v17_8_140ft6x1)",
+    sizeTablet: "var(--v17_8_140ft6x2)",
+    sizeDesktop: "var(--v17_8_140ft6x3)"
+}, r = "v17_8_140ft6x4", t = "v17_8_140ft6x5";

package/dist/menu.css-mistica.js

@@ -9,54 +9,56 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    get MENU_MAX_WIDTH () {
+        return k;
+    },
     get assetContainer () {
-        return y;
+        return s;
     },
     get itemContent () {
         return o;
     },
     get itemTextContent () {
-        return f;
+        return y;
     },
     get menuContainer () {
-        return e;
+        return r;
     },
     get menuItem () {
         return t;
     },
     get menuItemDisabled () {
-        return i;
+        return m;
     },
     get menuItemEnabled () {
-        return a;
+        return i;
     },
     get menuItemHovered () {
-        return n;
+        return u;
     },
     get menuItemHoveredDestructive () {
-        return u;
+        return a;
     },
     get menuSectionDivider () {
-        return m;
+        return f;
     },
     get menuTransitionClasses () {
-        return r;
+        return n;
     },
     get vars () {
-        return k;
+        return e;
     }
 });
-/* empty css                                     */ /* empty css                                */ var k = {
-    top: "var(--v17_6_2k0k3u0)",
-    bottom: "var(--v17_6_2k0k3u1)",
-    left: "var(--v17_6_2k0k3u2)",
-    right: "var(--v17_6_2k0k3u4)",
-    width: "var(--v17_6_2k0k3u3)",
-    maxHeight: "var(--v17_6_2k0k3u5)",
-    transformOrigin: "var(--v17_6_2k0k3u6)"
-}, e = "v17_6_2k0k3u8 v17_6_2k0k3u7 v17_6_1y2v1nfhg v17_6_1y2v1nfip v17_6_1y2v1nfjy v17_6_1y2v1nfl7 v17_6_1y2v1nf8z v17_6_1y2v1nfu7 v17_6_1y2v1nfre v17_6_1y2v1nfrk v17_6_1y2v1nfr9", r = {
-    enter: "v17_6_2k0k3u9",
-    enterActive: "v17_6_2k0k3ua",
-    exit: "v17_6_2k0k3ub",
-    exitActive: "v17_6_2k0k3uc"
-}, t = "v17_6_2k0k3ud", n = "v17_6_2k0k3ue", u = "v17_6_2k0k3uf", a = "v17_6_2k0k3ug", i = "v17_6_2k0k3uh", m = "v17_6_2k0k3uj v17_6_2k0k3ui v17_6_1y2v1nfhg v17_6_1y2v1nfip", o = "v17_6_2k0k3uk", f = "v17_6_2k0k3ul", y = "v17_6_2k0k3um";
+/* empty css                                     */ /* empty css                                */ var k = 280, e = {
+    top: "var(--v17_8_2k0k3u0)",
+    left: "var(--v17_8_2k0k3u1)",
+    width: "var(--v17_8_2k0k3u2)",
+    maxHeight: "var(--v17_8_2k0k3u3)",
+    maxWidth: "var(--v17_8_2k0k3u4)",
+    transformOrigin: "var(--v17_8_2k0k3u5)"
+}, r = "v17_8_2k0k3u7 v17_8_2k0k3u6 v17_8_1y2v1nfhg v17_8_1y2v1nfip v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nf8z v17_8_1y2v1nfu7 v17_8_1y2v1nfre v17_8_1y2v1nfrk v17_8_1y2v1nfr9", n = {
+    enter: "v17_8_2k0k3u8",
+    enterActive: "v17_8_2k0k3u9",
+    exit: "v17_8_2k0k3ua",
+    exitActive: "v17_8_2k0k3ub"
+}, t = "v17_8_2k0k3uc", u = "v17_8_2k0k3ud", a = "v17_8_2k0k3ue", i = "v17_8_2k0k3uf", m = "v17_8_2k0k3ug", f = "v17_8_2k0k3ui v17_8_2k0k3uh v17_8_1y2v1nfhg v17_8_1y2v1nfip", o = "v17_8_2k0k3uj", y = "v17_8_2k0k3uk", s = "v17_8_2k0k3ul";

package/dist/menu.css.d.ts

@@ -1,10 +1,10 @@
+export declare const MENU_MAX_WIDTH = 280;
 export declare const vars: {
     top: `var(--${string})`;
-    bottom: `var(--${string})`;
     left: `var(--${string})`;
-    right: `var(--${string})`;
     width: `var(--${string})`;
     maxHeight: `var(--${string})`;
+    maxWidth: `var(--${string})`;
     transformOrigin: `var(--${string})`;
 };
 export declare const menuContainer: string;

package/dist/menu.d.ts

@@ -54,12 +54,24 @@ type TargetRenderProps = {
     isMenuOpen: boolean;
 };
 export type MenuProps = {
+    /**
+     * Width in pixels. Values are clamped to the range 136–280.
+     * The final width never exceeds the viewport width, even if that
+     * means going below the 136px minimum.
+     *
+     * Examples: 100 → 136, 200 → 200, 500 → 280.
+     */
     width?: number;
     renderTarget: (props: TargetRenderProps) => React.ReactNode;
     renderMenu: (props: MenuRenderProps) => React.ReactNode;
     children?: void;
-    position?: 'left' | 'right';
     dataAttributes?: DataAttributes;
-};
-export declare const Menu: ({ renderTarget, renderMenu, width, position, dataAttributes, }: MenuProps) => JSX.Element;
+} & ExclusifyUnion<{
+    /** @deprecated Use placement and alignment instead. */
+    position?: 'left' | 'right';
+} | {
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    alignment?: 'start' | 'middle' | 'end';
+}>;
+export declare const Menu: ({ renderTarget, renderMenu, width, position, placement, alignment, dataAttributes, }: MenuProps) => JSX.Element;
 export {};