@telefonica/mistica 17.6.0 → 17.7.0

package/dist/menu.js

@@ -11,13 +11,13 @@ function _export(target, all) {
 }
 _export(exports, {
     get Menu () {
-        return nt;
+        return at;
     },
     get MenuItem () {
-        return et;
+        return st;
     },
     get MenuSection () {
-        return tt;
+        return it;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -139,27 +139,27 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const ye = 120, ee = /*#__PURE__*/ _react.createContext({
+const Fe = 120, Q = /*#__PURE__*/ _react.createContext({
     focusedItem: null,
     isMenuOpen: !1,
     setFocusedItem: ()=>{},
     closeMenu: ()=>{}
-}), Fe = ()=>_react.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 = _react.useRef(null), A = v ? _skincontractcssmistica.vars.colors.textLinkDanger : _skincontractcssmistica.vars.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 = ()=>_react.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 = _react.useRef(null), F = R ? _skincontractcssmistica.vars.colors.textLinkDanger : _skincontractcssmistica.vars.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__ */ (0, _jsxruntime.jsxs)("div", {
-            id: g,
+    }, w), t = (o)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+            id: o,
             className: _menucssmistica.itemTextContent,
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                     regular: !0,
-                    color: A,
-                    children: i
+                    color: F,
+                    children: l
                 }),
                 S && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                     regular: !0,
@@ -167,36 +167,36 @@ const ye = 120, ee = /*#__PURE__*/ _react.createContext({
                     children: S
                 })
             ]
-        }), h = (g)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+        }), p = (o)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
             className: _menucssmistica.itemContent,
             children: [
-                (a || x) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
+                (u || I) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
                     className: _menucssmistica.assetContainer
-                }, a ? (0, _dom.getPrefixedDataAttributes)({
+                }, u ? (0, _dom.getPrefixedDataAttributes)({
                     testid: "asset"
                 }) : {}), {
-                    style: a ? (0, _css.applyCssVars)({
+                    style: u ? (0, _css.applyCssVars)({
                         [_imagecssmistica.vars.mediaBorderRadius]: _skincontractcssmistica.vars.borderRadii.mediaSmall
                     }) : void 0,
-                    children: a || x && /* @__PURE__ */ (0, _jsxruntime.jsx)(x, {
+                    children: u || I && /* @__PURE__ */ (0, _jsxruntime.jsx)(I, {
                         size: 24,
-                        color: A
+                        color: F
                     })
                 })),
-                p(g)
+                t(o)
             ]
-        }), b = ()=>T === "checkbox" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_checkbox.default, {
-            ref: M,
-            name: i,
-            checked: F,
+        }), d = ()=>z === "checkbox" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_checkbox.default, {
+            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;
+                let { controlElement: o, labelId: f } = param;
                 return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                     paddingX: 8,
                     paddingY: 12,
@@ -204,234 +204,256 @@ const ye = 120, ee = /*#__PURE__*/ _react.createContext({
                         space: "between",
                         alignItems: "center",
                         children: [
-                            h(P),
+                            p(f),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                                 paddingLeft: 16,
-                                children: g
+                                children: o
                             })
                         ]
                     })
                 });
             }
-        }) : m ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
-            ref: M,
-            href: m,
-            newTab: C,
-            loadOnTop: c,
+        }) : k ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
+            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,
+            dataAttributes: e,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingX: 8,
                 paddingY: 12,
-                children: h()
+                children: p()
             })
-        }) : u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
-            ref: M,
-            to: u,
-            newTab: C,
-            fullPageOnWebView: $,
+        }) : a ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
+            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,
+            dataAttributes: e,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingX: 8,
                 paddingY: 12,
-                children: h()
+                children: p()
             })
         }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
-            ref: M,
+            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,
+            dataAttributes: e,
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingX: 8,
                 paddingY: 12,
