@telefonica/mistica 17.2.0 → 17.4.0

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

@@ -22,4 +22,4 @@ _export(exports, {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                       */ var n = "v17_2_1num3qg2 v17_2_1num3qg1 v17_2_1y2v1nfr6 v17_2_1y2v1nfuk v17_2_1y2v1nfuz v17_2_1y2v1nfve", r = "v17_2_1num3qg3", f = "v17_2_1num3qg4 v17_2_1y2v1nfrx v17_2_1y2v1nfue v17_2_1y2v1nfr4 v17_2_1y2v1nfd4 v17_2_1y2v1nfsh", y = "v17_2_1num3qg7 v17_2_1num3qg6 v17_2_1y2v1nfr5 v17_2_1y2v1nfrx v17_2_1y2v1nfse";
+/* empty css                                     */ /* empty css                                       */ var n = "v17_4_1num3qg2 v17_4_1num3qg1 v17_4_1y2v1nfra v17_4_1y2v1nfuo v17_4_1y2v1nfv3 v17_4_1y2v1nfvi", r = "v17_4_1num3qg3", f = "v17_4_1num3qg4 v17_4_1y2v1nfs1 v17_4_1y2v1nfui v17_4_1y2v1nfr8 v17_4_1y2v1nfd8 v17_4_1y2v1nfsl", y = "v17_4_1num3qg7 v17_4_1num3qg6 v17_4_1y2v1nfr9 v17_4_1y2v1nfs1 v17_4_1y2v1nfsi";

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

@@ -10,40 +10,40 @@ function _export(target, all) {
 }
 _export(exports, {
     get inOutAnimationMs () {
-        return r;
+        return n;
     },
     get loadingScreen () {
-        return e;
+        return v;
     },
     get loadingScreenChildren () {
         return l;
     },
     get loadingScreenText () {
-        return o;
+        return k;
     },
     get loadingScreenTextAnimated () {
-        return k;
+        return o;
     },
     get loadingScreenTextAnimatedOut () {
-        return b;
+        return t;
     },
     get logo () {
-        return i;
+        return d;
     },
     get pulseLogo () {
-        return d;
+        return b;
     },
     get screenBackground () {
         return a;
     },
     get screenBackgroundAnimated () {
-        return n;
+        return r;
     },
     get screenBackgroundFadeOut () {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                          */ var e = "v17_2_flke8b1 v17_2_flke8b0 v17_2_1y2v1nfra v17_2_1y2v1nfrg v17_2_1y2v1nfrp", r = 500, n = "v17_2_flke8b3", a = {
-    default: "v17_2_flke8b4",
-    brand: "v17_2_flke8b5"
-}, f = "v17_2_flke8b6", l = "v17_2_flke8b7 v17_2_1y2v1nfrw v17_2_1y2v1nfra v17_2_1y2v1nfrg v17_2_1y2v1nfrp v17_2_1y2v1nfrj", o = "v17_2_flke8b9 v17_2_flke8b8 v17_2_1y2v1nfho", k = "v17_2_flke8bb", b = "v17_2_flke8bc", d = "v17_2_flke8be", i = "v17_2_flke8bf";
+/* empty css                                     */ /* empty css                                          */ var v = "v17_4_flke8b1 v17_4_flke8b0 v17_4_1y2v1nfre v17_4_1y2v1nfrk v17_4_1y2v1nfrt", n = 500, r = "v17_4_flke8b3", a = {
+    default: "v17_4_flke8b4",
+    brand: "v17_4_flke8b5"
+}, f = "v17_4_flke8b6", l = "v17_4_flke8b7 v17_4_1y2v1nfs0 v17_4_1y2v1nfre v17_4_1y2v1nfrk v17_4_1y2v1nfrt v17_4_1y2v1nfrn", k = "v17_4_flke8b9 v17_4_flke8b8 v17_4_1y2v1nfhs", o = "v17_4_flke8bb", t = "v17_4_flke8bc", b = "v17_4_flke8be", d = "v17_4_flke8bf";

package/dist/logo-movistar.js

@@ -110,7 +110,7 @@ const g = (param)=>{
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("g", {
         fill: H,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            d: "M17.2797 17.2124C14.4995 17.2572 9.36782 18.6502 7.02384 28.3781C6.00256 32.6168 5.60793 37.0347 6.4823 42.2938C7.28828 47.1441 8.71635 51.3303 9.67886 53.6376C10.0107 54.4324 10.5244 55.2617 10.9215 55.7719C12.0639 57.239 13.9651 57.1453 14.764 56.7453C15.6348 56.3098 16.6358 55.2581 16.2736 52.8561C16.0983 51.6958 15.5933 49.9981 15.3091 49.0545C14.4367 46.1588 13.2756 42.6649 13.1743 40.176C13.039 36.8468 14.3308 36.4108 15.1885 36.2193C16.6312 35.8965 17.8405 37.5063 18.9894 39.5237C20.3607 41.9314 22.7108 46.1974 24.6277 49.456C26.3582 52.3975 29.5517 55.5469 34.6804 55.3307C39.9089 55.1109 43.763 53.0837 45.7483 46.7014C47.2341 41.9267 48.2468 38.3588 49.8765 34.7048C51.7503 30.5031 54.2498 28.254 56.3547 28.9408C58.3091 29.5781 58.7969 31.5193 58.8202 34.3728C58.841 36.8968 58.5538 39.6792 58.3304 41.7234C58.2493 42.4652 58.1024 43.9576 58.1622 44.7859C58.2802 46.4146 58.9742 48.0414 60.7792 48.3018C62.7017 48.5788 64.2443 47.0174 64.8603 45.1302C65.1034 44.3864 65.3106 43.2482 65.4226 42.4405C65.9874 38.3618 66.1338 35.6206 65.8795 31.4473C65.5811 26.5676 64.6414 22.1178 63.0021 18.2667C61.4337 14.5839 58.9145 12.2236 55.6835 12.0151C52.107 11.7845 48.0026 14.1958 45.8496 18.8741C43.8648 23.1865 42.2772 27.6136 41.3141 29.873C40.3374 32.1643 38.9018 33.5764 36.6946 33.8127C33.996 34.101 31.6708 32.1103 29.9676 29.2718C28.4828 26.7977 25.5401 22.0869 23.9656 20.5039C22.4864 19.0167 20.7969 17.1558 17.2797 17.2124Z"
+            d: "M63.9489 19.7664C62.3545 16.0836 59.7935 13.7229 56.5087 13.5152C52.8722 13.2842 48.7008 15.6958 46.5119 20.3736C44.4945 24.6854 42.8797 29.1134 41.9015 31.3724C40.9088 33.6634 39.4496 35.0755 37.2054 35.3123C34.4613 35.6014 32.098 33.6097 30.367 30.7724C28.8568 28.2984 25.8656 23.5871 24.2654 22.0036C22.7611 20.5175 21.0445 18.655 17.4676 18.7131C14.6407 18.7582 9.42423 20.1514 7.04057 29.879C6.00281 34.1181 5.60166 38.536 6.48971 43.7935C7.30946 48.6442 8.76145 52.8311 9.73962 55.1381C10.0768 55.9327 10.5986 56.7622 11.0027 57.2721C12.164 58.7394 14.0971 58.645 14.9095 58.2455C15.7947 57.8097 16.8121 56.7579 16.4444 54.3565C16.2671 53.1957 15.7525 51.4989 15.4633 50.5546C14.5767 47.6593 13.3965 44.1654 13.2933 41.6768C13.1552 38.3486 14.4691 37.9127 15.3412 37.721C16.8077 37.3985 18.0374 39.0081 19.2059 41.026C20.5998 43.4332 22.9893 47.6999 24.9383 50.9585C26.697 53.9003 29.944 57.0499 35.159 56.8334C40.4742 56.6141 44.3927 54.586 46.4116 48.2041C47.9217 43.4288 48.9522 39.8609 50.6077 36.2072C52.5132 32.0058 55.0538 29.757 57.1933 30.4427C59.1801 31.0804 59.6758 33.0213 59.7005 35.8745C59.7223 38.398 59.4301 41.1814 59.2019 43.2255C59.1191 43.9678 58.9708 45.4598 59.0319 46.2879C59.1525 47.9164 59.8574 49.5435 61.6917 49.8035C63.6466 50.081 65.2148 48.5193 65.8413 46.6322C66.0884 45.8884 66.2991 44.7494 66.4125 43.9417C66.9866 39.8638 67.1363 37.1224 66.8776 32.9487C66.5738 28.0689 65.6189 23.6191 63.9518 19.7678L63.9489 19.7664Z"
         })
     });
 };

package/dist/logo.css-mistica.js

@@ -20,8 +20,8 @@ _export(exports, {
     }
 });
 /* empty css                                */ var _ = {
-    size: "var(--v17_2_140ft6x0)",
-    sizeMobile: "var(--v17_2_140ft6x1)",
-    sizeTablet: "var(--v17_2_140ft6x2)",
-    sizeDesktop: "var(--v17_2_140ft6x3)"
-}, r = "v17_2_140ft6x4", t = "v17_2_140ft6x5";
+    size: "var(--v17_4_140ft6x0)",
+    sizeMobile: "var(--v17_4_140ft6x1)",
+    sizeTablet: "var(--v17_4_140ft6x2)",
+    sizeDesktop: "var(--v17_4_140ft6x3)"
+}, r = "v17_4_140ft6x4", t = "v17_4_140ft6x5";

package/dist/menu.css-mistica.js

@@ -47,16 +47,16 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                */ var k = {
-    top: "var(--v17_2_2k0k3u0)",
-    bottom: "var(--v17_2_2k0k3u1)",
-    left: "var(--v17_2_2k0k3u2)",
-    right: "var(--v17_2_2k0k3u4)",
-    width: "var(--v17_2_2k0k3u3)",
-    maxHeight: "var(--v17_2_2k0k3u5)",
-    transformOrigin: "var(--v17_2_2k0k3u6)"
-}, e = "v17_2_2k0k3u8 v17_2_2k0k3u7 v17_2_1y2v1nfhc v17_2_1y2v1nfil v17_2_1y2v1nfju v17_2_1y2v1nfl3 v17_2_1y2v1nf8x v17_2_1y2v1nfu3 v17_2_1y2v1nfra v17_2_1y2v1nfrg v17_2_1y2v1nfr5", r = {
-    enter: "v17_2_2k0k3u9",
-    enterActive: "v17_2_2k0k3ua",
-    exit: "v17_2_2k0k3ub",
-    exitActive: "v17_2_2k0k3uc"
-}, t = "v17_2_2k0k3ud", n = "v17_2_2k0k3ue", u = "v17_2_2k0k3uf", a = "v17_2_2k0k3ug", i = "v17_2_2k0k3uh", m = "v17_2_2k0k3uj v17_2_2k0k3ui v17_2_1y2v1nfhc v17_2_1y2v1nfil", o = "v17_2_2k0k3uk", f = "v17_2_2k0k3ul", y = "v17_2_2k0k3um";
+    top: "var(--v17_4_2k0k3u0)",
+    bottom: "var(--v17_4_2k0k3u1)",
+    left: "var(--v17_4_2k0k3u2)",
+    right: "var(--v17_4_2k0k3u4)",
+    width: "var(--v17_4_2k0k3u3)",
+    maxHeight: "var(--v17_4_2k0k3u5)",
+    transformOrigin: "var(--v17_4_2k0k3u6)"
+}, e = "v17_4_2k0k3u8 v17_4_2k0k3u7 v17_4_1y2v1nfhg v17_4_1y2v1nfip v17_4_1y2v1nfjy v17_4_1y2v1nfl7 v17_4_1y2v1nf8z v17_4_1y2v1nfu7 v17_4_1y2v1nfre v17_4_1y2v1nfrk v17_4_1y2v1nfr9", r = {
+    enter: "v17_4_2k0k3u9",
+    enterActive: "v17_4_2k0k3ua",
+    exit: "v17_4_2k0k3ub",
+    exitActive: "v17_4_2k0k3uc"
+}, t = "v17_4_2k0k3ud", n = "v17_4_2k0k3ue", u = "v17_4_2k0k3uf", a = "v17_4_2k0k3ug", i = "v17_4_2k0k3uh", m = "v17_4_2k0k3uj v17_4_2k0k3ui v17_4_1y2v1nfhg v17_4_1y2v1nfip", o = "v17_4_2k0k3uk", f = "v17_4_2k0k3ul", y = "v17_4_2k0k3um";

