@everlywell/consumer-ui 1.37.4 → 1.37.5

package/index.mjs

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