npm - @everlywell/consumer-ui - Versions diffs - 1.39.3 → 1.39.4 - Mend

@everlywell/consumer-ui 1.39.3 → 1.39.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/index.js +9 -9
package/index.mjs +665 -660
package/lib/components/Navbar/NavigationBar/NavigationBar.d.ts.map +1 -1
package/lib/components/Navbar/TopNavigation/TopNavigation.d.ts.map +1 -1
package/package.json +1 -1

package/index.mjs CHANGED Viewed

@@ -1,9 +1,9 @@
-import { useSteps as Zt, Box as m, Stepper as Kt, Icon as q, Flex as C, Text as A, Link as V, Button as Rt, Image as Xt, IconButton as Jt, theme as Ee, DrawerContent as Qt, DrawerOverlay as qt, Drawer as en, DrawerHeader as tn, DrawerBody as nn, VStack as rn, Skeleton as Ze, HStack as pt, SkeletonCircle as Oe, Grid as ln, GridItem as on, Accordion as an, AccordionItem as sn, AccordionButton as un, AccordionPanel as cn, InputGroup as dn, Input as fn, InputRightElement as hn, Container as pn } from "@everlywell/ui-kit";
-import Re, { useEffect as Q, forwardRef as _t, useState as G, useCallback as St, useRef as gn } from "react";
-import { Text as xn, useBreakpointValue as Me, Box as vn, InputGroup as mn, Input as bn, InputRightElement as jn, Icon as wn } from "@chakra-ui/react";
-import { CaretRight as gt, CaretLeft as Cn, X as yn, MagnifyingGlass as Tt, List as En, Basket as Rn, User as xt, QrCode as _n, CaretDown as Sn, ArrowRight as Tn, InstagramLogo as kn, LinkedinLogo as Dn, FacebookLogo as In, TiktokLogo as Ln, XLogo as An } from "@phosphor-icons/react";
-import { motion as rt, AnimatePresence as On } from "framer-motion";
-var qe = { exports: {} }, Ce = {};
+import { useSteps as Zt, Box as m, Stepper as Kt, Icon as Q, Flex as C, Text as A, Link as N, Button as Rt, Image as Xt, IconButton as Jt, theme as Ee, VStack as Qt, Skeleton as Ke, HStack as pt, SkeletonCircle as $e, DrawerContent as qt, DrawerOverlay as en, Drawer as tn, DrawerHeader as nn, DrawerBody as rn, Grid as ln, GridItem as on, Accordion as an, AccordionItem as sn, AccordionButton as un, AccordionPanel as cn, InputGroup as dn, Input as fn, InputRightElement as hn, Container as pn } from "@everlywell/ui-kit";
+import Re, { useEffect as J, forwardRef as _t, useRef as gn, useCallback as St, useState as G } from "react";
+import { Text as xn, useBreakpointValue as Fe, Box as vn, InputGroup as mn, Input as bn, InputRightElement as jn, Icon as wn } from "@chakra-ui/react";
+import { CaretRight as gt, MagnifyingGlass as Tt, List as Cn, Basket as yn, CaretLeft as En, X as Rn, User as xt, QrCode as _n, CaretDown as Sn, ArrowRight as Tn, InstagramLogo as kn, LinkedinLogo as Dn, FacebookLogo as In, TiktokLogo as Ln, XLogo as An } from "@phosphor-icons/react";
+import { motion as lt, AnimatePresence as On } from "framer-motion";
+var et = { exports: {} }, Ce = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -18,12 +18,12 @@ function Pn() {
   if (vt) return Ce;
   vt = 1;
   var r = Re, l = Symbol.for("react.element"), a = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, u = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function h(y, p, b) {
-    var c, E = {}, w = null, g = null;
-    b !== void 0 && (w = "" + b), p.key !== void 0 && (w = "" + p.key), p.ref !== void 0 && (g = p.ref);
+  function h(y, p, j) {
+    var c, E = {}, b = null, g = null;
+    j !== void 0 && (b = "" + j), p.key !== void 0 && (b = "" + p.key), p.ref !== void 0 && (g = p.ref);
     for (c in p) o.call(p, c) && !s.hasOwnProperty(c) && (E[c] = p[c]);
     if (y && y.defaultProps) for (c in p = y.defaultProps, p) E[c] === void 0 && (E[c] = p[c]);
-    return { $$typeof: l, type: y, key: w, ref: g, props: E, _owner: u.current };
+    return { $$typeof: l, type: y, key: b, ref: g, props: E, _owner: u.current };
   }
   return Ce.Fragment = a, Ce.jsx = h, Ce.jsxs = h, Ce;
 }
@@ -40,35 +40,35 @@ var ye = {};
 var mt;
 function $n() {
   return mt || (mt = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = Re, l = Symbol.for("react.element"), a = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), u = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), y = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), S = Symbol.iterator, M = "@@iterator";