package/dist/mobile-navigation-menu.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+type MobileNavigationMenuProps = {
+    /** True while the menu shows. The panel animates on every change of this prop. */
+    open: boolean;
+    /** Id of the panel, which the burger button points to with `aria-controls`. */
+    id: string;
+    /** Distance from the top of the viewport, which leaves the top bar visible. */
+    topOffset: number;
+    /** Content of the first pane. */
+    firstLevel: React.ReactNode;
+    /** Content of the second pane. */
+    secondLevel?: React.ReactNode;
+    /** True if the second pane must show. The panel slides both panes on every change of this prop. */
+    showSecondLevel?: boolean;
+    /** Called once the panel finished its exit, so the consumer resets its own state. */
+    onExited?: () => void;
+    /** Accessible name of the navigation landmark. */
+    'aria-label'?: string;
+    /** Group of the focus trap, which the consumer shares with its own top bar. */
+    focusTrapGroup: string;
+    disableFocusTrap: boolean;
+    setDisableFocusTrap: (value: boolean) => void;
+};
+declare const MobileNavigationMenu: ({ open, id, topOffset, firstLevel, secondLevel, showSecondLevel, onExited, "aria-label": ariaLabel, focusTrapGroup, disableFocusTrap, setDisableFocusTrap, }: MobileNavigationMenuProps) => JSX.Element;
+export { MobileNavigationMenu };
+export type { MobileNavigationMenuProps };

