@telefonica/mistica 17.6.0 → 17.8.0

package/dist-es/menu.js

@@ -51,320 +51,342 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsxs as y, jsx as t, Fragment as G } from "react/jsx-runtime";
-import * as n from "react";
-import ne from "classnames";
-import { TAB as oe, ENTER as K, SPACE as j, ESC as re, UP as se, LEFT as ie, DOWN as q, RIGHT as ae } from "./utils/keys.js";
-import { getPrefixedDataAttributes as Q, cancelEvent as k } from "./utils/dom.js";
-import ce from "./overlay.js";
-import { menuTransitionClasses as le, menuContainer as me, vars as O, menuItem as ue, menuItemHoveredDestructive as de, menuItemHovered as fe, menuItemDisabled as pe, menuItemEnabled as ge, menuSectionDivider as he, itemContent as xe, assetContainer as Ie, itemTextContent as be } from "./menu.css-mistica.js";
-import { useWindowSize as ve } from "./hooks.js";
-import { Portal as Me } from "./portal.js";
+import { jsxs as O, jsx as n, Fragment as G } from "react/jsx-runtime";
+import * as i from "react";
+import re from "classnames";
+import { TAB as se, ENTER as K, SPACE as j, ESC as ie, UP as ae, LEFT as ce, DOWN as V, RIGHT as le } from "./utils/keys.js";
+import { getPrefixedDataAttributes as q, cancelEvent as T } from "./utils/dom.js";
+import me from "./overlay.js";
+import { menuTransitionClasses as ue, menuContainer as de, vars as C, MENU_MAX_WIDTH as fe, menuItem as he, menuItemHoveredDestructive as pe, menuItemHovered as ge, menuItemDisabled as xe, menuItemEnabled as be, menuSectionDivider as Ie, itemContent as Me, assetContainer as Se, itemTextContent as ve } from "./menu.css-mistica.js";
+import { useWindowSize as Ee } from "./hooks.js";
+import { Portal as Ce } from "./portal.js";
 import N from "./box.js";
-import Oe from "./inline.js";
+import Re from "./inline.js";
 import U from "./touchable.js";
