@everlywell/consumer-ui 1.25.0 → 1.27.0

package/index.mjs

@@ -1,9 +1,9 @@
-import { useSteps as Ft, Box as j, Stepper as At, Icon as ye, Flex as D, Text as N, Link as le, Button as Ht, Image as $t, IconButton as Wt, VStack as Bt, Skeleton as Pe, HStack as et, SkeletonCircle as Ce, Drawer as Vt, DrawerOverlay as Nt, DrawerContent as Yt, DrawerHeader as zt, DrawerBody as Ut } from "@everlywell/ui-kit";
-import He, { useEffect as J, forwardRef as ut, useRef as Gt, useState as W, useCallback as $e } from "react";
-import { Text as Zt, useBreakpointValue as Kt, InputGroup as Xt, Input as Jt, InputRightElement as qt, Icon as Qt } from "@chakra-ui/react";
-import { CaretRight as tt, MagnifyingGlass as ct, List as en, Basket as tn, CaretLeft as nn, X as rn, User as ln } from "@phosphor-icons/react";
-import { motion as nt } from "framer-motion";
-var Fe = { exports: {} }, ne = {};
+import { useSteps as Ht, Box as y, Stepper as $t, Icon as re, Flex as L, Text as U, Link as X, Button as Wt, Image as Mt, IconButton as Bt, VStack as Vt, Skeleton as $e, HStack as lt, SkeletonCircle as Se, Drawer as Nt, DrawerOverlay as Yt, DrawerContent as zt, DrawerHeader as Ut, DrawerBody as Gt } from "@everlywell/ui-kit";
+import Ye, { useEffect as le, forwardRef as pt, useRef as Zt, useState as V, useCallback as ze } from "react";
+import { Text as Kt, useBreakpointValue as Xt, InputGroup as Jt, Input as qt, InputRightElement as Qt, Icon as en } from "@chakra-ui/react";
+import { CaretRight as it, MagnifyingGlass as ht, List as tn, Basket as nn, CaretLeft as rn, X as ln, User as at, QrCode as an } from "@phosphor-icons/react";
+import { motion as ot } from "framer-motion";
+var Ve = { exports: {} }, pe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,25 +13,25 @@ var Fe = { exports: {} }, ne = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var rt;
+var st;
 function on() {
-  if (rt)
-    return ne;
-  rt = 1;
-  var l = He, a = Symbol.for("react.element"), h = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, m = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, x = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function y(S, u, b) {
-    var s, v = {}, R = null, f = null;
-    b !== void 0 && (R = "" + b), u.key !== void 0 && (R = "" + u.key), u.ref !== void 0 && (f = u.ref);
-    for (s in u)
-      c.call(u, s) && !x.hasOwnProperty(s) && (v[s] = u[s]);
-    if (S && S.defaultProps)
-      for (s in u = S.defaultProps, u)
-        v[s] === void 0 && (v[s] = u[s]);
-    return { $$typeof: a, type: S, key: R, ref: f, props: v, _owner: m.current };
+  if (st)
+    return pe;
+  st = 1;
+  var l = Ye, a = Symbol.for("react.element"), h = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, b = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function m(R, u, j) {
+    var o, p = {}, w = null, c = null;
+    j !== void 0 && (w = "" + j), u.key !== void 0 && (w = "" + u.key), u.ref !== void 0 && (c = u.ref);
+    for (o in u)
+      d.call(u, o) && !g.hasOwnProperty(o) && (p[o] = u[o]);
+    if (R && R.defaultProps)
+      for (o in u = R.defaultProps, u)
+        p[o] === void 0 && (p[o] = u[o]);
+    return { $$typeof: a, type: R, key: w, ref: c, props: p, _owner: b.current };
   }
-  return ne.Fragment = h, ne.jsx = y, ne.jsxs = y, ne;
+  return pe.Fragment = h, pe.jsx = m, pe.jsxs = m, pe;
 }
-var re = {};
+var he = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,91 +41,91 @@ var re = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var lt;
-function an() {
-  return lt || (lt = 1, process.env.NODE_ENV !== "production" && function() {
-    var l = He, a = Symbol.for("react.element"), h = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), y = Symbol.for("react.provider"), S = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), f = Symbol.for("react.offscreen"), T = Symbol.iterator, H = "@@iterator";
-    function w(e) {
+var ut;
+function sn() {
+  return ut || (ut = 1, process.env.NODE_ENV !== "production" && function() {
+    var l = Ye, a = Symbol.for("react.element"), h = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), R = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), o = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), c = Symbol.for("react.offscreen"), P = Symbol.iterator, A = "@@iterator";
+    function W(e) {
       if (e === null || typeof e != "object")
         return null;
-      var n = T && e[T] || e[H];
+      var n = P && e[P] || e[A];
       return typeof n == "function" ? n : null;
     }
-    var I = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function E(e) {
+    var H = 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), i = 1; i < n; i++)
           r[i - 1] = arguments[i];
-        B("error", e, r);
+        N("error", e, r);
       }
     }