package/dist/mobile-navigation-menu.js

@@ -0,0 +1,145 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MobileNavigationMenu", {
+    enumerable: true,
+    get: function() {
+        return J;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reacttransitiongroup = require("react-transition-group");
+const _focustrap = /*#__PURE__*/ _interop_require_default(require("./focus-trap.js"));
+const _portal = require("./portal.js");
+const _hooks = require("./hooks.js");
+const _platform = require("./utils/platform.js");
+const _texttokens = require("./text-tokens.js");
+const _navigationsharedcssmistica = require("./navigation-shared.css-mistica.js");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const U = {
+    opening: {
+        close: "closing",
+        finishOpen: "opened"
+    },
+    opened: {
+        close: "closing"
+    },
+    closing: {
+        open: "opening",
+        finishClose: "closed"
+    },
+    closed: {
+        open: "opening"
+    }
+}, j = (o, l)=>U[o][l] || o, J = (param)=>{
+    let { open: o, id: l, topOffset: g, firstLevel: b, secondLevel: h, showSecondLevel: t = !1, onExited: N, "aria-label": R, focusTrapGroup: M, disableFocusTrap: v, setDisableFocusTrap: c } = param;
+    const { isDarkMode: x, texts: u, t: m } = (0, _hooks.useTheme)(), [r, i] = _react.useReducer(j, "closed"), f = _react.useRef(null), p = _react.useRef(null), E = x ? 1 : 0.2, s = (0, _platform.isRunningAcceptanceTest)() ? 0 : _navigationsharedcssmistica.BURGER_MENU_ANIMATION_DURATION_MS;
+    return _react.useEffect(()=>{
+        let a;
+        return t ? (i("open"), a = setTimeout(()=>i("finishOpen"), s)) : (i("close"), a = setTimeout(()=>i("finishClose"), s)), ()=>clearTimeout(a);
+    }, [
+        t,
+        s
+    ]), _react.useEffect(()=>{
+        var _p_current_querySelector, _p_current;
+        r === "opening" && ((_p_current = p.current) === null || _p_current === void 0 ? void 0 : (_p_current_querySelector = _p_current.querySelector(`button[aria-label="${u.backNavigationBar || m(_texttokens.backNavigationBar)}"]`)) === null || _p_current_querySelector === void 0 ? void 0 : _p_current_querySelector.focus());
+    }, [
+        r,
+        m,
+        u
+    ]), /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_focustrap.default, {
+            disabled: v,
+            group: M,
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
+                onEntered: ()=>c(!1),
+                onExiting: ()=>c(!0),
+                onExited: N,
+                classNames: _navigationsharedcssmistica.burgerMenuTransition,
+                in: o,
+                nodeRef: f,
+                timeout: s,
+                mountOnEnter: !0,
+                unmountOnExit: !0,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)("nav", {
+                    className: _navigationsharedcssmistica.burgerMenu,
+                    style: {
+                        boxShadow: `6px 0 4px -4px rgba(0, 0, 0, ${E})`,
+                        top: g
+                    },
+                    id: l,
+                    ref: f,
+                    "aria-label": R,
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                        className: _navigationsharedcssmistica.burgerMenuContainer,
+                        children: [
+                            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                className: _navigationsharedcssmistica.burgerMenuContentContainer,
+                                style: {
+                                    transform: `translate(${t ? "-100vw" : "0"})`
+                                },
+                                children: r !== "opened" && b
+                            }),
+                            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                className: _navigationsharedcssmistica.burgerMenuContentContainer,
+                                ref: p,
+                                style: {
+                                    transform: `translate(${t ? "0" : "100vw"})`
+                                },
+                                children: r !== "closed" && h
+                            })
+                        ]
+                    })
+                })
+            })
+        })
+    });
+};