-import { Text3 as Te, Text2 as Se } from "./text.js";
-import { vars as w } from "./skins/skin-contract.css-mistica.js";
-import Ce from "./divider.js";
-import Ee from "./checkbox.js";
-import { CSSTransition as Ae } from "react-transition-group";
-import { combineRefs as Re } from "./utils/common.js";
-import { applyCssVars as Z } from "./utils/css.js";
-import { isRunningAcceptanceTest as ke } from "./utils/platform.js";
-import { vars as Ne } from "./image.css-mistica.js";
-const ye = 120, ee = /*#__PURE__*/ n.createContext({
+import { Text3 as Ae, Text2 as Te } from "./text.js";
+import { vars as W } from "./skins/skin-contract.css-mistica.js";
+import Ne from "./divider.js";
+import Oe from "./checkbox.js";
+import { CSSTransition as ke } from "react-transition-group";
+import { combineRefs as Pe } from "./utils/common.js";
+import { applyCssVars as J } from "./utils/css.js";
+import { isRunningAcceptanceTest as we } from "./utils/platform.js";
+import { vars as ye } from "./image.css-mistica.js";
+const Fe = 120, Q = /*#__PURE__*/ i.createContext({
     focusedItem: null,
     isMenuOpen: !1,
     setFocusedItem: ()=>{},
     closeMenu: ()=>{}
-}), Fe = ()=>n.useContext(ee), _ = (i)=>i ? Array.from(i.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], De = (i, x)=>{
-    if (!x) return null;
-    const a = _(i).indexOf(x);
-    return a < 0 ? null : a;
-}, et = (param)=>{
-    let { label: i, Icon: x, asset: a, destructive: v, disabled: l, onPress: o, href: m, to: u, newTab: C, loadOnTop: c, fullPageOnWebView: $, onNavigate: d, controlType: T, checked: F, description: S, dataAttributes: D } = param;
-    const { focusedItem: s, setFocusedItem: E, closeMenu: I, isMenuOpen: H } = Fe(), M = n.useRef(null), A = v ? w.colors.textLinkDanger : w.colors.neutralHigh, R = M === null || M === void 0 ? void 0 : M.current, r = (R === null || R === void 0 ? void 0 : R.closest("[role=menu]")) || null, e = De(r, R), f = _object_spread({
+}), De = ()=>i.useContext(Q), $ = (l)=>l ? Array.from(l.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], _e = (l, I)=>{
+    if (!I) return null;
+    const u = $(l).indexOf(I);
+    return u < 0 ? null : u;
+}, st = (param)=>{
+    let { label: l, Icon: I, asset: u, destructive: R, disabled: r, onPress: v, href: k, to: a, newTab: h, loadOnTop: g, fullPageOnWebView: P, onNavigate: s, controlType: z, checked: x, description: S, dataAttributes: w } = param;
+    const { focusedItem: E, setFocusedItem: A, closeMenu: b, isMenuOpen: y } = De(), c = i.useRef(null), F = R ? W.colors.textLinkDanger : W.colors.neutralHigh, D = c === null || c === void 0 ? void 0 : c.current, _ = (D === null || D === void 0 ? void 0 : D.closest("[role=menu]")) || null, m = _e(_, D), e = _object_spread({
         testid: "MenuItem"
-    }, D), p = (g)=>/* @__PURE__ */ y("div", {
-            id: g,
-            className: be,
+    }, w), t = (o)=>/* @__PURE__ */ O("div", {
+            id: o,
+            className: ve,
             children: [
-                /* @__PURE__ */ t(Te, {
+                /* @__PURE__ */ n(Ae, {
                     regular: !0,
-                    color: A,
-                    children: i
+                    color: F,
+                    children: l
                 }),
-                S && /* @__PURE__ */ t(Se, {
+                S && /* @__PURE__ */ n(Te, {
                     regular: !0,
-                    color: w.colors.textSecondary,
+                    color: W.colors.textSecondary,
                     children: S
                 })
             ]
-        }), h = (g)=>/* @__PURE__ */ y("div", {
-            className: xe,
+        }), p = (o)=>/* @__PURE__ */ O("div", {
+            className: Me,
             children: [
-                (a || x) && /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
-                    className: Ie
-                }, a ? Q({
+                (u || I) && /* @__PURE__ */ n("div", _object_spread_props(_object_spread({
+                    className: Se
+                }, u ? q({
                     testid: "asset"
                 }) : {}), {
-                    style: a ? Z({
-                        [Ne.mediaBorderRadius]: w.borderRadii.mediaSmall
+                    style: u ? J({
+                        [ye.mediaBorderRadius]: W.borderRadii.mediaSmall
                     }) : void 0,
-                    children: a || x && /* @__PURE__ */ t(x, {
+                    children: u || I && /* @__PURE__ */ n(I, {
                         size: 24,
-                        color: A
+                        color: F
                     })
                 })),
-                p(g)
+                t(o)
             ]
-        }), b = ()=>T === "checkbox" ? /* @__PURE__ */ t(Ee, {
-            ref: M,
-            name: i,
-            checked: F,
+        }), d = ()=>z === "checkbox" ? /* @__PURE__ */ n(Oe, {
+            ref: c,
+            name: l,
+            checked: x,
             onChange: ()=>{
-                H && e !== null && (o === null || o === void 0 ? void 0 : o(e));
+                y && m !== null && (v === null || v === void 0 ? void 0 : v(m));
             },
-            disabled: l,
+            disabled: r,
             role: "menuitemcheckbox",
-            dataAttributes: f,
+            dataAttributes: e,
             render: (param)=>{
-                let { controlElement: g, labelId: P } = param;
-                return /* @__PURE__ */ t(N, {
+                let { controlElement: o, labelId: f } = param;
+                return /* @__PURE__ */ n(N, {
                     paddingX: 8,
                     paddingY: 12,
-                    children: /* @__PURE__ */ y(Oe, {
+                    children: /* @__PURE__ */ O(Re, {
                         space: "between",
                         alignItems: "center",
                         children: [
-                            h(P),
-                            /* @__PURE__ */ t(N, {
+                            p(f),
+                            /* @__PURE__ */ n(N, {
                                 paddingLeft: 16,
-                                children: g
+                                children: o
                             })
                         ]
                     })
                 });
             }
-        }) : m ? /* @__PURE__ */ t(U, {
-            ref: M,
-            href: m,
-            newTab: C,
-            loadOnTop: c,
+        }) : k ? /* @__PURE__ */ n(U, {
+            ref: c,
+            href: k,
+            newTab: h,
+            loadOnTop: g,
             onNavigate: ()=>{
-                I(), d === null || d === void 0 ? void 0 : d();
+                b(), s === null || s === void 0 ? void 0 : s();
             },
-            disabled: l,
+            disabled: r,
             role: "menuitem",
-            dataAttributes: f,
-            children: /* @__PURE__ */ t(N, {
+            dataAttributes: e,
+            children: /* @__PURE__ */ n(N, {
                 paddingX: 8,
                 paddingY: 12,
-                children: h()
+                children: p()
             })
-        }) : u ? /* @__PURE__ */ t(U, {
-            ref: M,
-            to: u,
-            newTab: C,
-            fullPageOnWebView: $,
+        }) : a ? /* @__PURE__ */ n(U, {
+            ref: c,
+            to: a,
+            newTab: h,
+            fullPageOnWebView: P,
             onNavigate: ()=>{
-                I(), d === null || d === void 0 ? void 0 : d();
+                b(), s === null || s === void 0 ? void 0 : s();
             },
-            disabled: l,
+            disabled: r,
             role: "menuitem",
-            dataAttributes: f,
-            children: /* @__PURE__ */ t(N, {
+            dataAttributes: e,
+            children: /* @__PURE__ */ n(N, {
                 paddingX: 8,
                 paddingY: 12,
-                children: h()
+                children: p()
             })
-        }) : /* @__PURE__ */ t(U, {
-            ref: M,
+        }) : /* @__PURE__ */ n(U, {
+            ref: c,
             onPress: ()=>{
-                H && e !== null && (o === null || o === void 0 ? void 0 : o(e), I());
+                y && m !== null && (v === null || v === void 0 ? void 0 : v(m), b());
             },
-            disabled: l,
+            disabled: r,
             role: "menuitem",
-            dataAttributes: f,
-            children: /* @__PURE__ */ t(N, {
+            dataAttributes: e,
+            children: /* @__PURE__ */ n(N, {
                 paddingX: 8,
                 paddingY: 12,
-                children: h()
+                children: p()
             })
         });
-    return /* @__PURE__ */ t("div", {
-        className: ne(ue, {
-            [ge]: !l,
-            [pe]: l,
-            [fe]: !l && !v && e !== null && s === e,
-            [de]: !l && v && e !== null && s === e
+    return /* @__PURE__ */ n("div", {
+        className: re(he, {
+            [be]: !r,
+            [xe]: r,
+            [ge]: !r && !R && m !== null && E === m,
+            [pe]: !r && R && m !== null && E === m
         }),
-        onMouseMove: ()=>E(l ? null : e),
-        onMouseLeave: ()=>E(null),
-        children: b()
+        onMouseMove: ()=>A(r ? null : m),
+        onMouseLeave: ()=>A(null),
+        children: d()
     });
-}, tt = (param)=>{
-    let { children: i } = param;
-    return i ? /* @__PURE__ */ y(G, {
+}, it = (param)=>{
+    let { children: l } = param;
+    return l ? /* @__PURE__ */ O(G, {
         children: [
-            i,
-            /* @__PURE__ */ t("div", {
-                className: he,
-                children: /* @__PURE__ */ t(Ce, {})
+            l,
+            /* @__PURE__ */ n("div", {
+                className: Ie,
+                children: /* @__PURE__ */ n(Ne, {})
             })
         ]
-    }) : /* @__PURE__ */ t(G, {});
-}, V = 12, J = 8, nt = (param)=>{
-    let { renderTarget: i, renderMenu: x, width: a, position: v = "left", dataAttributes: l } = param;
-    const [o, m] = n.useState(!1), [u, C] = n.useState(null), [c, $] = n.useState(null), [d, T] = n.useState(null), [F, S] = n.useState(!1), D = n.useRef(null), [s, E] = n.useState(null), I = ve();
-    n.useEffect(()=>{
-        const r = u === null || u === void 0 ? void 0 : u.getBoundingClientRect();
-        if (!c || !r || !o) return;
-        const { top: e, right: f, left: p, bottom: h } = r, b = c.scrollHeight, g = v === "left" ? p : void 0, P = v === "right" ? I.width - f : void 0, W = e - J, X = h + J, B = I.height - X - V, L = W - V, Y = B > b, z = L > b, te = Y || !z && B > L;
-        E(te ? {
-            left: g,
-            right: P,
-            top: `${X}px`,
-            bottom: "auto",
-            maxHeight: Y ? void 0 : B,
-            transformOrigin: "center top"
-        } : {
-            left: g,
-            right: P,
-            top: "auto",
-            bottom: `${I.height - W}px`,
-            maxHeight: z ? void 0 : L,
-            transformOrigin: "center bottom"
-        });
+    }) : /* @__PURE__ */ n(G, {});
+}, M = 8, He = {
+    top: "bottom",
+    bottom: "top",
+    left: "right",
+    right: "left"
+}, Le = {
+    top: "center bottom",
+    bottom: "center top",
+    left: "right center",
+    right: "left center"
+}, at = (param)=>{
+    let { renderTarget: l, renderMenu: I, width: u, position: R = "left", placement: r = "bottom", alignment: v = R === "left" ? "start" : "end", dataAttributes: k } = param;
+    const [a, h] = i.useState(!1), [g, P] = i.useState(null), [s, z] = i.useState(null), [x, S] = i.useState(null), [w, E] = i.useState(!1), A = i.useRef(null), [b, y] = i.useState(null), c = Ee();
+    i.useEffect(()=>{
+        const e = g === null || g === void 0 ? void 0 : g.getBoundingClientRect();
+        if (!s || !e || !a) return;
+        const t = {
+            top: e.top - M,
+            bottom: c.height - e.bottom - M,
+            left: e.left - M,
+            right: c.width - e.right - M
+        }, p = r === "top" || r === "bottom" ? s.scrollHeight : s.offsetWidth, d = He[r];
+        let o = t[r] < p && t[d] > t[r] ? d : r;
+        (o === "left" || o === "right") && t[o] < s.offsetWidth && (o = t.bottom >= t.top ? "bottom" : "top");
+        const f = o === "top" || o === "bottom", H = Math.max(0, f ? t[o] : c.height), X = Math.min(s.scrollHeight, H), B = s.offsetWidth, Z = f ? e.left : e.top, ee = f ? e.width : e.height, Y = f ? B : X, te = v === "start" ? 0 : v === "end" ? 1 : 0.5, ne = Z + (ee - Y) * te, L = Math.max(0, Math.min(ne, (f ? c.width : c.height) - Y)), oe = {
+            top: {
+                left: L,
+                top: e.top - M - X
+            },
+            bottom: {
+                left: L,
+                top: e.bottom + M
+            },
+            left: {
+                left: e.left - M - B,
+                top: L
+            },
+            right: {
+                left: e.right + M,
+                top: L
+            }
+        };
+        y(_object_spread_props(_object_spread({}, oe[o]), {
+            maxHeight: H,
+            transformOrigin: Le[o]
+        }));
     }, [
+        r,
         v,
-        o,
-        c,
-        u,
         a,
-        I
+        s,
+        g,
+        u,
+        c
     ]);
-    const H = n.useMemo(()=>({
-            ref: C,
+    const F = i.useMemo(()=>({
+            ref: P,
             onPress: ()=>{
-                m(!o);
+                h(!a);
             }
         }), [
-        C,
-        o
-    ]), M = {
-        ref: Re($, D),
-        className: me,
-        close: ()=>m(!1)
-    }, A = n.useCallback(()=>{
-        const e = _(c).findIndex((f)=>!f.getAttribute("aria-disabled"));
-        T(e < 0 ? null : e);
+        P,
+        a
+    ]), D = {
+        ref: Pe(z, A),
+        className: de,
+        close: ()=>h(!1)
+    }, _ = i.useCallback(()=>{
+        const t = $(s).findIndex((p)=>!p.getAttribute("aria-disabled"));
+        S(t < 0 ? null : t);
     }, [
-        c
-    ]), R = n.useCallback((r)=>{
-        var _e_p;
-        const e = _(c);
-        r && e.reverse();
-        const f = d === null ? -1 : r ? e.length - 1 - d : d;
-        let p = e.findIndex((b, g)=>!b.getAttribute("aria-disabled") && g > f);
-        p === -1 && (p = e.findIndex((b)=>!b.getAttribute("aria-disabled")));
-        const h = r && p !== -1 ? e.length - 1 - p : p;
-        T(h < 0 ? null : h), (_e_p = e[p]) === null || _e_p === void 0 ? void 0 : _e_p.focus();
+        s
+    ]), m = i.useCallback((e)=>{
+        var _t_d;
+        const t = $(s);
+        e && t.reverse();
+        const p = x === null ? -1 : e ? t.length - 1 - x : x;
+        let d = t.findIndex((f, H)=>!f.getAttribute("aria-disabled") && H > p);
+        d === -1 && (d = t.findIndex((f)=>!f.getAttribute("aria-disabled")));
+        const o = e && d !== -1 ? t.length - 1 - d : d;
+        S(o < 0 ? null : o), (_t_d = t[d]) === null || _t_d === void 0 ? void 0 : _t_d.focus();
     }, [
-        d,
-        c
+        x,
+        s
     ]);
-    return n.useEffect(()=>{
-        o ? F && c && (A(), S(!1)) : T(null);
+    return i.useEffect(()=>{
+        a ? w && s && (_(), E(!1)) : S(null);
     }, [
-        o,
-        A,
-        F,
-        c
-    ]), n.useEffect(()=>{
-        const r = (e)=>{
-            if (o) switch(e.key){
+        a,
+        _,
+        w,
+        s
+    ]), i.useEffect(()=>{
+        const e = (t)=>{
+            if (a) switch(t.key){
+                case le:
+                case V:
+                    T(t), m();
+                    break;
+                case ce:
                 case ae:
-                case q:
-                    k(e), R();
+                    T(t), m(!0);
                     break;
                 case ie:
-                case se:
-                    k(e), R(!0);
-                    break;
-                case re:
-                    m(!1);
+                    h(!1);
                     break;
                 case j:
                 case K:
-                    k(e), d !== null && _(c)[d].click();
+                    T(t), x !== null && $(s)[x].click();
                     break;
-                case oe:
-                    k(e);
+                case se:
+                    T(t);
                     break;
             }
-            else switch(e.key){
+            else switch(t.key){
                 case K:
                 case j:
-                    S(!0);
+                    E(!0);
                     break;
-                case q:
-                    u === document.activeElement && (S(!0), m(!0));
+                case V:
+                    g === document.activeElement && (E(!0), h(!0));
                     break;
             }
         };
-        return document.addEventListener("keydown", r, !1), ()=>{
-            document.removeEventListener("keydown", r, !1);
+        return document.addEventListener("keydown", e, !1), ()=>{
+            document.removeEventListener("keydown", e, !1);
         };
-    }), n.useEffect(()=>{
-        u === null || u === void 0 ? void 0 : u.setAttribute("aria-haspopup", "menu"), u === null || u === void 0 ? void 0 : u.setAttribute("aria-expanded", String(o));
+    }), i.useEffect(()=>{
+        g === null || g === void 0 ? void 0 : g.setAttribute("aria-haspopup", "menu"), g === null || g === void 0 ? void 0 : g.setAttribute("aria-expanded", String(a));
     }, [
-        u,
-        o
-    ]), /* @__PURE__ */ y("div", _object_spread_props(_object_spread({}, Q(_object_spread({
+        g,
+        a
+    ]), /* @__PURE__ */ O("div", _object_spread_props(_object_spread({}, q(_object_spread({
         testid: "Menu"
-    }, l))), {
+    }, k))), {
         children: [
-            i(_object_spread_props(_object_spread({}, H), {
-                isMenuOpen: o
+            l(_object_spread_props(_object_spread({}, F), {
+                isMenuOpen: a
             })),
-            /* @__PURE__ */ t(Me, {
-                children: /* @__PURE__ */ t(Ae, {
-                    in: o,
-                    nodeRef: D,
-                    timeout: ke() ? 0 : ye,
-                    classNames: le,
+            /* @__PURE__ */ n(Ce, {
+                children: /* @__PURE__ */ n(ke, {
+                    in: a,
+                    nodeRef: A,
+                    timeout: we() ? 0 : Fe,
+                    classNames: ue,
                     mountOnEnter: !0,
                     unmountOnExit: !0,
-                    onExit: ()=>u === null || u === void 0 ? void 0 : u.focus(),
-                    children: /* @__PURE__ */ t(ce, {
-                        onPress: (r)=>{
-                            k(r), m(!1);
+                    onExit: ()=>g === null || g === void 0 ? void 0 : g.focus(),
+                    children: /* @__PURE__ */ n(me, {
+                        onPress: (e)=>{
+                            T(e), h(!1);
                         },
                         disableScroll: !0,
-                        children: /* @__PURE__ */ t("div", {
-                            style: _object_spread({}, Z(_object_spread({}, s ? _object_spread({
-                                [O.top]: s.top,
-                                [O.bottom]: s.bottom,
-                                [O.transformOrigin]: s.transformOrigin
-                            }, s.left !== void 0 && {
-                                [O.left]: `${s.left}px`
-                            }, s.right !== void 0 && {
-                                [O.right]: `${s.right}px`
-                            }, s.maxHeight !== void 0 && {
-                                [O.maxHeight]: `${s.maxHeight}px`
-                            }, a !== void 0 && {
-                                [O.width]: a ? `${a}px` : ""
-                            }) : {}))),
+                        children: /* @__PURE__ */ n("div", {
+                            style: _object_spread({}, J(_object_spread({
+                                [C.maxWidth]: `${Math.min(fe, Math.max(0, c.width))}px`
+                            }, u && {
+                                [C.width]: `${u}px`
+                            }, b ? {
+                                [C.top]: `${b.top}px`,
+                                [C.left]: `${b.left}px`,
+                                [C.maxHeight]: `${b.maxHeight}px`,
+                                [C.transformOrigin]: b.transformOrigin
+                            } : {}))),
                             role: "menu",
-                            children: /* @__PURE__ */ t(ee.Provider, {
+                            children: /* @__PURE__ */ n(Q.Provider, {
                                 value: {
-                                    isMenuOpen: o,
-                                    focusedItem: d,
-                                    setFocusedItem: T,
-                                    closeMenu: ()=>m(!1)
+                                    isMenuOpen: a,
+                                    focusedItem: x,
+                                    setFocusedItem: S,
+                                    closeMenu: ()=>h(!1)
                                 },
-                                children: x(M)
+                                children: I(D)
                             })
                         })
                     })
@@ -373,4 +395,4 @@ const ye = 120, ee = /*#__PURE__*/ n.createContext({
         ]
     }));
 };
-export { nt as Menu, et as MenuItem, tt as MenuSection };
+export { at as Menu, st as MenuItem, it as MenuSection };

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

@@ -1,2 +1,2 @@
-/* empty css                                  */ var r = "v17_6_1j2q6te0", t = "v17_6_1j2q6te1", a = "v17_6_1j2q6te2", o = "v17_6_1j2q6te3";
+/* empty css                                  */ var r = "v17_8_1j2q6te0", t = "v17_8_1j2q6te1", a = "v17_8_1j2q6te2", o = "v17_8_1j2q6te3";
 export { a as fourItemsContainer, o as horizontalMosaicPageContainer, t as singleItemRowContainer, r as squareContainer };

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

@@ -1,11 +1,11 @@
-/* empty css                                     */ /* empty css                                             */ /* empty css                                          */ var y = 184, r = 400, e = "v17_6_1vcy5dz0", a = "v17_6_1vcy5dz1", t = "v17_6_1vcy5dz3 v17_6_1vcy5dz2 v17_6_1y2v1nfr8 v17_6_1y2v1nfre", d = "v17_6_1vcy5dz4 v17_6_1y2v1nfr8", f = "v17_6_1vcy5dz6 v17_6_1vcy5dz5 v17_6_1y2v1nfr9 v17_6_1y2v1nfuo v17_6_1y2v1nfvx v17_6_1y2v1nfre v17_6_1y2v1nfrt", c = "v17_6_1vcy5dz8 v17_6_1vcy5dz7 v17_6_1y2v1nfh7 v17_6_1y2v1nfig v17_6_1y2v1nfjp v17_6_1y2v1nfky v17_6_1y2v1nftw v17_6_1y2v1nfh6", o = "v17_6_1vcy5dza v17_6_1vcy5dz9 v17_6_1y2v1nfjy v17_6_1y2v1nfl7 v17_6_1y2v1nfsx v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nftw v17_6_1y2v1nfh6 v17_6_1y2v1nfr8", i = {
-    default: "v17_6_1vcy5dzb",
-    brand: "v17_6_1vcy5dzc"
+/* empty css                                     */ /* empty css                                             */ /* empty css                                          */ var y = 184, r = 400, e = "v17_8_1vcy5dz0", a = "v17_8_1vcy5dz1", t = "v17_8_1vcy5dz3 v17_8_1vcy5dz2 v17_8_1y2v1nfr8 v17_8_1y2v1nfre", d = "v17_8_1vcy5dz4 v17_8_1y2v1nfr8", f = "v17_8_1vcy5dz6 v17_8_1vcy5dz5 v17_8_1y2v1nfr9 v17_8_1y2v1nfuo v17_8_1y2v1nfvx v17_8_1y2v1nfre v17_8_1y2v1nfrt", c = "v17_8_1vcy5dz8 v17_8_1vcy5dz7 v17_8_1y2v1nfh7 v17_8_1y2v1nfig v17_8_1y2v1nfjp v17_8_1y2v1nfky v17_8_1y2v1nftw v17_8_1y2v1nfh6", o = "v17_8_1vcy5dza v17_8_1vcy5dz9 v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nfsx v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nftw v17_8_1y2v1nfh6 v17_8_1y2v1nfr8", i = {
+    default: "v17_8_1vcy5dzb",
+    brand: "v17_8_1vcy5dzc"
 }, z = {
-    default: "v17_6_1vcy5dzd",
-    alternative: "v17_6_1vcy5dze",
-    brand: "v17_6_1vcy5dzf",
-    negative: "v17_6_1vcy5dzg",
-    media: "v17_6_1vcy5dzh"
-}, p = "v17_6_1vcy5dzi v17_6_1y2v1nfh7 v17_6_1y2v1nfig v17_6_1y2v1nfjp v17_6_1y2v1nfky v17_6_1y2v1nftw v17_6_1y2v1nfh6", s = "v17_6_1vcy5dzj v17_6_1tpqlymg", u = "v17_6_1vcy5dzm v17_6_1vcy5dzl v17_6_1y2v1nfre v17_6_1y2v1nfs0", M = "v17_6_1vcy5dzr", k = "v17_6_1vcy5dzt v17_6_1vcy5dzs v17_6_1y2v1nfs1", S = "v17_6_1vcy5dzu v17_6_1y2v1nfr9 v17_6_1y2v1nfv3 v17_6_1y2v1nfvi", l = "v17_6_1vcy5dzw v17_6_1vcy5dzv v17_6_1y2v1nfra v17_6_1y2v1nfv3 v17_6_1y2v1nfvi", m = "v17_6_1vcy5dzy v17_6_1vcy5dzx v17_6_1y2v1nf8z v17_6_1y2v1nfr9 v17_6_1y2v1nfv3 v17_6_1y2v1nfvi", g = "v17_6_1vcy5dz10 v17_6_1vcy5dzz v17_6_1y2v1nfka v17_6_1y2v1nflj v17_6_1y2v1nfhy v17_6_1y2v1nfj7 v17_6_1y2v1nf8z v17_6_1y2v1nfra v17_6_1y2v1nfun", h = "v17_6_1vcy5dz12 v17_6_1vcy5dz11 v17_6_1y2v1nfhy v17_6_1y2v1nfj7 v17_6_1y2v1nfr8", C = "v17_6_1vcy5dz13", A = "v17_6_1vcy5dz14";
+    default: "v17_8_1vcy5dzd",
+    alternative: "v17_8_1vcy5dze",
+    brand: "v17_8_1vcy5dzf",
+    negative: "v17_8_1vcy5dzg",
+    media: "v17_8_1vcy5dzh"
+}, p = "v17_8_1vcy5dzi v17_8_1y2v1nfh7 v17_8_1y2v1nfig v17_8_1y2v1nfjp v17_8_1y2v1nfky v17_8_1y2v1nftw v17_8_1y2v1nfh6", s = "v17_8_1vcy5dzj v17_8_1tpqlymg", u = "v17_8_1vcy5dzm v17_8_1vcy5dzl v17_8_1y2v1nfre v17_8_1y2v1nfs0", M = "v17_8_1vcy5dzr", k = "v17_8_1vcy5dzt v17_8_1vcy5dzs v17_8_1y2v1nfs1", S = "v17_8_1vcy5dzu v17_8_1y2v1nfr9 v17_8_1y2v1nfv3 v17_8_1y2v1nfvi", l = "v17_8_1vcy5dzw v17_8_1vcy5dzv v17_8_1y2v1nfra v17_8_1y2v1nfv3 v17_8_1y2v1nfvi", m = "v17_8_1vcy5dzy v17_8_1vcy5dzx v17_8_1y2v1nf8z v17_8_1y2v1nfr9 v17_8_1y2v1nfv3 v17_8_1y2v1nfvi", g = "v17_8_1vcy5dz10 v17_8_1vcy5dzz v17_8_1y2v1nfka v17_8_1y2v1nflj v17_8_1y2v1nfhy v17_8_1y2v1nfj7 v17_8_1y2v1nf8z v17_8_1y2v1nfra v17_8_1y2v1nfun", h = "v17_8_1vcy5dz12 v17_8_1vcy5dz11 v17_8_1y2v1nfhy v17_8_1y2v1nfj7 v17_8_1y2v1nfr8", C = "v17_8_1vcy5dz13", A = "v17_8_1vcy5dz14";
 export { r as DESKTOP_MENU_ANIMATION_DURATION_MS, y as DESKTOP_SMALL_MENU_WIDTH, h as desktopMenu, m as desktopMenuBackgroundContainer, A as desktopMenuColumnItem, l as desktopMenuContainer, C as desktopMenuContentFadeIn, e as desktopMenuFirstSection, a as desktopMenuLastSection, c as desktopMenuSectionArrow, f as desktopMenuSectionArrowContainer, t as desktopMenuSectionContainer, d as desktopMenuSectionWithArrowWrapper, S as desktopMenuWrapper, g as desktopSmallMenuContainer, M as lineHeightFix, u as mainNavBarSectionsContainer, k as mainNavigationBarContentWrapper, p as navigationBarAction, o as section, i as selectedSectionVariants, s as spacerLarge, z as textWrapperVariants };

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

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                                  */ var n = "v17_6_1fniauj2", i = "v17_6_1fniauj3", f = "v17_6_1fniauj5 v17_6_1fniauj4 v17_6_1y2v1nfh7 v17_6_1y2v1nfig v17_6_1y2v1nfjp v17_6_1y2v1nfky", r = "v17_6_1fniauj6 v17_6_1y2v1nfrh";
+/* empty css                                     */ /* empty css                                                  */ var n = "v17_8_1fniauj2", i = "v17_8_1fniauj3", f = "v17_8_1fniauj5 v17_8_1fniauj4 v17_8_1y2v1nfh7 v17_8_1y2v1nfig v17_8_1y2v1nfjp v17_8_1y2v1nfky", r = "v17_8_1fniauj6 v17_8_1y2v1nfrh";
 export { i as current, n as link, f as list, r as listItem };