npm - @everlywell/consumer-ui - Versions diffs - 1.25.0 → 1.26.0 - Mend

@everlywell/consumer-ui 1.25.0 → 1.26.0

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 (11) hide show

package/index.mjs CHANGED Viewed

@@ -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, s = Symbol.for("react.element"), v = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, b = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, x = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function m(R, u, j) {
+    var a, 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 (a in u)
+      d.call(u, a) && !x.hasOwnProperty(a) && (p[a] = u[a]);
+    if (R && R.defaultProps)
+      for (a in u = R.defaultProps, u)
+        p[a] === void 0 && (p[a] = u[a]);
+    return { $$typeof: s, 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 = v, 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, s = Symbol.for("react.element"), v = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), x = 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"), a = 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();
+        var i = H.ReactDebugCurrentFrame, g = i.getStackAddendum();
         g !== "" && (n += "%s", r = r.concat([g]));
-        var C = r.map(function(p) {
-          return String(p);
+        var C = r.map(function(h) {
+          return String(h);
         });
         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, ge = !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 === x || Y || e === b || e === j || e === a || E || e === c || ve || ge || 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 xe(e, n, r) {
       var i = e.displayName;
       if (i)
         return i;
       var g = n.displayName || n.name || "";
       return g !== "" ? r + "(" + g + ")" : 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:
+        case v:
           return "Portal";
         case x:
           return "Profiler";
-        case m:
-          return "StrictMode";
         case b:
+          return "StrictMode";
+        case j:
           return "Suspense";
-        case s:
+        case a:
           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 xe(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 g = e, C = g._payload, h = g._init;
             try {
-              return A(p(C));
+              return $(h(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] || "";
+            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;
+      ce = !0;
       var g = 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 h = function() {
             throw Error();
           };
-          if (Object.defineProperty(p.prototype, "props", {
+          if (Object.defineProperty(h.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(p, []);
+              Reflect.construct(h, []);
             } catch (F) {
               i = F;
             }
-            Reflect.construct(e, [], p);
+            Reflect.construct(e, [], h);
           } else {
             try {
-              p.call();
+              h.call();
             } catch (F) {
               i = F;
             }
-            e.call(p.prototype);
+            e.call(h.prototype);
           }
         } else {
           try {
@@ -262,149 +262,149 @@ 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 = g;
       }
-      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 o(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, o(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 a:
+          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: {
+            return Re(e.render);
+          case p:
+            return O(e.type, n, r);
+          case w: {
             var i = e, g = i._payload, C = i._init;
             try {
-              return be(C(g), n, r);
+              return O(C(g), 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, g) {
       {
-        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 h in e)
+          if (C(e, h)) {
+            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[h] != "function") {
+                var I = 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 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[h](n, h, 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(g), 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), B(null)), f instanceof Error && !(f.message in D) && (D[f.message] = !0, B(g), S("Failed %s type: %s", r, f.message), B(null));
           }
       }
     }
-    var vt = Array.isArray;
-    function _e(e) {
-      return vt(e);
+    var gt = Array.isArray;
+    function Pe(e) {
+      return gt(e);
     }
-    function gt(e) {
+    function xt(e) {
       {
         var n = typeof Symbol == "function" && Symbol.toStringTag, r = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
         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.", xt(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, g, C, h) {
+      var f = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: a,
+        $$typeof: s,
         // Built-in properties that belong on the element
         type: e,
         key: n,
         ref: r,
-        props: p,
+        props: h,
         // 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;
+      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     };
-    function Rt(e, n, r, i, g) {
+    function _t(e, n, r, i, g) {
       {
-        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, h = {}, 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, g));
         for (C in n)
-          ee.call(n, C) && !bt.hasOwnProperty(C) && (p[C] = n[C]);
+          k.call(n, C) && !mt.hasOwnProperty(C) && (h[C] = n[C]);
         if (e && e.defaultProps) {
           var _ = e.defaultProps;
           for (C in _)
-            p[C] === void 0 && (p[C] = _[C]);
+            h[C] === void 0 && (h[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(h, T), I && Et(h, T);
         }
-        return Et(e, d, M, g, i, te.current, p);
+        return Rt(e, f, I, g, i, fe.current, h);
       }
     }
-    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) {
-      return typeof e == "object" && e !== null && e.$$typeof === a;
+    var Fe;
+    Fe = !1;
+    function Ae(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === s;
     }
-    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);
+          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);
+            for (var C = g.call(e), h; !(h = C.next()).done; )
+              Ae(h.value) && et(h.value, n);
         }
       }
     }
@@ -561,141 +561,141 @@ 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 g = $(n);
+          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", g || "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, g, 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 h = ke(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 I = St(g);
+          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 === s ? (_ = "<" + ($(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, g, C);
+        if (T == null)
+          return T;
+        if (h) {
+          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 = {
+    activeStepIndex: s,
+    hideIndicators: v = !1,
+    steps: d,
+    stepperTheme: b = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
-  } = l, { activeStep: x, setActiveStep: y } = Ft({
-    index: a,
-    count: c.length
+  } = l, { activeStep: x, setActiveStep: m } = Ht({
+    index: s,
+    count: d.length
   });
-  return J(() => {
-    y(a);
-  }, [a, y]), /* @__PURE__ */ t.jsx(
-    j,
+  return le(() => {
+    m(s);
+  }, [s, m]), /* @__PURE__ */ t.jsx(
+    y,
     { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
-      At,
+      $t,
       {
         role: "progressbar",
         index: x,
         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 = x === u, a = u === 0, p = u === d.length - 1, w = x > u;
+          let c = `${We}px`;
+          const P = `calc(100% - ((${We * (d.length - 1)}px) - (${d.length - 1} * ${ct * 2}px)))`;
+          return j ? c = P : (a || 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: a ? "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,
+                  paddingTop: v ? 2 : 5,
                   position: "relative",
                   width: "100%",
                   children: /* @__PURE__ */ t.jsx(
-                    j,
+                    y,
                     {
                       width: "100%",
                       position: "absolute",
                       top: "0",
-                      backgroundColor: R ? m.light : m.base,
-                      height: h ? "4px" : "8px",
+                      backgroundColor: w ? b.light : b.base,
+                      height: v ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
                     }
@@ -709,33 +709,33 @@ const De = 60, it = 6, sn = (l) => {
       }
     ) }
   );
-}, Cn = He.memo(sn), yn = ({
+}, jn = Ye.memo(un), wn = ({
   children: l,
-  ...a
+  ...s
 }) => /* @__PURE__ */ t.jsx(
-  Zt,
-  { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...a, children: l }
-), dt = (l, a) => {
-  const h = (l == null ? void 0 : l.startsWith("http")) || (l == null ? void 0 : l.startsWith("mailto"));
-  return a && !h ? {
+  Kt,
+  { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...s, children: l }
+), Ue = (l, s) => {
+  const v = (l == null ? void 0 : l.startsWith("http")) || (l == null ? void 0 : l.startsWith("mailto"));
+  return s && !v ? {
     to: l
   } : {
     href: l
   };
-}, Ie = ut(
-  (l, a) => {
+}, Me = pt(
+  (l, s) => {
     const {
-      label: h,
-      additionalContent: c,
-      mainTextFontSize: m,
+      label: v,
+      additionalContent: d,
+      mainTextFontSize: b,
       linkComponent: x,
-      href: y,
-      ...S
-    } = l, u = x || le, b = dt(y, !!x);
+      href: m,
+      ...R
+    } = l, u = x || X, j = Ue(m, !!x);
     return /* @__PURE__ */ t.jsxs(
-      j,
+      y,
       {
-        ref: a,
+        ref: s,
         as: u,
         display: "flex",
         alignItems: "center",
@@ -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
+                  children: v
                 }
               ),
-              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,13 +806,13 @@ const De = 60, it = 6, sn = (l) => {
       }
     );
   }
-), ot = ut(
-  (l, a) => {
-    const { children: h, isSelected: c, ...m } = l, x = c ? "tints.lightCream" : "transparent";
+), Te = pt(
+  (l, s) => {
+    const { children: v, isSelected: d, ...b } = l, x = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
-      Ht,
+      Wt,
       {
-        ref: a,
+        ref: s,
         borderRadius: "full",
         backgroundColor: x,
         fontSize: "lg !important",
@@ -831,33 +831,33 @@ const De = 60, it = 6, sn = (l) => {
           textDecoration: "none",
           filter: "brightness(0.95)"
         },
-        ...m,
-        children: h
+        ...b,
+        children: v
       }
     );
   }
-), un = ({
+), cn = ({
   title: l,
-  description: a,
-  imageSrc: h,
-  imageElement: c,
-  button: m,
+  description: s,
+  imageSrc: v,
+  imageElement: d,
+  button: b,
   backgroundColor: x = "viridian.wash",
-  onClick: y,
-  href: S,
+  onClick: m,
+  href: R,
   linkComponent: u
 }) => {
-  const b = "80px", s = "200px", v = "272px", R = u || le, f = dt(S, !!u);
+  const j = "80px", a = "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],
+      height: [j, null, null, p],
       backgroundColor: x,
-      onClick: y,
+      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,
+            children: v ? /* @__PURE__ */ t.jsx(
+              Mt,
               {
-                src: h,
+                src: v,
                 objectFit: "cover",
-                height: [b, null, null, s],
+                height: [j, null, null, a],
                 width: "100%",
                 alt: "",
                 "data-testid": "spotlight-card-image"
               }
             ) : /* @__PURE__ */ t.jsx(
-              j,
+              y,
               {
-                height: [b, null, null, s],
+                height: [j, null, null, a],
                 overflow: "hidden",
-                children: c
+                children: d
               }
             )
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          D,
+          L,
           {
             direction: ["column", null, null, "row"],
             justifyContent: [null, null, null, "space-between"],
@@ -914,27 +914,27 @@ const De = 60, it = 6, sn = (l) => {
             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,
-                    { fontSize: "sm", color: "tints.black", children: a }
+                    U,
+                    { fontSize: "sm", color: "tints.black", children: s }
                   )
                 ] }
               ),
-              /* @__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,
+  kitRegistrationElement: s,
+  profileElement: v,
+  cartElement: d,
+  onSearchClick: b,
   onMenuClick: x,
-  hasSearch: y = !1,
-  logoLink: S = "https://www.everlywell.com",
-  onHeightChange: u
+  hasSearch: m = !1,
+  logoLink: R = "https://www.everlywell.com",
+  onHeightChange: u,
+  linkComponent: j,
+  onLogoClick: a
 }) => {
-  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: a,
+                  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,
-                { display: ["none", null, null, "block"], children: a }
+                y,
+                { display: ["none", null, null, "block"], children: s }
               ),
-              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
                   }
                 ) }
               ),
-              /* @__PURE__ */ t.jsx(j, { display: ["none", null, null, "block"], children: h })
+              /* @__PURE__ */ t.jsx(y, { display: ["none", null, null, "block"], children: v })
             ] }
           )
         ] }
       )
     }
   );
-}, fn = ({
+}, pn = ({
   count: l = 0,
-  ...a
+  ...s
 }) => /* @__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, {}), ...s }),
     l > 0 && /* @__PURE__ */ t.jsx(
-      j,
+      y,
       {
         display: "flex",
         minWidth: "20px",
@@ -1098,102 +1106,102 @@ const De = 60, it = 6, sn = (l) => {
       }
     )
   ] }
-), wn = ({
+), yn = ({
   numLinks: l = 5,
-  showPromoButton: a = !0
+  showPromoButton: s = !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)
+              (v, d) => /* @__PURE__ */ t.jsx($e, { width: "90px", height: "48px" }, d)
             ),
-            a && /* @__PURE__ */ t.jsx(Pe, { width: "110px", height: "48px", borderRadius: "full" })
+            s && /* @__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) => {
-  let h;
-  return (...c) => {
-    h && clearTimeout(h), h = setTimeout(() => {
-      l(...c);
-    }, a);
+), hn = (l, s) => {
+  let v;
+  return (...d) => {
+    v && clearTimeout(v), v = setTimeout(() => {
+      l(...d);
+    }, s);
   };
-}, 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 = ({
+}, Be = ({
   isOpen: l = !1,
-  onClose: a,
-  title: h,
-  navDrawerLinks: c,
-  bottomNavButtons: m,
+  onClose: s,
+  title: v,
+  navDrawerLinks: d,
+  bottomNavButtons: b,
   spotlightCards: x,
-  bottomButton: y,
-  hasBackButton: S = !0,
+  bottomButton: m,
+  hasBackButton: R = !0,
   onBackClick: u,
-  hasOnlySpotlightCards: b = !1,
-  navHeight: s,
-  hasSearch: v = !1,
-  onSearch: R = () => {
+  hasOnlySpotlightCards: j = !1,
+  navHeight: a,
+  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,
+      onClose: s,
+      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, a ? `${a}px` : null],
+            opacity: c ? void 0 : "0.4 !important",
+            motionProps: c ? {
               initial: { opacity: 0 },
               animate: { opacity: 0.4 },
               exit: { opacity: 0 },
@@ -1206,68 +1214,68 @@ 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, a ? `${a + 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();
+                                u && u(), s();
                               },
                               "aria-label": "Back"
                             }
                           ) : null,
                           /* @__PURE__ */ t.jsx(
-                            N,
-                            { color: "tints.uiGrey", fontSize: ["xl", null, null, "lg"], children: h }
+                            U,
+                            { color: "tints.uiGrey", fontSize: ["xl", null, null, "lg"], children: v }
                           ),
                           /* @__PURE__ */ t.jsx(
-                            q,
+                            ie,
                             {
-                              icon: /* @__PURE__ */ t.jsx(rn, {}),
-                              onClick: a,
+                              icon: /* @__PURE__ */ t.jsx(ln, {}),
+                              onClick: s,
                               "aria-label": "Close"
                             }
                           )
                         ]
                       }
                     ),
-                    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()}`,
+                  "data-testid": `navbar-drawer-body-${v.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,18 +1332,18 @@ const De = 60, it = 6, sn = (l) => {
                         } : {},
                         style: {
                           display: "flex",
-                          flexDirection: b ? "column" : f ? v ? "row" : "row-reverse" : "column",
+                          flexDirection: j ? "column" : c ? p ? "row" : "row-reverse" : "column",
                           gap: "24px",
                           justifyContent: "space-between"
                         },
                         children: [
                           x ? /* @__PURE__ */ t.jsx(
-                            j,
+                            y,
                             {
                               gap: "6",
                               display: "grid",
                               justifyContent: [null, null, null, "center"],
-                              gridTemplateColumns: b ? [
+                              gridTemplateColumns: j ? [
                                 null,
                                 null,
                                 "repeat(2, 380px)",
@@ -1346,22 +1354,22 @@ const De = 60, it = 6, sn = (l) => {
                             }
                           ) : 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 +1377,7 @@ const De = 60, it = 6, sn = (l) => {
                           )
                         ]
                       },
-                      H
+                      A
                     ) }
                   )
                 }
@@ -1380,177 +1388,240 @@ 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((s, v) => {
+  var b;
+  const d = ((b = v.sections) == null ? void 0 : b.reduce((x, m) => [...x, ...m.links], [])) ?? [];
+  return [...s, ...d];
+}, []), vn = ({
   source: l,
-  onSearchCallback: a,
-  isActive: h
+  onSearchCallback: s,
+  isActive: v
 }) => {
-  const [c, m] = W(""), [x, y] = W([]), S = (s, v) => {
-    if (!s)
+  const [d, b] = V(""), [x, m] = V([]), R = (a, p) => {
+    if (!a)
       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 = a.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 = (a) => {
+    if (b(a), !a) {
+      m([]);
       return;
     }
-    const v = S(s, l);
-    y(v), a && a(s, v);
-  }, b = () => {
-    m(""), y([]);
+    const p = R(a, l);
+    m(p), s && s(a, p);
+  }, j = () => {
+    b(""), m([]);
   };
-  return J(() => {
-    h || (m(""), y([]));
-  }, [h]), {
-    query: c,
+  return le(() => {
+    v || (b(""), m([]));
+  }, [v]), {
+    query: d,
     results: x,
-    handleClose: b,
+    handleClose: j,
     handleSearch: u
   };
-}, jn = ({
+}, En = ({
   categories: l = [],
-  onCartClick: a,
-  mainCategoryLabel: h = "Menu",
-  logoLink: c = "https://www.everlywell.com",
-  hasSearch: m = !0,
+  onCartClick: s,
+  mainCategoryLabel: v = "Menu",
+  logoLink: d = "https://www.everlywell.com",
+  hasSearch: b = !0,
   onSearchClick: x,
-  registrationUrl: y,
-  profileUrl: S = "https://secure.everlywell.com/login",
+  registrationUrl: m,
+  profileUrl: R = "https://secure.everlywell.com/login",
   mobileBottomButtons: u = [],
-  numberOfCartItems: b = 0,
-  linkComponent: s,
-  onSearchCallback: v
+  numberOfCartItems: j = 0,
+  linkComponent: a,
+  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), [ge, J] = V(!1), [E, Y] = V(null), [q, ke] = V(0), [xe, ae] = V(!1), [$, z] = V(!1), {
+    query: G,
+    results: Z,
+    handleSearch: be
+  } = vn({
+    source: ft(l),
+    onSearchCallback: p,
+    isActive: ge
+  }), 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) },
+            (o, 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: a
                   },
-                  `${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((o) => {
+    ke(o);
+  }, []), oe = () => {
+    ve(!1), Y(null);
+  }, je = (o) => {
+    Y(o);
+  }, we = (o) => {
+    ae(!0), J(!1), (o.sections || o.spotlightCards) && Y(o);
+  }, ye = () => {
+    ae(!1);
   };
-  J(() => {
-    const o = (L) => {
-      we(L.detail.isHovering);
+  le(() => {
+    const o = (O) => {
+      z(O.detail.isHovering);
     };
     return window.addEventListener(
-      Ae,
+      Ne,
       o
     ), () => {
       window.removeEventListener(
-        Ae,
+        Ne,
         o
       );
     };
-  }, []), J(() => {
-    !ie && !ae && (I(null), H(!1));
-  }, [ie, ae]), J(() => {
+  }, []), le(() => {
+    !xe && !$ && (Y(null), J(!1));
+  }, [xe, $]), le(() => {
     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);
+    const O = () => {
+      const D = window.location.href;
+      D !== o && (o = 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,
+      (o, O) => /* @__PURE__ */ t.jsx(
+        Te,
         {
           onMouseEnter: () => {
-            z(o);
+            we(o), c == null || c(o.label);
           },
-          onMouseLeave: ue,
-          isSelected: (w == null ? void 0 : w.label) === o.label,
+          onMouseLeave: ye,
+          isSelected: (E == null ? void 0 : E.label) === o.label,
           ...o.buttonProps,
           children: o.label
         },
-        `${o.label}-${L}`
+        `${o.label}-${O}`
       )
     ) }
-  ), fe = (Q = l.filter((o) => o.isMobileTopLink !== !1)) == null ? void 0 : Q.map(
+  ), se = (Ee = l.filter((o) => o.isMobileTopLink !== !1)) == null ? void 0 : Ee.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
-        }
-      ) },
+      y,
+      {
+        onClick: () => {
+          je(o), c == null || c(o.label);
+        },
+        children: /* @__PURE__ */ t.jsx(
+          Me,
+          {
+            label: o.label,
+            role: "link",
+            additionalContent: o.additionalContent,
+            mainTextFontSize: "3xl",
+            linkComponent: a
+          }
+        )
+      },
       o.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((o, O) => {
+      const k = [];
+      for (let D = 0; D < o.links.length; D += 3)
+        k.push(o.links.slice(D, D + 3));
       return /* @__PURE__ */ t.jsxs(
-        j,
+        y,
         { children: [
           /* @__PURE__ */ t.jsx(
-            N,
+            U,
             {
               fontSize: "md",
               color: "tints.uiGrey",
@@ -1559,109 +1630,120 @@ const De = 60, it = 6, sn = (l) => {
             }
           ),
           /* @__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: a,
+                          onClick: () => w == null ? void 0 : w(B.label)
                         },
-                        Z.label
+                        B.label
                       )
                     )
                   },
-                  G
+                  _e
                 )
               )
             }
           )
         ] },
-        `${o.title}-${L}`
+        `${o.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(
+    (o) => /* @__PURE__ */ t.jsx(cn, { ...o }, o.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,
-              onClick: a
+              count: j,
+              onClick: s
             }
           ),
           onSearchClick: () => {
-            H(!0), x == null || x();
+            J(!0), x == null || x();
+          },
+          onMenuClick: () => {
+            ve(!0), P == null || P();
           },
-          onMenuClick: () => f(!0),
-          hasSearch: m,
-          logoLink: c,
-          onHeightChange: se
+          hasSearch: b,
+          logoLink: d,
+          onHeightChange: Ce,
+          linkComponent: a,
+          onLogoClick: S
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Me,
+        Be,
         {
-          isOpen: R,
-          onClose: A,
-          title: h,
-          navDrawerLinks: fe,
-          bottomNavButtons: pe,
+          isOpen: N,
+          onClose: oe,
+          title: v,
+          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: ge,
+          onClose: () => J(!1),
           title: "Search",
-          navHeight: E,
-          navDrawerLinks: Re,
-          onSearch: Ee,
+          navHeight: q,
+          navDrawerLinks: me,
+          onSearch: be,
           hasSearch: !0,
           hasBackButton: !1
         }
@@ -1670,15 +1752,15 @@ const De = 60, it = 6, sn = (l) => {
   );
 };
 export {
-  fn 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
+  pn as BasketButton,
+  wn as CategoryLabel,
+  Te as NavButton,
+  yn as NavSkeleton,
+  Be as NavbarDrawer,
+  Me as NavbarDrawerLink,
+  En as NavigationBar,
+  cn as SpotlightCard,
+  jn as Stepper,
+  ie as TopNavIconButton,
+  fn as TopNavigation
 };