package/dist/mosaic.css-mistica.js

@@ -22,4 +22,4 @@ _export(exports, {
         return r;
     }
 });
-/* empty css                                  */ var r = "v17_2_1j2q6te0", t = "v17_2_1j2q6te1", a = "v17_2_1j2q6te2", o = "v17_2_1j2q6te3";
+/* empty css                                  */ var r = "v17_4_1j2q6te0", t = "v17_4_1j2q6te1", a = "v17_4_1j2q6te2", o = "v17_4_1j2q6te3";

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

@@ -9,149 +9,83 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    get BURGER_MENU_ANIMATION_DURATION_MS () {
-        return y;
-    },
     get DESKTOP_MENU_ANIMATION_DURATION_MS () {
         return r;
     },
     get DESKTOP_SMALL_MENU_WIDTH () {
-        return n;
-    },
-    get burgerIconContainer () {
-        return d;
-    },
-    get burgerMenu () {
-        return O;
-    },
-    get burgerMenuButton () {
-        return I;
-    },
-    get burgerMenuContainer () {
-        return T;
-    },
-    get burgerMenuContentContainer () {
-        return w;
-    },
-    get burgerMenuTransition () {
-        return j;
+        return y;
     },
     get desktopMenu () {
-        return H;
+        return h;
     },
     get desktopMenuBackgroundContainer () {
-        return D;
+        return m;
     },
     get desktopMenuColumnItem () {
-        return V;
+        return A;
     },
     get desktopMenuContainer () {
-        return W;
+        return l;
     },
     get desktopMenuContentFadeIn () {
-        return L;
+        return C;
     },
     get desktopMenuFirstSection () {
-        return o;
+        return e;
     },
     get desktopMenuLastSection () {
-        return i;
+        return a;
     },
     get desktopMenuSectionArrow () {
-        return M;
+        return c;
     },
     get desktopMenuSectionArrowContainer () {
-        return s;
+        return f;
     },
     get desktopMenuSectionContainer () {
-        return u;
+        return t;
     },
     get desktopMenuSectionWithArrowWrapper () {
-        return p;
+        return d;
     },
     get desktopMenuWrapper () {
-        return U;
-    },
-    get desktopOnly () {
         return S;
     },
     get desktopSmallMenuContainer () {
-        return F;
-    },
-    get iconCloseHidden () {
-        return a;
-    },
-    get iconCloseOpen () {
-        return e;
-    },
-    get iconMenuHidden () {
-        return f;
-    },
-    get iconMenuOpen () {
-        return c;
+        return g;
     },
     get lineHeightFix () {
-        return E;
-    },
-    get logoContainer () {
-        return N;
+        return M;
     },
     get mainNavBarSectionsContainer () {
-        return B;
+        return u;
     },
     get mainNavigationBarContentWrapper () {
-        return R;
-    },
-    get navbarBorderColorVariants () {
-        return z;
+        return k;
     },
     get navigationBarAction () {
-        return x;
-    },
-    get navigationBarContent () {
-        return C;
-    },
-    get navigationBarContentRight () {
-        return b;
-    },
-    get navigationBarContentRightExpanded () {
-        return h;
+        return p;
     },
     get section () {
-        return k;
+        return o;
     },
     get selectedSectionVariants () {
-        return g;
-    },
-    get spacer () {
-        return A;
+        return i;
     },
     get spacerLarge () {
-        return m;
+        return s;
     },
     get textWrapperVariants () {
-        return l;
-    },
-    get topFixed () {
-        return t;
+        return z;
     }
 });
