@everlywell/consumer-ui 1.37.6 → 1.38.0

package/index.mjs

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