@everlywell/consumer-ui 1.43.1 → 1.44.0

package/index.mjs

@@ -1,9 +1,9 @@
-import { useSteps as tn, Box as j, Stepper as nn, Icon as ee, Flex as k, Text as z, Link as X, Button as ht, Image as rn, IconButton as on, theme as K, useMediaQuery as ct, VStack as ln, Skeleton as it, HStack as yt, SkeletonCircle as Ye, DrawerContent as At, DrawerOverlay as Pt, Drawer as $t, DrawerHeader as Mt, DrawerBody as Ht, 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 Cn, ModalContent as wn, ModalHeader as jn, ModalBody as yn, ModalFooter as En, ModalCloseButton as kn } from "@everlywell/ui-kit";
-import Pe, { useEffect as oe, forwardRef as Ft, useRef as Rn, useCallback as Bt, useState as Z } from "react";
-import { Text as _n, useBreakpointValue as je, Box as Sn, InputGroup as Tn, Input as Dn, InputRightElement as In, Icon as Ln } from "@chakra-ui/react";
-import { CaretRight as Et, MagnifyingGlass as zt, List as On, Basket as An, CaretLeft as Pn, X as Wt, User as kt, 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 gt, AnimatePresence as Vn } from "framer-motion";
-var ut = { exports: {} }, Oe = {};
+import { useSteps as qt, Box as y, Stepper as en, Icon as se, Flex as R, Text as F, Link as ee, Button as Lt, Image as tn, IconButton as nn, theme as Z, useMediaQuery as ct, VStack as rn, Skeleton as ot, HStack as yt, SkeletonCircle as Ye, DrawerContent as Mt, DrawerOverlay as At, Drawer as Pt, DrawerHeader as $t, DrawerBody as Bt, Grid as on, GridItem as an, Accordion as ln, AccordionItem as sn, AccordionButton as cn, AccordionPanel as un, InputGroup as dn, Input as fn, InputRightElement as pn, Container as hn, DrawerFooter as gn, DrawerCloseButton as xn, Modal as vn, ModalOverlay as mn, ModalContent as bn, ModalHeader as wn, ModalBody as jn, ModalFooter as Cn, ModalCloseButton as yn } from "@everlywell/ui-kit";
+import Le, { useEffect as re, forwardRef as Ht, useRef as En, useCallback as Ft, useState as K } from "react";
+import { Text as Sn, useBreakpointValue as ye, Box as Rn, InputGroup as kn, Input as _n, InputRightElement as Tn, Icon as Dn } from "@chakra-ui/react";
+import { CaretRight as Et, Basket as In, CaretLeft as On, X as zt, MagnifyingGlass as Ln, User as Mn, QrCode as An, CaretDown as Pn, ArrowRight as $n, InstagramLogo as Bn, LinkedinLogo as Hn, FacebookLogo as Fn, TiktokLogo as zn, XLogo as Wn } from "@phosphor-icons/react";
+import { motion as gt, AnimatePresence as Nn } from "framer-motion";
+var ut = { exports: {} }, Ie = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,21 +13,21 @@ var ut = { 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 Rt;
-function Yn() {
-  if (Rt) return Oe;
-  Rt = 1;
-  var n = Pe, 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 };
+var St;
+function Vn() {
+  if (St) return Ie;
+  St = 1;
+  var n = Le, o = Symbol.for("react.element"), s = Symbol.for("react.fragment"), l = 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 = {}, y = null, R = null;
-    d !== void 0 && (y = "" + d), g.key !== void 0 && (y = "" + g.key), g.ref !== void 0 && (R = g.ref);
-    for (f in g) a.call(g, f) && !u.hasOwnProperty(f) && (x[f] = g[f]);
+    var f, x = {}, j = null, k = null;
+    d !== void 0 && (j = "" + d), g.key !== void 0 && (j = "" + g.key), g.ref !== void 0 && (k = g.ref);
+    for (f in g) l.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: y, ref: R, props: x, _owner: c.current };
+    return { $$typeof: o, type: v, key: j, ref: k, props: x, _owner: c.current };
   }
-  return Oe.Fragment = s, Oe.jsx = p, Oe.jsxs = p, Oe;
+  return Ie.Fragment = s, Ie.jsx = p, Ie.jsxs = p, Ie;
 }