-/* empty css                                     */ /* empty css                                          */ var n = 184, y = 300, r = 400, d = "v17_2_1vcy5dz1 v17_2_1vcy5dz0 v17_2_1y2v1nfr4 v17_2_1y2v1nfs6 v17_2_1y2v1nfsm", e = "v17_2_1vcy5dz4 v17_2_1vcy5dz3 v17_2_1vcy5dz2 v17_2_1y2v1nfr5", a = "v17_2_1vcy5dz5 v17_2_1vcy5dz3 v17_2_1vcy5dz2 v17_2_1y2v1nfr5", c = "v17_2_1vcy5dz6 v17_2_1vcy5dz3 v17_2_1vcy5dz2 v17_2_1y2v1nfr5", f = "v17_2_1vcy5dz7 v17_2_1vcy5dz3 v17_2_1vcy5dz2 v17_2_1y2v1nfr5", t = "v17_2_1vcy5dz9 v17_2_1vcy5dz8 v17_2_1y2v1nfr6 v17_2_1y2v1nfuk v17_2_1y2v1nfuz v17_2_1y2v1nfve", z = {
-    default: "v17_2_1vcy5dzc v17_2_1vcy5dzb v17_2_1vcy5dza v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfrx",
-    noBorder: "v17_2_1vcy5dzd v17_2_1vcy5dzb v17_2_1vcy5dza v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfrx",
-    menuOpen: "v17_2_1vcy5dze v17_2_1vcy5dzb v17_2_1vcy5dza v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfrx"
-}, o = "v17_2_1vcy5dzf", i = "v17_2_1vcy5dzg", u = "v17_2_1vcy5dzi v17_2_1vcy5dzh v17_2_1y2v1nfr4 v17_2_1y2v1nfra", p = "v17_2_1vcy5dzj v17_2_1y2v1nfr4", s = "v17_2_1vcy5dzl v17_2_1vcy5dzk v17_2_1y2v1nfr5 v17_2_1y2v1nfuk v17_2_1y2v1nfvt v17_2_1y2v1nfra v17_2_1y2v1nfrp", M = "v17_2_1vcy5dzn v17_2_1vcy5dzm v17_2_1y2v1nfh3 v17_2_1y2v1nfic v17_2_1y2v1nfjl v17_2_1y2v1nfku v17_2_1y2v1nfts v17_2_1y2v1nfh2", k = "v17_2_1vcy5dzp v17_2_1vcy5dzo v17_2_1y2v1nfju v17_2_1y2v1nfl3 v17_2_1y2v1nfst v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfts v17_2_1y2v1nfh2 v17_2_1y2v1nfr4", g = {
-    default: "v17_2_1vcy5dzq",
-    brand: "v17_2_1vcy5dzr"
-}, l = {
-    default: "v17_2_1vcy5dzs",
-    alternative: "v17_2_1vcy5dzt",
-    brand: "v17_2_1vcy5dzu",
-    negative: "v17_2_1vcy5dzv",
-    media: "v17_2_1vcy5dzw"
-}, C = "v17_2_1vcy5dzy v17_2_1vcy5dzx v17_2_1y2v1nfrp v17_2_1y2v1nfrx v17_2_1y2v1nfra", x = "v17_2_1vcy5dzz v17_2_1y2v1nfh3 v17_2_1y2v1nfic v17_2_1y2v1nfjl v17_2_1y2v1nfku v17_2_1y2v1nfts v17_2_1y2v1nfh2", S = "v17_2_1vcy5dz10", b = "v17_2_1vcy5dz12 v17_2_1vcy5dz11 v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfrk", h = "v17_2_1vcy5dz14 v17_2_1vcy5dz12 v17_2_1vcy5dz11 v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfrk v17_2_1vcy5dz13 v17_2_1y2v1nfrw", A = "v17_2_1vcy5dz17 v17_2_1vcy5dz16 v17_2_1y2v1nfst v17_2_1vcy5dz15", m = "v17_2_1vcy5dz18 v17_2_1vcy5dz15", j = {
-    enter: "v17_2_1vcy5dz19",
-    enterActive: "v17_2_1vcy5dz1a",
-    exit: "v17_2_1vcy5dz1b",
-    exitActive: "v17_2_1vcy5dz1c"
-}, B = "v17_2_1vcy5dz1f v17_2_1vcy5dz1e v17_2_1y2v1nfra v17_2_1y2v1nfrw", N = "v17_2_1vcy5dz1h v17_2_1vcy5dz1g v17_2_1y2v1nfra v17_2_1y2v1nfrj", I = "v17_2_1vcy5dz1i", O = "v17_2_1vcy5dz1j v17_2_1y2v1nfr6 v17_2_1y2v1nfuz v17_2_1y2v1nfve v17_2_1y2v1nfvt v17_2_1y2v1nf8j", T = "v17_2_1vcy5dz1k v17_2_1y2v1nfse v17_2_1y2v1nfr4", w = "v17_2_1vcy5dz1m v17_2_1vcy5dz1l v17_2_1y2v1nfuj v17_2_1y2v1nfrx v17_2_1y2v1nfse v17_2_1y2v1nfr5 v17_2_1y2v1nfuk", E = "v17_2_1vcy5dz1r", R = "v17_2_1vcy5dz1t v17_2_1vcy5dz1s v17_2_1y2v1nfrx", U = "v17_2_1vcy5dz1u v17_2_1y2v1nfr5 v17_2_1y2v1nfuz v17_2_1y2v1nfve", W = "v17_2_1vcy5dz1w v17_2_1vcy5dz1v v17_2_1y2v1nfr6 v17_2_1y2v1nfuz v17_2_1y2v1nfve", D = "v17_2_1vcy5dz1y v17_2_1vcy5dz1x v17_2_1y2v1nf8x v17_2_1y2v1nfr5 v17_2_1y2v1nfuz v17_2_1y2v1nfve", F = "v17_2_1vcy5dz20 v17_2_1vcy5dz1z v17_2_1y2v1nfk6 v17_2_1y2v1nflf v17_2_1y2v1nfhu v17_2_1y2v1nfj3 v17_2_1y2v1nf8x v17_2_1y2v1nfr6 v17_2_1y2v1nfuj", H = "v17_2_1vcy5dz22 v17_2_1vcy5dz21 v17_2_1y2v1nfhu v17_2_1y2v1nfj3 v17_2_1y2v1nfr4", L = "v17_2_1vcy5dz23", V = "v17_2_1vcy5dz24";
+/* empty css                                     */ /* empty css                                             */ /* empty css                                          */ var y = 184, r = 400, e = "v17_4_1vcy5dz0", a = "v17_4_1vcy5dz1", t = "v17_4_1vcy5dz3 v17_4_1vcy5dz2 v17_4_1y2v1nfr8 v17_4_1y2v1nfre", d = "v17_4_1vcy5dz4 v17_4_1y2v1nfr8", f = "v17_4_1vcy5dz6 v17_4_1vcy5dz5 v17_4_1y2v1nfr9 v17_4_1y2v1nfuo v17_4_1y2v1nfvx v17_4_1y2v1nfre v17_4_1y2v1nfrt", c = "v17_4_1vcy5dz8 v17_4_1vcy5dz7 v17_4_1y2v1nfh7 v17_4_1y2v1nfig v17_4_1y2v1nfjp v17_4_1y2v1nfky v17_4_1y2v1nftw v17_4_1y2v1nfh6", o = "v17_4_1vcy5dza v17_4_1vcy5dz9 v17_4_1y2v1nfjy v17_4_1y2v1nfl7 v17_4_1y2v1nfsx v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nftw v17_4_1y2v1nfh6 v17_4_1y2v1nfr8", i = {
+    default: "v17_4_1vcy5dzb",
+    brand: "v17_4_1vcy5dzc"
+}, z = {
+    default: "v17_4_1vcy5dzd",
+    alternative: "v17_4_1vcy5dze",
+    brand: "v17_4_1vcy5dzf",
+    negative: "v17_4_1vcy5dzg",
+    media: "v17_4_1vcy5dzh"
+}, p = "v17_4_1vcy5dzi v17_4_1y2v1nfh7 v17_4_1y2v1nfig v17_4_1y2v1nfjp v17_4_1y2v1nfky v17_4_1y2v1nftw v17_4_1y2v1nfh6", s = "v17_4_1vcy5dzj v17_4_1tpqlymg", u = "v17_4_1vcy5dzm v17_4_1vcy5dzl v17_4_1y2v1nfre v17_4_1y2v1nfs0", M = "v17_4_1vcy5dzr", k = "v17_4_1vcy5dzt v17_4_1vcy5dzs v17_4_1y2v1nfs1", S = "v17_4_1vcy5dzu v17_4_1y2v1nfr9 v17_4_1y2v1nfv3 v17_4_1y2v1nfvi", l = "v17_4_1vcy5dzw v17_4_1vcy5dzv v17_4_1y2v1nfra v17_4_1y2v1nfv3 v17_4_1y2v1nfvi", m = "v17_4_1vcy5dzy v17_4_1vcy5dzx v17_4_1y2v1nf8z v17_4_1y2v1nfr9 v17_4_1y2v1nfv3 v17_4_1y2v1nfvi", g = "v17_4_1vcy5dz10 v17_4_1vcy5dzz v17_4_1y2v1nfka v17_4_1y2v1nflj v17_4_1y2v1nfhy v17_4_1y2v1nfj7 v17_4_1y2v1nf8z v17_4_1y2v1nfra v17_4_1y2v1nfun", h = "v17_4_1vcy5dz12 v17_4_1vcy5dz11 v17_4_1y2v1nfhy v17_4_1y2v1nfj7 v17_4_1y2v1nfr8", C = "v17_4_1vcy5dz13", A = "v17_4_1vcy5dz14";