-    function U(e) {
+    var r = Re, l = Symbol.for("react.element"), a = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), u = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), y = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), k = Symbol.iterator, Z = "@@iterator";
+    function ne(e) {
       if (e === null || typeof e != "object")
         return null;
-      var n = S && e[S] || e[M];
+      var n = k && e[k] || e[Z];
       return typeof n == "function" ? n : null;
     }
     var O = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function T(e) {
+    function S(e) {
       {
         for (var n = arguments.length, i = new Array(n > 1 ? n - 1 : 0), f = 1; f < n; f++)
           i[f - 1] = arguments[f];
-        ne("error", e, i);
+        re("error", e, i);
       }
     }
-    function ne(e, n, i) {
+    function re(e, n, i) {
       {
-        var f = O.ReactDebugCurrentFrame, j = f.getStackAddendum();
-        j !== "" && (n += "%s", i = i.concat([j]));
+        var f = O.ReactDebugCurrentFrame, w = f.getStackAddendum();
+        w !== "" && (n += "%s", i = i.concat([w]));
         var R = i.map(function(v) {
           return String(v);
         });
         R.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, R);
       }
     }
-    var H = !1, Y = !1, Z = !1, ee = !1, I = !1, _;
+    var $ = !1, V = !1, U = !1, q = !1, L = !1, _;
     _ = Symbol.for("react.module.reference");
-    function F(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === s || I || e === u || e === b || e === c || ee || e === g || H || Y || Z || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === E || e.$$typeof === h || e.$$typeof === y || e.$$typeof === p || // This needs to include all possible module reference object
+    function M(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === s || L || e === u || e === j || e === c || q || e === g || $ || V || U || typeof e == "object" && e !== null && (e.$$typeof === b || e.$$typeof === E || e.$$typeof === h || e.$$typeof === y || e.$$typeof === p || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -78,16 +78,16 @@ function $n() {
       var f = e.displayName;
       if (f)
         return f;
-      var j = n.displayName || n.name || "";
-      return j !== "" ? i + "(" + j + ")" : i;
+      var w = n.displayName || n.name || "";
+      return w !== "" ? i + "(" + w + ")" : i;
     }
     function ge(e) {
       return e.displayName || "Context";
     }
-    function z(e) {
+    function B(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && T("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
@@ -100,7 +100,7 @@ function $n() {
           return "Profiler";
         case u:
           return "StrictMode";
-        case b:
+        case j:
           return "Suspense";
         case c:
           return "SuspenseList";
@@ -117,11 +117,11 @@ function $n() {
             return _e(e, e.render, "ForwardRef");
           case E:
             var f = e.displayName || null;
-            return f !== null ? f : z(e.type) || "Memo";
-          case w: {
-            var j = e, R = j._payload, v = j._init;
+            return f !== null ? f : B(e.type) || "Memo";
+          case b: {
+            var w = e, R = w._payload, v = w._init;
             try {
-              return z(v(R));
+              return B(v(R));
             } catch {
               return null;
             }
@@ -129,18 +129,18 @@ function $n() {
         }
       return null;
     }
-    var X = Object.assign, J = 0, Se, Te, ke, ie, De, xe, oe;
-    function Ie() {
+    var K = Object.assign, X = 0, Se, Te, xe, ke, De, se, Ie;
+    function ve() {
     }
-    Ie.__reactDisabledLog = !0;
-    function He() {
+    ve.__reactDisabledLog = !0;
+    function me() {
       {
-        if (J === 0) {
-          Se = console.log, Te = console.info, ke = console.warn, ie = console.error, De = console.group, xe = console.groupCollapsed, oe = console.groupEnd;
+        if (X === 0) {
+          Se = console.log, Te = console.info, xe = console.warn, ke = console.error, De = console.group, se = console.groupCollapsed, Ie = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: Ie,
+            value: ve,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -153,65 +153,65 @@ function $n() {
             groupEnd: e
           });
         }
-        J++;
+        X++;
       }
     }
-    function ae() {
+    function Be() {
       {
-        if (J--, J === 0) {
+        if (X--, X === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: X({}, e, {
+            log: K({}, e, {
               value: Se
             }),
-            info: X({}, e, {
+            info: K({}, e, {
               value: Te
             }),
-            warn: X({}, e, {
-              value: ke
+            warn: K({}, e, {
+              value: xe
             }),
-            error: X({}, e, {
-              value: ie
+            error: K({}, e, {
+              value: ke
             }),
-            group: X({}, e, {
+            group: K({}, e, {
               value: De
             }),
-            groupCollapsed: X({}, e, {
-              value: xe
+            groupCollapsed: K({}, e, {
+              value: se
             }),
-            groupEnd: X({}, e, {
-              value: oe
+            groupEnd: K({}, e, {
+              value: Ie
             })
           });
         }
-        J < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        X < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var K = O.ReactCurrentDispatcher, ve;
-    function se(e, n, i) {
+    var be = O.ReactCurrentDispatcher, ee;
+    function Y(e, n, i) {
       {
-        if (ve === void 0)
+        if (ee === void 0)
           try {
             throw Error();
-          } catch (j) {
-            var f = j.stack.trim().match(/\n( *(at )?)/);
-            ve = f && f[1] || "";
+          } catch (w) {
+            var f = w.stack.trim().match(/\n( *(at )?)/);
+            ee = f && f[1] || "";
           }
         return `
-` + ve + e;
+` + ee + e;
       }
     }
-    var me = !1, ue;
+    var je = !1, ue;
     {
-      var Fe = typeof WeakMap == "function" ? WeakMap : Map;
-      ue = new Fe();
+      var We = typeof WeakMap == "function" ? WeakMap : Map;
+      ue = new We();
     }
     function Le(e, n) {
-      if (!e || me)
+      if (!e || je)
         return "";
       {
         var i = ue.get(e);
@@ -219,11 +219,11 @@ function $n() {
           return i;
       }
       var f;
-      me = !0;
-      var j = Error.prepareStackTrace;
+      je = !0;
+      var w = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var R;
-      R = K.current, K.current = null, He();
+      R = be.current, be.current = null, me();
       try {
         if (n) {
           var v = function() {
@@ -236,55 +236,55 @@ function $n() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(v, []);
-            } catch (W) {
-              f = W;
+            } catch (F) {
+              f = F;
             }
             Reflect.construct(e, [], v);
           } else {
             try {
               v.call();
-            } catch (W) {
-              f = W;
+            } catch (F) {
+              f = F;
             }
             e.call(v.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (W) {
-            f = W;
+          } catch (F) {
+            f = F;
           }
           e();
         }
-      } catch (W) {
-        if (W && f && typeof W.stack == "string") {
-          for (var x = W.stack.split(`
-`), $ = f.stack.split(`
-`), k = x.length - 1, D = $.length - 1; k >= 1 && D >= 0 && x[k] !== $[D]; )
-            D--;
-          for (; k >= 1 && D >= 0; k--, D--)
-            if (x[k] !== $[D]) {
-              if (k !== 1 || D !== 1)
+      } catch (F) {
+        if (F && f && typeof F.stack == "string") {
+          for (var x = F.stack.split(`
+`), P = f.stack.split(`
+`), D = x.length - 1, I = P.length - 1; D >= 1 && I >= 0 && x[D] !== P[I]; )
+            I--;
+          for (; D >= 1 && I >= 0; D--, I--)
+            if (x[D] !== P[I]) {
+              if (D !== 1 || I !== 1)
                 do
-                  if (k--, D--, D < 0 || x[k] !== $[D]) {
-                    var N = `
-` + x[k].replace(" at new ", " at ");
-                    return e.displayName && N.includes("<anonymous>") && (N = N.replace("<anonymous>", e.displayName)), typeof e == "function" && ue.set(e, N), N;
+                  if (D--, I--, I < 0 || x[D] !== P[I]) {
+                    var z = `
+` + x[D].replace(" at new ", " at ");
+                    return e.displayName && z.includes("<anonymous>") && (z = z.replace("<anonymous>", e.displayName)), typeof e == "function" && ue.set(e, z), z;
                   }
-                while (k >= 1 && D >= 0);
+                while (D >= 1 && I >= 0);
               break;
             }
         }
       } finally {
-        me = !1, K.current = R, ae(), Error.prepareStackTrace = j;
+        je = !1, be.current = R, Be(), Error.prepareStackTrace = w;
       }
-      var fe = e ? e.displayName || e.name : "", le = fe ? se(fe) : "";
-      return typeof e == "function" && ue.set(e, le), le;
+      var fe = e ? e.displayName || e.name : "", ae = fe ? Y(fe) : "";
+      return typeof e == "function" && ue.set(e, ae), ae;
     }
-    function Be(e, n, i) {
+    function ze(e, n, i) {
       return Le(e, !1);
     }
-    function We(e) {
+    function Ne(e) {
       var n = e.prototype;
       return !!(n && n.isReactComponent);
     }
@@ -292,91 +292,91 @@ function $n() {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Le(e, We(e));
+        return Le(e, Ne(e));
       if (typeof e == "string")
-        return se(e);
+        return Y(e);
       switch (e) {
-        case b:
-          return se("Suspense");
+        case j:
+          return Y("Suspense");
         case c:
-          return se("SuspenseList");
+          return Y("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case p:
-            return Be(e.render);
+            return ze(e.render);
           case E:
             return ce(e.type, n, i);
-          case w: {
-            var f = e, j = f._payload, R = f._init;
+          case b: {
+            var f = e, w = f._payload, R = f._init;
             try {
-              return ce(R(j), n, i);
+              return ce(R(w), n, i);
             } catch {
             }
           }
         }
       return "";
     }
-    var te = Object.prototype.hasOwnProperty, be = {}, je = O.ReactDebugCurrentFrame;
-    function d(e) {
+    var le = Object.prototype.hasOwnProperty, Ae = {}, we = O.ReactDebugCurrentFrame;
+    function ie(e) {
       if (e) {
         var n = e._owner, i = ce(e.type, e._source, n ? n.type : null);
-        je.setExtraStackFrame(i);
+        we.setExtraStackFrame(i);
       } else
-        je.setExtraStackFrame(null);
+        we.setExtraStackFrame(null);
     }
-    function L(e, n, i, f, j) {
+    function Oe(e, n, i, f, w) {
       {
-        var R = Function.call.bind(te);
+        var R = Function.call.bind(le);
         for (var v in e)
           if (R(e, v)) {
             var x = void 0;
             try {
               if (typeof e[v] != "function") {
-                var $ = Error((f || "React class") + ": " + i + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw $.name = "Invariant Violation", $;
+                var P = Error((f || "React class") + ": " + i + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw P.name = "Invariant Violation", P;
               }
               x = e[v](n, v, f, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (k) {
-              x = k;
+            } catch (D) {
+              x = D;
             }
-            x && !(x instanceof Error) && (d(j), T("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", f || "React class", i, v, typeof x), d(null)), x instanceof Error && !(x.message in be) && (be[x.message] = !0, d(j), T("Failed %s type: %s", i, x.message), d(null));
+            x && !(x instanceof Error) && (ie(w), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", f || "React class", i, v, typeof x), ie(null)), x instanceof Error && !(x.message in Ae) && (Ae[x.message] = !0, ie(w), S("Failed %s type: %s", i, x.message), ie(null));
           }
       }
     }
-    var B = Array.isArray;
-    function P(e) {
-      return B(e);
+    var d = Array.isArray;
+    function T(e) {
+      return d(e);
     }
-    function ze(e) {
+    function H(e) {
       {
         var n = typeof Symbol == "function" && Symbol.toStringTag, i = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return i;
       }
     }
-    function re(e) {
+    function W(e) {
       try {
-        return Ae(e), !1;
+        return Pe(e), !1;
       } catch {
         return !0;
       }
     }
-    function Ae(e) {
+    function Pe(e) {
       return "" + e;
     }
-    function lt(e) {
-      if (re(e))
-        return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ze(e)), Ae(e);
+    function te(e) {
+      if (W(e))
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", H(e)), Pe(e);
     }
-    var we = O.ReactCurrentOwner, Dt = {
+    var oe = O.ReactCurrentOwner, Dt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, it, ot, Ne;
-    Ne = {};
+    }, it, ot, Ve;
+    Ve = {};
     function It(e) {
-      if (te.call(e, "ref")) {
+      if (le.call(e, "ref")) {
         var n = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (n && n.isReactWarning)
           return !1;
@@ -384,7 +384,7 @@ function $n() {
       return e.ref !== void 0;
     }
     function Lt(e) {
-      if (te.call(e, "key")) {
+      if (le.call(e, "key")) {
         var n = Object.getOwnPropertyDescriptor(e, "key").get;
         if (n && n.isReactWarning)
           return !1;
@@ -392,15 +392,15 @@ function $n() {
       return e.key !== void 0;
     }
     function At(e, n) {
-      if (typeof e.ref == "string" && we.current && n && we.current.stateNode !== n) {
-        var i = z(we.current.type);
-        Ne[i] || (T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', z(we.current.type), e.ref), Ne[i] = !0);
+      if (typeof e.ref == "string" && oe.current && n && oe.current.stateNode !== n) {
+        var i = B(oe.current.type);
+        Ve[i] || (S('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', B(oe.current.type), e.ref), Ve[i] = !0);
       }
     }
     function Ot(e, n) {
       {
         var i = function() {
-          it || (it = !0, T("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+          it || (it = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
         };
         i.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: i,
@@ -411,7 +411,7 @@ function $n() {
     function Pt(e, n) {
       {
         var i = function() {
-          ot || (ot = !0, T("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+          ot || (ot = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
         };
         i.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: i,
@@ -419,7 +419,7 @@ function $n() {
         });
       }
     }
-    var $t = function(e, n, i, f, j, R, v) {
+    var $t = function(e, n, i, f, w, R, v) {
       var x = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: l,
@@ -445,28 +445,28 @@ function $n() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: j
+        value: w
       }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function Mt(e, n, i, f, j) {
+    function Mt(e, n, i, f, w) {
       {
-        var R, v = {}, x = null, $ = null;
-        i !== void 0 && (lt(i), x = "" + i), Lt(n) && (lt(n.key), x = "" + n.key), It(n) && ($ = n.ref, At(n, j));
+        var R, v = {}, x = null, P = null;
+        i !== void 0 && (te(i), x = "" + i), Lt(n) && (te(n.key), x = "" + n.key), It(n) && (P = n.ref, At(n, w));
         for (R in n)
-          te.call(n, R) && !Dt.hasOwnProperty(R) && (v[R] = n[R]);
+          le.call(n, R) && !Dt.hasOwnProperty(R) && (v[R] = n[R]);
         if (e && e.defaultProps) {
-          var k = e.defaultProps;
-          for (R in k)
-            v[R] === void 0 && (v[R] = k[R]);
+          var D = e.defaultProps;
+          for (R in D)
+            v[R] === void 0 && (v[R] = D[R]);
         }
-        if (x || $) {
-          var D = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          x && Ot(v, D), $ && Pt(v, D);
+        if (x || P) {
+          var I = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          x && Ot(v, I), P && Pt(v, I);
         }
-        return $t(e, x, $, j, f, we.current, v);
+        return $t(e, x, P, w, f, oe.current, v);
       }
     }
-    var Ve = O.ReactCurrentOwner, at = O.ReactDebugCurrentFrame;
+    var Ye = O.ReactCurrentOwner, at = O.ReactDebugCurrentFrame;
     function de(e) {
       if (e) {
         var n = e._owner, i = ce(e.type, e._source, n ? n.type : null);
@@ -474,15 +474,15 @@ function $n() {
       } else
         at.setExtraStackFrame(null);
     }
-    var Ye;
-    Ye = !1;
-    function Ge(e) {
+    var Ge;
+    Ge = !1;
+    function Ue(e) {
       return typeof e == "object" && e !== null && e.$$typeof === l;
     }
     function st() {
       {
-        if (Ve.current) {
-          var e = z(Ve.current.type);
+        if (Ye.current) {
+          var e = B(Ye.current.type);
           if (e)
             return `
@@ -517,25 +517,25 @@ Check the top-level render call using <` + i + ">.");
           return;
         ut[i] = !0;
         var f = "";
-        e && e._owner && e._owner !== Ve.current && (f = " It was passed a child from " + z(e._owner.type) + "."), de(e), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, f), de(null);
+        e && e._owner && e._owner !== Ye.current && (f = " It was passed a child from " + B(e._owner.type) + "."), de(e), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, f), de(null);
       }
     }
     function dt(e, n) {
       {
         if (typeof e != "object")
           return;
-        if (P(e))
+        if (T(e))
           for (var i = 0; i < e.length; i++) {
             var f = e[i];
-            Ge(f) && ct(f, n);
+            Ue(f) && ct(f, n);
           }
-        else if (Ge(e))
+        else if (Ue(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var j = U(e);
-          if (typeof j == "function" && j !== e.entries)
-            for (var R = j.call(e), v; !(v = R.next()).done; )
-              Ge(v.value) && ct(v.value, n);
+          var w = ne(e);
+          if (typeof w == "function" && w !== e.entries)
+            for (var R = w.call(e), v; !(v = R.next()).done; )
+              Ue(v.value) && ct(v.value, n);
         }
       }
     }
@@ -554,14 +554,14 @@ Check the top-level render call using <` + i + ">.");
         else
           return;
         if (i) {
-          var f = z(n);
-          L(i, e.props, "prop", f, e);
-        } else if (n.PropTypes !== void 0 && !Ye) {
-          Ye = !0;
-          var j = z(n);
-          T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
+          var f = B(n);
+          Oe(i, e.props, "prop", f, e);
+        } else if (n.PropTypes !== void 0 && !Ge) {
+          Ge = !0;
+          var w = B(n);
+          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", w || "Unknown");
         }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Wt(e) {
@@ -569,56 +569,56 @@ Check the top-level render call using <` + i + ">.");
         for (var n = Object.keys(e.props), i = 0; i < n.length; i++) {
           var f = n[i];
           if (f !== "children" && f !== "key") {
-            de(e), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), de(null);
+            de(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), de(null);
             break;
           }
         }
-        e.ref !== null && (de(e), T("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
+        e.ref !== null && (de(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
       }
     }
     var ft = {};
-    function ht(e, n, i, f, j, R) {
+    function ht(e, n, i, f, w, R) {
       {
-        var v = F(e);
+        var v = M(e);
         if (!v) {
           var x = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (x += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var $ = Ht();
-          $ ? x += $ : x += st();
-          var k;
-          e === null ? k = "null" : P(e) ? k = "array" : e !== void 0 && e.$$typeof === l ? (k = "<" + (z(e.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : k = typeof e, T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", k, x);
+          var P = Ht();
+          P ? x += P : x += st();
+          var D;
+          e === null ? D = "null" : T(e) ? D = "array" : e !== void 0 && e.$$typeof === l ? (D = "<" + (B(e.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : D = typeof e, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, x);
         }
-        var D = Mt(e, n, i, j, R);
-        if (D == null)
-          return D;
+        var I = Mt(e, n, i, w, R);
+        if (I == null)
+          return I;
         if (v) {
-          var N = n.children;
-          if (N !== void 0)
+          var z = n.children;
+          if (z !== void 0)
             if (f)
-              if (P(N)) {
-                for (var fe = 0; fe < N.length; fe++)
-                  dt(N[fe], e);
-                Object.freeze && Object.freeze(N);
+              if (T(z)) {
+                for (var fe = 0; fe < z.length; fe++)
+                  dt(z[fe], e);
+                Object.freeze && Object.freeze(z);
               } else
-                T("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              dt(N, e);
+              dt(z, e);
         }
-        if (te.call(n, "key")) {
-          var le = z(e), W = Object.keys(n).filter(function(Ut) {
+        if (le.call(n, "key")) {
+          var ae = B(e), F = Object.keys(n).filter(function(Ut) {
             return Ut !== "key";
-          }), Ue = W.length > 0 ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!ft[le + Ue]) {
-            var Gt = W.length > 0 ? "{" + W.join(": ..., ") + ": ...}" : "{}";
-            T(`A props object containing a "key" prop is being spread into JSX:
+          }), Ze = F.length > 0 ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ft[ae + Ze]) {
+            var Gt = F.length > 0 ? "{" + F.join(": ..., ") + ": ...}" : "{}";
+            S(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ue, le, Gt, le), ft[le + Ue] = !0;
+  <%s key={someKey} {...props} />`, Ze, ae, Gt, ae), ft[ae + Ze] = !0;
           }
         }
-        return e === o ? Wt(D) : Bt(D), D;
+        return e === o ? Wt(I) : Bt(I), I;
       }
     }
     function zt(e, n, i) {
@@ -631,9 +631,9 @@ React keys must be passed directly to JSX without using spread:
     ye.Fragment = o, ye.jsx = Vt, ye.jsxs = Yt;
   }()), ye;
 }
-process.env.NODE_ENV === "production" ? qe.exports = Pn() : qe.exports = $n();
-var t = qe.exports;
-const Ke = 60, bt = 6, Mn = (r) => {
+process.env.NODE_ENV === "production" ? et.exports = Pn() : et.exports = $n();
+var t = et.exports;
+const Xe = 60, bt = 6, Mn = (r) => {
   const {
     activeStepIndex: l,
     hideIndicators: a = !1,
@@ -646,7 +646,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
     index: l,
     count: o.length
   });
-  return Q(() => {
+  return J(() => {
     h(l);
   }, [l, h]), /* @__PURE__ */ t.jsx(
     m,
@@ -659,14 +659,14 @@ const Ke = 60, bt = 6, Mn = (r) => {
         display: "flex",
         flexWrap: "nowrap",
         children: o.map((y, p) => {
-          const b = s === p, c = p === 0, E = p === o.length - 1, w = s > p;
-          let g = `${Ke}px`;
-          const S = `calc(100% - ((${Ke * (o.length - 1)}px) - (${o.length - 1} * ${bt * 2}px)))`;
-          return b ? g = S : (c || E) && (g = `${Ke - bt}px`), /* @__PURE__ */ t.jsx(
+          const j = s === p, c = p === 0, E = p === o.length - 1, b = s > p;
+          let g = `${Xe}px`;
+          const k = `calc(100% - ((${Xe * (o.length - 1)}px) - (${o.length - 1} * ${bt * 2}px)))`;
+          return j ? g = k : (c || E) && (g = `${Xe - bt}px`), /* @__PURE__ */ t.jsx(
             m,
             {
               width: g,
-              opacity: w || b ? 1 : 0.2,
+              opacity: b || j ? 1 : 0.2,
               paddingRight: E ? "0" : "6px",
               paddingLeft: c ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
@@ -682,7 +682,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
                       width: "100%",
                       position: "absolute",
                       top: "0",
-                      backgroundColor: w ? u.light : u.base,
+                      backgroundColor: b ? u.light : u.base,
                       height: a ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
@@ -710,7 +710,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
   } : {
     href: r
   };
-}, Xe = _t(
+}, Je = _t(
   (r, l) => {
     const {
       label: a,
@@ -719,7 +719,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
       linkComponent: s,
       href: h,
       ...y
-    } = r, p = s || V, b = pe(h, !!s);
+    } = r, p = s || N, j = pe(h, !!s);
     return /* @__PURE__ */ t.jsxs(
       m,
       {
@@ -736,11 +736,11 @@ const Ke = 60, bt = 6, Mn = (r) => {
         borderColor: ["tints.cream", null, null, "unset"],
         width: ["100%", null, null, "fit-content"],
         cursor: "pointer",
-        ...b,
+        ...j,
         ...y,
         children: [
           /* @__PURE__ */ t.jsx(
-            q,
+            Q,
             {
               display: ["none", null, null, "block"],
               as: gt,
@@ -777,7 +777,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
                 }
               ) : o),
               /* @__PURE__ */ t.jsx(
-                q,
+                Q,
                 {
                   display: ["block", null, null, "none"],
                   as: gt,
@@ -794,7 +794,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
       }
     );
   }
-), Pe = _t(
+), Me = _t(
   (r, l) => {
     const { children: a, isSelected: o, ...u } = r, s = r.backgroundColor || (o ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
@@ -840,7 +840,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
   href: y,
   linkComponent: p
 }) => {
-  const w = p || V, g = pe(y, !!p), S = Me({
+  const b = p || N, g = pe(y, !!p), k = Fe({
     base: !1,
     tablet: !1,
     largeTablet: !1,
@@ -869,8 +869,8 @@ const Ke = 60, bt = 6, Mn = (r) => {
         border: "1px solid",
         borderColor: "tints.white"
       },
-      as: S ? C : w,
-      ...S ? {} : g,
+      as: k ? C : b,
+      ...k ? {} : g,
       children: [
         /* @__PURE__ */ t.jsx(
           m,
@@ -879,7 +879,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
             height: ["100%", null, null, "188px"],
             sx: {
               img: {
-                height: S ? "188px" : "100%"
+                height: k ? "188px" : "100%"
               }
             },
             children: a ? /* @__PURE__ */ t.jsx(
@@ -934,7 +934,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
                   )
                 ] }
               ),
-              S ? /* @__PURE__ */ t.jsx(m, { children: u }) : null
+              k ? /* @__PURE__ */ t.jsx(m, { children: u }) : null
             ]
           }
         )
@@ -990,14 +990,188 @@ const Ke = 60, bt = 6, Mn = (r) => {
       ) }
     )
   }
-), Fn = (r, l) => {
+), Fn = ({
+  desktopTopButtons: r,
+  kitRegistrationElement: l,
+  profileElement: a,
+  cartElement: o,
+  onSearchClick: u,
+  onMenuClick: s,
+  hasSearch: h = !1,
+  logoLink: y = "https://www.everlywell.com",
+  setTopOffset: p,
+  linkComponent: j,
+  onLogoClick: c
+}) => {
+  const E = gn(null), b = St(() => {
+    if (E.current) {
+      const g = E.current.getBoundingClientRect();
+      p(g.bottom);
+    }
+  }, []);
+  return J(() => {
+    b();
+  }, [b]), /* @__PURE__ */ t.jsx(
+    m,
+    {
+      ref: E,
+      paddingY: "4",
+      paddingX: [4, null, null, 12],
+      borderBottom: "1px solid",
+      borderColor: "tints.lightCream",
+      backgroundColor: "tints.white",
+      width: "100%",
+      onMouseEnter: b,
+      children: /* @__PURE__ */ t.jsxs(
+        C,
+        { justifyContent: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ t.jsxs(
+            C,
+            { alignItems: "center", gap: "5", children: [
+              /* @__PURE__ */ t.jsx(
+                m,
+                {
+                  "aria-label": "Go to homepage",
+                  onClick: c,
+                  as: j || N,
+                  ...pe(y, !!j),
+                  children: /* @__PURE__ */ t.jsx(kt, { width: "116px" })
+                }
+              ),
+              /* @__PURE__ */ t.jsx(
+                C,
+                { display: ["none", null, null, "flex"], children: r }
+              )
+            ] }
+          ),
+          /* @__PURE__ */ t.jsxs(
+            C,
+            { alignItems: "center", gap: "2", children: [
+              /* @__PURE__ */ t.jsx(
+                m,
+                { display: ["none", null, null, "block"], children: l }
+              ),
+              h ? /* @__PURE__ */ t.jsx(
+                he,
+                {
+                  "aria-label": "Search",
+                  icon: /* @__PURE__ */ t.jsx(Q, { as: Tt }),
+                  onClick: u
+                }
+              ) : null,
+              o,
+              /* @__PURE__ */ t.jsx(
+                m,
+                { display: ["flex", null, null, "none"], children: /* @__PURE__ */ t.jsx(
+                  he,
+                  {
+                    icon: /* @__PURE__ */ t.jsx(Cn, {}),
+                    "aria-label": "menu",
+                    "data-testid": "menu-button",
+                    onClick: s
+                  }
+                ) }
+              ),
+              /* @__PURE__ */ t.jsx(m, { display: ["none", null, null, "block"], children: a })
+            ] }
+          )
+        ] }
+      )
+    }
+  );
+}, Bn = ({
+  count: r = 0,
+  ...l
+}) => /* @__PURE__ */ t.jsxs(
+  m,
+  { position: "relative", display: "inline-block", children: [
+    /* @__PURE__ */ t.jsx(he, { icon: /* @__PURE__ */ t.jsx(yn, {}), ...l }),
+    r > 0 && /* @__PURE__ */ t.jsx(
+      m,
+      {
+        display: "flex",
+        minWidth: "20px",
+        height: "20px",
+        py: "4px",
+        px: "6px",
+        justifyContent: "center",
+        alignItems: "center",
+        position: "absolute",
+        right: "-4px",
+        top: "-4px",
+        borderRadius: "32px",
+        background: "viridian.base",
+        color: "white",
+        fontSize: "xs",
+        fontWeight: "normal",
+        children: r
+      }
+    )
+  ] }
+), or = ({
+  numDesktopLinks: r = 5,
+  showPromoButton: l = !1
+}) => /* @__PURE__ */ t.jsx(
+  Qt,
+  { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
+    m,
+    {
+      paddingY: 4,
+      paddingX: 6,
+      borderBottomWidth: "1px",
+      borderColor: "tints.lightCream",
+      children: /* @__PURE__ */ t.jsxs(
+        C,
+        { justify: "space-between", align: "center", children: [
+          /* @__PURE__ */ t.jsx(Ke, { w: "120px", h: "48px" }),
+          /* @__PURE__ */ t.jsxs(
+            pt,
+            {
+              spacing: 8,
+              marginLeft: 12,
+              display: ["none", null, null, "flex"],
+              "data-testid": "desktop-nav",
+              children: [
+                Array.from({ length: r }).map(
+                  (a, o) => /* @__PURE__ */ t.jsx(Ke, { width: "90px", height: "48px" }, o)
+                ),
+                l && /* @__PURE__ */ t.jsx(Ke, { width: "110px", height: "48px", borderRadius: "full" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t.jsxs(
+            pt,
+            { spacing: 4, ml: "auto", children: [
+              /* @__PURE__ */ t.jsx(
+                $e,
+                {
+                  width: "120px",
+                  height: "48px",
+                  display: ["none", null, null, "block"],
+                  "data-testid": "register-kit"
+                }
+              ),
+              " ",
+              /* @__PURE__ */ t.jsx($e, { width: "48px", height: "48px" }),
+              " ",
+              /* @__PURE__ */ t.jsx($e, { width: "48px", height: "48px" }),
+              " ",
+              /* @__PURE__ */ t.jsx($e, { width: "48px", height: "48px" }),
+              " "
+            ] }
+          )
+        ] }
+      )
+    }
+  ) }
+), Wn = (r, l) => {
   let a;
   return (...o) => {
     a && clearTimeout(a), a = setTimeout(() => {
       r(...o);
     }, l);
   };
-}, Je = (r) => r.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), Bn = (r, l) => {
+}, Qe = (r) => r.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), zn = (r, l) => {
   r.length < l.length && ([r, l] = [l, r]);
   let a = Array(l.length + 1).fill(0), o = Array(l.length + 1).fill(0);
   for (let u = 0; u <= l.length; u++)
@@ -1018,27 +1192,27 @@ const Ke = 60, bt = 6, Mn = (r) => {
     [a, o] = [o, a];
   }
   return a[l.length];
-}, $e = (r, l, a = 0.6) => {
+}, He = (r, l, a = 0.6) => {
   if (r.length <= 3 || l.length <= 3)
     return r.includes(l) || l.includes(r);
-  const o = Bn(r, l), u = Math.max(r.length, l.length);
+  const o = zn(r, l), u = Math.max(r.length, l.length);
   return 1 - o / u >= a;
 }, jt = (r, l) => {
   const a = r.split(/\s+/);
   return l.length <= 4 ? a.some((o) => o.includes(l)) : a.some((o) => {
-    if ($e(o, l))
+    if (He(o, l))
       return !0;
     if (o.length >= l.length)
       for (let u = 0; u <= o.length - l.length; u++) {
         const s = o.slice(u, u + l.length + 1);
-        if ($e(l, s))
+        if (He(l, s))
           return !0;
       }
     return !1;
   });
-}, et = "nav-drawer-hover", tt = "nav-drawer-animation-start", nt = "nav-drawer-animation-end", wt = (r) => {
+}, tt = "nav-drawer-hover", nt = "nav-drawer-animation-start", rt = "nav-drawer-animation-end", wt = (r) => {
   window.dispatchEvent(
-    new CustomEvent(et, {
+    new CustomEvent(tt, {
       detail: { isHovering: r },
       bubbles: !0,
       cancelable: !0
@@ -1051,7 +1225,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
       cancelable: !0
     })
   );
-}, Wn = (r = !1, l = !1, a = !1) => r || !l ? "column" : a ? "row" : "row-reverse", zn = rt(Qt), Nn = rt(qt), Qe = ({
+}, Nn = (r = !1, l = !1, a = !1) => r || !l ? "column" : a ? "row" : "row-reverse", Vn = lt(qt), Yn = lt(en), qe = ({
   isOpen: r = !1,
   onClose: l,
   title: a,
@@ -1061,39 +1235,39 @@ const Ke = 60, bt = 6, Mn = (r) => {
   bottomButton: h,
   hasBackButton: y = !0,
   onBackClick: p,
-  hasOnlySpotlightCards: b = !1,
+  hasOnlySpotlightCards: j = !1,
   hasSearch: c = !1,
   onSearch: E = () => ({}),
-  topOffset: w
+  topOffset: b
 }) => {
-  var Z, ee;
-  const g = Me({
+  var U, q;
+  const g = Fe({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
-  }), S = g ? "top" : "right", [M, U] = G(0), [O, T] = G(!1), ne = () => {
-    U((I) => I + 1);
-  }, H = St(
-    Fn((I) => {
-      E(I), ne();
+  }), k = g ? "top" : "right", [Z, ne] = G(0), [O, S] = G(!1), re = () => {
+    ne((L) => L + 1);
+  }, $ = St(
+    Wn((L) => {
+      E(L), re();
     }, 100),
     []
   );
-  Q(() => {
-    r && (T(!0), Ct(tt));
+  J(() => {
+    r && (S(!0), Ct(nt));
   }, [r]);
-  const Y = () => {
-    r || (T(!1), l()), Ct(nt);
+  const V = () => {
+    r || (S(!1), l()), Ct(rt);
   };
   return /* @__PURE__ */ t.jsx(
-    en,
+    tn,
     {
       isOpen: O || r,
       onClose: () => {
         O && g || l();
       },
-      placement: S,
+      placement: k,
       blockScrollOnMount: !1,
       autoFocus: !1,
       ...g ? {
@@ -1101,9 +1275,9 @@ const Ke = 60, bt = 6, Mn = (r) => {
           baseStyle: {
             ...Ee.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(ee = (Z = Ee.components.Drawer) == null ? void 0 : Z.baseStyle) == null ? void 0 : ee.dialogContainer,
+              ...(q = (U = Ee.components.Drawer) == null ? void 0 : U.baseStyle) == null ? void 0 : q.dialogContainer,
               // Push the drawer down by the top offset on desktop to not cover the top navigation
-              top: g ? `${w}px` : void 0,
+              top: g ? `${b}px` : void 0,
               // Lower index on desktop to make sure the drawer is below the top navigation
               zIndex: ["overlay"]
             }
@@ -1116,10 +1290,10 @@ const Ke = 60, bt = 6, Mn = (r) => {
           t.Fragment,
           { children: [
             /* @__PURE__ */ t.jsx(
-              Nn,
+              Yn,
               {
                 backgroundColor: "tints.black",
-                top: ["0", null, null, `${w}px`],
+                top: ["0", null, null, `${b}px`],
                 opacity: g ? void 0 : "0.4 !important",
                 ...g ? {
                   initial: { opacity: 0 },
@@ -1134,17 +1308,17 @@ const Ke = 60, bt = 6, Mn = (r) => {
               }
             ),
             /* @__PURE__ */ t.jsxs(
-              zn,
+              Vn,
               {
-                onClick: (I) => {
-                  const F = I.target.closest("a");
-                  F && F.href === window.location.href && l();
+                onClick: (L) => {
+                  const M = L.target.closest("a");
+                  M && M.href === window.location.href && l();
                 },
                 onMouseEnter: () => {
                   g && wt(!0);
                 },
-                onMouseLeave: (I) => {
-                  g && (!c || c && (I.target === I.currentTarget || !I.currentTarget.contains(I.target) && !O)) && wt(!1);
+                onMouseLeave: (L) => {
+                  g && (!c || c && (L.target === L.currentTarget || !L.currentTarget.contains(L.target) && !O)) && wt(!1);
                 },
                 paddingTop: "4",
                 paddingX: [4, null, null, 12],
@@ -1152,8 +1326,8 @@ const Ke = 60, bt = 6, Mn = (r) => {
                 overflow: ["auto", null, null, "hidden"],
                 maxHeight: "100vh",
                 position: "relative",
-                top: g ? `${w}px !important` : void 0,
-                onAnimationComplete: Y,
+                top: g ? `${b}px !important` : void 0,
+                onAnimationComplete: V,
                 boxShadow: "none",
                 ...g ? {
                   initial: { height: 0, opacity: 0 },
@@ -1163,7 +1337,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
                 } : {},
                 children: [
                   !c && g ? null : /* @__PURE__ */ t.jsxs(
-                    tn,
+                    nn,
                     {
                       padding: "0",
                       flexDirection: c ? "column" : "row",
@@ -1179,7 +1353,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
                               y ? /* @__PURE__ */ t.jsx(
                                 he,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(Cn, {}),
+                                  icon: /* @__PURE__ */ t.jsx(En, {}),
                                   onClick: () => {
                                     p && p();
                                   },
@@ -1197,7 +1371,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
                               /* @__PURE__ */ t.jsx(
                                 he,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(yn, {}),
+                                  icon: /* @__PURE__ */ t.jsx(Rn, {}),
                                   onClick: l,
                                   "aria-label": "Close"
                                 }
@@ -1211,8 +1385,8 @@ const Ke = 60, bt = 6, Mn = (r) => {
                             /* @__PURE__ */ t.jsx(
                               bn,
                               {
-                                onChange: (I) => {
-                                  H(I.target.value);
+                                onChange: (L) => {
+                                  $(L.target.value);
                                 },
                                 placeholder: "Search",
                                 autoFocus: !0,
@@ -1230,13 +1404,13 @@ const Ke = 60, bt = 6, Mn = (r) => {
                     }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    nn,
+                    rn,
                     {
                       paddingX: "0",
                       paddingBottom: [6, null, null, 4],
                       "data-testid": `navbar-drawer-body-${a.toLowerCase()}`,
                       children: /* @__PURE__ */ t.jsxs(
-                        rt.div,
+                        lt.div,
                         {
                           ...g ? {
                             initial: { opacity: 0, y: -5 },
@@ -1255,8 +1429,8 @@ const Ke = 60, bt = 6, Mn = (r) => {
                           } : {},
                           style: {
                             display: "flex",
-                            flexDirection: Wn(
-                              b,
+                            flexDirection: Nn(
+                              j,
                               g,
                               c
                             ),
@@ -1301,7 +1475,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
                             )
                           ]
                         },
-                        M
+                        Z
                       )
                     }
                   )
@@ -1313,210 +1487,23 @@ const Ke = 60, bt = 6, Mn = (r) => {
       )
     }
   );
-}, Vn = ({
-  desktopTopButtons: r,
-  kitRegistrationElement: l,
-  profileElement: a,
-  cartElement: o,
-  onSearchClick: u,
-  onMenuClick: s,
-  hasSearch: h = !1,
-  logoLink: y = "https://www.everlywell.com",
-  setTopOffset: p,
-  linkComponent: b,
-  onLogoClick: c
-}) => {
-  const E = gn(null), [w, g] = G(!1);
-  Q(() => {
-    const M = () => g(!0), U = () => g(!1);
-    return window.addEventListener(tt, M), window.addEventListener(nt, U), () => {
-      window.removeEventListener(
-        tt,
-        M
-      ), window.removeEventListener(nt, U);
-    };
-  }, []);
-  const S = St(() => {
-    if (E.current) {
-      const M = E.current.getBoundingClientRect();
-      p(M.bottom);
-    }
-  }, []);
-  return Q(() => {
-    S();
-  }, [S]), /* @__PURE__ */ t.jsx(
-    m,
-    {
-      ref: E,
-      paddingY: "4",
-      paddingX: [4, null, null, 12],
-      borderBottom: "1px solid",
-      borderColor: "tints.lightCream",
-      backgroundColor: "tints.white",
-      position: "sticky",
-      top: "0",
-      width: "100%",
-      zIndex: ["sticky", null, null, w ? "modal" : "sticky"],
-      onMouseEnter: S,
-      children: /* @__PURE__ */ t.jsxs(
-        C,
-        { justifyContent: "space-between", alignItems: "center", children: [
-          /* @__PURE__ */ t.jsxs(
-            C,
-            { alignItems: "center", gap: "5", children: [
-              /* @__PURE__ */ t.jsx(
-                m,
-                {
-                  "aria-label": "Go to homepage",
-                  onClick: c,
-                  as: b || V,
-                  ...pe(y, !!b),
-                  children: /* @__PURE__ */ t.jsx(kt, { width: "116px" })
-                }
-              ),
-              /* @__PURE__ */ t.jsx(
-                C,
-                { display: ["none", null, null, "flex"], children: r }
-              )
-            ] }
-          ),
-          /* @__PURE__ */ t.jsxs(
-            C,
-            { alignItems: "center", gap: "2", children: [
-              /* @__PURE__ */ t.jsx(
-                m,
-                { display: ["none", null, null, "block"], children: l }
-              ),
-              h ? /* @__PURE__ */ t.jsx(
-                he,
-                {
-                  "aria-label": "Search",
-                  icon: /* @__PURE__ */ t.jsx(q, { as: Tt }),
-                  onClick: u
-                }
-              ) : null,
-              o,
-              /* @__PURE__ */ t.jsx(
-                m,
-                { display: ["flex", null, null, "none"], children: /* @__PURE__ */ t.jsx(
-                  he,
-                  {
-                    icon: /* @__PURE__ */ t.jsx(En, {}),
-                    "aria-label": "menu",
-                    "data-testid": "menu-button",
-                    onClick: s
-                  }
-                ) }
-              ),
-              /* @__PURE__ */ t.jsx(m, { display: ["none", null, null, "block"], children: a })
-            ] }
-          )
-        ] }
-      )
-    }
-  );
-}, Yn = ({
-  count: r = 0,
-  ...l
-}) => /* @__PURE__ */ t.jsxs(
-  m,
-  { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(he, { icon: /* @__PURE__ */ t.jsx(Rn, {}), ...l }),
-    r > 0 && /* @__PURE__ */ t.jsx(
-      m,
-      {
-        display: "flex",
-        minWidth: "20px",
-        height: "20px",
-        py: "4px",
-        px: "6px",
-        justifyContent: "center",
-        alignItems: "center",
-        position: "absolute",
-        right: "-4px",
-        top: "-4px",
-        borderRadius: "32px",
-        background: "viridian.base",
-        color: "white",
-        fontSize: "xs",
-        fontWeight: "normal",
-        children: r
-      }
-    )
-  ] }
-), or = ({
-  numDesktopLinks: r = 5,
-  showPromoButton: l = !1
-}) => /* @__PURE__ */ t.jsx(
-  rn,
-  { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
-    m,
-    {
-      paddingY: 4,
-      paddingX: 6,
-      borderBottomWidth: "1px",
-      borderColor: "tints.lightCream",
-      children: /* @__PURE__ */ t.jsxs(
-        C,
-        { justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ t.jsx(Ze, { w: "120px", h: "48px" }),
-          /* @__PURE__ */ t.jsxs(
-            pt,
-            {
-              spacing: 8,
-              marginLeft: 12,
-              display: ["none", null, null, "flex"],
-              "data-testid": "desktop-nav",
-              children: [
-                Array.from({ length: r }).map(
-                  (a, o) => /* @__PURE__ */ t.jsx(Ze, { width: "90px", height: "48px" }, o)
-                ),
-                l && /* @__PURE__ */ t.jsx(Ze, { width: "110px", height: "48px", borderRadius: "full" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ t.jsxs(
-            pt,
-            { spacing: 4, ml: "auto", children: [
-              /* @__PURE__ */ t.jsx(
-                Oe,
-                {
-                  width: "120px",
-                  height: "48px",
-                  display: ["none", null, null, "block"],
-                  "data-testid": "register-kit"
-                }
-              ),
-              " ",
-              /* @__PURE__ */ t.jsx(Oe, { width: "48px", height: "48px" }),
-              " ",
-              /* @__PURE__ */ t.jsx(Oe, { width: "48px", height: "48px" }),
-              " ",
-              /* @__PURE__ */ t.jsx(Oe, { width: "48px", height: "48px" }),
-              " "
-            ] }
-          )
-        ] }
-      )
-    }
-  ) }
-), Gn = ({
+}, Gn = ({
   source: r,
   onSearchCallback: l,
   isActive: a
 }) => {
   const [o, u] = G(""), [s, h] = G([]), y = (c, E) => {
     if (!c) return [];
-    const g = Je(c).split(/\s+/);
-    return E.filter((S) => {
-      const M = Je(S.label);
-      if (g.some((H) => jt(M, H))) return !0;
-      const O = M.split(/\s+/), T = g.some((H) => O.some((Y) => Y.includes(H) || $e(H, Y))), ne = typeof S.additionalContent == "string" && g.some((H) => {
-        const Y = Je(S.additionalContent);
-        return jt(Y, H) || Y.split(/\s+/).some((Z) => Z.includes(H) || $e(H, Z));
+    const g = Qe(c).split(/\s+/);
+    return E.filter((k) => {
+      const Z = Qe(k.label);
+      if (g.some(($) => jt(Z, $))) return !0;
+      const O = Z.split(/\s+/), S = g.some(($) => O.some((V) => V.includes($) || He($, V))), re = typeof k.additionalContent == "string" && g.some(($) => {
+        const V = Qe(k.additionalContent);
+        return jt(V, $) || V.split(/\s+/).some((U) => U.includes($) || He($, U));
       });
-      return T || ne;
-    }).sort((S, M) => S.label.localeCompare(M.label));
+      return S || re;
+    }).sort((k, Z) => k.label.localeCompare(Z.label));
   }, p = (c) => {
     if (u(c), !c) {
       h([]);
@@ -1524,15 +1511,15 @@ const Ke = 60, bt = 6, Mn = (r) => {
     }
     const E = y(c, r);
     h(E), l && l(c, E);
-  }, b = () => {
+  }, j = () => {
     u(""), h([]);
   };
-  return Q(() => {
+  return J(() => {
     a || (u(""), h([]));
   }, [a]), {
     query: o,
     results: s,
-    handleClose: b,
+    handleClose: j,
     handleSearch: p
   };
 }, Un = (r) => {
@@ -1540,7 +1527,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
   return r.reduce((a, o) => {
     var s;
     const u = ((s = o.sections) == null ? void 0 : s.reduce((h, y) => {
-      const p = y.links.filter((b) => l.has(b.label) || b.isSearchable !== !0 ? !1 : (l.add(b.label), !0));
+      const p = y.links.filter((j) => l.has(j.label) || j.isSearchable !== !0 ? !1 : (l.add(j.label), !0));
       return [...h, ...p];
     }, [])) ?? [];
     return [...a, ...u];
@@ -1555,41 +1542,51 @@ const Ke = 60, bt = 6, Mn = (r) => {
   registrationUrl: h,
   profileUrl: y = "https://secure.everlywell.com/login",
   mobileBottomButtons: p = [],
-  numberOfCartItems: b = 0,
+  numberOfCartItems: j = 0,
   linkComponent: c,
   onSearchCallback: E,
-  onLinkClick: w,
+  onLinkClick: b,
   onCategoryOpen: g,
-  onMobileMenuOpen: S,
-  onBackToMainMenu: M,
-  onRegisterKitClick: U,
+  onMobileMenuOpen: k,
+  onBackToMainMenu: Z,
+  onRegisterKitClick: ne,
   onProfileClick: O,
-  onLogoClick: T,
-  shopAllProductsUrl: ne,
-  onShopAllProductsClick: H
+  onLogoClick: S,
+  shopAllProductsUrl: re,
+  onShopAllProductsClick: $
 }) => {
-  var te, be, je;
-  const [Y, Z] = G(!1), [ee, I] = G(!1), [_, F] = G(null), [_e, ge] = G(!1), [z, X] = G(!1), [J, Se] = G(0), Te = Me({
+  var we, ie, Oe;
+  const [V, U] = G(!1), [q, L] = G(!1), [_, M] = G(null), [_e, ge] = G(!1), [B, K] = G(!1), [X, Se] = G(0), [Te, xe] = G(!1);
+  J(() => {
+    const d = () => xe(!0), T = () => xe(!1);
+    return window.addEventListener(nt, d), window.addEventListener(rt, T), () => {
+      window.removeEventListener(
+        nt,
+        d
+      ), window.removeEventListener(rt, T);
+    };
+  }, []);
+  const ke = Fe({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
   }) ?? !1;
-  Q(() => {
-    ae(), F(null);
-  }, [Te]);
+  J(() => {
+    ee(), M(null);
+  }, [ke]);
   const {
-    query: ke,
-    results: ie,
-    handleSearch: De
+    query: De,
+    results: se,
+    handleSearch: Ie
   } = Gn({
     source: Un(r),
     onSearchCallback: E,
-    isActive: ee
-  }), xe = ie.length > 0, oe = c || V, Ie = pe(ne, !!c), He = ke && /* @__PURE__ */ t.jsxs(
+    isActive: q
+  }), ve = se.length > 0, me = c || N, Be = pe(re, !!c), be = De && /* @__PURE__ */ t.jsxs(
     C,
-    { gap: xe ? "6" : 0, direction: "column", children: [
-      xe ? /* @__PURE__ */ t.jsx(A, { color: "tints.uiGrey", children: `${ie.length} Results` }) : /* @__PURE__ */ t.jsxs(
+    { gap: ve ? "6" : 0, direction: "column", children: [
+      ve ? /* @__PURE__ */ t.jsx(A, { color: "tints.uiGrey", children: `${se.length} Results` }) : /* @__PURE__ */ t.jsxs(
         C,
         { direction: "column", gap: "6", alignItems: "flex-start", children: [
           /* @__PURE__ */ t.jsx(
@@ -1599,11 +1596,11 @@ const Ke = 60, bt = 6, Mn = (r) => {
           /* @__PURE__ */ t.jsx(
             Rt,
             {
-              as: oe,
-              onClick: H,
+              as: me,
+              onClick: $,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
-              ...Ie,
+              ...Be,
               children: "Shop all products"
             }
           )
@@ -1611,11 +1608,11 @@ const Ke = 60, bt = 6, Mn = (r) => {
       ),
       /* @__PURE__ */ t.jsx(
         ln,
-        { columns: [1, 1, 1, 4], children: ie.map(
-          (d, L) => /* @__PURE__ */ t.jsx(
+        { columns: [1, 1, 1, 4], children: se.map(
+          (d, T) => /* @__PURE__ */ t.jsx(
             on,
             { children: /* @__PURE__ */ t.jsx(
-              Xe,
+              Je,
               {
                 href: d.href,
                 label: d.label,
@@ -1623,92 +1620,92 @@ const Ke = 60, bt = 6, Mn = (r) => {
                 linkComponent: c
               }
             ) },
-            `${d.label}-${L}`
+            `${d.label}-${T}`
           )
         ) }
       )
     ] }
-  ), ae = () => {
-    Z(!1), F(null);
-  }, K = (d) => "href" in d, ve = (d) => {
-    K(d) ? w == null || w(d.label) : F(d);
-  }, se = (d) => {
-    ge(!0), I(!1), F(null), !K(d) && (d.sections || d.spotlightCards) && F(d);
-  }, me = () => {
+  ), ee = () => {
+    U(!1), M(null);
+  }, Y = (d) => "href" in d, je = (d) => {
+    Y(d) ? b == null || b(d.label) : M(d);
+  }, ue = (d) => {
+    ge(!0), L(!1), M(null), !Y(d) && (d.sections || d.spotlightCards) && M(d);
+  }, We = () => {
     ge(!1);
   };
-  Q(() => {
-    const d = (L) => {
-      X(L.detail.isHovering);
+  J(() => {
+    const d = (T) => {
+      K(T.detail.isHovering);
     };
     return window.addEventListener(
-      et,
+      tt,
       d
     ), () => {
       window.removeEventListener(
-        et,
+        tt,
         d
       );
     };
-  }, []), Q(() => {
-    !_e && !z && (F(null), I(!1));
-  }, [_e, z]), Q(() => {
+  }, []), J(() => {
+    !_e && !B && (M(null), L(!1));
+  }, [_e, B]), J(() => {
     let d = window.location.href;
-    const L = () => {
-      const P = window.location.href;
-      P !== d && (d = P, ae(), F(null));
-    }, B = setInterval(L, 100);
-    return window.addEventListener("popstate", L), () => {
-      window.removeEventListener("popstate", L), clearInterval(B);
+    const T = () => {
+      const W = window.location.href;
+      W !== d && (d = W, ee(), M(null));
+    }, H = setInterval(T, 100);
+    return window.addEventListener("popstate", T), () => {
+      window.removeEventListener("popstate", T), clearInterval(H);
     };
   }, []);
-  const ue = r == null ? void 0 : r.map(
-    (d, L) => /* @__PURE__ */ t.jsx(
-      Pe,
+  const Le = r == null ? void 0 : r.map(
+    (d, T) => /* @__PURE__ */ t.jsx(
+      Me,
       {
         onMouseEnter: () => {
-          se(d), g == null || g(d.label);
+          ue(d), g == null || g(d.label);
         },
-        onMouseLeave: me,
+        onMouseLeave: We,
         isSelected: (_ == null ? void 0 : _.label) === d.label,
-        as: K(d) && oe ? oe : V,
-        href: K(d) ? d.href : void 0,
-        onClick: K(d) ? () => w == null ? void 0 : w(d.label) : void 0,
+        as: Y(d) && me ? me : N,
+        href: Y(d) ? d.href : void 0,
+        onClick: Y(d) ? () => b == null ? void 0 : b(d.label) : void 0,
         ...d.buttonProps,
         children: d.label
       },
-      `${d.label}-${L}`
+      `${d.label}-${T}`
     )
-  ), Fe = (te = r.filter(
-    (d) => !K(d) && d.isMobileTopLink !== !1
-  )) == null ? void 0 : te.map((d, L) => {
-    const B = d;
+  ), ze = (we = r.filter(
+    (d) => !Y(d) && d.isMobileTopLink !== !1
+  )) == null ? void 0 : we.map((d, T) => {
+    const H = d;
     return /* @__PURE__ */ t.jsx(
       m,
       {
         onClick: () => {
-          ve(B), g == null || g(B.label);
+          je(H), g == null || g(H.label);
         },
         children: /* @__PURE__ */ t.jsx(
-          Xe,
+          Je,
           {
-            label: B.label,
+            label: H.label,
             role: "link",
-            additionalContent: B.additionalContent,
+            additionalContent: H.additionalContent,
             mainTextFontSize: "3xl",
             linkComponent: c
           }
         )
       },
-      `${B.label}-${L}`
+      `${H.label}-${T}`
     );
-  }), Le = /* @__PURE__ */ t.jsxs(
+  }), Ne = /* @__PURE__ */ t.jsxs(
     t.Fragment,
     { children: [
       /* @__PURE__ */ t.jsx(
-        Pe,
+        Me,
         {
-          as: V,
+          as: N,
           href: y,
           width: "100%",
           backgroundColor: "tints.cream",
@@ -1717,43 +1714,43 @@ const Ke = 60, bt = 6, Mn = (r) => {
             C,
             { gap: "2", children: [
               "My Everly",
-              /* @__PURE__ */ t.jsx(q, { as: xt, size: 24 })
+              /* @__PURE__ */ t.jsx(Q, { as: xt, size: 24 })
             ] }
           )
         },
         "my-everly"
       ),
       /* @__PURE__ */ t.jsx(
-        Pe,
+        Me,
         {
-          as: V,
+          as: N,
           width: "100%",
           href: h,
           backgroundColor: "tints.cream",
-          onClick: U,
+          onClick: ne,
           children: /* @__PURE__ */ t.jsxs(
             C,
             { gap: "2", children: [
               "Register kit",
-              /* @__PURE__ */ t.jsx(q, { as: _n, size: 24 })
+              /* @__PURE__ */ t.jsx(Q, { as: _n, size: 24 })
             ] }
           )
         },
         "register-kit"
       )
     ] }
-  ), Be = /* @__PURE__ */ t.jsxs(
+  ), ce = /* @__PURE__ */ t.jsxs(
     C,
     { gap: "2", flexDirection: "column", children: [
       p,
-      Le
+      Ne
     ] }
-  ), We = _ ? /* @__PURE__ */ t.jsx(
+  ), le = _ ? /* @__PURE__ */ t.jsx(
     C,
-    { direction: ["column", null, null, "row"], gap: "8", children: (be = _ == null ? void 0 : _.sections) == null ? void 0 : be.map((d, L) => {
-      const B = [];
-      for (let P = 0; P < d.links.length; P += 3)
-        B.push(d.links.slice(P, P + 3));
+    { direction: ["column", null, null, "row"], gap: "8", children: (ie = _ == null ? void 0 : _.sections) == null ? void 0 : ie.map((d, T) => {
+      const H = [];
+      for (let W = 0; W < d.links.length; W += 3)
+        H.push(d.links.slice(W, W + 3));
       return /* @__PURE__ */ t.jsxs(
         m,
         { children: [
@@ -1771,131 +1768,139 @@ const Ke = 60, bt = 6, Mn = (r) => {
             {
               flexDirection: ["column", null, null, "row"],
               gap: [null, null, null, 8],
-              children: B == null ? void 0 : B.map(
-                (P, ze) => /* @__PURE__ */ t.jsx(
+              children: H == null ? void 0 : H.map(
+                (W, Pe) => /* @__PURE__ */ t.jsx(
                   C,
                   {
                     flexDirection: ["column"],
                     gap: [null, null, null, 5],
                     marginLeft: [null, null, null, -2],
-                    children: P == null ? void 0 : P.map(
-                      (re, Ae) => /* @__PURE__ */ t.jsx(
-                        Xe,
+                    children: W == null ? void 0 : W.map(
+                      (te, oe) => /* @__PURE__ */ t.jsx(
+                        Je,
                         {
-                          label: re.label,
-                          href: re.href,
-                          additionalContent: re.additionalContent,
+                          label: te.label,
+                          href: te.href,
+                          additionalContent: te.additionalContent,
                           linkComponent: c,
-                          onClick: () => w == null ? void 0 : w(re.label)
+                          onClick: () => b == null ? void 0 : b(te.label)
                         },
-                        `${re.label}-${Ae}`
+                        `${te.label}-${oe}`
                       )
                     )
                   },
-                  ze
+                  Pe
                 )
               )
             }
           )
         ] },
-        `${d.title}-${L}`
+        `${d.title}-${T}`
       );
     }) }
-  ) : null, ce = _ != null && _.spotlightCards ? (je = _.spotlightCards) == null ? void 0 : je.map(
-    (d, L) => /* @__PURE__ */ t.jsx(Hn, { ...d }, `${d.title}-${L}`)
+  ) : null, Ae = _ != null && _.spotlightCards ? (Oe = _.spotlightCards) == null ? void 0 : Oe.map(
+    (d, T) => /* @__PURE__ */ t.jsx(Hn, { ...d }, `${d.title}-${T}`)
   ) : /* @__PURE__ */ t.jsx(m, {});
   return /* @__PURE__ */ t.jsxs(
-    "nav",
-    { "aria-label": "Main navigation", children: [
-      /* @__PURE__ */ t.jsx(
-        Vn,
-        {
-          desktopTopButtons: ue,
-          kitRegistrationElement: /* @__PURE__ */ t.jsx(
-            Pe,
-            {
-              as: V,
-              href: h,
-              onClick: U,
-              backgroundColor: "tints.cream",
-              children: "Register Kit"
-            }
-          ),
-          profileElement: /* @__PURE__ */ t.jsx(
-            V,
-            { href: y, "aria-label": "login", onClick: O, children: /* @__PURE__ */ t.jsx(he, { icon: /* @__PURE__ */ t.jsx(q, { as: xt }), "aria-label": "Profile" }) }
-          ),
-          cartElement: /* @__PURE__ */ t.jsx(
-            Yn,
-            {
-              "aria-label": "Cart",
-              count: b,
-              onClick: l
-            }
-          ),
-          onSearchClick: () => {
-            I(!ee), s == null || s();
-          },
-          onMenuClick: () => {
-            Z(!0), S == null || S();
-          },
-          hasSearch: u,
-          logoLink: o,
-          linkComponent: c,
-          onLogoClick: T,
-          setTopOffset: Se
-        }
-      ),
-      /* @__PURE__ */ t.jsxs(
-        m,
-        { position: "relative", zIndex: "modal", children: [
-          /* @__PURE__ */ t.jsx(
-            Qe,
-            {
-              isOpen: Y,
-              onClose: ae,
-              title: a,
-              navDrawerLinks: Fe,
-              bottomNavButtons: Be,
-              hasBackButton: !1,
-              topOffset: J
-            }
-          ),
-          /* @__PURE__ */ t.jsx(
-            Qe,
-            {
-              isOpen: !!_,
-              onClose: () => {
-                ae(), F(null);
-              },
-              title: (_ == null ? void 0 : _.label) || "",
-              navDrawerLinks: We,
-              onBackClick: () => F(null),
-              spotlightCards: ce,
-              hasOnlySpotlightCards: _ == null ? void 0 : _.hasOnlySpotlightCards,
-              bottomButton: _ == null ? void 0 : _.bottomButton,
-              topOffset: J
-            }
-          ),
-          /* @__PURE__ */ t.jsx(
-            Qe,
-            {
-              isOpen: ee,
-              onClose: () => I(!1),
-              title: "Search",
-              navDrawerLinks: He,
-              onSearch: De,
-              hasSearch: !0,
-              hasBackButton: !1,
-              topOffset: J
-            }
-          )
-        ] }
-      )
-    ] }
+    m,
+    {
+      as: "nav",
+      "aria-label": "Main navigation",
+      position: "sticky",
+      top: "0",
+      width: "100%",
+      zIndex: ["sticky", null, null, Te ? "modal" : "sticky"],
+      children: [
+        /* @__PURE__ */ t.jsx(
+          Fn,
+          {
+            desktopTopButtons: Le,
+            kitRegistrationElement: /* @__PURE__ */ t.jsx(
+              Me,
+              {
+                as: N,
+                href: h,
+                onClick: ne,
+                backgroundColor: "tints.cream",
+                children: "Register Kit"
+              }
+            ),
+            profileElement: /* @__PURE__ */ t.jsx(
+              N,
+              { href: y, "aria-label": "login", onClick: O, children: /* @__PURE__ */ t.jsx(he, { icon: /* @__PURE__ */ t.jsx(Q, { as: xt }), "aria-label": "Profile" }) }
+            ),
+            cartElement: /* @__PURE__ */ t.jsx(
+              Bn,
+              {
+                "aria-label": "Cart",
+                count: j,
+                onClick: l
+              }
+            ),
+            onSearchClick: () => {
+              L(!q), s == null || s();
+            },
+            onMenuClick: () => {
+              U(!0), k == null || k();
+            },
+            hasSearch: u,
+            logoLink: o,
+            linkComponent: c,
+            onLogoClick: S,
+            setTopOffset: Se
+          }
+        ),
+        /* @__PURE__ */ t.jsxs(
+          m,
+          { position: "relative", zIndex: "modal", children: [
+            /* @__PURE__ */ t.jsx(
+              qe,
+              {
+                isOpen: V,
+                onClose: ee,
+                title: a,
+                navDrawerLinks: ze,
+                bottomNavButtons: ce,
+                hasBackButton: !1,
+                topOffset: X
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              qe,
+              {
+                isOpen: !!_,
+                onClose: () => {
+                  ee(), M(null);
+                },
+                title: (_ == null ? void 0 : _.label) || "",
+                navDrawerLinks: le,
+                onBackClick: () => M(null),
+                spotlightCards: Ae,
+                hasOnlySpotlightCards: _ == null ? void 0 : _.hasOnlySpotlightCards,
+                bottomButton: _ == null ? void 0 : _.bottomButton,
+                topOffset: X
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              qe,
+              {
+                isOpen: q,
+                onClose: () => L(!1),
+                title: "Search",
+                navDrawerLinks: be,
+                onSearch: Ie,
+                hasSearch: !0,
+                hasBackButton: !1,
+                topOffset: X
+              }
+            )
+          ] }
+        )
+      ]
+    }
   );
 }, yt = ({ links: r, linkComponent: l, onLinkClick: a }) => {
-  const o = l || V, u = (s) => {
+  const o = l || N, u = (s) => {
     a && a(s);
   };
   return /* @__PURE__ */ t.jsx(
@@ -1931,7 +1936,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
               { color: "viridian.lighter", size: "lg", flex: "1", textAlign: "left", children: r }
             ),
             /* @__PURE__ */ t.jsx(
-              q,
+              Q,
               {
                 as: Sn,
                 size: "sm",
@@ -1962,7 +1967,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
   sections: r,
   linkComponent: l,
   onLinkClick: a
-}) => Me({
+}) => Fe({
   base: !1,
   tablet: !1,
   largeTablet: !0,
@@ -2037,7 +2042,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
     s && l && (l(s), h(""));
   }, p = (c) => {
     c.key === "Enter" && y();
-  }, b = (c) => {
+  }, j = (c) => {
     u && u(c);
   };
   return /* @__PURE__ */ t.jsxs(
@@ -2073,7 +2078,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
               /* @__PURE__ */ t.jsx(
                 hn,
                 { h: "52px", pr: 4, children: /* @__PURE__ */ t.jsx(
-                  q,
+                  Q,
                   {
                     as: Tn,
                     color: "viridian.lighter",
@@ -2103,15 +2108,15 @@ const Ke = 60, bt = 6, Mn = (r) => {
             C,
             { gap: 3, children: r == null ? void 0 : r.map(
               (c) => /* @__PURE__ */ t.jsx(
-                V,
+                N,
                 {
                   href: c.href,
                   target: "_blank",
                   rel: "noopener noreferrer",
                   "aria-label": c.name,
-                  onClick: () => b(c.name),
+                  onClick: () => j(c.name),
                   children: Et[c.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
-                    q,
+                    Q,
                     {
                       as: Et[c.name.toLowerCase()],
                       color: "white",
@@ -2133,7 +2138,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
   linkComponent: l,
   onLinkClick: a
 }) => {
-  const o = l || V, u = (h) => {
+  const o = l || N, u = (h) => {
     a && a(h);
   }, s = r == null ? void 0 : r.map(
     (h) => /* @__PURE__ */ t.jsx(
@@ -2188,7 +2193,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
   linkComponent: h,
   onEmailSubmit: y,
   additionalContent: p,
-  onLinkClick: b,
+  onLinkClick: j,
   onSocialMediaClick: c
 }, E) => /* @__PURE__ */ t.jsx(
   m,
@@ -2215,7 +2220,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
                   {
                     sections: r,
                     linkComponent: h,
-                    onLinkClick: b
+                    onLinkClick: j
                   }
                 ),
                 /* @__PURE__ */ t.jsx(
@@ -2273,23 +2278,23 @@ const Ke = 60, bt = 6, Mn = (r) => {
           disclaimer: l,
           links: s,
           linkComponent: h,
-          onLinkClick: b
+          onLinkClick: j
         }
       )
     ] }
   ) }
 ));
 export {
-  Yn as BasketButton,
+  Bn as BasketButton,
   ir as CategoryLabel,
   sr as Footer,
-  Pe as NavButton,
+  Me as NavButton,
   or as NavSkeleton,
-  Qe as NavbarDrawer,
-  Xe as NavbarDrawerLink,
+  qe as NavbarDrawer,
+  Je as NavbarDrawerLink,
   ar as NavigationBar,
   Hn as SpotlightCard,
   lr as Stepper,
   he as TopNavIconButton,
-  Vn as TopNavigation
+  Fn as TopNavigation
 };