@telefonica/mistica 16.4.0 → 16.6.0

package/dist-es/maybe-dismissable.js

@@ -1,33 +1,36 @@
 "use client";
-import { jsx as e, Fragment as c, jsxs as u } from "react/jsx-runtime";
+import { jsx as t, Fragment as c, jsxs as u } from "react/jsx-runtime";
 import * as o from "react";
 import b from "./generated/mistica-icons/icon-close-regular.js";
 import { useTheme as f } from "./hooks.js";
-import { IconButton as p } from "./icon-button.js";
-import { dismissableContainer as d, dismissableButton as x } from "./maybe-dismissable.css-mistica.js";
+import { IconButton as d } from "./icon-button.js";
+import { dismissableContainer as p, dismissableButton as x } from "./maybe-dismissable.css-mistica.js";
 import { ThemeVariant as h } from "./theme-variant-context.js";
 import { closeButtonLabel as B } from "./text-tokens.js";
 const a = /*#__PURE__*/ o.createContext(!1), M = ()=>o.useContext(a), C = (param)=>{
-    let { children: s, width: r, onClose: t, "aria-label": i, variant: m } = param;
+    let { children: e, width: r, onClose: s, "aria-label": i, variant: m } = param;
     const { texts: l, t: n } = f();
-    return t ? /* @__PURE__ */ u("section", {
-        className: d,
+    return s ? /* @__PURE__ */ u("section", {
+        className: p,
         "aria-label": i,
         style: {
             width: r || "100%",
             minHeight: "100%"
         },
         children: [
-            /* @__PURE__ */ e(a.Provider, {
+            /* @__PURE__ */ t(a.Provider, {
                 value: !0,
-                children: s
+                children: e
             }),
-            /* @__PURE__ */ e(h, {
+            /* @__PURE__ */ t(h, {
                 variant: m,
-                children: /* @__PURE__ */ e("div", {
+                children: /* @__PURE__ */ t("div", {
                     className: x,
-                    children: /* @__PURE__ */ e(p, {
-                        onPress: t,
+                    children: /* @__PURE__ */ t(d, {
+                        dataAttributes: {
+                            testid: "closeButton"
+                        },
+                        onPress: s,
                         "aria-label": l.closeButtonLabel || n(B),
                         small: !0,
                         Icon: b
@@ -35,8 +38,8 @@ const a = /*#__PURE__*/ o.createContext(!1), M = ()=>o.useContext(a), C = (param
                 })
             })
         ]
-    }) : /* @__PURE__ */ e(c, {
-        children: s
+    }) : /* @__PURE__ */ t(c, {
+        children: e
     });
 }, N = C;
 export { N as default, M as useIsDismissable };

package/dist-es/meter.js

@@ -0,0 +1,346 @@
+"use client";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { jsx as o, jsxs as E, Fragment as ut } from "react/jsx-runtime";
+import * as m from "react";
+import { createElement as Et } from "react";
+import { vars as a } from "./skins/skin-contract.css-mistica.js";
+import Mt from "cubic-bezier";
+import { getPrefixedDataAttributes as bt } from "./utils/dom.js";
+import { useThemeVariant as Tt } from "./theme-variant-context.js";
+import { useTheme as vt, useElementDimensions as Rt } from "./hooks.js";
+import { meterTotalLabel as St, meterSectionLabel as Lt } from "./text-tokens.js";
+import { isRunningAcceptanceTest as _t } from "./utils/platform.js";
+const A = 100, J = A / 2, ft = A / 2, Q = 6, wt = 2, gt = 200, tt = 1e3, Nt = 1e3 / 60 / tt / 4, Ct = 100, D = 1e-4, R = "linear", Ot = "angular", r = "circular", pt = [
+    a.colors.controlActivated,
+    a.colors.warning,
+    a.colors.success,
+    a.colors.highlight,
+    a.colors.promo
+], Ft = [
+    a.colors.controlActivatedInverse,
+    a.colors.warning,
+    a.colors.success,
+    a.colors.highlight,
+    a.colors.promo
+], Ut = Mt(0.75, 0, 0.27, 1, Nt), W = (t, n, $)=>Math.min(Math.max(t, n), $), kt = (t, n, $, M)=>{
+    var O;
+    const s = [];
+    let b = 0, S = 0;
+    for(let h = 0; h < t.length; h++){
+        b += t[h], S += n[h];
+        const G = gt * (M ? h : t.length - 1 - h), V = W(($ - G) / tt, 0, 1), Z = W(Ut(V), 0, 1), X = ((O = s.at(-1)) == null ? void 0 : O.end) || 0, u = W(b + (S - b) * Z, 0, 1 - D);
+        s.push({
+            start: X,
+            end: u
+        });
+    }
+    return s;
+}, C = (param)=>{
+    let { x1: t, y1: n, x2: $, y2: M, radius: s, clockwise: b = 1, largeArchFlag: S = 0 } = param;
+    return s ? `M ${t} ${n} A ${s} ${s} 0 ${+S} ${+b} ${$} ${M}` : `M ${t} ${n} L ${$} ${M}`;
+}, Dt = (param)=>{
+    let { type: t = Ot, width: n = "100%", colors: $, values: M, reverse: s = !1, dataAttributes: b, "aria-hidden": S = !1, "aria-label": O, "aria-labelledby": h } = param;
+    const { borderRadii: G, t: V } = vt(), { ref: Z, width: X } = Rt(), u = parseInt(G.bar) !== 0, et = Tt(), q = et === "media", rt = et === "inverse", nt = $ || (rt || q ? Ft : pt), [p, ot] = m.useState(typeof n == "number" ? n : 0), z = p === 0 ? 1 : A / p, at = u ? Q / 2 : 0, Y = at * z, i = Q * z, c = t === R ? 0 : J - i / 2, T = wt * z, H = m.useId(), st = `marker-current-${H}`, it = `marker-start-${H}`, ct = `mask-last-segment-${H}`, lt = `mask-bar-track-${H}`, dt = m.useMemo(()=>window.matchMedia("(prefers-reduced-motion: reduce)").matches !== !0 && !_t(), []), L = t === R ? A - Y * 2 : t === r ? Math.PI * 2 : Math.PI, l = t === R ? T / A : T / c / L, xt = t === R ? Q : t === r ? p : p / 2 + at, K = t === R ? i : t === r ? A : J + Y, At = q ? a.colors.inverse : rt ? a.colors.barTrackInverse : a.colors.barTrack, f = m.useMemo(()=>M.map((e)=>e / Ct), [
+        M
+    ]), P = m.useRef(Array.from({
+        length: f.length
+    }, ()=>s ? 1 : 0)), [_, $t] = m.useState(()=>f.map(()=>({
+                start: 0,
+                end: 0
+            })));
+    let v = -1, B = -1;
+    for(let e = 0; e < _.length; e++)_[e].end - _[e].start > D && (v < 0 && (v = e), B = e);
+    const d = _.at(-1);
+    m.useEffect(()=>{
+        ot(typeof n == "number" ? n : X);
+    }, [
+        n,
+        X
+    ]), m.useEffect(()=>{
+        let e;
+        const I = performance.now(), w = I + tt + gt * (f.length - 1);
+        let N = [];
+        const U = ()=>{
+            const x = performance.now();
+            N = kt(P.current, f, x - I, s), dt && x < w ? e = requestAnimationFrame(U) : (N = kt(P.current, f, w - I, s), P.current = f), $t(N);
+        };
+        return U(), ()=>{
+            cancelAnimationFrame(e), P.current = N.map((x)=>x.end - x.start);
+        };
+    }, [
+        c,
+        f,
+        t,
+        s,
+        dt
+    ]);
+    const k = m.useCallback((e)=>t === R ? Y + L * e : J - c * Math.cos(e * L), [
+        Y,
+        L,
+        c,
+        t
+    ]), g = m.useCallback((e)=>t === R ? i / 2 : ft - c * Math.sin(e * L), [
+        L,
+        c,
+        i,
+        t
+    ]), F = (e)=>nt[e % nt.length], mt = Math.round(((d == null ? void 0 : d.end) || 0) * 100), ht = V(St, f.length, mt) + " " + f.map((e, I)=>`${V(Lt, I + 1, Math.round(e * 100))}`).join(". ");
+    return /* @__PURE__ */ o("div", _object_spread_props(_object_spread({
+        ref: Z,
+        style: {
+            width: n
+        },
+        role: "meter",
+        "aria-label": O || (h ? void 0 : ht),
+        "aria-labelledby": h,
+        "aria-valuenow": mt,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-live": "polite",
+        "aria-valuetext": ht,
+        "aria-hidden": S
+    }, bt(b, "Meter")), {
+        children: /* @__PURE__ */ E("svg", {
+            viewBox: `0 0 ${A} ${K}`,
+            style: {
+                width: p,
+                height: xt,
+                display: "block",
+                transform: `rotate(${t === r ? "90deg" : 0})`
+            },
+            "aria-hidden": "true",
+            children: [
+                /* @__PURE__ */ E("defs", {
+                    children: [
+                        u && /* @__PURE__ */ E(ut, {
+                            children: [
+                                /* @__PURE__ */ E("marker", {
+                                    id: st,
+                                    viewBox: "0 0 10 10",
+                                    markerWidth: 1,
+                                    markerHeight: 1,
+                                    orient: "auto",
+                                    refX: 5,
+                                    refY: 5,
+                                    children: [
+                                        /* @__PURE__ */ o("rect", {
+                                            x: 4,
+                                            y: 0,
+                                            width: 2,
+                                            height: 10,
+                                            fill: F(B)
+                                        }),
+                                        /* @__PURE__ */ o("path", {
+                                            d: C({
+                                                x1: 5,
+                                                y1: 0,
+                                                x2: 5,
+                                                y2: 10,
+                                                radius: 5
+                                            }),
+                                            fill: F(B)
+                                        })
+                                    ]
+                                }),
+                                /* @__PURE__ */ E("marker", {
+                                    id: it,
+                                    viewBox: "0 0 10 10",
+                                    markerWidth: 1,
+                                    markerHeight: 1,
+                                    orient: "auto",
+                                    refX: 5,
+                                    refY: 5,
+                                    children: [
+                                        /* @__PURE__ */ o("rect", {
+                                            x: 4,
+                                            y: 0,
+                                            width: 2,
+                                            height: 10,
+                                            fill: F(v)
+                                        }),
+                                        /* @__PURE__ */ o("path", {
+                                            d: C({
+                                                x1: 5,
+                                                y1: 0,
+                                                x2: 5,
+                                                y2: 10,
+                                                radius: 5,
+                                                clockwise: 0
+                                            }),
+                                            fill: F(v)
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /* @__PURE__ */ E("mask", {
+                            id: lt,
+                            maskUnits: "userSpaceOnUse",
+                            children: [
+                                /* @__PURE__ */ o("rect", {
+                                    x: 0,
+                                    y: 0,
+                                    width: A,
+                                    height: K,
+                                    fill: "white"
+                                }),
+                                v >= 0 && d && /* @__PURE__ */ E(ut, {
+                                    children: [
+                                        /* @__PURE__ */ o("path", {
+                                            stroke: "black",
+                                            fill: "none",
+                                            strokeWidth: i + T * 2,
+                                            strokeLinecap: t === r || !u ? "butt" : "round",
+                                            d: C({
+                                                x1: k(0),
+                                                y1: g(0),
+                                                x2: k(W(d.end + (u ? 0 : l), 0, 1 - D)),
+                                                y2: g(W(d.end + (u ? 0 : l), 0, 1 - D)),
+                                                radius: c,
+                                                largeArchFlag: t === r ? d.end >= 0.5 : 0
+                                            })
+                                        }),
+                                        t === r && u && // the circular type has butt line caps, so we need to add a circle to the end
+                                        /* @__PURE__ */ o("circle", {
+                                            cx: k(d.end),
+                                            cy: g(d.end),
+                                            r: i / 2 + T,
+                                            fill: "black"
+                                        }),
+                                        t === r && d.end <= 0.5 && // small patch to remove the circular mask when the last segment is too near to the start
+                                        /* @__PURE__ */ o("rect", {
+                                            x: 0,
+                                            y: ft + T,
+                                            width: i + T * 2,
+                                            height: i / 2 + T,
+                                            fill: "white"
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        t === r && /* @__PURE__ */ E("mask", {
+                            id: ct,
+                            maskUnits: "userSpaceOnUse",
+                            children: [
+                                /* @__PURE__ */ o("rect", {
+                                    x: 0,
+                                    y: 0,
+                                    width: A,
+                                    height: K,
+                                    fill: "white"
+                                }),
+                                /* @__PURE__ */ o("path", {
+                                    stroke: "black",
+                                    strokeWidth: i,
+                                    fill: "none",
+                                    d: C({
+                                        x1: k(1 - l),
+                                        y1: g(1 - l),
+                                        x2: k(1),
+                                        y2: g(1),
+                                        radius: c
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /* @__PURE__ */ o("path", {
+                    stroke: At,
+                    opacity: q ? 0.5 : 1,
+                    fill: "none",
+                    strokeWidth: i,
+                    strokeLinecap: t === r || !u ? "butt" : "round",
+                    d: C({
+                        x1: k(0),
+                        y1: g(0),
+                        x2: k(1 - (t === r ? l : 0)),
+                        y2: g(1 - (t === r ? l : 0)),
+                        largeArchFlag: 1,
+                        radius: c
+                    }),
+                    mask: `url("#${lt}")`
+                }),
+                v >= 0 && [
+                    ..._
+                ].reverse().map((e, I)=>{
+                    const w = _.length - 1 - I, N = F(w), U = w === v, x = w === B, j = U || e.end - e.start < l ? e.start : e.start + l / 2, y = x || e.end - e.start < l ? e.end : e.end - l / 2;
+                    if (y - j < D) return null;
+                    const It = U && t !== r;
+                    return /* @__PURE__ */ o("path", {
+                        stroke: N,
+                        fill: "none",
+                        strokeWidth: i,
+                        strokeLinecap: "butt",
+                        markerEnd: x ? `url(#${st})` : void 0,
+                        markerStart: It ? `url(#${it})` : void 0,
+                        mask: x && t === r ? `url("#${ct}")` : void 0,
+                        d: C({
+                            x1: k(j),
+                            y1: g(j),
+                            x2: k(y),
+                            y2: g(y),
+                            largeArchFlag: t === r ? y - j >= 0.5 : 0,
+                            radius: c
+                        })
+                    }, I);
+                })
+            ]
+        })
+    }));
+}, Wt = (t)=>/* @__PURE__ */ /*#__PURE__*/ Et(Dt, _object_spread_props(_object_spread({}, t), {
+        key: `${t.type},${t.values.length},${t.reverse}`
+    })), Zt = Wt;
+export { Zt as default };

package/dist-es/mosaic.js

@@ -50,62 +50,64 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as o, jsxs as g, Fragment as M } from "react/jsx-runtime";
+import { jsx as r, jsxs as g, Fragment as v } from "react/jsx-runtime";
 import { Grid as i, GridItem as e } from "./grid.js";
-import { Carousel as v } from "./carousel.js";
-import { singleItemRowContainer as m, squareContainer as u, fourItemsContainer as w } from "./mosaic.css-mistica.js";
-const d = {
+import { Carousel as w } from "./carousel.js";
+import { singleItemRowContainer as m, squareContainer as f, fourItemsContainer as q } from "./mosaic.css-mistica.js";
+const u = {
     mobile: 8,
     desktop: 16
-}, C = (param)=>{
-    let { items: n, isEven: r } = param;
-    return /* @__PURE__ */ o("div", {
-        className: n.length === 1 ? m : u,
-        children: /* @__PURE__ */ o(i, {
-            gap: d,
+}, t = (n, o)=>typeof n == "function" ? n({
+        gridMode: o
+    }) : n, C = (param)=>{
+    let { items: n, isEven: o } = param;
+    return /* @__PURE__ */ r("div", {
+        className: n.length === 1 ? m : f,
+        children: /* @__PURE__ */ r(i, {
+            gap: u,
             rows: 2,
             columns: 2,
             height: "100%",
-            children: n.length === 3 ? /* @__PURE__ */ g(M, {
+            children: n.length === 3 ? /* @__PURE__ */ g(v, {
                 children: [
-                    /* @__PURE__ */ o(e, {
-                        columnSpan: r ? 2 : void 0,
-                        children: n[0]
+                    /* @__PURE__ */ r(e, {
+                        columnSpan: o ? 2 : void 0,
+                        children: t(n[0], o ? "horizontal" : "square")
                     }),
-                    /* @__PURE__ */ o(e, {
-                        children: n[1]
+                    /* @__PURE__ */ r(e, {
+                        children: t(n[1], "square")
                     }),
-                    /* @__PURE__ */ o(e, {
-                        columnSpan: r ? void 0 : 2,
-                        children: n[2]
+                    /* @__PURE__ */ r(e, {
+                        columnSpan: o ? void 0 : 2,
+                        children: t(n[2], o ? "square" : "horizontal")
                     })
                 ]
-            }) : n.map((a, h)=>/* @__PURE__ */ o(e, {
+            }) : n.map((a, s)=>/* @__PURE__ */ r(e, {
                     columnSpan: n.length === 4 ? void 0 : 2,
                     rowSpan: n.length === 1 ? 2 : void 0,
-                    children: a
-                }, h))
+                    children: t(a, n.length === 4 ? "square" : "horizontal")
+                }, s))
         })
     });
-}, N = (param)=>{
-    let { items: n, withBullets: r, free: a, dataAttributes: h } = param;
-    const c = n.length, t = c < 5 ? Math.min(c, 1) : Math.floor((c + 1) / 3), l = Array.from({
-        length: t
+}, G = (param)=>{
+    let { items: n, withBullets: o, free: a, dataAttributes: s } = param;
+    const c = n.length, l = c < 5 ? Math.min(c, 1) : Math.floor((c + 1) / 3), h = Array.from({
+        length: l
     }, ()=>[]);
-    return n.forEach((s, p)=>{
-        const f = Math.min(t - 1, Math.floor(p / 3));
-        l[f].push(s);
-    }), /* @__PURE__ */ o(v, {
-        dataAttributes: _object_spread_props(_object_spread({}, h), {
+    return n.forEach((d, p)=>{
+        const M = Math.min(l - 1, Math.floor(p / 3));
+        h[M].push(d);
+    }), /* @__PURE__ */ r(w, {
+        dataAttributes: _object_spread_props(_object_spread({}, s), {
             "component-name": "HorizontalMosaic"
         }),
-        items: l.map((s, p)=>/* @__PURE__ */ o(i, {
-                children: /* @__PURE__ */ o(C, {
-                    items: s,
+        items: h.map((d, p)=>/* @__PURE__ */ r(i, {
+                children: /* @__PURE__ */ r(C, {
+                    items: d,
                     isEven: p % 2 === 0
                 }, p)
             })),
-        withBullets: r,
+        withBullets: o,
         free: a
     });
 }, S = (param)=>{
@@ -113,77 +115,77 @@ const d = {
     switch(n.length){
         case 1:
         case 2:
-            return /* @__PURE__ */ o("div", {
+            return /* @__PURE__ */ r("div", {
                 className: m,
-                children: /* @__PURE__ */ o(i, {
-                    gap: d,
+                children: /* @__PURE__ */ r(i, {
+                    gap: u,
                     columns: 2,
                     height: "100%",
-                    children: n.map((r, a)=>/* @__PURE__ */ o(e, {
+                    children: n.map((o, a)=>/* @__PURE__ */ r(e, {
                             columnSpan: n.length === 2 ? void 0 : 2,
-                            children: r
+                            children: t(o, n.length === 2 ? "square" : "horizontal")
                         }, a))
                 })
             });
         case 3:
-            return /* @__PURE__ */ o("div", {
-                className: u,
-                children: /* @__PURE__ */ o(i, {
-                    gap: d,
+            return /* @__PURE__ */ r("div", {
+                className: f,
+                children: /* @__PURE__ */ r(i, {
+                    gap: u,
                     columns: 2,
                     flow: "column",
                     height: "100%",
-                    children: n.map((r, a)=>/* @__PURE__ */ o(e, {
+                    children: n.map((o, a)=>/* @__PURE__ */ r(e, {
                             rowSpan: a === 0 ? 2 : void 0,
-                            children: r
+                            children: t(o, a === 0 ? "vertical" : "square")
                         }, a))
                 })
             });
         case 4:
         default:
-            return /* @__PURE__ */ o("div", {
-                className: w,
+            return /* @__PURE__ */ r("div", {
+                className: q,
                 children: /* @__PURE__ */ g(i, {
-                    gap: d,
+                    gap: u,
                     rows: 3,
                     columns: 2,
                     height: "100%",
                     children: [
-                        /* @__PURE__ */ o(e, {
+                        /* @__PURE__ */ r(e, {
                             rowSpan: 2,
-                            children: n[0]
+                            children: t(n[0], "vertical")
                         }),
-                        /* @__PURE__ */ o(e, {
-                            children: n[1]
+                        /* @__PURE__ */ r(e, {
+                            children: t(n[1], "square")
                         }),
-                        /* @__PURE__ */ o(e, {
+                        /* @__PURE__ */ r(e, {
                             rowSpan: 2,
-                            children: n[3]
+                            children: t(n[3], "vertical")
                         }),
-                        /* @__PURE__ */ o(e, {
-                            children: n[2]
+                        /* @__PURE__ */ r(e, {
+                            children: t(n[2], "square")
                         })
                     ]
                 })
             });
     }
-}, b = (param)=>{
-    let { items: n, dataAttributes: r } = param;
-    const a = n.length, h = Math.ceil(a / 4), c = Array.from({
-        length: h
+}, N = (param)=>{
+    let { items: n, dataAttributes: o } = param;
+    const a = n.length, s = Math.ceil(a / 4), c = Array.from({
+        length: s
     }, ()=>[]);
-    return n.forEach((t, l)=>{
-        const s = Math.floor(l / 4);
-        c[s].push(t);
-    }), /* @__PURE__ */ o(i, {
+    return n.forEach((l, h)=>{
+        const d = Math.floor(h / 4);
+        c[d].push(l);
+    }), /* @__PURE__ */ r(i, {
         rows: 1,
-        gap: d,
-        dataAttributes: _object_spread_props(_object_spread({}, r), {
+        gap: u,
+        dataAttributes: _object_spread_props(_object_spread({}, o), {
             "component-name": "VerticalMosaic"
         }),
-        children: c.map((t, l)=>/* @__PURE__ */ o(S, {
-                items: t
-            }, l))
+        children: c.map((l, h)=>/* @__PURE__ */ r(S, {
+                items: l
+            }, h))
     });
 };
-export { N as HorizontalMosaic, b as VerticalMosaic };
+export { G as HorizontalMosaic, N as VerticalMosaic };

package/dist-es/navigation-bar.css-mistica.js

@@ -1,20 +1,19 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./navigation-bar.css.ts.vanilla.css-mistica.js";
-var y = "_1vcy5dz1 _1y2v1nfhi _1y2v1nfik _1y2v1nfj0", _ = "_1vcy5dz13 _1y2v1nfhk _1y2v1nfl6 _1y2v1nfla _1y2v1nflp _1y2v1nf3r", r = "_1vcy5dz11", e = {
-    entering: "_1vcy5dzt",
-    entered: "_1vcy5dzu",
-    exiting: "_1vcy5dzv",
-    exited: "_1vcy5dzw",
-    unmounted: "_1vcy5dzx"
-}, a = "_1vcy5dzn", d = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfhj", c = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfhj", i = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfhj", f = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfhj", o = "_1vcy5dz18", t = "_1vcy5dz10 _1y2v1nfho _1y2v1nfhx", z = "_1vcy5dzy", h = {
+var _ = 300, y = 400, e = 184, r = "_1vcy5dz1 _1y2v1nfhi _1y2v1nfik _1y2v1nfj0", a = "_1y2v1nfhk _1y2v1nfl6 _1y2v1nfla _1y2v1nflp _1y2v1nfm4 _1y2v1nf3r", f = "_1vcy5dz1f", i = "_1y2v1nfis _1y2v1nfhi", t = "_1vcy5dz1j _1y2v1nfku _1y2v1nfib _1y2v1nfis _1y2v1nfhj _1y2v1nfkv", o = {
+    enter: "_1vcy5dz16",
+    enterActive: "_1vcy5dz17",
+    exit: "_1vcy5dz18",
+    exitActive: "_1vcy5dz19"
+}, d = "_1vcy5dz1z _1y2v1nf88 _1y2v1nf9h _1y2v1nfhi", c = "_1vcy5dz1v _1y2v1nf3s _1y2v1nfhj _1y2v1nfla _1y2v1nflp", z = "_1vcy5dz21", h = "_1vcy5dz1t _1y2v1nfhk _1y2v1nfla _1y2v1nflp", p = "_1vcy5dz20", u = "_1vcy5dzf", s = "_1vcy5dzg", k = "_1vcy5dzn _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb8 _1y2v1nfk6 _1y2v1nf7g", M = "_1vcy5dzl _1y2v1nfhj _1y2v1nfkv _1y2v1nfm4 _1y2v1nfho _1y2v1nfi3", l = "_1vcy5dzi _1y2v1nfhi _1y2v1nfho", g = "_1y2v1nfhi", b = "_1y2v1nfhj _1y2v1nfla _1y2v1nflp", C = "_1vcy5dzx", S = "_1vcy5dz1x _1y2v1nfak _1y2v1nfbt _1y2v1nf88 _1y2v1nf9h _1y2v1nf3s _1y2v1nfhk _1y2v1nfku", A = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfhj", j = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfhj", B = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfhj", N = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfhj", m = "_1vcy5dz1o", x = "_1vcy5dz1e _1y2v1nfho _1y2v1nfhx", I = "_1vcy5dz1c _1y2v1nfho _1y2v1nfia", O = "_1vcy5dz1q _1y2v1nfib", T = {
     default: "_1vcy5dzc _1vcy5dzb _1y2v1nfho _1y2v1nfi3 _1y2v1nfib",
     noBorder: "_1vcy5dzd _1vcy5dzb _1y2v1nfho _1y2v1nfi3 _1y2v1nfib",
     menuOpen: "_1vcy5dze _1vcy5dzb _1y2v1nfho _1y2v1nfi3 _1y2v1nfib"
-}, u = "_1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb8 _1y2v1nfk6 _1y2v1nf7g", g = "_1vcy5dzl", l = "_1vcy5dzo", p = "_1vcy5dzg _1y2v1nfa8 _1y2v1nfbh _1y2v1nfj7 _1y2v1nfho _1y2v1nfi3 _1y2v1nfk6 _1y2v1nf7g", b = {
-    default: "_1vcy5dzh",
-    inverse: "_1vcy5dzi"
-}, s = "_1y2v1nfj7 _1vcy5dzp", j = "_1vcy5dzs _1vcy5dzp", k = {
-    default: "_1vcy5dzj",
-    inverse: "_1vcy5dzk"
-}, x = "_1vcy5dz9 _1y2v1nfhk _1y2v1nfkv _1y2v1nfla _1y2v1nflp";
-export { y as burgerIconContainer, _ as burgerMenu, r as burgerMenuButton, e as burgerMenuTransition, a as desktopOnly, d as iconCloseHidden, c as iconCloseOpen, i as iconMenuHidden, f as iconMenuOpen, o as lineHeightFix, t as logoContainer, z as mainNavbarContent, h as navbarBorderColorVariants, u as navigationBarAction, g as navigationBarContent, l as navigationBarContentRight, p as section, b as selectedSectionVariantes, s as spacer, j as spacerLarge, k as textWrapperVariants, x as topFixed };
+}, E = "_1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb8 _1y2v1nfk6 _1y2v1nf7g", R = "_1vcy5dzv _1y2v1nfi3 _1y2v1nfib _1y2v1nfho", U = "_1vcy5dzz _1y2v1nfho _1y2v1nfi3 _1y2v1nfhy", W = "_1vcy5dz11 _1vcy5dzz _1y2v1nfho _1y2v1nfi3 _1y2v1nfhy _1y2v1nfia", D = "_1vcy5dzp _1y2v1nfa8 _1y2v1nfbh _1y2v1nfj7 _1y2v1nfho _1y2v1nfi3 _1y2v1nfk6 _1y2v1nf7g _1y2v1nfhi", q = {
+    default: "_1vcy5dzq",
+    inverse: "_1vcy5dzr"
+}, F = "_1y2v1nfj7 _1vcy5dz12", H = "_1vcy5dz15 _1vcy5dz12", L = {
+    default: "_1vcy5dzs",
+    inverse: "_1vcy5dzt"
+}, w = "_1vcy5dz9 _1y2v1nfhk _1y2v1nfkv _1y2v1nfla _1y2v1nflp";
+export { _ as BURGER_MENU_ANIMATION_DURATION_MS, y as DESKTOP_MENU_ANIMATION_DURATION_MS, e as DESKTOP_SMALL_MENU_WIDTH, r as burgerIconContainer, a as burgerMenu, f as burgerMenuButton, i as burgerMenuContainer, t as burgerMenuContentContainer, o as burgerMenuTransition, d as desktopMenu, c as desktopMenuBackgroundContainer, z as desktopMenuColumnItem, h as desktopMenuContainer, p as desktopMenuContentFadeIn, u as desktopMenuFirstSection, s as desktopMenuLastSection, k as desktopMenuSectionArrow, M as desktopMenuSectionArrowContainer, l as desktopMenuSectionContainer, g as desktopMenuSectionWithArrowWrapper, b as desktopMenuWrapper, C as desktopOnly, S as desktopSmallMenuContainer, A as iconCloseHidden, j as iconCloseOpen, B as iconMenuHidden, N as iconMenuOpen, m as lineHeightFix, x as logoContainer, I as mainNavBarSectionsContainer, O as mainNavigationBarContentWrapper, T as navbarBorderColorVariants, E as navigationBarAction, R as navigationBarContent, U as navigationBarContentRight, W as navigationBarContentRightExpanded, D as section, q as selectedSectionVariantes, F as spacer, H as spacerLarge, L as textWrapperVariants, w as topFixed };