package/dist/navigation-bar.css.d.ts

@@ -1,13 +1,5 @@
 export declare const DESKTOP_SMALL_MENU_WIDTH = 184;
-export declare const BURGER_MENU_ANIMATION_DURATION_MS = 300;
 export declare const DESKTOP_MENU_ANIMATION_DURATION_MS = 400;
-export declare const burgerIconContainer: string;
-export declare const iconCloseOpen: string;
-export declare const iconCloseHidden: string;
-export declare const iconMenuOpen: string;
-export declare const iconMenuHidden: string;
-export declare const topFixed: string;
-export declare const navbarBorderColorVariants: Record<"default" | "noBorder" | "menuOpen", string>;
 export declare const desktopMenuFirstSection: string;
 export declare const desktopMenuLastSection: string;
 export declare const desktopMenuSectionContainer: string;
@@ -17,26 +9,10 @@ export declare const desktopMenuSectionArrow: string;
 export declare const section: string;
 export declare const selectedSectionVariants: Record<"default" | "brand", string>;
 export declare const textWrapperVariants: Record<"default" | "brand" | "negative" | "alternative" | "media", string>;
-export declare const navigationBarContent: string;
 export declare const navigationBarAction: string;
-export declare const desktopOnly: string;
-export declare const navigationBarContentRight: string;
-export declare const navigationBarContentRightExpanded: string;
-export declare const spacer: string;
 export declare const spacerLarge: string;