-                children: h()
+                children: p()
             })
         });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         className: (0, _classnames.default)(_menucssmistica.menuItem, {
-            [_menucssmistica.menuItemEnabled]: !l,
-            [_menucssmistica.menuItemDisabled]: l,
-            [_menucssmistica.menuItemHovered]: !l && !v && e !== null && s === e,
-            [_menucssmistica.menuItemHoveredDestructive]: !l && v && e !== null && s === e
+            [_menucssmistica.menuItemEnabled]: !r,
+            [_menucssmistica.menuItemDisabled]: r,
+            [_menucssmistica.menuItemHovered]: !r && !R && m !== null && E === m,
+            [_menucssmistica.menuItemHoveredDestructive]: !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__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+}, it = (param)=>{
+    let { children: l } = param;
+    return l ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            i,
+            l,
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _menucssmistica.menuSectionDivider,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
             })
         ]
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
-}, V = 12, J = 8, nt = (param)=>{
-    let { renderTarget: i, renderMenu: x, width: a, position: v = "left", dataAttributes: l } = param;
-    const [o, m] = _react.useState(!1), [u, C] = _react.useState(null), [c, $] = _react.useState(null), [d, T] = _react.useState(null), [F, S] = _react.useState(!1), D = _react.useRef(null), [s, E] = _react.useState(null), I = (0, _hooks.useWindowSize)();
+}, 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] = _react.useState(!1), [g, P] = _react.useState(null), [s, z] = _react.useState(null), [x, S] = _react.useState(null), [w, E] = _react.useState(!1), A = _react.useRef(null), [b, y] = _react.useState(null), c = (0, _hooks.useWindowSize)();
     _react.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"
-        });
+        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 = _react.useMemo(()=>({
-            ref: C,
+    const F = _react.useMemo(()=>({
+            ref: P,
             onPress: ()=>{
-                m(!o);
+                h(!a);
             }
         }), [
-        C,
-        o
-    ]), M = {
-        ref: (0, _common.combineRefs)($, D),
+        P,
+        a
+    ]), D = {
+        ref: (0, _common.combineRefs)(z, A),
         className: _menucssmistica.menuContainer,
-        close: ()=>m(!1)
-    }, A = _react.useCallback(()=>{
-        const e = _(c).findIndex((f)=>!f.getAttribute("aria-disabled"));
-        T(e < 0 ? null : e);
+        close: ()=>h(!1)
+    }, _ = _react.useCallback(()=>{
+        const t = $(s).findIndex((p)=>!p.getAttribute("aria-disabled"));
+        S(t < 0 ? null : t);
     }, [
-        c
-    ]), R = _react.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 = _react.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 _react.useEffect(()=>{
-        o ? F && c && (A(), S(!1)) : T(null);
+        a ? w && s && (_(), E(!1)) : S(null);
     }, [
-        o,
-        A,
-        F,
-        c
+        a,
+        _,
+        w,
+        s
     ]), _react.useEffect(()=>{
-        const r = (e)=>{
-            if (o) switch(e.key){
+        const e = (t)=>{
+            if (a) switch(t.key){
                 case _keys.RIGHT:
                 case _keys.DOWN:
-                    (0, _dom.cancelEvent)(e), R();
+                    (0, _dom.cancelEvent)(t), m();
                     break;
                 case _keys.LEFT:
                 case _keys.UP:
-                    (0, _dom.cancelEvent)(e), R(!0);
+                    (0, _dom.cancelEvent)(t), m(!0);
                     break;
                 case _keys.ESC:
-                    m(!1);
+                    h(!1);
                     break;
                 case _keys.SPACE:
                 case _keys.ENTER:
-                    (0, _dom.cancelEvent)(e), d !== null && _(c)[d].click();
+                    (0, _dom.cancelEvent)(t), x !== null && $(s)[x].click();
                     break;
                 case _keys.TAB:
-                    (0, _dom.cancelEvent)(e);
+                    (0, _dom.cancelEvent)(t);
                     break;
             }
-            else switch(e.key){
+            else switch(t.key){
                 case _keys.ENTER:
                 case _keys.SPACE:
-                    S(!0);
+                    E(!0);
                     break;
                 case _keys.DOWN:
-                    u === document.activeElement && (S(!0), m(!0));
+                    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);
         };
     }), _react.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));
+        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
+        g,
+        a
     ]), /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(_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__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
-                    in: o,
-                    nodeRef: D,
-                    timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : ye,
+                    in: a,
+                    nodeRef: A,
+                    timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : Fe,
                     classNames: _menucssmistica.menuTransitionClasses,
                     mountOnEnter: !0,
                     unmountOnExit: !0,
-                    onExit: ()=>u === null || u === void 0 ? void 0 : u.focus(),
+                    onExit: ()=>g === null || g === void 0 ? void 0 : g.focus(),
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_overlay.default, {
-                        onPress: (r)=>{
-                            (0, _dom.cancelEvent)(r), m(!1);
+                        onPress: (e)=>{
+                            (0, _dom.cancelEvent)(e), h(!1);
                         },
                         disableScroll: !0,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                            style: _object_spread({}, (0, _css.applyCssVars)(_object_spread({}, s ? _object_spread({
-                                [_menucssmistica.vars.top]: s.top,
-                                [_menucssmistica.vars.bottom]: s.bottom,
-                                [_menucssmistica.vars.transformOrigin]: s.transformOrigin
-                            }, s.left !== void 0 && {
-                                [_menucssmistica.vars.left]: `${s.left}px`
-                            }, s.right !== void 0 && {
-                                [_menucssmistica.vars.right]: `${s.right}px`
-                            }, s.maxHeight !== void 0 && {
-                                [_menucssmistica.vars.maxHeight]: `${s.maxHeight}px`
-                            }, a !== void 0 && {
-                                [_menucssmistica.vars.width]: a ? `${a}px` : ""
-                            }) : {}))),
+                            style: _object_spread({}, (0, _css.applyCssVars)(_object_spread({
+                                [_menucssmistica.vars.maxWidth]: `${Math.min(_menucssmistica.MENU_MAX_WIDTH, Math.max(0, c.width))}px`
+                            }, u && {
+                                [_menucssmistica.vars.width]: `${u}px`
+                            }, b ? {
+                                [_menucssmistica.vars.top]: `${b.top}px`,
+                                [_menucssmistica.vars.left]: `${b.left}px`,
+                                [_menucssmistica.vars.maxHeight]: `${b.maxHeight}px`,
+                                [_menucssmistica.vars.transformOrigin]: b.transformOrigin
+                            } : {}))),
                             role: "menu",
-                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ee.Provider, {
+                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(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)
                             })
                         })
                     })

