@everlywell/consumer-ui 1.40.0 → 1.41.0

package/index.mjs

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