-export declare const burgerMenuTransition: {
-    enter: string;
-    enterActive: string;
-    exit: string;
-    exitActive: string;
-};
 export declare const mainNavbarContent: string;
 export declare const mainNavBarSectionsContainer: string;
-export declare const logoContainer: string;
-export declare const burgerMenuButton: string;
-export declare const burgerMenu: string;
-export declare const burgerMenuContainer: string;
-export declare const burgerMenuContentContainer: string;
 export declare const iconButtonVariants: Record<"default" | "inverse", string>;
 export declare const lineHeightFix: string;
 export declare const mainNavigationBarContentWrapper: string;

package/dist/navigation-bar.d.ts

@@ -1,44 +1,10 @@
 import * as React from 'react';
-import type { BoxProps } from './box';
+import { NavigationBar } from './navigation-shared';
+import type { WideConfig, InteractiveProps, MaybeInteractiveProps } from './navigation-shared';
 import type { ExclusifyUnion } from './utils/utility-types';
 import type { Variant } from './theme-variant-context';
 import type { TouchableProps } from './touchable';
-import type { HeadingType } from './utils/types';
-type WideConfig = {
-    paddingX: BoxProps['paddingX'];
-};
-interface NavigationBarCommonProps {
-    variant?: Variant;
-    onBack?: () => void;
-    title?: string;
-    titleAs?: HeadingType;
-    right?: React.ReactElement;
-    withBorder?: boolean;
-    children?: undefined;
-    wide?: boolean | WideConfig;
-}
-interface NavigationBarTopFixedProps extends NavigationBarCommonProps {
-    topFixed?: true;
-}
-interface NavigationBarNotFixedProps extends NavigationBarCommonProps {
-    topFixed: false;
-}
-type NavigationBarProps = NavigationBarTopFixedProps | NavigationBarNotFixedProps;
-export declare const NavigationBar: ({ onBack, title, titleAs, right, variant, topFixed, withBorder, wide, }: NavigationBarProps) => JSX.Element;
-type InteractiveProps = ExclusifyUnion<{
-    href: string;
-} | {
-    to: string;
-} | {
-    onPress: () => void;
-}>;
-type MaybeInteractiveProps = ExclusifyUnion<{
-    href?: string;
-} | {
-    to?: string;
-} | {
-    onPress?: () => void;
-}>;
+export { NavigationBar };
 type SectionItem = {
     title: string;
 } & InteractiveProps;
@@ -108,4 +74,3 @@ type NavigationBarActionGroupProps = {
 export declare const NavigationBarActionGroup: ({ children }: NavigationBarActionGroupProps) => JSX.Element;
 type NavigationBarActionProps = TouchableProps;
 export declare const NavigationBarAction: ({ children, ...touchableProps }: NavigationBarActionProps) => JSX.Element;
-export {};