package/dist/mosaic.css-mistica.js

@@ -22,4 +22,4 @@ _export(exports, {
         return r;
     }
 });
-/* empty css                                  */ var r = "v17_6_1j2q6te0", t = "v17_6_1j2q6te1", a = "v17_6_1j2q6te2", o = "v17_6_1j2q6te3";
+/* empty css                                  */ var r = "v17_7_1j2q6te0", t = "v17_7_1j2q6te1", a = "v17_7_1j2q6te2", o = "v17_7_1j2q6te3";

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

@@ -79,13 +79,13 @@ _export(exports, {
         return z;
     }
 });
-/* 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_7_1vcy5dz0", a = "v17_7_1vcy5dz1", t = "v17_7_1vcy5dz3 v17_7_1vcy5dz2 v17_7_1y2v1nfr8 v17_7_1y2v1nfre", d = "v17_7_1vcy5dz4 v17_7_1y2v1nfr8", f = "v17_7_1vcy5dz6 v17_7_1vcy5dz5 v17_7_1y2v1nfr9 v17_7_1y2v1nfuo v17_7_1y2v1nfvx v17_7_1y2v1nfre v17_7_1y2v1nfrt", c = "v17_7_1vcy5dz8 v17_7_1vcy5dz7 v17_7_1y2v1nfh7 v17_7_1y2v1nfig v17_7_1y2v1nfjp v17_7_1y2v1nfky v17_7_1y2v1nftw v17_7_1y2v1nfh6", o = "v17_7_1vcy5dza v17_7_1vcy5dz9 v17_7_1y2v1nfjy v17_7_1y2v1nfl7 v17_7_1y2v1nfsx v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nftw v17_7_1y2v1nfh6 v17_7_1y2v1nfr8", i = {
+    default: "v17_7_1vcy5dzb",
+    brand: "v17_7_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_7_1vcy5dzd",
+    alternative: "v17_7_1vcy5dze",
+    brand: "v17_7_1vcy5dzf",
+    negative: "v17_7_1vcy5dzg",
+    media: "v17_7_1vcy5dzh"
+}, p = "v17_7_1vcy5dzi v17_7_1y2v1nfh7 v17_7_1y2v1nfig v17_7_1y2v1nfjp v17_7_1y2v1nfky v17_7_1y2v1nftw v17_7_1y2v1nfh6", s = "v17_7_1vcy5dzj v17_7_1tpqlymg", u = "v17_7_1vcy5dzm v17_7_1vcy5dzl v17_7_1y2v1nfre v17_7_1y2v1nfs0", M = "v17_7_1vcy5dzr", k = "v17_7_1vcy5dzt v17_7_1vcy5dzs v17_7_1y2v1nfs1", S = "v17_7_1vcy5dzu v17_7_1y2v1nfr9 v17_7_1y2v1nfv3 v17_7_1y2v1nfvi", l = "v17_7_1vcy5dzw v17_7_1vcy5dzv v17_7_1y2v1nfra v17_7_1y2v1nfv3 v17_7_1y2v1nfvi", m = "v17_7_1vcy5dzy v17_7_1vcy5dzx v17_7_1y2v1nf8z v17_7_1y2v1nfr9 v17_7_1y2v1nfv3 v17_7_1y2v1nfvi", g = "v17_7_1vcy5dz10 v17_7_1vcy5dzz v17_7_1y2v1nfka v17_7_1y2v1nflj v17_7_1y2v1nfhy v17_7_1y2v1nfj7 v17_7_1y2v1nf8z v17_7_1y2v1nfra v17_7_1y2v1nfun", h = "v17_7_1vcy5dz12 v17_7_1vcy5dz11 v17_7_1y2v1nfhy v17_7_1y2v1nfj7 v17_7_1y2v1nfr8", C = "v17_7_1vcy5dz13", A = "v17_7_1vcy5dz14";

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

@@ -22,4 +22,4 @@ _export(exports, {
         return r;
     }
 });
-/* 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_7_1fniauj2", i = "v17_7_1fniauj3", f = "v17_7_1fniauj5 v17_7_1fniauj4 v17_7_1y2v1nfh7 v17_7_1y2v1nfig v17_7_1y2v1nfjp v17_7_1y2v1nfky", r = "v17_7_1fniauj6 v17_7_1y2v1nfrh";

package/dist/navigation-shared.css-mistica.js

@@ -67,13 +67,13 @@ _export(exports, {
         return y;
     }
 });
-/* empty css                                     */ /* empty css                                             */ var n = 300, y = "v17_6_1tpqlym1 v17_6_1tpqlym0 v17_6_1y2v1nfra v17_6_1y2v1nfuo v17_6_1y2v1nfv3 v17_6_1y2v1nfvi", t = {
-    default: "v17_6_1tpqlym4 v17_6_1tpqlym3 v17_6_1tpqlym2 v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nfs1",
-    noBorder: "v17_6_1tpqlym5 v17_6_1tpqlym3 v17_6_1tpqlym2 v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nfs1",
-    menuOpen: "v17_6_1tpqlym6 v17_6_1tpqlym3 v17_6_1tpqlym2 v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nfs1"
-}, r = "v17_6_1tpqlym8 v17_6_1tpqlym7 v17_6_1y2v1nfrt v17_6_1y2v1nfs1 v17_6_1y2v1nfre", l = "v17_6_1tpqlyma v17_6_1tpqlym9 v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nfro", p = "v17_6_1tpqlymc v17_6_1tpqlyma v17_6_1tpqlym9 v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nfro v17_6_1tpqlymb v17_6_1y2v1nfs0", m = "v17_6_1tpqlymd", e = "v17_6_1tpqlymf v17_6_1tpqlyme v17_6_1y2v1nfre v17_6_1y2v1nfrn", q = "v17_6_1tpqlymi v17_6_1tpqlymh v17_6_1y2v1nfsx v17_6_1tpqlymg", f = "v17_6_1tpqlymk v17_6_1tpqlymj v17_6_1y2v1nfr8 v17_6_1y2v1nfsa v17_6_1y2v1nfsq", a = "v17_6_1tpqlymn v17_6_1tpqlymm v17_6_1tpqlyml v17_6_1y2v1nfr9", o = "v17_6_1tpqlymo v17_6_1tpqlymm v17_6_1tpqlyml v17_6_1y2v1nfr9", i = "v17_6_1tpqlymp v17_6_1tpqlymm v17_6_1tpqlyml v17_6_1y2v1nfr9", u = "v17_6_1tpqlymq v17_6_1tpqlymm v17_6_1tpqlyml v17_6_1y2v1nfr9", s = "v17_6_1tpqlymr", g = "v17_6_1tpqlyms v17_6_1y2v1nfra v17_6_1y2v1nfv3 v17_6_1y2v1nfvi v17_6_1y2v1nfvx v17_6_1y2v1nf8l", d = "v17_6_1tpqlymt v17_6_1y2v1nfsi v17_6_1y2v1nfr8", C = "v17_6_1tpqlymv v17_6_1tpqlymu v17_6_1y2v1nfun v17_6_1y2v1nfs1 v17_6_1y2v1nfsi v17_6_1y2v1nfr9 v17_6_1y2v1nfuo", M = {
-    enter: "v17_6_1tpqlymw",
-    enterActive: "v17_6_1tpqlymx",
-    exit: "v17_6_1tpqlymy",
-    exitActive: "v17_6_1tpqlymz"
+/* empty css                                     */ /* empty css                                             */ var n = 300, y = "v17_7_1tpqlym1 v17_7_1tpqlym0 v17_7_1y2v1nfra v17_7_1y2v1nfuo v17_7_1y2v1nfv3 v17_7_1y2v1nfvi", t = {
+    default: "v17_7_1tpqlym4 v17_7_1tpqlym3 v17_7_1tpqlym2 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfs1",
+    noBorder: "v17_7_1tpqlym5 v17_7_1tpqlym3 v17_7_1tpqlym2 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfs1",
+    menuOpen: "v17_7_1tpqlym6 v17_7_1tpqlym3 v17_7_1tpqlym2 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfs1"
+}, r = "v17_7_1tpqlym8 v17_7_1tpqlym7 v17_7_1y2v1nfrt v17_7_1y2v1nfs1 v17_7_1y2v1nfre", l = "v17_7_1tpqlyma v17_7_1tpqlym9 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfro", p = "v17_7_1tpqlymc v17_7_1tpqlyma v17_7_1tpqlym9 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfro v17_7_1tpqlymb v17_7_1y2v1nfs0", m = "v17_7_1tpqlymd", e = "v17_7_1tpqlymf v17_7_1tpqlyme v17_7_1y2v1nfre v17_7_1y2v1nfrn", q = "v17_7_1tpqlymi v17_7_1tpqlymh v17_7_1y2v1nfsx v17_7_1tpqlymg", f = "v17_7_1tpqlymk v17_7_1tpqlymj v17_7_1y2v1nfr8 v17_7_1y2v1nfsa v17_7_1y2v1nfsq", a = "v17_7_1tpqlymn v17_7_1tpqlymm v17_7_1tpqlyml v17_7_1y2v1nfr9", o = "v17_7_1tpqlymo v17_7_1tpqlymm v17_7_1tpqlyml v17_7_1y2v1nfr9", i = "v17_7_1tpqlymp v17_7_1tpqlymm v17_7_1tpqlyml v17_7_1y2v1nfr9", u = "v17_7_1tpqlymq v17_7_1tpqlymm v17_7_1tpqlyml v17_7_1y2v1nfr9", s = "v17_7_1tpqlymr", g = "v17_7_1tpqlyms v17_7_1y2v1nfra v17_7_1y2v1nfv3 v17_7_1y2v1nfvi v17_7_1y2v1nfvx v17_7_1y2v1nf8l", d = "v17_7_1tpqlymt v17_7_1y2v1nfsi v17_7_1y2v1nfr8", C = "v17_7_1tpqlymv v17_7_1tpqlymu v17_7_1y2v1nfun v17_7_1y2v1nfs1 v17_7_1y2v1nfsi v17_7_1y2v1nfr9 v17_7_1y2v1nfuo", M = {
+    enter: "v17_7_1tpqlymw",
+    enterActive: "v17_7_1tpqlymx",
+    exit: "v17_7_1tpqlymy",
+    exitActive: "v17_7_1tpqlymz"
 };

package/dist/package-version.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
         return o;
     }
 });