-var Ae = {};
+var Oe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -37,62 +37,62 @@ var Ae = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var _t;
-function Gn() {
-  return _t || (_t = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = Pe, 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"), g = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), b = Symbol.iterator, _ = "@@iterator";
-    function m(e) {
+var Rt;
+function Yn() {
+  return Rt || (Rt = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = Le, o = Symbol.for("react.element"), s = Symbol.for("react.portal"), l = 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"), k = Symbol.for("react.offscreen"), E = Symbol.iterator, I = "@@iterator";
+    function b(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = b && e[b] || e[_];
+      var r = E && e[E] || e[I];
       return typeof r == "function" ? r : null;
     }
-    var F = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function S(e) {
+    var z = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function D(e) {
       {
-        for (var r = arguments.length, l = new Array(r > 1 ? r - 1 : 0), h = 1; h < r; h++)
-          l[h - 1] = arguments[h];
-        W("error", e, l);
+        for (var r = arguments.length, i = new Array(r > 1 ? r - 1 : 0), h = 1; h < r; h++)
+          i[h - 1] = arguments[h];
+        N("error", e, i);
       }
     }
-    function W(e, r, l) {
+    function N(e, r, i) {
       {
-        var h = F.ReactDebugCurrentFrame, E = h.getStackAddendum();
-        E !== "" && (r += "%s", l = l.concat([E]));
-        var D = l.map(function(w) {
+        var h = z.ReactDebugCurrentFrame, C = h.getStackAddendum();
+        C !== "" && (r += "%s", i = i.concat([C]));
+        var T = i.map(function(w) {
           return String(w);
         });
-        D.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, D);
+        T.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, T);
       }
     }
-    var $ = !1, B = !1, J = !1, te = !1, V = !1, ie;
-    ie = Symbol.for("react.module.reference");
-    function le(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === a || e === u || V || e === c || e === d || e === f || te || e === R || $ || B || J || typeof e == "object" && e !== null && (e.$$typeof === y || e.$$typeof === x || e.$$typeof === p || e.$$typeof === v || e.$$typeof === g || // This needs to include all possible module reference object
+    var A = !1, H = !1, X = !1, te = !1, oe = !1, ae;
+    ae = Symbol.for("react.module.reference");
+    function V(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === l || e === u || oe || e === c || e === d || e === f || te || e === k || A || H || X || 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 === ie || e.getModuleId !== void 0));
+      e.$$typeof === ae || e.getModuleId !== void 0));
     }
-    function ne(e, r, l) {
+    function ce(e, r, i) {
       var h = e.displayName;
       if (h)
         return h;
-      var E = r.displayName || r.name || "";
-      return E !== "" ? l + "(" + E + ")" : l;
+      var C = r.displayName || r.name || "";
+      return C !== "" ? i + "(" + C + ")" : i;
     }
-    function T(e) {
+    function J(e) {
       return e.displayName || "Context";
     }
-    function L(e) {
+    function B(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")
+      if (typeof e.tag == "number" && D("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
-        case a:
+        case l:
           return "Fragment";
         case s:
           return "Portal";
@@ -109,19 +109,19 @@ function Gn() {
         switch (e.$$typeof) {
           case v:
             var r = e;
-            return T(r) + ".Consumer";
+            return J(r) + ".Consumer";
           case p:
-            var l = e;
-            return T(l._context) + ".Provider";
+            var i = e;
+            return J(i._context) + ".Provider";
           case g:
-            return ne(e, e.render, "ForwardRef");
+            return ce(e, e.render, "ForwardRef");
           case x:
             var h = e.displayName || null;
-            return h !== null ? h : L(e.type) || "Memo";
-          case y: {
-            var E = e, D = E._payload, w = E._init;
+            return h !== null ? h : B(e.type) || "Memo";
+          case j: {
+            var C = e, T = C._payload, w = C._init;
             try {
-              return L(w(D));
+              return B(w(T));
             } catch {
               return null;
             }
@@ -129,18 +129,18 @@ function Gn() {
         }
       return null;
     }
-    var O = Object.assign, q = 0, ae, $e, he, Me, He, ke, Re;
-    function se() {
+    var _ = Object.assign, S = 0, ie, Se, Re, ke, Me, he, Ae;
+    function Pe() {
     }
-    se.__reactDisabledLog = !0;
-    function Fe() {
+    Pe.__reactDisabledLog = !0;
+    function $e() {
       {
-        if (q === 0) {
-          ae = console.log, $e = console.info, he = console.warn, Me = console.error, He = console.group, ke = console.groupCollapsed, Re = console.groupEnd;
+        if (S === 0) {
+          ie = console.log, Se = console.info, Re = console.warn, ke = console.error, Me = console.group, he = console.groupCollapsed, Ae = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: se,
+            value: Pe,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -153,77 +153,77 @@ function Gn() {
             groupEnd: e
           });
         }
-        q++;
+        S++;
       }
     }
-    function ce() {
+    function Be() {
       {
-        if (q--, q === 0) {
+        if (S--, S === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: O({}, e, {
-              value: ae
+            log: _({}, e, {
+              value: ie
             }),
-            info: O({}, e, {
-              value: $e
+            info: _({}, e, {
+              value: Se
             }),
-            warn: O({}, e, {
-              value: he
+            warn: _({}, e, {
+              value: Re
             }),
-            error: O({}, e, {
-              value: Me
+            error: _({}, e, {
+              value: ke
             }),
-            group: O({}, e, {
-              value: He
+            group: _({}, e, {
+              value: Me
             }),
-            groupCollapsed: O({}, e, {
-              value: ke
+            groupCollapsed: _({}, e, {
+              value: he
             }),
-            groupEnd: O({}, e, {
-              value: Re
+            groupEnd: _({}, e, {
+              value: Ae
             })
           });
         }
-        q < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        S < 0 && D("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var _e = F.ReactCurrentDispatcher, Se;
-    function ge(e, r, l) {
+    var ne = z.ReactCurrentDispatcher, ge;
+    function Q(e, r, i) {
       {
-        if (Se === void 0)
+        if (ge === void 0)
           try {
             throw Error();
-          } catch (E) {
-            var h = E.stack.trim().match(/\n( *(at )?)/);
-            Se = h && h[1] || "";
+          } catch (C) {
+            var h = C.stack.trim().match(/\n( *(at )?)/);
+            ge = h && h[1] || "";
           }
         return `
-` + Se + e;
+` + ge + e;
       }
     }
-    var ue = !1, xe;
+    var _e = !1, xe;
     {
-      var Be = typeof WeakMap == "function" ? WeakMap : Map;
-      xe = new Be();
+      var Ze = typeof WeakMap == "function" ? WeakMap : Map;
+      xe = new Ze();
     }
     function ve(e, r) {
-      if (!e || ue)
+      if (!e || _e)
         return "";
       {
-        var l = xe.get(e);
-        if (l !== void 0)
-          return l;
+        var i = xe.get(e);
+        if (i !== void 0)
+          return i;
       }
       var h;
-      ue = !0;
-      var E = Error.prepareStackTrace;
+      _e = !0;
+      var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var D;
-      D = _e.current, _e.current = null, Fe();
+      var T;
+      T = ne.current, ne.current = null, $e();
       try {
         if (r) {
           var w = function() {
@@ -236,253 +236,253 @@ function Gn() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(w, []);
-            } catch (Y) {
-              h = Y;
+            } catch (U) {
+              h = U;
             }
             Reflect.construct(e, [], w);
           } else {
             try {
               w.call();
-            } catch (Y) {
-              h = Y;
+            } catch (U) {
+              h = U;
             }
             e.call(w.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (Y) {
-            h = Y;
+          } catch (U) {
+            h = U;
           }
           e();
         }
-      } catch (Y) {
-        if (Y && h && typeof Y.stack == "string") {
-          for (var C = Y.stack.split(`
-`), N = h.stack.split(`
-`), P = C.length - 1, M = N.length - 1; P >= 1 && M >= 0 && C[P] !== N[M]; )
-            M--;
-          for (; P >= 1 && M >= 0; P--, M--)
-            if (C[P] !== N[M]) {
-              if (P !== 1 || M !== 1)
+      } catch (U) {
+        if (U && h && typeof U.stack == "string") {
+          for (var m = U.stack.split(`
+`), W = h.stack.split(`
+`), M = m.length - 1, P = W.length - 1; M >= 1 && P >= 0 && m[M] !== W[P]; )
+            P--;
+          for (; M >= 1 && P >= 0; M--, P--)
+            if (m[M] !== W[P]) {
+              if (M !== 1 || P !== 1)
                 do
-                  if (P--, M--, M < 0 || C[P] !== N[M]) {
-                    var U = `
-` + C[P].replace(" at new ", " at ");
-                    return e.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", e.displayName)), typeof e == "function" && xe.set(e, U), U;
+                  if (M--, P--, P < 0 || m[M] !== W[P]) {
+                    var G = `
+` + m[M].replace(" at new ", " at ");
+                    return e.displayName && G.includes("<anonymous>") && (G = G.replace("<anonymous>", e.displayName)), typeof e == "function" && xe.set(e, G), G;
                   }
-                while (P >= 1 && M >= 0);
+                while (M >= 1 && P >= 0);
               break;
             }
         }
       } finally {
-        ue = !1, _e.current = D, ce(), Error.prepareStackTrace = E;
+        _e = !1, ne.current = T, Be(), Error.prepareStackTrace = C;
       }
-      var we = e ? e.displayName || e.name : "", pe = we ? ge(we) : "";
+      var Ce = e ? e.displayName || e.name : "", pe = Ce ? Q(Ce) : "";
       return typeof e == "function" && xe.set(e, pe), pe;
     }
-    function Xe(e, r, l) {
+    function Ke(e, r, i) {
       return ve(e, !1);
     }
-    function Ke(e) {
+    function He(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function re(e, r, l) {
+    function le(e, r, i) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return ve(e, Ke(e));
+        return ve(e, He(e));
       if (typeof e == "string")
-        return ge(e);
+        return Q(e);
       switch (e) {
         case d:
-          return ge("Suspense");
+          return Q("Suspense");
         case f:
-          return ge("SuspenseList");
+          return Q("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case g:
-            return Xe(e.render);
+            return Ke(e.render);
           case x:
-            return re(e.type, r, l);
-          case y: {
-            var h = e, E = h._payload, D = h._init;
+            return le(e.type, r, i);
+          case j: {
+            var h = e, C = h._payload, T = h._init;
             try {
-              return re(D(E), r, l);
+              return le(T(C), r, i);
             } catch {
             }
           }
         }
       return "";
     }
-    var G = Object.prototype.hasOwnProperty, ze = {}, We = F.ReactDebugCurrentFrame;
+    var ue = Object.prototype.hasOwnProperty, Fe = {}, q = z.ReactDebugCurrentFrame;
     function me(e) {
       if (e) {
-        var r = e._owner, l = re(e.type, e._source, r ? r.type : null);
-        We.setExtraStackFrame(l);
+        var r = e._owner, i = le(e.type, e._source, r ? r.type : null);
+        q.setExtraStackFrame(i);
       } else
-        We.setExtraStackFrame(null);
+        q.setExtraStackFrame(null);
     }
-    function Te(e, r, l, h, E) {
+    function Xe(e, r, i, h, C) {
       {
-        var D = Function.call.bind(G);
+        var T = Function.call.bind(ue);
         for (var w in e)
-          if (D(e, w)) {
-            var C = void 0;
+          if (T(e, w)) {
+            var m = void 0;
             try {
               if (typeof e[w] != "function") {
-                var N = Error((h || "React class") + ": " + l + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw N.name = "Invariant Violation", N;
+                var W = Error((h || "React class") + ": " + i + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw W.name = "Invariant Violation", W;
               }
-              C = e[w](r, w, h, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (P) {
-              C = P;
+              m = e[w](r, w, h, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (M) {
+              m = M;
             }
-            C && !(C 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", l, w, typeof C), me(null)), C instanceof Error && !(C.message in ze) && (ze[C.message] = !0, me(E), S("Failed %s type: %s", l, C.message), me(null));
+            m && !(m instanceof Error) && (me(C), D("%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", i, w, typeof m), me(null)), m instanceof Error && !(m.message in Fe) && (Fe[m.message] = !0, me(C), D("Failed %s type: %s", i, m.message), me(null));
           }
       }
     }
     var Je = Array.isArray;
-    function De(e) {
+    function de(e) {
       return Je(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, i = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return i;
       }
     }
     function qe(e) {
       try {
-        return Q(e), !1;
+        return ze(e), !1;
       } catch {
         return !0;
       }
     }
-    function Q(e) {
+    function ze(e) {
       return "" + e;
     }
-    function Ne(e) {
+    function We(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);
+        return D("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Qe(e)), ze(e);
     }
-    var de = F.ReactCurrentOwner, Ve = {
+    var Y = z.ReactCurrentOwner, et = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ie, Le, i;
-    i = {};
-    function I(e) {
-      if (G.call(e, "ref")) {
+    }, Ne, Te, be;
+    be = {};
+    function Ve(e) {
+      if (ue.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function A(e) {
-      if (G.call(e, "key")) {
+    function a(e) {
+      if (ue.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function H(e, r) {
-      if (typeof e.ref == "string" && de.current && r && de.current.stateNode !== r) {
-        var l = L(de.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', L(de.current.type), e.ref), i[l] = !0);
+    function O(e, r) {
+      if (typeof e.ref == "string" && Y.current && r && Y.current.stateNode !== r) {
+        var i = B(Y.current.type);
+        be[i] || (D('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', B(Y.current.type), e.ref), be[i] = !0);
       }
     }
-    function be(e, r) {
+    function L(e, r) {
       {
-        var l = 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));
+        var i = function() {
+          Ne || (Ne = !0, D("%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,
+        i.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: i,
           configurable: !0
         });
       }
     }
-    function fe(e, r) {
+    function $(e, r) {
       {
-        var l = 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));
+        var i = function() {
+          Te || (Te = !0, D("%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,
+        i.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: i,
           configurable: !0
         });
       }
     }
-    var et = function(e, r, l, h, E, D, w) {
-      var C = {
+    var we = function(e, r, i, h, C, T, w) {
+      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,
+        ref: i,
         props: w,
         // Record the component responsible for creating this element.
-        _owner: D
+        _owner: T
       };
-      return C._store = {}, Object.defineProperty(C._store, "validated", {
+      return m._store = {}, Object.defineProperty(m._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(C, "_self", {
+      }), Object.defineProperty(m, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: h
-      }), Object.defineProperty(C, "_source", {
+      }), Object.defineProperty(m, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: E
-      }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
+        value: C
+      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
     };
-    function Vt(e, r, l, h, E) {
+    function fe(e, r, i, h, C) {
       {
-        var D, w = {}, C = null, N = null;
-        l !== void 0 && (Ne(l), C = "" + l), A(r) && (Ne(r.key), C = "" + r.key), I(r) && (N = r.ref, H(r, E));
-        for (D in r)
-          G.call(r, D) && !Ve.hasOwnProperty(D) && (w[D] = r[D]);
+        var T, w = {}, m = null, W = null;
+        i !== void 0 && (We(i), m = "" + i), a(r) && (We(r.key), m = "" + r.key), Ve(r) && (W = r.ref, O(r, C));
+        for (T in r)
+          ue.call(r, T) && !et.hasOwnProperty(T) && (w[T] = r[T]);
         if (e && e.defaultProps) {
-          var P = e.defaultProps;
-          for (D in P)
-            w[D] === void 0 && (w[D] = P[D]);
+          var M = e.defaultProps;
+          for (T in M)
+            w[T] === void 0 && (w[T] = M[T]);
         }
-        if (C || N) {
-          var M = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          C && be(w, M), N && fe(w, M);
+        if (m || W) {
+          var P = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          m && L(w, P), W && $(w, P);
         }
-        return et(e, C, N, E, h, de.current, w);
+        return we(e, m, W, C, h, Y.current, w);
       }
     }
-    var tt = F.ReactCurrentOwner, xt = F.ReactDebugCurrentFrame;
-    function Ce(e) {
+    var De = z.ReactCurrentOwner, xt = z.ReactDebugCurrentFrame;
+    function je(e) {
       if (e) {
-        var r = e._owner, l = re(e.type, e._source, r ? r.type : null);
-        xt.setExtraStackFrame(l);
+        var r = e._owner, i = le(e.type, e._source, r ? r.type : null);
+        xt.setExtraStackFrame(i);
       } else
         xt.setExtraStackFrame(null);
     }
-    var nt;
-    nt = !1;
-    function rt(e) {
+    var tt;
+    tt = !1;
+    function nt(e) {
       return typeof e == "object" && e !== null && e.$$typeof === o;
     }
     function vt() {
       {
-        if (tt.current) {
-          var e = L(tt.current.type);
+        if (De.current) {
+          var e = B(De.current.type);
           if (e)
             return `
 
@@ -491,18 +491,18 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Yt(e) {
+    function Nt(e) {
       return "";
     }
     var mt = {};
-    function Gt(e) {
+    function Vt(e) {
       {
         var r = vt();
         if (!r) {
-          var l = typeof e == "string" ? e : e.displayName || e.name;
-          l && (r = `
+          var i = typeof e == "string" ? e : e.displayName || e.name;
+          i && (r = `
 
-Check the top-level render call using <` + l + ">.");
+Check the top-level render call using <` + i + ">.");
         }
         return r;
       }
@@ -512,177 +512,177 @@ Check the top-level render call using <` + l + ">.");
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var l = Gt(r);
-        if (mt[l])
+        var i = Vt(r);
+        if (mt[i])
           return;
-        mt[l] = !0;
+        mt[i] = !0;
         var h = "";
-        e && e._owner && e._owner !== tt.current && (h = " It was passed a child from " + L(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 !== De.current && (h = " It was passed a child from " + B(e._owner.type) + "."), je(e), D('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, h), je(null);
       }
     }
-    function Ct(e, r) {
+    function wt(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (De(e))
-          for (var l = 0; l < e.length; l++) {
-            var h = e[l];
-            rt(h) && bt(h, r);
+        if (de(e))
+          for (var i = 0; i < e.length; i++) {
+            var h = e[i];
+            nt(h) && bt(h, r);
           }
-        else if (rt(e))
+        else if (nt(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var E = m(e);
-          if (typeof E == "function" && E !== e.entries)
-            for (var D = E.call(e), w; !(w = D.next()).done; )
-              rt(w.value) && bt(w.value, r);
+          var C = b(e);
+          if (typeof C == "function" && C !== e.entries)
+            for (var T = C.call(e), w; !(w = T.next()).done; )
+              nt(w.value) && bt(w.value, r);
         }
       }
     }
-    function Ut(e) {
+    function Yt(e) {
       {
         var r = e.type;
         if (r == null || typeof r == "string")
           return;
-        var l;
+        var i;
         if (typeof r == "function")
-          l = r.propTypes;
+          i = 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 === x))
-          l = r.propTypes;
+          i = r.propTypes;
         else
           return;
-        if (l) {
-          var h = L(r);
-          Te(l, 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");
+        if (i) {
+          var h = B(r);
+          Xe(i, e.props, "prop", h, e);
+        } else if (r.PropTypes !== void 0 && !tt) {
+          tt = !0;
+          var C = B(r);
+          D("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "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.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && D("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Zt(e) {
+    function Ut(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), i = 0; i < r.length; i++) {
+          var h = r[i];
           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);
+            je(e), D("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), je(null);
             break;
           }
         }
-        e.ref !== null && (Ce(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), Ce(null));
+        e.ref !== null && (je(e), D("Invalid attribute `ref` supplied to `React.Fragment`."), je(null));
       }
     }
-    var wt = {};
-    function jt(e, r, l, h, E, D) {
+    var jt = {};
+    function Ct(e, r, i, h, C, T) {
       {
-        var w = le(e);
+        var w = V(e);
         if (!w) {
-          var C = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (C += " 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 ? C += N : C += vt();
-          var P;
-          e === null ? P = "null" : De(e) ? P = "array" : e !== void 0 && e.$$typeof === o ? (P = "<" + (L(e.type) || "Unknown") + " />", C = " 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, 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 W = Nt();
+          W ? m += W : m += vt();
+          var M;
+          e === null ? M = "null" : de(e) ? M = "array" : e !== void 0 && e.$$typeof === o ? (M = "<" + (B(e.type) || "Unknown") + " />", m = " Did you accidentally export a JSX literal instead of a component?") : M = typeof e, D("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", M, m);
         }
-        var M = Vt(e, r, l, E, D);
-        if (M == null)
-          return M;
+        var P = fe(e, r, i, C, T);
+        if (P == null)
+          return P;
         if (w) {
-          var U = r.children;
-          if (U !== void 0)
+          var G = r.children;
+          if (G !== void 0)
             if (h)
-              if (De(U)) {
-                for (var we = 0; we < U.length; we++)
-                  Ct(U[we], e);
-                Object.freeze && Object.freeze(U);
+              if (de(G)) {
+                for (var Ce = 0; Ce < G.length; Ce++)
+                  wt(G[Ce], e);
+                Object.freeze && Object.freeze(G);
               } 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.");
+                D("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
-              Ct(U, e);
+              wt(G, e);
         }
-        if (G.call(r, "key")) {
-          var pe = L(e), Y = Object.keys(r).filter(function(en) {
-            return en !== "key";
-          }), ot = Y.length > 0 ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!wt[pe + ot]) {
-            var qt = Y.length > 0 ? "{" + Y.join(": ..., ") + ": ...}" : "{}";
-            S(`A props object containing a "key" prop is being spread into JSX:
+        if (ue.call(r, "key")) {
+          var pe = B(e), U = Object.keys(r).filter(function(Qt) {
+            return Qt !== "key";
+          }), rt = U.length > 0 ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!jt[pe + rt]) {
+            var Jt = U.length > 0 ? "{" + U.join(": ..., ") + ": ...}" : "{}";
+            D(`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} />`, ot, pe, qt, pe), wt[pe + ot] = !0;
+  <%s key={someKey} {...props} />`, rt, pe, Jt, pe), jt[pe + rt] = !0;
           }
         }
-        return e === a ? Zt(M) : Ut(M), M;
+        return e === l ? Ut(P) : Yt(P), P;
       }
     }
-    function Xt(e, r, l) {
-      return jt(e, r, l, !0);
+    function Gt(e, r, i) {
+      return Ct(e, r, i, !0);
     }
-    function Kt(e, r, l) {
-      return jt(e, r, l, !1);
+    function Zt(e, r, i) {
+      return Ct(e, r, i, !1);
     }
-    var Jt = Kt, Qt = Xt;
-    Ae.Fragment = a, Ae.jsx = Jt, Ae.jsxs = Qt;
-  }()), Ae;
+    var Kt = Zt, Xt = Gt;
+    Oe.Fragment = l, Oe.jsx = Kt, Oe.jsxs = Xt;
+  }()), Oe;
 }
-process.env.NODE_ENV === "production" ? ut.exports = Yn() : ut.exports = Gn();
+process.env.NODE_ENV === "production" ? ut.exports = Vn() : ut.exports = Yn();
 var t = ut.exports;
-const lt = 60, St = 6, Un = (n) => {
+const at = 60, kt = 6, Un = (n) => {
   const {
     activeStepIndex: o,
     hideIndicators: s = !1,
-    steps: a,
+    steps: l,
     stepperTheme: c = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
-  } = n, { activeStep: u, setActiveStep: p } = tn({
+  } = n, { activeStep: u, setActiveStep: p } = qt({
     index: o,
-    count: a.length
+    count: l.length
   });
-  return oe(() => {
+  return re(() => {
     p(o);
   }, [o, p]), /* @__PURE__ */ t.jsx(
-    j,
+    y,
     { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
-      nn,
+      en,
       {
         role: "progressbar",
         index: u,
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
-        children: a.map((v, g) => {
-          const d = u === g, f = g === 0, x = g === a.length - 1, y = u > g;
-          let R = `${lt}px`;
-          const b = `calc(100% - ((${lt * (a.length - 1)}px) - (${a.length - 1} * ${St * 2}px)))`;
-          return d ? R = b : (f || x) && (R = `${lt - St}px`), /* @__PURE__ */ t.jsx(
-            j,
+        children: l.map((v, g) => {
+          const d = u === g, f = g === 0, x = g === l.length - 1, j = u > g;
+          let k = `${at}px`;
+          const E = `calc(100% - ((${at * (l.length - 1)}px) - (${l.length - 1} * ${kt * 2}px)))`;
+          return d ? k = E : (f || x) && (k = `${at - kt}px`), /* @__PURE__ */ t.jsx(
+            y,
             {
-              width: R,
-              opacity: y || d ? 1 : 0.2,
+              width: k,
+              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(
-                j,
+                y,
                 {
                   paddingTop: s ? 2 : 5,
                   position: "relative",
                   width: "100%",
                   children: /* @__PURE__ */ t.jsx(
-                    j,
+                    y,
                     {
                       width: "100%",
                       position: "absolute",
                       top: "0",
-                      backgroundColor: y ? c.light : c.base,
+                      backgroundColor: j ? c.light : c.base,
                       height: s ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
@@ -697,11 +697,11 @@ const lt = 60, St = 6, Un = (n) => {
       }
     ) }
   );
-}, vr = Pe.memo(Un), mr = ({
+}, hr = Le.memo(Un), gr = ({
   children: n,
   ...o
 }) => /* @__PURE__ */ t.jsx(
-  _n,
+  Sn,
   { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...o, children: n }
 ), Ee = (n, o) => {
   const s = (n == null ? void 0 : n.startsWith("http")) || (n == null ? void 0 : n.startsWith("mailto"));
@@ -710,40 +710,40 @@ const lt = 60, St = 6, Un = (n) => {
   } : {
     href: n
   };
-}, Ge = Ft(
+}, Ue = Ht(
   (n, o) => {
     const {
       label: s,
-      additionalContent: a,
+      additionalContent: l,
       mainTextFontSize: c,
       linkComponent: u,
       href: p,
       forceMobileStyle: v = !1,
       ...g
-    } = n, d = u || X, f = Ee(p, !!u), x = v ? c || "xl" : [c || "xl", null, null, "lg"], y = v ? "xl" : ["xl", null, null, "lg"], R = v ? void 0 : [null, null, null, 1], b = v ? void 0 : [null, null, null, "space-between"], _ = 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"], W = v ? "none" : ["none", null, null, "block"], $ = v ? "100%" : ["100%", null, null, "auto"], B = v ? "block" : ["block", null, null, "none"];
+    } = n, d = u || ee, f = Ee(p, !!u), x = v ? c || "xl" : [c || "xl", null, null, "lg"], j = v ? "xl" : ["xl", null, null, "lg"], k = v ? void 0 : [null, null, null, 1], E = v ? void 0 : [null, null, null, "space-between"], I = v ? "3" : [3, null, null, 0], b = v ? "1px" : ["1px", null, null, "unset"], z = v ? "tints.cream" : ["tints.cream", null, null, "unset"], D = v ? "100%" : ["100%", null, null, "fit-content"], N = v ? "none" : ["none", null, null, "block"], A = v ? "100%" : ["100%", null, null, "auto"], H = v ? "block" : ["block", null, null, "none"];
     return /* @__PURE__ */ t.jsxs(
-      j,
+      y,
       {
         ref: o,
         as: d,
         display: "flex",
         alignItems: "center",
-        gap: R,
-        justifyContent: b,
-        paddingY: _,
+        gap: k,
+        justifyContent: E,
+        paddingY: I,
         color: "tints.black",
         _hover: { color: "viridian.base", textDecoration: "none" },
-        borderBottom: m,
-        borderColor: F,
-        width: S,
+        borderBottom: b,
+        borderColor: z,
+        width: D,
         cursor: "pointer",
         ...f,
         ...g,
         children: [
           /* @__PURE__ */ t.jsx(
-            ee,
+            se,
             {
-              display: W,
+              display: N,
               as: Et,
               fontSize: "lg",
               color: "viridian.light",
@@ -753,20 +753,20 @@ const lt = 60, St = 6, Un = (n) => {
             }
           ),
           /* @__PURE__ */ t.jsxs(
-            k,
-            { alignItems: "center", gap: "1", width: $, children: [
+            R,
+            { alignItems: "center", gap: "1", width: A, children: [
               /* @__PURE__ */ t.jsx(
-                z,
+                F,
                 {
                   fontSize: x,
                   fontWeight: "medium",
                   children: s
                 }
               ),
-              a && (typeof a == "string" ? /* @__PURE__ */ t.jsx(
-                z,
+              l && (typeof l == "string" ? /* @__PURE__ */ t.jsx(
+                F,
                 {
-                  fontSize: y,
+                  fontSize: j,
                   fontWeight: "medium",
                   color: "tints.uiGrey",
                   sx: {
@@ -774,13 +774,13 @@ const lt = 60, St = 6, Un = (n) => {
                       color: "viridian.base"
                     }
                   },
-                  children: a
+                  children: l
                 }
-              ) : a),
+              ) : l),
               /* @__PURE__ */ t.jsx(
-                ee,
+                se,
                 {
-                  display: B,
+                  display: H,
                   as: Et,
                   fontSize: "2xl",
                   color: "tints.uiGrey",
@@ -795,11 +795,11 @@ const lt = 60, St = 6, Un = (n) => {
       }
     );
   }
-), Ue = Ft(
+), it = Ht(
   (n, o) => {
-    const { children: s, isSelected: a, ...c } = n, u = n.backgroundColor || (a ? "tints.lightCream" : "transparent");
+    const { children: s, isSelected: l, ...c } = n, u = n.backgroundColor || (l ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
-      ht,
+      Lt,
       {
         ref: o,
         borderRadius: "full",
@@ -830,11 +830,11 @@ const lt = 60, St = 6, Un = (n) => {
       }
     );
   }
-), Zn = ({
+), Gn = ({
   title: n,
   description: o,
   imageSrc: s,
-  imageElement: a,
+  imageElement: l,
   button: c,
   backgroundColor: u = "viridian.wash",
   onClick: p,
@@ -842,14 +842,14 @@ const lt = 60, St = 6, Un = (n) => {
   linkComponent: g,
   forceMobileStyle: d = !1
 }) => {
-  const R = g || X, b = Ee(v, !!g), _ = je({
+  const k = g || ee, E = Ee(v, !!g), I = ye({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
   });
   return /* @__PURE__ */ t.jsxs(
-    k,
+    R,
     {
       direction: d ? "row" : ["row", null, null, "column"],
       alignItems: "center",
@@ -871,22 +871,22 @@ const lt = 60, St = 6, Un = (n) => {
         border: "1px solid",
         borderColor: "tints.white"
       },
-      as: d ? R : _ ? k : R,
-      ...d ? b : _ ? {} : b,
+      as: d ? k : I ? R : k,
+      ...d ? E : I ? {} : E,
       children: [
         /* @__PURE__ */ t.jsx(
-          j,
+          y,
           {
             width: d ? "72px" : ["72px", null, null, "100%"],
             height: d ? "100%" : ["100%", null, null, "188px"],
             sx: {
               img: {
-                height: d ? "100%" : _ ? "188px" : "100%",
+                height: d ? "100%" : I ? "188px" : "100%",
                 objectFit: d ? "cover" : "contain"
               }
             },
             children: s ? /* @__PURE__ */ t.jsx(
-              rn,
+              tn,
               {
                 src: s,
                 objectFit: "cover",
@@ -895,18 +895,18 @@ const lt = 60, St = 6, Un = (n) => {
                 "data-testid": "spotlight-card-image"
               }
             ) : /* @__PURE__ */ t.jsx(
-              j,
+              y,
               {
                 height: d ? 80 : [80, null, null, 188],
                 overflow: "hidden",
                 ...d ? { sx: { div: { height: "100%" } } } : {},
-                children: a
+                children: l
               }
             )
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          k,
+          R,
           {
             direction: d ? "column" : ["column", null, null, "row"],
             justifyContent: d ? void 0 : [null, null, null, "space-between"],
@@ -926,27 +926,27 @@ const lt = 60, St = 6, Un = (n) => {
             gap: d ? void 0 : [null, null, null, 3],
             children: [
               /* @__PURE__ */ t.jsxs(
-                k,
+                R,
                 { direction: "column", justifyContent: "center", height: "100%", children: [
                   /* @__PURE__ */ t.jsx(
-                    z,
+                    F,
                     { fontSize: "lg", fontWeight: "medium", color: "tints.black", children: n }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    z,
+                    F,
                     { fontSize: "sm", color: "tints.darkGrey", children: o }
                   )
                 ] }
               ),
-              d ? null : _ ? /* @__PURE__ */ t.jsx(j, { children: c }) : null
+              d ? null : I ? /* @__PURE__ */ t.jsx(y, { children: c }) : null
             ]
           }
         )
       ]
     }
   );
-}, ye = (n) => /* @__PURE__ */ t.jsx(
-  on,
+}, dt = (n) => /* @__PURE__ */ t.jsx(
+  nn,
   {
     size: "sm",
     width: ["40px", null, null, "46px"],
@@ -966,11 +966,11 @@ const lt = 60, St = 6, Un = (n) => {
     },
     ...n
   }
-), Nt = ({
-  color: n = K.colors.viridian.base,
+), Wt = ({
+  color: n = Z.colors.viridian.base,
   width: o
 }) => /* @__PURE__ */ t.jsx(
-  Sn,
+  Rn,
   {
     as: "svg",
     width: o,
@@ -994,197 +994,72 @@ const lt = 60, St = 6, Un = (n) => {
       ) }
     )
   }
-), Xn = () => /* @__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"
-        }
-      )
-    ]
-  }
-), Kn = {
-  "&::before": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    left: "-100%",
-    width: "100%",
-    height: "100%",
-    background: "linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent)",
-    animation: "shimmer 5s infinite"
-  },
-  "@keyframes shimmer": {
-    "0%": {
-      left: "-100%"
-    },
-    "100%": {
-      left: "100%"
-    }
-  },
-  "&:hover::before": {
-    animation: "shimmer 5s infinite"
-  }
-}, Jn = ({
+), Zn = ({
   desktopTopButtons: n,
-  kitRegistrationElement: o,
-  profileElement: s,
-  cartElement: a,
-  onSearchClick: c,
-  onMenuClick: u,
-  hasSearch: p = !1,
-  onEvaClick: v,
-  hasEvaEnabled: g = !1,
-  logoLink: d = "https://www.everlywell.com",
-  setTopOffset: f,
-  linkComponent: x,
-  onLogoClick: y
+  logoLink: o = "https://www.everlywell.com",
+  setTopOffset: s,
+  linkComponent: l,
+  onLogoClick: c,
+  rightSideButtons: u
 }) => {
-  const R = Rn(null), [b] = ct(`(max-width: ${K.breakpoints.mediumTablet})`), [_] = ct(`(max-width: ${K.breakpoints.mediumDesktop})`), m = Bt(() => {
-    if (R.current) {
-      const F = R.current.getBoundingClientRect();
-      f(F.bottom);
+  const p = En(null), [v] = ct(`(max-width: ${Z.breakpoints.mediumTablet})`), [g] = ct(`(max-width: ${Z.breakpoints.mediumDesktop})`), d = Ft(() => {
+    if (p.current) {
+      const f = p.current.getBoundingClientRect();
+      s(f.bottom);
     }
   }, []);
-  return oe(() => {
-    m();
-  }, [m]), /* @__PURE__ */ t.jsx(
-    j,
+  return re(() => {
+    d();
+  }, [d]), /* @__PURE__ */ t.jsx(
+    y,
     {
-      ref: R,
+      ref: p,
       paddingY: "4",
-      paddingX: b ? 4 : _ ? 6 : 8,
+      paddingX: v ? 4 : g ? 6 : 8,
       borderBottom: "1px solid",
       borderColor: "tints.lightCream",
       backgroundColor: "tints.white",
       width: "100%",
-      onMouseEnter: m,
+      onMouseEnter: d,
       children: /* @__PURE__ */ t.jsxs(
-        k,
+        R,
         { justifyContent: "space-between", alignItems: "center", children: [
           /* @__PURE__ */ t.jsxs(
-            k,
+            R,
             { alignItems: "center", gap: "5", children: [
               /* @__PURE__ */ t.jsx(
-                j,
+                y,
                 {
                   "aria-label": "Go to homepage",
-                  onClick: y,
-                  as: x || X,
-                  ...Ee(d, !!x),
-                  children: /* @__PURE__ */ t.jsx(Nt, { width: "116px" })
+                  onClick: c,
+                  as: l || ee,
+                  ...Ee(o, !!l),
+                  children: /* @__PURE__ */ t.jsx(Wt, { width: "116px" })
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                k,
+                R,
                 { display: ["none", null, "none", "none", "flex", "flex"], children: n }
               )
             ] }
           ),
-          /* @__PURE__ */ t.jsxs(
-            k,
-            { alignItems: "center", gap: "2", children: [
-              /* @__PURE__ */ t.jsx(
-                j,
-                { display: ["none", null, "none", "none", "none", "block"], children: o }
-              ),
-              p ? g ? /* @__PURE__ */ t.jsxs(
-                ht,
-                {
-                  height: b ? "40px" : "48px",
-                  paddingX: b ? "12px !important" : "16px !important",
-                  fontSize: b ? "12px" : "lg",
-                  color: "violet.dark",
-                  backgroundColor: "eggplant.wash",
-                  _hover: {
-                    backgroundColor: "eggplant.wash",
-                    filter: "brightness(0.95)"
-                  },
-                  fill: "eggplant.base",
-                  gap: b ? 1 : 2,
-                  onClick: v,
-                  position: "relative",
-                  overflow: "hidden",
-                  borderRadius: "full",
-                  sx: Kn,
-                  children: [
-                    /* @__PURE__ */ t.jsx(Xn, {}),
-                    /* @__PURE__ */ t.jsx("span", { children: b ? "AI Search" : "Ask or Search" })
-                  ]
-                }
-              ) : /* @__PURE__ */ t.jsx(
-                ye,
-                {
-                  "aria-label": "Search",
-                  icon: /* @__PURE__ */ t.jsx(ee, { as: zt }),
-                  onClick: c,
-                  backgroundColor: "tints.cream",
-                  color: "tints.black",
-                  _hover: {
-                    backgroundColor: "tints.cream",
-                    filter: "brightness(0.95)"
-                  }
-                }
-              ) : null,
-              a,
-              /* @__PURE__ */ t.jsx(
-                j,
-                { display: ["flex", null, null, "flex", "flex", "flex", "none"], children: /* @__PURE__ */ t.jsx(
-                  ye,
-                  {
-                    icon: /* @__PURE__ */ t.jsx(On, {}),
-                    "aria-label": "menu",
-                    "data-testid": "menu-button",
-                    onClick: u
-                  }
-                ) }
-              ),
-              /* @__PURE__ */ t.jsx(
-                j,
-                { display: ["none", null, null, "none", "none", "none", "block"], children: s }
-              )
-            ] }
+          /* @__PURE__ */ t.jsx(
+            R,
+            { alignItems: "center", gap: "2", children: u }
           )
         ] }
       )
     }
   );
-}, Qn = ({
+}, xr = ({
   count: n = 0,
   ...o
 }) => /* @__PURE__ */ t.jsxs(
-  j,
+  y,
   { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(ye, { icon: /* @__PURE__ */ t.jsx(An, {}), ...o }),
+    /* @__PURE__ */ t.jsx(dt, { icon: /* @__PURE__ */ t.jsx(In, {}), ...o }),
     n > 0 && /* @__PURE__ */ t.jsx(
-      j,
+      y,
       {
         display: "flex",
         minWidth: "20px",
@@ -1205,22 +1080,22 @@ const lt = 60, St = 6, Un = (n) => {
       }
     )
   ] }
-), br = ({
+), vr = ({
   numDesktopLinks: n = 5,
   showPromoButton: o = !1
 }) => /* @__PURE__ */ t.jsx(
-  ln,
+  rn,
   { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
-    j,
+    y,
     {
       paddingY: 4,
       paddingX: 6,
       borderBottomWidth: "1px",
       borderColor: "tints.lightCream",
       children: /* @__PURE__ */ t.jsxs(
-        k,
+        R,
         { justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ t.jsx(it, { w: "120px", h: "48px" }),
+          /* @__PURE__ */ t.jsx(ot, { w: "120px", h: "48px" }),
           /* @__PURE__ */ t.jsxs(
             yt,
             {
@@ -1230,9 +1105,9 @@ const lt = 60, St = 6, Un = (n) => {
               "data-testid": "desktop-nav",
               children: [
                 Array.from({ length: n }).map(
-                  (s, a) => /* @__PURE__ */ t.jsx(it, { width: "90px", height: "48px" }, a)
+                  (s, l) => /* @__PURE__ */ t.jsx(ot, { width: "90px", height: "48px" }, l)
                 ),
-                o && /* @__PURE__ */ t.jsx(it, { width: "110px", height: "48px", borderRadius: "full" })
+                o && /* @__PURE__ */ t.jsx(ot, { width: "110px", height: "48px", borderRadius: "full" })
               ]
             }
           ),
@@ -1261,24 +1136,24 @@ const lt = 60, St = 6, Un = (n) => {
       )
     }
   ) }
-), qn = (n, o) => {
+), Kn = (n, o) => {
   let s;
-  return (...a) => {
+  return (...l) => {
     s && clearTimeout(s), s = setTimeout(() => {
-      n(...a);
+      n(...l);
     }, o);
   };
-}, at = (n) => n.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), er = (n, o) => {
+}, lt = (n) => n.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), Xn = (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), l = 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;
+    l[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,
+      l[u] = Math.min(
+        l[u - 1] + 1,
         // Insertion
         s[u] + 1,
         // Deletion
@@ -1286,47 +1161,47 @@ const lt = 60, St = 6, Un = (n) => {
         // Substitution
       );
     }
-    [s, a] = [a, s];
+    [s, l] = [l, s];
   }
   return s[o.length];
-}, Ze = (n, o, s = 0.6) => {
+}, Ge = (n, o, s = 0.6) => {
   if (n.length <= 3 || o.length <= 3)
     return n.includes(o) || o.includes(n);
-  const a = er(n, o), c = Math.max(n.length, o.length);
-  return 1 - a / c >= s;
-}, Tt = (n, o) => {
+  const l = Xn(n, o), c = Math.max(n.length, o.length);
+  return 1 - l / c >= s;
+}, _t = (n, o) => {
   const s = n.split(/\s+/);
-  return o.length <= 4 ? s.some((a) => a.includes(o)) : s.some((a) => {
-    if (Ze(a, o))
+  return o.length <= 4 ? s.some((l) => l.includes(o)) : s.some((l) => {
+    if (Ge(l, 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 (Ze(o, u))
+    if (l.length >= o.length)
+      for (let c = 0; c <= l.length - o.length; c++) {
+        const u = l.slice(c, c + o.length + 1);
+        if (Ge(o, u))
           return !0;
       }
     return !1;
   });
-}, dt = "nav-drawer-hover", ft = "nav-drawer-animation-start", pt = "nav-drawer-animation-end", Dt = (n) => {
+}, ft = "nav-drawer-hover", pt = "nav-drawer-animation-start", ht = "nav-drawer-animation-end", Tt = (n) => {
   window.dispatchEvent(
-    new CustomEvent(dt, {
+    new CustomEvent(ft, {
       detail: { isHovering: n },
       bubbles: !0,
       cancelable: !0
     })
   );
-}, It = (n) => {
+}, Dt = (n) => {
   window.dispatchEvent(
     new CustomEvent(n, {
       bubbles: !0,
       cancelable: !0
     })
   );
-}, tr = (n = !1, o = !1, s = !1) => n || !o ? "column" : s ? "row" : "row-reverse", nr = gt(At), rr = gt(Pt), st = ({
+}, Jn = (n = !1, o = !1, s = !1) => n || !o ? "column" : s ? "row" : "row-reverse", Qn = gt(Mt), qn = gt(At), st = ({
   isOpen: n = !1,
   onClose: o,
   title: s,
-  navDrawerLinks: a,
+  navDrawerLinks: l,
   bottomNavButtons: c,
   spotlightCards: u,
   bottomButton: p,
@@ -1335,53 +1210,53 @@ const lt = 60, St = 6, Un = (n) => {
   hasOnlySpotlightCards: d = !1,
   hasSearch: f = !1,
   onSearch: x = () => ({}),
-  topOffset: y,
-  forceMobilePlacement: R = !1
+  topOffset: j,
+  forceMobilePlacement: k = !1
 }) => {
-  var V, ie, le, ne, T, L;
-  const b = je({
+  var oe, ae, V, ce, J, B;
+  const E = ye({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !0,
     desktop: !0,
     fullDesktop: !0
-  }) ?? !1, _ = R ? "right" : b ? "top" : "right", m = _ === "right", [F, S] = Z(0), [W, $] = Z(!1), B = () => {
-    S((O) => O + 1);
-  }, J = Bt(
-    qn((O) => {
-      x(O), B();
+  }) ?? !1, I = k ? "right" : E ? "top" : "right", b = I === "right", [z, D] = K(0), [N, A] = K(!1), H = () => {
+    D((_) => _ + 1);
+  }, X = Ft(
+    Kn((_) => {
+      x(_), H();
     }, 100),
     []
   );
-  oe(() => {
-    n && ($(!0), It(ft));
+  re(() => {
+    n && (A(!0), Dt(pt));
   }, [n]);
   const te = () => {
-    n || ($(!1), o()), It(pt);
+    n || (A(!1), o()), Dt(ht);
   };
   return /* @__PURE__ */ t.jsx(
-    $t,
+    Pt,
     {
-      isOpen: W || n,
+      isOpen: N || n,
       closeOnOverlayClick: !0,
       onClose: () => {
-        W && !m || o();
+        N && !b || o();
       },
-      placement: _,
+      placement: I,
       blockScrollOnMount: !1,
       autoFocus: !1,
-      ...m ? {
+      ...b ? {
         styleConfig: {
           baseStyle: {
-            ...K.components.Drawer.baseStyle,
+            ...Z.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(ie = (V = K.components.Drawer) == null ? void 0 : V.baseStyle) == null ? void 0 : ie.dialogContainer,
+              ...(ae = (oe = Z.components.Drawer) == null ? void 0 : oe.baseStyle) == null ? void 0 : ae.dialogContainer,
               // Higher z-index for drawer content to be above overlay and navigation
               zIndex: "popover"
             },
             dialog: {
-              ...(ne = (le = K.components.Drawer) == null ? void 0 : le.baseStyle) == null ? void 0 : ne.dialog,
+              ...(ce = (V = Z.components.Drawer) == null ? void 0 : V.baseStyle) == null ? void 0 : ce.dialog,
               // Ensure mobile drawer doesn't expand to full width
               maxW: "560px",
               width: "auto"
@@ -1391,11 +1266,11 @@ const lt = 60, St = 6, Un = (n) => {
       } : {
         styleConfig: {
           baseStyle: {
-            ...K.components.Drawer.baseStyle,
+            ...Z.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(L = (T = K.components.Drawer) == null ? void 0 : T.baseStyle) == null ? void 0 : L.dialogContainer,
+              ...(B = (J = Z.components.Drawer) == null ? void 0 : J.baseStyle) == null ? void 0 : B.dialogContainer,
               // Push the drawer down by the top offset on desktop to not cover the top navigation
-              top: `${y}px`,
+              top: `${j}px`,
               // Lower index on desktop to make sure the drawer is below the top navigation
               zIndex: "overlay"
             }
@@ -1403,18 +1278,18 @@ const lt = 60, St = 6, Un = (n) => {
         }
       },
       children: /* @__PURE__ */ t.jsx(
-        Vn,
+        Nn,
         { children: n ? /* @__PURE__ */ t.jsxs(
           t.Fragment,
           { children: [
             /* @__PURE__ */ t.jsx(
-              rr,
+              qn,
               {
                 backgroundColor: "tints.black",
-                top: m ? "0" : `${y}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 },
@@ -1427,28 +1302,28 @@ const lt = 60, St = 6, Un = (n) => {
               }
             ),
             /* @__PURE__ */ t.jsxs(
-              nr,
+              Qn,
               {
-                onClick: (O) => {
-                  const ae = O.target.closest("a");
-                  ae && ae.href === window.location.href && o();
+                onClick: (_) => {
+                  const ie = _.target.closest("a");
+                  ie && ie.href === window.location.href && o();
                 },
                 onMouseEnter: () => {
-                  m || Dt(!0);
+                  b || Tt(!0);
                 },
-                onMouseLeave: (O) => {
-                  m || (!f || f && (O.target === O.currentTarget || !O.currentTarget.contains(O.target) && !W)) && Dt(!1);
+                onMouseLeave: (_) => {
+                  b || (!f || f && (_.target === _.currentTarget || !_.currentTarget.contains(_.target) && !N)) && Tt(!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 : `${y}px !important`,
+                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,
@@ -1460,24 +1335,24 @@ const lt = 60, St = 6, Un = (n) => {
                   transition: { duration: 0.3 }
                 },
                 children: [
-                  !f && !m ? null : /* @__PURE__ */ t.jsxs(
-                    Mt,
+                  !f && !b ? null : /* @__PURE__ */ t.jsxs(
+                    $t,
                     {
                       padding: "0",
                       flexDirection: f ? "column" : "row",
                       gap: f ? "4" : "0",
                       children: [
-                        m ? /* @__PURE__ */ t.jsxs(
-                          k,
+                        b ? /* @__PURE__ */ t.jsxs(
+                          R,
                           {
                             width: "100%",
                             justifyContent: "space-between",
                             alignItems: "center",
                             children: [
                               v ? /* @__PURE__ */ t.jsx(
-                                ye,
+                                dt,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(Pn, {}),
+                                  icon: /* @__PURE__ */ t.jsx(On, {}),
                                   onClick: () => {
                                     g && g();
                                   },
@@ -1485,7 +1360,7 @@ const lt = 60, St = 6, Un = (n) => {
                                 }
                               ) : null,
                               /* @__PURE__ */ t.jsx(
-                                z,
+                                F,
                                 {
                                   color: "tints.uiGrey",
                                   fontSize: "xl",
@@ -1493,9 +1368,9 @@ const lt = 60, St = 6, Un = (n) => {
                                 }
                               ),
                               /* @__PURE__ */ t.jsx(
-                                ye,
+                                dt,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(Wt, {}),
+                                  icon: /* @__PURE__ */ t.jsx(zt, {}),
                                   onClick: o,
                                   "aria-label": "Close"
                                 }
@@ -1504,13 +1379,13 @@ const lt = 60, St = 6, Un = (n) => {
                           }
                         ) : null,
                         f && /* @__PURE__ */ t.jsxs(
-                          Tn,
+                          kn,
                           { width: "100%", children: [
                             /* @__PURE__ */ t.jsx(
-                              Dn,
+                              _n,
                               {
-                                onChange: (O) => {
-                                  J(O.target.value);
+                                onChange: (_) => {
+                                  X(_.target.value);
                                 },
                                 placeholder: "Search",
                                 autoFocus: !0,
@@ -1519,8 +1394,8 @@ const lt = 60, St = 6, Un = (n) => {
                               }
                             ),
                             /* @__PURE__ */ t.jsx(
-                              In,
-                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(Ln, { as: zt, color: "gray.500" }) }
+                              Tn,
+                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(Dn, { as: Ln, color: "gray.500" }) }
                             )
                           ] }
                         )
@@ -1528,15 +1403,15 @@ const lt = 60, St = 6, Un = (n) => {
                     }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    Ht,
+                    Bt,
                     {
                       paddingX: "0",
-                      paddingBottom: m ? "6" : "4",
+                      paddingBottom: b ? "6" : "4",
                       "data-testid": `navbar-drawer-body-${s.toLowerCase()}`,
                       children: /* @__PURE__ */ t.jsxs(
                         gt.div,
                         {
-                          ...m ? {} : {
+                          ...b ? {} : {
                             initial: { opacity: 0, y: -5 },
                             animate: { opacity: 1, y: 0 },
                             exit: { opacity: 0, y: -5 },
@@ -1553,9 +1428,9 @@ const lt = 60, St = 6, Un = (n) => {
                           },
                           style: {
                             display: "flex",
-                            flexDirection: tr(
+                            flexDirection: Jn(
                               d,
-                              !m,
+                              !b,
                               f
                             ),
                             gap: "24px",
@@ -1563,35 +1438,35 @@ const lt = 60, St = 6, Un = (n) => {
                           },
                           children: [
                             u ? /* @__PURE__ */ t.jsx(
-                              j,
+                              y,
                               {
-                                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
                               }
                             ) : null,
                             /* @__PURE__ */ t.jsxs(
-                              k,
+                              R,
                               {
-                                position: m ? void 0 : "relative",
+                                position: b ? void 0 : "relative",
                                 flexDirection: "column",
                                 gap: "6",
-                                width: m ? "100%" : f ? void 0 : "auto",
+                                width: b ? "100%" : f ? void 0 : "auto",
                                 children: [
-                                  a ? /* @__PURE__ */ t.jsx(j, { children: a }) : null,
-                                  c && m ? /* @__PURE__ */ t.jsx(j, { children: c }) : null,
+                                  l ? /* @__PURE__ */ t.jsx(y, { children: l }) : null,
+                                  c && b ? /* @__PURE__ */ t.jsx(y, { children: c }) : null,
                                   p ? /* @__PURE__ */ t.jsx(
-                                    j,
+                                    y,
                                     {
                                       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
@@ -1600,7 +1475,7 @@ const lt = 60, St = 6, Un = (n) => {
                             )
                           ]
                         },
-                        F
+                        z
                       )
                     }
                   )
@@ -1612,23 +1487,23 @@ const lt = 60, St = 6, Un = (n) => {
       )
     }
   );
-}, or = ({
+}, er = ({
   source: n,
   onSearchCallback: o,
   isActive: s
 }) => {
-  const [a, c] = Z(""), [u, p] = Z([]), v = (f, x) => {
+  const [l, c] = K(""), [u, p] = K([]), v = (f, x) => {
     if (!f) return [];
-    const R = at(f).split(/\s+/);
-    return x.filter((b) => {
-      const _ = at(b.label);
-      if (R.some(($) => Tt(_, $))) return !0;
-      const F = _.split(/\s+/), S = R.some(($) => F.some((B) => B.includes($) || Ze($, B))), W = typeof b.additionalContent == "string" && R.some(($) => {
-        const B = at(b.additionalContent);
-        return Tt(B, $) || B.split(/\s+/).some((J) => J.includes($) || Ze($, J));
+    const k = lt(f).split(/\s+/);
+    return x.filter((E) => {
+      const I = lt(E.label);
+      if (k.some((A) => _t(I, A))) return !0;
+      const z = I.split(/\s+/), D = k.some((A) => z.some((H) => H.includes(A) || Ge(A, H))), N = typeof E.additionalContent == "string" && k.some((A) => {
+        const H = lt(E.additionalContent);
+        return _t(H, A) || H.split(/\s+/).some((X) => X.includes(A) || Ge(A, X));
       });
-      return S || W;
-    }).sort((b, _) => b.label.localeCompare(_.label));
+      return D || N;
+    }).sort((E, I) => E.label.localeCompare(I.label));
   }, g = (f) => {
     if (c(f), !f) {
       p([]);
@@ -1639,29 +1514,45 @@ const lt = 60, St = 6, Un = (n) => {
   }, d = () => {
     c(""), p([]);
   };
-  return oe(() => {
+  return re(() => {
     s || (c(""), p([]));
   }, [s]), {
-    query: a,
+    query: l,
     results: u,
     handleClose: d,
     handleSearch: g
   };
-}, ir = (n) => {
+}, tr = (n) => {
   const o = /* @__PURE__ */ new Set();
-  return n.reduce((s, a) => {
+  return n.reduce((s, l) => {
     var u;
-    const c = ((u = a.sections) == null ? void 0 : u.reduce((p, v) => {
+    const c = ((u = l.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];
   }, []);
-}, Cr = ({
+}, nr = () => {
+  const [n, o] = K(!1), [s, l] = K(!1), [c, u] = K(null);
+  return {
+    isMainMenuOpen: n,
+    isSearchOpen: s,
+    selectedCategory: c,
+    clearSelectedCategory: () => u(null),
+    handleSelectCategory: (k) => u(k),
+    closeMainMenu: () => {
+      o(!1), u(null);
+    },
+    closeSearch: () => l(!1),
+    toggleSearch: () => l((k) => !k),
+    openMainMenu: () => o(!0),
+    openSearch: () => l(!0)
+  };
+}, mr = ({
   categories: n = [],
   onCartClick: o,
   mainCategoryLabel: s = "Menu",
-  logoLink: a = "https://www.everlywell.com",
+  logoLink: l = "https://www.everlywell.com",
   hasSearch: c = !0,
   hasEvaEnabled: u = !1,
   onEvaClick: p,
@@ -1670,45 +1561,54 @@ const lt = 60, St = 6, Un = (n) => {
   profileUrl: d = "https://secure.everlywell.com/login",
   mobileBottomButtons: f = [],
   numberOfCartItems: x = 0,
-  linkComponent: y,
-  onSearchCallback: R,
-  onLinkClick: b,
-  onCategoryOpen: _,
-  onMobileMenuOpen: m,
-  onBackToMainMenu: F,
-  onRegisterKitClick: S,
-  onProfileClick: W,
-  onLogoClick: $,
-  shopAllProductsUrl: B,
-  onShopAllProductsClick: J,
-  hideableButtons: te
+  linkComponent: j,
+  onSearchCallback: k,
+  onLinkClick: E,
+  onCategoryOpen: I,
+  onMobileMenuOpen: b,
+  onBackToMainMenu: z,
+  onRegisterKitClick: D,
+  onProfileClick: N,
+  onLogoClick: A,
+  shopAllProductsUrl: H,
+  onShopAllProductsClick: X,
+  hideableButtons: te,
+  children: oe
 }) => {
-  var Ve, Ie, Le;
-  const [V, ie] = Z(!1), [le, ne] = Z(!1), [T, L] = Z(null), [O, q] = Z(!1), [ae, $e] = Z(!1), [he, Me] = Z(0), [He, ke] = Z(!1), [Re, se] = Z(!1);
-  oe(() => {
-    const i = () => ke(!0), I = () => ke(!1);
-    return window.addEventListener(ft, i), window.addEventListener(pt, I), () => {
+  var Te, be, Ve;
+  const ae = nr(), {
+    isMainMenuOpen: V,
+    isSearchOpen: ce,
+    closeMainMenu: J,
+    closeSearch: B,
+    clearSelectedCategory: _,
+    selectedCategory: S,
+    handleSelectCategory: ie
+  } = ae, [Se, Re] = K(!1), [ke, Me] = K(!1), [he, Ae] = K(0), [Pe, $e] = K(!1), [Be, ne] = K(!1);
+  re(() => {
+    const a = () => $e(!0), O = () => $e(!1);
+    return window.addEventListener(pt, a), window.addEventListener(ht, O), () => {
       window.removeEventListener(
-        ft,
-        i
-      ), window.removeEventListener(pt, I);
+        pt,
+        a
+      ), window.removeEventListener(ht, O);
     };
   }, []);
-  const Fe = je({
+  const ge = ye({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !0,
     desktop: !0,
     fullDesktop: !0
-  }) ?? !1, ce = je({
+  }) ?? !1, Q = ye({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !1,
     desktop: !1,
     fullDesktop: !0
-  }) ?? !1, _e = !ce, Se = je({
+  }) ?? !1, _e = !Q, xe = ye({
     base: !0,
     tablet: !0,
     largeTablet: !0,
@@ -1716,341 +1616,307 @@ const lt = 60, St = 6, Un = (n) => {
     desktop: !1,
     fullDesktop: !1
   }) ?? !0;
-  oe(() => {
-    re(), L(null);
-  }, [Fe]);
+  re(() => {
+    J(), _();
+  }, [ge]);
   const {
-    query: ge,
-    results: ue,
-    handleSearch: xe
-  } = or({
-    source: ir(n),
-    onSearchCallback: R,
-    isActive: le
-  }), Be = ue.length > 0, ve = y || X, Xe = Ee(B, !!y), Ke = ge && /* @__PURE__ */ t.jsxs(
-    k,
-    { gap: Be ? "6" : 0, direction: "column", children: [
-      Be ? /* @__PURE__ */ t.jsx(z, { color: "tints.uiGrey", children: `${ue.length} Results` }) : /* @__PURE__ */ t.jsxs(
-        k,
+    query: Ze,
+    results: ve,
+    handleSearch: Ke
+  } = er({
+    source: tr(n),
+    onSearchCallback: k,
+    isActive: ce
+  }), He = ve.length > 0, le = j || ee, ue = Ee(H, !!j), Fe = Ze && /* @__PURE__ */ t.jsxs(
+    R,
+    { gap: He ? "6" : 0, direction: "column", children: [
+      He ? /* @__PURE__ */ t.jsx(F, { color: "tints.uiGrey", children: `${ve.length} Results` }) : /* @__PURE__ */ t.jsxs(
+        R,
         { direction: "column", gap: "6", alignItems: "flex-start", children: [
           /* @__PURE__ */ t.jsx(
-            z,
+            F,
             { color: "tints.uiGrey", children: "We didn't find what you were looking for." }
           ),
           /* @__PURE__ */ t.jsx(
-            ht,
+            Lt,
             {
-              as: ve,
-              onClick: J,
+              as: le,
+              onClick: X,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
-              ...Xe,
+              ...ue,
               children: "Shop all products"
             }
           )
         ] }
       ),
       /* @__PURE__ */ t.jsx(
-        an,
-        { columns: [1, 1, 1, 4], children: ue.map(
-          (i, I) => /* @__PURE__ */ t.jsx(
-            sn,
+        on,
+        { columns: [1, 1, 1, 4], children: ve.map(
+          (a, O) => /* @__PURE__ */ t.jsx(
+            an,
             { children: /* @__PURE__ */ t.jsx(
-              Ge,
+              Ue,
               {
-                href: i.href,
-                label: i.label,
-                additionalContent: i == null ? void 0 : i.additionalContent,
-                linkComponent: y,
-                forceMobileStyle: !Fe
+                href: a.href,
+                label: a.label,
+                additionalContent: a == null ? void 0 : a.additionalContent,
+                linkComponent: j,
+                forceMobileStyle: !ge
               }
             ) },
-            `${i.label}-${I}`
+            `${a.label}-${O}`
           )
         ) }
       )
     ] }
-  ), re = () => {
-    ie(!1), L(null);
-  }, G = (i) => "href" in i, ze = (i) => {
-    G(i) ? b == null || b(i.label) : (se(V || !ce), L(i));
-  }, We = (i) => {
-    q(!0), ne(!1), L(null), !G(i) && (i.sections || i.spotlightCards) && (se(!1), L(i));
-  }, me = () => {
-    q(!1);
+  ), q = (a) => "href" in a, me = (a) => {
+    q(a) ? E == null || E(a.label) : (ne(V || !Q), ie(a));
+  }, Xe = (a) => {
+    Re(!0), B(), _(), !q(a) && (a.sections || a.spotlightCards) && (ne(!1), ie(a));
+  }, Je = () => {
+    Re(!1);
   };
-  oe(() => {
-    const i = (I) => {
-      $e(I.detail.isHovering);
+  re(() => {
+    const a = (O) => {
+      Me(O.detail.isHovering);
     };
     return window.addEventListener(
-      dt,
-      i
+      ft,
+      a
     ), () => {
       window.removeEventListener(
-        dt,
-        i
+        ft,
+        a
       );
     };
-  }, []), oe(() => {
-    !O && !ae && (L(null), ne(!1), !V && ce && se(!1));
-  }, [O, ae, V, ce]), oe(() => {
-    let i = window.location.href;
-    const I = () => {
-      const H = window.location.href;
-      H !== i && (i = H, re(), L(null));
-    }, A = setInterval(I, 100);
-    return window.addEventListener("popstate", I), () => {
-      window.removeEventListener("popstate", I), clearInterval(A);
+  }, []), re(() => {
+    !Se && !ke && (_(), B(), !V && Q && ne(!1));
+  }, [Se, ke, V, Q]), re(() => {
+    let a = window.location.href;
+    const O = () => {
+      const $ = window.location.href;
+      $ !== a && (a = $, J(), _());
+    }, L = setInterval(O, 100);
+    return window.addEventListener("popstate", O), () => {
+      window.removeEventListener("popstate", O), clearInterval(L);
     };
   }, []);
-  const Te = (i) => G(i) && (!i.buttonProps || Object.keys(i.buttonProps).length === 0 || i.buttonProps === void 0), Je = n == null ? void 0 : n.map((i, I) => {
-    var H, be;
-    const A = te.includes(i.label);
+  const de = (a) => q(a) && (!a.buttonProps || Object.keys(a.buttonProps).length === 0 || a.buttonProps === void 0), Qe = n == null ? void 0 : n.map((a, O) => {
+    var $, we;
+    const L = te.includes(a.label);
     return /* @__PURE__ */ t.jsx(
-      Ue,
+      it,
       {
         height: "48px",
         paddingInline: "16px !important",
         onMouseEnter: () => {
-          We(i), _ == null || _(i.label);
+          Xe(a), I == null || I(a.label);
         },
-        onMouseLeave: me,
-        isSelected: (T == null ? void 0 : T.label) === i.label,
-        as: G(i) && ve ? ve : X,
-        href: G(i) ? i.href : void 0,
-        onClick: G(i) ? () => b == null ? void 0 : b(i.label) : void 0,
-        ...A && {
+        onMouseLeave: Je,
+        isSelected: (S == null ? void 0 : S.label) === a.label,
+        as: q(a) && le ? le : ee,
+        href: q(a) ? a.href : void 0,
+        onClick: q(a) ? () => E == null ? void 0 : E(a.label) : void 0,
+        ...L && {
           display: { base: "none", fullDesktop: "flex" }
         },
-        ...((H = i == null ? void 0 : i.context) == null ? void 0 : H.desktop) === "link" || Te(i) ? {
+        ...(($ = a == null ? void 0 : a.context) == null ? void 0 : $.desktop) === "link" || de(a) ? {
           _hover: {
             backgroundColor: "tints.lightCream",
             textDecoration: "none",
             filter: "brightness(0.95)"
           }
         } : {},
-        ...((be = i == null ? void 0 : i.context) == null ? void 0 : be.desktop) !== "link" && i.buttonProps,
-        children: i.label
+        ...((we = a == null ? void 0 : a.context) == null ? void 0 : we.desktop) !== "link" && a.buttonProps,
+        children: a.label
       },
-      `${i.label}-${I}`
+      `${a.label}-${O}`
     );
-  }), De = (Ve = n.filter(
-    (i) => {
-      var I;
-      return ((I = i == null ? void 0 : i.context) == null ? void 0 : I.mobile) === "link" || (!G(i) && i.isMobileTopLink !== !1 || Te(i)) && (_e && te.includes(i.label) || Se);
+  }), qe = (Te = n.filter(
+    (a) => {
+      var O;
+      return ((O = a == null ? void 0 : a.context) == null ? void 0 : O.mobile) === "link" || (!q(a) && a.isMobileTopLink !== !1 || de(a)) && (_e && te.includes(a.label) || xe);
     }
-  )) == null ? void 0 : Ve.map((i, I) => {
-    var H;
-    const A = i;
-    return Te(A) || ((H = A == null ? void 0 : A.context) == null ? void 0 : H.mobile) === "link" ? /* @__PURE__ */ t.jsx(
-      j,
+  )) == null ? void 0 : Te.map((a, O) => {
+    var $;
+    const L = a;
+    return de(L) || (($ = L == null ? void 0 : L.context) == null ? void 0 : $.mobile) === "link" ? /* @__PURE__ */ t.jsx(
+      y,
       { children: /* @__PURE__ */ t.jsx(
-        Ge,
+        Ue,
         {
-          label: A.label,
+          label: L.label,
           role: "link",
-          href: A.href,
+          href: L.href,
           mainTextFontSize: "3xl",
-          linkComponent: y,
+          linkComponent: j,
           forceMobileStyle: !0
         }
       ) },
-      `${A.label}-${I}`
+      `${L.label}-${O}`
     ) : /* @__PURE__ */ t.jsx(
-      j,
+      y,
       {
         onClick: () => {
-          ze(A), _ == null || _(A.label);
+          me(L), I == null || I(L.label);
         },
         children: /* @__PURE__ */ t.jsx(
-          Ge,
+          Ue,
           {
-            label: A.label,
+            label: L.label,
             role: "link",
-            additionalContent: A.additionalContent,
+            additionalContent: L.additionalContent,
             mainTextFontSize: "3xl",
-            linkComponent: y,
+            linkComponent: j,
             forceMobileStyle: !0
           }
         )
       },
-      `${A.label}-${I}`
+      `${L.label}-${O}`
     );
-  }), Qe = /* @__PURE__ */ t.jsxs(
+  }), ze = /* @__PURE__ */ t.jsxs(
     t.Fragment,
     { children: [
       /* @__PURE__ */ t.jsx(
-        Ue,
+        it,
         {
-          as: X,
+          as: ee,
           href: d,
           width: "100%",
           backgroundColor: "tints.cream",
-          onClick: W,
+          onClick: N,
           children: /* @__PURE__ */ t.jsxs(
-            k,
+            R,
             { gap: "2", children: [
               "Log in to My Everly",
-              /* @__PURE__ */ t.jsx(ee, { as: kt, size: 24 })
+              /* @__PURE__ */ t.jsx(se, { as: Mn, size: 24 })
             ] }
           )
         },
         "my-everly"
       ),
       /* @__PURE__ */ t.jsx(
-        Ue,
+        it,
         {
-          as: X,
+          as: ee,
           width: "100%",
           href: g,
           backgroundColor: "tints.cream",
-          onClick: S,
+          onClick: D,
           children: /* @__PURE__ */ t.jsxs(
-            k,
+            R,
             { gap: "2", children: [
               "Register kit",
-              /* @__PURE__ */ t.jsx(ee, { as: $n, size: 24 })
+              /* @__PURE__ */ t.jsx(se, { as: An, size: 24 })
             ] }
           )
         },
         "register-kit"
       )
     ] }
-  ), qe = /* @__PURE__ */ t.jsxs(
-    k,
+  ), We = /* @__PURE__ */ t.jsxs(
+    R,
     { gap: "2", flexDirection: "column", children: [
       f,
-      Qe
+      ze
     ] }
-  ), Q = Re || V, Ne = T ? /* @__PURE__ */ t.jsx(
-    k,
-    { direction: Q ? "column" : ["column", null, null, "row"], gap: "8", children: (Ie = T == null ? void 0 : T.sections) == null ? void 0 : Ie.map((i, I) => {
-      const A = [];
-      for (let H = 0; H < i.links.length; H += 3)
-        A.push(i.links.slice(H, H + 3));
+  ), Y = Be || V, et = S ? /* @__PURE__ */ t.jsx(
+    R,
+    { direction: Y ? "column" : ["column", null, null, "row"], gap: "8", children: (be = S == null ? void 0 : S.sections) == null ? void 0 : be.map((a, O) => {
+      const L = [];
+      for (let $ = 0; $ < a.links.length; $ += 3)
+        L.push(a.links.slice($, $ + 3));
       return /* @__PURE__ */ t.jsxs(
-        j,
+        y,
         { children: [
           /* @__PURE__ */ t.jsx(
-            z,
+            F,
             {
               fontSize: "md",
               color: "tints.uiGrey",
-              marginBottom: Q ? 0 : [0, null, null, 6],
-              children: i.title
+              marginBottom: Y ? 0 : [0, null, null, 6],
+              children: a.title
             }
           ),
           /* @__PURE__ */ t.jsx(
-            k,
+            R,
             {
-              flexDirection: Q ? "column" : ["column", null, null, "row"],
-              gap: Q ? void 0 : [null, null, null, 8],
-              children: A == null ? void 0 : A.map(
-                (H, be) => /* @__PURE__ */ t.jsx(
-                  k,
+              flexDirection: Y ? "column" : ["column", null, null, "row"],
+              gap: Y ? void 0 : [null, null, null, 8],
+              children: L == null ? void 0 : L.map(
+                ($, we) => /* @__PURE__ */ t.jsx(
+                  R,
                   {
                     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(
-                      (fe, et) => /* @__PURE__ */ t.jsx(
-                        Ge,
+                    gap: Y ? void 0 : [null, null, null, 5],
+                    marginLeft: Y ? void 0 : [null, null, null, -2],
+                    children: $ == null ? void 0 : $.map(
+                      (fe, De) => /* @__PURE__ */ t.jsx(
+                        Ue,
                         {
                           label: fe.label,
                           href: fe.href,
                           additionalContent: fe.additionalContent,
-                          linkComponent: y,
-                          forceMobileStyle: Q,
-                          onClick: () => b == null ? void 0 : b(fe.label)
+                          linkComponent: j,
+                          forceMobileStyle: Y,
+                          onClick: () => E == null ? void 0 : E(fe.label)
                         },
-                        `${fe.label}-${et}`
+                        `${fe.label}-${De}`
                       )
                     )
                   },
-                  be
+                  we
                 )
               )
             }
           )
         ] },
-        `${i.title}-${I}`
+        `${a.title}-${O}`
       );
     }) }
-  ) : null, de = T != null && T.spotlightCards ? (Le = T.spotlightCards) == null ? void 0 : Le.map(
-    (i, I) => /* @__PURE__ */ t.jsx(
-      Zn,
+  ) : null, Ne = S != null && S.spotlightCards ? (Ve = S.spotlightCards) == null ? void 0 : Ve.map(
+    (a, O) => /* @__PURE__ */ t.jsx(
+      Gn,
       {
-        ...i,
-        forceMobileStyle: Q
+        ...a,
+        forceMobileStyle: Y
       },
-      `${i.title}-${I}`
+      `${a.title}-${O}`
     )
-  ) : /* @__PURE__ */ t.jsx(j, {});
+  ) : /* @__PURE__ */ t.jsx(y, {});
   return /* @__PURE__ */ t.jsxs(
-    j,
+    y,
     {
       as: "nav",
       "aria-label": "Main navigation",
       position: "sticky",
       top: "0",
       width: "100%",
-      zIndex: ["sticky", null, null, He ? "modal" : "sticky"],
+      zIndex: ["sticky", null, null, Pe ? "modal" : "sticky"],
       children: [
         /* @__PURE__ */ t.jsx(
-          Jn,
+          Zn,
           {
-            desktopTopButtons: Je,
-            kitRegistrationElement: /* @__PURE__ */ t.jsx(
-              Ue,
-              {
-                as: X,
-                height: "48px",
-                paddingInline: "16px !important",
-                href: g,
-                onClick: S,
-                backgroundColor: "tints.cream",
-                children: "Register Kit"
-              }
-            ),
-            profileElement: /* @__PURE__ */ t.jsx(
-              X,
-              { href: d, "aria-label": "login", onClick: W, children: /* @__PURE__ */ t.jsx(ye, { icon: /* @__PURE__ */ t.jsx(ee, { as: kt }), "aria-label": "Profile" }) }
-            ),
-            cartElement: /* @__PURE__ */ t.jsx(
-              Qn,
-              {
-                "aria-label": "Cart",
-                count: x,
-                onClick: o
-              }
-            ),
-            onSearchClick: () => {
-              ne(!le), v == null || v();
-            },
-            onMenuClick: () => {
-              ie(!0), m == null || m();
-            },
-            hasSearch: c,
-            hasEvaEnabled: u,
-            onEvaClick: p,
-            logoLink: a,
-            linkComponent: y,
-            onLogoClick: $,
-            setTopOffset: Me
+            desktopTopButtons: Qe,
+            logoLink: l,
+            linkComponent: j,
+            onLogoClick: A,
+            setTopOffset: Ae,
+            rightSideButtons: typeof oe == "function" ? oe(ae) : oe
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          j,
+          y,
           { position: "relative", zIndex: "modal", children: [
             /* @__PURE__ */ t.jsx(
               st,
               {
                 isOpen: V,
-                onClose: re,
+                onClose: J,
                 title: s,
-                navDrawerLinks: De,
-                bottomNavButtons: qe,
+                navDrawerLinks: qe,
+                bottomNavButtons: We,
                 hasBackButton: !1,
                 topOffset: he,
                 forceMobilePlacement: !0
@@ -2059,31 +1925,31 @@ const lt = 60, St = 6, Un = (n) => {
             /* @__PURE__ */ t.jsx(
               st,
               {
-                isOpen: !!T,
+                isOpen: !!S,
                 onClose: () => {
-                  re(), L(null), V || se(!1);
+                  J(), _(), V || ne(!1);
                 },
-                title: (T == null ? void 0 : T.label) || "",
-                navDrawerLinks: Ne,
+                title: (S == null ? void 0 : S.label) || "",
+                navDrawerLinks: et,
                 onBackClick: () => {
-                  L(null), V || se(!1);
+                  _(), V || ne(!1);
                 },
-                spotlightCards: de,
-                hasOnlySpotlightCards: T == null ? void 0 : T.hasOnlySpotlightCards,
-                bottomButton: T == null ? void 0 : T.bottomButton,
+                spotlightCards: Ne,
+                hasOnlySpotlightCards: S == null ? void 0 : S.hasOnlySpotlightCards,
+                bottomButton: S == null ? void 0 : S.bottomButton,
                 topOffset: he,
-                forceMobilePlacement: Re || V || // Below 1400px, if main menu is open, always use mobile closing
-                V && !ce
+                forceMobilePlacement: Be || V || // Below 1400px, if main menu is open, always use mobile closing
+                V && !Q
               }
             ),
             /* @__PURE__ */ t.jsx(
               st,
               {
-                isOpen: le,
-                onClose: () => ne(!1),
+                isOpen: ce,
+                onClose: () => B(),
                 title: "Search",
-                navDrawerLinks: Ke,
-                onSearch: xe,
+                navDrawerLinks: Fe,
+                onSearch: Ke,
                 hasSearch: !0,
                 hasBackButton: !1,
                 topOffset: he
@@ -2094,17 +1960,17 @@ const lt = 60, St = 6, Un = (n) => {
       ]
     }
   );
-}, Lt = ({ links: n, linkComponent: o, onLinkClick: s }) => {
-  const a = o || X, c = (u) => {
+}, It = ({ links: n, linkComponent: o, onLinkClick: s }) => {
+  const l = o || ee, c = (u) => {
     s && s(u);
   };
   return /* @__PURE__ */ t.jsx(
-    k,
+    R,
     { direction: "column", gap: 6, children: n.map(
       (u) => /* @__PURE__ */ t.jsx(
-        z,
+        F,
         {
-          as: a,
+          as: l,
           color: "white",
           size: "lg",
           _hover: { color: "viridian.lighter", textDecoration: "none" },
@@ -2116,24 +1982,24 @@ const lt = 60, St = 6, Un = (n) => {
       )
     ) }
   );
-}, lr = ({ title: n, links: o, isLast: s }) => {
-  const a = s ? "transparent" : `${K.colors.viridian.lighter}20`;
+}, rr = ({ title: n, links: o, isLast: s }) => {
+  const l = s ? "transparent" : `${Z.colors.viridian.lighter}20`;
   return o ? /* @__PURE__ */ t.jsx(
-    un,
-    { borderColor: a, children: ({ isExpanded: c }) => /* @__PURE__ */ t.jsxs(
+    sn,
+    { borderColor: l, children: ({ isExpanded: c }) => /* @__PURE__ */ t.jsxs(
       t.Fragment,
       { children: [
         /* @__PURE__ */ t.jsxs(
-          dn,
+          cn,
           { paddingX: 0, paddingY: 4, _hover: { bg: "transparent" }, children: [
             /* @__PURE__ */ t.jsx(
-              z,
+              F,
               { color: "viridian.lighter", size: "lg", flex: "1", textAlign: "left", children: n }
             ),
             /* @__PURE__ */ t.jsx(
-              ee,
+              se,
               {
-                as: Mn,
+                as: Pn,
                 size: "sm",
                 color: "viridian.lighter",
                 transform: c ? "rotate(-180deg)" : "rotate(0deg)",
@@ -2143,44 +2009,44 @@ const lt = 60, St = 6, Un = (n) => {
           ] }
         ),
         /* @__PURE__ */ t.jsx(
-          fn,
+          un,
           { pb: 4, px: 0, children: o }
         )
       ] }
     ) }
   ) : null;
-}, ar = ({ title: n, links: o }) => o ? /* @__PURE__ */ t.jsxs(
-  j,
+}, or = ({ title: n, links: o }) => o ? /* @__PURE__ */ t.jsxs(
+  y,
   { children: [
     /* @__PURE__ */ t.jsx(
-      z,
+      F,
       { color: "viridian.lighter", mb: 6, fontSize: "lg", children: n }
     ),
     o
   ] }
-) : null, sr = ({
+) : null, ar = ({
   sections: n,
   linkComponent: o,
   onLinkClick: s
-}) => je({
+}) => ye({
   base: !1,
   tablet: !1,
   largeTablet: !0,
   desktop: !0
 }) ? /* @__PURE__ */ t.jsx(
-  k,
+  R,
   {
     justify: "space-between",
     align: "flex-start",
     children: /* @__PURE__ */ t.jsx(
-      k,
+      R,
       { gap: 120, children: n.map(
         ({ title: c, links: u }) => /* @__PURE__ */ t.jsx(
-          ar,
+          or,
           {
             title: c,
             links: /* @__PURE__ */ t.jsx(
-              Lt,
+              It,
               {
                 links: u,
                 linkComponent: o,
@@ -2194,7 +2060,7 @@ const lt = 60, St = 6, Un = (n) => {
     )
   }
 ) : /* @__PURE__ */ t.jsx(
-  cn,
+  ln,
   {
     allowMultiple: !0,
     defaultIndex: [0],
@@ -2203,11 +2069,11 @@ const lt = 60, St = 6, Un = (n) => {
     flexDirection: "column",
     children: n.map(
       ({ title: c, links: u }, p) => /* @__PURE__ */ t.jsx(
-        lr,
+        rr,
         {
           title: c,
           links: /* @__PURE__ */ t.jsx(
-            Lt,
+            It,
             {
               links: u,
               linkComponent: o,
@@ -2221,20 +2087,20 @@ const lt = 60, St = 6, Un = (n) => {
     )
   }
 ), Ot = {
-  instagram: Fn,
-  linkedin: Bn,
-  facebook: zn,
-  tiktok: Wn,
-  x: Nn
-}, cr = ({
+  instagram: Bn,
+  linkedin: Hn,
+  facebook: Fn,
+  tiktok: zn,
+  x: Wn
+}, ir = ({
   socialLinks: n,
   onEmailSubmit: o,
   socialMediaLabel: s,
-  newsletterLabel: a,
+  newsletterLabel: l,
   onLinkClick: c,
   showNewsletter: u = !0
 }) => {
-  const [p, v] = Pe.useState(""), g = () => {
+  const [p, v] = Le.useState(""), g = () => {
     p && o && (o(p), v(""));
   }, d = (x) => {
     x.key === "Enter" && g();
@@ -2242,20 +2108,20 @@ const lt = 60, St = 6, Un = (n) => {
     c && c(x);
   };
   return /* @__PURE__ */ t.jsxs(
-    j,
+    y,
     { width: ["100%", null, null, "440px"], children: [
       u && /* @__PURE__ */ t.jsxs(
-        j,
+        y,
         { mb: [8, 10], children: [
           /* @__PURE__ */ t.jsx(
-            z,
-            { color: "viridian.lighter", mb: 6, size: "lg", children: a }
+            F,
+            { color: "viridian.lighter", mb: 6, size: "lg", children: l }
           ),
           /* @__PURE__ */ t.jsxs(
-            pn,
+            dn,
             { children: [
               /* @__PURE__ */ t.jsx(
-                hn,
+                fn,
                 {
                   placeholder: "Enter your email",
                   bg: "transparent",
@@ -2272,11 +2138,11 @@ const lt = 60, St = 6, Un = (n) => {
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                gn,
+                pn,
                 { h: "52px", pr: 4, children: /* @__PURE__ */ t.jsx(
-                  ee,
+                  se,
                   {
-                    as: Hn,
+                    as: $n,
                     color: "viridian.lighter",
                     width: "24px",
                     height: "24px",
@@ -2294,17 +2160,17 @@ const lt = 60, St = 6, Un = (n) => {
         ] }
       ),
       /* @__PURE__ */ t.jsxs(
-        j,
+        y,
         { children: [
           /* @__PURE__ */ t.jsx(
-            z,
+            F,
             { color: "viridian.lighter", marginBottom: 4, size: "lg", children: s }
           ),
           /* @__PURE__ */ t.jsx(
-            k,
+            R,
             { gap: 3, children: n == null ? void 0 : n.map(
               (x) => /* @__PURE__ */ t.jsx(
-                X,
+                ee,
                 {
                   href: x.href,
                   target: "_blank",
@@ -2312,7 +2178,7 @@ const lt = 60, St = 6, Un = (n) => {
                   "aria-label": x.name,
                   onClick: () => f(x.name),
                   children: Ot[x.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
-                    ee,
+                    se,
                     {
                       as: Ot[x.name.toLowerCase()],
                       color: "white",
@@ -2329,18 +2195,18 @@ const lt = 60, St = 6, Un = (n) => {
       )
     ] }
   );
-}, ur = ({
+}, lr = ({
   links: n,
   linkComponent: o,
   onLinkClick: s
 }) => {
-  const a = o || X, c = (p) => {
+  const l = o || ee, c = (p) => {
     s && s(p);
   }, u = n == null ? void 0 : n.map(
     (p) => /* @__PURE__ */ t.jsx(
-      z,
+      F,
       {
-        as: a,
+        as: l,
         color: "viridian.lighter",
         size: "sm",
         _hover: { color: "white", textDecoration: "none" },
@@ -2352,7 +2218,7 @@ const lt = 60, St = 6, Un = (n) => {
     )
   );
   return /* @__PURE__ */ t.jsxs(
-    k,
+    R,
     {
       direction: ["column", "column", "row"],
       justify: "space-between",
@@ -2360,7 +2226,7 @@ const lt = 60, St = 6, Un = (n) => {
       gap: [6, 6, 0],
       children: [
         /* @__PURE__ */ t.jsx(
-          k,
+          R,
           {
             direction: "row",
             flexWrap: "wrap",
@@ -2370,7 +2236,7 @@ const lt = 60, St = 6, Un = (n) => {
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          z,
+          F,
           { color: "viridian.lighter", fontSize: "sm", children: [
             "© Everlywell ",
             (/* @__PURE__ */ new Date()).getFullYear()
@@ -2379,11 +2245,11 @@ const lt = 60, St = 6, Un = (n) => {
       ]
     }
   );
-}, wr = Pe.forwardRef(({
+}, br = Le.forwardRef(({
   navigationSections: n = [],
   disclaimer: o,
   newsletterLabel: s,
-  socialMediaLabel: a,
+  socialMediaLabel: l,
   socialLinks: c,
   complianceLinks: u,
   linkComponent: p,
@@ -2392,20 +2258,20 @@ const lt = 60, St = 6, Un = (n) => {
   onLinkClick: d,
   onSocialMediaClick: f,
   showNewsletter: x = !0
-}, y) => /* @__PURE__ */ t.jsx(
-  j,
-  { as: "footer", bg: "viridian.dark", py: [6, 8], px: [4, 6], ref: y, children: /* @__PURE__ */ t.jsxs(
-    xn,
+}, j) => /* @__PURE__ */ t.jsx(
+  y,
+  { as: "footer", bg: "viridian.dark", py: [6, 8], px: [4, 6], ref: j, children: /* @__PURE__ */ t.jsxs(
+    hn,
     { size: "fluid", children: [
       /* @__PURE__ */ t.jsxs(
-        k,
+        R,
         { direction: "column", gap: [8, 12], children: [
           /* @__PURE__ */ t.jsx(
-            j,
-            { children: /* @__PURE__ */ t.jsx(Nt, { width: ["150px", "202px"], color: "white" }) }
+            y,
+            { children: /* @__PURE__ */ t.jsx(Wt, { width: ["150px", "202px"], color: "white" }) }
           ),
           /* @__PURE__ */ t.jsxs(
-            k,
+            R,
             {
               direction: ["column", null, null, "row"],
               justify: "space-between",
@@ -2413,7 +2279,7 @@ const lt = 60, St = 6, Un = (n) => {
               gap: [8, 8, 8, 0],
               children: [
                 /* @__PURE__ */ t.jsx(
-                  sr,
+                  ar,
                   {
                     sections: n,
                     linkComponent: p,
@@ -2421,11 +2287,11 @@ const lt = 60, St = 6, Un = (n) => {
                   }
                 ),
                 /* @__PURE__ */ t.jsx(
-                  cr,
+                  ir,
                   {
                     socialLinks: c,
                     newsletterLabel: s,
-                    socialMediaLabel: a,
+                    socialMediaLabel: l,
                     onEmailSubmit: v,
                     onLinkClick: f,
                     showNewsletter: x
@@ -2435,7 +2301,7 @@ const lt = 60, St = 6, Un = (n) => {
             }
           ),
           /* @__PURE__ */ t.jsxs(
-            k,
+            R,
             {
               direction: ["column", "column", "row"],
               justify: "space-between",
@@ -2444,7 +2310,7 @@ const lt = 60, St = 6, Un = (n) => {
               gap: [6, 6, 0],
               children: [
                 o && /* @__PURE__ */ t.jsx(
-                  z,
+                  F,
                   {
                     color: "viridian.lighter",
                     fontSize: "sm",
@@ -2462,16 +2328,16 @@ const lt = 60, St = 6, Un = (n) => {
         ] }
       ),
       /* @__PURE__ */ t.jsx(
-        j,
+        y,
         {
           borderTop: "1px solid",
-          borderColor: `${K.colors.viridian.lighter}20`,
+          borderColor: `${Z.colors.viridian.lighter}20`,
           marginTop: "10",
           marginBottom: "8"
         }
       ),
       /* @__PURE__ */ t.jsx(
-        ur,
+        lr,
         {
           disclaimer: o,
           links: u,
@@ -2481,27 +2347,27 @@ const lt = 60, St = 6, Un = (n) => {
       )
     ] }
   ) }
-)), dr = (n) => n ? {
-  Container: $t,
-  Overlay: Pt,
-  Content: At,
-  Header: Mt,
-  Body: Ht,
-  Footer: vn,
-  CloseButton: mn
+)), sr = (n) => n ? {
+  Container: Pt,
+  Overlay: At,
+  Content: Mt,
+  Header: $t,
+  Body: Bt,
+  Footer: gn,
+  CloseButton: xn
 } : {
-  Container: bn,
-  Overlay: Cn,
-  Content: wn,
-  Header: jn,
-  Body: yn,
-  Footer: En,
-  CloseButton: kn
-}, jr = ({
+  Container: vn,
+  Overlay: mn,
+  Content: bn,
+  Header: wn,
+  Body: jn,
+  Footer: Cn,
+  CloseButton: yn
+}, wr = ({
   isOpen: n,
   onClose: o,
   children: s,
-  header: a,
+  header: l,
   footer: c,
   headerProps: u,
   bodyProps: p,
@@ -2509,18 +2375,18 @@ const lt = 60, St = 6, Un = (n) => {
   contentProps: g,
   ...d
 }) => {
-  var W, $, B, J, te;
-  const [f] = ct(`(max-width: ${K.breakpoints.tablet})`), x = (te = (J = (B = ($ = (W = K) == 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: y,
-    Overlay: R,
-    Content: b,
-    Header: _,
-    Body: m,
-    Footer: F,
-    CloseButton: S
-  } = dr(f);
+  var N, A, H, X, te;
+  const [f] = ct(`(max-width: ${Z.breakpoints.tablet})`), x = (te = (X = (H = (A = (N = Z) == null ? void 0 : N.components) == null ? void 0 : A.Modal) == null ? void 0 : H.baseStyle) == null ? void 0 : X.overlay) == null ? void 0 : te.background, {
+    Container: j,
+    Overlay: k,
+    Content: E,
+    Header: I,
+    Body: b,
+    Footer: z,
+    CloseButton: D
+  } = sr(f);
   return /* @__PURE__ */ t.jsxs(
-    y,
+    j,
     {
       ...d,
       isOpen: n,
@@ -2528,19 +2394,19 @@ const lt = 60, St = 6, Un = (n) => {
       size: "xl",
       ...f ? { placement: "bottom" } : {},
       children: [
-        /* @__PURE__ */ t.jsx(R, { backdropFilter: "auto", backgroundColor: x }),
+        /* @__PURE__ */ t.jsx(k, { backdropFilter: "auto", backgroundColor: x }),
         /* @__PURE__ */ t.jsxs(
-          b,
+          E,
           {
             backgroundColor: "tints.white",
             borderRadius: f ? "20px 20px 0 0" : "20px",
             overflowY: "auto",
             gap: 0,
-            ...a && f && { paddingTop: 0 },
+            ...l && f && { paddingTop: 0 },
             ...g,
             children: [
               /* @__PURE__ */ t.jsxs(
-                _,
+                I,
                 {
                   display: "flex",
                   width: "100%",
@@ -2557,9 +2423,9 @@ const lt = 60, St = 6, Un = (n) => {
                   ...f ? { paddingBlock: 4 } : { paddingTop: 6, paddingBlockEnd: 2 },
                   ...u,
                   children: [
-                    a,
+                    l,
                     /* @__PURE__ */ t.jsx(
-                      S,
+                      D,
                       {
                         position: "static",
                         width: 32,
@@ -2570,14 +2436,14 @@ const lt = 60, St = 6, Un = (n) => {
                             fontSize: "1rem"
                           }
                         },
-                        children: /* @__PURE__ */ t.jsx(ee, { as: Wt, weight: "light" })
+                        children: /* @__PURE__ */ t.jsx(se, { as: zt, weight: "light" })
                       }
                     )
                   ]
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                m,
+                b,
                 {
                   color: "tints.darkGrey",
                   paddingInline: 4,
@@ -2585,7 +2451,7 @@ const lt = 60, St = 6, Un = (n) => {
                   children: s
                 }
               ),
-              /* @__PURE__ */ t.jsx(F, { paddingInline: 4, ...v, children: c })
+              /* @__PURE__ */ t.jsx(z, { paddingInline: 4, ...v, children: c })
             ]
           }
         )
@@ -2594,17 +2460,18 @@ const lt = 60, St = 6, Un = (n) => {
   );
 };
 export {
-  Qn as BasketButton,
-  mr as CategoryLabel,
-  jr as DrawerModal,
-  wr as Footer,
-  Ue as NavButton,
-  br as NavSkeleton,
+  xr as BasketButton,
+  gr as CategoryLabel,
+  wr as DrawerModal,
+  br as Footer,
+  it as NavButton,
+  vr as NavSkeleton,
   st as NavbarDrawer,
-  Ge as NavbarDrawerLink,
-  Cr as NavigationBar,
-  Zn as SpotlightCard,
-  vr as Stepper,
-  ye as TopNavIconButton,
-  Jn as TopNavigation
+  Ue as NavbarDrawerLink,
+  mr as NavigationBar,
+  Gn as SpotlightCard,
+  hr as Stepper,
+  dt as TopNavIconButton,
+  Zn as TopNavigation,
+  nr as useNavigationBar
 };