@everlywell/consumer-ui 1.37.3 → 1.37.5

package/index.mjs

@@ -1,9 +1,9 @@
-import { useSteps as Mt, Box as E, Stepper as Bt, Icon as ue, Flex as k, Text as K, Link as Y, Button as xt, Image as Wt, IconButton as Vt, theme as Ue, VStack as Nt, Skeleton as Ne, HStack as ct, SkeletonCircle as De, DrawerContent as Yt, DrawerOverlay as zt, Drawer as Gt, DrawerHeader as Ut, DrawerBody as Zt, Grid as Kt, GridItem as Xt } from "@everlywell/ui-kit";
-import Xe, { useEffect as Z, forwardRef as bt, useRef as Jt, useCallback as mt, useState as W } from "react";
-import { Text as qt, useBreakpointValue as Je, Box as Qt, InputGroup as en, Input as tn, InputRightElement as nn, Icon as rn } from "@chakra-ui/react";
-import { CaretRight as dt, MagnifyingGlass as yt, List as ln, Basket as an, CaretLeft as on, X as sn, User as ft, QrCode as un } from "@phosphor-icons/react";
-import { motion as qe, AnimatePresence as cn } from "framer-motion";
-var Ze = { exports: {} }, Ce = {};
+import { useSteps as Yt, Box as b, Stepper as Gt, Icon as K, Flex as C, Text as L, Link as W, Button as Ct, Image as Ut, IconButton as Zt, theme as Ee, DrawerContent as Kt, DrawerOverlay as Xt, Drawer as Jt, DrawerHeader as qt, DrawerBody as Qt, VStack as er, Skeleton as Ge, HStack as ft, SkeletonCircle as Le, Grid as tr, GridItem as rr, Accordion as nr, AccordionItem as lr, AccordionButton as ir, AccordionPanel as or, InputGroup as ar, Input as sr, InputRightElement as ur, Container as cr } from "@everlywell/ui-kit";
+import Ae, { useEffect as Z, forwardRef as yt, useState as V, useCallback as Et, useRef as dr } from "react";
+import { Text as fr, useBreakpointValue as Pe, Box as hr, InputGroup as pr, Input as gr, InputRightElement as xr, Icon as vr } from "@chakra-ui/react";
+import { CaretRight as ht, CaretLeft as mr, X as br, MagnifyingGlass as Rt, List as jr, Basket as wr, User as pt, QrCode as Cr, CaretDown as yr, ArrowRight as Er, InstagramLogo as Rr, LinkedinLogo as _r, FacebookLogo as Sr, TiktokLogo as Tr, XLogo as kr } from "@phosphor-icons/react";
+import { motion as et, AnimatePresence as Dr } from "framer-motion";
+var Xe = { exports: {} }, Ce = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,21 +13,21 @@ var Ze = { exports: {} }, Ce = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var pt;
-function dn() {
-  if (pt) return Ce;
-  pt = 1;
-  var l = Xe, i = Symbol.for("react.element"), p = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, y = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function b(R, c, j) {
-    var s, C = {}, g = null, u = null;
-    j !== void 0 && (g = "" + j), c.key !== void 0 && (g = "" + c.key), c.ref !== void 0 && (u = c.ref);
-    for (s in c) d.call(c, s) && !v.hasOwnProperty(s) && (C[s] = c[s]);
-    if (R && R.defaultProps) for (s in c = R.defaultProps, c) C[s] === void 0 && (C[s] = c[s]);
-    return { $$typeof: i, type: R, key: g, ref: u, props: C, _owner: y.current };
+var gt;
+function Ir() {
+  if (gt) return Ce;
+  gt = 1;
+  var n = Ae, i = Symbol.for("react.element"), u = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, f = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function h(y, g, j) {
+    var o, R = {}, m = null, p = null;
+    j !== void 0 && (m = "" + j), g.key !== void 0 && (m = "" + g.key), g.ref !== void 0 && (p = g.ref);
+    for (o in g) c.call(g, o) && !s.hasOwnProperty(o) && (R[o] = g[o]);
+    if (y && y.defaultProps) for (o in g = y.defaultProps, g) R[o] === void 0 && (R[o] = g[o]);
+    return { $$typeof: i, type: y, key: m, ref: p, props: R, _owner: f.current };
   }
-  return Ce.Fragment = p, Ce.jsx = b, Ce.jsxs = b, Ce;
+  return Ce.Fragment = u, Ce.jsx = h, Ce.jsxs = h, Ce;
 }
-var je = {};
+var ye = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -37,91 +37,91 @@ var je = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ht;
-function fn() {
-  return ht || (ht = 1, process.env.NODE_ENV !== "production" && function() {
-    var l = Xe, i = Symbol.for("react.element"), p = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), R = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), D = Symbol.iterator, Q = "@@iterator";
-    function ee(e) {
+var xt;
+function Lr() {
+  return xt || (xt = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = Ae, i = Symbol.for("react.element"), u = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), y = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), o = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), S = Symbol.iterator, N = "@@iterator";
+    function Y(e) {
       if (e === null || typeof e != "object")
         return null;
-      var n = D && e[D] || e[Q];
-      return typeof n == "function" ? n : null;
+      var r = S && e[S] || e[N];
+      return typeof r == "function" ? r : null;
     }
-    var F = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function _(e) {
+    var M = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function T(e) {
       {
-        for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), o = 1; o < n; o++)
-          r[o - 1] = arguments[o];
-        de("error", e, r);
+        for (var r = arguments.length, l = new Array(r > 1 ? r - 1 : 0), d = 1; d < r; d++)
+          l[d - 1] = arguments[d];
+        fe("error", e, l);
       }
     }
-    function de(e, n, r) {
+    function fe(e, r, l) {
       {
-        var o = F.ReactDebugCurrentFrame, x = o.getStackAddendum();
-        x !== "" && (n += "%s", r = r.concat([x]));
-        var m = r.map(function(h) {
-          return String(h);
+        var d = M.ReactDebugCurrentFrame, w = d.getStackAddendum();
+        w !== "" && (r += "%s", l = l.concat([w]));
+        var E = l.map(function(v) {
+          return String(v);
         });
-        m.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, m);
+        E.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, E);
       }
     }
-    var fe = !1, pe = !1, X = !1, z = !1, L = !1, w;
-    w = Symbol.for("react.module.reference");
-    function H(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === d || e === v || L || e === y || e === j || e === s || z || e === u || fe || pe || X || typeof e == "object" && e !== null && (e.$$typeof === g || e.$$typeof === C || e.$$typeof === b || e.$$typeof === R || e.$$typeof === c || // This needs to include all possible module reference object
+    var he = !1, pe = !1, Q = !1, X = !1, P = !1, _;
+    _ = Symbol.for("react.module.reference");
+    function $(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === c || e === s || P || e === f || e === j || e === o || X || e === p || he || pe || Q || typeof e == "object" && e !== null && (e.$$typeof === m || e.$$typeof === R || e.$$typeof === h || e.$$typeof === y || e.$$typeof === g || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === w || e.getModuleId !== void 0));
+      e.$$typeof === _ || e.getModuleId !== void 0));
     }
-    function we(e, n, r) {
-      var o = e.displayName;
-      if (o)
-        return o;
-      var x = n.displayName || n.name || "";
-      return x !== "" ? r + "(" + x + ")" : r;
+    function Re(e, r, l) {
+      var d = e.displayName;
+      if (d)
+        return d;
+      var w = r.displayName || r.name || "";
+      return w !== "" ? l + "(" + w + ")" : l;
     }
-    function he(e) {
+    function ge(e) {
       return e.displayName || "Context";
     }
-    function A(e) {
+    function F(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && T("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 d:
+        case c:
           return "Fragment";
-        case p:
+        case u:
           return "Portal";
-        case v:
+        case s:
           return "Profiler";
-        case y:
+        case f:
           return "StrictMode";
         case j:
           return "Suspense";
-        case s:
+        case o:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case R:
-            var n = e;
-            return he(n) + ".Consumer";
-          case b:
+          case y:
             var r = e;
-            return he(r._context) + ".Provider";
-          case c:
-            return we(e, e.render, "ForwardRef");
-          case C:
-            var o = e.displayName || null;
-            return o !== null ? o : A(e.type) || "Memo";
-          case g: {
-            var x = e, m = x._payload, h = x._init;
+            return ge(r) + ".Consumer";
+          case h:
+            var l = e;
+            return ge(l._context) + ".Provider";
+          case g:
+            return Re(e, e.render, "ForwardRef");
+          case R:
+            var d = e.displayName || null;
+            return d !== null ? d : F(e.type) || "Memo";
+          case m: {
+            var w = e, E = w._payload, v = w._init;
             try {
-              return A(h(m));
+              return F(v(E));
             } catch {
               return null;
             }
@@ -129,18 +129,18 @@ function fn() {
         }
       return null;
     }
-    var V = Object.assign, N = 0, Ee, Re, _e, te, Se, ge, ne;
-    function Te() {
+    var G = Object.assign, U = 0, _e, Se, Te, re, ke, xe, ne;
+    function De() {
     }
-    Te.__reactDisabledLog = !0;
-    function Oe() {
+    De.__reactDisabledLog = !0;
+    function $e() {
       {
-        if (N === 0) {
-          Ee = console.log, Re = console.info, _e = console.warn, te = console.error, Se = console.group, ge = console.groupCollapsed, ne = console.groupEnd;
+        if (U === 0) {
+          _e = console.log, Se = console.info, Te = console.warn, re = console.error, ke = console.group, xe = console.groupCollapsed, ne = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: Te,
+            value: De,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -153,336 +153,336 @@ function fn() {
             groupEnd: e
           });
         }
-        N++;
+        U++;
       }
     }
-    function re() {
+    function le() {
       {
-        if (N--, N === 0) {
+        if (U--, U === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: V({}, e, {
-              value: Ee
+            log: G({}, e, {
+              value: _e
             }),
-            info: V({}, e, {
-              value: Re
+            info: G({}, e, {
+              value: Se
             }),
-            warn: V({}, e, {
-              value: _e
+            warn: G({}, e, {
+              value: Te
             }),
-            error: V({}, e, {
-              value: te
+            error: G({}, e, {
+              value: re
             }),
-            group: V({}, e, {
-              value: Se
+            group: G({}, e, {
+              value: ke
             }),
-            groupCollapsed: V({}, e, {
-              value: ge
+            groupCollapsed: G({}, e, {
+              value: xe
             }),
-            groupEnd: V({}, e, {
+            groupEnd: G({}, e, {
               value: ne
             })
           });
         }
-        N < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        U < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var B = F.ReactCurrentDispatcher, ve;
-    function le(e, n, r) {
+    var z = M.ReactCurrentDispatcher, ve;
+    function ie(e, r, l) {
       {
         if (ve === void 0)
           try {
             throw Error();
-          } catch (x) {
-            var o = x.stack.trim().match(/\n( *(at )?)/);
-            ve = o && o[1] || "";
+          } catch (w) {
+            var d = w.stack.trim().match(/\n( *(at )?)/);
+            ve = d && d[1] || "";
           }
         return `
 ` + ve + e;
       }
     }
-    var xe = !1, ae;
+    var me = !1, oe;
     {
-      var Le = typeof WeakMap == "function" ? WeakMap : Map;
-      ae = new Le();
+      var He = typeof WeakMap == "function" ? WeakMap : Map;
+      oe = new He();
     }
-    function ke(e, n) {
-      if (!e || xe)
+    function Ie(e, r) {
+      if (!e || me)
         return "";
       {
-        var r = ae.get(e);
-        if (r !== void 0)
-          return r;
+        var l = oe.get(e);
+        if (l !== void 0)
+          return l;
       }
-      var o;
-      xe = !0;
-      var x = Error.prepareStackTrace;
+      var d;
+      me = !0;
+      var w = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var m;
-      m = B.current, B.current = null, Oe();
+      var E;
+      E = z.current, z.current = null, $e();
       try {
-        if (n) {
-          var h = function() {
+        if (r) {
+          var v = function() {
             throw Error();
           };
-          if (Object.defineProperty(h.prototype, "props", {
+          if (Object.defineProperty(v.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(h, []);
-            } catch ($) {
-              o = $;
+              Reflect.construct(v, []);
+            } catch (H) {
+              d = H;
             }
-            Reflect.construct(e, [], h);
+            Reflect.construct(e, [], v);
           } else {
             try {
-              h.call();
-            } catch ($) {
-              o = $;
+              v.call();
+            } catch (H) {
+              d = H;
             }
-            e.call(h.prototype);
+            e.call(v.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch ($) {
-            o = $;
+          } catch (H) {
+            d = H;
           }
           e();
         }
-      } catch ($) {
-        if ($ && o && typeof $.stack == "string") {
-          for (var f = $.stack.split(`
-`), O = o.stack.split(`
-`), S = f.length - 1, T = O.length - 1; S >= 1 && T >= 0 && f[S] !== O[T]; )
-            T--;
-          for (; S >= 1 && T >= 0; S--, T--)
-            if (f[S] !== O[T]) {
-              if (S !== 1 || T !== 1)
+      } catch (H) {
+        if (H && d && typeof H.stack == "string") {
+          for (var x = H.stack.split(`
+`), A = d.stack.split(`
+`), k = x.length - 1, D = A.length - 1; k >= 1 && D >= 0 && x[k] !== A[D]; )
+            D--;
+          for (; k >= 1 && D >= 0; k--, D--)
+            if (x[k] !== A[D]) {
+              if (k !== 1 || D !== 1)
                 do
-                  if (S--, T--, T < 0 || f[S] !== O[T]) {
-                    var M = `
-` + f[S].replace(" at new ", " at ");
-                    return e.displayName && M.includes("<anonymous>") && (M = M.replace("<anonymous>", e.displayName)), typeof e == "function" && ae.set(e, M), M;
+                  if (k--, D--, D < 0 || x[k] !== A[D]) {
+                    var B = `
+` + x[k].replace(" at new ", " at ");
+                    return e.displayName && B.includes("<anonymous>") && (B = B.replace("<anonymous>", e.displayName)), typeof e == "function" && oe.set(e, B), B;
                   }
-                while (S >= 1 && T >= 0);
+                while (k >= 1 && D >= 0);
               break;
             }
         }
       } finally {
-        xe = !1, B.current = m, re(), Error.prepareStackTrace = x;
+        me = !1, z.current = E, le(), Error.prepareStackTrace = w;
       }
-      var se = e ? e.displayName || e.name : "", q = se ? le(se) : "";
-      return typeof e == "function" && ae.set(e, q), q;
+      var ue = e ? e.displayName || e.name : "", te = ue ? ie(ue) : "";
+      return typeof e == "function" && oe.set(e, te), te;
     }
-    function He(e, n, r) {
-      return ke(e, !1);
+    function Fe(e, r, l) {
+      return Ie(e, !1);
     }
-    function $e(e) {
-      var n = e.prototype;
-      return !!(n && n.isReactComponent);
+    function Me(e) {
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
     }
-    function oe(e, n, r) {
+    function ae(e, r, l) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return ke(e, $e(e));
+        return Ie(e, Me(e));
       if (typeof e == "string")
-        return le(e);
+        return ie(e);
       switch (e) {
         case j:
-          return le("Suspense");
-        case s:
-          return le("SuspenseList");
+          return ie("Suspense");
+        case o:
+          return ie("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case c:
-            return He(e.render);
-          case C:
-            return oe(e.type, n, r);
-          case g: {
-            var o = e, x = o._payload, m = o._init;
+          case g:
+            return Fe(e.render);
+          case R:
+            return ae(e.type, r, l);
+          case m: {
+            var d = e, w = d._payload, E = d._init;
             try {
-              return oe(m(x), n, r);
+              return ae(E(w), r, l);
             } catch {
             }
           }
         }
       return "";
     }
-    var G = Object.prototype.hasOwnProperty, be = {}, me = F.ReactDebugCurrentFrame;
+    var J = Object.prototype.hasOwnProperty, be = {}, je = M.ReactDebugCurrentFrame;
     function a(e) {
       if (e) {
-        var n = e._owner, r = oe(e.type, e._source, n ? n.type : null);
-        me.setExtraStackFrame(r);
+        var r = e._owner, l = ae(e.type, e._source, r ? r.type : null);
+        je.setExtraStackFrame(l);
       } else
-        me.setExtraStackFrame(null);
+        je.setExtraStackFrame(null);
     }
-    function I(e, n, r, o, x) {
+    function I(e, r, l, d, w) {
       {
-        var m = Function.call.bind(G);
-        for (var h in e)
-          if (m(e, h)) {
-            var f = void 0;
+        var E = Function.call.bind(J);
+        for (var v in e)
+          if (E(e, v)) {
+            var x = void 0;
             try {
-              if (typeof e[h] != "function") {
-                var O = Error((o || "React class") + ": " + r + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw O.name = "Invariant Violation", O;
+              if (typeof e[v] != "function") {
+                var A = Error((d || "React class") + ": " + l + " 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 A.name = "Invariant Violation", A;
               }
-              f = e[h](n, h, o, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (S) {
-              f = S;
+              x = e[v](r, v, d, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (k) {
+              x = k;
             }
-            f && !(f instanceof Error) && (a(x), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", o || "React class", r, h, typeof f), a(null)), f instanceof Error && !(f.message in be) && (be[f.message] = !0, a(x), _("Failed %s type: %s", r, f.message), a(null));
+            x && !(x instanceof Error) && (a(w), T("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", d || "React class", l, v, typeof x), a(null)), x instanceof Error && !(x.message in be) && (be[x.message] = !0, a(w), T("Failed %s type: %s", l, x.message), a(null));
           }
       }
     }
-    var U = Array.isArray;
-    function P(e) {
-      return U(e);
+    var q = Array.isArray;
+    function O(e) {
+      return q(e);
     }
-    function Ae(e) {
+    function Be(e) {
       {
-        var n = typeof Symbol == "function" && Symbol.toStringTag, r = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return r;
+        var r = typeof Symbol == "function" && Symbol.toStringTag, l = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l;
       }
     }
-    function J(e) {
+    function ee(e) {
       try {
-        return Qe(e), !1;
+        return tt(e), !1;
       } catch {
         return !0;
       }
     }
-    function Qe(e) {
+    function tt(e) {
       return "" + e;
     }
-    function et(e) {
-      if (J(e))
-        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ae(e)), Qe(e);
+    function rt(e) {
+      if (ee(e))
+        return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Be(e)), tt(e);
     }
-    var ye = F.ReactCurrentOwner, Ct = {
+    var we = M.ReactCurrentOwner, St = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, tt, nt, Fe;
-    Fe = {};
-    function jt(e) {
-      if (G.call(e, "ref")) {
-        var n = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (n && n.isReactWarning)
+    }, nt, lt, We;
+    We = {};
+    function Tt(e) {
+      if (J.call(e, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (r && r.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function wt(e) {
-      if (G.call(e, "key")) {
-        var n = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (n && n.isReactWarning)
+    function kt(e) {
+      if (J.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function Et(e, n) {
-      if (typeof e.ref == "string" && ye.current && n && ye.current.stateNode !== n) {
-        var r = A(ye.current.type);
-        Fe[r] || (_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', A(ye.current.type), e.ref), Fe[r] = !0);
+    function Dt(e, r) {
+      if (typeof e.ref == "string" && we.current && r && we.current.stateNode !== r) {
+        var l = F(we.current.type);
+        We[l] || (T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', F(we.current.type), e.ref), We[l] = !0);
       }
     }
-    function Rt(e, n) {
+    function It(e, r) {
       {
-        var r = function() {
-          tt || (tt = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        var l = function() {
+          nt || (nt = !0, T("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
-        r.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: r,
+        l.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: l,
           configurable: !0
         });
       }
     }
-    function _t(e, n) {
+    function Lt(e, r) {
       {
-        var r = function() {
-          nt || (nt = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        var l = function() {
+          lt || (lt = !0, T("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
-        r.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: r,
+        l.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: l,
           configurable: !0
         });
       }
     }
-    var St = function(e, n, r, o, x, m, h) {
-      var f = {
+    var Ot = function(e, r, l, d, w, E, v) {
+      var x = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: i,
         // Built-in properties that belong on the element
         type: e,
-        key: n,
-        ref: r,
-        props: h,
+        key: r,
+        ref: l,
+        props: v,
         // Record the component responsible for creating this element.
-        _owner: m
+        _owner: E
       };
-      return f._store = {}, Object.defineProperty(f._store, "validated", {
+      return x._store = {}, Object.defineProperty(x._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(f, "_self", {
+      }), Object.defineProperty(x, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: o
-      }), Object.defineProperty(f, "_source", {
+        value: d
+      }), Object.defineProperty(x, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: x
-      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
+        value: w
+      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function Tt(e, n, r, o, x) {
+    function At(e, r, l, d, w) {
       {
-        var m, h = {}, f = null, O = null;
-        r !== void 0 && (et(r), f = "" + r), wt(n) && (et(n.key), f = "" + n.key), jt(n) && (O = n.ref, Et(n, x));
-        for (m in n)
-          G.call(n, m) && !Ct.hasOwnProperty(m) && (h[m] = n[m]);
+        var E, v = {}, x = null, A = null;
+        l !== void 0 && (rt(l), x = "" + l), kt(r) && (rt(r.key), x = "" + r.key), Tt(r) && (A = r.ref, Dt(r, w));
+        for (E in r)
+          J.call(r, E) && !St.hasOwnProperty(E) && (v[E] = r[E]);
         if (e && e.defaultProps) {
-          var S = e.defaultProps;
-          for (m in S)
-            h[m] === void 0 && (h[m] = S[m]);
+          var k = e.defaultProps;
+          for (E in k)
+            v[E] === void 0 && (v[E] = k[E]);
         }
-        if (f || O) {
-          var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          f && Rt(h, T), O && _t(h, T);
+        if (x || A) {
+          var D = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          x && It(v, D), A && Lt(v, D);
         }
-        return St(e, f, O, x, o, ye.current, h);
+        return Ot(e, x, A, w, d, we.current, v);
       }
     }
-    var Me = F.ReactCurrentOwner, rt = F.ReactDebugCurrentFrame;
-    function ie(e) {
+    var Ne = M.ReactCurrentOwner, it = M.ReactDebugCurrentFrame;
+    function se(e) {
       if (e) {
-        var n = e._owner, r = oe(e.type, e._source, n ? n.type : null);
-        rt.setExtraStackFrame(r);
+        var r = e._owner, l = ae(e.type, e._source, r ? r.type : null);
+        it.setExtraStackFrame(l);
       } else
-        rt.setExtraStackFrame(null);
+        it.setExtraStackFrame(null);
     }
-    var Be;
-    Be = !1;
-    function We(e) {
+    var Ve;
+    Ve = !1;
+    function ze(e) {
       return typeof e == "object" && e !== null && e.$$typeof === i;
     }
-    function lt() {
+    function ot() {
       {
-        if (Me.current) {
-          var e = A(Me.current.type);
+        if (Ne.current) {
+          var e = F(Ne.current.type);
           if (e)
             return `
 
@@ -491,199 +491,199 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function kt(e) {
+    function Pt(e) {
       return "";
     }
     var at = {};
-    function Dt(e) {
+    function $t(e) {
       {
-        var n = lt();
-        if (!n) {
-          var r = typeof e == "string" ? e : e.displayName || e.name;
-          r && (n = `
+        var r = ot();
+        if (!r) {
+          var l = typeof e == "string" ? e : e.displayName || e.name;
+          l && (r = `
 
-Check the top-level render call using <` + r + ">.");
+Check the top-level render call using <` + l + ">.");
         }
-        return n;
+        return r;
       }
     }
-    function ot(e, n) {
+    function st(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var r = Dt(n);
-        if (at[r])
+        var l = $t(r);
+        if (at[l])
           return;
-        at[r] = !0;
-        var o = "";
-        e && e._owner && e._owner !== Me.current && (o = " It was passed a child from " + A(e._owner.type) + "."), ie(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', r, o), ie(null);
+        at[l] = !0;
+        var d = "";
+        e && e._owner && e._owner !== Ne.current && (d = " It was passed a child from " + F(e._owner.type) + "."), se(e), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, d), se(null);
       }
     }
-    function it(e, n) {
+    function ut(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (P(e))
-          for (var r = 0; r < e.length; r++) {
-            var o = e[r];
-            We(o) && ot(o, n);
+        if (O(e))
+          for (var l = 0; l < e.length; l++) {
+            var d = e[l];
+            ze(d) && st(d, r);
           }
-        else if (We(e))
+        else if (ze(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var x = ee(e);
-          if (typeof x == "function" && x !== e.entries)
-            for (var m = x.call(e), h; !(h = m.next()).done; )
-              We(h.value) && ot(h.value, n);
+          var w = Y(e);
+          if (typeof w == "function" && w !== e.entries)
+            for (var E = w.call(e), v; !(v = E.next()).done; )
+              ze(v.value) && st(v.value, r);
         }
       }
     }
-    function It(e) {
+    function Ht(e) {
       {
-        var n = e.type;
-        if (n == null || typeof n == "string")
+        var r = e.type;
+        if (r == null || typeof r == "string")
           return;
-        var r;
-        if (typeof n == "function")
-          r = n.propTypes;
-        else if (typeof n == "object" && (n.$$typeof === c || // Note: Memo only checks outer props here.
+        var l;
+        if (typeof r == "function")
+          l = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === g || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        n.$$typeof === C))
-          r = n.propTypes;
+        r.$$typeof === R))
+          l = r.propTypes;
         else
           return;
-        if (r) {
-          var o = A(n);
-          I(r, e.props, "prop", o, e);
-        } else if (n.PropTypes !== void 0 && !Be) {
-          Be = !0;
-          var x = A(n);
-          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
+        if (l) {
+          var d = F(r);
+          I(l, e.props, "prop", d, e);
+        } else if (r.PropTypes !== void 0 && !Ve) {
+          Ve = !0;
+          var w = F(r);
+          T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", w || "Unknown");
         }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Pt(e) {
+    function Ft(e) {
       {
-        for (var n = Object.keys(e.props), r = 0; r < n.length; r++) {
-          var o = n[r];
-          if (o !== "children" && o !== "key") {
-            ie(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", o), ie(null);
+        for (var r = Object.keys(e.props), l = 0; l < r.length; l++) {
+          var d = r[l];
+          if (d !== "children" && d !== "key") {
+            se(e), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", d), se(null);
             break;
           }
         }
-        e.ref !== null && (ie(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), ie(null));
+        e.ref !== null && (se(e), T("Invalid attribute `ref` supplied to `React.Fragment`."), se(null));
       }
     }
-    var st = {};
-    function ut(e, n, r, o, x, m) {
+    var ct = {};
+    function dt(e, r, l, d, w, E) {
       {
-        var h = H(e);
-        if (!h) {
-          var f = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (f += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var O = kt();
-          O ? f += O : f += lt();
-          var S;
-          e === null ? S = "null" : P(e) ? S = "array" : e !== void 0 && e.$$typeof === i ? (S = "<" + (A(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : S = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", S, f);
+        var v = $(e);
+        if (!v) {
+          var x = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (x += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var A = Pt();
+          A ? x += A : x += ot();
+          var k;
+          e === null ? k = "null" : O(e) ? k = "array" : e !== void 0 && e.$$typeof === i ? (k = "<" + (F(e.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : k = typeof e, T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", k, x);
         }
-        var T = Tt(e, n, r, x, m);
-        if (T == null)
-          return T;
-        if (h) {
-          var M = n.children;
-          if (M !== void 0)
-            if (o)
-              if (P(M)) {
-                for (var se = 0; se < M.length; se++)
-                  it(M[se], e);
-                Object.freeze && Object.freeze(M);
+        var D = At(e, r, l, w, E);
+        if (D == null)
+          return D;
+        if (v) {
+          var B = r.children;
+          if (B !== void 0)
+            if (d)
+              if (O(B)) {
+                for (var ue = 0; ue < B.length; ue++)
+                  ut(B[ue], e);
+                Object.freeze && Object.freeze(B);
               } else
-                _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                T("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              it(M, e);
+              ut(B, e);
         }
-        if (G.call(n, "key")) {
-          var q = A(e), $ = Object.keys(n).filter(function(Ft) {
-            return Ft !== "key";
-          }), Ve = $.length > 0 ? "{key: someKey, " + $.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!st[q + Ve]) {
-            var At = $.length > 0 ? "{" + $.join(": ..., ") + ": ...}" : "{}";
-            _(`A props object containing a "key" prop is being spread into JSX:
+        if (J.call(r, "key")) {
+          var te = F(e), H = Object.keys(r).filter(function(zt) {
+            return zt !== "key";
+          }), Ye = H.length > 0 ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ct[te + Ye]) {
+            var Vt = H.length > 0 ? "{" + H.join(": ..., ") + ": ...}" : "{}";
+            T(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ve, q, At, q), st[q + Ve] = !0;
+  <%s key={someKey} {...props} />`, Ye, te, Vt, te), ct[te + Ye] = !0;
           }
         }
-        return e === d ? Pt(T) : It(T), T;
+        return e === c ? Ft(D) : Ht(D), D;
       }
     }
-    function Ot(e, n, r) {
-      return ut(e, n, r, !0);
+    function Mt(e, r, l) {
+      return dt(e, r, l, !0);
     }
-    function Lt(e, n, r) {
-      return ut(e, n, r, !1);
+    function Bt(e, r, l) {
+      return dt(e, r, l, !1);
     }
-    var Ht = Lt, $t = Ot;
-    je.Fragment = d, je.jsx = Ht, je.jsxs = $t;
-  }()), je;
+    var Wt = Bt, Nt = Mt;
+    ye.Fragment = c, ye.jsx = Wt, ye.jsxs = Nt;
+  }()), ye;
 }
-process.env.NODE_ENV === "production" ? Ze.exports = dn() : Ze.exports = fn();
-var t = Ze.exports;
-const Ye = 60, gt = 6, pn = (l) => {
+process.env.NODE_ENV === "production" ? Xe.exports = Ir() : Xe.exports = Lr();
+var t = Xe.exports;
+const Ue = 60, vt = 6, Or = (n) => {
   const {
     activeStepIndex: i,
-    hideIndicators: p = !1,
-    steps: d,
-    stepperTheme: y = {
+    hideIndicators: u = !1,
+    steps: c,
+    stepperTheme: f = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
-  } = l, { activeStep: v, setActiveStep: b } = Mt({
+  } = n, { activeStep: s, setActiveStep: h } = Yt({
     index: i,
-    count: d.length
+    count: c.length
   });
   return Z(() => {
-    b(i);
-  }, [i, b]), /* @__PURE__ */ t.jsx(
-    E,
+    h(i);
+  }, [i, h]), /* @__PURE__ */ t.jsx(
+    b,
     { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
-      Bt,
+      Gt,
       {
         role: "progressbar",
-        index: v,
+        index: s,
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
-        children: d.map((R, c) => {
-          const j = v === c, s = c === 0, C = c === d.length - 1, g = v > c;
-          let u = `${Ye}px`;
-          const D = `calc(100% - ((${Ye * (d.length - 1)}px) - (${d.length - 1} * ${gt * 2}px)))`;
-          return j ? u = D : (s || C) && (u = `${Ye - gt}px`), /* @__PURE__ */ t.jsx(
-            E,
+        children: c.map((y, g) => {
+          const j = s === g, o = g === 0, R = g === c.length - 1, m = s > g;
+          let p = `${Ue}px`;
+          const S = `calc(100% - ((${Ue * (c.length - 1)}px) - (${c.length - 1} * ${vt * 2}px)))`;
+          return j ? p = S : (o || R) && (p = `${Ue - vt}px`), /* @__PURE__ */ t.jsx(
+            b,
             {
-              width: u,
-              opacity: g || j ? 1 : 0.2,
-              paddingRight: C ? "0" : "6px",
-              paddingLeft: s ? "0" : "6px",
+              width: p,
+              opacity: m || j ? 1 : 0.2,
+              paddingRight: R ? "0" : "6px",
+              paddingLeft: o ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
               children: /* @__PURE__ */ t.jsx(
-                E,
+                b,
                 {
-                  paddingTop: p ? 2 : 5,
+                  paddingTop: u ? 2 : 5,
                   position: "relative",
                   width: "100%",
                   children: /* @__PURE__ */ t.jsx(
-                    E,
+                    b,
                     {
                       width: "100%",
                       position: "absolute",
                       top: "0",
-                      backgroundColor: g ? y.light : y.base,
-                      height: p ? "4px" : "8px",
+                      backgroundColor: m ? f.light : f.base,
+                      height: u ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
                     }
@@ -691,40 +691,40 @@ const Ye = 60, gt = 6, pn = (l) => {
                 }
               )
             },
-            `step-${c}`
+            `step-${g}`
           );
         })
       }
     ) }
   );
-}, kn = Xe.memo(pn), Dn = ({
-  children: l,
+}, Qr = Ae.memo(Or), en = ({
+  children: n,
   ...i
 }) => /* @__PURE__ */ t.jsx(
-  qt,
-  { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...i, children: l }
-), Pe = (l, i) => {
-  const p = (l == null ? void 0 : l.startsWith("http")) || (l == null ? void 0 : l.startsWith("mailto"));
-  return i && !p ? {
-    to: l
+  fr,
+  { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...i, children: n }
+), de = (n, i) => {
+  const u = (n == null ? void 0 : n.startsWith("http")) || (n == null ? void 0 : n.startsWith("mailto"));
+  return i && !u ? {
+    to: n
   } : {
-    href: l
+    href: n
   };
-}, ze = bt(
-  (l, i) => {
+}, Ze = yt(
+  (n, i) => {
     const {
-      label: p,
-      additionalContent: d,
-      mainTextFontSize: y,
-      linkComponent: v,
-      href: b,
-      ...R
-    } = l, c = v || Y, j = Pe(b, !!v);
+      label: u,
+      additionalContent: c,
+      mainTextFontSize: f,
+      linkComponent: s,
+      href: h,
+      ...y
+    } = n, g = s || W, j = de(h, !!s);
     return /* @__PURE__ */ t.jsxs(
-      E,
+      b,
       {
         ref: i,
-        as: c,
+        as: g,
         display: "flex",
         alignItems: "center",
         gap: [null, null, null, 1],
@@ -737,13 +737,13 @@ const Ye = 60, gt = 6, pn = (l) => {
         width: ["100%", null, null, "fit-content"],
         cursor: "pointer",
         ...j,
-        ...R,
+        ...y,
         children: [
           /* @__PURE__ */ t.jsx(
-            ue,
+            K,
             {
               display: ["none", null, null, "block"],
-              as: dt,
+              as: ht,
               fontSize: "lg",
               color: "viridian.light",
               role: "img",
@@ -752,18 +752,18 @@ const Ye = 60, gt = 6, pn = (l) => {
             }
           ),
           /* @__PURE__ */ t.jsxs(
-            k,
+            C,
             { alignItems: "center", gap: "1", width: ["100%", null, null, "auto"], children: [
               /* @__PURE__ */ t.jsx(
-                K,
+                L,
                 {
-                  fontSize: [y || "xl", null, null, "lg"],
+                  fontSize: [f || "xl", null, null, "lg"],
                   fontWeight: "medium",
-                  children: p
+                  children: u
                 }
               ),
-              d && (typeof d == "string" ? /* @__PURE__ */ t.jsx(
-                K,
+              c && (typeof c == "string" ? /* @__PURE__ */ t.jsx(
+                L,
                 {
                   fontSize: ["xl", null, null, "lg"],
                   fontWeight: "medium",
@@ -773,14 +773,14 @@ const Ye = 60, gt = 6, pn = (l) => {
                       color: "viridian.base"
                     }
                   },
-                  children: d
+                  children: c
                 }
-              ) : d),
+              ) : c),
               /* @__PURE__ */ t.jsx(
-                ue,
+                K,
                 {
                   display: ["block", null, null, "none"],
-                  as: dt,
+                  as: ht,
                   fontSize: "2xl",
                   color: "tints.uiGrey",
                   role: "img",
@@ -794,15 +794,15 @@ const Ye = 60, gt = 6, pn = (l) => {
       }
     );
   }
-), Ie = bt(
-  (l, i) => {
-    const { children: p, isSelected: d, ...y } = l, v = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
+), Oe = yt(
+  (n, i) => {
+    const { children: u, isSelected: c, ...f } = n, s = n.backgroundColor || (c ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
-      xt,
+      Ct,
       {
         ref: i,
         borderRadius: "full",
-        backgroundColor: v,
+        backgroundColor: s,
         fontSize: "lg !important",
         fontWeight: "normal",
         color: "tints.black",
@@ -820,42 +820,42 @@ const Ye = 60, gt = 6, pn = (l) => {
           left: [null, null, null, -2]
         },
         _hover: {
-          backgroundColor: v,
+          backgroundColor: s,
           textDecoration: "none",
           filter: "brightness(0.95)"
         },
-        ...y,
-        children: p
+        ...f,
+        children: u
       }
     );
   }
-), hn = ({
-  title: l,
+), Ar = ({
+  title: n,
   description: i,
-  imageSrc: p,
-  imageElement: d,
-  button: y,
-  backgroundColor: v = "viridian.wash",
-  onClick: b,
-  href: R,
-  linkComponent: c
+  imageSrc: u,
+  imageElement: c,
+  button: f,
+  backgroundColor: s = "viridian.wash",
+  onClick: h,
+  href: y,
+  linkComponent: g
 }) => {
-  const g = c || Y, u = Pe(R, !!c), D = Je({
+  const m = g || W, p = de(y, !!g), S = Pe({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
   });
   return /* @__PURE__ */ t.jsxs(
-    k,
+    C,
     {
       direction: ["row", null, null, "column"],
       alignItems: ["center"],
       borderRadius: "xl",
       overflow: "hidden",
       height: ["80px", null, null, "272px"],
-      backgroundColor: v,
-      onClick: b,
+      backgroundColor: s,
+      onClick: h,
       "data-testid": "spotlight-card",
       position: "relative",
       transition: "box-shadow 0.2s ease-in-out",
@@ -869,40 +869,40 @@ const Ye = 60, gt = 6, pn = (l) => {
         border: "1px solid",
         borderColor: "tints.white"
       },
-      as: D ? k : g,
-      ...D ? {} : u,
+      as: S ? C : m,
+      ...S ? {} : p,
       children: [
         /* @__PURE__ */ t.jsx(
-          E,
+          b,
           {
             width: ["72px", null, null, "100%"],
             height: ["100%", null, null, "188px"],
             sx: {
               img: {
-                height: D ? "188px" : "100%"
+                height: S ? "188px" : "100%"
               }
             },
-            children: p ? /* @__PURE__ */ t.jsx(
-              Wt,
+            children: u ? /* @__PURE__ */ t.jsx(
+              Ut,
               {
-                src: p,
+                src: u,
                 objectFit: "cover",
                 width: "100%",
                 alt: "",
                 "data-testid": "spotlight-card-image"
               }
             ) : /* @__PURE__ */ t.jsx(
-              E,
+              b,
               {
                 height: [80, null, null, 188],
                 overflow: "hidden",
-                children: d
+                children: c
               }
             )
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          k,
+          C,
           {
             direction: ["column", null, null, "row"],
             justifyContent: [null, null, null, "space-between"],
@@ -916,33 +916,33 @@ const Ye = 60, gt = 6, pn = (l) => {
             ],
             width: "100%",
             bottom: [null, null, null, "0"],
-            backgroundColor: [null, null, null, `${v}CC`],
+            backgroundColor: [null, null, null, `${s}CC`],
             backdropFilter: [null, null, null, "blur(8px)"],
             flex: "1",
             gap: [null, null, null, 3],
             children: [
               /* @__PURE__ */ t.jsxs(
-                k,
+                C,
                 { direction: "column", justifyContent: "center", height: "100%", children: [
                   /* @__PURE__ */ t.jsx(
-                    K,
-                    { fontSize: "lg", fontWeight: "medium", color: "tints.black", children: l }
+                    L,
+                    { fontSize: "lg", fontWeight: "medium", color: "tints.black", children: n }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    K,
+                    L,
                     { fontSize: "sm", color: "tints.darkGrey", children: i }
                   )
                 ] }
               ),
-              D ? /* @__PURE__ */ t.jsx(E, { children: y }) : null
+              S ? /* @__PURE__ */ t.jsx(b, { children: f }) : null
             ]
           }
         )
       ]
     }
   );
-}, ce = (l) => /* @__PURE__ */ t.jsx(
-  Vt,
+}, ce = (n) => /* @__PURE__ */ t.jsx(
+  Zt,
   {
     size: "sm",
     width: ["40px", null, null, "46px"],
@@ -960,13 +960,13 @@ const Ye = 60, gt = 6, pn = (l) => {
       backgroundColor: "tints.cream",
       filter: "brightness(0.95)"
     },
-    ...l
+    ...n
   }
-), gn = ({
-  color: l = Ue.colors.viridian.base,
+), _t = ({
+  color: n = Ee.colors.viridian.base,
   width: i
 }) => /* @__PURE__ */ t.jsx(
-  Qt,
+  hr,
   {
     as: "svg",
     width: i,
@@ -981,7 +981,7 @@ const Ye = 60, gt = 6, pn = (l) => {
       { id: "Everlywell Logo", children: /* @__PURE__ */ t.jsx(
         "path",
         {
-          fill: l,
+          fill: n,
           id: "Everlywell Logo_2",
           fillRule: "evenodd",
           clipRule: "evenodd",
@@ -990,251 +990,81 @@ const Ye = 60, gt = 6, pn = (l) => {
       ) }
     )
   }
-), vn = ({
-  desktopTopButtons: l,
-  kitRegistrationElement: i,
-  profileElement: p,
-  cartElement: d,
-  onSearchClick: y,
-  onMenuClick: v,
-  hasSearch: b = !1,
-  logoLink: R = "https://www.everlywell.com",
-  setTopOffset: c,
-  linkComponent: j,
-  onLogoClick: s
-}) => {
-  const C = Jt(null), g = mt(() => {
-    if (C.current) {
-      const u = C.current.getBoundingClientRect();
-      c(u.bottom);
-    }
-  }, []);
-  return Z(() => {
-    g();
-  }, [g]), /* @__PURE__ */ t.jsx(
-    E,
-    {
-      ref: C,
-      paddingY: "4",
-      paddingX: [4, null, null, 12],
-      borderBottom: "1px solid",
-      borderColor: "tints.lightCream",
-      backgroundColor: "tints.white",
-      position: "sticky",
-      top: "0",
-      width: "100%",
-      zIndex: ["sticky", null, null, "modal"],
-      onMouseEnter: g,
-      children: /* @__PURE__ */ t.jsxs(
-        k,
-        { justifyContent: "space-between", alignItems: "center", children: [
-          /* @__PURE__ */ t.jsxs(
-            k,
-            { alignItems: "center", gap: "5", children: [
-              /* @__PURE__ */ t.jsx(
-                E,
-                {
-                  "aria-label": "Go to homepage",
-                  onClick: s,
-                  as: j || Y,
-                  ...Pe(R, !!j),
-                  children: /* @__PURE__ */ t.jsx(gn, { width: "116px" })
-                }
-              ),
-              /* @__PURE__ */ t.jsx(
-                k,
-                { display: ["none", null, null, "flex"], children: l }
-              )
-            ] }
-          ),
-          /* @__PURE__ */ t.jsxs(
-            k,
-            { alignItems: "center", gap: "2", children: [
-              /* @__PURE__ */ t.jsx(
-                E,
-                { display: ["none", null, null, "block"], children: i }
-              ),
-              b ? /* @__PURE__ */ t.jsx(
-                ce,
-                {
-                  "aria-label": "Search",
-                  icon: /* @__PURE__ */ t.jsx(ue, { as: yt }),
-                  onClick: y
-                }
-              ) : null,
-              d,
-              /* @__PURE__ */ t.jsx(
-                E,
-                { display: ["flex", null, null, "none"], children: /* @__PURE__ */ t.jsx(
-                  ce,
-                  {
-                    icon: /* @__PURE__ */ t.jsx(ln, {}),
-                    "aria-label": "menu",
-                    "data-testid": "menu-button",
-                    onClick: v
-                  }
-                ) }
-              ),
-              /* @__PURE__ */ t.jsx(E, { display: ["none", null, null, "block"], children: p })
-            ] }
-          )
-        ] }
-      )
-    }
-  );
-}, xn = ({
-  count: l = 0,
-  ...i
-}) => /* @__PURE__ */ t.jsxs(
-  E,
-  { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(ce, { icon: /* @__PURE__ */ t.jsx(an, {}), ...i }),
-    l > 0 && /* @__PURE__ */ t.jsx(
-      E,
-      {
-        display: "flex",
-        minWidth: "20px",
-        height: "20px",
-        py: "4px",
-        px: "6px",
-        justifyContent: "center",
-        alignItems: "center",
-        position: "absolute",
-        right: "-4px",
-        top: "-4px",
-        borderRadius: "32px",
-        background: "viridian.base",
-        color: "white",
-        fontSize: "xs",
-        fontWeight: "normal",
-        children: l
-      }
-    )
-  ] }
-), In = ({
-  numDesktopLinks: l = 5,
-  showPromoButton: i = !1
-}) => /* @__PURE__ */ t.jsx(
-  Nt,
-  { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
-    E,
-    {
-      paddingY: 4,
-      paddingX: 6,
-      borderBottomWidth: "1px",
-      borderColor: "tints.lightCream",
-      children: /* @__PURE__ */ t.jsxs(
-        k,
-        { justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ t.jsx(Ne, { w: "120px", h: "48px" }),
-          /* @__PURE__ */ t.jsxs(
-            ct,
-            {
-              spacing: 8,
-              marginLeft: 12,
-              display: ["none", null, null, "flex"],
-              "data-testid": "desktop-nav",
-              children: [
-                Array.from({ length: l }).map(
-                  (p, d) => /* @__PURE__ */ t.jsx(Ne, { width: "90px", height: "48px" }, d)
-                ),
-                i && /* @__PURE__ */ t.jsx(Ne, { width: "110px", height: "48px", borderRadius: "full" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ t.jsxs(
-            ct,
-            { spacing: 4, ml: "auto", children: [
-              /* @__PURE__ */ t.jsx(
-                De,
-                {
-                  width: "120px",
-                  height: "48px",
-                  display: ["none", null, null, "block"],
-                  "data-testid": "register-kit"
-                }
-              ),
-              " ",
-              /* @__PURE__ */ t.jsx(De, { width: "48px", height: "48px" }),
-              " ",
-              /* @__PURE__ */ t.jsx(De, { width: "48px", height: "48px" }),
-              " ",
-              /* @__PURE__ */ t.jsx(De, { width: "48px", height: "48px" }),
-              " "
-            ] }
-          )
-        ] }
-      )
-    }
-  ) }
-), bn = (l, i) => {
-  let p;
-  return (...d) => {
-    p && clearTimeout(p), p = setTimeout(() => {
-      l(...d);
+), Pr = (n, i) => {
+  let u;
+  return (...c) => {
+    u && clearTimeout(u), u = setTimeout(() => {
+      n(...c);
     }, i);
   };
-}, Ke = "nav-drawer-hover", vt = (l) => {
+}, Je = "nav-drawer-hover", qe = "nav-drawer-animation-start", Qe = "nav-drawer-animation-end", mt = (n) => {
+  window.dispatchEvent(
+    new CustomEvent(Je, {
+      detail: { isHovering: n },
+      bubbles: !0,
+      cancelable: !0
+    })
+  );
+}, bt = (n) => {
   window.dispatchEvent(
-    new CustomEvent(Ke, {
-      detail: { isHovering: l },
+    new CustomEvent(n, {
       bubbles: !0,
       cancelable: !0
     })
   );
-}, mn = (l = !1, i = !1, p = !1) => l || !i ? "column" : p ? "row" : "row-reverse", yn = qe(Yt), Cn = qe(zt), Ge = ({
-  isOpen: l = !1,
+}, $r = (n = !1, i = !1, u = !1) => n || !i ? "column" : u ? "row" : "row-reverse", Hr = et(Kt), Fr = et(Xt), Ke = ({
+  isOpen: n = !1,
   onClose: i,
-  title: p,
-  navDrawerLinks: d,
-  bottomNavButtons: y,
-  spotlightCards: v,
-  bottomButton: b,
-  hasBackButton: R = !0,
-  onBackClick: c,
+  title: u,
+  navDrawerLinks: c,
+  bottomNavButtons: f,
+  spotlightCards: s,
+  bottomButton: h,
+  hasBackButton: y = !0,
+  onBackClick: g,
   hasOnlySpotlightCards: j = !1,
-  hasSearch: s = !1,
-  onSearch: C = () => ({}),
-  topOffset: g
+  hasSearch: o = !1,
+  onSearch: R = () => ({}),
+  topOffset: m
 }) => {
-  var X, z;
-  const u = Je({
+  var Q, X;
+  const p = Pe({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
-  }), D = u ? "top" : "right", [Q, ee] = W(0), [F, _] = W(!1), de = () => {
-    ee((L) => L + 1);
-  }, fe = mt(
-    bn((L) => {
-      C(L), de();
+  }), S = p ? "top" : "right", [N, Y] = V(0), [M, T] = V(!1), fe = () => {
+    Y((P) => P + 1);
+  }, he = Et(
+    Pr((P) => {
+      R(P), fe();
     }, 100),
     []
   );
   Z(() => {
-    l && _(!0);
-  }, [l]);
+    n && (T(!0), bt(qe));
+  }, [n]);
   const pe = () => {
-    l || (_(!1), i());
+    n || (T(!1), i()), bt(Qe);
   };
   return /* @__PURE__ */ t.jsx(
-    Gt,
+    Jt,
     {
-      isOpen: F || l,
+      isOpen: M || n,
       onClose: () => {
-        F && u || i();
+        M && p || i();
       },
-      placement: D,
+      placement: S,
       blockScrollOnMount: !1,
       autoFocus: !1,
-      ...u ? {
+      ...p ? {
         styleConfig: {
           baseStyle: {
-            ...Ue.components.Drawer.baseStyle,
+            ...Ee.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(z = (X = Ue.components.Drawer) == null ? void 0 : X.baseStyle) == null ? void 0 : z.dialogContainer,
+              ...(X = (Q = Ee.components.Drawer) == null ? void 0 : Q.baseStyle) == null ? void 0 : X.dialogContainer,
               // Push the drawer down by the top offset on desktop to not cover the top navigation
-              top: u ? `${g}px` : void 0,
+              top: p ? `${m}px` : void 0,
               // Lower index on desktop to make sure the drawer is below the top navigation
               zIndex: ["overlay"]
             }
@@ -1242,40 +1072,40 @@ const Ye = 60, gt = 6, pn = (l) => {
         }
       } : {},
       children: /* @__PURE__ */ t.jsx(
-        cn,
-        { children: l ? /* @__PURE__ */ t.jsxs(
+        Dr,
+        { children: n ? /* @__PURE__ */ t.jsxs(
           t.Fragment,
           { children: [
             /* @__PURE__ */ t.jsx(
-              Cn,
+              Fr,
               {
                 backgroundColor: "tints.black",
-                top: ["0", null, null, `${g}px`],
-                opacity: u ? void 0 : "0.4 !important",
-                ...u ? {
+                top: ["0", null, null, `${m}px`],
+                opacity: p ? void 0 : "0.4 !important",
+                ...p ? {
                   initial: { opacity: 0 },
                   animate: { opacity: 0.4 },
                   exit: { opacity: 0 },
                   transition: {
                     duration: 0.2,
-                    delay: 0.3,
+                    delay: 0.15,
                     ease: "easeOut"
                   }
                 } : {}
               }
             ),
             /* @__PURE__ */ t.jsxs(
-              yn,
+              Hr,
               {
-                onClick: (L) => {
-                  const H = L.target.closest("a");
-                  H && H.href === window.location.href && i();
+                onClick: (P) => {
+                  const $ = P.target.closest("a");
+                  $ && $.href === window.location.href && i();
                 },
                 onMouseEnter: () => {
-                  u && vt(!0);
+                  p && mt(!0);
                 },
                 onMouseLeave: () => {
-                  u && vt(!1);
+                  p && mt(!1);
                 },
                 paddingTop: "4",
                 paddingX: [4, null, null, 12],
@@ -1283,52 +1113,52 @@ const Ye = 60, gt = 6, pn = (l) => {
                 overflow: ["auto", null, null, "hidden"],
                 maxHeight: "100vh",
                 position: "relative",
-                top: u ? `${g}px !important` : void 0,
+                top: p ? `${m}px !important` : void 0,
                 onAnimationComplete: pe,
                 boxShadow: "none",
-                ...u ? {
+                ...p ? {
                   initial: { height: 0, opacity: 0 },
                   animate: { height: "auto", opacity: 1 },
                   exit: { height: 0, opacity: 0 },
                   transition: { duration: 0.3 }
                 } : {},
                 children: [
-                  !s && u ? null : /* @__PURE__ */ t.jsxs(
-                    Ut,
+                  !o && p ? null : /* @__PURE__ */ t.jsxs(
+                    qt,
                     {
                       padding: "0",
-                      flexDirection: s ? "column" : "row",
-                      gap: s ? "4" : "0",
+                      flexDirection: o ? "column" : "row",
+                      gap: o ? "4" : "0",
                       children: [
-                        u ? null : /* @__PURE__ */ t.jsxs(
-                          k,
+                        p ? null : /* @__PURE__ */ t.jsxs(
+                          C,
                           {
                             width: "100%",
                             justifyContent: "space-between",
                             alignItems: "center",
                             children: [
-                              R ? /* @__PURE__ */ t.jsx(
+                              y ? /* @__PURE__ */ t.jsx(
                                 ce,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(on, {}),
+                                  icon: /* @__PURE__ */ t.jsx(mr, {}),
                                   onClick: () => {
-                                    c && c();
+                                    g && g();
                                   },
                                   "aria-label": "Back"
                                 }
                               ) : null,
                               /* @__PURE__ */ t.jsx(
-                                K,
+                                L,
                                 {
                                   color: "tints.uiGrey",
                                   fontSize: ["xl", null, null, "lg"],
-                                  children: p
+                                  children: u
                                 }
                               ),
                               /* @__PURE__ */ t.jsx(
                                 ce,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(sn, {}),
+                                  icon: /* @__PURE__ */ t.jsx(br, {}),
                                   onClick: i,
                                   "aria-label": "Close"
                                 }
@@ -1336,14 +1166,14 @@ const Ye = 60, gt = 6, pn = (l) => {
                             ]
                           }
                         ),
-                        s && /* @__PURE__ */ t.jsxs(
-                          en,
+                        o && /* @__PURE__ */ t.jsxs(
+                          pr,
                           { width: "100%", children: [
                             /* @__PURE__ */ t.jsx(
-                              tn,
+                              gr,
                               {
-                                onChange: (L) => {
-                                  fe(L.target.value);
+                                onChange: (P) => {
+                                  he(P.target.value);
                                 },
                                 placeholder: "Search",
                                 autoFocus: !0,
@@ -1352,8 +1182,8 @@ const Ye = 60, gt = 6, pn = (l) => {
                               }
                             ),
                             /* @__PURE__ */ t.jsx(
-                              nn,
-                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(rn, { as: yt, color: "gray.500" }) }
+                              xr,
+                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(vr, { as: Rt, color: "gray.500" }) }
                             )
                           ] }
                         )
@@ -1361,15 +1191,15 @@ const Ye = 60, gt = 6, pn = (l) => {
                     }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    Zt,
+                    Qt,
                     {
                       paddingX: "0",
                       paddingBottom: [6, null, null, 4],
-                      "data-testid": `navbar-drawer-body-${p.toLowerCase()}`,
+                      "data-testid": `navbar-drawer-body-${u.toLowerCase()}`,
                       children: /* @__PURE__ */ t.jsxs(
-                        qe.div,
+                        et.div,
                         {
-                          ...u ? {
+                          ...p ? {
                             initial: { opacity: 0, y: -5 },
                             animate: { opacity: 1, y: 0 },
                             exit: { opacity: 0, y: -5 },
@@ -1386,17 +1216,17 @@ const Ye = 60, gt = 6, pn = (l) => {
                           } : {},
                           style: {
                             display: "flex",
-                            flexDirection: mn(
+                            flexDirection: $r(
                               j,
-                              u,
-                              s
+                              p,
+                              o
                             ),
                             gap: "24px",
                             justifyContent: "space-between"
                           },
                           children: [
-                            v ? /* @__PURE__ */ t.jsx(
-                              E,
+                            s ? /* @__PURE__ */ t.jsx(
+                              b,
                               {
                                 gap: [3, null, null, 6],
                                 display: "flex",
@@ -1405,26 +1235,26 @@ const Ye = 60, gt = 6, pn = (l) => {
                                   flexWrap: "wrap",
                                   flexDirection: ["column", null, null, "row"]
                                 },
-                                children: v
+                                children: s
                               }
                             ) : null,
                             /* @__PURE__ */ t.jsxs(
-                              k,
+                              C,
                               {
                                 position: [null, null, null, "relative"],
                                 flexDirection: "column",
                                 gap: "6",
-                                width: ["100%", null, null, s ? null : "auto"],
+                                width: ["100%", null, null, o ? null : "auto"],
                                 children: [
-                                  d ? /* @__PURE__ */ t.jsx(E, { children: d }) : null,
-                                  y && !u ? /* @__PURE__ */ t.jsx(E, { children: y }) : null,
-                                  b ? /* @__PURE__ */ t.jsx(
-                                    E,
+                                  c ? /* @__PURE__ */ t.jsx(b, { children: c }) : null,
+                                  f && !p ? /* @__PURE__ */ t.jsx(b, { children: f }) : null,
+                                  h ? /* @__PURE__ */ t.jsx(
+                                    b,
                                     {
                                       width: ["100%"],
                                       position: [null, null, null, "absolute"],
                                       bottom: [null, null, null, 0],
-                                      children: b
+                                      children: h
                                     }
                                   ) : null
                                 ]
@@ -1432,7 +1262,7 @@ const Ye = 60, gt = 6, pn = (l) => {
                             )
                           ]
                         },
-                        Q
+                        N
                       )
                     }
                   )
@@ -1444,122 +1274,309 @@ const Ye = 60, gt = 6, pn = (l) => {
       )
     }
   );
-}, jn = ({
-  source: l,
+}, Mr = ({
+  desktopTopButtons: n,
+  kitRegistrationElement: i,
+  profileElement: u,
+  cartElement: c,
+  onSearchClick: f,
+  onMenuClick: s,
+  hasSearch: h = !1,
+  logoLink: y = "https://www.everlywell.com",
+  setTopOffset: g,
+  linkComponent: j,
+  onLogoClick: o
+}) => {
+  const R = dr(null), [m, p] = V(!1);
+  Z(() => {
+    const N = () => p(!0), Y = () => p(!1);
+    return window.addEventListener(qe, N), window.addEventListener(Qe, Y), () => {
+      window.removeEventListener(
+        qe,
+        N
+      ), window.removeEventListener(Qe, Y);
+    };
+  }, []);
+  const S = Et(() => {
+    if (R.current) {
+      const N = R.current.getBoundingClientRect();
+      g(N.bottom);
+    }
+  }, []);
+  return Z(() => {
+    S();
+  }, [S]), /* @__PURE__ */ t.jsx(
+    b,
+    {
+      ref: R,
+      paddingY: "4",
+      paddingX: [4, null, null, 12],
+      borderBottom: "1px solid",
+      borderColor: "tints.lightCream",
+      backgroundColor: "tints.white",
+      position: "sticky",
+      top: "0",
+      width: "100%",
+      zIndex: ["sticky", null, null, m ? "modal" : "sticky"],
+      onMouseEnter: S,
+      children: /* @__PURE__ */ t.jsxs(
+        C,
+        { justifyContent: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ t.jsxs(
+            C,
+            { alignItems: "center", gap: "5", children: [
+              /* @__PURE__ */ t.jsx(
+                b,
+                {
+                  "aria-label": "Go to homepage",
+                  onClick: o,
+                  as: j || W,
+                  ...de(y, !!j),
+                  children: /* @__PURE__ */ t.jsx(_t, { width: "116px" })
+                }
+              ),
+              /* @__PURE__ */ t.jsx(
+                C,
+                { display: ["none", null, null, "flex"], children: n }
+              )
+            ] }
+          ),
+          /* @__PURE__ */ t.jsxs(
+            C,
+            { alignItems: "center", gap: "2", children: [
+              /* @__PURE__ */ t.jsx(
+                b,
+                { display: ["none", null, null, "block"], children: i }
+              ),
+              h ? /* @__PURE__ */ t.jsx(
+                ce,
+                {
+                  "aria-label": "Search",
+                  icon: /* @__PURE__ */ t.jsx(K, { as: Rt }),
+                  onClick: f
+                }
+              ) : null,
+              c,
+              /* @__PURE__ */ t.jsx(
+                b,
+                { display: ["flex", null, null, "none"], children: /* @__PURE__ */ t.jsx(
+                  ce,
+                  {
+                    icon: /* @__PURE__ */ t.jsx(jr, {}),
+                    "aria-label": "menu",
+                    "data-testid": "menu-button",
+                    onClick: s
+                  }
+                ) }
+              ),
+              /* @__PURE__ */ t.jsx(b, { display: ["none", null, null, "block"], children: u })
+            ] }
+          )
+        ] }
+      )
+    }
+  );
+}, Br = ({
+  count: n = 0,
+  ...i
+}) => /* @__PURE__ */ t.jsxs(
+  b,
+  { position: "relative", display: "inline-block", children: [
+    /* @__PURE__ */ t.jsx(ce, { icon: /* @__PURE__ */ t.jsx(wr, {}), ...i }),
+    n > 0 && /* @__PURE__ */ t.jsx(
+      b,
+      {
+        display: "flex",
+        minWidth: "20px",
+        height: "20px",
+        py: "4px",
+        px: "6px",
+        justifyContent: "center",
+        alignItems: "center",
+        position: "absolute",
+        right: "-4px",
+        top: "-4px",
+        borderRadius: "32px",
+        background: "viridian.base",
+        color: "white",
+        fontSize: "xs",
+        fontWeight: "normal",
+        children: n
+      }
+    )
+  ] }
+), tn = ({
+  numDesktopLinks: n = 5,
+  showPromoButton: i = !1
+}) => /* @__PURE__ */ t.jsx(
+  er,
+  { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
+    b,
+    {
+      paddingY: 4,
+      paddingX: 6,
+      borderBottomWidth: "1px",
+      borderColor: "tints.lightCream",
+      children: /* @__PURE__ */ t.jsxs(
+        C,
+        { justify: "space-between", align: "center", children: [
+          /* @__PURE__ */ t.jsx(Ge, { w: "120px", h: "48px" }),
+          /* @__PURE__ */ t.jsxs(
+            ft,
+            {
+              spacing: 8,
+              marginLeft: 12,
+              display: ["none", null, null, "flex"],
+              "data-testid": "desktop-nav",
+              children: [
+                Array.from({ length: n }).map(
+                  (u, c) => /* @__PURE__ */ t.jsx(Ge, { width: "90px", height: "48px" }, c)
+                ),
+                i && /* @__PURE__ */ t.jsx(Ge, { width: "110px", height: "48px", borderRadius: "full" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t.jsxs(
+            ft,
+            { spacing: 4, ml: "auto", children: [
+              /* @__PURE__ */ t.jsx(
+                Le,
+                {
+                  width: "120px",
+                  height: "48px",
+                  display: ["none", null, null, "block"],
+                  "data-testid": "register-kit"
+                }
+              ),
+              " ",
+              /* @__PURE__ */ t.jsx(Le, { width: "48px", height: "48px" }),
+              " ",
+              /* @__PURE__ */ t.jsx(Le, { width: "48px", height: "48px" }),
+              " ",
+              /* @__PURE__ */ t.jsx(Le, { width: "48px", height: "48px" }),
+              " "
+            ] }
+          )
+        ] }
+      )
+    }
+  ) }
+), Wr = ({
+  source: n,
   onSearchCallback: i,
-  isActive: p
+  isActive: u
 }) => {
-  const [d, y] = W(""), [v, b] = W([]), R = (s, C) => {
-    if (!s) return [];
-    const g = s.toLowerCase();
-    return C.filter((u) => {
-      const D = u.label.toLowerCase().includes(g), Q = typeof u.additionalContent == "string" && u.additionalContent.toLowerCase().includes(g);
-      return D || Q;
-    }).sort((u, D) => u.label.localeCompare(D.label));
-  }, c = (s) => {
-    if (y(s), !s) {
-      b([]);
+  const [c, f] = V(""), [s, h] = V([]), y = (o, R) => {
+    if (!o) return [];
+    const m = o.toLowerCase();
+    return R.filter((p) => {
+      const S = p.label.toLowerCase().includes(m), N = typeof p.additionalContent == "string" && p.additionalContent.toLowerCase().includes(m);
+      return S || N;
+    }).sort((p, S) => p.label.localeCompare(S.label));
+  }, g = (o) => {
+    if (f(o), !o) {
+      h([]);
       return;
     }
-    const C = R(s, l);
-    b(C), i && i(s, C);
+    const R = y(o, n);
+    h(R), i && i(o, R);
   }, j = () => {
-    y(""), b([]);
+    f(""), h([]);
   };
   return Z(() => {
-    p || (y(""), b([]));
-  }, [p]), {
-    query: d,
-    results: v,
+    u || (f(""), h([]));
+  }, [u]), {
+    query: c,
+    results: s,
     handleClose: j,
-    handleSearch: c
+    handleSearch: g
   };
-}, wn = (l) => {
+}, Nr = (n) => {
   const i = /* @__PURE__ */ new Set();
-  return l.reduce((p, d) => {
-    var v;
-    const y = ((v = d.sections) == null ? void 0 : v.reduce((b, R) => {
-      const c = R.links.filter((j) => i.has(j.label) || j.isSearchable !== !0 ? !1 : (i.add(j.label), !0));
-      return [...b, ...c];
+  return n.reduce((u, c) => {
+    var s;
+    const f = ((s = c.sections) == null ? void 0 : s.reduce((h, y) => {
+      const g = y.links.filter((j) => i.has(j.label) || j.isSearchable !== !0 ? !1 : (i.add(j.label), !0));
+      return [...h, ...g];
     }, [])) ?? [];
-    return [...p, ...y];
+    return [...u, ...f];
   }, []);
-}, Pn = ({
-  categories: l = [],
+}, rn = ({
+  categories: n = [],
   onCartClick: i,
-  mainCategoryLabel: p = "Menu",
-  logoLink: d = "https://www.everlywell.com",
-  hasSearch: y = !0,
-  onSearchClick: v,
-  registrationUrl: b,
-  profileUrl: R = "https://secure.everlywell.com/login",
-  mobileBottomButtons: c = [],
+  mainCategoryLabel: u = "Menu",
+  logoLink: c = "https://www.everlywell.com",
+  hasSearch: f = !0,
+  onSearchClick: s,
+  registrationUrl: h,
+  profileUrl: y = "https://secure.everlywell.com/login",
+  mobileBottomButtons: g = [],
   numberOfCartItems: j = 0,
-  linkComponent: s,
-  onSearchCallback: C,
-  onLinkClick: g,
-  onCategoryOpen: u,
-  onMobileMenuOpen: D,
-  onBackToMainMenu: Q,
-  onRegisterKitClick: ee,
-  onProfileClick: F,
-  onLogoClick: _,
-  shopAllProductsUrl: de,
-  onShopAllProductsClick: fe
+  linkComponent: o,
+  onSearchCallback: R,
+  onLinkClick: m,
+  onCategoryOpen: p,
+  onMobileMenuOpen: S,
+  onBackToMainMenu: N,
+  onRegisterKitClick: Y,
+  onProfileClick: M,
+  onLogoClick: T,
+  shopAllProductsUrl: fe,
+  onShopAllProductsClick: he
 }) => {
-  var G, be, me;
-  const [pe, X] = W(!1), [z, L] = W(!1), [w, H] = W(null), [we, he] = W(!1), [A, V] = W(!1), [N, Ee] = W(0), Re = Je({
+  var J, be, je;
+  const [pe, Q] = V(!1), [X, P] = V(!1), [_, $] = V(null), [Re, ge] = V(!1), [F, G] = V(!1), [U, _e] = V(0), Se = Pe({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
   }) ?? !1;
   Z(() => {
-    re(), H(null);
-  }, [Re]);
+    le(), $(null);
+  }, [Se]);
   const {
-    query: _e,
-    results: te,
-    handleSearch: Se
-  } = jn({
-    source: wn(l),
-    onSearchCallback: C,
-    isActive: z
-  }), ge = te.length > 0, ne = s || Y, Te = Pe(de, !!s), Oe = _e && /* @__PURE__ */ t.jsxs(
-    k,
-    { gap: ge ? "6" : 0, direction: "column", children: [
-      ge ? /* @__PURE__ */ t.jsx(K, { color: "tints.uiGrey", children: `${te.length} Results` }) : /* @__PURE__ */ t.jsxs(
-        k,
+    query: Te,
+    results: re,
+    handleSearch: ke
+  } = Wr({
+    source: Nr(n),
+    onSearchCallback: R,
+    isActive: X
+  }), xe = re.length > 0, ne = o || W, De = de(fe, !!o), $e = Te && /* @__PURE__ */ t.jsxs(
+    C,
+    { gap: xe ? "6" : 0, direction: "column", children: [
+      xe ? /* @__PURE__ */ t.jsx(L, { color: "tints.uiGrey", children: `${re.length} Results` }) : /* @__PURE__ */ t.jsxs(
+        C,
         { direction: "column", gap: "6", alignItems: "flex-start", children: [
           /* @__PURE__ */ t.jsx(
-            K,
+            L,
             { color: "tints.uiGrey", children: "We didn't find what you were looking for." }
           ),
           /* @__PURE__ */ t.jsx(
-            xt,
+            Ct,
             {
               as: ne,
-              onClick: fe,
+              onClick: he,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
-              ...Te,
+              ...De,
               children: "Shop all products"
             }
           )
         ] }
       ),
       /* @__PURE__ */ t.jsx(
-        Kt,
-        { columns: [1, 1, 1, 4], children: te.map(
+        tr,
+        { columns: [1, 1, 1, 4], children: re.map(
           (a, I) => /* @__PURE__ */ t.jsx(
-            Xt,
+            rr,
             { children: /* @__PURE__ */ t.jsx(
-              ze,
+              Ze,
               {
                 href: a.href,
                 label: a.label,
                 additionalContent: a == null ? void 0 : a.additionalContent,
-                linkComponent: s
+                linkComponent: o
               }
             ) },
             `${a.label}-${I}`
@@ -1567,137 +1584,137 @@ const Ye = 60, gt = 6, pn = (l) => {
         ) }
       )
     ] }
-  ), re = () => {
-    X(!1), H(null);
-  }, B = (a) => "href" in a, ve = (a) => {
-    B(a) ? g == null || g(a.label) : H(a);
-  }, le = (a) => {
-    he(!0), L(!1), H(null), !B(a) && (a.sections || a.spotlightCards) && H(a);
-  }, xe = () => {
-    he(!1);
+  ), le = () => {
+    Q(!1), $(null);
+  }, z = (a) => "href" in a, ve = (a) => {
+    z(a) ? m == null || m(a.label) : $(a);
+  }, ie = (a) => {
+    ge(!0), P(!1), $(null), !z(a) && (a.sections || a.spotlightCards) && $(a);
+  }, me = () => {
+    ge(!1);
   };
   Z(() => {
     const a = (I) => {
-      V(I.detail.isHovering);
+      G(I.detail.isHovering);
     };
     return window.addEventListener(
-      Ke,
+      Je,
       a
     ), () => {
       window.removeEventListener(
-        Ke,
+        Je,
         a
       );
     };
   }, []), Z(() => {
-    !we && !A && (H(null), L(!1));
-  }, [we, A]), Z(() => {
+    !Re && !F && ($(null), P(!1));
+  }, [Re, F]), Z(() => {
     let a = window.location.href;
     const I = () => {
-      const P = window.location.href;
-      P !== a && (a = P, re(), H(null));
-    }, U = setInterval(I, 100);
+      const O = window.location.href;
+      O !== a && (a = O, le(), $(null));
+    }, q = setInterval(I, 100);
     return window.addEventListener("popstate", I), () => {
-      window.removeEventListener("popstate", I), clearInterval(U);
+      window.removeEventListener("popstate", I), clearInterval(q);
     };
   }, []);
-  const ae = l == null ? void 0 : l.map(
+  const oe = n == null ? void 0 : n.map(
     (a, I) => /* @__PURE__ */ t.jsx(
-      Ie,
+      Oe,
       {
         onMouseEnter: () => {
-          le(a), u == null || u(a.label);
+          ie(a), p == null || p(a.label);
         },
-        onMouseLeave: xe,
-        isSelected: (w == null ? void 0 : w.label) === a.label,
-        as: B(a) && ne ? ne : Y,
-        href: B(a) ? a.href : void 0,
-        onClick: B(a) ? () => g == null ? void 0 : g(a.label) : void 0,
+        onMouseLeave: me,
+        isSelected: (_ == null ? void 0 : _.label) === a.label,
+        as: z(a) && ne ? ne : W,
+        href: z(a) ? a.href : void 0,
+        onClick: z(a) ? () => m == null ? void 0 : m(a.label) : void 0,
         ...a.buttonProps,
         children: a.label
       },
       `${a.label}-${I}`
     )
-  ), Le = (G = l.filter(
-    (a) => !B(a) && a.isMobileTopLink !== !1
-  )) == null ? void 0 : G.map((a) => {
+  ), He = (J = n.filter(
+    (a) => !z(a) && a.isMobileTopLink !== !1
+  )) == null ? void 0 : J.map((a) => {
     const I = a;
     return /* @__PURE__ */ t.jsx(
-      E,
+      b,
       {
         onClick: () => {
-          ve(I), u == null || u(I.label);
+          ve(I), p == null || p(I.label);
         },
         children: /* @__PURE__ */ t.jsx(
-          ze,
+          Ze,
           {
             label: I.label,
             role: "link",
             additionalContent: I.additionalContent,
             mainTextFontSize: "3xl",
-            linkComponent: s
+            linkComponent: o
           }
         )
       },
       I.label
     );
-  }), ke = /* @__PURE__ */ t.jsxs(
+  }), Ie = /* @__PURE__ */ t.jsxs(
     t.Fragment,
     { children: [
       /* @__PURE__ */ t.jsx(
-        Ie,
+        Oe,
         {
-          as: Y,
-          href: R,
+          as: W,
+          href: y,
           width: "100%",
           backgroundColor: "tints.cream",
-          onClick: F,
+          onClick: M,
           children: /* @__PURE__ */ t.jsxs(
-            k,
+            C,
             { gap: "2", children: [
               "My Everly",
-              /* @__PURE__ */ t.jsx(ue, { as: ft, size: 24 })
+              /* @__PURE__ */ t.jsx(K, { as: pt, size: 24 })
             ] }
           )
         },
         "my-everly"
       ),
       /* @__PURE__ */ t.jsx(
-        Ie,
+        Oe,
         {
-          as: Y,
+          as: W,
           width: "100%",
-          href: b,
+          href: h,
           backgroundColor: "tints.cream",
-          onClick: ee,
+          onClick: Y,
           children: /* @__PURE__ */ t.jsxs(
-            k,
+            C,
             { gap: "2", children: [
               "Register kit",
-              /* @__PURE__ */ t.jsx(ue, { as: un, size: 24 })
+              /* @__PURE__ */ t.jsx(K, { as: Cr, size: 24 })
             ] }
           )
         },
         "register-kit"
       )
     ] }
-  ), He = /* @__PURE__ */ t.jsxs(
-    k,
+  ), Fe = /* @__PURE__ */ t.jsxs(
+    C,
     { gap: "2", flexDirection: "column", children: [
-      c,
-      ke
+      g,
+      Ie
     ] }
-  ), $e = w ? /* @__PURE__ */ t.jsx(
-    k,
-    { direction: ["column", null, null, "row"], gap: "8", children: (be = w == null ? void 0 : w.sections) == null ? void 0 : be.map((a, I) => {
-      const U = [];
-      for (let P = 0; P < a.links.length; P += 3)
-        U.push(a.links.slice(P, P + 3));
+  ), Me = _ ? /* @__PURE__ */ t.jsx(
+    C,
+    { direction: ["column", null, null, "row"], gap: "8", children: (be = _ == null ? void 0 : _.sections) == null ? void 0 : be.map((a, I) => {
+      const q = [];
+      for (let O = 0; O < a.links.length; O += 3)
+        q.push(a.links.slice(O, O + 3));
       return /* @__PURE__ */ t.jsxs(
-        E,
+        b,
         { children: [
           /* @__PURE__ */ t.jsx(
-            K,
+            L,
             {
               fontSize: "md",
               color: "tints.uiGrey",
@@ -1706,32 +1723,32 @@ const Ye = 60, gt = 6, pn = (l) => {
             }
           ),
           /* @__PURE__ */ t.jsx(
-            k,
+            C,
             {
               flexDirection: ["column", null, null, "row"],
               gap: [null, null, null, 8],
-              children: U == null ? void 0 : U.map(
-                (P, Ae) => /* @__PURE__ */ t.jsx(
-                  k,
+              children: q == null ? void 0 : q.map(
+                (O, Be) => /* @__PURE__ */ t.jsx(
+                  C,
                   {
                     flexDirection: ["column"],
                     gap: [null, null, null, 5],
                     marginLeft: [null, null, null, -2],
-                    children: P == null ? void 0 : P.map(
-                      (J) => /* @__PURE__ */ t.jsx(
-                        ze,
+                    children: O == null ? void 0 : O.map(
+                      (ee) => /* @__PURE__ */ t.jsx(
+                        Ze,
                         {
-                          label: J.label,
-                          href: J.href,
-                          additionalContent: J.additionalContent,
-                          linkComponent: s,
-                          onClick: () => g == null ? void 0 : g(J.label)
+                          label: ee.label,
+                          href: ee.href,
+                          additionalContent: ee.additionalContent,
+                          linkComponent: o,
+                          onClick: () => m == null ? void 0 : m(ee.label)
                         },
-                        J.label
+                        ee.label
                       )
                     )
                   },
-                  Ae
+                  Be
                 )
               )
             }
@@ -1740,32 +1757,32 @@ const Ye = 60, gt = 6, pn = (l) => {
         `${a.title}-${I}`
       );
     }) }
-  ) : null, oe = w != null && w.spotlightCards ? (me = w.spotlightCards) == null ? void 0 : me.map(
-    (a) => /* @__PURE__ */ t.jsx(hn, { ...a }, a.title)
-  ) : /* @__PURE__ */ t.jsx(E, {});
+  ) : null, ae = _ != null && _.spotlightCards ? (je = _.spotlightCards) == null ? void 0 : je.map(
+    (a) => /* @__PURE__ */ t.jsx(Ar, { ...a }, a.title)
+  ) : /* @__PURE__ */ t.jsx(b, {});
   return /* @__PURE__ */ t.jsxs(
     t.Fragment,
     { children: [
       /* @__PURE__ */ t.jsx(
-        vn,
+        Mr,
         {
-          desktopTopButtons: ae,
+          desktopTopButtons: oe,
           kitRegistrationElement: /* @__PURE__ */ t.jsx(
-            Ie,
+            Oe,
             {
-              as: Y,
-              href: b,
-              onClick: ee,
+              as: W,
+              href: h,
+              onClick: Y,
               backgroundColor: "tints.cream",
               children: "Register Kit"
             }
           ),
           profileElement: /* @__PURE__ */ t.jsx(
-            Y,
-            { href: R, "aria-label": "login", onClick: F, children: /* @__PURE__ */ t.jsx(ce, { icon: /* @__PURE__ */ t.jsx(ue, { as: ft }), "aria-label": "Profile" }) }
+            W,
+            { href: y, "aria-label": "login", onClick: M, children: /* @__PURE__ */ t.jsx(ce, { icon: /* @__PURE__ */ t.jsx(K, { as: pt }), "aria-label": "Profile" }) }
           ),
           cartElement: /* @__PURE__ */ t.jsx(
-            xn,
+            Br,
             {
               "aria-label": "Cart",
               count: j,
@@ -1773,77 +1790,459 @@ const Ye = 60, gt = 6, pn = (l) => {
             }
           ),
           onSearchClick: () => {
-            L(!z), v == null || v();
+            P(!X), s == null || s();
           },
           onMenuClick: () => {
-            X(!0), D == null || D();
+            Q(!0), S == null || S();
           },
-          hasSearch: y,
-          logoLink: d,
-          linkComponent: s,
-          onLogoClick: _,
-          setTopOffset: Ee
+          hasSearch: f,
+          logoLink: c,
+          linkComponent: o,
+          onLogoClick: T,
+          setTopOffset: _e
         }
       ),
       /* @__PURE__ */ t.jsxs(
-        E,
+        b,
         { position: "relative", zIndex: "modal", children: [
           /* @__PURE__ */ t.jsx(
-            Ge,
+            Ke,
             {
               isOpen: pe,
-              onClose: re,
-              title: p,
-              navDrawerLinks: Le,
-              bottomNavButtons: He,
+              onClose: le,
+              title: u,
+              navDrawerLinks: He,
+              bottomNavButtons: Fe,
               hasBackButton: !1,
-              topOffset: N
+              topOffset: U
             }
           ),
           /* @__PURE__ */ t.jsx(
-            Ge,
+            Ke,
             {
-              isOpen: !!w,
+              isOpen: !!_,
               onClose: () => {
-                re(), H(null);
+                le(), $(null);
               },
-              title: (w == null ? void 0 : w.label) || "",
-              navDrawerLinks: $e,
-              onBackClick: () => H(null),
-              spotlightCards: oe,
-              hasOnlySpotlightCards: w == null ? void 0 : w.hasOnlySpotlightCards,
-              bottomButton: w == null ? void 0 : w.bottomButton,
-              topOffset: N
+              title: (_ == null ? void 0 : _.label) || "",
+              navDrawerLinks: Me,
+              onBackClick: () => $(null),
+              spotlightCards: ae,
+              hasOnlySpotlightCards: _ == null ? void 0 : _.hasOnlySpotlightCards,
+              bottomButton: _ == null ? void 0 : _.bottomButton,
+              topOffset: U
             }
           ),
           /* @__PURE__ */ t.jsx(
-            Ge,
+            Ke,
             {
-              isOpen: z,
-              onClose: () => L(!1),
+              isOpen: X,
+              onClose: () => P(!1),
               title: "Search",
-              navDrawerLinks: Oe,
-              onSearch: Se,
+              navDrawerLinks: $e,
+              onSearch: ke,
               hasSearch: !0,
               hasBackButton: !1,
-              topOffset: N
+              topOffset: U
             }
           )
         ] }
       )
     ] }
   );
-};
+}, jt = ({ links: n, linkComponent: i, onLinkClick: u }) => {
+  const c = i || W, f = (s) => {
+    u && u(s);
+  };
+  return /* @__PURE__ */ t.jsx(
+    C,
+    { direction: "column", gap: 6, children: n.map(
+      (s) => /* @__PURE__ */ t.jsx(
+        L,
+        {
+          as: c,
+          color: "white",
+          size: "lg",
+          _hover: { color: "viridian.lighter", textDecoration: "none" },
+          onClick: () => f(s.label),
+          ...de(s.href, !!i),
+          children: s.label
+        },
+        s.label
+      )
+    ) }
+  );
+}, Vr = ({ title: n, links: i, isLast: u }) => {
+  const c = u ? "transparent" : `${Ee.colors.viridian.lighter}20`;
+  return i ? /* @__PURE__ */ t.jsx(
+    lr,
+    { borderColor: c, children: ({ isExpanded: f }) => /* @__PURE__ */ t.jsxs(
+      t.Fragment,
+      { children: [
+        /* @__PURE__ */ t.jsxs(
+          ir,
+          { paddingX: 0, paddingY: 4, _hover: { bg: "transparent" }, children: [
+            /* @__PURE__ */ t.jsx(
+              L,
+              { color: "viridian.lighter", size: "lg", flex: "1", textAlign: "left", children: n }
+            ),
+            /* @__PURE__ */ t.jsx(
+              K,
+              {
+                as: yr,
+                size: "sm",
+                color: "viridian.lighter",
+                transform: f ? "rotate(-180deg)" : "rotate(0deg)",
+                transition: "transform 0.3s ease"
+              }
+            )
+          ] }
+        ),
+        /* @__PURE__ */ t.jsx(
+          or,
+          { pb: 4, px: 0, children: i }
+        )
+      ] }
+    ) }
+  ) : null;
+}, zr = ({ title: n, links: i }) => i ? /* @__PURE__ */ t.jsxs(
+  b,
+  { children: [
+    /* @__PURE__ */ t.jsx(
+      L,
+      { color: "viridian.lighter", mb: 6, fontSize: "lg", children: n }
+    ),
+    i
+  ] }
+) : null, Yr = ({
+  sections: n,
+  linkComponent: i,
+  onLinkClick: u
+}) => Pe({
+  base: !1,
+  tablet: !1,
+  largeTablet: !0,
+  desktop: !0
+}) ? /* @__PURE__ */ t.jsx(
+  C,
+  {
+    justify: "space-between",
+    align: "flex-start",
+    children: /* @__PURE__ */ t.jsx(
+      C,
+      { gap: 120, children: n.map(
+        ({ title: f, links: s }) => /* @__PURE__ */ t.jsx(
+          zr,
+          {
+            title: f,
+            links: /* @__PURE__ */ t.jsx(
+              jt,
+              {
+                links: s,
+                linkComponent: i,
+                onLinkClick: u
+              }
+            )
+          },
+          f
+        )
+      ) }
+    )
+  }
+) : /* @__PURE__ */ t.jsx(
+  nr,
+  {
+    allowMultiple: !0,
+    defaultIndex: [0],
+    width: "100%",
+    display: "flex",
+    flexDirection: "column",
+    children: n.map(
+      ({ title: f, links: s }, h) => /* @__PURE__ */ t.jsx(
+        Vr,
+        {
+          title: f,
+          links: /* @__PURE__ */ t.jsx(
+            jt,
+            {
+              links: s,
+              linkComponent: i,
+              onLinkClick: u
+            }
+          ),
+          isLast: h === n.length - 1
+        },
+        f
+      )
+    )
+  }
+), wt = {
+  instagram: Rr,
+  linkedin: _r,
+  facebook: Sr,
+  tiktok: Tr,
+  x: kr
+}, Gr = ({
+  socialLinks: n,
+  onEmailSubmit: i,
+  socialMediaLabel: u,
+  newsletterLabel: c,
+  onLinkClick: f
+}) => {
+  const [s, h] = Ae.useState(""), y = () => {
+    s && i && (i(s), h(""));
+  }, g = (o) => {
+    o.key === "Enter" && y();
+  }, j = (o) => {
+    f && f(o);
+  };
+  return /* @__PURE__ */ t.jsxs(
+    b,
+    { width: ["100%", null, null, "440px"], children: [
+      /* @__PURE__ */ t.jsxs(
+        b,
+        { mb: [8, 10], children: [
+          /* @__PURE__ */ t.jsx(
+            L,
+            { color: "viridian.lighter", mb: 6, size: "lg", children: c }
+          ),
+          /* @__PURE__ */ t.jsxs(
+            ar,
+            { children: [
+              /* @__PURE__ */ t.jsx(
+                sr,
+                {
+                  placeholder: "Enter your email",
+                  bg: "transparent",
+                  border: "1px solid",
+                  borderColor: "viridian.lighter",
+                  color: "viridian.lighter",
+                  _placeholder: { color: "viridian.lighter" },
+                  opacity: 0.66,
+                  height: "52px",
+                  pr: "48px",
+                  value: s,
+                  onChange: (o) => h(o.target.value),
+                  onKeyPress: g
+                }
+              ),
+              /* @__PURE__ */ t.jsx(
+                ur,
+                { h: "52px", pr: 4, children: /* @__PURE__ */ t.jsx(
+                  K,
+                  {
+                    as: Er,
+                    color: "viridian.lighter",
+                    width: "24px",
+                    height: "24px",
+                    opacity: 0.66,
+                    cursor: "pointer",
+                    onClick: y,
+                    "data-testid": "arrow-right-icon",
+                    role: "button",
+                    "aria-label": "Submit"
+                  }
+                ) }
+              )
+            ] }
+          )
+        ] }
+      ),
+      /* @__PURE__ */ t.jsxs(
+        b,
+        { children: [
+          /* @__PURE__ */ t.jsx(
+            L,
+            { color: "viridian.lighter", marginBottom: 4, size: "lg", children: u }
+          ),
+          /* @__PURE__ */ t.jsx(
+            C,
+            { gap: 3, children: n == null ? void 0 : n.map(
+              (o) => /* @__PURE__ */ t.jsx(
+                W,
+                {
+                  href: o.href,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  "aria-label": o.name,
+                  onClick: () => j(o.name),
+                  children: wt[o.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
+                    K,
+                    {
+                      as: wt[o.name.toLowerCase()],
+                      color: "white",
+                      width: ["48px", null, "24px", null],
+                      height: ["48px", null, "24px", null]
+                    }
+                  )
+                },
+                o.name
+              )
+            ) }
+          )
+        ] }
+      )
+    ] }
+  );
+}, Ur = ({
+  links: n,
+  linkComponent: i,
+  onLinkClick: u
+}) => {
+  const c = i || W, f = (h) => {
+    u && u(h);
+  }, s = n == null ? void 0 : n.map(
+    (h) => /* @__PURE__ */ t.jsx(
+      L,
+      {
+        as: c,
+        color: "viridian.lighter",
+        size: "sm",
+        _hover: { color: "white", textDecoration: "none" },
+        onClick: () => f(h.label),
+        ...de(h.href, !!i),
+        children: h.label
+      },
+      h.label
+    )
+  );
+  return /* @__PURE__ */ t.jsxs(
+    C,
+    {
+      direction: ["column", "column", "row"],
+      justify: "space-between",
+      align: ["flex-start", "flex-start", "center"],
+      gap: [6, 6, 0],
+      children: [
+        /* @__PURE__ */ t.jsx(
+          C,
+          {
+            direction: "row",
+            flexWrap: "wrap",
+            gap: [4, 6, 10],
+            width: ["100%", "auto"],
+            children: s
+          }
+        ),
+        /* @__PURE__ */ t.jsxs(
+          L,
+          { color: "viridian.lighter", fontSize: "sm", children: [
+            "© Everlywell ",
+            (/* @__PURE__ */ new Date()).getFullYear()
+          ] }
+        )
+      ]
+    }
+  );
+}, nn = ({
+  navigationSections: n = [],
+  disclaimer: i,
+  newsletterLabel: u,
+  socialMediaLabel: c,
+  socialLinks: f,
+  complianceLinks: s,
+  linkComponent: h,
+  onEmailSubmit: y,
+  additionalContent: g,
+  onLinkClick: j,
+  onSocialMediaClick: o
+}) => /* @__PURE__ */ t.jsx(
+  b,
+  { as: "footer", bg: "viridian.dark", py: [6, 8], px: [4, 6], children: /* @__PURE__ */ t.jsxs(
+    cr,
+    { size: "fluid", children: [
+      /* @__PURE__ */ t.jsxs(
+        C,
+        { direction: "column", gap: [8, 12], children: [
+          /* @__PURE__ */ t.jsx(
+            b,
+            { children: /* @__PURE__ */ t.jsx(_t, { width: ["150px", "202px"], color: "white" }) }
+          ),
+          /* @__PURE__ */ t.jsxs(
+            C,
+            {
+              direction: ["column", null, null, "row"],
+              justify: "space-between",
+              align: ["flex-start"],
+              gap: [8, 8, 8, 0],
+              children: [
+                /* @__PURE__ */ t.jsx(
+                  Yr,
+                  {
+                    sections: n,
+                    linkComponent: h,
+                    onLinkClick: j
+                  }
+                ),
+                /* @__PURE__ */ t.jsx(
+                  Gr,
+                  {
+                    socialLinks: f,
+                    newsletterLabel: u,
+                    socialMediaLabel: c,
+                    onEmailSubmit: y,
+                    onLinkClick: o
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ t.jsxs(
+            C,
+            {
+              direction: ["column", "column", "row"],
+              justify: "space-between",
+              alignContent: "center",
+              align: ["flex-start", "flex-start", "center"],
+              gap: [6, 6, 0],
+              children: [
+                /* @__PURE__ */ t.jsx(
+                  L,
+                  {
+                    color: "viridian.lighter",
+                    fontSize: "sm",
+                    maxWidth: ["100%", "100%", "1024px"],
+                    children: i
+                  }
+                ),
+                g
+              ]
+            }
+          )
+        ] }
+      ),
+      /* @__PURE__ */ t.jsx(
+        b,
+        {
+          borderTop: "1px solid",
+          borderColor: `${Ee.colors.viridian.lighter}20`,
+          marginTop: "10",
+          marginBottom: "8"
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        Ur,
+        {
+          disclaimer: i,
+          links: s,
+          linkComponent: h,
+          onLinkClick: j
+        }
+      )
+    ] }
+  ) }
+);
 export {
-  xn as BasketButton,
-  Dn as CategoryLabel,
-  Ie as NavButton,
-  In as NavSkeleton,
-  Ge as NavbarDrawer,
-  ze as NavbarDrawerLink,
-  Pn as NavigationBar,
-  hn as SpotlightCard,
-  kn as Stepper,
+  Br as BasketButton,
+  en as CategoryLabel,
+  nn as Footer,
+  Oe as NavButton,
+  tn as NavSkeleton,
+  Ke as NavbarDrawer,
+  Ze as NavbarDrawerLink,
+  rn as NavigationBar,
+  Ar as SpotlightCard,
+  Qr as Stepper,
   ce as TopNavIconButton,
-  vn as TopNavigation
+  Mr as TopNavigation
 };