-const o = "17.6.0";
+const o = "17.7.0";

package/dist/pagination.css-mistica.js

@@ -46,22 +46,22 @@ _export(exports, {
         return t;
     }
 });
-/* empty css                                     */ /* empty css                                      */ var r = "v17_6_1sikr6j1 v17_6_1sikr6j0 v17_6_1y2v1nfjp v17_6_1y2v1nfk6 v17_6_1y2v1nfky v17_6_1y2v1nflf v17_6_1y2v1nfhg v17_6_1y2v1nfip v17_6_1y2v1nfrf v17_6_1y2v1nfrt v17_6_1y2v1nfmd v17_6_1y2v1nfmi v17_6_1y2v1nftt", i = "v17_6_1sikr6j2", a = "v17_6_1sikr6j4 v17_6_1sikr6j3 v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nfmd v17_6_1y2v1nfmi", n = "v17_6_1sikr6j5", t = "v17_6_1sikr6j6", s = "v17_6_1sikr6j8 v17_6_1sikr6j7 v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nfrn", e = "v17_6_1sikr6jb v17_6_1sikr6ja v17_6_1sikr6j9", k = {
-    default: "v17_6_1sikr6jc",
-    brand: "v17_6_1sikr6jd",
-    negative: "v17_6_1sikr6je",
-    alternative: "v17_6_1sikr6jf",
-    media: "v17_6_1sikr6jg"
-}, j = "v17_6_1sikr6jh v17_6_1sikr6ja v17_6_1sikr6j9", f = {
-    default: "v17_6_1sikr6ji",
-    brand: "v17_6_1sikr6jj",
-    negative: "v17_6_1sikr6jk",
-    alternative: "v17_6_1sikr6jl",
-    media: "v17_6_1sikr6jm"
-}, y = "v17_6_1sikr6jn", g = {
-    default: "v17_6_1sikr6jo",
-    brand: "v17_6_1sikr6jp",
-    negative: "v17_6_1sikr6jq",
-    alternative: "v17_6_1sikr6jr",
-    media: "v17_6_1sikr6js"
+/* empty css                                     */ /* empty css                                      */ var r = "v17_7_1sikr6j1 v17_7_1sikr6j0 v17_7_1y2v1nfjp v17_7_1y2v1nfk6 v17_7_1y2v1nfky v17_7_1y2v1nflf v17_7_1y2v1nfhg v17_7_1y2v1nfip v17_7_1y2v1nfrf v17_7_1y2v1nfrt v17_7_1y2v1nfmd v17_7_1y2v1nfmi v17_7_1y2v1nftt", i = "v17_7_1sikr6j2", a = "v17_7_1sikr6j4 v17_7_1sikr6j3 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfmd v17_7_1y2v1nfmi", n = "v17_7_1sikr6j5", t = "v17_7_1sikr6j6", s = "v17_7_1sikr6j8 v17_7_1sikr6j7 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn", e = "v17_7_1sikr6jb v17_7_1sikr6ja v17_7_1sikr6j9", k = {
+    default: "v17_7_1sikr6jc",
+    brand: "v17_7_1sikr6jd",
+    negative: "v17_7_1sikr6je",
+    alternative: "v17_7_1sikr6jf",
+    media: "v17_7_1sikr6jg"
+}, j = "v17_7_1sikr6jh v17_7_1sikr6ja v17_7_1sikr6j9", f = {
+    default: "v17_7_1sikr6ji",
+    brand: "v17_7_1sikr6jj",
+    negative: "v17_7_1sikr6jk",
+    alternative: "v17_7_1sikr6jl",
+    media: "v17_7_1sikr6jm"
+}, y = "v17_7_1sikr6jn", g = {
+    default: "v17_7_1sikr6jo",
+    brand: "v17_7_1sikr6jp",
+    negative: "v17_7_1sikr6jq",
+    alternative: "v17_7_1sikr6jr",
+    media: "v17_7_1sikr6js"
 };