-    function B(e, n, r) {
+    function N(e, n, r) {
       {
-        var i = I.ReactDebugCurrentFrame, g = i.getStackAddendum();
-        g !== "" && (n += "%s", r = r.concat([g]));
-        var C = r.map(function(p) {
-          return String(p);
+        var i = H.ReactDebugCurrentFrame, x = i.getStackAddendum();
+        x !== "" && (n += "%s", r = r.concat([x]));
+        var C = r.map(function(v) {
+          return String(v);
         });
         C.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, C);
       }
     }
-    var ie = !1, oe = !1, ae = !1, we = !1, je = !1, Y;
-    Y = Symbol.for("react.module.reference");
-    function Ee(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === c || e === x || je || e === m || e === b || e === s || we || e === f || ie || oe || ae || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === v || e.$$typeof === y || e.$$typeof === S || e.$$typeof === u || // This needs to include all possible module reference object
+    var ve = !1, xe = !1, J = !1, E = !1, Y = !1, q;
+    q = Symbol.for("react.module.reference");
+    function ke(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === d || e === g || Y || e === b || e === j || e === o || E || e === c || ve || xe || J || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === p || e.$$typeof === m || e.$$typeof === R || e.$$typeof === u || // 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 === Y || e.getModuleId !== void 0));
+      e.$$typeof === q || e.getModuleId !== void 0));
     }
-    function Re(e, n, r) {
+    function ge(e, n, r) {
       var i = e.displayName;
       if (i)
         return i;
-      var g = n.displayName || n.name || "";
-      return g !== "" ? r + "(" + g + ")" : r;
+      var x = n.displayName || n.name || "";
+      return x !== "" ? r + "(" + x + ")" : r;
     }
-    function se(e) {
+    function ae(e) {
       return e.displayName || "Context";
     }
-    function A(e) {
+    function $(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && E("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;
       switch (e) {
-        case c:
+        case d:
           return "Fragment";
         case h:
           return "Portal";
-        case x:
+        case g:
           return "Profiler";
-        case m:
-          return "StrictMode";
         case b:
+          return "StrictMode";
+        case j:
           return "Suspense";
-        case s:
+        case o:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case S:
+          case R:
             var n = e;
-            return se(n) + ".Consumer";
-          case y:
+            return ae(n) + ".Consumer";
+          case m:
             var r = e;
-            return se(r._context) + ".Provider";
+            return ae(r._context) + ".Provider";
           case u:
-            return Re(e, e.render, "ForwardRef");
-          case v:
+            return ge(e, e.render, "ForwardRef");
+          case p:
             var i = e.displayName || null;
-            return i !== null ? i : A(e.type) || "Memo";
-          case R: {
-            var g = e, C = g._payload, p = g._init;
+            return i !== null ? i : $(e.type) || "Memo";
+          case w: {
+            var x = e, C = x._payload, v = x._init;
             try {
-              return A(p(C));
+              return $(v(C));
             } catch {
               return null;
             }
@@ -133,18 +133,18 @@ function an() {
         }
       return null;
     }
-    var V = Object.assign, z = 0, ue, ce, de, fe, pe, he, ve;
-    function Q() {
+    var z = Object.assign, G = 0, Z, be, me, Ce, oe, je, we;
+    function ye() {
     }
-    Q.__reactDisabledLog = !0;
-    function ge() {
+    ye.__reactDisabledLog = !0;
+    function Le() {
       {
-        if (z === 0) {
-          ue = console.log, ce = console.info, de = console.warn, fe = console.error, pe = console.group, he = console.groupCollapsed, ve = console.groupEnd;
+        if (G === 0) {
+          Z = console.log, be = console.info, me = console.warn, Ce = console.error, oe = console.group, je = console.groupCollapsed, we = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: Q,
+            value: ye,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -157,100 +157,100 @@ function an() {
             groupEnd: e
           });
         }
-        z++;
+        G++;
       }
     }
-    function xe() {
+    function Oe() {
       {
-        if (z--, z === 0) {
+        if (G--, G === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: V({}, e, {
-              value: ue
+            log: z({}, e, {
+              value: Z
             }),
-            info: V({}, e, {
-              value: ce
+            info: z({}, e, {
+              value: be
             }),
-            warn: V({}, e, {
-              value: de
+            warn: z({}, e, {
+              value: me
             }),
-            error: V({}, e, {
-              value: fe
+            error: z({}, e, {
+              value: Ce
             }),
-            group: V({}, e, {
-              value: pe
+            group: z({}, e, {
+              value: oe
             }),
-            groupCollapsed: V({}, e, {
-              value: he
+            groupCollapsed: z({}, e, {
+              value: je
             }),
-            groupEnd: V({}, e, {
-              value: ve
+            groupEnd: z({}, e, {
+              value: we
             })
           });
         }
-        z < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        G < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var o = I.ReactCurrentDispatcher, L;
-    function O(e, n, r) {
+    var se = H.ReactCurrentDispatcher, ue;
+    function Q(e, n, r) {
       {
-        if (L === void 0)
+        if (ue === void 0)
           try {
             throw Error();
-          } catch (g) {
-            var i = g.stack.trim().match(/\n( *(at )?)/);
-            L = i && i[1] || "";
+          } catch (x) {
+            var i = x.stack.trim().match(/\n( *(at )?)/);
+            ue = i && i[1] || "";
           }
         return `
-` + L + e;
+` + ue + e;
       }
     }
-    var P = !1, G;
+    var ce = !1, ee;
     {
-      var Z = typeof WeakMap == "function" ? WeakMap : Map;
-      G = new Z();
+      var Ee = typeof WeakMap == "function" ? WeakMap : Map;
+      ee = new Ee();
     }
-    function We(e, n) {
-      if (!e || P)
+    function de(e, n) {
+      if (!e || ce)
         return "";
       {
-        var r = G.get(e);
+        var r = ee.get(e);
         if (r !== void 0)
           return r;
       }
       var i;
-      P = !0;
-      var g = Error.prepareStackTrace;
+      ce = !0;
+      var x = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var C;
-      C = o.current, o.current = null, ge();
+      C = se.current, se.current = null, Le();
       try {
         if (n) {
-          var p = function() {
+          var v = function() {
             throw Error();
           };
-          if (Object.defineProperty(p.prototype, "props", {
+          if (Object.defineProperty(v.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(p, []);
+              Reflect.construct(v, []);
             } catch (F) {
               i = F;
             }
-            Reflect.construct(e, [], p);
+            Reflect.construct(e, [], v);
           } else {
             try {
-              p.call();
+              v.call();
             } catch (F) {
               i = F;
             }
-            e.call(p.prototype);
+            e.call(v.prototype);
           }
         } else {
           try {
@@ -262,95 +262,95 @@ function an() {
         }
       } catch (F) {
         if (F && i && typeof F.stack == "string") {
-          for (var d = F.stack.split(`
-`), M = i.stack.split(`
-`), _ = d.length - 1, k = M.length - 1; _ >= 1 && k >= 0 && d[_] !== M[k]; )
-            k--;
-          for (; _ >= 1 && k >= 0; _--, k--)
-            if (d[_] !== M[k]) {
-              if (_ !== 1 || k !== 1)
+          for (var f = F.stack.split(`
+`), I = i.stack.split(`
+`), _ = f.length - 1, T = I.length - 1; _ >= 1 && T >= 0 && f[_] !== I[T]; )
+            T--;
+          for (; _ >= 1 && T >= 0; _--, T--)
+            if (f[_] !== I[T]) {
+              if (_ !== 1 || T !== 1)
                 do
-                  if (_--, k--, k < 0 || d[_] !== M[k]) {
-                    var $ = `
-` + d[_].replace(" at new ", " at ");
-                    return e.displayName && $.includes("<anonymous>") && ($ = $.replace("<anonymous>", e.displayName)), typeof e == "function" && G.set(e, $), $;
+                  if (_--, T--, T < 0 || f[_] !== I[T]) {
+                    var M = `
+` + f[_].replace(" at new ", " at ");
+                    return e.displayName && M.includes("<anonymous>") && (M = M.replace("<anonymous>", e.displayName)), typeof e == "function" && ee.set(e, M), M;
                   }
-                while (_ >= 1 && k >= 0);
+                while (_ >= 1 && T >= 0);
               break;
             }
         }
       } finally {
-        P = !1, o.current = C, xe(), Error.prepareStackTrace = g;
+        ce = !1, se.current = C, Oe(), Error.prepareStackTrace = x;
       }
-      var X = e ? e.displayName || e.name : "", U = X ? O(X) : "";
-      return typeof e == "function" && G.set(e, U), U;
+      var ne = e ? e.displayName || e.name : "", K = ne ? Q(ne) : "";
+      return typeof e == "function" && ee.set(e, K), K;
     }
-    function ft(e, n, r) {
-      return We(e, !1);
+    function Re(e, n, r) {
+      return de(e, !1);
     }
-    function pt(e) {
+    function s(e) {
       var n = e.prototype;
       return !!(n && n.isReactComponent);
     }
-    function be(e, n, r) {
+    function O(e, n, r) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return We(e, pt(e));
+        return de(e, s(e));
       if (typeof e == "string")
-        return O(e);
+        return Q(e);
       switch (e) {
-        case b:
-          return O("Suspense");
-        case s:
-          return O("SuspenseList");
+        case j:
+          return Q("Suspense");
+        case o:
+          return Q("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case u:
-            return ft(e.render);
-          case v:
-            return be(e.type, n, r);
-          case R: {
-            var i = e, g = i._payload, C = i._init;
+            return Re(e.render);
+          case p:
+            return O(e.type, n, r);
+          case w: {
+            var i = e, x = i._payload, C = i._init;
             try {
-              return be(C(g), n, r);
+              return O(C(x), n, r);
             } catch {
             }
           }
         }
       return "";
     }
-    var ee = Object.prototype.hasOwnProperty, Be = {}, Ve = I.ReactDebugCurrentFrame;
-    function me(e) {
+    var k = Object.prototype.hasOwnProperty, D = {}, _e = H.ReactDebugCurrentFrame;
+    function B(e) {
       if (e) {
-        var n = e._owner, r = be(e.type, e._source, n ? n.type : null);
-        Ve.setExtraStackFrame(r);
+        var n = e._owner, r = O(e.type, e._source, n ? n.type : null);
+        _e.setExtraStackFrame(r);
       } else
-        Ve.setExtraStackFrame(null);
+        _e.setExtraStackFrame(null);
     }
-    function ht(e, n, r, i, g) {
+    function vt(e, n, r, i, x) {
       {
-        var C = Function.call.bind(ee);
-        for (var p in e)
-          if (C(e, p)) {
-            var d = void 0;
+        var C = Function.call.bind(k);
+        for (var v in e)
+          if (C(e, v)) {
+            var f = void 0;
             try {
-              if (typeof e[p] != "function") {
-                var M = Error((i || "React class") + ": " + r + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw M.name = "Invariant Violation", M;
+              if (typeof e[v] != "function") {
+                var I = Error((i || "React class") + ": " + r + " 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 I.name = "Invariant Violation", I;
               }
-              d = e[p](n, p, i, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              f = e[v](n, v, i, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (_) {
-              d = _;
+              f = _;
             }
-            d && !(d instanceof Error) && (me(g), E("%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, p, typeof d), me(null)), d instanceof Error && !(d.message in Be) && (Be[d.message] = !0, me(g), E("Failed %s type: %s", r, d.message), me(null));
+            f && !(f instanceof Error) && (B(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, v, typeof f), B(null)), f instanceof Error && !(f.message in D) && (D[f.message] = !0, B(x), S("Failed %s type: %s", r, f.message), B(null));
           }
       }
     }
-    var vt = Array.isArray;
-    function _e(e) {
-      return vt(e);
+    var xt = Array.isArray;
+    function Pe(e) {
+      return xt(e);
     }
     function gt(e) {
       {
@@ -358,53 +358,53 @@ function an() {
         return r;
       }
     }
-    function xt(e) {
+    function bt(e) {
       try {
-        return Ne(e), !1;
+        return Ge(e), !1;
       } catch {
         return !0;
       }
     }
-    function Ne(e) {
+    function Ge(e) {
       return "" + e;
     }
-    function Ye(e) {
-      if (xt(e))
-        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", gt(e)), Ne(e);
+    function Ze(e) {
+      if (bt(e))
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", gt(e)), Ge(e);
     }
-    var te = I.ReactCurrentOwner, bt = {
+    var fe = H.ReactCurrentOwner, mt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, ze, Ue, Se;
-    Se = {};
-    function mt(e) {
-      if (ee.call(e, "ref")) {
+    }, Ke, Xe, De;
+    De = {};
+    function Ct(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 Ct(e) {
-      if (ee.call(e, "key")) {
+    function jt(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 yt(e, n) {
-      if (typeof e.ref == "string" && te.current && n && te.current.stateNode !== n) {
-        var r = A(te.current.type);
-        Se[r] || (E('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(te.current.type), e.ref), Se[r] = !0);
+    function wt(e, n) {
+      if (typeof e.ref == "string" && fe.current && n && fe.current.stateNode !== n) {
+        var r = $(fe.current.type);
+        De[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', $(fe.current.type), e.ref), De[r] = !0);
       }
     }
-    function wt(e, n) {
+    function yt(e, n) {
       {
         var r = function() {
-          ze || (ze = !0, E("%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));
+          Ke || (Ke = !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,
@@ -412,10 +412,10 @@ function an() {
         });
       }
     }
-    function jt(e, n) {
+    function Et(e, n) {
       {
         var r = function() {
-          Ue || (Ue = !0, E("%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));
+          Xe || (Xe = !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,
@@ -423,70 +423,70 @@ function an() {
         });
       }
     }
-    var Et = function(e, n, r, i, g, C, p) {
-      var d = {
+    var Rt = function(e, n, r, i, x, C, v) {
+      var f = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: a,
         // Built-in properties that belong on the element
         type: e,
         key: n,
         ref: r,
-        props: p,
+        props: v,
         // Record the component responsible for creating this element.
         _owner: C
       };
-      return d._store = {}, Object.defineProperty(d._store, "validated", {
+      return f._store = {}, Object.defineProperty(f._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(d, "_self", {
+      }), Object.defineProperty(f, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: i
-      }), Object.defineProperty(d, "_source", {
+      }), Object.defineProperty(f, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: g
-      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
+        value: x
+      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     };
-    function Rt(e, n, r, i, g) {
+    function _t(e, n, r, i, x) {
       {
-        var C, p = {}, d = null, M = null;
-        r !== void 0 && (Ye(r), d = "" + r), Ct(n) && (Ye(n.key), d = "" + n.key), mt(n) && (M = n.ref, yt(n, g));
+        var C, v = {}, f = null, I = null;
+        r !== void 0 && (Ze(r), f = "" + r), jt(n) && (Ze(n.key), f = "" + n.key), Ct(n) && (I = n.ref, wt(n, x));
         for (C in n)
-          ee.call(n, C) && !bt.hasOwnProperty(C) && (p[C] = n[C]);
+          k.call(n, C) && !mt.hasOwnProperty(C) && (v[C] = n[C]);
         if (e && e.defaultProps) {
           var _ = e.defaultProps;
           for (C in _)
-            p[C] === void 0 && (p[C] = _[C]);
+            v[C] === void 0 && (v[C] = _[C]);
         }
-        if (d || M) {
-          var k = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          d && wt(p, k), M && jt(p, k);
+        if (f || I) {
+          var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          f && yt(v, T), I && Et(v, T);
         }
-        return Et(e, d, M, g, i, te.current, p);
+        return Rt(e, f, I, x, i, fe.current, v);
       }
     }
-    var ke = I.ReactCurrentOwner, Ge = I.ReactDebugCurrentFrame;
-    function K(e) {
+    var Ie = H.ReactCurrentOwner, Je = H.ReactDebugCurrentFrame;
+    function te(e) {
       if (e) {
-        var n = e._owner, r = be(e.type, e._source, n ? n.type : null);
-        Ge.setExtraStackFrame(r);
+        var n = e._owner, r = O(e.type, e._source, n ? n.type : null);
+        Je.setExtraStackFrame(r);
       } else
-        Ge.setExtraStackFrame(null);
+        Je.setExtraStackFrame(null);
     }
-    var Te;
-    Te = !1;
-    function Oe(e) {
+    var Fe;
+    Fe = !1;
+    function Ae(e) {
       return typeof e == "object" && e !== null && e.$$typeof === a;
     }
-    function Ze() {
+    function qe() {
       {
-        if (ke.current) {
-          var e = A(ke.current.type);
+        if (Ie.current) {
+          var e = $(Ie.current.type);
           if (e)
             return `
 
@@ -495,7 +495,7 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function _t(e) {
+    function St(e) {
       {
         if (e !== void 0) {
           var n = e.fileName.replace(/^.*[\\\/]/, ""), r = e.lineNumber;
@@ -506,10 +506,10 @@ Check your code at ` + n + ":" + r + ".";
         return "";
       }
     }
-    var Ke = {};
-    function St(e) {
+    var Qe = {};
+    function Tt(e) {
       {
-        var n = Ze();
+        var n = qe();
         if (!n) {
           var r = typeof e == "string" ? e : e.displayName || e.name;
           r && (n = `
@@ -519,35 +519,35 @@ Check the top-level render call using <` + r + ">.");
         return n;
       }
     }
-    function Xe(e, n) {
+    function et(e, n) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var r = St(n);
-        if (Ke[r])
+        var r = Tt(n);
+        if (Qe[r])
           return;
-        Ke[r] = !0;
+        Qe[r] = !0;
         var i = "";
-        e && e._owner && e._owner !== ke.current && (i = " It was passed a child from " + A(e._owner.type) + "."), K(e), 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, i), K(null);
+        e && e._owner && e._owner !== Ie.current && (i = " It was passed a child from " + $(e._owner.type) + "."), te(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), te(null);
       }
     }
-    function Je(e, n) {
+    function tt(e, n) {
       {
         if (typeof e != "object")
           return;
-        if (_e(e))
+        if (Pe(e))
           for (var r = 0; r < e.length; r++) {
             var i = e[r];
-            Oe(i) && Xe(i, n);
+            Ae(i) && et(i, n);
           }
-        else if (Oe(e))
+        else if (Ae(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var g = w(e);
-          if (typeof g == "function" && g !== e.entries)
-            for (var C = g.call(e), p; !(p = C.next()).done; )
-              Oe(p.value) && Xe(p.value, n);
+          var x = W(e);
+          if (typeof x == "function" && x !== e.entries)
+            for (var C = x.call(e), v; !(v = C.next()).done; )
+              Ae(v.value) && et(v.value, n);
         }
       }
     }
@@ -561,140 +561,140 @@ Check the top-level render call using <` + r + ">.");
           r = n.propTypes;
         else if (typeof n == "object" && (n.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        n.$$typeof === v))
+        n.$$typeof === p))
           r = n.propTypes;
         else
           return;
         if (r) {
-          var i = A(n);
-          ht(r, e.props, "prop", i, e);
-        } else if (n.PropTypes !== void 0 && !Te) {
-          Te = !0;
-          var g = A(n);
-          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", g || "Unknown");
+          var i = $(n);
+          vt(r, e.props, "prop", i, e);
+        } else if (n.PropTypes !== void 0 && !Fe) {
+          Fe = !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 && E("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 Tt(e) {
+    function Lt(e) {
       {
         for (var n = Object.keys(e.props), r = 0; r < n.length; r++) {
           var i = n[r];
           if (i !== "children" && i !== "key") {
-            K(e), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), K(null);
+            te(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), te(null);
             break;
           }
         }
-        e.ref !== null && (K(e), E("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
+        e.ref !== null && (te(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), te(null));
       }
     }
-    var qe = {};
-    function Qe(e, n, r, i, g, C) {
+    var nt = {};
+    function rt(e, n, r, i, x, C) {
       {
-        var p = Ee(e);
-        if (!p) {
-          var d = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (d += " 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 M = _t(g);
-          M ? d += M : d += Ze();
+        var v = ke(e);
+        if (!v) {
+          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 I = St(x);
+          I ? f += I : f += qe();
           var _;
-          e === null ? _ = "null" : _e(e) ? _ = "array" : e !== void 0 && e.$$typeof === a ? (_ = "<" + (A(e.type) || "Unknown") + " />", d = " Did you accidentally export a JSX literal instead of a component?") : _ = typeof e, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", _, d);
+          e === null ? _ = "null" : Pe(e) ? _ = "array" : e !== void 0 && e.$$typeof === a ? (_ = "<" + ($(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : _ = 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", _, f);
         }
-        var k = Rt(e, n, r, g, C);
-        if (k == null)
-          return k;
-        if (p) {
-          var $ = n.children;
-          if ($ !== void 0)
+        var T = _t(e, n, r, x, C);
+        if (T == null)
+          return T;
+        if (v) {
+          var M = n.children;
+          if (M !== void 0)
             if (i)
-              if (_e($)) {
-                for (var X = 0; X < $.length; X++)
-                  Je($[X], e);
-                Object.freeze && Object.freeze($);
+              if (Pe(M)) {
+                for (var ne = 0; ne < M.length; ne++)
+                  tt(M[ne], e);
+                Object.freeze && Object.freeze(M);
               } else
-                E("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
-              Je($, e);
+              tt(M, e);
         }
-        if (ee.call(n, "key")) {
-          var U = A(e), F = Object.keys(n).filter(function(Mt) {
-            return Mt !== "key";
-          }), Le = F.length > 0 ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!qe[U + Le]) {
-            var It = F.length > 0 ? "{" + F.join(": ..., ") + ": ...}" : "{}";
-            E(`A props object containing a "key" prop is being spread into JSX:
+        if (k.call(n, "key")) {
+          var K = $(e), F = Object.keys(n).filter(function(At) {
+            return At !== "key";
+          }), He = F.length > 0 ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!nt[K + He]) {
+            var Ft = 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} />`, Le, U, It, U), qe[U + Le] = !0;
+  <%s key={someKey} {...props} />`, He, K, Ft, K), nt[K + He] = !0;
           }
         }
-        return e === c ? Tt(k) : kt(k), k;
+        return e === d ? Lt(T) : kt(T), T;
       }
     }
     function Ot(e, n, r) {
-      return Qe(e, n, r, !0);
+      return rt(e, n, r, !0);
     }
-    function Lt(e, n, r) {
-      return Qe(e, n, r, !1);
+    function Pt(e, n, r) {
+      return rt(e, n, r, !1);
     }
-    var Pt = Lt, Dt = Ot;
-    re.Fragment = c, re.jsx = Pt, re.jsxs = Dt;
-  }()), re;
+    var Dt = Pt, It = Ot;
+    he.Fragment = d, he.jsx = Dt, he.jsxs = It;
+  }()), he;
 }
-process.env.NODE_ENV === "production" ? Fe.exports = on() : Fe.exports = an();
-var t = Fe.exports;
-const De = 60, it = 6, sn = (l) => {
+process.env.NODE_ENV === "production" ? Ve.exports = on() : Ve.exports = sn();
+var t = Ve.exports;
+const We = 60, ct = 6, un = (l) => {
   const {
     activeStepIndex: a,
     hideIndicators: h = !1,
-    steps: c,
-    stepperTheme: m = {
+    steps: d,
+    stepperTheme: b = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
-  } = l, { activeStep: x, setActiveStep: y } = Ft({
+  } = l, { activeStep: g, setActiveStep: m } = Ht({
     index: a,
-    count: c.length
+    count: d.length
   });
-  return J(() => {
-    y(a);
-  }, [a, y]), /* @__PURE__ */ t.jsx(
-    j,
+  return le(() => {
+    m(a);
+  }, [a, m]), /* @__PURE__ */ t.jsx(
+    y,
     { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
-      At,
+      $t,
       {
         role: "progressbar",
-        index: x,
+        index: g,
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
-        children: c.map((S, u) => {
-          const b = x === u, s = u === 0, v = u === c.length - 1, R = x > u;
-          let f = `${De}px`;
-          const T = `calc(100% - ((${De * (c.length - 1)}px) - (${c.length - 1} * ${it * 2}px)))`;
-          return b ? f = T : (s || v) && (f = `${De - it}px`), /* @__PURE__ */ t.jsx(
-            j,
+        children: d.map((R, u) => {
+          const j = g === u, o = u === 0, p = u === d.length - 1, w = g > u;
+          let c = `${We}px`;
+          const P = `calc(100% - ((${We * (d.length - 1)}px) - (${d.length - 1} * ${ct * 2}px)))`;
+          return j ? c = P : (o || p) && (c = `${We - ct}px`), /* @__PURE__ */ t.jsx(
+            y,
             {
-              width: f,
-              opacity: R || b ? 1 : 0.2,
-              paddingRight: v ? "0" : "6px",
-              paddingLeft: s ? "0" : "6px",
+              width: c,
+              opacity: w || j ? 1 : 0.2,
+              paddingRight: p ? "0" : "6px",
+              paddingLeft: o ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
               children: /* @__PURE__ */ t.jsx(
-                j,
+                y,
                 {
                   paddingTop: h ? 2 : 5,
                   position: "relative",
                   width: "100%",
                   children: /* @__PURE__ */ t.jsx(
-                    j,
+                    y,
                     {
                       width: "100%",
                       position: "absolute",
                       top: "0",
-                      backgroundColor: R ? m.light : m.base,
+                      backgroundColor: w ? b.light : b.base,
                       height: h ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
@@ -709,31 +709,31 @@ const De = 60, it = 6, sn = (l) => {
       }
     ) }
   );
-}, Cn = He.memo(sn), yn = ({
+}, wn = Ye.memo(un), yn = ({
   children: l,
   ...a
 }) => /* @__PURE__ */ t.jsx(
-  Zt,
+  Kt,
   { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...a, children: l }
-), dt = (l, a) => {
+), Ue = (l, a) => {
   const h = (l == null ? void 0 : l.startsWith("http")) || (l == null ? void 0 : l.startsWith("mailto"));
   return a && !h ? {
     to: l
   } : {
     href: l
   };
-}, Ie = ut(
+}, Me = pt(
   (l, a) => {
     const {
       label: h,
-      additionalContent: c,
-      mainTextFontSize: m,
-      linkComponent: x,
-      href: y,
-      ...S
-    } = l, u = x || le, b = dt(y, !!x);
+      additionalContent: d,
+      mainTextFontSize: b,
+      linkComponent: g,
+      href: m,
+      ...R
+    } = l, u = g || X, j = Ue(m, !!g);
     return /* @__PURE__ */ t.jsxs(
-      j,
+      y,
       {
         ref: a,
         as: u,
@@ -748,14 +748,14 @@ const De = 60, it = 6, sn = (l) => {
         borderColor: ["tints.cream", null, null, "unset"],
         width: ["100%", null, null, "fit-content"],
         cursor: "pointer",
-        ...b,
-        ...S,
+        ...j,
+        ...R,
         children: [
           /* @__PURE__ */ t.jsx(
-            ye,
+            re,
             {
               display: ["none", null, null, "block"],
-              as: tt,
+              as: it,
               fontSize: "lg",
               color: "viridian.light",
               role: "img",
@@ -764,18 +764,18 @@ const De = 60, it = 6, sn = (l) => {
             }
           ),
           /* @__PURE__ */ t.jsxs(
-            D,
+            L,
             { alignItems: "center", gap: "1", width: ["100%", null, null, "auto"], children: [
               /* @__PURE__ */ t.jsx(
-                N,
+                U,
                 {
-                  fontSize: [m || "xl", null, null, "lg"],
+                  fontSize: [b || "xl", null, null, "lg"],
                   fontWeight: "medium",
                   children: h
                 }
               ),
-              c && (typeof c == "string" ? /* @__PURE__ */ t.jsx(
-                N,
+              d && (typeof d == "string" ? /* @__PURE__ */ t.jsx(
+                U,
                 {
                   fontSize: ["xl", null, null, "lg"],
                   fontWeight: "medium",
@@ -785,14 +785,14 @@ const De = 60, it = 6, sn = (l) => {
                       color: "viridian.base"
                     }
                   },
-                  children: c
+                  children: d
                 }
-              ) : c),
+              ) : d),
               /* @__PURE__ */ t.jsx(
-                ye,
+                re,
                 {
                   display: ["block", null, null, "none"],
-                  as: tt,
+                  as: it,
                   fontSize: "2xl",
                   color: "tints.uiGrey",
                   role: "img",
@@ -806,15 +806,15 @@ const De = 60, it = 6, sn = (l) => {
       }
     );
   }
-), ot = ut(
+), Te = pt(
   (l, a) => {
-    const { children: h, isSelected: c, ...m } = l, x = c ? "tints.lightCream" : "transparent";
+    const { children: h, isSelected: d, ...b } = l, g = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
-      Ht,
+      Wt,
       {
         ref: a,
         borderRadius: "full",
-        backgroundColor: x,
+        backgroundColor: g,
         fontSize: "lg !important",
         fontWeight: "normal",
         color: "tints.black",
@@ -827,37 +827,37 @@ const De = 60, it = 6, sn = (l) => {
           left: [null, null, null, -2]
         },
         _hover: {
-          backgroundColor: x,
+          backgroundColor: g,
           textDecoration: "none",
           filter: "brightness(0.95)"
         },
-        ...m,
+        ...b,
         children: h
       }
     );
   }
-), un = ({
+), cn = ({
   title: l,
   description: a,
   imageSrc: h,
-  imageElement: c,
-  button: m,
-  backgroundColor: x = "viridian.wash",
-  onClick: y,
-  href: S,
+  imageElement: d,
+  button: b,
+  backgroundColor: g = "viridian.wash",
+  onClick: m,
+  href: R,
   linkComponent: u
 }) => {
-  const b = "80px", s = "200px", v = "272px", R = u || le, f = dt(S, !!u);
+  const j = "80px", o = "200px", p = "272px", w = u || X, c = Ue(R, !!u);
   return /* @__PURE__ */ t.jsxs(
-    D,
+    L,
     {
       direction: ["row", null, null, "column"],
       alignItems: ["center"],
       borderRadius: "xl",
       overflow: "hidden",
-      height: [b, null, null, v],
-      backgroundColor: x,
-      onClick: y,
+      height: [j, null, null, p],
+      backgroundColor: g,
+      onClick: m,
       "data-testid": "spotlight-card",
       position: "relative",
       transition: "box-shadow 0.2s ease-in-out",
@@ -870,37 +870,37 @@ const De = 60, it = 6, sn = (l) => {
         border: "1px solid",
         borderColor: "tints.white"
       },
-      as: R,
-      ...f,
+      as: w,
+      ...c,
       children: [
         /* @__PURE__ */ t.jsx(
-          j,
+          y,
           {
             width: ["72px", null, null, "100%"],
             height: ["100%"],
             flex: [null, null, null, "1"],
             children: h ? /* @__PURE__ */ t.jsx(
-              $t,
+              Mt,
               {
                 src: h,
                 objectFit: "cover",
-                height: [b, null, null, s],
+                height: [j, null, null, o],
                 width: "100%",
                 alt: "",
                 "data-testid": "spotlight-card-image"
               }
             ) : /* @__PURE__ */ t.jsx(
-              j,
+              y,
               {
-                height: [b, null, null, s],
+                height: [j, null, null, o],
                 overflow: "hidden",
-                children: c
+                children: d
               }
             )
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          D,
+          L,
           {
             direction: ["column", null, null, "row"],
             justifyContent: [null, null, null, "space-between"],
@@ -910,31 +910,31 @@ const De = 60, it = 6, sn = (l) => {
             width: "100%",
             position: [null, null, null, "absolute"],
             bottom: [null, null, null, "0"],
-            backgroundColor: [null, null, null, `${x}CC`],
+            backgroundColor: [null, null, null, `${g}CC`],
             backdropFilter: [null, null, null, "blur(8px)"],
             children: [
               /* @__PURE__ */ t.jsxs(
-                j,
+                y,
                 { children: [
                   /* @__PURE__ */ t.jsx(
-                    N,
+                    U,
                     { fontSize: "lg", fontWeight: "medium", color: "tints.black", children: l }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    N,
+                    U,
                     { fontSize: "sm", color: "tints.black", children: a }
                   )
                 ] }
               ),
-              /* @__PURE__ */ t.jsx(j, { display: ["none", null, null, "block"], children: m })
+              /* @__PURE__ */ t.jsx(y, { display: ["none", null, null, "block"], children: b })
             ]
           }
         )
       ]
     }
   );
-}, q = (l) => /* @__PURE__ */ t.jsx(
-  Wt,
+}, ie = (l) => /* @__PURE__ */ t.jsx(
+  Bt,
   {
     size: "sm",
     width: ["40px", null, null, "46px"],
@@ -954,7 +954,7 @@ const De = 60, it = 6, sn = (l) => {
     },
     ...l
   }
-), cn = () => /* @__PURE__ */ t.jsx(
+), dn = () => /* @__PURE__ */ t.jsx(
   "svg",
   {
     width: "116",
@@ -978,38 +978,40 @@ const De = 60, it = 6, sn = (l) => {
       ) }
     )
   }
-), dn = ({
+), fn = ({
   desktopTopButtons: l,
   kitRegistrationElement: a,
   profileElement: h,
-  cartElement: c,
-  onSearchClick: m,
-  onMenuClick: x,
-  hasSearch: y = !1,
-  logoLink: S = "https://www.everlywell.com",
-  onHeightChange: u
+  cartElement: d,
+  onSearchClick: b,
+  onMenuClick: g,
+  hasSearch: m = !1,
+  logoLink: R = "https://www.everlywell.com",
+  onHeightChange: u,
+  linkComponent: j,
+  onLogoClick: o
 }) => {
-  const b = Gt(null), [s, v] = W(0), R = 100, f = $e(() => {
-    if (b.current && u) {
-      const T = Date.now();
-      if (T - s > R) {
-        const H = b.current.getBoundingClientRect().height;
-        u(H), v(T);
+  const p = Zt(null), [w, c] = V(0), P = 100, A = ze(() => {
+    if (p.current && u) {
+      const W = Date.now();
+      if (W - w > P) {
+        const H = p.current.getBoundingClientRect().height;
+        u(H), c(W);
       }
     }
-  }, [u, s]);
-  return J(() => {
-    f();
-    const T = new ResizeObserver(() => {
-      f();
+  }, [u, w]);
+  return le(() => {
+    A();
+    const W = new ResizeObserver(() => {
+      A();
     });
-    return b.current && T.observe(b.current), () => {
-      T.disconnect();
+    return p.current && W.observe(p.current), () => {
+      W.disconnect();
     };
-  }, [f]), /* @__PURE__ */ t.jsx(
-    j,
+  }, [A]), /* @__PURE__ */ t.jsx(
+    y,
     {
-      ref: b,
+      ref: p,
       paddingY: "4",
       paddingX: [4, null, null, 12],
       borderBottom: "1px solid",
@@ -1019,65 +1021,71 @@ const De = 60, it = 6, sn = (l) => {
       width: "100%",
       zIndex: ["sticky", null, null, "tooltip"],
       children: /* @__PURE__ */ t.jsxs(
-        D,
+        L,
         { justifyContent: "space-between", alignItems: "center", children: [
           /* @__PURE__ */ t.jsxs(
-            D,
+            L,
             { alignItems: "center", gap: "5", children: [
               /* @__PURE__ */ t.jsx(
-                le,
-                { href: S, "aria-label": "Go to homepage", children: /* @__PURE__ */ t.jsx(cn, {}) }
+                y,
+                {
+                  "aria-label": "Go to homepage",
+                  onClick: o,
+                  as: j || X,
+                  ...Ue(R, !!j),
+                  children: /* @__PURE__ */ t.jsx(dn, {})
+                }
               ),
               /* @__PURE__ */ t.jsx(
-                D,
+                L,
                 { display: ["none", null, null, "flex"], children: l }
               )
             ] }
           ),
           /* @__PURE__ */ t.jsxs(
-            D,
+            L,
             { alignItems: "center", gap: "2", children: [
               /* @__PURE__ */ t.jsx(
-                j,
+                y,
                 { display: ["none", null, null, "block"], children: a }
               ),
-              y ? /* @__PURE__ */ t.jsx(
-                q,
+              m ? /* @__PURE__ */ t.jsx(
+                ie,
                 {
                   "aria-label": "Search",
-                  icon: /* @__PURE__ */ t.jsx(ye, { as: ct }),
-                  onClick: m
+                  icon: /* @__PURE__ */ t.jsx(re, { as: ht }),
+                  onClick: b
                 }
               ) : null,
-              c,
+              d,
               /* @__PURE__ */ t.jsx(
-                j,
+                y,
                 { display: ["flex", null, null, "none"], children: /* @__PURE__ */ t.jsx(
-                  q,
+                  ie,
                   {
-                    icon: /* @__PURE__ */ t.jsx(en, {}),
+                    icon: /* @__PURE__ */ t.jsx(tn, {}),
                     "aria-label": "menu",
                     "data-testid": "menu-button",
-                    onClick: x
+                    onClick: g
                   }
                 ) }
               ),
-              /* @__PURE__ */ t.jsx(j, { display: ["none", null, null, "block"], children: h })
+              /* @__PURE__ */ t.jsx(y, { display: ["none", null, null, "block"], children: h })
             ] }
           )
         ] }
       )
     }
   );
-}, fn = ({
+}, pn = ({
   count: l = 0,
   ...a
 }) => /* @__PURE__ */ t.jsxs(
-  j,
+  y,
   { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(q, { icon: /* @__PURE__ */ t.jsx(tn, {}), ...a }),
+    /* @__PURE__ */ t.jsx(ie, { icon: /* @__PURE__ */ t.jsx(nn, {}), ...a }),
     l > 0 && /* @__PURE__ */ t.jsx(
-      j,
+      y,
       {
         display: "flex",
         minWidth: "20px",
@@ -1098,102 +1106,102 @@ const De = 60, it = 6, sn = (l) => {
       }
     )
   ] }
-), wn = ({
+), En = ({
   numLinks: l = 5,
   showPromoButton: a = !0
 }) => /* @__PURE__ */ t.jsx(
-  Bt,
+  Vt,
   { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
-    j,
+    y,
     { paddingY: 4, paddingX: 6, borderBottomWidth: "1px", children: /* @__PURE__ */ t.jsxs(
-      D,
+      L,
       { justify: "space-between", align: "center", children: [
-        /* @__PURE__ */ t.jsx(Pe, { w: "120px", h: "48px" }),
+        /* @__PURE__ */ t.jsx($e, { w: "120px", h: "48px" }),
         /* @__PURE__ */ t.jsxs(
-          et,
+          lt,
           { spacing: 8, marginLeft: 12, children: [
             Array.from({ length: l }).map(
-              (h, c) => /* @__PURE__ */ t.jsx(Pe, { width: "90px", height: "48px" }, c)
+              (h, d) => /* @__PURE__ */ t.jsx($e, { width: "90px", height: "48px" }, d)
             ),
-            a && /* @__PURE__ */ t.jsx(Pe, { width: "110px", height: "48px", borderRadius: "full" })
+            a && /* @__PURE__ */ t.jsx($e, { width: "110px", height: "48px", borderRadius: "full" })
           ] }
         ),
         /* @__PURE__ */ t.jsxs(
-          et,
+          lt,
           { spacing: 4, ml: "auto", children: [
-            /* @__PURE__ */ t.jsx(Ce, { width: "120px", height: "48px" }),
+            /* @__PURE__ */ t.jsx(Se, { width: "120px", height: "48px" }),
             " ",
-            /* @__PURE__ */ t.jsx(Ce, { width: "48px", height: "48px" }),
+            /* @__PURE__ */ t.jsx(Se, { width: "48px", height: "48px" }),
             " ",
-            /* @__PURE__ */ t.jsx(Ce, { width: "48px", height: "48px" }),
+            /* @__PURE__ */ t.jsx(Se, { width: "48px", height: "48px" }),
             " ",
-            /* @__PURE__ */ t.jsx(Ce, { width: "48px", height: "48px" }),
+            /* @__PURE__ */ t.jsx(Se, { width: "48px", height: "48px" }),
             " "
           ] }
         )
       ] }
     ) }
   ) }
-), pn = (l, a) => {
+), hn = (l, a) => {
   let h;
-  return (...c) => {
+  return (...d) => {
     h && clearTimeout(h), h = setTimeout(() => {
-      l(...c);
+      l(...d);
     }, a);
   };
-}, Ae = "nav-drawer-hover", at = (l) => {
+}, Ne = "nav-drawer-hover", dt = (l) => {
   window.dispatchEvent(
-    new CustomEvent(Ae, {
+    new CustomEvent(Ne, {
       detail: { isHovering: l },
       bubbles: !0,
       cancelable: !0
     })
   );
-}, Me = ({
+}, vn = (l = !1, a = !1, h = !1) => l || !a ? "column" : h ? "row" : "row-reverse", Be = ({
   isOpen: l = !1,
   onClose: a,
   title: h,
-  navDrawerLinks: c,
-  bottomNavButtons: m,
-  spotlightCards: x,
-  bottomButton: y,
-  hasBackButton: S = !0,
+  navDrawerLinks: d,
+  bottomNavButtons: b,
+  spotlightCards: g,
+  bottomButton: m,
+  hasBackButton: R = !0,
   onBackClick: u,
-  hasOnlySpotlightCards: b = !1,
-  navHeight: s,
-  hasSearch: v = !1,
-  onSearch: R = () => {
+  hasOnlySpotlightCards: j = !1,
+  navHeight: o,
+  hasSearch: p = !1,
+  onSearch: w = () => {
   }
 }) => {
-  const f = Kt({
+  const c = Xt({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
-  }), T = f ? "top" : "left", [H, w] = W(0), I = () => {
-    w((B) => B + 1);
-  }, E = $e(
-    pn((B) => {
-      R(B), I();
+  }), P = c ? "top" : "left", [A, W] = V(0), H = () => {
+    W((N) => N + 1);
+  }, S = ze(
+    hn((N) => {
+      w(N), H();
     }, 100),
     []
   );
   return /* @__PURE__ */ t.jsxs(
-    Vt,
+    Nt,
     {
       isOpen: l,
       onClose: a,
-      placement: T,
+      placement: P,
       blockScrollOnMount: !1,
       autoFocus: !1,
       children: [
         /* @__PURE__ */ t.jsx(
-          Nt,
+          Yt,
           {
             backgroundColor: "tints.black",
-            top: ["0", null, null, s ? `${s}px` : null],
-            opacity: f ? void 0 : "0.4 !important",
-            motionProps: f ? {
+            top: ["0", null, null, o ? `${o}px` : null],
+            opacity: c ? void 0 : "0.4 !important",
+            motionProps: c ? {
               initial: { opacity: 0 },
               animate: { opacity: 0.4 },
               exit: { opacity: 0 },
@@ -1206,39 +1214,39 @@ const De = 60, it = 6, sn = (l) => {
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          Yt,
+          zt,
           {
             onMouseEnter: () => {
-              !v && f && at(!0);
+              !p && c && dt(!0);
             },
             onMouseLeave: () => {
-              !v && f && at(!1);
+              !p && c && dt(!1);
             },
-            paddingTop: [4, null, null, s ? `${s + 24}px` : null],
+            paddingTop: [4, null, null, o ? `${o + 24}px` : null],
             paddingX: [4, null, null, 12],
             paddingBottom: "24",
             overflow: "auto",
             maxHeight: "100vh",
             position: "relative",
             children: [
-              !v && f ? null : /* @__PURE__ */ t.jsxs(
-                zt,
+              !p && c ? null : /* @__PURE__ */ t.jsxs(
+                Ut,
                 {
                   padding: "0",
-                  flexDirection: v ? "column" : "row",
-                  gap: v ? "4" : "0",
+                  flexDirection: p ? "column" : "row",
+                  gap: p ? "4" : "0",
                   children: [
-                    f ? null : /* @__PURE__ */ t.jsxs(
-                      D,
+                    c ? null : /* @__PURE__ */ t.jsxs(
+                      L,
                       {
                         width: "100%",
                         justifyContent: "space-between",
                         alignItems: "center",
                         children: [
-                          S ? /* @__PURE__ */ t.jsx(
-                            q,
+                          R ? /* @__PURE__ */ t.jsx(
+                            ie,
                             {
-                              icon: /* @__PURE__ */ t.jsx(nn, {}),
+                              icon: /* @__PURE__ */ t.jsx(rn, {}),
                               onClick: () => {
                                 u && u(), a();
                               },
@@ -1246,13 +1254,13 @@ const De = 60, it = 6, sn = (l) => {
                             }
                           ) : null,
                           /* @__PURE__ */ t.jsx(
-                            N,
+                            U,
                             { color: "tints.uiGrey", fontSize: ["xl", null, null, "lg"], children: h }
                           ),
                           /* @__PURE__ */ t.jsx(
-                            q,
+                            ie,
                             {
-                              icon: /* @__PURE__ */ t.jsx(rn, {}),
+                              icon: /* @__PURE__ */ t.jsx(ln, {}),
                               onClick: a,
                               "aria-label": "Close"
                             }
@@ -1260,14 +1268,14 @@ const De = 60, it = 6, sn = (l) => {
                         ]
                       }
                     ),
-                    v && /* @__PURE__ */ t.jsxs(
-                      Xt,
+                    p && /* @__PURE__ */ t.jsxs(
+                      Jt,
                       { width: "100%", children: [
                         /* @__PURE__ */ t.jsx(
-                          Jt,
+                          qt,
                           {
-                            onChange: (B) => {
-                              E(B.target.value);
+                            onChange: (N) => {
+                              S(N.target.value);
                             },
                             placeholder: "Search",
                             autoFocus: !0,
@@ -1276,8 +1284,8 @@ const De = 60, it = 6, sn = (l) => {
                           }
                         ),
                         /* @__PURE__ */ t.jsx(
-                          qt,
-                          { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(Qt, { as: ct, color: "gray.500" }) }
+                          Qt,
+                          { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(en, { as: ht, color: "gray.500" }) }
                         )
                       ] }
                     )
@@ -1285,14 +1293,14 @@ const De = 60, it = 6, sn = (l) => {
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                Ut,
+                Gt,
                 {
                   paddingX: "0",
                   paddingBottom: [6, null, null, 4],
                   "data-testid": `navbar-drawer-body-${h.toLowerCase()}`,
                   children: /* @__PURE__ */ t.jsx(
-                    nt.div,
-                    { ...f ? {
+                    ot.div,
+                    { ...c ? {
                       initial: { opacity: 0, y: 0 },
                       animate: { opacity: 1, y: 0 },
                       exit: { opacity: 0, y: 0 },
@@ -1305,9 +1313,9 @@ const De = 60, it = 6, sn = (l) => {
                         }
                       }
                     } : {}, children: /* @__PURE__ */ t.jsxs(
-                      nt.div,
+                      ot.div,
                       {
-                        ...f ? {
+                        ...c ? {
                           initial: { opacity: 0, y: -5 },
                           animate: { opacity: 1, y: 0 },
                           exit: { opacity: 0, y: -5 },
@@ -1324,44 +1332,48 @@ const De = 60, it = 6, sn = (l) => {
                         } : {},
                         style: {
                           display: "flex",
-                          flexDirection: b ? "column" : f ? v ? "row" : "row-reverse" : "column",
+                          flexDirection: vn(
+                            j,
+                            c,
+                            p
+                          ),
                           gap: "24px",
                           justifyContent: "space-between"
                         },
                         children: [
-                          x ? /* @__PURE__ */ t.jsx(
-                            j,
+                          g ? /* @__PURE__ */ t.jsx(
+                            y,
                             {
                               gap: "6",
-                              display: "grid",
+                              display: "flex",
                               justifyContent: [null, null, null, "center"],
-                              gridTemplateColumns: b ? [
-                                null,
-                                null,
-                                "repeat(2, 380px)",
-                                "repeat(3, 375px)",
-                                "repeat(3, 432px)"
-                              ] : void 0,
-                              children: x
+                              sx: {
+                                "& > *": {
+                                  width: ["100%", null, null, "365px", "432px"]
+                                },
+                                flexWrap: "wrap",
+                                flexDirection: ["column", null, null, "row"]
+                              },
+                              children: g
                             }
                           ) : null,
                           /* @__PURE__ */ t.jsxs(
-                            D,
+                            L,
                             {
                               position: [null, null, null, "relative"],
                               flexDirection: "column",
                               gap: "6",
                               width: ["100%", null, null, "auto"],
                               children: [
-                                c ? /* @__PURE__ */ t.jsx(j, { children: c }) : null,
-                                m && !f ? /* @__PURE__ */ t.jsx(j, { children: m }) : null,
-                                y ? /* @__PURE__ */ t.jsx(
-                                  j,
+                                d ? /* @__PURE__ */ t.jsx(y, { children: d }) : null,
+                                b && !c ? /* @__PURE__ */ t.jsx(y, { children: b }) : null,
+                                m ? /* @__PURE__ */ t.jsx(
+                                  y,
                                   {
                                     width: ["100%"],
                                     position: [null, null, null, "absolute"],
                                     bottom: [null, null, null, 0],
-                                    children: y
+                                    children: m
                                   }
                                 ) : null
                               ]
@@ -1369,7 +1381,7 @@ const De = 60, it = 6, sn = (l) => {
                           )
                         ]
                       },
-                      H
+                      A
                     ) }
                   )
                 }
@@ -1380,288 +1392,362 @@ const De = 60, it = 6, sn = (l) => {
       ]
     }
   );
-}, st = (l) => l.reduce((a, h) => {
-  var m;
-  const c = ((m = h.sections) == null ? void 0 : m.reduce((x, y) => [...x, ...y.links], [])) ?? [];
-  return [...a, ...c];
-}, []), hn = ({
+}, ft = (l) => l.reduce((a, h) => {
+  var b;
+  const d = ((b = h.sections) == null ? void 0 : b.reduce((g, m) => [...g, ...m.links], [])) ?? [];
+  return [...a, ...d];
+}, []), xn = ({
   source: l,
   onSearchCallback: a,
   isActive: h
 }) => {
-  const [c, m] = W(""), [x, y] = W([]), S = (s, v) => {
-    if (!s)
+  const [d, b] = V(""), [g, m] = V([]), R = (o, p) => {
+    if (!o)
       return [];
-    const R = s.toLowerCase();
-    return v.filter((f) => {
-      const T = f.label.toLowerCase().includes(R), H = typeof f.additionalContent == "string" && f.additionalContent.toLowerCase().includes(R);
-      return T || H;
-    }).sort((f, T) => f.label.localeCompare(T.label));
-  }, u = (s) => {
-    if (m(s), !s) {
-      y([]);
+    const w = o.toLowerCase();
+    return p.filter((c) => {
+      const P = c.label.toLowerCase().includes(w), A = typeof c.additionalContent == "string" && c.additionalContent.toLowerCase().includes(w);
+      return P || A;
+    }).sort((c, P) => c.label.localeCompare(P.label));
+  }, u = (o) => {
+    if (b(o), !o) {
+      m([]);
       return;
     }
-    const v = S(s, l);
-    y(v), a && a(s, v);
-  }, b = () => {
-    m(""), y([]);
+    const p = R(o, l);
+    m(p), a && a(o, p);
+  }, j = () => {
+    b(""), m([]);
   };
-  return J(() => {
-    h || (m(""), y([]));
+  return le(() => {
+    h || (b(""), m([]));
   }, [h]), {
-    query: c,
-    results: x,
-    handleClose: b,
+    query: d,
+    results: g,
+    handleClose: j,
     handleSearch: u
   };
-}, jn = ({
+}, Rn = ({
   categories: l = [],
   onCartClick: a,
   mainCategoryLabel: h = "Menu",
-  logoLink: c = "https://www.everlywell.com",
-  hasSearch: m = !0,
-  onSearchClick: x,
-  registrationUrl: y,
-  profileUrl: S = "https://secure.everlywell.com/login",
+  logoLink: d = "https://www.everlywell.com",
+  hasSearch: b = !0,
+  onSearchClick: g,
+  registrationUrl: m,
+  profileUrl: R = "https://secure.everlywell.com/login",
   mobileBottomButtons: u = [],
-  numberOfCartItems: b = 0,
-  linkComponent: s,
-  onSearchCallback: v
+  numberOfCartItems: j = 0,
+  linkComponent: o,
+  onSearchCallback: p,
+  onLinkClick: w,
+  onCategoryOpen: c,
+  onMobileMenuOpen: P,
+  onBackToMainMenu: A,
+  onRegisterKitClick: W,
+  onProfileClick: H,
+  onLogoClick: S
 }) => {
-  var Q, ge, xe;
-  const [R, f] = W(!1), [T, H] = W(!1), [w, I] = W(null), [E, B] = W(0), [ie, oe] = W(!1), [ae, we] = W(!1), {
-    query: je,
-    results: Y,
-    handleSearch: Ee
-  } = hn({ source: st(l), onSearchCallback: v, isActive: T }), Re = je && /* @__PURE__ */ t.jsxs(
-    D,
+  var Ee, de, Re;
+  const [N, ve] = V(!1), [xe, J] = V(!1), [E, Y] = V(null), [q, ke] = V(0), [ge, ae] = V(!1), [$, z] = V(!1), {
+    query: G,
+    results: Z,
+    handleSearch: be
+  } = xn({
+    source: ft(l),
+    onSearchCallback: p,
+    isActive: xe
+  }), me = G && /* @__PURE__ */ t.jsxs(
+    L,
     { gap: "6", direction: "column", children: [
-      Y.length > 0 ? /* @__PURE__ */ t.jsx(N, { color: "tints.uiGrey", children: `${Y.length} Results` }) : /* @__PURE__ */ t.jsx(N, { children: "We didn't find what you were looking for, click to shop all products." }),
+      Z.length > 0 ? /* @__PURE__ */ t.jsx(U, { color: "tints.uiGrey", children: `${Z.length} Results` }) : /* @__PURE__ */ t.jsx(
+        U,
+        { children: "We didn't find what you were looking for, click to shop all products." }
+      ),
       /* @__PURE__ */ t.jsx(
-        D,
+        L,
         {
           gap: "6",
           flexDirection: ["column", null, null, "row"],
           justifyContent: [null, null, null, "flex-start"],
           children: Array.from(
-            { length: Math.ceil(Y.length / 4) },
-            (o, L) => /* @__PURE__ */ t.jsx(
-              D,
-              { direction: "column", gap: "6", children: Y.slice(L * 4, (L + 1) * 4).map(
-                (O, P) => /* @__PURE__ */ t.jsx(
-                  Ie,
+            { length: Math.ceil(Z.length / 4) },
+            (s, O) => /* @__PURE__ */ t.jsx(
+              L,
+              { direction: "column", gap: "6", children: Z.slice(O * 4, (O + 1) * 4).map(
+                (k, D) => /* @__PURE__ */ t.jsx(
+                  Me,
                   {
-                    href: O.href,
-                    label: O.label,
-                    additionalContent: O == null ? void 0 : O.additionalContent
+                    href: k.href,
+                    label: k.label,
+                    additionalContent: k == null ? void 0 : k.additionalContent,
+                    linkComponent: o
                   },
-                  `${O.label}-${P}`
+                  `${k.label}-${D}`
                 )
               ) },
-              L
+              O
             )
           )
         }
       )
     ] }
-  ), se = $e((o) => {
-    B(o);
-  }, []), A = () => {
-    f(!1), I(null);
-  }, V = (o) => {
-    I(o);
-  }, z = (o) => {
-    oe(!0), H(!1), (o.sections || o.spotlightCards) && I(o);
-  }, ue = () => {
-    oe(!1);
+  ), Ce = ze((s) => {
+    ke(s);
+  }, []), oe = () => {
+    ve(!1), Y(null);
+  }, je = (s) => {
+    Y(s);
+  }, we = (s) => {
+    ae(!0), J(!1), (s.sections || s.spotlightCards) && Y(s);
+  }, ye = () => {
+    ae(!1);
   };
-  J(() => {
-    const o = (L) => {
-      we(L.detail.isHovering);
+  le(() => {
+    const s = (O) => {
+      z(O.detail.isHovering);
     };
     return window.addEventListener(
-      Ae,
-      o
+      Ne,
+      s
     ), () => {
       window.removeEventListener(
-        Ae,
-        o
+        Ne,
+        s
       );
     };
-  }, []), J(() => {
-    !ie && !ae && (I(null), H(!1));
-  }, [ie, ae]), J(() => {
-    let o = window.location.href;
-    const L = () => {
-      const P = window.location.href;
-      P !== o && (o = P, A(), I(null));
-    }, O = setInterval(L, 100);
-    return window.addEventListener("popstate", L), () => {
-      window.removeEventListener("popstate", L), clearInterval(O);
+  }, []), le(() => {
+    !ge && !$ && (Y(null), J(!1));
+  }, [ge, $]), le(() => {
+    let s = window.location.href;
+    const O = () => {
+      const D = window.location.href;
+      D !== s && (s = D, oe(), Y(null));
+    }, k = setInterval(O, 100);
+    return window.addEventListener("popstate", O), () => {
+      window.removeEventListener("popstate", O), clearInterval(k);
     };
   }, []);
-  const ce = () => {
-    I(null);
-  }, de = /* @__PURE__ */ t.jsx(
+  const Le = () => {
+    Y(null), A == null || A();
+  }, Oe = /* @__PURE__ */ t.jsx(
     t.Fragment,
     { children: l == null ? void 0 : l.map(
-      (o, L) => /* @__PURE__ */ t.jsx(
-        ot,
+      (s, O) => /* @__PURE__ */ t.jsx(
+        Te,
         {
           onMouseEnter: () => {
-            z(o);
+            we(s), c == null || c(s.label);
           },
-          onMouseLeave: ue,
-          isSelected: (w == null ? void 0 : w.label) === o.label,
-          ...o.buttonProps,
-          children: o.label
+          onMouseLeave: ye,
+          isSelected: (E == null ? void 0 : E.label) === s.label,
+          ...s.buttonProps,
+          children: s.label
         },
-        `${o.label}-${L}`
+        `${s.label}-${O}`
       )
     ) }
-  ), fe = (Q = l.filter((o) => o.isMobileTopLink !== !1)) == null ? void 0 : Q.map(
-    (o) => /* @__PURE__ */ t.jsx(
-      j,
-      { onClick: () => V(o), children: /* @__PURE__ */ t.jsx(
-        Ie,
-        {
-          label: o.label,
-          role: "link",
-          additionalContent: o.additionalContent,
-          mainTextFontSize: "3xl",
-          linkComponent: s
-        }
-      ) },
-      o.label
+  ), se = (Ee = l.filter((s) => s.isMobileTopLink !== !1)) == null ? void 0 : Ee.map(
+    (s) => /* @__PURE__ */ t.jsx(
+      y,
+      {
+        onClick: () => {
+          je(s), c == null || c(s.label);
+        },
+        children: /* @__PURE__ */ t.jsx(
+          Me,
+          {
+            label: s.label,
+            role: "link",
+            additionalContent: s.additionalContent,
+            mainTextFontSize: "3xl",
+            linkComponent: o
+          }
+        )
+      },
+      s.label
     )
   );
-  st(l);
-  const pe = /* @__PURE__ */ t.jsx(
-    D,
-    { gap: "2", flexDirection: "column", children: u }
-  ), he = w ? /* @__PURE__ */ t.jsx(
-    D,
-    { direction: ["column", null, null, "row"], gap: "8", children: (ge = w == null ? void 0 : w.sections) == null ? void 0 : ge.map((o, L) => {
-      const O = [];
-      for (let P = 0; P < o.links.length; P += 3)
-        O.push(o.links.slice(P, P + 3));
+  ft(l);
+  const ue = /* @__PURE__ */ t.jsxs(
+    t.Fragment,
+    { children: [
+      /* @__PURE__ */ t.jsx(
+        Te,
+        {
+          as: X,
+          href: R,
+          width: "100%",
+          backgroundColor: "tints.cream",
+          onClick: H,
+          children: /* @__PURE__ */ t.jsxs(
+            L,
+            { gap: "2", children: [
+              "My Everly",
+              /* @__PURE__ */ t.jsx(re, { as: at, size: 24 })
+            ] }
+          )
+        },
+        "my-everly"
+      ),
+      /* @__PURE__ */ t.jsx(
+        Te,
+        {
+          as: X,
+          width: "100%",
+          href: m,
+          backgroundColor: "tints.cream",
+          onClick: W,
+          children: /* @__PURE__ */ t.jsxs(
+            L,
+            { gap: "2", children: [
+              "Register kit",
+              /* @__PURE__ */ t.jsx(re, { as: an, size: 24 })
+            ] }
+          )
+        },
+        "register-kit"
+      )
+    ] }
+  ), Q = /* @__PURE__ */ t.jsxs(
+    L,
+    { gap: "2", flexDirection: "column", children: [
+      u,
+      ue
+    ] }
+  ), ce = E ? /* @__PURE__ */ t.jsx(
+    L,
+    { direction: ["column", null, null, "row"], gap: "8", children: (de = E == null ? void 0 : E.sections) == null ? void 0 : de.map((s, O) => {
+      const k = [];
+      for (let D = 0; D < s.links.length; D += 3)
+        k.push(s.links.slice(D, D + 3));
       return /* @__PURE__ */ t.jsxs(
-        j,
+        y,
         { children: [
           /* @__PURE__ */ t.jsx(
-            N,
+            U,
             {
               fontSize: "md",
               color: "tints.uiGrey",
               marginBottom: [0, null, null, 6],
-              children: o.title
+              children: s.title
             }
           ),
           /* @__PURE__ */ t.jsx(
-            D,
+            L,
             {
               flexDirection: ["column", null, null, "row"],
               gap: [null, null, null, 8],
-              children: O == null ? void 0 : O.map(
-                (P, G) => /* @__PURE__ */ t.jsx(
-                  D,
+              children: k == null ? void 0 : k.map(
+                (D, _e) => /* @__PURE__ */ t.jsx(
+                  L,
                   {
                     flexDirection: ["column"],
                     gap: [null, null, null, 5],
                     marginLeft: [null, null, null, -2],
-                    children: P == null ? void 0 : P.map(
-                      (Z) => /* @__PURE__ */ t.jsx(
-                        Ie,
+                    children: D == null ? void 0 : D.map(
+                      (B) => /* @__PURE__ */ t.jsx(
+                        Me,
                         {
-                          label: Z.label,
-                          href: Z.href,
-                          additionalContent: Z.additionalContent,
-                          linkComponent: s
+                          label: B.label,
+                          href: B.href,
+                          additionalContent: B.additionalContent,
+                          linkComponent: o,
+                          onClick: () => w == null ? void 0 : w(B.label)
                         },
-                        Z.label
+                        B.label
                       )
                     )
                   },
-                  G
+                  _e
                 )
               )
             }
           )
         ] },
-        `${o.title}-${L}`
+        `${s.title}-${O}`
       );
     }) }
-  ) : null, ve = w != null && w.spotlightCards ? (xe = w.spotlightCards) == null ? void 0 : xe.map(
-    (o) => /* @__PURE__ */ t.jsx(un, { ...o }, o.title)
-  ) : /* @__PURE__ */ t.jsx(j, {});
+  ) : null, ee = E != null && E.spotlightCards ? (Re = E.spotlightCards) == null ? void 0 : Re.map(
+    (s) => /* @__PURE__ */ t.jsx(cn, { ...s }, s.title)
+  ) : /* @__PURE__ */ t.jsx(y, {});
   return /* @__PURE__ */ t.jsxs(
     t.Fragment,
     { children: [
       /* @__PURE__ */ t.jsx(
-        dn,
+        fn,
         {
-          desktopTopButtons: de,
+          desktopTopButtons: Oe,
           kitRegistrationElement: /* @__PURE__ */ t.jsx(
-            ot,
-            { as: le, href: y, children: "Register Kit" }
+            Te,
+            {
+              as: X,
+              href: m,
+              onClick: W,
+              backgroundColor: "tints.cream",
+              children: "Register Kit"
+            }
           ),
           profileElement: /* @__PURE__ */ t.jsx(
-            le,
-            { href: S, "aria-label": "login", children: /* @__PURE__ */ t.jsx(q, { icon: /* @__PURE__ */ t.jsx(ye, { as: ln }), "aria-label": "Profile" }) }
+            X,
+            { href: R, "aria-label": "login", onClick: H, children: /* @__PURE__ */ t.jsx(ie, { icon: /* @__PURE__ */ t.jsx(re, { as: at }), "aria-label": "Profile" }) }
           ),
           cartElement: /* @__PURE__ */ t.jsx(
-            fn,
+            pn,
             {
               "aria-label": "Cart",
-              count: b,
+              count: j,
               onClick: a
             }
           ),
           onSearchClick: () => {
-            H(!0), x == null || x();
+            J(!0), g == null || g();
+          },
+          onMenuClick: () => {
+            ve(!0), P == null || P();
           },
-          onMenuClick: () => f(!0),
-          hasSearch: m,
-          logoLink: c,
-          onHeightChange: se
+          hasSearch: b,
+          logoLink: d,
+          onHeightChange: Ce,
+          linkComponent: o,
+          onLogoClick: S
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Me,
+        Be,
         {
-          isOpen: R,
-          onClose: A,
+          isOpen: N,
+          onClose: oe,
           title: h,
-          navDrawerLinks: fe,
-          bottomNavButtons: pe,
+          navDrawerLinks: se,
+          bottomNavButtons: Q,
           hasBackButton: !1,
-          navHeight: E
+          navHeight: q
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Me,
+        Be,
         {
-          isOpen: !!w,
-          onClose: () => I(null),
-          title: (w == null ? void 0 : w.label) || "",
-          navDrawerLinks: he,
-          onBackClick: ce,
-          spotlightCards: ve,
-          hasOnlySpotlightCards: w == null ? void 0 : w.hasOnlySpotlightCards,
-          navHeight: E,
-          bottomButton: w == null ? void 0 : w.bottomButton
+          isOpen: !!E,
+          onClose: () => Y(null),
+          title: (E == null ? void 0 : E.label) || "",
+          navDrawerLinks: ce,
+          onBackClick: Le,
+          spotlightCards: ee,
+          hasOnlySpotlightCards: E == null ? void 0 : E.hasOnlySpotlightCards,
+          navHeight: q,
+          bottomButton: E == null ? void 0 : E.bottomButton
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Me,
+        Be,
         {
-          isOpen: T,
-          onClose: () => H(!1),
+          isOpen: xe,
+          onClose: () => J(!1),
           title: "Search",
-          navHeight: E,
-          navDrawerLinks: Re,
-          onSearch: Ee,
+          navHeight: q,
+          navDrawerLinks: me,
+          onSearch: be,
           hasSearch: !0,
           hasBackButton: !1
         }
@@ -1670,15 +1756,15 @@ const De = 60, it = 6, sn = (l) => {
   );
 };
 export {
-  fn as BasketButton,
+  pn as BasketButton,
   yn as CategoryLabel,
-  ot as NavButton,
-  wn as NavSkeleton,
-  Me as NavbarDrawer,
-  Ie as NavbarDrawerLink,
-  jn as NavigationBar,
-  un as SpotlightCard,
-  Cn as Stepper,
-  q as TopNavIconButton,
-  dn as TopNavigation
+  Te as NavButton,
+  En as NavSkeleton,
+  Be as NavbarDrawer,
+  Me as NavbarDrawerLink,
+  Rn as NavigationBar,
+  cn as SpotlightCard,
+  wn as Stepper,
+  ie as TopNavIconButton,
+  fn as TopNavigation
 };