@everlywell/consumer-ui 1.41.7 → 1.42.1

package/index.mjs

@@ -1,9 +1,9 @@
-import { useSteps as tn, Box as C, Stepper as nn, Icon as q, Flex as k, Text as W, Link as K, Button as It, Image as rn, IconButton as on, theme as X, useMediaQuery as at, VStack as ln, Skeleton as rt, HStack as wt, SkeletonCircle as We, DrawerContent as Lt, DrawerOverlay as Ot, Drawer as Pt, DrawerHeader as At, DrawerBody as $t, Grid as an, GridItem as sn, Accordion as cn, AccordionItem as un, AccordionButton as dn, AccordionPanel as fn, InputGroup as pn, Input as hn, InputRightElement as gn, Container as xn, DrawerFooter as vn, DrawerCloseButton as mn, Modal as bn, ModalOverlay as wn, ModalContent as jn, ModalHeader as Cn, ModalBody as yn, ModalFooter as En, ModalCloseButton as kn } from "@everlywell/ui-kit";
-import Ae, { useEffect as oe, forwardRef as Mt, useRef as Rn, useCallback as Ht, useState as Z } from "react";
-import { Text as _n, useBreakpointValue as Ee, Box as Sn, InputGroup as Tn, Input as Dn, InputRightElement as In, Icon as Ln } from "@chakra-ui/react";
-import { CaretRight as jt, MagnifyingGlass as Ft, List as On, Basket as Pn, CaretLeft as An, X as Bt, User as Ct, QrCode as $n, CaretDown as Mn, ArrowRight as Hn, InstagramLogo as Fn, LinkedinLogo as Bn, FacebookLogo as zn, TiktokLogo as Wn, XLogo as Nn } from "@phosphor-icons/react";
-import { motion as ft, AnimatePresence as Vn } from "framer-motion";
-var st = { exports: {} }, Oe = {};
+import { useSteps as nn, Box as w, Stepper as rn, Icon as ee, Flex as k, Text as z, Link as K, Button as ht, Image as on, IconButton as ln, theme as X, useMediaQuery as ct, VStack as an, Skeleton as lt, HStack as yt, SkeletonCircle as Ye, DrawerContent as Pt, DrawerOverlay as $t, Drawer as Mt, DrawerHeader as Ht, DrawerBody as Ft, Grid as sn, GridItem as cn, Accordion as un, AccordionItem as dn, AccordionButton as fn, AccordionPanel as pn, InputGroup as hn, Input as gn, InputRightElement as xn, Container as vn, DrawerFooter as bn, DrawerCloseButton as mn, Modal as Cn, ModalOverlay as wn, ModalContent as jn, ModalHeader as yn, ModalBody as En, ModalFooter as kn, ModalCloseButton as Rn } from "@everlywell/ui-kit";
+import Pe, { useEffect as oe, forwardRef as Bt, useRef as _n, useCallback as zt, useState as Z } from "react";
+import { Text as Sn, useBreakpointValue as ye, Box as Tn, InputGroup as Dn, Input as In, InputRightElement as Ln, Icon as On } from "@chakra-ui/react";
+import { CaretRight as Et, MagnifyingGlass as Wt, List as An, Basket as Pn, CaretLeft as $n, X as Nt, User as kt, QrCode as Mn, CaretDown as Hn, ArrowRight as Fn, InstagramLogo as Bn, LinkedinLogo as zn, FacebookLogo as Wn, TiktokLogo as Nn, XLogo as Vn } from "@phosphor-icons/react";
+import { motion as gt, AnimatePresence as Yn } from "framer-motion";
+var ut = { exports: {} }, Oe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,21 +13,21 @@ var st = { exports: {} }, Oe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var yt;
-function Yn() {
-  if (yt) return Oe;
-  yt = 1;
-  var n = Ae, o = Symbol.for("react.element"), s = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function p(v, x, f) {
-    var d, g = {}, w = null, y = null;
-    f !== void 0 && (w = "" + f), x.key !== void 0 && (w = "" + x.key), x.ref !== void 0 && (y = x.ref);
-    for (d in x) a.call(x, d) && !u.hasOwnProperty(d) && (g[d] = x[d]);
-    if (v && v.defaultProps) for (d in x = v.defaultProps, x) g[d] === void 0 && (g[d] = x[d]);
-    return { $$typeof: o, type: v, key: w, ref: y, props: g, _owner: c.current };
+var Rt;
+function Gn() {
+  if (Rt) return Oe;
+  Rt = 1;
+  var n = Pe, o = Symbol.for("react.element"), s = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function p(v, g, d) {
+    var f, x = {}, j = null, R = null;
+    d !== void 0 && (j = "" + d), g.key !== void 0 && (j = "" + g.key), g.ref !== void 0 && (R = g.ref);
+    for (f in g) i.call(g, f) && !u.hasOwnProperty(f) && (x[f] = g[f]);
+    if (v && v.defaultProps) for (f in g = v.defaultProps, g) x[f] === void 0 && (x[f] = g[f]);
+    return { $$typeof: o, type: v, key: j, ref: R, props: x, _owner: c.current };
   }
   return Oe.Fragment = s, Oe.jsx = p, Oe.jsxs = p, Oe;
 }
-var Pe = {};
+var Ae = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -37,54 +37,54 @@ var Pe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Et;
-function Gn() {
-  return Et || (Et = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = Ae, o = Symbol.for("react.element"), s = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), v = Symbol.for("react.context"), x = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), R = Symbol.iterator, O = "@@iterator";
-    function m(e) {
+var _t;
+function Un() {
+  return _t || (_t = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = Pe, o = Symbol.for("react.element"), s = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), v = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), y = Symbol.iterator, _ = "@@iterator";
+    function b(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = R && e[R] || e[O];
+      var r = y && e[y] || e[_];
       return typeof r == "function" ? r : null;
     }
     var F = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function S(e) {
       {
-        for (var r = arguments.length, l = new Array(r > 1 ? r - 1 : 0), h = 1; h < r; h++)
-          l[h - 1] = arguments[h];
-        V("error", e, l);
+        for (var r = arguments.length, a = new Array(r > 1 ? r - 1 : 0), h = 1; h < r; h++)
+          a[h - 1] = arguments[h];
+        W("error", e, a);
       }
     }
-    function V(e, r, l) {
+    function W(e, r, a) {
       {
         var h = F.ReactDebugCurrentFrame, E = h.getStackAddendum();
-        E !== "" && (r += "%s", l = l.concat([E]));
-        var _ = l.map(function(j) {
-          return String(j);
+        E !== "" && (r += "%s", a = a.concat([E]));
+        var D = a.map(function(C) {
+          return String(C);
         });
-        _.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, _);
+        D.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, D);
       }
     }
-    var A = !1, B = !1, M = !1, ee = !1, ie = !1, J;
-    J = Symbol.for("react.module.reference");
-    function T(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === a || e === u || ie || e === c || e === f || e === d || ee || e === y || A || B || M || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === g || e.$$typeof === p || e.$$typeof === v || e.$$typeof === x || // This needs to include all possible module reference object
+    var $ = !1, B = !1, J = !1, te = !1, V = !1, le;
+    le = Symbol.for("react.module.reference");
+    function ae(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === u || V || e === c || e === d || e === f || te || e === R || $ || B || J || typeof e == "object" && e !== null && (e.$$typeof === j || e.$$typeof === x || e.$$typeof === p || e.$$typeof === v || 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 === J || e.getModuleId !== void 0));
+      e.$$typeof === le || e.getModuleId !== void 0));
     }
-    function Y(e, r, l) {
+    function ne(e, r, a) {
       var h = e.displayName;
       if (h)
         return h;
       var E = r.displayName || r.name || "";
-      return E !== "" ? l + "(" + E + ")" : l;
+      return E !== "" ? a + "(" + E + ")" : a;
     }
-    function le(e) {
+    function T(e) {
       return e.displayName || "Context";
     }
-    function z(e) {
+    function L(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -92,7 +92,7 @@ function Gn() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case a:
+        case i:
           return "Fragment";
         case s:
           return "Portal";
@@ -100,28 +100,28 @@ function Gn() {
           return "Profiler";
         case c:
           return "StrictMode";
-        case f:
-          return "Suspense";
         case d:
+          return "Suspense";
+        case f:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case v:
             var r = e;
-            return le(r) + ".Consumer";
+            return T(r) + ".Consumer";
           case p:
-            var l = e;
-            return le(l._context) + ".Provider";
-          case x:
-            return Y(e, e.render, "ForwardRef");
+            var a = e;
+            return T(a._context) + ".Provider";
           case g:
+            return ne(e, e.render, "ForwardRef");
+          case x:
             var h = e.displayName || null;
-            return h !== null ? h : z(e.type) || "Memo";
-          case w: {
-            var E = e, _ = E._payload, j = E._init;
+            return h !== null ? h : L(e.type) || "Memo";
+          case j: {
+            var E = e, D = E._payload, C = E._init;
             try {
-              return z(j(_));
+              return L(C(D));
             } catch {
               return null;
             }
@@ -129,14 +129,14 @@ function Gn() {
         }
       return null;
     }
-    var L = Object.assign, te = 0, ne, $e, Me, _e, Se, ae, Te;
+    var O = Object.assign, q = 0, ie, $e, ge, Me, He, ke, Re;
     function se() {
     }
     se.__reactDisabledLog = !0;
-    function Ge() {
+    function Fe() {
       {
-        if (te === 0) {
-          ne = console.log, $e = console.info, Me = console.warn, _e = console.error, Se = console.group, ae = console.groupCollapsed, Te = console.groupEnd;
+        if (q === 0) {
+          ie = console.log, $e = console.info, ge = console.warn, Me = console.error, He = console.group, ke = console.groupCollapsed, Re = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -153,336 +153,336 @@ function Gn() {
             groupEnd: e
           });
         }
-        te++;
+        q++;
       }
     }
-    function Ue() {
+    function ce() {
       {
-        if (te--, te === 0) {
+        if (q--, q === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: L({}, e, {
-              value: ne
+            log: O({}, e, {
+              value: ie
             }),
-            info: L({}, e, {
+            info: O({}, e, {
               value: $e
             }),
-            warn: L({}, e, {
-              value: Me
+            warn: O({}, e, {
+              value: ge
             }),
-            error: L({}, e, {
-              value: _e
+            error: O({}, e, {
+              value: Me
             }),
-            group: L({}, e, {
-              value: Se
+            group: O({}, e, {
+              value: He
             }),
-            groupCollapsed: L({}, e, {
-              value: ae
+            groupCollapsed: O({}, e, {
+              value: ke
             }),
-            groupEnd: L({}, e, {
-              value: Te
+            groupEnd: O({}, e, {
+              value: Re
             })
           });
         }
-        te < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        q < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var De = F.ReactCurrentDispatcher, de;
-    function ge(e, r, l) {
+    var _e = F.ReactCurrentDispatcher, Se;
+    function xe(e, r, a) {
       {
-        if (de === void 0)
+        if (Se === void 0)
           try {
             throw Error();
           } catch (E) {
             var h = E.stack.trim().match(/\n( *(at )?)/);
-            de = h && h[1] || "";
+            Se = h && h[1] || "";
           }
         return `
-` + de + e;
+` + Se + e;
       }
     }
-    var xe = !1, ce;
+    var ue = !1, ve;
     {
-      var Ze = typeof WeakMap == "function" ? WeakMap : Map;
-      ce = new Ze();
+      var Be = typeof WeakMap == "function" ? WeakMap : Map;
+      ve = new Be();
     }
-    function He(e, r) {
-      if (!e || xe)
+    function be(e, r) {
+      if (!e || ue)
         return "";
       {
-        var l = ce.get(e);
-        if (l !== void 0)
-          return l;
+        var a = ve.get(e);
+        if (a !== void 0)
+          return a;
       }
       var h;
-      xe = !0;
+      ue = !0;
       var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var _;
-      _ = De.current, De.current = null, Ge();
+      var D;
+      D = _e.current, _e.current = null, Fe();
       try {
         if (r) {
-          var j = function() {
+          var C = function() {
             throw Error();
           };
-          if (Object.defineProperty(j.prototype, "props", {
+          if (Object.defineProperty(C.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(j, []);
-            } catch (G) {
-              h = G;
+              Reflect.construct(C, []);
+            } catch (Y) {
+              h = Y;
             }
-            Reflect.construct(e, [], j);
+            Reflect.construct(e, [], C);
           } else {
             try {
-              j.call();
-            } catch (G) {
-              h = G;
+              C.call();
+            } catch (Y) {
+              h = Y;
             }
-            e.call(j.prototype);
+            e.call(C.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (G) {
-            h = G;
+          } catch (Y) {
+            h = Y;
           }
           e();
         }
-      } catch (G) {
-        if (G && h && typeof G.stack == "string") {
-          for (var b = G.stack.split(`
+      } catch (Y) {
+        if (Y && h && typeof Y.stack == "string") {
+          for (var m = Y.stack.split(`
 `), N = h.stack.split(`
-`), P = b.length - 1, $ = N.length - 1; P >= 1 && $ >= 0 && b[P] !== N[$]; )
-            $--;
-          for (; P >= 1 && $ >= 0; P--, $--)
-            if (b[P] !== N[$]) {
-              if (P !== 1 || $ !== 1)
+`), P = m.length - 1, M = N.length - 1; P >= 1 && M >= 0 && m[P] !== N[M]; )
+            M--;
+          for (; P >= 1 && M >= 0; P--, M--)
+            if (m[P] !== N[M]) {
+              if (P !== 1 || M !== 1)
                 do
-                  if (P--, $--, $ < 0 || b[P] !== N[$]) {
+                  if (P--, M--, M < 0 || m[P] !== N[M]) {
                     var U = `
-` + b[P].replace(" at new ", " at ");
-                    return e.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", e.displayName)), typeof e == "function" && ce.set(e, U), U;
+` + m[P].replace(" at new ", " at ");
+                    return e.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", e.displayName)), typeof e == "function" && ve.set(e, U), U;
                   }
-                while (P >= 1 && $ >= 0);
+                while (P >= 1 && M >= 0);
               break;
             }
         }
       } finally {
-        xe = !1, De.current = _, Ue(), Error.prepareStackTrace = E;
+        ue = !1, _e.current = D, ce(), Error.prepareStackTrace = E;
       }
-      var ye = e ? e.displayName || e.name : "", he = ye ? ge(ye) : "";
-      return typeof e == "function" && ce.set(e, he), he;
+      var je = e ? e.displayName || e.name : "", pe = je ? xe(je) : "";
+      return typeof e == "function" && ve.set(e, pe), pe;
     }
-    function ve(e, r, l) {
-      return He(e, !1);
+    function Ke(e, r, a) {
+      return be(e, !1);
     }
-    function re(e) {
+    function Xe(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function me(e, r, l) {
+    function re(e, r, a) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return He(e, re(e));
+        return be(e, Xe(e));
       if (typeof e == "string")
-        return ge(e);
+        return xe(e);
       switch (e) {
-        case f:
-          return ge("Suspense");
         case d:
-          return ge("SuspenseList");
+          return xe("Suspense");
+        case f:
+          return xe("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case x:
-            return ve(e.render);
           case g:
-            return me(e.type, r, l);
-          case w: {
-            var h = e, E = h._payload, _ = h._init;
+            return Ke(e.render);
+          case x:
+            return re(e.type, r, a);
+          case j: {
+            var h = e, E = h._payload, D = h._init;
             try {
-              return me(_(E), r, l);
+              return re(D(E), r, a);
             } catch {
             }
           }
         }
       return "";
     }
-    var fe = Object.prototype.hasOwnProperty, Fe = {}, be = F.ReactDebugCurrentFrame;
-    function we(e) {
+    var G = Object.prototype.hasOwnProperty, ze = {}, We = F.ReactDebugCurrentFrame;
+    function me(e) {
       if (e) {
-        var r = e._owner, l = me(e.type, e._source, r ? r.type : null);
-        be.setExtraStackFrame(l);
+        var r = e._owner, a = re(e.type, e._source, r ? r.type : null);
+        We.setExtraStackFrame(a);
       } else
-        be.setExtraStackFrame(null);
+        We.setExtraStackFrame(null);
     }
-    function Ke(e, r, l, h, E) {
+    function Te(e, r, a, h, E) {
       {
-        var _ = Function.call.bind(fe);
-        for (var j in e)
-          if (_(e, j)) {
-            var b = void 0;
+        var D = Function.call.bind(G);
+        for (var C in e)
+          if (D(e, C)) {
+            var m = void 0;
             try {
-              if (typeof e[j] != "function") {
-                var N = Error((h || "React class") + ": " + l + " type `" + j + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[j] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof e[C] != "function") {
+                var N = Error((h || "React class") + ": " + a + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw N.name = "Invariant Violation", N;
               }
-              b = e[j](r, j, h, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              m = e[C](r, C, h, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (P) {
-              b = P;
+              m = P;
             }
-            b && !(b instanceof Error) && (we(E), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", h || "React class", l, j, typeof b), we(null)), b instanceof Error && !(b.message in Fe) && (Fe[b.message] = !0, we(E), S("Failed %s type: %s", l, b.message), we(null));
+            m && !(m instanceof Error) && (me(E), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", h || "React class", a, C, typeof m), me(null)), m instanceof Error && !(m.message in ze) && (ze[m.message] = !0, me(E), S("Failed %s type: %s", a, m.message), me(null));
           }
       }
     }
-    var Xe = Array.isArray;
-    function Ie(e) {
-      return Xe(e);
+    var Je = Array.isArray;
+    function De(e) {
+      return Je(e);
     }
-    function Q(e) {
+    function Qe(e) {
       {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, l = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return l;
+        var r = typeof Symbol == "function" && Symbol.toStringTag, a = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return a;
       }
     }
-    function Je(e) {
+    function qe(e) {
       try {
-        return Be(e), !1;
+        return Q(e), !1;
       } catch {
         return !0;
       }
     }
-    function Be(e) {
+    function Q(e) {
       return "" + e;
     }
-    function Le(e) {
-      if (Je(e))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Q(e)), Be(e);
+    function Ne(e) {
+      if (qe(e))
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Qe(e)), Q(e);
     }
-    var ue = F.ReactCurrentOwner, ze = {
+    var de = F.ReactCurrentOwner, Ve = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, i, D, I;
-    I = {};
-    function H(e) {
-      if (fe.call(e, "ref")) {
+    }, Ie, Le, l;
+    l = {};
+    function I(e) {
+      if (G.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function je(e) {
-      if (fe.call(e, "key")) {
+    function A(e) {
+      if (G.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function pe(e, r) {
-      if (typeof e.ref == "string" && ue.current && r && ue.current.stateNode !== r) {
-        var l = z(ue.current.type);
-        I[l] || (S('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', z(ue.current.type), e.ref), I[l] = !0);
+    function H(e, r) {
+      if (typeof e.ref == "string" && de.current && r && de.current.stateNode !== r) {
+        var a = L(de.current.type);
+        l[a] || (S('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', L(de.current.type), e.ref), l[a] = !0);
       }
     }
-    function Qe(e, r) {
+    function Ce(e, r) {
       {
-        var l = function() {
-          i || (i = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+        var a = function() {
+          Ie || (Ie = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
-        l.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: l,
+        a.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: a,
           configurable: !0
         });
       }
     }
-    function Wt(e, r) {
+    function fe(e, r) {
       {
-        var l = function() {
-          D || (D = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+        var a = function() {
+          Le || (Le = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
-        l.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: l,
+        a.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: a,
           configurable: !0
         });
       }
     }
-    var Nt = function(e, r, l, h, E, _, j) {
-      var b = {
+    var et = function(e, r, a, h, E, D, C) {
+      var m = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: o,
         // Built-in properties that belong on the element
         type: e,
         key: r,
-        ref: l,
-        props: j,
+        ref: a,
+        props: C,
         // Record the component responsible for creating this element.
-        _owner: _
+        _owner: D
       };
-      return b._store = {}, Object.defineProperty(b._store, "validated", {
+      return m._store = {}, Object.defineProperty(m._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(b, "_self", {
+      }), Object.defineProperty(m, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: h
-      }), Object.defineProperty(b, "_source", {
+      }), Object.defineProperty(m, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: E
-      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
+      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
     };
-    function Vt(e, r, l, h, E) {
+    function Yt(e, r, a, h, E) {
       {
-        var _, j = {}, b = null, N = null;
-        l !== void 0 && (Le(l), b = "" + l), je(r) && (Le(r.key), b = "" + r.key), H(r) && (N = r.ref, pe(r, E));
-        for (_ in r)
-          fe.call(r, _) && !ze.hasOwnProperty(_) && (j[_] = r[_]);
+        var D, C = {}, m = null, N = null;
+        a !== void 0 && (Ne(a), m = "" + a), A(r) && (Ne(r.key), m = "" + r.key), I(r) && (N = r.ref, H(r, E));
+        for (D in r)
+          G.call(r, D) && !Ve.hasOwnProperty(D) && (C[D] = r[D]);
         if (e && e.defaultProps) {
           var P = e.defaultProps;
-          for (_ in P)
-            j[_] === void 0 && (j[_] = P[_]);
+          for (D in P)
+            C[D] === void 0 && (C[D] = P[D]);
         }
-        if (b || N) {
-          var $ = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          b && Qe(j, $), N && Wt(j, $);
+        if (m || N) {
+          var M = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          m && Ce(C, M), N && fe(C, M);
         }
-        return Nt(e, b, N, E, h, ue.current, j);
+        return et(e, m, N, E, h, de.current, C);
       }
     }
-    var qe = F.ReactCurrentOwner, pt = F.ReactDebugCurrentFrame;
-    function Ce(e) {
+    var tt = F.ReactCurrentOwner, xt = F.ReactDebugCurrentFrame;
+    function we(e) {
       if (e) {
-        var r = e._owner, l = me(e.type, e._source, r ? r.type : null);
-        pt.setExtraStackFrame(l);
+        var r = e._owner, a = re(e.type, e._source, r ? r.type : null);
+        xt.setExtraStackFrame(a);
       } else
-        pt.setExtraStackFrame(null);
+        xt.setExtraStackFrame(null);
     }
-    var et;
-    et = !1;
-    function tt(e) {
+    var nt;
+    nt = !1;
+    function rt(e) {
       return typeof e == "object" && e !== null && e.$$typeof === o;
     }
-    function ht() {
+    function vt() {
       {
-        if (qe.current) {
-          var e = z(qe.current.type);
+        if (tt.current) {
+          var e = L(tt.current.type);
           if (e)
             return `
 
@@ -491,198 +491,198 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Yt(e) {
+    function Gt(e) {
       return "";
     }
-    var gt = {};
-    function Gt(e) {
+    var bt = {};
+    function Ut(e) {
       {
-        var r = ht();
+        var r = vt();
         if (!r) {
-          var l = typeof e == "string" ? e : e.displayName || e.name;
-          l && (r = `
+          var a = typeof e == "string" ? e : e.displayName || e.name;
+          a && (r = `
 
-Check the top-level render call using <` + l + ">.");
+Check the top-level render call using <` + a + ">.");
         }
         return r;
       }
     }
-    function xt(e, r) {
+    function mt(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var l = Gt(r);
-        if (gt[l])
+        var a = Ut(r);
+        if (bt[a])
           return;
-        gt[l] = !0;
+        bt[a] = !0;
         var h = "";
-        e && e._owner && e._owner !== qe.current && (h = " It was passed a child from " + z(e._owner.type) + "."), Ce(e), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, h), Ce(null);
+        e && e._owner && e._owner !== tt.current && (h = " It was passed a child from " + L(e._owner.type) + "."), we(e), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, h), we(null);
       }
     }
-    function vt(e, r) {
+    function Ct(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (Ie(e))
-          for (var l = 0; l < e.length; l++) {
-            var h = e[l];
-            tt(h) && xt(h, r);
+        if (De(e))
+          for (var a = 0; a < e.length; a++) {
+            var h = e[a];
+            rt(h) && mt(h, r);
           }
-        else if (tt(e))
+        else if (rt(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var E = m(e);
+          var E = b(e);
           if (typeof E == "function" && E !== e.entries)
-            for (var _ = E.call(e), j; !(j = _.next()).done; )
-              tt(j.value) && xt(j.value, r);
+            for (var D = E.call(e), C; !(C = D.next()).done; )
+              rt(C.value) && mt(C.value, r);
         }
       }
     }
-    function Ut(e) {
+    function Zt(e) {
       {
         var r = e.type;
         if (r == null || typeof r == "string")
           return;
-        var l;
+        var a;
         if (typeof r == "function")
-          l = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === x || // Note: Memo only checks outer props here.
+          a = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === g || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === g))
-          l = r.propTypes;
+        r.$$typeof === x))
+          a = r.propTypes;
         else
           return;
-        if (l) {
-          var h = z(r);
-          Ke(l, e.props, "prop", h, e);
-        } else if (r.PropTypes !== void 0 && !et) {
-          et = !0;
-          var E = z(r);
+        if (a) {
+          var h = L(r);
+          Te(a, e.props, "prop", h, e);
+        } else if (r.PropTypes !== void 0 && !nt) {
+          nt = !0;
+          var E = L(r);
           S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
         }
         typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Zt(e) {
+    function Kt(e) {
       {
-        for (var r = Object.keys(e.props), l = 0; l < r.length; l++) {
-          var h = r[l];
+        for (var r = Object.keys(e.props), a = 0; a < r.length; a++) {
+          var h = r[a];
           if (h !== "children" && h !== "key") {
-            Ce(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), Ce(null);
+            we(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), we(null);
             break;
           }
         }
-        e.ref !== null && (Ce(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), Ce(null));
+        e.ref !== null && (we(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), we(null));
       }
     }
-    var mt = {};
-    function bt(e, r, l, h, E, _) {
+    var wt = {};
+    function jt(e, r, a, h, E, D) {
       {
-        var j = T(e);
-        if (!j) {
-          var b = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (b += " 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 N = Yt();
-          N ? b += N : b += ht();
+        var C = ae(e);
+        if (!C) {
+          var m = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (m += " 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 N = Gt();
+          N ? m += N : m += vt();
           var P;
-          e === null ? P = "null" : Ie(e) ? P = "array" : e !== void 0 && e.$$typeof === o ? (P = "<" + (z(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : P = typeof e, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, b);
+          e === null ? P = "null" : De(e) ? P = "array" : e !== void 0 && e.$$typeof === o ? (P = "<" + (L(e.type) || "Unknown") + " />", m = " Did you accidentally export a JSX literal instead of a component?") : P = typeof e, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, m);
         }
-        var $ = Vt(e, r, l, E, _);
-        if ($ == null)
-          return $;
-        if (j) {
+        var M = Yt(e, r, a, E, D);
+        if (M == null)
+          return M;
+        if (C) {
           var U = r.children;
           if (U !== void 0)
             if (h)
-              if (Ie(U)) {
-                for (var ye = 0; ye < U.length; ye++)
-                  vt(U[ye], e);
+              if (De(U)) {
+                for (var je = 0; je < U.length; je++)
+                  Ct(U[je], e);
                 Object.freeze && Object.freeze(U);
               } else
                 S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              vt(U, e);
+              Ct(U, e);
         }
-        if (fe.call(r, "key")) {
-          var he = z(e), G = Object.keys(r).filter(function(en) {
-            return en !== "key";
-          }), nt = G.length > 0 ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!mt[he + nt]) {
-            var qt = G.length > 0 ? "{" + G.join(": ..., ") + ": ...}" : "{}";
+        if (G.call(r, "key")) {
+          var pe = L(e), Y = Object.keys(r).filter(function(tn) {
+            return tn !== "key";
+          }), ot = Y.length > 0 ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!wt[pe + ot]) {
+            var en = Y.length > 0 ? "{" + Y.join(": ..., ") + ": ...}" : "{}";
             S(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, nt, he, qt, he), mt[he + nt] = !0;
+  <%s key={someKey} {...props} />`, ot, pe, en, pe), wt[pe + ot] = !0;
           }
         }
-        return e === a ? Zt($) : Ut($), $;
+        return e === i ? Kt(M) : Zt(M), M;
       }
     }
-    function Kt(e, r, l) {
-      return bt(e, r, l, !0);
+    function Xt(e, r, a) {
+      return jt(e, r, a, !0);
     }
-    function Xt(e, r, l) {
-      return bt(e, r, l, !1);
+    function Jt(e, r, a) {
+      return jt(e, r, a, !1);
     }
-    var Jt = Xt, Qt = Kt;
-    Pe.Fragment = a, Pe.jsx = Jt, Pe.jsxs = Qt;
-  }()), Pe;
+    var Qt = Jt, qt = Xt;
+    Ae.Fragment = i, Ae.jsx = Qt, Ae.jsxs = qt;
+  }()), Ae;
 }
-process.env.NODE_ENV === "production" ? st.exports = Yn() : st.exports = Gn();
-var t = st.exports;
-const ot = 60, kt = 6, Un = (n) => {
+process.env.NODE_ENV === "production" ? ut.exports = Gn() : ut.exports = Un();
+var t = ut.exports;
+const at = 60, St = 6, Zn = (n) => {
   const {
     activeStepIndex: o,
     hideIndicators: s = !1,
-    steps: a,
+    steps: i,
     stepperTheme: c = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
-  } = n, { activeStep: u, setActiveStep: p } = tn({
+  } = n, { activeStep: u, setActiveStep: p } = nn({
     index: o,
-    count: a.length
+    count: i.length
   });
   return oe(() => {
     p(o);
   }, [o, p]), /* @__PURE__ */ t.jsx(
-    C,
+    w,
     { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
-      nn,
+      rn,
       {
         role: "progressbar",
         index: u,
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
-        children: a.map((v, x) => {
-          const f = u === x, d = x === 0, g = x === a.length - 1, w = u > x;
-          let y = `${ot}px`;
-          const R = `calc(100% - ((${ot * (a.length - 1)}px) - (${a.length - 1} * ${kt * 2}px)))`;
-          return f ? y = R : (d || g) && (y = `${ot - kt}px`), /* @__PURE__ */ t.jsx(
-            C,
+        children: i.map((v, g) => {
+          const d = u === g, f = g === 0, x = g === i.length - 1, j = u > g;
+          let R = `${at}px`;
+          const y = `calc(100% - ((${at * (i.length - 1)}px) - (${i.length - 1} * ${St * 2}px)))`;
+          return d ? R = y : (f || x) && (R = `${at - St}px`), /* @__PURE__ */ t.jsx(
+            w,
             {
-              width: y,
-              opacity: w || f ? 1 : 0.2,
-              paddingRight: g ? "0" : "6px",
-              paddingLeft: d ? "0" : "6px",
+              width: R,
+              opacity: j || d ? 1 : 0.2,
+              paddingRight: x ? "0" : "6px",
+              paddingLeft: f ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
               children: /* @__PURE__ */ t.jsx(
-                C,
+                w,
                 {
                   paddingTop: s ? 2 : 5,
                   position: "relative",
                   width: "100%",
                   children: /* @__PURE__ */ t.jsx(
-                    C,
+                    w,
                     {
                       width: "100%",
                       position: "absolute",
                       top: "0",
-                      backgroundColor: w ? c.light : c.base,
+                      backgroundColor: j ? c.light : c.base,
                       height: s ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
@@ -691,60 +691,60 @@ const ot = 60, kt = 6, Un = (n) => {
                 }
               )
             },
-            `step-${x}`
+            `step-${g}`
           );
         })
       }
     ) }
   );
-}, gr = Ae.memo(Un), xr = ({
+}, xr = Pe.memo(Zn), vr = ({
   children: n,
   ...o
 }) => /* @__PURE__ */ t.jsx(
-  _n,
+  Sn,
   { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...o, children: n }
-), Re = (n, o) => {
+), Ee = (n, o) => {
   const s = (n == null ? void 0 : n.startsWith("http")) || (n == null ? void 0 : n.startsWith("mailto"));
   return o && !s ? {
     to: n
   } : {
     href: n
   };
-}, Ne = Mt(
+}, Ge = Bt(
   (n, o) => {
     const {
       label: s,
-      additionalContent: a,
+      additionalContent: i,
       mainTextFontSize: c,
       linkComponent: u,
       href: p,
       forceMobileStyle: v = !1,
-      ...x
-    } = n, f = u || K, d = Re(p, !!u), g = v ? c || "xl" : [c || "xl", null, null, "lg"], w = v ? "xl" : ["xl", null, null, "lg"], y = v ? void 0 : [null, null, null, 1], R = v ? void 0 : [null, null, null, "space-between"], O = v ? "3" : [3, null, null, 0], m = v ? "1px" : ["1px", null, null, "unset"], F = v ? "tints.cream" : ["tints.cream", null, null, "unset"], S = v ? "100%" : ["100%", null, null, "fit-content"], V = v ? "none" : ["none", null, null, "block"], A = v ? "100%" : ["100%", null, null, "auto"], B = v ? "block" : ["block", null, null, "none"];
+      ...g
+    } = n, d = u || K, f = Ee(p, !!u), x = v ? c || "xl" : [c || "xl", null, null, "lg"], j = v ? "xl" : ["xl", null, null, "lg"], R = v ? void 0 : [null, null, null, 1], y = v ? void 0 : [null, null, null, "space-between"], _ = v ? "3" : [3, null, null, 0], b = v ? "1px" : ["1px", null, null, "unset"], F = v ? "tints.cream" : ["tints.cream", null, null, "unset"], S = v ? "100%" : ["100%", null, null, "fit-content"], W = v ? "none" : ["none", null, null, "block"], $ = v ? "100%" : ["100%", null, null, "auto"], B = v ? "block" : ["block", null, null, "none"];
     return /* @__PURE__ */ t.jsxs(
-      C,
+      w,
       {
         ref: o,
-        as: f,
+        as: d,
         display: "flex",
         alignItems: "center",
-        gap: y,
-        justifyContent: R,
-        paddingY: O,
+        gap: R,
+        justifyContent: y,
+        paddingY: _,
         color: "tints.black",
         _hover: { color: "viridian.base", textDecoration: "none" },
-        borderBottom: m,
+        borderBottom: b,
         borderColor: F,
         width: S,
         cursor: "pointer",
-        ...d,
-        ...x,
+        ...f,
+        ...g,
         children: [
           /* @__PURE__ */ t.jsx(
-            q,
+            ee,
             {
-              display: V,
-              as: jt,
+              display: W,
+              as: Et,
               fontSize: "lg",
               color: "viridian.light",
               role: "img",
@@ -754,19 +754,19 @@ const ot = 60, kt = 6, Un = (n) => {
           ),
           /* @__PURE__ */ t.jsxs(
             k,
-            { alignItems: "center", gap: "1", width: A, children: [
+            { alignItems: "center", gap: "1", width: $, children: [
               /* @__PURE__ */ t.jsx(
-                W,
+                z,
                 {
-                  fontSize: g,
+                  fontSize: x,
                   fontWeight: "medium",
                   children: s
                 }
               ),
-              a && (typeof a == "string" ? /* @__PURE__ */ t.jsx(
-                W,
+              i && (typeof i == "string" ? /* @__PURE__ */ t.jsx(
+                z,
                 {
-                  fontSize: w,
+                  fontSize: j,
                   fontWeight: "medium",
                   color: "tints.uiGrey",
                   sx: {
@@ -774,14 +774,14 @@ const ot = 60, kt = 6, Un = (n) => {
                       color: "viridian.base"
                     }
                   },
-                  children: a
+                  children: i
                 }
-              ) : a),
+              ) : i),
               /* @__PURE__ */ t.jsx(
-                q,
+                ee,
                 {
                   display: B,
-                  as: jt,
+                  as: Et,
                   fontSize: "2xl",
                   color: "tints.uiGrey",
                   role: "img",
@@ -795,11 +795,11 @@ const ot = 60, kt = 6, Un = (n) => {
       }
     );
   }
-), Ve = Mt(
+), Ue = Bt(
   (n, o) => {
-    const { children: s, isSelected: a, ...c } = n, u = n.backgroundColor || (a ? "tints.lightCream" : "transparent");
+    const { children: s, isSelected: i, ...c } = n, u = n.backgroundColor || (i ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
-      It,
+      ht,
       {
         ref: o,
         borderRadius: "full",
@@ -830,19 +830,19 @@ const ot = 60, kt = 6, Un = (n) => {
       }
     );
   }
-), Zn = ({
+), Kn = ({
   title: n,
   description: o,
   imageSrc: s,
-  imageElement: a,
+  imageElement: i,
   button: c,
   backgroundColor: u = "viridian.wash",
   onClick: p,
   href: v,
-  linkComponent: x,
-  forceMobileStyle: f = !1
+  linkComponent: g,
+  forceMobileStyle: d = !1
 }) => {
-  const y = x || K, R = Re(v, !!x), O = Ee({
+  const R = g || K, y = Ee(v, !!g), _ = ye({
     base: !1,
     tablet: !1,
     largeTablet: !1,
@@ -851,11 +851,11 @@ const ot = 60, kt = 6, Un = (n) => {
   return /* @__PURE__ */ t.jsxs(
     k,
     {
-      direction: f ? "row" : ["row", null, null, "column"],
+      direction: d ? "row" : ["row", null, null, "column"],
       alignItems: "center",
       borderRadius: "xl",
       overflow: "hidden",
-      height: f ? "80px" : ["80px", null, null, "272px"],
+      height: d ? "80px" : ["80px", null, null, "272px"],
       backgroundColor: u,
       onClick: p,
       "data-testid": "spotlight-card",
@@ -863,30 +863,30 @@ const ot = 60, kt = 6, Un = (n) => {
       transition: "box-shadow 0.2s ease-in-out",
       border: "1px solid",
       borderColor: "transparent",
-      minWidth: f ? "100%" : ["100%", null, null, "320px"],
-      maxWidth: f ? "100%" : ["100%", null, null, "380px"],
+      minWidth: d ? "100%" : ["100%", null, null, "320px"],
+      maxWidth: d ? "100%" : ["100%", null, null, "380px"],
       _hover: {
         boxShadow: "lg",
         textDecoration: "none",
         border: "1px solid",
         borderColor: "tints.white"
       },
-      as: f ? y : O ? k : y,
-      ...f ? R : O ? {} : R,
+      as: d ? R : _ ? k : R,
+      ...d ? y : _ ? {} : y,
       children: [
         /* @__PURE__ */ t.jsx(
-          C,
+          w,
           {
-            width: f ? "72px" : ["72px", null, null, "100%"],
-            height: f ? "100%" : ["100%", null, null, "188px"],
+            width: d ? "72px" : ["72px", null, null, "100%"],
+            height: d ? "100%" : ["100%", null, null, "188px"],
             sx: {
               img: {
-                height: f ? "100%" : O ? "188px" : "100%",
-                objectFit: f ? "cover" : "contain"
+                height: d ? "100%" : _ ? "188px" : "100%",
+                objectFit: d ? "cover" : "contain"
               }
             },
             children: s ? /* @__PURE__ */ t.jsx(
-              rn,
+              on,
               {
                 src: s,
                 objectFit: "cover",
@@ -895,12 +895,12 @@ const ot = 60, kt = 6, Un = (n) => {
                 "data-testid": "spotlight-card-image"
               }
             ) : /* @__PURE__ */ t.jsx(
-              C,
+              w,
               {
-                height: f ? 80 : [80, null, null, 188],
+                height: d ? 80 : [80, null, null, 188],
                 overflow: "hidden",
-                ...f ? { sx: { div: { height: "100%" } } } : {},
-                children: a
+                ...d ? { sx: { div: { height: "100%" } } } : {},
+                children: i
               }
             )
           }
@@ -908,45 +908,45 @@ const ot = 60, kt = 6, Un = (n) => {
         /* @__PURE__ */ t.jsxs(
           k,
           {
-            direction: f ? "column" : ["column", null, null, "row"],
-            justifyContent: f ? void 0 : [null, null, null, "space-between"],
-            alignItems: f ? "left" : ["left", null, null, "center"],
+            direction: d ? "column" : ["column", null, null, "row"],
+            justifyContent: d ? void 0 : [null, null, null, "space-between"],
+            alignItems: d ? "left" : ["left", null, null, "center"],
             padding: "4",
-            height: f ? "80px" : [
+            height: d ? "80px" : [
               "80px",
               null,
               null,
               "84px"
             ],
             width: "100%",
-            bottom: f ? void 0 : [null, null, null, "0"],
-            backgroundColor: f ? void 0 : [null, null, null, `${u}CC`],
-            backdropFilter: f ? void 0 : [null, null, null, "blur(8px)"],
+            bottom: d ? void 0 : [null, null, null, "0"],
+            backgroundColor: d ? void 0 : [null, null, null, `${u}CC`],
+            backdropFilter: d ? void 0 : [null, null, null, "blur(8px)"],
             flex: "1",
-            gap: f ? void 0 : [null, null, null, 3],
+            gap: d ? void 0 : [null, null, null, 3],
             children: [
               /* @__PURE__ */ t.jsxs(
                 k,
                 { direction: "column", justifyContent: "center", height: "100%", children: [
                   /* @__PURE__ */ t.jsx(
-                    W,
+                    z,
                     { fontSize: "lg", fontWeight: "medium", color: "tints.black", children: n }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    W,
+                    z,
                     { fontSize: "sm", color: "tints.darkGrey", children: o }
                   )
                 ] }
               ),
-              f ? null : O ? /* @__PURE__ */ t.jsx(C, { children: c }) : null
+              d ? null : _ ? /* @__PURE__ */ t.jsx(w, { children: c }) : null
             ]
           }
         )
       ]
     }
   );
-}, ke = (n) => /* @__PURE__ */ t.jsx(
-  on,
+}, he = (n) => /* @__PURE__ */ t.jsx(
+  ln,
   {
     size: "sm",
     width: ["40px", null, null, "46px"],
@@ -966,11 +966,11 @@ const ot = 60, kt = 6, Un = (n) => {
     },
     ...n
   }
-), zt = ({
+), Vt = ({
   color: n = X.colors.viridian.base,
   width: o
 }) => /* @__PURE__ */ t.jsx(
-  Sn,
+  Tn,
   {
     as: "svg",
     width: o,
@@ -994,38 +994,76 @@ const ot = 60, kt = 6, Un = (n) => {
       ) }
     )
   }
-), Kn = ({
+), Tt = () => /* @__PURE__ */ t.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "eggplant.base",
+    children: [
+      /* @__PURE__ */ t.jsx(
+        "path",
+        {
+          d: "M21.5308 20.4694L16.8368 15.7763C18.1973 14.1429 18.8757 12.0478 18.7309 9.92697C18.5861 7.8061 17.6293 5.82271 16.0593 4.38938C14.4894 2.95605 12.4274 2.18314 10.3021 2.23144C8.17687 2.27974 6.15205 3.14553 4.64888 4.6487C3.14571 6.15187 2.27993 8.17669 2.23163 10.3019C2.18333 12.4272 2.95623 14.4893 4.38956 16.0592C5.82289 17.6291 7.80629 18.586 9.92715 18.7308C12.048 18.8756 14.1431 18.1971 15.7765 16.8366L20.4696 21.5307C20.5393 21.6003 20.622 21.6556 20.713 21.6933C20.8041 21.731 20.9017 21.7505 21.0002 21.7505C21.0988 21.7505 21.1963 21.731 21.2874 21.6933C21.3784 21.6556 21.4612 21.6003 21.5308 21.5307C21.6005 21.461 21.6558 21.3783 21.6935 21.2872C21.7312 21.1962 21.7506 21.0986 21.7506 21C21.7506 20.9015 21.7312 20.8039 21.6935 20.7129C21.6558 20.6218 21.6005 20.5391 21.5308 20.4694ZM3.75021 10.5C3.75021 9.16501 4.14609 7.85996 4.88779 6.74993C5.62949 5.6399 6.6837 4.77474 7.9171 4.26384C9.1505 3.75295 10.5077 3.61928 11.8171 3.87973C13.1264 4.14018 14.3292 4.78306 15.2732 5.72706C16.2172 6.67106 16.8601 7.8738 17.1205 9.18317C17.381 10.4925 17.2473 11.8497 16.7364 13.0831C16.2255 14.3165 15.3603 15.3708 14.2503 16.1125C13.1403 16.8542 11.8352 17.25 10.5002 17.25C8.71061 17.248 6.99488 16.5363 5.72944 15.2708C4.464 14.0054 3.7522 12.2896 3.75021 10.5Z",
+          fill: "eggplant.base"
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        "path",
+        {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M9.93432 8.99032C9.86202 8.81476 9.55628 8.81476 9.48398 8.99032C8.95816 10.2671 7.93748 11.2877 6.66073 11.8136C6.48517 11.8859 6.48517 12.1916 6.66073 12.2639C7.93745 12.7897 8.95815 13.8103 9.484 15.087C9.55631 15.2626 9.86199 15.2626 9.9343 15.087C10.4601 13.8104 11.4808 12.7897 12.7574 12.2639C12.933 12.1916 12.933 11.8859 12.7574 11.8136C11.4807 11.2877 10.4601 10.267 9.93432 8.99032Z",
+          fill: "eggplant.base"
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        "path",
+        {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M12.4348 6.02138C12.3946 5.92618 12.2266 5.92618 12.1864 6.02138C11.9181 6.65674 11.4092 7.16564 10.7738 7.43399C10.6786 7.4742 10.6786 7.64219 10.7738 7.68239C11.4092 7.95073 11.9181 8.45961 12.1864 9.09493C12.2267 9.19012 12.3946 9.19012 12.4348 9.09493C12.7032 8.45962 13.2121 7.95073 13.8474 7.68238C13.9426 7.64217 13.9426 7.47421 13.8474 7.434C13.212 7.16564 12.7032 6.65672 12.4348 6.02138Z",
+          fill: "eggplant.base"
+        }
+      )
+    ]
+  }
+), Xn = ({
   desktopTopButtons: n,
   kitRegistrationElement: o,
   profileElement: s,
-  cartElement: a,
+  cartElement: i,
   onSearchClick: c,
   onMenuClick: u,
   hasSearch: p = !1,
-  logoLink: v = "https://www.everlywell.com",
-  setTopOffset: x,
-  linkComponent: f,
-  onLogoClick: d
+  onEvaClick: v,
+  hasEvaEnabled: g = !1,
+  logoLink: d = "https://www.everlywell.com",
+  setTopOffset: f,
+  linkComponent: x,
+  onLogoClick: j
 }) => {
-  const g = Rn(null), [w] = at(`(max-width: ${X.breakpoints.mediumTablet})`), [y] = at(`(max-width: ${X.breakpoints.mediumDesktop})`), R = Ht(() => {
-    if (g.current) {
-      const O = g.current.getBoundingClientRect();
-      x(O.bottom);
+  const R = _n(null), [y] = ct(`(max-width: ${X.breakpoints.mediumTablet})`), [_] = ct(`(max-width: ${X.breakpoints.mediumDesktop})`), b = zt(() => {
+    if (R.current) {
+      const F = R.current.getBoundingClientRect();
+      f(F.bottom);
     }
   }, []);
   return oe(() => {
-    R();
-  }, [R]), /* @__PURE__ */ t.jsx(
-    C,
+    b();
+  }, [b]), /* @__PURE__ */ t.jsx(
+    w,
     {
-      ref: g,
+      ref: R,
       paddingY: "4",
-      paddingX: w ? 4 : y ? 6 : 8,
+      paddingX: y ? 4 : _ ? 6 : 8,
       borderBottom: "1px solid",
       borderColor: "tints.lightCream",
       backgroundColor: "tints.white",
       width: "100%",
-      onMouseEnter: R,
+      onMouseEnter: b,
       children: /* @__PURE__ */ t.jsxs(
         k,
         { justifyContent: "space-between", alignItems: "center", children: [
@@ -1033,13 +1071,13 @@ const ot = 60, kt = 6, Un = (n) => {
             k,
             { alignItems: "center", gap: "5", children: [
               /* @__PURE__ */ t.jsx(
-                C,
+                w,
                 {
                   "aria-label": "Go to homepage",
-                  onClick: d,
-                  as: f || K,
-                  ...Re(v, !!f),
-                  children: /* @__PURE__ */ t.jsx(zt, { width: "116px" })
+                  onClick: j,
+                  as: x || K,
+                  ...Ee(d, !!x),
+                  children: /* @__PURE__ */ t.jsx(Vt, { width: "116px" })
                 }
               ),
               /* @__PURE__ */ t.jsx(
@@ -1052,14 +1090,46 @@ const ot = 60, kt = 6, Un = (n) => {
             k,
             { alignItems: "center", gap: "2", children: [
               /* @__PURE__ */ t.jsx(
-                C,
+                w,
                 { display: ["none", null, "none", "none", "none", "block"], children: o }
               ),
-              p ? /* @__PURE__ */ t.jsx(
-                ke,
+              p ? g ? y ? /* @__PURE__ */ t.jsx(
+                he,
                 {
                   "aria-label": "Search",
-                  icon: /* @__PURE__ */ t.jsx(q, { as: Ft }),
+                  icon: /* @__PURE__ */ t.jsx(Tt, {}),
+                  onClick: v,
+                  backgroundColor: "eggplant.wash",
+                  fill: "eggplant.base",
+                  _hover: {
+                    backgroundColor: "eggplant.wash",
+                    filter: "brightness(0.95)"
+                  }
+                }
+              ) : /* @__PURE__ */ t.jsxs(
+                ht,
+                {
+                  height: "48px",
+                  fontSize: "lg",
+                  color: "eggplant.base",
+                  backgroundColor: "eggplant.wash",
+                  _hover: {
+                    backgroundColor: "eggplant.wash",
+                    filter: "brightness(0.95)"
+                  },
+                  fill: "eggplant.base",
+                  gap: 2,
+                  onClick: v,
+                  children: [
+                    /* @__PURE__ */ t.jsx(Tt, {}),
+                    /* @__PURE__ */ t.jsx("span", { children: "Ask or Search" })
+                  ]
+                }
+              ) : /* @__PURE__ */ t.jsx(
+                he,
+                {
+                  "aria-label": "Search",
+                  icon: /* @__PURE__ */ t.jsx(ee, { as: Wt }),
                   onClick: c,
                   backgroundColor: "tints.cream",
                   color: "tints.black",
@@ -1069,35 +1139,38 @@ const ot = 60, kt = 6, Un = (n) => {
                   }
                 }
               ) : null,
-              a,
+              i,
               /* @__PURE__ */ t.jsx(
-                C,
+                w,
                 { display: ["flex", null, null, "flex", "flex", "flex", "none"], children: /* @__PURE__ */ t.jsx(
-                  ke,
+                  he,
                   {
-                    icon: /* @__PURE__ */ t.jsx(On, {}),
+                    icon: /* @__PURE__ */ t.jsx(An, {}),
                     "aria-label": "menu",
                     "data-testid": "menu-button",
                     onClick: u
                   }
                 ) }
               ),
-              /* @__PURE__ */ t.jsx(C, { display: ["none", null, null, "none", "none", "none", "block"], children: s })
+              /* @__PURE__ */ t.jsx(
+                w,
+                { display: ["none", null, null, "none", "none", "none", "block"], children: s }
+              )
             ] }
           )
         ] }
       )
     }
   );
-}, Xn = ({
+}, Jn = ({
   count: n = 0,
   ...o
 }) => /* @__PURE__ */ t.jsxs(
-  C,
+  w,
   { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(ke, { icon: /* @__PURE__ */ t.jsx(Pn, {}), ...o }),
+    /* @__PURE__ */ t.jsx(he, { icon: /* @__PURE__ */ t.jsx(Pn, {}), ...o }),
     n > 0 && /* @__PURE__ */ t.jsx(
-      C,
+      w,
       {
         display: "flex",
         minWidth: "20px",
@@ -1118,13 +1191,13 @@ const ot = 60, kt = 6, Un = (n) => {
       }
     )
   ] }
-), vr = ({
+), br = ({
   numDesktopLinks: n = 5,
   showPromoButton: o = !1
 }) => /* @__PURE__ */ t.jsx(
-  ln,
+  an,
   { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
-    C,
+    w,
     {
       paddingY: 4,
       paddingX: 6,
@@ -1133,9 +1206,9 @@ const ot = 60, kt = 6, Un = (n) => {
       children: /* @__PURE__ */ t.jsxs(
         k,
         { justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ t.jsx(rt, { w: "120px", h: "48px" }),
+          /* @__PURE__ */ t.jsx(lt, { w: "120px", h: "48px" }),
           /* @__PURE__ */ t.jsxs(
-            wt,
+            yt,
             {
               spacing: 8,
               marginLeft: 12,
@@ -1143,17 +1216,17 @@ const ot = 60, kt = 6, Un = (n) => {
               "data-testid": "desktop-nav",
               children: [
                 Array.from({ length: n }).map(
-                  (s, a) => /* @__PURE__ */ t.jsx(rt, { width: "90px", height: "48px" }, a)
+                  (s, i) => /* @__PURE__ */ t.jsx(lt, { width: "90px", height: "48px" }, i)
                 ),
-                o && /* @__PURE__ */ t.jsx(rt, { width: "110px", height: "48px", borderRadius: "full" })
+                o && /* @__PURE__ */ t.jsx(lt, { width: "110px", height: "48px", borderRadius: "full" })
               ]
             }
           ),
           /* @__PURE__ */ t.jsxs(
-            wt,
+            yt,
             { spacing: 4, ml: "auto", children: [
               /* @__PURE__ */ t.jsx(
-                We,
+                Ye,
                 {
                   width: "120px",
                   height: "48px",
@@ -1162,11 +1235,11 @@ const ot = 60, kt = 6, Un = (n) => {
                 }
               ),
               " ",
-              /* @__PURE__ */ t.jsx(We, { width: "48px", height: "48px" }),
+              /* @__PURE__ */ t.jsx(Ye, { width: "48px", height: "48px" }),
               " ",
-              /* @__PURE__ */ t.jsx(We, { width: "48px", height: "48px" }),
+              /* @__PURE__ */ t.jsx(Ye, { width: "48px", height: "48px" }),
               " ",
-              /* @__PURE__ */ t.jsx(We, { width: "48px", height: "48px" }),
+              /* @__PURE__ */ t.jsx(Ye, { width: "48px", height: "48px" }),
               " "
             ] }
           )
@@ -1174,24 +1247,24 @@ const ot = 60, kt = 6, Un = (n) => {
       )
     }
   ) }
-), Jn = (n, o) => {
+), Qn = (n, o) => {
   let s;
-  return (...a) => {
+  return (...i) => {
     s && clearTimeout(s), s = setTimeout(() => {
-      n(...a);
+      n(...i);
     }, o);
   };
-}, it = (n) => n.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), Qn = (n, o) => {
+}, it = (n) => n.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), qn = (n, o) => {
   n.length < o.length && ([n, o] = [o, n]);
-  let s = Array(o.length + 1).fill(0), a = Array(o.length + 1).fill(0);
+  let s = Array(o.length + 1).fill(0), i = Array(o.length + 1).fill(0);
   for (let c = 0; c <= o.length; c++)
     s[c] = c;
   for (let c = 1; c <= n.length; c++) {
-    a[0] = c;
+    i[0] = c;
     for (let u = 1; u <= o.length; u++) {
       const p = n[c - 1] === o[u - 1] ? 0 : 1;
-      a[u] = Math.min(
-        a[u - 1] + 1,
+      i[u] = Math.min(
+        i[u - 1] + 1,
         // Insertion
         s[u] + 1,
         // Deletion
@@ -1199,102 +1272,102 @@ const ot = 60, kt = 6, Un = (n) => {
         // Substitution
       );
     }
-    [s, a] = [a, s];
+    [s, i] = [i, s];
   }
   return s[o.length];
-}, Ye = (n, o, s = 0.6) => {
+}, Ze = (n, o, s = 0.6) => {
   if (n.length <= 3 || o.length <= 3)
     return n.includes(o) || o.includes(n);
-  const a = Qn(n, o), c = Math.max(n.length, o.length);
-  return 1 - a / c >= s;
-}, Rt = (n, o) => {
+  const i = qn(n, o), c = Math.max(n.length, o.length);
+  return 1 - i / c >= s;
+}, Dt = (n, o) => {
   const s = n.split(/\s+/);
-  return o.length <= 4 ? s.some((a) => a.includes(o)) : s.some((a) => {
-    if (Ye(a, o))
+  return o.length <= 4 ? s.some((i) => i.includes(o)) : s.some((i) => {
+    if (Ze(i, o))
       return !0;
-    if (a.length >= o.length)
-      for (let c = 0; c <= a.length - o.length; c++) {
-        const u = a.slice(c, c + o.length + 1);
-        if (Ye(o, u))
+    if (i.length >= o.length)
+      for (let c = 0; c <= i.length - o.length; c++) {
+        const u = i.slice(c, c + o.length + 1);
+        if (Ze(o, u))
           return !0;
       }
     return !1;
   });
-}, ct = "nav-drawer-hover", ut = "nav-drawer-animation-start", dt = "nav-drawer-animation-end", _t = (n) => {
+}, dt = "nav-drawer-hover", ft = "nav-drawer-animation-start", pt = "nav-drawer-animation-end", It = (n) => {
   window.dispatchEvent(
-    new CustomEvent(ct, {
+    new CustomEvent(dt, {
       detail: { isHovering: n },
       bubbles: !0,
       cancelable: !0
     })
   );
-}, St = (n) => {
+}, Lt = (n) => {
   window.dispatchEvent(
     new CustomEvent(n, {
       bubbles: !0,
       cancelable: !0
     })
   );
-}, qn = (n = !1, o = !1, s = !1) => n || !o ? "column" : s ? "row" : "row-reverse", er = ft(Lt), tr = ft(Ot), lt = ({
+}, er = (n = !1, o = !1, s = !1) => n || !o ? "column" : s ? "row" : "row-reverse", tr = gt(Pt), nr = gt($t), st = ({
   isOpen: n = !1,
   onClose: o,
   title: s,
-  navDrawerLinks: a,
+  navDrawerLinks: i,
   bottomNavButtons: c,
   spotlightCards: u,
   bottomButton: p,
   hasBackButton: v = !0,
-  onBackClick: x,
-  hasOnlySpotlightCards: f = !1,
-  hasSearch: d = !1,
-  onSearch: g = () => ({}),
-  topOffset: w,
-  forceMobilePlacement: y = !1
+  onBackClick: g,
+  hasOnlySpotlightCards: d = !1,
+  hasSearch: f = !1,
+  onSearch: x = () => ({}),
+  topOffset: j,
+  forceMobilePlacement: R = !1
 }) => {
-  var ie, J, T, Y, le, z;
-  const R = Ee({
+  var V, le, ae, ne, T, L;
+  const y = ye({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !0,
     desktop: !0,
     fullDesktop: !0
-  }) ?? !1, O = y ? "right" : R ? "top" : "right", m = O === "right", [F, S] = Z(0), [V, A] = Z(!1), B = () => {
-    S((L) => L + 1);
-  }, M = Ht(
-    Jn((L) => {
-      g(L), B();
+  }) ?? !1, _ = R ? "right" : y ? "top" : "right", b = _ === "right", [F, S] = Z(0), [W, $] = Z(!1), B = () => {
+    S((O) => O + 1);
+  }, J = zt(
+    Qn((O) => {
+      x(O), B();
     }, 100),
     []
   );
   oe(() => {
-    n && (A(!0), St(ut));
+    n && ($(!0), Lt(ft));
   }, [n]);
-  const ee = () => {
-    n || (A(!1), o()), St(dt);
+  const te = () => {
+    n || ($(!1), o()), Lt(pt);
   };
   return /* @__PURE__ */ t.jsx(
-    Pt,
+    Mt,
     {
-      isOpen: V || n,
+      isOpen: W || n,
       closeOnOverlayClick: !0,
       onClose: () => {
-        V && !m || o();
+        W && !b || o();
       },
-      placement: O,
+      placement: _,
       blockScrollOnMount: !1,
       autoFocus: !1,
-      ...m ? {
+      ...b ? {
         styleConfig: {
           baseStyle: {
             ...X.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(J = (ie = X.components.Drawer) == null ? void 0 : ie.baseStyle) == null ? void 0 : J.dialogContainer,
+              ...(le = (V = X.components.Drawer) == null ? void 0 : V.baseStyle) == null ? void 0 : le.dialogContainer,
               // Higher z-index for drawer content to be above overlay and navigation
               zIndex: "popover"
             },
             dialog: {
-              ...(Y = (T = X.components.Drawer) == null ? void 0 : T.baseStyle) == null ? void 0 : Y.dialog,
+              ...(ne = (ae = X.components.Drawer) == null ? void 0 : ae.baseStyle) == null ? void 0 : ne.dialog,
               // Ensure mobile drawer doesn't expand to full width
               maxW: "560px",
               width: "auto"
@@ -1306,9 +1379,9 @@ const ot = 60, kt = 6, Un = (n) => {
           baseStyle: {
             ...X.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(z = (le = X.components.Drawer) == null ? void 0 : le.baseStyle) == null ? void 0 : z.dialogContainer,
+              ...(L = (T = X.components.Drawer) == null ? void 0 : T.baseStyle) == null ? void 0 : L.dialogContainer,
               // Push the drawer down by the top offset on desktop to not cover the top navigation
-              top: `${w}px`,
+              top: `${j}px`,
               // Lower index on desktop to make sure the drawer is below the top navigation
               zIndex: "overlay"
             }
@@ -1316,18 +1389,18 @@ const ot = 60, kt = 6, Un = (n) => {
         }
       },
       children: /* @__PURE__ */ t.jsx(
-        Vn,
+        Yn,
         { children: n ? /* @__PURE__ */ t.jsxs(
           t.Fragment,
           { children: [
             /* @__PURE__ */ t.jsx(
-              tr,
+              nr,
               {
                 backgroundColor: "tints.black",
-                top: m ? "0" : `${w}px`,
-                opacity: m ? "0.4 !important" : void 0,
-                zIndex: m ? "modal" : "overlay",
-                ...m ? {} : {
+                top: b ? "0" : `${j}px`,
+                opacity: b ? "0.4 !important" : void 0,
+                zIndex: b ? "modal" : "overlay",
+                ...b ? {} : {
                   initial: { opacity: 0 },
                   animate: { opacity: 0.4 },
                   exit: { opacity: 0 },
@@ -1340,28 +1413,28 @@ const ot = 60, kt = 6, Un = (n) => {
               }
             ),
             /* @__PURE__ */ t.jsxs(
-              er,
+              tr,
               {
-                onClick: (L) => {
-                  const ne = L.target.closest("a");
-                  ne && ne.href === window.location.href && o();
+                onClick: (O) => {
+                  const ie = O.target.closest("a");
+                  ie && ie.href === window.location.href && o();
                 },
                 onMouseEnter: () => {
-                  m || _t(!0);
+                  b || It(!0);
                 },
-                onMouseLeave: (L) => {
-                  m || (!d || d && (L.target === L.currentTarget || !L.currentTarget.contains(L.target) && !V)) && _t(!1);
+                onMouseLeave: (O) => {
+                  b || (!f || f && (O.target === O.currentTarget || !O.currentTarget.contains(O.target) && !W)) && It(!1);
                 },
                 paddingTop: "4",
-                paddingX: m ? "4" : "12",
+                paddingX: b ? "4" : "12",
                 paddingBottom: "24",
-                overflow: m ? "auto" : "hidden",
+                overflow: b ? "auto" : "hidden",
                 maxHeight: "100vh",
                 position: "relative",
-                top: m ? void 0 : `${w}px !important`,
-                onAnimationComplete: ee,
+                top: b ? void 0 : `${j}px !important`,
+                onAnimationComplete: te,
                 boxShadow: "none",
-                ...m ? {
+                ...b ? {
                   // Mobile drawers should use slide animation, not height expansion
                   initial: !1,
                   animate: !1,
@@ -1373,14 +1446,14 @@ const ot = 60, kt = 6, Un = (n) => {
                   transition: { duration: 0.3 }
                 },
                 children: [
-                  !d && !m ? null : /* @__PURE__ */ t.jsxs(
-                    At,
+                  !f && !b ? null : /* @__PURE__ */ t.jsxs(
+                    Ht,
                     {
                       padding: "0",
-                      flexDirection: d ? "column" : "row",
-                      gap: d ? "4" : "0",
+                      flexDirection: f ? "column" : "row",
+                      gap: f ? "4" : "0",
                       children: [
-                        m ? /* @__PURE__ */ t.jsxs(
+                        b ? /* @__PURE__ */ t.jsxs(
                           k,
                           {
                             width: "100%",
@@ -1388,17 +1461,17 @@ const ot = 60, kt = 6, Un = (n) => {
                             alignItems: "center",
                             children: [
                               v ? /* @__PURE__ */ t.jsx(
-                                ke,
+                                he,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(An, {}),
+                                  icon: /* @__PURE__ */ t.jsx($n, {}),
                                   onClick: () => {
-                                    x && x();
+                                    g && g();
                                   },
                                   "aria-label": "Back"
                                 }
                               ) : null,
                               /* @__PURE__ */ t.jsx(
-                                W,
+                                z,
                                 {
                                   color: "tints.uiGrey",
                                   fontSize: "xl",
@@ -1406,9 +1479,9 @@ const ot = 60, kt = 6, Un = (n) => {
                                 }
                               ),
                               /* @__PURE__ */ t.jsx(
-                                ke,
+                                he,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(Bt, {}),
+                                  icon: /* @__PURE__ */ t.jsx(Nt, {}),
                                   onClick: o,
                                   "aria-label": "Close"
                                 }
@@ -1416,14 +1489,14 @@ const ot = 60, kt = 6, Un = (n) => {
                             ]
                           }
                         ) : null,
-                        d && /* @__PURE__ */ t.jsxs(
-                          Tn,
+                        f && /* @__PURE__ */ t.jsxs(
+                          Dn,
                           { width: "100%", children: [
                             /* @__PURE__ */ t.jsx(
-                              Dn,
+                              In,
                               {
-                                onChange: (L) => {
-                                  M(L.target.value);
+                                onChange: (O) => {
+                                  J(O.target.value);
                                 },
                                 placeholder: "Search",
                                 autoFocus: !0,
@@ -1432,8 +1505,8 @@ const ot = 60, kt = 6, Un = (n) => {
                               }
                             ),
                             /* @__PURE__ */ t.jsx(
-                              In,
-                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(Ln, { as: Ft, color: "gray.500" }) }
+                              Ln,
+                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(On, { as: Wt, color: "gray.500" }) }
                             )
                           ] }
                         )
@@ -1441,15 +1514,15 @@ const ot = 60, kt = 6, Un = (n) => {
                     }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    $t,
+                    Ft,
                     {
                       paddingX: "0",
-                      paddingBottom: m ? "6" : "4",
+                      paddingBottom: b ? "6" : "4",
                       "data-testid": `navbar-drawer-body-${s.toLowerCase()}`,
                       children: /* @__PURE__ */ t.jsxs(
-                        ft.div,
+                        gt.div,
                         {
-                          ...m ? {} : {
+                          ...b ? {} : {
                             initial: { opacity: 0, y: -5 },
                             animate: { opacity: 1, y: 0 },
                             exit: { opacity: 0, y: -5 },
@@ -1466,24 +1539,24 @@ const ot = 60, kt = 6, Un = (n) => {
                           },
                           style: {
                             display: "flex",
-                            flexDirection: qn(
-                              f,
-                              !m,
-                              d
+                            flexDirection: er(
+                              d,
+                              !b,
+                              f
                             ),
                             gap: "24px",
                             justifyContent: "space-between"
                           },
                           children: [
                             u ? /* @__PURE__ */ t.jsx(
-                              C,
+                              w,
                               {
-                                gap: m ? "3" : "6",
+                                gap: b ? "3" : "6",
                                 display: "flex",
-                                justifyContent: m ? void 0 : "center",
+                                justifyContent: b ? void 0 : "center",
                                 sx: {
                                   flexWrap: "wrap",
-                                  flexDirection: m ? "column" : "row"
+                                  flexDirection: b ? "column" : "row"
                                 },
                                 children: u
                               }
@@ -1491,20 +1564,20 @@ const ot = 60, kt = 6, Un = (n) => {
                             /* @__PURE__ */ t.jsxs(
                               k,
                               {
-                                position: m ? void 0 : "relative",
+                                position: b ? void 0 : "relative",
                                 flexDirection: "column",
                                 gap: "6",
-                                width: m ? "100%" : d ? void 0 : "auto",
+                                width: b ? "100%" : f ? void 0 : "auto",
                                 children: [
-                                  a ? /* @__PURE__ */ t.jsx(C, { children: a }) : null,
-                                  c && m ? /* @__PURE__ */ t.jsx(C, { children: c }) : null,
+                                  i ? /* @__PURE__ */ t.jsx(w, { children: i }) : null,
+                                  c && b ? /* @__PURE__ */ t.jsx(w, { children: c }) : null,
                                   p ? /* @__PURE__ */ t.jsx(
-                                    C,
+                                    w,
                                     {
                                       width: "100%",
-                                      position: m ? void 0 : "absolute",
-                                      bottom: m ? void 0 : 0,
-                                      ...m ? { sx: { a: { width: "100%" } } } : {},
+                                      position: b ? void 0 : "absolute",
+                                      bottom: b ? void 0 : 0,
+                                      ...b ? { sx: { a: { width: "100%" } } } : {},
                                       children: p
                                     }
                                   ) : null
@@ -1525,48 +1598,48 @@ const ot = 60, kt = 6, Un = (n) => {
       )
     }
   );
-}, nr = ({
+}, rr = ({
   source: n,
   onSearchCallback: o,
   isActive: s
 }) => {
-  const [a, c] = Z(""), [u, p] = Z([]), v = (d, g) => {
-    if (!d) return [];
-    const y = it(d).split(/\s+/);
-    return g.filter((R) => {
-      const O = it(R.label);
-      if (y.some((A) => Rt(O, A))) return !0;
-      const F = O.split(/\s+/), S = y.some((A) => F.some((B) => B.includes(A) || Ye(A, B))), V = typeof R.additionalContent == "string" && y.some((A) => {
-        const B = it(R.additionalContent);
-        return Rt(B, A) || B.split(/\s+/).some((M) => M.includes(A) || Ye(A, M));
+  const [i, c] = Z(""), [u, p] = Z([]), v = (f, x) => {
+    if (!f) return [];
+    const R = it(f).split(/\s+/);
+    return x.filter((y) => {
+      const _ = it(y.label);
+      if (R.some(($) => Dt(_, $))) return !0;
+      const F = _.split(/\s+/), S = R.some(($) => F.some((B) => B.includes($) || Ze($, B))), W = typeof y.additionalContent == "string" && R.some(($) => {
+        const B = it(y.additionalContent);
+        return Dt(B, $) || B.split(/\s+/).some((J) => J.includes($) || Ze($, J));
       });
-      return S || V;
-    }).sort((R, O) => R.label.localeCompare(O.label));
-  }, x = (d) => {
-    if (c(d), !d) {
+      return S || W;
+    }).sort((y, _) => y.label.localeCompare(_.label));
+  }, g = (f) => {
+    if (c(f), !f) {
       p([]);
       return;
     }
-    const g = v(d, n);
-    p(g), o && o(d, g);
-  }, f = () => {
+    const x = v(f, n);
+    p(x), o && o(f, x);
+  }, d = () => {
     c(""), p([]);
   };
   return oe(() => {
     s || (c(""), p([]));
   }, [s]), {
-    query: a,
+    query: i,
     results: u,
-    handleClose: f,
-    handleSearch: x
+    handleClose: d,
+    handleSearch: g
   };
-}, rr = (n) => {
+}, or = (n) => {
   const o = /* @__PURE__ */ new Set();
-  return n.reduce((s, a) => {
+  return n.reduce((s, i) => {
     var u;
-    const c = ((u = a.sections) == null ? void 0 : u.reduce((p, v) => {
-      const x = v.links.filter((f) => o.has(f.label) || f.isSearchable !== !0 ? !1 : (o.add(f.label), !0));
-      return [...p, ...x];
+    const c = ((u = i.sections) == null ? void 0 : u.reduce((p, v) => {
+      const g = v.links.filter((d) => o.has(d.label) || d.isSearchable !== !0 ? !1 : (o.add(d.label), !0));
+      return [...p, ...g];
     }, [])) ?? [];
     return [...s, ...c];
   }, []);
@@ -1574,52 +1647,54 @@ const ot = 60, kt = 6, Un = (n) => {
   categories: n = [],
   onCartClick: o,
   mainCategoryLabel: s = "Menu",
-  logoLink: a = "https://www.everlywell.com",
+  logoLink: i = "https://www.everlywell.com",
   hasSearch: c = !0,
-  onSearchClick: u,
-  registrationUrl: p,
-  profileUrl: v = "https://secure.everlywell.com/login",
-  mobileBottomButtons: x = [],
-  numberOfCartItems: f = 0,
-  linkComponent: d,
-  onSearchCallback: g,
-  onLinkClick: w,
-  onCategoryOpen: y,
-  onMobileMenuOpen: R,
-  onBackToMainMenu: O,
-  onRegisterKitClick: m,
-  onProfileClick: F,
-  onLogoClick: S,
-  shopAllProductsUrl: V,
-  onShopAllProductsClick: A,
-  hideableButtons: B
+  hasEvaEnabled: u = !1,
+  onEvaClick: p,
+  onSearchClick: v,
+  registrationUrl: g,
+  profileUrl: d = "https://secure.everlywell.com/login",
+  mobileBottomButtons: f = [],
+  numberOfCartItems: x = 0,
+  linkComponent: j,
+  onSearchCallback: R,
+  onLinkClick: y,
+  onCategoryOpen: _,
+  onMobileMenuOpen: b,
+  onBackToMainMenu: F,
+  onRegisterKitClick: S,
+  onProfileClick: W,
+  onLogoClick: $,
+  shopAllProductsUrl: B,
+  onShopAllProductsClick: J,
+  hideableButtons: te
 }) => {
-  var Le, ue, ze;
-  const [M, ee] = Z(!1), [ie, J] = Z(!1), [T, Y] = Z(null), [le, z] = Z(!1), [L, te] = Z(!1), [ne, $e] = Z(0), [Me, _e] = Z(!1), [Se, ae] = Z(!1);
+  var Ve, Ie, Le;
+  const [V, le] = Z(!1), [ae, ne] = Z(!1), [T, L] = Z(null), [O, q] = Z(!1), [ie, $e] = Z(!1), [ge, Me] = Z(0), [He, ke] = Z(!1), [Re, se] = Z(!1);
   oe(() => {
-    const i = () => _e(!0), D = () => _e(!1);
-    return window.addEventListener(ut, i), window.addEventListener(dt, D), () => {
+    const l = () => ke(!0), I = () => ke(!1);
+    return window.addEventListener(ft, l), window.addEventListener(pt, I), () => {
       window.removeEventListener(
-        ut,
-        i
-      ), window.removeEventListener(dt, D);
+        ft,
+        l
+      ), window.removeEventListener(pt, I);
     };
   }, []);
-  const Te = Ee({
+  const Fe = ye({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !0,
     desktop: !0,
     fullDesktop: !0
-  }) ?? !1, se = Ee({
+  }) ?? !1, ce = ye({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !1,
     desktop: !1,
     fullDesktop: !0
-  }) ?? !1, Ge = !se, Ue = Ee({
+  }) ?? !1, _e = !ce, Se = ye({
     base: !0,
     tablet: !0,
     largeTablet: !0,
@@ -1628,228 +1703,228 @@ const ot = 60, kt = 6, Un = (n) => {
     fullDesktop: !1
   }) ?? !0;
   oe(() => {
-    ve(), Y(null);
-  }, [Te]);
+    re(), L(null);
+  }, [Fe]);
   const {
-    query: De,
-    results: de,
-    handleSearch: ge
-  } = nr({
-    source: rr(n),
-    onSearchCallback: g,
-    isActive: ie
-  }), xe = de.length > 0, ce = d || K, Ze = Re(V, !!d), He = De && /* @__PURE__ */ t.jsxs(
+    query: xe,
+    results: ue,
+    handleSearch: ve
+  } = rr({
+    source: or(n),
+    onSearchCallback: R,
+    isActive: ae
+  }), Be = ue.length > 0, be = j || K, Ke = Ee(B, !!j), Xe = xe && /* @__PURE__ */ t.jsxs(
     k,
-    { gap: xe ? "6" : 0, direction: "column", children: [
-      xe ? /* @__PURE__ */ t.jsx(W, { color: "tints.uiGrey", children: `${de.length} Results` }) : /* @__PURE__ */ t.jsxs(
+    { gap: Be ? "6" : 0, direction: "column", children: [
+      Be ? /* @__PURE__ */ t.jsx(z, { color: "tints.uiGrey", children: `${ue.length} Results` }) : /* @__PURE__ */ t.jsxs(
         k,
         { direction: "column", gap: "6", alignItems: "flex-start", children: [
           /* @__PURE__ */ t.jsx(
-            W,
+            z,
             { color: "tints.uiGrey", children: "We didn't find what you were looking for." }
           ),
           /* @__PURE__ */ t.jsx(
-            It,
+            ht,
             {
-              as: ce,
-              onClick: A,
+              as: be,
+              onClick: J,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
-              ...Ze,
+              ...Ke,
               children: "Shop all products"
             }
           )
         ] }
       ),
       /* @__PURE__ */ t.jsx(
-        an,
-        { columns: [1, 1, 1, 4], children: de.map(
-          (i, D) => /* @__PURE__ */ t.jsx(
-            sn,
+        sn,
+        { columns: [1, 1, 1, 4], children: ue.map(
+          (l, I) => /* @__PURE__ */ t.jsx(
+            cn,
             { children: /* @__PURE__ */ t.jsx(
-              Ne,
+              Ge,
               {
-                href: i.href,
-                label: i.label,
-                additionalContent: i == null ? void 0 : i.additionalContent,
-                linkComponent: d,
-                forceMobileStyle: !Te
+                href: l.href,
+                label: l.label,
+                additionalContent: l == null ? void 0 : l.additionalContent,
+                linkComponent: j,
+                forceMobileStyle: !Fe
               }
             ) },
-            `${i.label}-${D}`
+            `${l.label}-${I}`
           )
         ) }
       )
     ] }
-  ), ve = () => {
-    ee(!1), Y(null);
-  }, re = (i) => "href" in i, me = (i) => {
-    re(i) ? w == null || w(i.label) : (ae(M || !se), Y(i));
-  }, fe = (i) => {
-    z(!0), J(!1), Y(null), !re(i) && (i.sections || i.spotlightCards) && (ae(!1), Y(i));
-  }, Fe = () => {
-    z(!1);
+  ), re = () => {
+    le(!1), L(null);
+  }, G = (l) => "href" in l, ze = (l) => {
+    G(l) ? y == null || y(l.label) : (se(V || !ce), L(l));
+  }, We = (l) => {
+    q(!0), ne(!1), L(null), !G(l) && (l.sections || l.spotlightCards) && (se(!1), L(l));
+  }, me = () => {
+    q(!1);
   };
   oe(() => {
-    const i = (D) => {
-      te(D.detail.isHovering);
+    const l = (I) => {
+      $e(I.detail.isHovering);
     };
     return window.addEventListener(
-      ct,
-      i
+      dt,
+      l
     ), () => {
       window.removeEventListener(
-        ct,
-        i
+        dt,
+        l
       );
     };
   }, []), oe(() => {
-    !le && !L && (Y(null), J(!1), !M && se && ae(!1));
-  }, [le, L, M, se]), oe(() => {
-    let i = window.location.href;
-    const D = () => {
+    !O && !ie && (L(null), ne(!1), !V && ce && se(!1));
+  }, [O, ie, V, ce]), oe(() => {
+    let l = window.location.href;
+    const I = () => {
       const H = window.location.href;
-      H !== i && (i = H, ve(), Y(null));
-    }, I = setInterval(D, 100);
-    return window.addEventListener("popstate", D), () => {
-      window.removeEventListener("popstate", D), clearInterval(I);
+      H !== l && (l = H, re(), L(null));
+    }, A = setInterval(I, 100);
+    return window.addEventListener("popstate", I), () => {
+      window.removeEventListener("popstate", I), clearInterval(A);
     };
   }, []);
-  const be = (i) => re(i) && (!i.buttonProps || Object.keys(i.buttonProps).length === 0 || i.buttonProps === void 0), we = n == null ? void 0 : n.map((i, D) => {
-    var H, je;
-    const I = B.includes(i.label);
+  const Te = (l) => G(l) && (!l.buttonProps || Object.keys(l.buttonProps).length === 0 || l.buttonProps === void 0), Je = n == null ? void 0 : n.map((l, I) => {
+    var H, Ce;
+    const A = te.includes(l.label);
     return /* @__PURE__ */ t.jsx(
-      Ve,
+      Ue,
       {
         height: "48px",
         paddingInline: "16px !important",
         onMouseEnter: () => {
-          fe(i), y == null || y(i.label);
+          We(l), _ == null || _(l.label);
         },
-        onMouseLeave: Fe,
-        isSelected: (T == null ? void 0 : T.label) === i.label,
-        as: re(i) && ce ? ce : K,
-        href: re(i) ? i.href : void 0,
-        onClick: re(i) ? () => w == null ? void 0 : w(i.label) : void 0,
-        ...I && {
+        onMouseLeave: me,
+        isSelected: (T == null ? void 0 : T.label) === l.label,
+        as: G(l) && be ? be : K,
+        href: G(l) ? l.href : void 0,
+        onClick: G(l) ? () => y == null ? void 0 : y(l.label) : void 0,
+        ...A && {
           display: { base: "none", fullDesktop: "flex" }
         },
-        ...((H = i == null ? void 0 : i.context) == null ? void 0 : H.desktop) === "link" || be(i) ? {
+        ...((H = l == null ? void 0 : l.context) == null ? void 0 : H.desktop) === "link" || Te(l) ? {
           _hover: {
             backgroundColor: "tints.lightCream",
             textDecoration: "none",
             filter: "brightness(0.95)"
           }
         } : {},
-        ...((je = i == null ? void 0 : i.context) == null ? void 0 : je.desktop) !== "link" && i.buttonProps,
-        children: i.label
+        ...((Ce = l == null ? void 0 : l.context) == null ? void 0 : Ce.desktop) !== "link" && l.buttonProps,
+        children: l.label
       },
-      `${i.label}-${D}`
+      `${l.label}-${I}`
     );
-  }), Ke = (Le = n.filter(
-    (i) => {
-      var D;
-      return ((D = i == null ? void 0 : i.context) == null ? void 0 : D.mobile) === "link" || (!re(i) && i.isMobileTopLink !== !1 || be(i)) && (Ge && B.includes(i.label) || Ue);
+  }), De = (Ve = n.filter(
+    (l) => {
+      var I;
+      return ((I = l == null ? void 0 : l.context) == null ? void 0 : I.mobile) === "link" || (!G(l) && l.isMobileTopLink !== !1 || Te(l)) && (_e && te.includes(l.label) || Se);
     }
-  )) == null ? void 0 : Le.map((i, D) => {
+  )) == null ? void 0 : Ve.map((l, I) => {
     var H;
-    const I = i;
-    return be(I) || ((H = I == null ? void 0 : I.context) == null ? void 0 : H.mobile) === "link" ? /* @__PURE__ */ t.jsx(
-      C,
+    const A = l;
+    return Te(A) || ((H = A == null ? void 0 : A.context) == null ? void 0 : H.mobile) === "link" ? /* @__PURE__ */ t.jsx(
+      w,
       { children: /* @__PURE__ */ t.jsx(
-        Ne,
+        Ge,
         {
-          label: I.label,
+          label: A.label,
           role: "link",
-          href: I.href,
+          href: A.href,
           mainTextFontSize: "3xl",
-          linkComponent: d,
+          linkComponent: j,
           forceMobileStyle: !0
         }
       ) },
-      `${I.label}-${D}`
+      `${A.label}-${I}`
     ) : /* @__PURE__ */ t.jsx(
-      C,
+      w,
       {
         onClick: () => {
-          me(I), y == null || y(I.label);
+          ze(A), _ == null || _(A.label);
         },
         children: /* @__PURE__ */ t.jsx(
-          Ne,
+          Ge,
           {
-            label: I.label,
+            label: A.label,
             role: "link",
-            additionalContent: I.additionalContent,
+            additionalContent: A.additionalContent,
             mainTextFontSize: "3xl",
-            linkComponent: d,
+            linkComponent: j,
             forceMobileStyle: !0
           }
         )
       },
-      `${I.label}-${D}`
+      `${A.label}-${I}`
     );
-  }), Xe = /* @__PURE__ */ t.jsxs(
+  }), Qe = /* @__PURE__ */ t.jsxs(
     t.Fragment,
     { children: [
       /* @__PURE__ */ t.jsx(
-        Ve,
+        Ue,
         {
           as: K,
-          href: v,
+          href: d,
           width: "100%",
           backgroundColor: "tints.cream",
-          onClick: F,
+          onClick: W,
           children: /* @__PURE__ */ t.jsxs(
             k,
             { gap: "2", children: [
               "Log in to My Everly",
-              /* @__PURE__ */ t.jsx(q, { as: Ct, size: 24 })
+              /* @__PURE__ */ t.jsx(ee, { as: kt, size: 24 })
             ] }
           )
         },
         "my-everly"
       ),
       /* @__PURE__ */ t.jsx(
-        Ve,
+        Ue,
         {
           as: K,
           width: "100%",
-          href: p,
+          href: g,
           backgroundColor: "tints.cream",
-          onClick: m,
+          onClick: S,
           children: /* @__PURE__ */ t.jsxs(
             k,
             { gap: "2", children: [
               "Register kit",
-              /* @__PURE__ */ t.jsx(q, { as: $n, size: 24 })
+              /* @__PURE__ */ t.jsx(ee, { as: Mn, size: 24 })
             ] }
           )
         },
         "register-kit"
       )
     ] }
-  ), Ie = /* @__PURE__ */ t.jsxs(
+  ), qe = /* @__PURE__ */ t.jsxs(
     k,
     { gap: "2", flexDirection: "column", children: [
-      x,
-      Xe
+      f,
+      Qe
     ] }
-  ), Q = Se || M, Je = T ? /* @__PURE__ */ t.jsx(
+  ), Q = Re || V, Ne = T ? /* @__PURE__ */ t.jsx(
     k,
-    { direction: Q ? "column" : ["column", null, null, "row"], gap: "8", children: (ue = T == null ? void 0 : T.sections) == null ? void 0 : ue.map((i, D) => {
-      const I = [];
-      for (let H = 0; H < i.links.length; H += 3)
-        I.push(i.links.slice(H, H + 3));
+    { direction: Q ? "column" : ["column", null, null, "row"], gap: "8", children: (Ie = T == null ? void 0 : T.sections) == null ? void 0 : Ie.map((l, I) => {
+      const A = [];
+      for (let H = 0; H < l.links.length; H += 3)
+        A.push(l.links.slice(H, H + 3));
       return /* @__PURE__ */ t.jsxs(
-        C,
+        w,
         { children: [
           /* @__PURE__ */ t.jsx(
-            W,
+            z,
             {
               fontSize: "md",
               color: "tints.uiGrey",
               marginBottom: Q ? 0 : [0, null, null, 6],
-              children: i.title
+              children: l.title
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -1857,145 +1932,147 @@ const ot = 60, kt = 6, Un = (n) => {
             {
               flexDirection: Q ? "column" : ["column", null, null, "row"],
               gap: Q ? void 0 : [null, null, null, 8],
-              children: I == null ? void 0 : I.map(
-                (H, je) => /* @__PURE__ */ t.jsx(
+              children: A == null ? void 0 : A.map(
+                (H, Ce) => /* @__PURE__ */ t.jsx(
                   k,
                   {
                     flexDirection: "column",
                     gap: Q ? void 0 : [null, null, null, 5],
                     marginLeft: Q ? void 0 : [null, null, null, -2],
                     children: H == null ? void 0 : H.map(
-                      (pe, Qe) => /* @__PURE__ */ t.jsx(
-                        Ne,
+                      (fe, et) => /* @__PURE__ */ t.jsx(
+                        Ge,
                         {
-                          label: pe.label,
-                          href: pe.href,
-                          additionalContent: pe.additionalContent,
-                          linkComponent: d,
+                          label: fe.label,
+                          href: fe.href,
+                          additionalContent: fe.additionalContent,
+                          linkComponent: j,
                           forceMobileStyle: Q,
-                          onClick: () => w == null ? void 0 : w(pe.label)
+                          onClick: () => y == null ? void 0 : y(fe.label)
                         },
-                        `${pe.label}-${Qe}`
+                        `${fe.label}-${et}`
                       )
                     )
                   },
-                  je
+                  Ce
                 )
               )
             }
           )
         ] },
-        `${i.title}-${D}`
+        `${l.title}-${I}`
       );
     }) }
-  ) : null, Be = T != null && T.spotlightCards ? (ze = T.spotlightCards) == null ? void 0 : ze.map(
-    (i, D) => /* @__PURE__ */ t.jsx(
-      Zn,
+  ) : null, de = T != null && T.spotlightCards ? (Le = T.spotlightCards) == null ? void 0 : Le.map(
+    (l, I) => /* @__PURE__ */ t.jsx(
+      Kn,
       {
-        ...i,
+        ...l,
         forceMobileStyle: Q
       },
-      `${i.title}-${D}`
+      `${l.title}-${I}`
     )
-  ) : /* @__PURE__ */ t.jsx(C, {});
+  ) : /* @__PURE__ */ t.jsx(w, {});
   return /* @__PURE__ */ t.jsxs(
-    C,
+    w,
     {
       as: "nav",
       "aria-label": "Main navigation",
       position: "sticky",
       top: "0",
       width: "100%",
-      zIndex: ["sticky", null, null, Me ? "modal" : "sticky"],
+      zIndex: ["sticky", null, null, He ? "modal" : "sticky"],
       children: [
         /* @__PURE__ */ t.jsx(
-          Kn,
+          Xn,
           {
-            desktopTopButtons: we,
+            desktopTopButtons: Je,
             kitRegistrationElement: /* @__PURE__ */ t.jsx(
-              Ve,
+              Ue,
               {
                 as: K,
                 height: "48px",
                 paddingInline: "16px !important",
-                href: p,
-                onClick: m,
+                href: g,
+                onClick: S,
                 backgroundColor: "tints.cream",
                 children: "Register Kit"
               }
             ),
             profileElement: /* @__PURE__ */ t.jsx(
               K,
-              { href: v, "aria-label": "login", onClick: F, children: /* @__PURE__ */ t.jsx(ke, { icon: /* @__PURE__ */ t.jsx(q, { as: Ct }), "aria-label": "Profile" }) }
+              { href: d, "aria-label": "login", onClick: W, children: /* @__PURE__ */ t.jsx(he, { icon: /* @__PURE__ */ t.jsx(ee, { as: kt }), "aria-label": "Profile" }) }
             ),
             cartElement: /* @__PURE__ */ t.jsx(
-              Xn,
+              Jn,
               {
                 "aria-label": "Cart",
-                count: f,
+                count: x,
                 onClick: o
               }
             ),
             onSearchClick: () => {
-              J(!ie), u == null || u();
+              ne(!ae), v == null || v();
             },
             onMenuClick: () => {
-              ee(!0), R == null || R();
+              le(!0), b == null || b();
             },
             hasSearch: c,
-            logoLink: a,
-            linkComponent: d,
-            onLogoClick: S,
-            setTopOffset: $e
+            hasEvaEnabled: u,
+            onEvaClick: p,
+            logoLink: i,
+            linkComponent: j,
+            onLogoClick: $,
+            setTopOffset: Me
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          C,
+          w,
           { position: "relative", zIndex: "modal", children: [
             /* @__PURE__ */ t.jsx(
-              lt,
+              st,
               {
-                isOpen: M,
-                onClose: ve,
+                isOpen: V,
+                onClose: re,
                 title: s,
-                navDrawerLinks: Ke,
-                bottomNavButtons: Ie,
+                navDrawerLinks: De,
+                bottomNavButtons: qe,
                 hasBackButton: !1,
-                topOffset: ne,
+                topOffset: ge,
                 forceMobilePlacement: !0
               }
             ),
             /* @__PURE__ */ t.jsx(
-              lt,
+              st,
               {
                 isOpen: !!T,
                 onClose: () => {
-                  ve(), Y(null), M || ae(!1);
+                  re(), L(null), V || se(!1);
                 },
                 title: (T == null ? void 0 : T.label) || "",
-                navDrawerLinks: Je,
+                navDrawerLinks: Ne,
                 onBackClick: () => {
-                  Y(null), M || ae(!1);
+                  L(null), V || se(!1);
                 },
-                spotlightCards: Be,
+                spotlightCards: de,
                 hasOnlySpotlightCards: T == null ? void 0 : T.hasOnlySpotlightCards,
                 bottomButton: T == null ? void 0 : T.bottomButton,
-                topOffset: ne,
-                forceMobilePlacement: Se || M || // Below 1400px, if main menu is open, always use mobile closing
-                M && !se
+                topOffset: ge,
+                forceMobilePlacement: Re || V || // Below 1400px, if main menu is open, always use mobile closing
+                V && !ce
               }
             ),
             /* @__PURE__ */ t.jsx(
-              lt,
+              st,
               {
-                isOpen: ie,
-                onClose: () => J(!1),
+                isOpen: ae,
+                onClose: () => ne(!1),
                 title: "Search",
-                navDrawerLinks: He,
-                onSearch: ge,
+                navDrawerLinks: Xe,
+                onSearch: ve,
                 hasSearch: !0,
                 hasBackButton: !1,
-                topOffset: ne
+                topOffset: ge
               }
             )
           ] }
@@ -2003,46 +2080,46 @@ const ot = 60, kt = 6, Un = (n) => {
       ]
     }
   );
-}, Tt = ({ links: n, linkComponent: o, onLinkClick: s }) => {
-  const a = o || K, c = (u) => {
+}, Ot = ({ links: n, linkComponent: o, onLinkClick: s }) => {
+  const i = o || K, c = (u) => {
     s && s(u);
   };
   return /* @__PURE__ */ t.jsx(
     k,
     { direction: "column", gap: 6, children: n.map(
       (u) => /* @__PURE__ */ t.jsx(
-        W,
+        z,
         {
-          as: a,
+          as: i,
           color: "white",
           size: "lg",
           _hover: { color: "viridian.lighter", textDecoration: "none" },
           onClick: () => c(u.label),
-          ...Re(u.href, !!o),
+          ...Ee(u.href, !!o),
           children: u.label
         },
         u.label
       )
     ) }
   );
-}, or = ({ title: n, links: o, isLast: s }) => {
-  const a = s ? "transparent" : `${X.colors.viridian.lighter}20`;
+}, lr = ({ title: n, links: o, isLast: s }) => {
+  const i = s ? "transparent" : `${X.colors.viridian.lighter}20`;
   return o ? /* @__PURE__ */ t.jsx(
-    un,
-    { borderColor: a, children: ({ isExpanded: c }) => /* @__PURE__ */ t.jsxs(
+    dn,
+    { borderColor: i, children: ({ isExpanded: c }) => /* @__PURE__ */ t.jsxs(
       t.Fragment,
       { children: [
         /* @__PURE__ */ t.jsxs(
-          dn,
+          fn,
           { paddingX: 0, paddingY: 4, _hover: { bg: "transparent" }, children: [
             /* @__PURE__ */ t.jsx(
-              W,
+              z,
               { color: "viridian.lighter", size: "lg", flex: "1", textAlign: "left", children: n }
             ),
             /* @__PURE__ */ t.jsx(
-              q,
+              ee,
               {
-                as: Mn,
+                as: Hn,
                 size: "sm",
                 color: "viridian.lighter",
                 transform: c ? "rotate(-180deg)" : "rotate(0deg)",
@@ -2052,26 +2129,26 @@ const ot = 60, kt = 6, Un = (n) => {
           ] }
         ),
         /* @__PURE__ */ t.jsx(
-          fn,
+          pn,
           { pb: 4, px: 0, children: o }
         )
       ] }
     ) }
   ) : null;
-}, ir = ({ title: n, links: o }) => o ? /* @__PURE__ */ t.jsxs(
-  C,
+}, ar = ({ title: n, links: o }) => o ? /* @__PURE__ */ t.jsxs(
+  w,
   { children: [
     /* @__PURE__ */ t.jsx(
-      W,
+      z,
       { color: "viridian.lighter", mb: 6, fontSize: "lg", children: n }
     ),
     o
   ] }
-) : null, lr = ({
+) : null, ir = ({
   sections: n,
   linkComponent: o,
   onLinkClick: s
-}) => Ee({
+}) => ye({
   base: !1,
   tablet: !1,
   largeTablet: !0,
@@ -2085,11 +2162,11 @@ const ot = 60, kt = 6, Un = (n) => {
       k,
       { gap: 120, children: n.map(
         ({ title: c, links: u }) => /* @__PURE__ */ t.jsx(
-          ir,
+          ar,
           {
             title: c,
             links: /* @__PURE__ */ t.jsx(
-              Tt,
+              Ot,
               {
                 links: u,
                 linkComponent: o,
@@ -2103,7 +2180,7 @@ const ot = 60, kt = 6, Un = (n) => {
     )
   }
 ) : /* @__PURE__ */ t.jsx(
-  cn,
+  un,
   {
     allowMultiple: !0,
     defaultIndex: [0],
@@ -2112,11 +2189,11 @@ const ot = 60, kt = 6, Un = (n) => {
     flexDirection: "column",
     children: n.map(
       ({ title: c, links: u }, p) => /* @__PURE__ */ t.jsx(
-        or,
+        lr,
         {
           title: c,
           links: /* @__PURE__ */ t.jsx(
-            Tt,
+            Ot,
             {
               links: u,
               linkComponent: o,
@@ -2129,42 +2206,42 @@ const ot = 60, kt = 6, Un = (n) => {
       )
     )
   }
-), Dt = {
-  instagram: Fn,
-  linkedin: Bn,
-  facebook: zn,
-  tiktok: Wn,
-  x: Nn
-}, ar = ({
+), At = {
+  instagram: Bn,
+  linkedin: zn,
+  facebook: Wn,
+  tiktok: Nn,
+  x: Vn
+}, sr = ({
   socialLinks: n,
   onEmailSubmit: o,
   socialMediaLabel: s,
-  newsletterLabel: a,
+  newsletterLabel: i,
   onLinkClick: c,
   showNewsletter: u = !0
 }) => {
-  const [p, v] = Ae.useState(""), x = () => {
+  const [p, v] = Pe.useState(""), g = () => {
     p && o && (o(p), v(""));
-  }, f = (g) => {
-    g.key === "Enter" && x();
-  }, d = (g) => {
-    c && c(g);
+  }, d = (x) => {
+    x.key === "Enter" && g();
+  }, f = (x) => {
+    c && c(x);
   };
   return /* @__PURE__ */ t.jsxs(
-    C,
+    w,
     { width: ["100%", null, null, "440px"], children: [
       u && /* @__PURE__ */ t.jsxs(
-        C,
+        w,
         { mb: [8, 10], children: [
           /* @__PURE__ */ t.jsx(
-            W,
-            { color: "viridian.lighter", mb: 6, size: "lg", children: a }
+            z,
+            { color: "viridian.lighter", mb: 6, size: "lg", children: i }
           ),
           /* @__PURE__ */ t.jsxs(
-            pn,
+            hn,
             { children: [
               /* @__PURE__ */ t.jsx(
-                hn,
+                gn,
                 {
                   placeholder: "Enter your email",
                   bg: "transparent",
@@ -2176,22 +2253,22 @@ const ot = 60, kt = 6, Un = (n) => {
                   height: "52px",
                   pr: "48px",
                   value: p,
-                  onChange: (g) => v(g.target.value),
-                  onKeyPress: f
+                  onChange: (x) => v(x.target.value),
+                  onKeyPress: d
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                gn,
+                xn,
                 { h: "52px", pr: 4, children: /* @__PURE__ */ t.jsx(
-                  q,
+                  ee,
                   {
-                    as: Hn,
+                    as: Fn,
                     color: "viridian.lighter",
                     width: "24px",
                     height: "24px",
                     opacity: 0.66,
                     cursor: "pointer",
-                    onClick: x,
+                    onClick: g,
                     "data-testid": "arrow-right-icon",
                     role: "button",
                     "aria-label": "Submit"
@@ -2203,34 +2280,34 @@ const ot = 60, kt = 6, Un = (n) => {
         ] }
       ),
       /* @__PURE__ */ t.jsxs(
-        C,
+        w,
         { children: [
           /* @__PURE__ */ t.jsx(
-            W,
+            z,
             { color: "viridian.lighter", marginBottom: 4, size: "lg", children: s }
           ),
           /* @__PURE__ */ t.jsx(
             k,
             { gap: 3, children: n == null ? void 0 : n.map(
-              (g) => /* @__PURE__ */ t.jsx(
+              (x) => /* @__PURE__ */ t.jsx(
                 K,
                 {
-                  href: g.href,
+                  href: x.href,
                   target: "_blank",
                   rel: "noopener noreferrer",
-                  "aria-label": g.name,
-                  onClick: () => d(g.name),
-                  children: Dt[g.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
-                    q,
+                  "aria-label": x.name,
+                  onClick: () => f(x.name),
+                  children: At[x.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
+                    ee,
                     {
-                      as: Dt[g.name.toLowerCase()],
+                      as: At[x.name.toLowerCase()],
                       color: "white",
                       width: ["48px", null, "24px", null],
                       height: ["48px", null, "24px", null]
                     }
                   )
                 },
-                g.name
+                x.name
               )
             ) }
           )
@@ -2238,23 +2315,23 @@ const ot = 60, kt = 6, Un = (n) => {
       )
     ] }
   );
-}, sr = ({
+}, cr = ({
   links: n,
   linkComponent: o,
   onLinkClick: s
 }) => {
-  const a = o || K, c = (p) => {
+  const i = o || K, c = (p) => {
     s && s(p);
   }, u = n == null ? void 0 : n.map(
     (p) => /* @__PURE__ */ t.jsx(
-      W,
+      z,
       {
-        as: a,
+        as: i,
         color: "viridian.lighter",
         size: "sm",
         _hover: { color: "white", textDecoration: "none" },
         onClick: () => c(p.label),
-        ...Re(p.href, !!o),
+        ...Ee(p.href, !!o),
         children: p.label
       },
       p.label
@@ -2279,7 +2356,7 @@ const ot = 60, kt = 6, Un = (n) => {
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          W,
+          z,
           { color: "viridian.lighter", fontSize: "sm", children: [
             "© Everlywell ",
             (/* @__PURE__ */ new Date()).getFullYear()
@@ -2288,30 +2365,30 @@ const ot = 60, kt = 6, Un = (n) => {
       ]
     }
   );
-}, br = Ae.forwardRef(({
+}, Cr = Pe.forwardRef(({
   navigationSections: n = [],
   disclaimer: o,
   newsletterLabel: s,
-  socialMediaLabel: a,
+  socialMediaLabel: i,
   socialLinks: c,
   complianceLinks: u,
   linkComponent: p,
   onEmailSubmit: v,
-  additionalContent: x,
-  onLinkClick: f,
-  onSocialMediaClick: d,
-  showNewsletter: g = !0
-}, w) => /* @__PURE__ */ t.jsx(
-  C,
-  { as: "footer", bg: "viridian.dark", py: [6, 8], px: [4, 6], ref: w, children: /* @__PURE__ */ t.jsxs(
-    xn,
+  additionalContent: g,
+  onLinkClick: d,
+  onSocialMediaClick: f,
+  showNewsletter: x = !0
+}, j) => /* @__PURE__ */ t.jsx(
+  w,
+  { as: "footer", bg: "viridian.dark", py: [6, 8], px: [4, 6], ref: j, children: /* @__PURE__ */ t.jsxs(
+    vn,
     { size: "fluid", children: [
       /* @__PURE__ */ t.jsxs(
         k,
         { direction: "column", gap: [8, 12], children: [
           /* @__PURE__ */ t.jsx(
-            C,
-            { children: /* @__PURE__ */ t.jsx(zt, { width: ["150px", "202px"], color: "white" }) }
+            w,
+            { children: /* @__PURE__ */ t.jsx(Vt, { width: ["150px", "202px"], color: "white" }) }
           ),
           /* @__PURE__ */ t.jsxs(
             k,
@@ -2322,22 +2399,22 @@ const ot = 60, kt = 6, Un = (n) => {
               gap: [8, 8, 8, 0],
               children: [
                 /* @__PURE__ */ t.jsx(
-                  lr,
+                  ir,
                   {
                     sections: n,
                     linkComponent: p,
-                    onLinkClick: f
+                    onLinkClick: d
                   }
                 ),
                 /* @__PURE__ */ t.jsx(
-                  ar,
+                  sr,
                   {
                     socialLinks: c,
                     newsletterLabel: s,
-                    socialMediaLabel: a,
+                    socialMediaLabel: i,
                     onEmailSubmit: v,
-                    onLinkClick: d,
-                    showNewsletter: g
+                    onLinkClick: f,
+                    showNewsletter: x
                   }
                 )
               ]
@@ -2353,7 +2430,7 @@ const ot = 60, kt = 6, Un = (n) => {
               gap: [6, 6, 0],
               children: [
                 o && /* @__PURE__ */ t.jsx(
-                  W,
+                  z,
                   {
                     color: "viridian.lighter",
                     fontSize: "sm",
@@ -2364,14 +2441,14 @@ const ot = 60, kt = 6, Un = (n) => {
                     }
                   }
                 ),
-                x
+                g
               ]
             }
           )
         ] }
       ),
       /* @__PURE__ */ t.jsx(
-        C,
+        w,
         {
           borderTop: "1px solid",
           borderColor: `${X.colors.viridian.lighter}20`,
@@ -2380,76 +2457,76 @@ const ot = 60, kt = 6, Un = (n) => {
         }
       ),
       /* @__PURE__ */ t.jsx(
-        sr,
+        cr,
         {
           disclaimer: o,
           links: u,
           linkComponent: p,
-          onLinkClick: f
+          onLinkClick: d
         }
       )
     ] }
   ) }
-)), cr = (n) => n ? {
-  Container: Pt,
-  Overlay: Ot,
-  Content: Lt,
-  Header: At,
-  Body: $t,
-  Footer: vn,
+)), ur = (n) => n ? {
+  Container: Mt,
+  Overlay: $t,
+  Content: Pt,
+  Header: Ht,
+  Body: Ft,
+  Footer: bn,
   CloseButton: mn
 } : {
-  Container: bn,
+  Container: Cn,
   Overlay: wn,
   Content: jn,
-  Header: Cn,
-  Body: yn,
-  Footer: En,
-  CloseButton: kn
+  Header: yn,
+  Body: En,
+  Footer: kn,
+  CloseButton: Rn
 }, wr = ({
   isOpen: n,
   onClose: o,
   children: s,
-  header: a,
+  header: i,
   footer: c,
   headerProps: u,
   bodyProps: p,
   footerProps: v,
-  contentProps: x,
-  ...f
+  contentProps: g,
+  ...d
 }) => {
-  var V, A, B, M, ee;
-  const [d] = at(`(max-width: ${X.breakpoints.tablet})`), g = (ee = (M = (B = (A = (V = X) == null ? void 0 : V.components) == null ? void 0 : A.Modal) == null ? void 0 : B.baseStyle) == null ? void 0 : M.overlay) == null ? void 0 : ee.background, {
-    Container: w,
-    Overlay: y,
-    Content: R,
-    Header: O,
-    Body: m,
+  var W, $, B, J, te;
+  const [f] = ct(`(max-width: ${X.breakpoints.tablet})`), x = (te = (J = (B = ($ = (W = X) == null ? void 0 : W.components) == null ? void 0 : $.Modal) == null ? void 0 : B.baseStyle) == null ? void 0 : J.overlay) == null ? void 0 : te.background, {
+    Container: j,
+    Overlay: R,
+    Content: y,
+    Header: _,
+    Body: b,
     Footer: F,
     CloseButton: S
-  } = cr(d);
+  } = ur(f);
   return /* @__PURE__ */ t.jsxs(
-    w,
+    j,
     {
-      ...f,
+      ...d,
       isOpen: n,
       onClose: o,
       size: "xl",
-      ...d ? { placement: "bottom" } : {},
+      ...f ? { placement: "bottom" } : {},
       children: [
-        /* @__PURE__ */ t.jsx(y, { backdropFilter: "auto", backgroundColor: g }),
+        /* @__PURE__ */ t.jsx(R, { backdropFilter: "auto", backgroundColor: x }),
         /* @__PURE__ */ t.jsxs(
-          R,
+          y,
           {
             backgroundColor: "tints.white",
-            borderRadius: d ? "20px 20px 0 0" : "20px",
+            borderRadius: f ? "20px 20px 0 0" : "20px",
             overflowY: "auto",
             gap: 0,
-            ...a && d && { paddingTop: 0 },
-            ...x,
+            ...i && f && { paddingTop: 0 },
+            ...g,
             children: [
               /* @__PURE__ */ t.jsxs(
-                O,
+                _,
                 {
                   display: "flex",
                   width: "100%",
@@ -2463,10 +2540,10 @@ const ot = 60, kt = 6, Un = (n) => {
                   zIndex: "modal",
                   backgroundColor: "tints.white",
                   paddingInline: 4,
-                  ...d ? { paddingBlock: 4 } : { paddingTop: 6, paddingBlockEnd: 2 },
+                  ...f ? { paddingBlock: 4 } : { paddingTop: 6, paddingBlockEnd: 2 },
                   ...u,
                   children: [
-                    a,
+                    i,
                     /* @__PURE__ */ t.jsx(
                       S,
                       {
@@ -2479,14 +2556,14 @@ const ot = 60, kt = 6, Un = (n) => {
                             fontSize: "1rem"
                           }
                         },
-                        children: /* @__PURE__ */ t.jsx(q, { as: Bt, weight: "light" })
+                        children: /* @__PURE__ */ t.jsx(ee, { as: Nt, weight: "light" })
                       }
                     )
                   ]
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                m,
+                b,
                 {
                   color: "tints.darkGrey",
                   paddingInline: 4,
@@ -2503,17 +2580,17 @@ const ot = 60, kt = 6, Un = (n) => {
   );
 };
 export {
-  Xn as BasketButton,
-  xr as CategoryLabel,
+  Jn as BasketButton,
+  vr as CategoryLabel,
   wr as DrawerModal,
-  br as Footer,
-  Ve as NavButton,
-  vr as NavSkeleton,
-  lt as NavbarDrawer,
-  Ne as NavbarDrawerLink,
+  Cr as Footer,
+  Ue as NavButton,
+  br as NavSkeleton,
+  st as NavbarDrawer,
+  Ge as NavbarDrawerLink,
   mr as NavigationBar,
-  Zn as SpotlightCard,
-  gr as Stepper,
-  ke as TopNavIconButton,
-  Kn as TopNavigation
+  Kn as SpotlightCard,
+  xr as Stepper,
+  he as TopNavIconButton,
+  Xn as TopNavigation
 };