npm - @everlywell/consumer-ui - Versions diffs - 1.37.2 → 1.37.4 - Mend

@everlywell/consumer-ui 1.37.2 → 1.37.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 (9) hide show

package/index.mjs CHANGED Viewed

@@ -1,9 +1,9 @@
-import { useSteps as Mt, Box as E, Stepper as Bt, Icon as ue, Flex as k, Text as K, Link as Y, Button as xt, Image as Wt, IconButton as Vt, theme as Ue, VStack as Nt, Skeleton as Ne, HStack as ct, SkeletonCircle as De, DrawerContent as Yt, DrawerOverlay as zt, Drawer as Gt, DrawerHeader as Ut, DrawerBody as Zt, Grid as Kt, GridItem as Xt } from "@everlywell/ui-kit";
-import Xe, { useEffect as Z, forwardRef as bt, useRef as Jt, useCallback as mt, useState as W } from "react";
-import { Text as qt, useBreakpointValue as Je, Box as Qt, InputGroup as en, Input as tn, InputRightElement as nn, Icon as rn } from "@chakra-ui/react";
-import { CaretRight as dt, MagnifyingGlass as yt, List as ln, Basket as an, CaretLeft as on, X as sn, User as ft, QrCode as un } from "@phosphor-icons/react";
-import { motion as qe, AnimatePresence as cn } from "framer-motion";
-var Ze = { exports: {} }, Ce = {};
+import { useSteps as Nt, Box as E, Stepper as Vt, Icon as ue, Flex as D, Text as J, Link as G, Button as wt, Image as Yt, IconButton as zt, theme as Ue, DrawerContent as Gt, DrawerOverlay as Ut, Drawer as Zt, DrawerHeader as Kt, DrawerBody as Xt, VStack as Jt, Skeleton as Ve, HStack as ft, SkeletonCircle as De, Grid as qt, GridItem as Qt } from "@everlywell/ui-kit";
+import qe, { useEffect as U, forwardRef as yt, useState as B, useCallback as Ct, useRef as en } from "react";
+import { Text as tn, useBreakpointValue as Qe, Box as nn, InputGroup as rn, Input as ln, InputRightElement as an, Icon as on } from "@chakra-ui/react";
+import { CaretRight as pt, CaretLeft as sn, X as un, MagnifyingGlass as jt, List as cn, Basket as dn, User as ht, QrCode as fn } from "@phosphor-icons/react";
+import { motion as et, AnimatePresence as pn } from "framer-motion";
+var Ze = { exports: {} }, ye = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,21 +13,21 @@ var Ze = { exports: {} }, Ce = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var pt;
-function dn() {
-  if (pt) return Ce;
-  pt = 1;
-  var l = Xe, i = Symbol.for("react.element"), p = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, y = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function b(R, c, j) {
-    var s, C = {}, g = null, u = null;
-    j !== void 0 && (g = "" + j), c.key !== void 0 && (g = "" + c.key), c.ref !== void 0 && (u = c.ref);
-    for (s in c) d.call(c, s) && !v.hasOwnProperty(s) && (C[s] = c[s]);
-    if (R && R.defaultProps) for (s in c = R.defaultProps, c) C[s] === void 0 && (C[s] = c[s]);
-    return { $$typeof: i, type: R, key: g, ref: u, props: C, _owner: y.current };
+var vt;
+function hn() {
+  if (vt) return ye;
+  vt = 1;
+  var l = qe, o = Symbol.for("react.element"), p = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, w = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function b(R, c, C) {
+    var u, y = {}, g = null, s = null;
+    C !== void 0 && (g = "" + C), c.key !== void 0 && (g = "" + c.key), c.ref !== void 0 && (s = c.ref);
+    for (u in c) d.call(c, u) && !v.hasOwnProperty(u) && (y[u] = c[u]);
+    if (R && R.defaultProps) for (u in c = R.defaultProps, c) y[u] === void 0 && (y[u] = c[u]);
+    return { $$typeof: o, type: R, key: g, ref: s, props: y, _owner: w.current };
   }
-  return Ce.Fragment = p, Ce.jsx = b, Ce.jsxs = b, Ce;
+  return ye.Fragment = p, ye.jsx = b, ye.jsxs = b, ye;
 }
-var je = {};
+var Ce = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -37,27 +37,27 @@ var je = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ht;
-function fn() {
-  return ht || (ht = 1, process.env.NODE_ENV !== "production" && function() {
-    var l = Xe, i = Symbol.for("react.element"), p = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), R = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), D = Symbol.iterator, Q = "@@iterator";
-    function ee(e) {
+var gt;
+function vn() {
+  return gt || (gt = 1, process.env.NODE_ENV !== "production" && function() {
+    var l = qe, o = Symbol.for("react.element"), p = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), R = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), s = Symbol.for("react.offscreen"), _ = Symbol.iterator, W = "@@iterator";
+    function V(e) {
       if (e === null || typeof e != "object")
         return null;
-      var n = D && e[D] || e[Q];
+      var n = _ && e[_] || e[W];
       return typeof n == "function" ? n : null;
     }
-    var F = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function _(e) {
+    var M = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function S(e) {
       {
-        for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), o = 1; o < n; o++)
-          r[o - 1] = arguments[o];
+        for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), i = 1; i < n; i++)
+          r[i - 1] = arguments[i];
         de("error", e, r);
       }
     }
     function de(e, n, r) {
       {
-        var o = F.ReactDebugCurrentFrame, x = o.getStackAddendum();
+        var i = M.ReactDebugCurrentFrame, x = i.getStackAddendum();
         x !== "" && (n += "%s", r = r.concat([x]));
         var m = r.map(function(h) {
           return String(h);
@@ -65,29 +65,29 @@ function fn() {
         m.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, m);
       }
     }
-    var fe = !1, pe = !1, X = !1, z = !1, L = !1, w;
-    w = Symbol.for("react.module.reference");
-    function H(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === d || e === v || L || e === y || e === j || e === s || z || e === u || fe || pe || X || typeof e == "object" && e !== null && (e.$$typeof === g || e.$$typeof === C || e.$$typeof === b || e.$$typeof === R || e.$$typeof === c || // This needs to include all possible module reference object
+    var fe = !1, pe = !1, q = !1, Z = !1, L = !1, j;
+    j = Symbol.for("react.module.reference");
+    function A(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === d || e === v || L || e === w || e === C || e === u || Z || e === s || fe || pe || q || typeof e == "object" && e !== null && (e.$$typeof === g || e.$$typeof === y || e.$$typeof === b || e.$$typeof === R || e.$$typeof === c || // 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.
-      e.$$typeof === w || e.getModuleId !== void 0));
+      e.$$typeof === j || e.getModuleId !== void 0));
     }
-    function we(e, n, r) {
-      var o = e.displayName;
-      if (o)
-        return o;
+    function je(e, n, r) {
+      var i = e.displayName;
+      if (i)
+        return i;
       var x = n.displayName || n.name || "";
       return x !== "" ? r + "(" + x + ")" : r;
     }
     function he(e) {
       return e.displayName || "Context";
     }
-    function A(e) {
+    function $(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && _("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;
@@ -98,11 +98,11 @@ function fn() {
           return "Portal";
         case v:
           return "Profiler";
-        case y:
+        case w:
           return "StrictMode";
-        case j:
+        case C:
           return "Suspense";
-        case s:
+        case u:
           return "SuspenseList";
       }
       if (typeof e == "object")
@@ -114,14 +114,14 @@ function fn() {
             var r = e;
             return he(r._context) + ".Provider";
           case c:
-            return we(e, e.render, "ForwardRef");
-          case C:
-            var o = e.displayName || null;
-            return o !== null ? o : A(e.type) || "Memo";
+            return je(e, e.render, "ForwardRef");
+          case y:
+            var i = e.displayName || null;
+            return i !== null ? i : $(e.type) || "Memo";
           case g: {
             var x = e, m = x._payload, h = x._init;
             try {
-              return A(h(m));
+              return $(h(m));
             } catch {
               return null;
             }
@@ -129,14 +129,14 @@ function fn() {
         }
       return null;
     }
-    var V = Object.assign, N = 0, Ee, Re, _e, te, Se, ge, ne;
+    var Y = Object.assign, z = 0, Ee, Re, _e, te, Se, ve, ne;
     function Te() {
     }
     Te.__reactDisabledLog = !0;
-    function Oe() {
+    function Pe() {
       {
-        if (N === 0) {
-          Ee = console.log, Re = console.info, _e = console.warn, te = console.error, Se = console.group, ge = console.groupCollapsed, ne = console.groupEnd;
+        if (z === 0) {
+          Ee = console.log, Re = console.info, _e = console.warn, te = console.error, Se = console.group, ve = console.groupCollapsed, ne = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -153,56 +153,56 @@ function fn() {
             groupEnd: e
           });
         }
-        N++;
+        z++;
       }
     }
     function re() {
       {
-        if (N--, N === 0) {
+        if (z--, z === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: V({}, e, {
+            log: Y({}, e, {
               value: Ee
             }),
-            info: V({}, e, {
+            info: Y({}, e, {
               value: Re
             }),
-            warn: V({}, e, {
+            warn: Y({}, e, {
               value: _e
             }),
-            error: V({}, e, {
+            error: Y({}, e, {
               value: te
             }),
-            group: V({}, e, {
+            group: Y({}, e, {
               value: Se
             }),
-            groupCollapsed: V({}, e, {
-              value: ge
+            groupCollapsed: Y({}, e, {
+              value: ve
             }),
-            groupEnd: V({}, e, {
+            groupEnd: Y({}, e, {
               value: ne
             })
           });
         }
-        N < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        z < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var B = F.ReactCurrentDispatcher, ve;
+    var N = M.ReactCurrentDispatcher, ge;
     function le(e, n, r) {
       {
-        if (ve === void 0)
+        if (ge === void 0)
           try {
             throw Error();
           } catch (x) {
-            var o = x.stack.trim().match(/\n( *(at )?)/);
-            ve = o && o[1] || "";
+            var i = x.stack.trim().match(/\n( *(at )?)/);
+            ge = i && i[1] || "";
           }
         return `
-` + ve + e;
+` + ge + e;
       }
     }
     var xe = !1, ae;
@@ -218,12 +218,12 @@ function fn() {
         if (r !== void 0)
           return r;
       }
-      var o;
+      var i;
       xe = !0;
       var x = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var m;
-      m = B.current, B.current = null, Oe();
+      m = N.current, N.current = null, Pe();
       try {
         if (n) {
           var h = function() {
@@ -236,171 +236,171 @@ function fn() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(h, []);
-            } catch ($) {
-              o = $;
+            } catch (H) {
+              i = H;
             }
             Reflect.construct(e, [], h);
           } else {
             try {
               h.call();
-            } catch ($) {
-              o = $;
+            } catch (H) {
+              i = H;
             }
             e.call(h.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch ($) {
-            o = $;
+          } catch (H) {
+            i = H;
           }
           e();
         }
-      } catch ($) {
-        if ($ && o && typeof $.stack == "string") {
-          for (var f = $.stack.split(`
-`), O = o.stack.split(`
-`), S = f.length - 1, T = O.length - 1; S >= 1 && T >= 0 && f[S] !== O[T]; )
-            T--;
-          for (; S >= 1 && T >= 0; S--, T--)
-            if (f[S] !== O[T]) {
-              if (S !== 1 || T !== 1)
+      } catch (H) {
+        if (H && i && typeof H.stack == "string") {
+          for (var f = H.stack.split(`
+`), P = i.stack.split(`
+`), T = f.length - 1, k = P.length - 1; T >= 1 && k >= 0 && f[T] !== P[k]; )
+            k--;
+          for (; T >= 1 && k >= 0; T--, k--)
+            if (f[T] !== P[k]) {
+              if (T !== 1 || k !== 1)
                 do
-                  if (S--, T--, T < 0 || f[S] !== O[T]) {
-                    var M = `
-` + f[S].replace(" at new ", " at ");
-                    return e.displayName && M.includes("<anonymous>") && (M = M.replace("<anonymous>", e.displayName)), typeof e == "function" && ae.set(e, M), M;
+                  if (T--, k--, k < 0 || f[T] !== P[k]) {
+                    var F = `
+` + f[T].replace(" at new ", " at ");
+                    return e.displayName && F.includes("<anonymous>") && (F = F.replace("<anonymous>", e.displayName)), typeof e == "function" && ae.set(e, F), F;
                   }
-                while (S >= 1 && T >= 0);
+                while (T >= 1 && k >= 0);
               break;
             }
         }
       } finally {
-        xe = !1, B.current = m, re(), Error.prepareStackTrace = x;
+        xe = !1, N.current = m, re(), Error.prepareStackTrace = x;
       }
-      var se = e ? e.displayName || e.name : "", q = se ? le(se) : "";
-      return typeof e == "function" && ae.set(e, q), q;
+      var se = e ? e.displayName || e.name : "", ee = se ? le(se) : "";
+      return typeof e == "function" && ae.set(e, ee), ee;
     }
-    function He(e, n, r) {
+    function Ae(e, n, r) {
       return ke(e, !1);
     }
-    function $e(e) {
+    function He(e) {
       var n = e.prototype;
       return !!(n && n.isReactComponent);
     }
-    function oe(e, n, r) {
+    function ie(e, n, r) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return ke(e, $e(e));
+        return ke(e, He(e));
       if (typeof e == "string")
         return le(e);
       switch (e) {
-        case j:
+        case C:
           return le("Suspense");
-        case s:
+        case u:
           return le("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case c:
-            return He(e.render);
-          case C:
-            return oe(e.type, n, r);
+            return Ae(e.render);
+          case y:
+            return ie(e.type, n, r);
           case g: {
-            var o = e, x = o._payload, m = o._init;
+            var i = e, x = i._payload, m = i._init;
             try {
-              return oe(m(x), n, r);
+              return ie(m(x), n, r);
             } catch {
             }
           }
         }
       return "";
     }
-    var G = Object.prototype.hasOwnProperty, be = {}, me = F.ReactDebugCurrentFrame;
+    var K = Object.prototype.hasOwnProperty, be = {}, me = M.ReactDebugCurrentFrame;
     function a(e) {
       if (e) {
-        var n = e._owner, r = oe(e.type, e._source, n ? n.type : null);
+        var n = e._owner, r = ie(e.type, e._source, n ? n.type : null);
         me.setExtraStackFrame(r);
       } else
         me.setExtraStackFrame(null);
     }
-    function I(e, n, r, o, x) {
+    function I(e, n, r, i, x) {
       {
-        var m = Function.call.bind(G);
+        var m = Function.call.bind(K);
         for (var h in e)
           if (m(e, h)) {
             var f = void 0;
             try {
               if (typeof e[h] != "function") {
-                var O = Error((o || "React class") + ": " + r + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw O.name = "Invariant Violation", O;
+                var P = Error((i || "React class") + ": " + r + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw P.name = "Invariant Violation", P;
               }
-              f = e[h](n, h, o, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (S) {
-              f = S;
+              f = e[h](n, h, i, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (T) {
+              f = T;
             }
-            f && !(f instanceof Error) && (a(x), _("%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).", o || "React class", r, h, typeof f), a(null)), f instanceof Error && !(f.message in be) && (be[f.message] = !0, a(x), _("Failed %s type: %s", r, f.message), a(null));
+            f && !(f instanceof Error) && (a(x), 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).", i || "React class", r, h, typeof f), a(null)), f instanceof Error && !(f.message in be) && (be[f.message] = !0, a(x), S("Failed %s type: %s", r, f.message), a(null));
           }
       }
     }
-    var U = Array.isArray;
-    function P(e) {
-      return U(e);
+    var X = Array.isArray;
+    function O(e) {
+      return X(e);
     }
-    function Ae(e) {
+    function $e(e) {
       {
         var n = typeof Symbol == "function" && Symbol.toStringTag, r = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return r;
       }
     }
-    function J(e) {
+    function Q(e) {
       try {
-        return Qe(e), !1;
+        return tt(e), !1;
       } catch {
         return !0;
       }
     }
-    function Qe(e) {
+    function tt(e) {
       return "" + e;
     }
-    function et(e) {
-      if (J(e))
-        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ae(e)), Qe(e);
+    function nt(e) {
+      if (Q(e))
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", $e(e)), tt(e);
     }
-    var ye = F.ReactCurrentOwner, Ct = {
+    var we = M.ReactCurrentOwner, Et = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, tt, nt, Fe;
-    Fe = {};
-    function jt(e) {
-      if (G.call(e, "ref")) {
+    }, rt, lt, Me;
+    Me = {};
+    function Rt(e) {
+      if (K.call(e, "ref")) {
         var n = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (n && n.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function wt(e) {
-      if (G.call(e, "key")) {
+    function _t(e) {
+      if (K.call(e, "key")) {
         var n = Object.getOwnPropertyDescriptor(e, "key").get;
         if (n && n.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function Et(e, n) {
-      if (typeof e.ref == "string" && ye.current && n && ye.current.stateNode !== n) {
-        var r = A(ye.current.type);
-        Fe[r] || (_('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', A(ye.current.type), e.ref), Fe[r] = !0);
+    function St(e, n) {
+      if (typeof e.ref == "string" && we.current && n && we.current.stateNode !== n) {
+        var r = $(we.current.type);
+        Me[r] || (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', $(we.current.type), e.ref), Me[r] = !0);
       }
     }
-    function Rt(e, n) {
+    function Tt(e, n) {
       {
         var r = function() {
-          tt || (tt = !0, _("%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));
+          rt || (rt = !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));
         };
         r.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: r,
@@ -408,10 +408,10 @@ function fn() {
         });
       }
     }
-    function _t(e, n) {
+    function kt(e, n) {
       {
         var r = function() {
-          nt || (nt = !0, _("%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));
+          lt || (lt = !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));
         };
         r.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: r,
@@ -419,10 +419,10 @@ function fn() {
         });
       }
     }
-    var St = function(e, n, r, o, x, m, h) {
+    var Dt = function(e, n, r, i, x, m, h) {
       var f = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: i,
+        $$typeof: o,
         // Built-in properties that belong on the element
         type: e,
         key: n,
@@ -440,7 +440,7 @@ function fn() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: o
+        value: i
       }), Object.defineProperty(f, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -448,41 +448,41 @@ function fn() {
         value: x
       }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     };
-    function Tt(e, n, r, o, x) {
+    function It(e, n, r, i, x) {
       {
-        var m, h = {}, f = null, O = null;
-        r !== void 0 && (et(r), f = "" + r), wt(n) && (et(n.key), f = "" + n.key), jt(n) && (O = n.ref, Et(n, x));
+        var m, h = {}, f = null, P = null;
+        r !== void 0 && (nt(r), f = "" + r), _t(n) && (nt(n.key), f = "" + n.key), Rt(n) && (P = n.ref, St(n, x));
         for (m in n)
-          G.call(n, m) && !Ct.hasOwnProperty(m) && (h[m] = n[m]);
+          K.call(n, m) && !Et.hasOwnProperty(m) && (h[m] = n[m]);
         if (e && e.defaultProps) {
-          var S = e.defaultProps;
-          for (m in S)
-            h[m] === void 0 && (h[m] = S[m]);
+          var T = e.defaultProps;
+          for (m in T)
+            h[m] === void 0 && (h[m] = T[m]);
         }
-        if (f || O) {
-          var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          f && Rt(h, T), O && _t(h, T);
+        if (f || P) {
+          var k = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          f && Tt(h, k), P && kt(h, k);
         }
-        return St(e, f, O, x, o, ye.current, h);
+        return Dt(e, f, P, x, i, we.current, h);
       }
     }
-    var Me = F.ReactCurrentOwner, rt = F.ReactDebugCurrentFrame;
-    function ie(e) {
+    var Fe = M.ReactCurrentOwner, at = M.ReactDebugCurrentFrame;
+    function oe(e) {
       if (e) {
-        var n = e._owner, r = oe(e.type, e._source, n ? n.type : null);
-        rt.setExtraStackFrame(r);
+        var n = e._owner, r = ie(e.type, e._source, n ? n.type : null);
+        at.setExtraStackFrame(r);
       } else
-        rt.setExtraStackFrame(null);
+        at.setExtraStackFrame(null);
     }
-    var Be;
-    Be = !1;
-    function We(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === i;
+    var We;
+    We = !1;
+    function Be(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === o;
     }
-    function lt() {
+    function it() {
       {
-        if (Me.current) {
-          var e = A(Me.current.type);
+        if (Fe.current) {
+          var e = $(Fe.current.type);
           if (e)
             return `
@@ -491,13 +491,13 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function kt(e) {
+    function Ot(e) {
       return "";
     }
-    var at = {};
-    function Dt(e) {
+    var ot = {};
+    function Pt(e) {
       {
-        var n = lt();
+        var n = it();
         if (!n) {
           var r = typeof e == "string" ? e : e.displayName || e.name;
           r && (n = `
@@ -507,39 +507,39 @@ Check the top-level render call using <` + r + ">.");
         return n;
       }
     }
-    function ot(e, n) {
+    function st(e, n) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var r = Dt(n);
-        if (at[r])
+        var r = Pt(n);
+        if (ot[r])
           return;
-        at[r] = !0;
-        var o = "";
-        e && e._owner && e._owner !== Me.current && (o = " It was passed a child from " + A(e._owner.type) + "."), ie(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', r, o), ie(null);
+        ot[r] = !0;
+        var i = "";
+        e && e._owner && e._owner !== Fe.current && (i = " It was passed a child from " + $(e._owner.type) + "."), oe(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.', r, i), oe(null);
       }
     }
-    function it(e, n) {
+    function ut(e, n) {
       {
         if (typeof e != "object")
           return;
-        if (P(e))
+        if (O(e))
           for (var r = 0; r < e.length; r++) {
-            var o = e[r];
-            We(o) && ot(o, n);
+            var i = e[r];
+            Be(i) && st(i, n);
           }
-        else if (We(e))
+        else if (Be(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var x = ee(e);
+          var x = V(e);
           if (typeof x == "function" && x !== e.entries)
             for (var m = x.call(e), h; !(h = m.next()).done; )
-              We(h.value) && ot(h.value, n);
+              Be(h.value) && st(h.value, n);
         }
       }
     }
-    function It(e) {
+    function Lt(e) {
       {
         var n = e.type;
         if (n == null || typeof n == "string")
@@ -549,109 +549,109 @@ Check the top-level render call using <` + r + ">.");
           r = n.propTypes;
         else if (typeof n == "object" && (n.$$typeof === c || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        n.$$typeof === C))
+        n.$$typeof === y))
           r = n.propTypes;
         else
           return;
         if (r) {
-          var o = A(n);
-          I(r, e.props, "prop", o, e);
-        } else if (n.PropTypes !== void 0 && !Be) {
-          Be = !0;
-          var x = A(n);
-          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
+          var i = $(n);
+          I(r, e.props, "prop", i, e);
+        } else if (n.PropTypes !== void 0 && !We) {
+          We = !0;
+          var x = $(n);
+          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
         }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && _("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 Pt(e) {
+    function At(e) {
       {
         for (var n = Object.keys(e.props), r = 0; r < n.length; r++) {
-          var o = n[r];
-          if (o !== "children" && o !== "key") {
-            ie(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", o), ie(null);
+          var i = n[r];
+          if (i !== "children" && i !== "key") {
+            oe(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), oe(null);
             break;
           }
         }
-        e.ref !== null && (ie(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), ie(null));
+        e.ref !== null && (oe(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), oe(null));
       }
     }
-    var st = {};
-    function ut(e, n, r, o, x, m) {
+    var ct = {};
+    function dt(e, n, r, i, x, m) {
       {
-        var h = H(e);
+        var h = A(e);
         if (!h) {
           var f = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (f += " 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 O = kt();
-          O ? f += O : f += lt();
-          var S;
-          e === null ? S = "null" : P(e) ? S = "array" : e !== void 0 && e.$$typeof === i ? (S = "<" + (A(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : S = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", S, f);
+          var P = Ot();
+          P ? f += P : f += it();
+          var T;
+          e === null ? T = "null" : O(e) ? T = "array" : e !== void 0 && e.$$typeof === o ? (T = "<" + ($(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : T = 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", T, f);
         }
-        var T = Tt(e, n, r, x, m);
-        if (T == null)
-          return T;
+        var k = It(e, n, r, x, m);
+        if (k == null)
+          return k;
         if (h) {
-          var M = n.children;
-          if (M !== void 0)
-            if (o)
-              if (P(M)) {
-                for (var se = 0; se < M.length; se++)
-                  it(M[se], e);
-                Object.freeze && Object.freeze(M);
+          var F = n.children;
+          if (F !== void 0)
+            if (i)
+              if (O(F)) {
+                for (var se = 0; se < F.length; se++)
+                  ut(F[se], e);
+                Object.freeze && Object.freeze(F);
               } else
-                _("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
-              it(M, e);
+              ut(F, e);
         }
-        if (G.call(n, "key")) {
-          var q = A(e), $ = Object.keys(n).filter(function(Ft) {
-            return Ft !== "key";
-          }), Ve = $.length > 0 ? "{key: someKey, " + $.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!st[q + Ve]) {
-            var At = $.length > 0 ? "{" + $.join(": ..., ") + ": ...}" : "{}";
-            _(`A props object containing a "key" prop is being spread into JSX:
+        if (K.call(n, "key")) {
+          var ee = $(e), H = Object.keys(n).filter(function(Bt) {
+            return Bt !== "key";
+          }), Ne = H.length > 0 ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ct[ee + Ne]) {
+            var Wt = H.length > 0 ? "{" + H.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} />`, Ve, q, At, q), st[q + Ve] = !0;
+  <%s key={someKey} {...props} />`, Ne, ee, Wt, ee), ct[ee + Ne] = !0;
           }
         }
-        return e === d ? Pt(T) : It(T), T;
+        return e === d ? At(k) : Lt(k), k;
       }
     }
-    function Ot(e, n, r) {
-      return ut(e, n, r, !0);
+    function Ht(e, n, r) {
+      return dt(e, n, r, !0);
     }
-    function Lt(e, n, r) {
-      return ut(e, n, r, !1);
+    function $t(e, n, r) {
+      return dt(e, n, r, !1);
     }
-    var Ht = Lt, $t = Ot;
-    je.Fragment = d, je.jsx = Ht, je.jsxs = $t;
-  }()), je;
+    var Mt = $t, Ft = Ht;
+    Ce.Fragment = d, Ce.jsx = Mt, Ce.jsxs = Ft;
+  }()), Ce;
 }
-process.env.NODE_ENV === "production" ? Ze.exports = dn() : Ze.exports = fn();
+process.env.NODE_ENV === "production" ? Ze.exports = hn() : Ze.exports = vn();
 var t = Ze.exports;
-const Ye = 60, gt = 6, pn = (l) => {
+const Ye = 60, xt = 6, gn = (l) => {
   const {
-    activeStepIndex: i,
+    activeStepIndex: o,
     hideIndicators: p = !1,
     steps: d,
-    stepperTheme: y = {
+    stepperTheme: w = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
-  } = l, { activeStep: v, setActiveStep: b } = Mt({
-    index: i,
+  } = l, { activeStep: v, setActiveStep: b } = Nt({
+    index: o,
     count: d.length
   });
-  return Z(() => {
-    b(i);
-  }, [i, b]), /* @__PURE__ */ t.jsx(
+  return U(() => {
+    b(o);
+  }, [o, b]), /* @__PURE__ */ t.jsx(
     E,
     { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
-      Bt,
+      Vt,
       {
         role: "progressbar",
         index: v,
@@ -659,16 +659,16 @@ const Ye = 60, gt = 6, pn = (l) => {
         display: "flex",
         flexWrap: "nowrap",
         children: d.map((R, c) => {
-          const j = v === c, s = c === 0, C = c === d.length - 1, g = v > c;
-          let u = `${Ye}px`;
-          const D = `calc(100% - ((${Ye * (d.length - 1)}px) - (${d.length - 1} * ${gt * 2}px)))`;
-          return j ? u = D : (s || C) && (u = `${Ye - gt}px`), /* @__PURE__ */ t.jsx(
+          const C = v === c, u = c === 0, y = c === d.length - 1, g = v > c;
+          let s = `${Ye}px`;
+          const _ = `calc(100% - ((${Ye * (d.length - 1)}px) - (${d.length - 1} * ${xt * 2}px)))`;
+          return C ? s = _ : (u || y) && (s = `${Ye - xt}px`), /* @__PURE__ */ t.jsx(
             E,
             {
-              width: u,
-              opacity: g || j ? 1 : 0.2,
-              paddingRight: C ? "0" : "6px",
-              paddingLeft: s ? "0" : "6px",
+              width: s,
+              opacity: g || C ? 1 : 0.2,
+              paddingRight: y ? "0" : "6px",
+              paddingLeft: u ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
               children: /* @__PURE__ */ t.jsx(
                 E,
@@ -682,7 +682,7 @@ const Ye = 60, gt = 6, pn = (l) => {
                       width: "100%",
                       position: "absolute",
                       top: "0",
-                      backgroundColor: g ? y.light : y.base,
+                      backgroundColor: g ? w.light : w.base,
                       height: p ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
@@ -697,33 +697,33 @@ const Ye = 60, gt = 6, pn = (l) => {
       }
     ) }
   );
-}, kn = Xe.memo(pn), Dn = ({
+}, On = qe.memo(gn), Pn = ({
   children: l,
-  ...i
+  ...o
 }) => /* @__PURE__ */ t.jsx(
-  qt,
-  { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...i, children: l }
-), Pe = (l, i) => {
+  tn,
+  { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...o, children: l }
+), Oe = (l, o) => {
   const p = (l == null ? void 0 : l.startsWith("http")) || (l == null ? void 0 : l.startsWith("mailto"));
-  return i && !p ? {
+  return o && !p ? {
     to: l
   } : {
     href: l
   };
-}, ze = bt(
-  (l, i) => {
+}, ze = yt(
+  (l, o) => {
     const {
       label: p,
       additionalContent: d,
-      mainTextFontSize: y,
+      mainTextFontSize: w,
       linkComponent: v,
       href: b,
       ...R
-    } = l, c = v || Y, j = Pe(b, !!v);
+    } = l, c = v || G, C = Oe(b, !!v);
     return /* @__PURE__ */ t.jsxs(
       E,
       {
-        ref: i,
+        ref: o,
         as: c,
         display: "flex",
         alignItems: "center",
@@ -736,14 +736,14 @@ const Ye = 60, gt = 6, pn = (l) => {
         borderColor: ["tints.cream", null, null, "unset"],
         width: ["100%", null, null, "fit-content"],
         cursor: "pointer",
-        ...j,
+        ...C,
         ...R,
         children: [
           /* @__PURE__ */ t.jsx(
             ue,
             {
               display: ["none", null, null, "block"],
-              as: dt,
+              as: pt,
               fontSize: "lg",
               color: "viridian.light",
               role: "img",
@@ -752,18 +752,18 @@ const Ye = 60, gt = 6, pn = (l) => {
             }
           ),
           /* @__PURE__ */ t.jsxs(
-            k,
+            D,
             { alignItems: "center", gap: "1", width: ["100%", null, null, "auto"], children: [
               /* @__PURE__ */ t.jsx(
-                K,
+                J,
                 {
-                  fontSize: [y || "xl", null, null, "lg"],
+                  fontSize: [w || "xl", null, null, "lg"],
                   fontWeight: "medium",
                   children: p
                 }
               ),
               d && (typeof d == "string" ? /* @__PURE__ */ t.jsx(
-                K,
+                J,
                 {
                   fontSize: ["xl", null, null, "lg"],
                   fontWeight: "medium",
@@ -780,7 +780,7 @@ const Ye = 60, gt = 6, pn = (l) => {
                 ue,
                 {
                   display: ["block", null, null, "none"],
-                  as: dt,
+                  as: pt,
                   fontSize: "2xl",
                   color: "tints.uiGrey",
                   role: "img",
@@ -794,13 +794,13 @@ const Ye = 60, gt = 6, pn = (l) => {
       }
     );
   }
-), Ie = bt(
-  (l, i) => {
-    const { children: p, isSelected: d, ...y } = l, v = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
+), Ie = yt(
+  (l, o) => {
+    const { children: p, isSelected: d, ...w } = l, v = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
-      xt,
+      wt,
       {
-        ref: i,
+        ref: o,
         borderRadius: "full",
         backgroundColor: v,
         fontSize: "lg !important",
@@ -824,30 +824,30 @@ const Ye = 60, gt = 6, pn = (l) => {
           textDecoration: "none",
           filter: "brightness(0.95)"
         },
-        ...y,
+        ...w,
         children: p
       }
     );
   }
-), hn = ({
+), xn = ({
   title: l,
-  description: i,
+  description: o,
   imageSrc: p,
   imageElement: d,
-  button: y,
+  button: w,
   backgroundColor: v = "viridian.wash",
   onClick: b,
   href: R,
   linkComponent: c
 }) => {
-  const g = c || Y, u = Pe(R, !!c), D = Je({
+  const g = c || G, s = Oe(R, !!c), _ = Qe({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
   });
   return /* @__PURE__ */ t.jsxs(
-    k,
+    D,
     {
       direction: ["row", null, null, "column"],
       alignItems: ["center"],
@@ -869,8 +869,8 @@ const Ye = 60, gt = 6, pn = (l) => {
         border: "1px solid",
         borderColor: "tints.white"
       },
-      as: D ? k : g,
-      ...D ? {} : u,
+      as: _ ? D : g,
+      ..._ ? {} : s,
       children: [
         /* @__PURE__ */ t.jsx(
           E,
@@ -879,11 +879,11 @@ const Ye = 60, gt = 6, pn = (l) => {
             height: ["100%", null, null, "188px"],
             sx: {
               img: {
-                height: D ? "188px" : "100%"
+                height: _ ? "188px" : "100%"
               }
             },
             children: p ? /* @__PURE__ */ t.jsx(
-              Wt,
+              Yt,
               {
                 src: p,
                 objectFit: "cover",
@@ -902,7 +902,7 @@ const Ye = 60, gt = 6, pn = (l) => {
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          k,
+          D,
           {
             direction: ["column", null, null, "row"],
             justifyContent: [null, null, null, "space-between"],
@@ -922,19 +922,19 @@ const Ye = 60, gt = 6, pn = (l) => {
             gap: [null, null, null, 3],
             children: [
               /* @__PURE__ */ t.jsxs(
-                k,
+                D,
                 { direction: "column", justifyContent: "center", height: "100%", children: [
                   /* @__PURE__ */ t.jsx(
-                    K,
+                    J,
                     { fontSize: "lg", fontWeight: "medium", color: "tints.black", children: l }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    K,
-                    { fontSize: "sm", color: "tints.darkGrey", children: i }
+                    J,
+                    { fontSize: "sm", color: "tints.darkGrey", children: o }
                   )
                 ] }
               ),
-              D ? /* @__PURE__ */ t.jsx(E, { children: y }) : null
+              _ ? /* @__PURE__ */ t.jsx(E, { children: w }) : null
             ]
           }
         )
@@ -942,7 +942,7 @@ const Ye = 60, gt = 6, pn = (l) => {
     }
   );
 }, ce = (l) => /* @__PURE__ */ t.jsx(
-  Vt,
+  zt,
   {
     size: "sm",
     width: ["40px", null, null, "46px"],
@@ -962,14 +962,14 @@ const Ye = 60, gt = 6, pn = (l) => {
     },
     ...l
   }
-), gn = ({
+), bn = ({
   color: l = Ue.colors.viridian.base,
-  width: i
+  width: o
 }) => /* @__PURE__ */ t.jsx(
-  Qt,
+  nn,
   {
     as: "svg",
-    width: i,
+    width: o,
     height: "auto",
     viewBox: "0 0 116 24",
     fill: "none",
@@ -990,191 +990,14 @@ const Ye = 60, gt = 6, pn = (l) => {
       ) }
     )
   }
-), vn = ({
-  desktopTopButtons: l,
-  kitRegistrationElement: i,
-  profileElement: p,
-  cartElement: d,
-  onSearchClick: y,
-  onMenuClick: v,
-  hasSearch: b = !1,
-  logoLink: R = "https://www.everlywell.com",
-  setTopOffset: c,
-  linkComponent: j,
-  onLogoClick: s
-}) => {
-  const C = Jt(null), g = mt(() => {
-    if (C.current) {
-      const u = C.current.getBoundingClientRect();
-      c(u.bottom);
-    }
-  }, []);
-  return Z(() => {
-    g();
-  }, [g]), /* @__PURE__ */ t.jsx(
-    E,
-    {
-      ref: C,
-      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, "modal"],
-      onMouseEnter: g,
-      children: /* @__PURE__ */ t.jsxs(
-        k,
-        { justifyContent: "space-between", alignItems: "center", children: [
-          /* @__PURE__ */ t.jsxs(
-            k,
-            { alignItems: "center", gap: "5", children: [
-              /* @__PURE__ */ t.jsx(
-                E,
-                {
-                  "aria-label": "Go to homepage",
-                  onClick: s,
-                  as: j || Y,
-                  ...Pe(R, !!j),
-                  children: /* @__PURE__ */ t.jsx(gn, { width: "116px" })
-                }
-              ),
-              /* @__PURE__ */ t.jsx(
-                k,
-                { display: ["none", null, null, "flex"], children: l }
-              )
-            ] }
-          ),
-          /* @__PURE__ */ t.jsxs(
-            k,
-            { alignItems: "center", gap: "2", children: [
-              /* @__PURE__ */ t.jsx(
-                E,
-                { display: ["none", null, null, "block"], children: i }
-              ),
-              b ? /* @__PURE__ */ t.jsx(
-                ce,
-                {
-                  "aria-label": "Search",
-                  icon: /* @__PURE__ */ t.jsx(ue, { as: yt }),
-                  onClick: y
-                }
-              ) : null,
-              d,
-              /* @__PURE__ */ t.jsx(
-                E,
-                { display: ["flex", null, null, "none"], children: /* @__PURE__ */ t.jsx(
-                  ce,
-                  {
-                    icon: /* @__PURE__ */ t.jsx(ln, {}),
-                    "aria-label": "menu",
-                    "data-testid": "menu-button",
-                    onClick: v
-                  }
-                ) }
-              ),
-              /* @__PURE__ */ t.jsx(E, { display: ["none", null, null, "block"], children: p })
-            ] }
-          )
-        ] }
-      )
-    }
-  );
-}, xn = ({
-  count: l = 0,
-  ...i
-}) => /* @__PURE__ */ t.jsxs(
-  E,
-  { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(ce, { icon: /* @__PURE__ */ t.jsx(an, {}), ...i }),
-    l > 0 && /* @__PURE__ */ t.jsx(
-      E,
-      {
-        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: l
-      }
-    )
-  ] }
-), In = ({
-  numDesktopLinks: l = 5,
-  showPromoButton: i = !1
-}) => /* @__PURE__ */ t.jsx(
-  Nt,
-  { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
-    E,
-    {
-      paddingY: 4,
-      paddingX: 6,
-      borderBottomWidth: "1px",
-      borderColor: "tints.lightCream",
-      children: /* @__PURE__ */ t.jsxs(
-        k,
-        { justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ t.jsx(Ne, { w: "120px", h: "48px" }),
-          /* @__PURE__ */ t.jsxs(
-            ct,
-            {
-              spacing: 8,
-              marginLeft: 12,
-              display: ["none", null, null, "flex"],
-              "data-testid": "desktop-nav",
-              children: [
-                Array.from({ length: l }).map(
-                  (p, d) => /* @__PURE__ */ t.jsx(Ne, { width: "90px", height: "48px" }, d)
-                ),
-                i && /* @__PURE__ */ t.jsx(Ne, { width: "110px", height: "48px", borderRadius: "full" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ t.jsxs(
-            ct,
-            { spacing: 4, ml: "auto", children: [
-              /* @__PURE__ */ t.jsx(
-                De,
-                {
-                  width: "120px",
-                  height: "48px",
-                  display: ["none", null, null, "block"],
-                  "data-testid": "register-kit"
-                }
-              ),
-              " ",
-              /* @__PURE__ */ t.jsx(De, { width: "48px", height: "48px" }),
-              " ",
-              /* @__PURE__ */ t.jsx(De, { width: "48px", height: "48px" }),
-              " ",
-              /* @__PURE__ */ t.jsx(De, { width: "48px", height: "48px" }),
-              " "
-            ] }
-          )
-        ] }
-      )
-    }
-  ) }
-), bn = (l, i) => {
+), mn = (l, o) => {
   let p;
   return (...d) => {
     p && clearTimeout(p), p = setTimeout(() => {
       l(...d);
-    }, i);
+    }, o);
   };
-}, Ke = "nav-drawer-hover", vt = (l) => {
+}, Ke = "nav-drawer-hover", Xe = "nav-drawer-animation-start", Je = "nav-drawer-animation-end", bt = (l) => {
   window.dispatchEvent(
     new CustomEvent(Ke, {
       detail: { isHovering: l },
@@ -1182,59 +1005,66 @@ const Ye = 60, gt = 6, pn = (l) => {
       cancelable: !0
     })
   );
-}, mn = (l = !1, i = !1, p = !1) => l || !i ? "column" : p ? "row" : "row-reverse", yn = qe(Yt), Cn = qe(zt), Ge = ({
+}, mt = (l) => {
+  window.dispatchEvent(
+    new CustomEvent(l, {
+      bubbles: !0,
+      cancelable: !0
+    })
+  );
+}, wn = (l = !1, o = !1, p = !1) => l || !o ? "column" : p ? "row" : "row-reverse", yn = et(Gt), Cn = et(Ut), Ge = ({
   isOpen: l = !1,
-  onClose: i,
+  onClose: o,
   title: p,
   navDrawerLinks: d,
-  bottomNavButtons: y,
+  bottomNavButtons: w,
   spotlightCards: v,
   bottomButton: b,
   hasBackButton: R = !0,
   onBackClick: c,
-  hasOnlySpotlightCards: j = !1,
-  hasSearch: s = !1,
-  onSearch: C = () => ({}),
+  hasOnlySpotlightCards: C = !1,
+  hasSearch: u = !1,
+  onSearch: y = () => ({}),
   topOffset: g
 }) => {
-  var X, z;
-  const u = Je({
+  var q, Z;
+  const s = Qe({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
-  }), D = u ? "top" : "right", [Q, ee] = W(0), [F, _] = W(!1), de = () => {
-    ee((L) => L + 1);
-  }, fe = mt(
-    bn((L) => {
-      C(L), de();
+  }), _ = s ? "top" : "right", [W, V] = B(0), [M, S] = B(!1), de = () => {
+    V((L) => L + 1);
+  }, fe = Ct(
+    mn((L) => {
+      y(L), de();
     }, 100),
     []
   );
-  Z(() => {
-    l && _(!0);
+  U(() => {
+    l && (S(!0), mt(Xe));
   }, [l]);
   const pe = () => {
-    l || (_(!1), i());
+    l || (S(!1), o()), mt(Je);
   };
   return /* @__PURE__ */ t.jsx(
-    Gt,
+    Zt,
     {
-      isOpen: F || l,
+      isOpen: M || l,
       onClose: () => {
-        F && u || i();
+        M && s || o();
       },
-      placement: D,
+      placement: _,
       blockScrollOnMount: !1,
       autoFocus: !1,
-      ...u ? {
+      ...s ? {
         styleConfig: {
           baseStyle: {
             ...Ue.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(z = (X = Ue.components.Drawer) == null ? void 0 : X.baseStyle) == null ? void 0 : z.dialogContainer,
+              ...(Z = (q = Ue.components.Drawer) == null ? void 0 : q.baseStyle) == null ? void 0 : Z.dialogContainer,
               // Push the drawer down by the top offset on desktop to not cover the top navigation
-              top: u ? `${g}px` : void 0,
+              top: s ? `${g}px` : void 0,
               // Lower index on desktop to make sure the drawer is below the top navigation
               zIndex: ["overlay"]
             }
@@ -1242,7 +1072,7 @@ const Ye = 60, gt = 6, pn = (l) => {
         }
       } : {},
       children: /* @__PURE__ */ t.jsx(
-        cn,
+        pn,
         { children: l ? /* @__PURE__ */ t.jsxs(
           t.Fragment,
           { children: [
@@ -1251,14 +1081,14 @@ const Ye = 60, gt = 6, pn = (l) => {
               {
                 backgroundColor: "tints.black",
                 top: ["0", null, null, `${g}px`],
-                opacity: u ? void 0 : "0.4 !important",
-                ...u ? {
+                opacity: s ? void 0 : "0.4 !important",
+                ...s ? {
                   initial: { opacity: 0 },
                   animate: { opacity: 0.4 },
                   exit: { opacity: 0 },
                   transition: {
                     duration: 0.2,
-                    delay: 0.3,
+                    delay: 0.15,
                     ease: "easeOut"
                   }
                 } : {}
@@ -1268,14 +1098,14 @@ const Ye = 60, gt = 6, pn = (l) => {
               yn,
               {
                 onClick: (L) => {
-                  const H = L.target.closest("a");
-                  H && H.href === window.location.href && i();
+                  const A = L.target.closest("a");
+                  A && A.href === window.location.href && o();
                 },
                 onMouseEnter: () => {
-                  u && vt(!0);
+                  s && bt(!0);
                 },
                 onMouseLeave: () => {
-                  u && vt(!1);
+                  s && bt(!1);
                 },
                 paddingTop: "4",
                 paddingX: [4, null, null, 12],
@@ -1283,25 +1113,25 @@ const Ye = 60, gt = 6, pn = (l) => {
                 overflow: ["auto", null, null, "hidden"],
                 maxHeight: "100vh",
                 position: "relative",
-                top: u ? `${g}px !important` : void 0,
+                top: s ? `${g}px !important` : void 0,
                 onAnimationComplete: pe,
                 boxShadow: "none",
-                ...u ? {
+                ...s ? {
                   initial: { height: 0, opacity: 0 },
                   animate: { height: "auto", opacity: 1 },
                   exit: { height: 0, opacity: 0 },
                   transition: { duration: 0.3 }
                 } : {},
                 children: [
-                  !s && u ? null : /* @__PURE__ */ t.jsxs(
-                    Ut,
+                  !u && s ? null : /* @__PURE__ */ t.jsxs(
+                    Kt,
                     {
                       padding: "0",
-                      flexDirection: s ? "column" : "row",
-                      gap: s ? "4" : "0",
+                      flexDirection: u ? "column" : "row",
+                      gap: u ? "4" : "0",
                       children: [
-                        u ? null : /* @__PURE__ */ t.jsxs(
-                          k,
+                        s ? null : /* @__PURE__ */ t.jsxs(
+                          D,
                           {
                             width: "100%",
                             justifyContent: "space-between",
@@ -1310,7 +1140,7 @@ const Ye = 60, gt = 6, pn = (l) => {
                               R ? /* @__PURE__ */ t.jsx(
                                 ce,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(on, {}),
+                                  icon: /* @__PURE__ */ t.jsx(sn, {}),
                                   onClick: () => {
                                     c && c();
                                   },
@@ -1318,7 +1148,7 @@ const Ye = 60, gt = 6, pn = (l) => {
                                 }
                               ) : null,
                               /* @__PURE__ */ t.jsx(
-                                K,
+                                J,
                                 {
                                   color: "tints.uiGrey",
                                   fontSize: ["xl", null, null, "lg"],
@@ -1328,19 +1158,19 @@ const Ye = 60, gt = 6, pn = (l) => {
                               /* @__PURE__ */ t.jsx(
                                 ce,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(sn, {}),
-                                  onClick: i,
+                                  icon: /* @__PURE__ */ t.jsx(un, {}),
+                                  onClick: o,
                                   "aria-label": "Close"
                                 }
                               )
                             ]
                           }
                         ),
-                        s && /* @__PURE__ */ t.jsxs(
-                          en,
+                        u && /* @__PURE__ */ t.jsxs(
+                          rn,
                           { width: "100%", children: [
                             /* @__PURE__ */ t.jsx(
-                              tn,
+                              ln,
                               {
                                 onChange: (L) => {
                                   fe(L.target.value);
@@ -1352,8 +1182,8 @@ const Ye = 60, gt = 6, pn = (l) => {
                               }
                             ),
                             /* @__PURE__ */ t.jsx(
-                              nn,
-                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(rn, { as: yt, color: "gray.500" }) }
+                              an,
+                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(on, { as: jt, color: "gray.500" }) }
                             )
                           ] }
                         )
@@ -1361,15 +1191,15 @@ const Ye = 60, gt = 6, pn = (l) => {
                     }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    Zt,
+                    Xt,
                     {
                       paddingX: "0",
                       paddingBottom: [6, null, null, 4],
                       "data-testid": `navbar-drawer-body-${p.toLowerCase()}`,
                       children: /* @__PURE__ */ t.jsxs(
-                        qe.div,
+                        et.div,
                         {
-                          ...u ? {
+                          ...s ? {
                             initial: { opacity: 0, y: -5 },
                             animate: { opacity: 1, y: 0 },
                             exit: { opacity: 0, y: -5 },
@@ -1386,10 +1216,10 @@ const Ye = 60, gt = 6, pn = (l) => {
                           } : {},
                           style: {
                             display: "flex",
-                            flexDirection: mn(
-                              j,
-                              u,
-                              s
+                            flexDirection: wn(
+                              C,
+                              s,
+                              u
                             ),
                             gap: "24px",
                             justifyContent: "space-between"
@@ -1409,15 +1239,15 @@ const Ye = 60, gt = 6, pn = (l) => {
                               }
                             ) : null,
                             /* @__PURE__ */ t.jsxs(
-                              k,
+                              D,
                               {
                                 position: [null, null, null, "relative"],
                                 flexDirection: "column",
                                 gap: "6",
-                                width: ["100%", null, null, s ? null : "auto"],
+                                width: ["100%", null, null, u ? null : "auto"],
                                 children: [
                                   d ? /* @__PURE__ */ t.jsx(E, { children: d }) : null,
-                                  y && !u ? /* @__PURE__ */ t.jsx(E, { children: y }) : null,
+                                  w && !s ? /* @__PURE__ */ t.jsx(E, { children: w }) : null,
                                   b ? /* @__PURE__ */ t.jsx(
                                     E,
                                     {
@@ -1432,7 +1262,7 @@ const Ye = 60, gt = 6, pn = (l) => {
                             )
                           ]
                         },
-                        Q
+                        W
                       )
                     }
                   )
@@ -1445,98 +1275,285 @@ const Ye = 60, gt = 6, pn = (l) => {
     }
   );
 }, jn = ({
+  desktopTopButtons: l,
+  kitRegistrationElement: o,
+  profileElement: p,
+  cartElement: d,
+  onSearchClick: w,
+  onMenuClick: v,
+  hasSearch: b = !1,
+  logoLink: R = "https://www.everlywell.com",
+  setTopOffset: c,
+  linkComponent: C,
+  onLogoClick: u
+}) => {
+  const y = en(null), [g, s] = B(!1);
+  U(() => {
+    const W = () => s(!0), V = () => s(!1);
+    return window.addEventListener(Xe, W), window.addEventListener(Je, V), () => {
+      window.removeEventListener(
+        Xe,
+        W
+      ), window.removeEventListener(Je, V);
+    };
+  }, []);
+  const _ = Ct(() => {
+    if (y.current) {
+      const W = y.current.getBoundingClientRect();
+      c(W.bottom);
+    }
+  }, []);
+  return U(() => {
+    _();
+  }, [_]), /* @__PURE__ */ t.jsx(
+    E,
+    {
+      ref: y,
+      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, g ? "modal" : "sticky"],
+      onMouseEnter: _,
+      children: /* @__PURE__ */ t.jsxs(
+        D,
+        { justifyContent: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ t.jsxs(
+            D,
+            { alignItems: "center", gap: "5", children: [
+              /* @__PURE__ */ t.jsx(
+                E,
+                {
+                  "aria-label": "Go to homepage",
+                  onClick: u,
+                  as: C || G,
+                  ...Oe(R, !!C),
+                  children: /* @__PURE__ */ t.jsx(bn, { width: "116px" })
+                }
+              ),
+              /* @__PURE__ */ t.jsx(
+                D,
+                { display: ["none", null, null, "flex"], children: l }
+              )
+            ] }
+          ),
+          /* @__PURE__ */ t.jsxs(
+            D,
+            { alignItems: "center", gap: "2", children: [
+              /* @__PURE__ */ t.jsx(
+                E,
+                { display: ["none", null, null, "block"], children: o }
+              ),
+              b ? /* @__PURE__ */ t.jsx(
+                ce,
+                {
+                  "aria-label": "Search",
+                  icon: /* @__PURE__ */ t.jsx(ue, { as: jt }),
+                  onClick: w
+                }
+              ) : null,
+              d,
+              /* @__PURE__ */ t.jsx(
+                E,
+                { display: ["flex", null, null, "none"], children: /* @__PURE__ */ t.jsx(
+                  ce,
+                  {
+                    icon: /* @__PURE__ */ t.jsx(cn, {}),
+                    "aria-label": "menu",
+                    "data-testid": "menu-button",
+                    onClick: v
+                  }
+                ) }
+              ),
+              /* @__PURE__ */ t.jsx(E, { display: ["none", null, null, "block"], children: p })
+            ] }
+          )
+        ] }
+      )
+    }
+  );
+}, En = ({
+  count: l = 0,
+  ...o
+}) => /* @__PURE__ */ t.jsxs(
+  E,
+  { position: "relative", display: "inline-block", children: [
+    /* @__PURE__ */ t.jsx(ce, { icon: /* @__PURE__ */ t.jsx(dn, {}), ...o }),
+    l > 0 && /* @__PURE__ */ t.jsx(
+      E,
+      {
+        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: l
+      }
+    )
+  ] }
+), Ln = ({
+  numDesktopLinks: l = 5,
+  showPromoButton: o = !1
+}) => /* @__PURE__ */ t.jsx(
+  Jt,
+  { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
+    E,
+    {
+      paddingY: 4,
+      paddingX: 6,
+      borderBottomWidth: "1px",
+      borderColor: "tints.lightCream",
+      children: /* @__PURE__ */ t.jsxs(
+        D,
+        { justify: "space-between", align: "center", children: [
+          /* @__PURE__ */ t.jsx(Ve, { w: "120px", h: "48px" }),
+          /* @__PURE__ */ t.jsxs(
+            ft,
+            {
+              spacing: 8,
+              marginLeft: 12,
+              display: ["none", null, null, "flex"],
+              "data-testid": "desktop-nav",
+              children: [
+                Array.from({ length: l }).map(
+                  (p, d) => /* @__PURE__ */ t.jsx(Ve, { width: "90px", height: "48px" }, d)
+                ),
+                o && /* @__PURE__ */ t.jsx(Ve, { width: "110px", height: "48px", borderRadius: "full" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t.jsxs(
+            ft,
+            { spacing: 4, ml: "auto", children: [
+              /* @__PURE__ */ t.jsx(
+                De,
+                {
+                  width: "120px",
+                  height: "48px",
+                  display: ["none", null, null, "block"],
+                  "data-testid": "register-kit"
+                }
+              ),
+              " ",
+              /* @__PURE__ */ t.jsx(De, { width: "48px", height: "48px" }),
+              " ",
+              /* @__PURE__ */ t.jsx(De, { width: "48px", height: "48px" }),
+              " ",
+              /* @__PURE__ */ t.jsx(De, { width: "48px", height: "48px" }),
+              " "
+            ] }
+          )
+        ] }
+      )
+    }
+  ) }
+), Rn = ({
   source: l,
-  onSearchCallback: i,
+  onSearchCallback: o,
   isActive: p
 }) => {
-  const [d, y] = W(""), [v, b] = W([]), R = (s, C) => {
-    if (!s) return [];
-    const g = s.toLowerCase();
-    return C.filter((u) => {
-      const D = u.label.toLowerCase().includes(g), Q = typeof u.additionalContent == "string" && u.additionalContent.toLowerCase().includes(g);
-      return D || Q;
-    }).sort((u, D) => u.label.localeCompare(D.label));
-  }, c = (s) => {
-    if (y(s), !s) {
+  const [d, w] = B(""), [v, b] = B([]), R = (u, y) => {
+    if (!u) return [];
+    const g = u.toLowerCase();
+    return y.filter((s) => {
+      const _ = s.label.toLowerCase().includes(g), W = typeof s.additionalContent == "string" && s.additionalContent.toLowerCase().includes(g);
+      return _ || W;
+    }).sort((s, _) => s.label.localeCompare(_.label));
+  }, c = (u) => {
+    if (w(u), !u) {
       b([]);
       return;
     }
-    const C = R(s, l);
-    b(C), i && i(s, C);
-  }, j = () => {
-    y(""), b([]);
+    const y = R(u, l);
+    b(y), o && o(u, y);
+  }, C = () => {
+    w(""), b([]);
   };
-  return Z(() => {
-    p || (y(""), b([]));
+  return U(() => {
+    p || (w(""), b([]));
   }, [p]), {
     query: d,
     results: v,
-    handleClose: j,
+    handleClose: C,
     handleSearch: c
   };
-}, wn = (l) => {
-  const i = /* @__PURE__ */ new Set();
+}, _n = (l) => {
+  const o = /* @__PURE__ */ new Set();
   return l.reduce((p, d) => {
     var v;
-    const y = ((v = d.sections) == null ? void 0 : v.reduce((b, R) => {
-      const c = R.links.filter((j) => i.has(j.label) || j.isSearchable !== !0 ? !1 : (i.add(j.label), !0));
+    const w = ((v = d.sections) == null ? void 0 : v.reduce((b, R) => {
+      const c = R.links.filter((C) => o.has(C.label) || C.isSearchable !== !0 ? !1 : (o.add(C.label), !0));
       return [...b, ...c];
     }, [])) ?? [];
-    return [...p, ...y];
+    return [...p, ...w];
   }, []);
-}, Pn = ({
+}, An = ({
   categories: l = [],
-  onCartClick: i,
+  onCartClick: o,
   mainCategoryLabel: p = "Menu",
   logoLink: d = "https://www.everlywell.com",
-  hasSearch: y = !0,
+  hasSearch: w = !0,
   onSearchClick: v,
   registrationUrl: b,
   profileUrl: R = "https://secure.everlywell.com/login",
   mobileBottomButtons: c = [],
-  numberOfCartItems: j = 0,
-  linkComponent: s,
-  onSearchCallback: C,
+  numberOfCartItems: C = 0,
+  linkComponent: u,
+  onSearchCallback: y,
   onLinkClick: g,
-  onCategoryOpen: u,
-  onMobileMenuOpen: D,
-  onBackToMainMenu: Q,
-  onRegisterKitClick: ee,
-  onProfileClick: F,
-  onLogoClick: _,
+  onCategoryOpen: s,
+  onMobileMenuOpen: _,
+  onBackToMainMenu: W,
+  onRegisterKitClick: V,
+  onProfileClick: M,
+  onLogoClick: S,
   shopAllProductsUrl: de,
   onShopAllProductsClick: fe
 }) => {
-  var G, be, me;
-  const [pe, X] = W(!1), [z, L] = W(!1), [w, H] = W(null), [we, he] = W(!1), [A, V] = W(!1), [N, Ee] = W(0), Re = Je({
+  var K, be, me;
+  const [pe, q] = B(!1), [Z, L] = B(!1), [j, A] = B(null), [je, he] = B(!1), [$, Y] = B(!1), [z, Ee] = B(0), Re = Qe({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
   }) ?? !1;
-  Z(() => {
-    re(), H(null);
+  U(() => {
+    re(), A(null);
   }, [Re]);
   const {
     query: _e,
     results: te,
     handleSearch: Se
-  } = jn({
-    source: wn(l),
-    onSearchCallback: C,
-    isActive: z
-  }), ge = te.length > 0, ne = s || Y, Te = Pe(de, !!s), Oe = _e && /* @__PURE__ */ t.jsxs(
-    k,
-    { gap: ge ? "6" : 0, direction: "column", children: [
-      ge ? /* @__PURE__ */ t.jsx(K, { color: "tints.uiGrey", children: `${te.length} Results` }) : /* @__PURE__ */ t.jsxs(
-        k,
+  } = Rn({
+    source: _n(l),
+    onSearchCallback: y,
+    isActive: Z
+  }), ve = te.length > 0, ne = u || G, Te = Oe(de, !!u), Pe = _e && /* @__PURE__ */ t.jsxs(
+    D,
+    { gap: ve ? "6" : 0, direction: "column", children: [
+      ve ? /* @__PURE__ */ t.jsx(J, { color: "tints.uiGrey", children: `${te.length} Results` }) : /* @__PURE__ */ t.jsxs(
+        D,
         { direction: "column", gap: "6", alignItems: "flex-start", children: [
           /* @__PURE__ */ t.jsx(
-            K,
+            J,
             { color: "tints.uiGrey", children: "We didn't find what you were looking for." }
           ),
           /* @__PURE__ */ t.jsx(
-            xt,
+            wt,
             {
               as: ne,
               onClick: fe,
@@ -1549,17 +1566,17 @@ const Ye = 60, gt = 6, pn = (l) => {
         ] }
       ),
       /* @__PURE__ */ t.jsx(
-        Kt,
+        qt,
         { columns: [1, 1, 1, 4], children: te.map(
           (a, I) => /* @__PURE__ */ t.jsx(
-            Xt,
+            Qt,
             { children: /* @__PURE__ */ t.jsx(
               ze,
               {
                 href: a.href,
                 label: a.label,
                 additionalContent: a == null ? void 0 : a.additionalContent,
-                linkComponent: s
+                linkComponent: u
               }
             ) },
             `${a.label}-${I}`
@@ -1568,17 +1585,17 @@ const Ye = 60, gt = 6, pn = (l) => {
       )
     ] }
   ), re = () => {
-    X(!1), H(null);
-  }, B = (a) => "href" in a, ve = (a) => {
-    B(a) ? g == null || g(a.label) : H(a);
+    q(!1), A(null);
+  }, N = (a) => "href" in a, ge = (a) => {
+    N(a) ? g == null || g(a.label) : A(a);
   }, le = (a) => {
-    he(!0), L(!1), H(null), !B(a) && (a.sections || a.spotlightCards) && H(a);
+    he(!0), L(!1), A(null), !N(a) && (a.sections || a.spotlightCards) && A(a);
   }, xe = () => {
     he(!1);
   };
-  Z(() => {
+  U(() => {
     const a = (I) => {
-      V(I.detail.isHovering);
+      Y(I.detail.isHovering);
     };
     return window.addEventListener(
       Ke,
@@ -1589,16 +1606,16 @@ const Ye = 60, gt = 6, pn = (l) => {
         a
       );
     };
-  }, []), Z(() => {
-    !we && !A && (H(null), L(!1));
-  }, [we, A]), Z(() => {
+  }, []), U(() => {
+    !je && !$ && (A(null), L(!1));
+  }, [je, $]), U(() => {
     let a = window.location.href;
     const I = () => {
-      const P = window.location.href;
-      P !== a && (a = P, re(), H(null));
-    }, U = setInterval(I, 100);
+      const O = window.location.href;
+      O !== a && (a = O, re(), A(null));
+    }, X = setInterval(I, 100);
     return window.addEventListener("popstate", I), () => {
-      window.removeEventListener("popstate", I), clearInterval(U);
+      window.removeEventListener("popstate", I), clearInterval(X);
     };
   }, []);
   const ae = l == null ? void 0 : l.map(
@@ -1606,27 +1623,27 @@ const Ye = 60, gt = 6, pn = (l) => {
       Ie,
       {
         onMouseEnter: () => {
-          le(a), u == null || u(a.label);
+          le(a), s == null || s(a.label);
         },
         onMouseLeave: xe,
-        isSelected: (w == null ? void 0 : w.label) === a.label,
-        as: B(a) && ne ? ne : Y,
-        href: B(a) ? a.href : void 0,
-        onClick: B(a) ? () => g == null ? void 0 : g(a.label) : void 0,
+        isSelected: (j == null ? void 0 : j.label) === a.label,
+        as: N(a) && ne ? ne : G,
+        href: N(a) ? a.href : void 0,
+        onClick: N(a) ? () => g == null ? void 0 : g(a.label) : void 0,
         ...a.buttonProps,
         children: a.label
       },
       `${a.label}-${I}`
     )
-  ), Le = (G = l.filter(
-    (a) => !B(a) && a.isMobileTopLink !== !1
-  )) == null ? void 0 : G.map((a) => {
+  ), Le = (K = l.filter(
+    (a) => !N(a) && a.isMobileTopLink !== !1
+  )) == null ? void 0 : K.map((a) => {
     const I = a;
     return /* @__PURE__ */ t.jsx(
       E,
       {
         onClick: () => {
-          ve(I), u == null || u(I.label);
+          ge(I), s == null || s(I.label);
         },
         children: /* @__PURE__ */ t.jsx(
           ze,
@@ -1635,7 +1652,7 @@ const Ye = 60, gt = 6, pn = (l) => {
             role: "link",
             additionalContent: I.additionalContent,
             mainTextFontSize: "3xl",
-            linkComponent: s
+            linkComponent: u
           }
         )
       },
@@ -1647,16 +1664,16 @@ const Ye = 60, gt = 6, pn = (l) => {
       /* @__PURE__ */ t.jsx(
         Ie,
         {
-          as: Y,
+          as: G,
           href: R,
           width: "100%",
           backgroundColor: "tints.cream",
-          onClick: F,
+          onClick: M,
           children: /* @__PURE__ */ t.jsxs(
-            k,
+            D,
             { gap: "2", children: [
               "My Everly",
-              /* @__PURE__ */ t.jsx(ue, { as: ft, size: 24 })
+              /* @__PURE__ */ t.jsx(ue, { as: ht, size: 24 })
             ] }
           )
         },
@@ -1665,39 +1682,39 @@ const Ye = 60, gt = 6, pn = (l) => {
       /* @__PURE__ */ t.jsx(
         Ie,
         {
-          as: Y,
+          as: G,
           width: "100%",
           href: b,
           backgroundColor: "tints.cream",
-          onClick: ee,
+          onClick: V,
           children: /* @__PURE__ */ t.jsxs(
-            k,
+            D,
             { gap: "2", children: [
               "Register kit",
-              /* @__PURE__ */ t.jsx(ue, { as: un, size: 24 })
+              /* @__PURE__ */ t.jsx(ue, { as: fn, size: 24 })
             ] }
           )
         },
         "register-kit"
       )
     ] }
-  ), He = /* @__PURE__ */ t.jsxs(
-    k,
+  ), Ae = /* @__PURE__ */ t.jsxs(
+    D,
     { gap: "2", flexDirection: "column", children: [
       c,
       ke
     ] }
-  ), $e = w ? /* @__PURE__ */ t.jsx(
-    k,
-    { direction: ["column", null, null, "row"], gap: "8", children: (be = w == null ? void 0 : w.sections) == null ? void 0 : be.map((a, I) => {
-      const U = [];
-      for (let P = 0; P < a.links.length; P += 3)
-        U.push(a.links.slice(P, P + 3));
+  ), He = j ? /* @__PURE__ */ t.jsx(
+    D,
+    { direction: ["column", null, null, "row"], gap: "8", children: (be = j == null ? void 0 : j.sections) == null ? void 0 : be.map((a, I) => {
+      const X = [];
+      for (let O = 0; O < a.links.length; O += 3)
+        X.push(a.links.slice(O, O + 3));
       return /* @__PURE__ */ t.jsxs(
         E,
         { children: [
           /* @__PURE__ */ t.jsx(
-            K,
+            J,
             {
               fontSize: "md",
               color: "tints.uiGrey",
@@ -1706,32 +1723,32 @@ const Ye = 60, gt = 6, pn = (l) => {
             }
           ),
           /* @__PURE__ */ t.jsx(
-            k,
+            D,
             {
               flexDirection: ["column", null, null, "row"],
               gap: [null, null, null, 8],
-              children: U == null ? void 0 : U.map(
-                (P, Ae) => /* @__PURE__ */ t.jsx(
-                  k,
+              children: X == null ? void 0 : X.map(
+                (O, $e) => /* @__PURE__ */ t.jsx(
+                  D,
                   {
                     flexDirection: ["column"],
                     gap: [null, null, null, 5],
                     marginLeft: [null, null, null, -2],
-                    children: P == null ? void 0 : P.map(
-                      (J) => /* @__PURE__ */ t.jsx(
+                    children: O == null ? void 0 : O.map(
+                      (Q) => /* @__PURE__ */ t.jsx(
                         ze,
                         {
-                          label: J.label,
-                          href: J.href,
-                          additionalContent: J.additionalContent,
-                          linkComponent: s,
-                          onClick: () => g == null ? void 0 : g(J.label)
+                          label: Q.label,
+                          href: Q.href,
+                          additionalContent: Q.additionalContent,
+                          linkComponent: u,
+                          onClick: () => g == null ? void 0 : g(Q.label)
                         },
-                        J.label
+                        Q.label
                       )
                     )
                   },
-                  Ae
+                  $e
                 )
               )
             }
@@ -1740,48 +1757,48 @@ const Ye = 60, gt = 6, pn = (l) => {
         `${a.title}-${I}`
       );
     }) }
-  ) : null, oe = w != null && w.spotlightCards ? (me = w.spotlightCards) == null ? void 0 : me.map(
-    (a) => /* @__PURE__ */ t.jsx(hn, { ...a }, a.title)
+  ) : null, ie = j != null && j.spotlightCards ? (me = j.spotlightCards) == null ? void 0 : me.map(
+    (a) => /* @__PURE__ */ t.jsx(xn, { ...a }, a.title)
   ) : /* @__PURE__ */ t.jsx(E, {});
   return /* @__PURE__ */ t.jsxs(
     t.Fragment,
     { children: [
       /* @__PURE__ */ t.jsx(
-        vn,
+        jn,
         {
           desktopTopButtons: ae,
           kitRegistrationElement: /* @__PURE__ */ t.jsx(
             Ie,
             {
-              as: Y,
+              as: G,
               href: b,
-              onClick: ee,
+              onClick: V,
               backgroundColor: "tints.cream",
               children: "Register Kit"
             }
           ),
           profileElement: /* @__PURE__ */ t.jsx(
-            Y,
-            { href: R, "aria-label": "login", onClick: F, children: /* @__PURE__ */ t.jsx(ce, { icon: /* @__PURE__ */ t.jsx(ue, { as: ft }), "aria-label": "Profile" }) }
+            G,
+            { href: R, "aria-label": "login", onClick: M, children: /* @__PURE__ */ t.jsx(ce, { icon: /* @__PURE__ */ t.jsx(ue, { as: ht }), "aria-label": "Profile" }) }
           ),
           cartElement: /* @__PURE__ */ t.jsx(
-            xn,
+            En,
             {
               "aria-label": "Cart",
-              count: j,
-              onClick: i
+              count: C,
+              onClick: o
             }
           ),
           onSearchClick: () => {
-            L(!z), v == null || v();
+            L(!Z), v == null || v();
           },
           onMenuClick: () => {
-            X(!0), D == null || D();
+            q(!0), _ == null || _();
           },
-          hasSearch: y,
+          hasSearch: w,
           logoLink: d,
-          linkComponent: s,
-          onLogoClick: _,
+          linkComponent: u,
+          onLogoClick: S,
           setTopOffset: Ee
         }
       ),
@@ -1795,38 +1812,38 @@ const Ye = 60, gt = 6, pn = (l) => {
               onClose: re,
               title: p,
               navDrawerLinks: Le,
-              bottomNavButtons: He,
+              bottomNavButtons: Ae,
               hasBackButton: !1,
-              topOffset: N
+              topOffset: z
             }
           ),
           /* @__PURE__ */ t.jsx(
             Ge,
             {
-              isOpen: !!w,
+              isOpen: !!j,
               onClose: () => {
-                re(), H(null);
+                re(), A(null);
               },
-              title: (w == null ? void 0 : w.label) || "",
-              navDrawerLinks: $e,
-              onBackClick: () => H(null),
-              spotlightCards: oe,
-              hasOnlySpotlightCards: w == null ? void 0 : w.hasOnlySpotlightCards,
-              bottomButton: w == null ? void 0 : w.bottomButton,
-              topOffset: N
+              title: (j == null ? void 0 : j.label) || "",
+              navDrawerLinks: He,
+              onBackClick: () => A(null),
+              spotlightCards: ie,
+              hasOnlySpotlightCards: j == null ? void 0 : j.hasOnlySpotlightCards,
+              bottomButton: j == null ? void 0 : j.bottomButton,
+              topOffset: z
             }
           ),
           /* @__PURE__ */ t.jsx(
             Ge,
             {
-              isOpen: z,
+              isOpen: Z,
               onClose: () => L(!1),
               title: "Search",
-              navDrawerLinks: Oe,
+              navDrawerLinks: Pe,
               onSearch: Se,
               hasSearch: !0,
               hasBackButton: !1,
-              topOffset: N
+              topOffset: z
             }
           )
         ] }
@@ -1835,15 +1852,15 @@ const Ye = 60, gt = 6, pn = (l) => {
   );
 };
 export {
-  xn as BasketButton,
-  Dn as CategoryLabel,
+  En as BasketButton,
+  Pn as CategoryLabel,
   Ie as NavButton,
-  In as NavSkeleton,
+  Ln as NavSkeleton,
   Ge as NavbarDrawer,
   ze as NavbarDrawerLink,
-  Pn as NavigationBar,
-  hn as SpotlightCard,
-  kn as Stepper,
+  An as NavigationBar,
+  xn as SpotlightCard,
+  On as Stepper,
   ce as TopNavIconButton,
-  vn as TopNavigation
+  jn as TopNavigation
 };