@everlywell/consumer-ui 1.44.1 → 1.46.0

package/index.mjs

@@ -1,9 +1,9 @@
-import { useSteps as Qt, Box as E, Stepper as qt, Icon as be, Flex as D, Text as W, Link as oe, Button as Et, Image as en, IconButton as tn, theme as G, useMediaQuery as Qe, VStack as nn, Skeleton as Ze, HStack as ht, SkeletonCircle as Me, DrawerContent as St, DrawerOverlay as Rt, Drawer as _t, DrawerHeader as kt, DrawerBody as Dt, Grid as rn, GridItem as on, Accordion as an, AccordionItem as ln, AccordionButton as sn, AccordionPanel as cn, InputGroup as un, Input as dn, InputRightElement as fn, Container as pn, DrawerFooter as hn, DrawerCloseButton as gn, Modal as xn, ModalOverlay as vn, ModalContent as mn, ModalHeader as bn, ModalBody as wn, ModalFooter as jn, ModalCloseButton as Cn } from "@everlywell/ui-kit";
-import De, { useEffect as ee, forwardRef as Tt, useRef as yn, useCallback as It, useState as U } from "react";
-import { Text as En, useBreakpointValue as me, Box as Sn, InputGroup as Rn, Input as _n, InputRightElement as kn, Icon as Dn } from "@chakra-ui/react";
+import { useSteps as Qt, Box as R, Stepper as qt, Icon as me, Flex as D, Text as W, Link as oe, Button as Et, Image as en, IconButton as tn, theme as V, useMediaQuery as Qe, VStack as nn, Skeleton as Ze, HStack as ht, SkeletonCircle as Me, DrawerContent as St, DrawerOverlay as kt, Drawer as Rt, DrawerHeader as _t, DrawerBody as Dt, Grid as rn, GridItem as on, Accordion as an, AccordionItem as ln, AccordionButton as sn, AccordionPanel as cn, InputGroup as un, Input as dn, InputRightElement as fn, Container as pn, DrawerFooter as hn, DrawerCloseButton as gn, Modal as xn, ModalOverlay as vn, ModalContent as bn, ModalHeader as mn, ModalBody as wn, ModalFooter as jn, ModalCloseButton as yn } from "@everlywell/ui-kit";
+import De, { useEffect as ee, forwardRef as Tt, useRef as Cn, useCallback as It, useState as U } from "react";
+import { Text as En, useBreakpointValue as be, Box as Sn, InputGroup as kn, Input as Rn, InputRightElement as _n, Icon as Dn } from "@chakra-ui/react";
 import { CaretRight as gt, Basket as Tn, CaretLeft as In, X as Ot, MagnifyingGlass as On, CaretDown as Ln, ArrowRight as Pn, InstagramLogo as An, LinkedinLogo as Mn, FacebookLogo as $n, TiktokLogo as Hn, XLogo as Fn } from "@phosphor-icons/react";
 import { motion as ot, AnimatePresence as Bn } from "framer-motion";
-var qe = { exports: {} }, _e = {};
+var qe = { exports: {} }, Re = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -15,19 +15,19 @@ var qe = { exports: {} }, _e = {};
  */
 var xt;
 function Wn() {
-  if (xt) return _e;
+  if (xt) return Re;
   xt = 1;
-  var n = De, o = Symbol.for("react.element"), c = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, a = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function d(g, x, f) {
-    var p, v = {}, _ = null, R = null;
-    f !== void 0 && (_ = "" + f), x.key !== void 0 && (_ = "" + x.key), x.ref !== void 0 && (R = x.ref);
-    for (p in x) s.call(x, p) && !u.hasOwnProperty(p) && (v[p] = x[p]);
-    if (g && g.defaultProps) for (p in x = g.defaultProps, x) v[p] === void 0 && (v[p] = x[p]);
-    return { $$typeof: o, type: g, key: _, ref: R, props: v, _owner: a.current };
+  var n = De, o = Symbol.for("react.element"), s = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function d(p, h, f) {
+    var g, C = {}, E = null, v = null;
+    f !== void 0 && (E = "" + f), h.key !== void 0 && (E = "" + h.key), h.ref !== void 0 && (v = h.ref);
+    for (g in h) i.call(h, g) && !u.hasOwnProperty(g) && (C[g] = h[g]);
+    if (p && p.defaultProps) for (g in h = p.defaultProps, h) C[g] === void 0 && (C[g] = h[g]);
+    return { $$typeof: o, type: p, key: E, ref: v, props: C, _owner: c.current };
   }
-  return _e.Fragment = c, _e.jsx = d, _e.jsxs = d, _e;
+  return Re.Fragment = s, Re.jsx = d, Re.jsxs = d, Re;
 }
-var ke = {};
+var _e = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -40,46 +40,46 @@ var ke = {};
 var vt;
 function zn() {
   return vt || (vt = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = De, o = Symbol.for("react.element"), c = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), g = Symbol.for("react.context"), x = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), S = Symbol.iterator, L = "@@iterator";
-    function m(e) {
+    var n = De, o = Symbol.for("react.element"), s = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), p = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), w = Symbol.iterator, L = "@@iterator";
+    function b(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = S && e[S] || e[L];
+      var r = w && e[w] || e[L];
       return typeof r == "function" ? r : null;
     }
     var H = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function C(e) {
+    function S(e) {
       {
-        for (var r = arguments.length, l = new Array(r > 1 ? r - 1 : 0), h = 1; h < r; h++)
-          l[h - 1] = arguments[h];
-        w("error", e, l);
+        for (var r = arguments.length, l = new Array(r > 1 ? r - 1 : 0), x = 1; x < r; x++)
+          l[x - 1] = arguments[x];
+        j("error", e, l);
       }
     }
-    function w(e, r, l) {
+    function j(e, r, l) {
       {
-        var h = H.ReactDebugCurrentFrame, y = h.getStackAddendum();
-        y !== "" && (r += "%s", l = l.concat([y]));
-        var k = l.map(function(j) {
-          return String(j);
+        var x = H.ReactDebugCurrentFrame, k = x.getStackAddendum();
+        k !== "" && (r += "%s", l = l.concat([k]));
+        var _ = l.map(function(y) {
+          return String(y);
         });
-        k.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, k);
+        _.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, _);
       }
     }
-    var P = !1, F = !1, V = !1, Q = !1, se = !1, q;
+    var P = !1, F = !1, G = !1, Q = !1, se = !1, q;
     q = Symbol.for("react.module.reference");
     function ce(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === s || e === u || se || e === a || e === f || e === p || Q || e === R || P || F || V || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === v || e.$$typeof === d || e.$$typeof === g || e.$$typeof === x || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === u || se || e === c || e === f || e === g || Q || e === v || P || F || G || typeof e == "object" && e !== null && (e.$$typeof === E || e.$$typeof === C || e.$$typeof === d || e.$$typeof === p || e.$$typeof === h || // 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 === q || e.getModuleId !== void 0));
     }
     function ue(e, r, l) {
-      var h = e.displayName;
-      if (h)
-        return h;
-      var y = r.displayName || r.name || "";
-      return y !== "" ? l + "(" + y + ")" : l;
+      var x = e.displayName;
+      if (x)
+        return x;
+      var k = r.displayName || r.name || "";
+      return k !== "" ? l + "(" + k + ")" : l;
     }
     function te(e) {
       return e.displayName || "Context";
@@ -87,41 +87,41 @@ function zn() {
     function B(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && C("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" && S("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 s:
+        case i:
           return "Fragment";
-        case c:
+        case s:
           return "Portal";
         case u:
           return "Profiler";
-        case a:
+        case c:
           return "StrictMode";
         case f:
           return "Suspense";
-        case p:
+        case g:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case g:
+          case p:
             var r = e;
             return te(r) + ".Consumer";
           case d:
             var l = e;
             return te(l._context) + ".Provider";
-          case x:
+          case h:
             return ue(e, e.render, "ForwardRef");
-          case v:
-            var h = e.displayName || null;
-            return h !== null ? h : B(e.type) || "Memo";
-          case _: {
-            var y = e, k = y._payload, j = y._init;
+          case C:
+            var x = e.displayName || null;
+            return x !== null ? x : B(e.type) || "Memo";
+          case E: {
+            var k = e, _ = k._payload, y = k._init;
             try {
-              return B(j(k));
+              return B(y(_));
             } catch {
               return null;
             }
@@ -188,87 +188,87 @@ function zn() {
             })
           });
         }
-        X < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        X < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var K = H.ReactCurrentDispatcher, Ce;
+    var K = H.ReactCurrentDispatcher, ye;
     function pe(e, r, l) {
       {
-        if (Ce === void 0)
+        if (ye === void 0)
           try {
             throw Error();
-          } catch (y) {
-            var h = y.stack.trim().match(/\n( *(at )?)/);
-            Ce = h && h[1] || "";
+          } catch (k) {
+            var x = k.stack.trim().match(/\n( *(at )?)/);
+            ye = x && x[1] || "";
           }
         return `
-` + Ce + e;
+` + ye + e;
       }
     }
-    var ye = !1, ne;
+    var Ce = !1, ne;
     {
       var We = typeof WeakMap == "function" ? WeakMap : Map;
       ne = new We();
     }
     function Pe(e, r) {
-      if (!e || ye)
+      if (!e || Ce)
         return "";
       {
         var l = ne.get(e);
         if (l !== void 0)
           return l;
       }
-      var h;
-      ye = !0;
-      var y = Error.prepareStackTrace;
+      var x;
+      Ce = !0;
+      var k = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var k;
-      k = K.current, K.current = null, Fe();
+      var _;
+      _ = K.current, K.current = null, Fe();
       try {
         if (r) {
-          var j = function() {
+          var y = function() {
             throw Error();
           };
-          if (Object.defineProperty(j.prototype, "props", {
+          if (Object.defineProperty(y.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(j, []);
+              Reflect.construct(y, []);
             } catch (N) {
-              h = N;
+              x = N;
             }
-            Reflect.construct(e, [], j);
+            Reflect.construct(e, [], y);
           } else {
             try {
-              j.call();
+              y.call();
             } catch (N) {
-              h = N;
+              x = N;
             }
-            e.call(j.prototype);
+            e.call(y.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (N) {
-            h = N;
+            x = N;
           }
           e();
         }
       } catch (N) {
-        if (N && h && typeof N.stack == "string") {
-          for (var b = N.stack.split(`
-`), z = h.stack.split(`
-`), A = b.length - 1, M = z.length - 1; A >= 1 && M >= 0 && b[A] !== z[M]; )
+        if (N && x && typeof N.stack == "string") {
+          for (var m = N.stack.split(`
+`), z = x.stack.split(`
+`), A = m.length - 1, M = z.length - 1; A >= 1 && M >= 0 && m[A] !== z[M]; )
             M--;
           for (; A >= 1 && M >= 0; A--, M--)
-            if (b[A] !== z[M]) {
+            if (m[A] !== z[M]) {
               if (A !== 1 || M !== 1)
                 do
-                  if (A--, M--, M < 0 || b[A] !== z[M]) {
+                  if (A--, M--, M < 0 || m[A] !== z[M]) {
                     var Y = `
-` + b[A].replace(" at new ", " at ");
+` + m[A].replace(" at new ", " at ");
                     return e.displayName && Y.includes("<anonymous>") && (Y = Y.replace("<anonymous>", e.displayName)), typeof e == "function" && ne.set(e, Y), Y;
                   }
                 while (A >= 1 && M >= 0);
@@ -276,7 +276,7 @@ function zn() {
             }
         }
       } finally {
-        ye = !1, K.current = k, Be(), Error.prepareStackTrace = y;
+        Ce = !1, K.current = _, Be(), Error.prepareStackTrace = k;
       }
       var ve = e ? e.displayName || e.name : "", le = ve ? pe(ve) : "";
       return typeof e == "function" && ne.set(e, le), le;
@@ -298,49 +298,49 @@ function zn() {
       switch (e) {
         case f:
           return pe("Suspense");
-        case p:
+        case g:
           return pe("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case x:
+          case h:
             return ze(e.render);
-          case v:
+          case C:
             return he(e.type, r, l);
-          case _: {
-            var h = e, y = h._payload, k = h._init;
+          case E: {
+            var x = e, k = x._payload, _ = x._init;
             try {
-              return he(k(y), r, l);
+              return he(_(k), r, l);
             } catch {
             }
           }
         }
       return "";
     }
-    var ae = Object.prototype.hasOwnProperty, Ee = {}, Se = H.ReactDebugCurrentFrame;
-    function ie(e) {
+    var ie = Object.prototype.hasOwnProperty, Ee = {}, Se = H.ReactDebugCurrentFrame;
+    function ae(e) {
       if (e) {
         var r = e._owner, l = he(e.type, e._source, r ? r.type : null);
         Se.setExtraStackFrame(l);
       } else
         Se.setExtraStackFrame(null);
     }
-    function i(e, r, l, h, y) {
+    function a(e, r, l, x, k) {
       {
-        var k = Function.call.bind(ae);
-        for (var j in e)
-          if (k(e, j)) {
-            var b = void 0;
+        var _ = Function.call.bind(ie);
+        for (var y in e)
+          if (_(e, y)) {
+            var m = void 0;
             try {
-              if (typeof e[j] != "function") {
-                var z = Error((h || "React class") + ": " + l + " type `" + j + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[j] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof e[y] != "function") {
+                var z = Error((x || "React class") + ": " + l + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw z.name = "Invariant Violation", z;
               }
-              b = e[j](r, j, h, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              m = e[y](r, y, x, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (A) {
-              b = A;
+              m = A;
             }
-            b && !(b instanceof Error) && (ie(y), C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", h || "React class", l, j, typeof b), ie(null)), b instanceof Error && !(b.message in Ee) && (Ee[b.message] = !0, ie(y), C("Failed %s type: %s", l, b.message), ie(null));
+            m && !(m instanceof Error) && (ae(k), 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).", x || "React class", l, y, typeof m), ae(null)), m instanceof Error && !(m.message in Ee) && (Ee[m.message] = !0, ae(k), S("Failed %s type: %s", l, m.message), ae(null));
           }
       }
     }
@@ -366,17 +366,17 @@ function zn() {
     }
     function Ae(e) {
       if (ge(e))
-        return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", $(e)), re(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)), re(e);
     }
-    var Re = H.ReactCurrentOwner, Pt = {
+    var ke = H.ReactCurrentOwner, Pt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, at, it, Ne;
+    }, it, at, Ne;
     Ne = {};
     function At(e) {
-      if (ae.call(e, "ref")) {
+      if (ie.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
           return !1;
@@ -384,7 +384,7 @@ function zn() {
       return e.ref !== void 0;
     }
     function Mt(e) {
-      if (ae.call(e, "key")) {
+      if (ie.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
           return !1;
@@ -392,15 +392,15 @@ function zn() {
       return e.key !== void 0;
     }
     function $t(e, r) {
-      if (typeof e.ref == "string" && Re.current && r && Re.current.stateNode !== r) {
-        var l = B(Re.current.type);
-        Ne[l] || (C('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', B(Re.current.type), e.ref), Ne[l] = !0);
+      if (typeof e.ref == "string" && ke.current && r && ke.current.stateNode !== r) {
+        var l = B(ke.current.type);
+        Ne[l] || (S('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', B(ke.current.type), e.ref), Ne[l] = !0);
       }
     }
     function Ht(e, r) {
       {
         var l = function() {
-          at || (at = !0, C("%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));
+          it || (it = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
         l.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: l,
@@ -411,7 +411,7 @@ function zn() {
     function Ft(e, r) {
       {
         var l = function() {
-          it || (it = !0, C("%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));
+          at || (at = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
         l.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: l,
@@ -419,51 +419,51 @@ function zn() {
         });
       }
     }
-    var Bt = function(e, r, l, h, y, k, j) {
-      var b = {
+    var Bt = function(e, r, l, x, k, _, y) {
+      var m = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: o,
         // Built-in properties that belong on the element
         type: e,
         key: r,
         ref: l,
-        props: j,
+        props: y,
         // Record the component responsible for creating this element.
-        _owner: k
+        _owner: _
       };
-      return b._store = {}, Object.defineProperty(b._store, "validated", {
+      return m._store = {}, Object.defineProperty(m._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(b, "_self", {
+      }), Object.defineProperty(m, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: h
-      }), Object.defineProperty(b, "_source", {
+        value: x
+      }), Object.defineProperty(m, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: y
-      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
+        value: k
+      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
     };
-    function Wt(e, r, l, h, y) {
+    function Wt(e, r, l, x, k) {
       {
-        var k, j = {}, b = null, z = null;
-        l !== void 0 && (Ae(l), b = "" + l), Mt(r) && (Ae(r.key), b = "" + r.key), At(r) && (z = r.ref, $t(r, y));
-        for (k in r)
-          ae.call(r, k) && !Pt.hasOwnProperty(k) && (j[k] = r[k]);
+        var _, y = {}, m = null, z = null;
+        l !== void 0 && (Ae(l), m = "" + l), Mt(r) && (Ae(r.key), m = "" + r.key), At(r) && (z = r.ref, $t(r, k));
+        for (_ in r)
+          ie.call(r, _) && !Pt.hasOwnProperty(_) && (y[_] = r[_]);
         if (e && e.defaultProps) {
           var A = e.defaultProps;
-          for (k in A)
-            j[k] === void 0 && (j[k] = A[k]);
+          for (_ in A)
+            y[_] === void 0 && (y[_] = A[_]);
         }
-        if (b || z) {
+        if (m || z) {
           var M = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          b && Ht(j, M), z && Ft(j, M);
+          m && Ht(y, M), z && Ft(y, M);
         }
-        return Bt(e, b, z, y, h, Re.current, j);
+        return Bt(e, m, z, k, x, ke.current, y);
       }
     }
     var Ve = H.ReactCurrentOwner, lt = H.ReactDebugCurrentFrame;
@@ -474,9 +474,9 @@ function zn() {
       } else
         lt.setExtraStackFrame(null);
     }
-    var Ye;
-    Ye = !1;
-    function Ge(e) {
+    var Ge;
+    Ge = !1;
+    function Ye(e) {
       return typeof e == "object" && e !== null && e.$$typeof === o;
     }
     function st() {
@@ -516,8 +516,8 @@ Check the top-level render call using <` + l + ">.");
         if (ct[l])
           return;
         ct[l] = !0;
-        var h = "";
-        e && e._owner && e._owner !== Ve.current && (h = " It was passed a child from " + B(e._owner.type) + "."), xe(e), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, h), xe(null);
+        var x = "";
+        e && e._owner && e._owner !== Ve.current && (x = " It was passed a child from " + B(e._owner.type) + "."), xe(e), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, x), xe(null);
       }
     }
     function dt(e, r) {
@@ -526,16 +526,16 @@ Check the top-level render call using <` + l + ">.");
           return;
         if (I(e))
           for (var l = 0; l < e.length; l++) {
-            var h = e[l];
-            Ge(h) && ut(h, r);
+            var x = e[l];
+            Ye(x) && ut(x, r);
           }
-        else if (Ge(e))
+        else if (Ye(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var y = m(e);
-          if (typeof y == "function" && y !== e.entries)
-            for (var k = y.call(e), j; !(j = k.next()).done; )
-              Ge(j.value) && ut(j.value, r);
+          var k = b(e);
+          if (typeof k == "function" && k !== e.entries)
+            for (var _ = k.call(e), y; !(y = _.next()).done; )
+              Ye(y.value) && ut(y.value, r);
         }
       }
     }
@@ -547,70 +547,70 @@ Check the top-level render call using <` + l + ">.");
         var l;
         if (typeof r == "function")
           l = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === x || // Note: Memo only checks outer props here.
+        else if (typeof r == "object" && (r.$$typeof === h || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === v))
+        r.$$typeof === C))
           l = r.propTypes;
         else
           return;
         if (l) {
-          var h = B(r);
-          i(l, e.props, "prop", h, e);
-        } else if (r.PropTypes !== void 0 && !Ye) {
-          Ye = !0;
-          var y = B(r);
-          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", y || "Unknown");
+          var x = B(r);
+          a(l, e.props, "prop", x, e);
+        } else if (r.PropTypes !== void 0 && !Ge) {
+          Ge = !0;
+          var k = B(r);
+          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", k || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Yt(e) {
+    function Gt(e) {
       {
         for (var r = Object.keys(e.props), l = 0; l < r.length; l++) {
-          var h = r[l];
-          if (h !== "children" && h !== "key") {
-            xe(e), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), xe(null);
+          var x = r[l];
+          if (x !== "children" && x !== "key") {
+            xe(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), xe(null);
             break;
           }
         }
-        e.ref !== null && (xe(e), C("Invalid attribute `ref` supplied to `React.Fragment`."), xe(null));
+        e.ref !== null && (xe(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), xe(null));
       }
     }
     var ft = {};
-    function pt(e, r, l, h, y, k) {
+    function pt(e, r, l, x, k, _) {
       {
-        var j = ce(e);
-        if (!j) {
-          var b = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (b += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+        var y = ce(e);
+        if (!y) {
+          var m = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (m += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var z = zt();
-          z ? b += z : b += st();
+          z ? m += z : m += st();
           var A;
-          e === null ? A = "null" : I(e) ? A = "array" : e !== void 0 && e.$$typeof === o ? (A = "<" + (B(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : A = typeof e, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", A, b);
+          e === null ? A = "null" : I(e) ? A = "array" : e !== void 0 && e.$$typeof === o ? (A = "<" + (B(e.type) || "Unknown") + " />", m = " Did you accidentally export a JSX literal instead of a component?") : A = 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", A, m);
         }
-        var M = Wt(e, r, l, y, k);
+        var M = Wt(e, r, l, k, _);
         if (M == null)
           return M;
-        if (j) {
+        if (y) {
           var Y = r.children;
           if (Y !== void 0)
-            if (h)
+            if (x)
               if (I(Y)) {
                 for (var ve = 0; ve < Y.length; ve++)
                   dt(Y[ve], e);
                 Object.freeze && Object.freeze(Y);
               } else
-                C("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               dt(Y, e);
         }
-        if (ae.call(r, "key")) {
+        if (ie.call(r, "key")) {
           var le = B(e), N = Object.keys(r).filter(function(Jt) {
             return Jt !== "key";
           }), Ue = N.length > 0 ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!ft[le + Ue]) {
             var Xt = N.length > 0 ? "{" + N.join(": ..., ") + ": ...}" : "{}";
-            C(`A props object containing a "key" prop is being spread into JSX:
+            S(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
@@ -618,38 +618,38 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, Ue, le, Xt, le), ft[le + Ue] = !0;
           }
         }
-        return e === s ? Yt(M) : Vt(M), M;
+        return e === i ? Gt(M) : Vt(M), M;
       }
     }
-    function Gt(e, r, l) {
+    function Yt(e, r, l) {
       return pt(e, r, l, !0);
     }
     function Ut(e, r, l) {
       return pt(e, r, l, !1);
     }
-    var Zt = Ut, Kt = Gt;
-    ke.Fragment = s, ke.jsx = Zt, ke.jsxs = Kt;
-  }()), ke;
+    var Zt = Ut, Kt = Yt;
+    _e.Fragment = i, _e.jsx = Zt, _e.jsxs = Kt;
+  }()), _e;
 }
 process.env.NODE_ENV === "production" ? qe.exports = Wn() : qe.exports = zn();
 var t = qe.exports;
-const Ke = 60, mt = 6, Nn = (n) => {
+const Ke = 60, bt = 6, Nn = (n) => {
   const {
     activeStepIndex: o,
-    hideIndicators: c = !1,
-    steps: s,
-    stepperTheme: a = {
+    hideIndicators: s = !1,
+    steps: i,
+    stepperTheme: c = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
   } = n, { activeStep: u, setActiveStep: d } = Qt({
     index: o,
-    count: s.length
+    count: i.length
   });
   return ee(() => {
     d(o);
   }, [o, d]), /* @__PURE__ */ t.jsx(
-    E,
+    R,
     { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
       qt,
       {
@@ -658,32 +658,32 @@ const Ke = 60, mt = 6, Nn = (n) => {
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
-        children: s.map((g, x) => {
-          const f = u === x, p = x === 0, v = x === s.length - 1, _ = u > x;
-          let R = `${Ke}px`;
-          const S = `calc(100% - ((${Ke * (s.length - 1)}px) - (${s.length - 1} * ${mt * 2}px)))`;
-          return f ? R = S : (p || v) && (R = `${Ke - mt}px`), /* @__PURE__ */ t.jsx(
-            E,
+        children: i.map((p, h) => {
+          const f = u === h, g = h === 0, C = h === i.length - 1, E = u > h;
+          let v = `${Ke}px`;
+          const w = `calc(100% - ((${Ke * (i.length - 1)}px) - (${i.length - 1} * ${bt * 2}px)))`;
+          return f ? v = w : (g || C) && (v = `${Ke - bt}px`), /* @__PURE__ */ t.jsx(
+            R,
             {
-              width: R,
-              opacity: _ || f ? 1 : 0.2,
-              paddingRight: v ? "0" : "6px",
-              paddingLeft: p ? "0" : "6px",
+              width: v,
+              opacity: E || f ? 1 : 0.2,
+              paddingRight: C ? "0" : "6px",
+              paddingLeft: g ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
               children: /* @__PURE__ */ t.jsx(
-                E,
+                R,
                 {
-                  paddingTop: c ? 2 : 5,
+                  paddingTop: s ? 2 : 5,
                   position: "relative",
                   width: "100%",
                   children: /* @__PURE__ */ t.jsx(
-                    E,
+                    R,
                     {
                       width: "100%",
                       position: "absolute",
                       top: "0",
-                      backgroundColor: _ ? a.light : a.base,
-                      height: c ? "4px" : "8px",
+                      backgroundColor: E ? c.light : c.base,
+                      height: s ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
                     }
@@ -691,7 +691,7 @@ const Ke = 60, mt = 6, Nn = (n) => {
                 }
               )
             },
-            `step-${x}`
+            `step-${h}`
           );
         })
       }
@@ -704,8 +704,8 @@ const Ke = 60, mt = 6, Nn = (n) => {
   En,
   { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...o, children: n }
 ), we = (n, o) => {
-  const c = (n == null ? void 0 : n.startsWith("http")) || (n == null ? void 0 : n.startsWith("mailto"));
-  return o && !c ? {
+  const s = (n == null ? void 0 : n.startsWith("http")) || (n == null ? void 0 : n.startsWith("mailto"));
+  return o && !s ? {
     to: n
   } : {
     href: n
@@ -713,37 +713,37 @@ const Ke = 60, mt = 6, Nn = (n) => {
 }, $e = Tt(
   (n, o) => {
     const {
-      label: c,
-      additionalContent: s,
-      mainTextFontSize: a,
+      label: s,
+      additionalContent: i,
+      mainTextFontSize: c,
       linkComponent: u,
       href: d,
-      forceMobileStyle: g = !1,
-      ...x
-    } = n, f = u || oe, p = we(d, !!u), v = g ? a || "xl" : [a || "xl", null, null, "lg"], _ = g ? "xl" : ["xl", null, null, "lg"], R = g ? void 0 : [null, null, null, 1], S = g ? void 0 : [null, null, null, "space-between"], L = g ? "3" : [3, null, null, 0], m = g ? "1px" : ["1px", null, null, "unset"], H = g ? "tints.cream" : ["tints.cream", null, null, "unset"], C = g ? "100%" : ["100%", null, null, "fit-content"], w = g ? "none" : ["none", null, null, "block"], P = g ? "100%" : ["100%", null, null, "auto"], F = g ? "block" : ["block", null, null, "none"];
+      forceMobileStyle: p = !1,
+      ...h
+    } = n, f = u || oe, g = we(d, !!u), C = p ? c || "xl" : [c || "xl", null, null, "lg"], E = p ? "xl" : ["xl", null, null, "lg"], v = p ? void 0 : [null, null, null, 1], w = p ? void 0 : [null, null, null, "space-between"], L = p ? "3" : [3, null, null, 0], b = p ? "1px" : ["1px", null, null, "unset"], H = p ? "tints.cream" : ["tints.cream", null, null, "unset"], S = p ? "100%" : ["100%", null, null, "fit-content"], j = p ? "none" : ["none", null, null, "block"], P = p ? "100%" : ["100%", null, null, "auto"], F = p ? "block" : ["block", null, null, "none"];
     return /* @__PURE__ */ t.jsxs(
-      E,
+      R,
       {
         ref: o,
         as: f,
         display: "flex",
         alignItems: "center",
-        gap: R,
-        justifyContent: S,
+        gap: v,
+        justifyContent: w,
         paddingY: L,
         color: "tints.black",
         _hover: { color: "viridian.base", textDecoration: "none" },
-        borderBottom: m,
+        borderBottom: b,
         borderColor: H,
-        width: C,
+        width: S,
         cursor: "pointer",
-        ...p,
-        ...x,
+        ...g,
+        ...h,
         children: [
           /* @__PURE__ */ t.jsx(
-            be,
+            me,
             {
-              display: w,
+              display: j,
               as: gt,
               fontSize: "lg",
               color: "viridian.light",
@@ -758,15 +758,15 @@ const Ke = 60, mt = 6, Nn = (n) => {
               /* @__PURE__ */ t.jsx(
                 W,
                 {
-                  fontSize: v,
+                  fontSize: C,
                   fontWeight: "medium",
-                  children: c
+                  children: s
                 }
               ),
-              s && (typeof s == "string" ? /* @__PURE__ */ t.jsx(
+              i && (typeof i == "string" ? /* @__PURE__ */ t.jsx(
                 W,
                 {
-                  fontSize: _,
+                  fontSize: E,
                   fontWeight: "medium",
                   color: "tints.uiGrey",
                   sx: {
@@ -774,11 +774,11 @@ const Ke = 60, mt = 6, Nn = (n) => {
                       color: "viridian.base"
                     }
                   },
-                  children: s
+                  children: i
                 }
-              ) : s),
+              ) : i),
               /* @__PURE__ */ t.jsx(
-                be,
+                me,
                 {
                   display: F,
                   as: gt,
@@ -797,7 +797,7 @@ const Ke = 60, mt = 6, Nn = (n) => {
   }
 ), Vn = Tt(
   (n, o) => {
-    const { children: c, isSelected: s, ...a } = n, u = n.backgroundColor || (s ? "tints.lightCream" : "transparent");
+    const { children: s, isSelected: i, ...c } = n, u = n.backgroundColor || (i ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
       Et,
       {
@@ -825,24 +825,24 @@ const Ke = 60, mt = 6, Nn = (n) => {
           textDecoration: "none",
           filter: "brightness(0.95)"
         },
-        ...a,
-        children: c
+        ...c,
+        children: s
       }
     );
   }
-), Yn = ({
+), Gn = ({
   title: n,
   description: o,
-  imageSrc: c,
-  imageElement: s,
-  button: a,
+  imageSrc: s,
+  imageElement: i,
+  button: c,
   backgroundColor: u = "viridian.wash",
   onClick: d,
-  href: g,
-  linkComponent: x,
+  href: p,
+  linkComponent: h,
   forceMobileStyle: f = !1
 }) => {
-  const R = x || oe, S = we(g, !!x), L = me({
+  const v = h || oe, w = we(p, !!h), L = be({
     base: !1,
     tablet: !1,
     largeTablet: !1,
@@ -871,11 +871,11 @@ const Ke = 60, mt = 6, Nn = (n) => {
         border: "1px solid",
         borderColor: "tints.white"
       },
-      as: f ? R : L ? D : R,
-      ...f ? S : L ? {} : S,
+      as: f ? v : L ? D : v,
+      ...f ? w : L ? {} : w,
       children: [
         /* @__PURE__ */ t.jsx(
-          E,
+          R,
           {
             width: f ? "72px" : ["72px", null, null, "100%"],
             height: f ? "100%" : ["100%", null, null, "188px"],
@@ -885,22 +885,22 @@ const Ke = 60, mt = 6, Nn = (n) => {
                 objectFit: f ? "cover" : "contain"
               }
             },
-            children: c ? /* @__PURE__ */ t.jsx(
+            children: s ? /* @__PURE__ */ t.jsx(
               en,
               {
-                src: c,
+                src: s,
                 objectFit: "cover",
                 width: "100%",
                 alt: "",
                 "data-testid": "spotlight-card-image"
               }
             ) : /* @__PURE__ */ t.jsx(
-              E,
+              R,
               {
                 height: f ? 80 : [80, null, null, 188],
                 overflow: "hidden",
                 ...f ? { sx: { div: { height: "100%" } } } : {},
-                children: s
+                children: i
               }
             )
           }
@@ -938,7 +938,7 @@ const Ke = 60, mt = 6, Nn = (n) => {
                   )
                 ] }
               ),
-              f ? null : L ? /* @__PURE__ */ t.jsx(E, { children: a }) : null
+              f ? null : L ? /* @__PURE__ */ t.jsx(R, { children: c }) : null
             ]
           }
         )
@@ -967,7 +967,7 @@ const Ke = 60, mt = 6, Nn = (n) => {
     ...n
   }
 ), Lt = ({
-  color: n = G.colors.viridian.base,
+  color: n = V.colors.viridian.base,
   width: o
 }) => /* @__PURE__ */ t.jsx(
   Sn,
@@ -994,28 +994,28 @@ const Ke = 60, mt = 6, Nn = (n) => {
       ) }
     )
   }
-), Gn = ({
+), Yn = ({
   desktopTopButtons: n,
   logoLink: o = "https://www.everlywell.com",
-  setTopOffset: c,
-  linkComponent: s,
-  onLogoClick: a,
+  setTopOffset: s,
+  linkComponent: i,
+  onLogoClick: c,
   rightSideButtons: u
 }) => {
-  const d = yn(null), [g] = Qe(`(max-width: ${G.breakpoints.mediumTablet})`), [x] = Qe(`(max-width: ${G.breakpoints.mediumDesktop})`), f = It(() => {
+  const d = Cn(null), [p] = Qe(`(max-width: ${V.breakpoints.mediumTablet})`), [h] = Qe(`(max-width: ${V.breakpoints.mediumDesktop})`), f = It(() => {
     if (d.current) {
-      const p = d.current.getBoundingClientRect();
-      c(p.bottom);
+      const g = d.current.getBoundingClientRect();
+      s(g.bottom);
     }
   }, []);
   return ee(() => {
     f();
   }, [f]), /* @__PURE__ */ t.jsx(
-    E,
+    R,
     {
       ref: d,
       paddingY: "4",
-      paddingX: g ? 4 : x ? 6 : 8,
+      paddingX: p ? 4 : h ? 6 : 8,
       borderBottom: "1px solid",
       borderColor: "tints.lightCream",
       backgroundColor: "tints.white",
@@ -1028,12 +1028,12 @@ const Ke = 60, mt = 6, Nn = (n) => {
             D,
             { alignItems: "center", gap: "5", children: [
               /* @__PURE__ */ t.jsx(
-                E,
+                R,
                 {
                   "aria-label": "Go to homepage",
-                  onClick: a,
-                  as: s || oe,
-                  ...we(o, !!s),
+                  onClick: c,
+                  as: i || oe,
+                  ...we(o, !!i),
                   children: /* @__PURE__ */ t.jsx(Lt, { width: "116px" })
                 }
               ),
@@ -1055,11 +1055,11 @@ const Ke = 60, mt = 6, Nn = (n) => {
   count: n = 0,
   ...o
 }) => /* @__PURE__ */ t.jsxs(
-  E,
+  R,
   { position: "relative", display: "inline-block", children: [
     /* @__PURE__ */ t.jsx(et, { icon: /* @__PURE__ */ t.jsx(Tn, {}), ...o }),
     n > 0 && /* @__PURE__ */ t.jsx(
-      E,
+      R,
       {
         display: "flex",
         minWidth: "20px",
@@ -1086,7 +1086,7 @@ const Ke = 60, mt = 6, Nn = (n) => {
 }) => /* @__PURE__ */ t.jsx(
   nn,
   { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
-    E,
+    R,
     {
       paddingY: 4,
       paddingX: 6,
@@ -1105,7 +1105,7 @@ const Ke = 60, mt = 6, Nn = (n) => {
               "data-testid": "desktop-nav",
               children: [
                 Array.from({ length: n }).map(
-                  (c, s) => /* @__PURE__ */ t.jsx(Ze, { width: "90px", height: "48px" }, s)
+                  (s, i) => /* @__PURE__ */ t.jsx(Ze, { width: "90px", height: "48px" }, i)
                 ),
                 o && /* @__PURE__ */ t.jsx(Ze, { width: "110px", height: "48px", borderRadius: "full" })
               ]
@@ -1137,46 +1137,46 @@ const Ke = 60, mt = 6, Nn = (n) => {
     }
   ) }
 ), Un = (n, o) => {
-  let c;
-  return (...s) => {
-    c && clearTimeout(c), c = setTimeout(() => {
-      n(...s);
+  let s;
+  return (...i) => {
+    s && clearTimeout(s), s = setTimeout(() => {
+      n(...i);
     }, o);
   };
 }, Xe = (n) => n.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), Zn = (n, o) => {
   n.length < o.length && ([n, o] = [o, n]);
-  let c = Array(o.length + 1).fill(0), s = Array(o.length + 1).fill(0);
-  for (let a = 0; a <= o.length; a++)
-    c[a] = a;
-  for (let a = 1; a <= n.length; a++) {
-    s[0] = a;
+  let s = Array(o.length + 1).fill(0), i = Array(o.length + 1).fill(0);
+  for (let c = 0; c <= o.length; c++)
+    s[c] = c;
+  for (let c = 1; c <= n.length; c++) {
+    i[0] = c;
     for (let u = 1; u <= o.length; u++) {
-      const d = n[a - 1] === o[u - 1] ? 0 : 1;
-      s[u] = Math.min(
-        s[u - 1] + 1,
+      const d = n[c - 1] === o[u - 1] ? 0 : 1;
+      i[u] = Math.min(
+        i[u - 1] + 1,
         // Insertion
-        c[u] + 1,
+        s[u] + 1,
         // Deletion
-        c[u - 1] + d
+        s[u - 1] + d
         // Substitution
       );
     }
-    [c, s] = [s, c];
+    [s, i] = [i, s];
   }
-  return c[o.length];
-}, He = (n, o, c = 0.6) => {
+  return s[o.length];
+}, He = (n, o, s = 0.6) => {
   if (n.length <= 3 || o.length <= 3)
     return n.includes(o) || o.includes(n);
-  const s = Zn(n, o), a = Math.max(n.length, o.length);
-  return 1 - s / a >= c;
-}, bt = (n, o) => {
-  const c = n.split(/\s+/);
-  return o.length <= 4 ? c.some((s) => s.includes(o)) : c.some((s) => {
-    if (He(s, o))
+  const i = Zn(n, o), c = Math.max(n.length, o.length);
+  return 1 - i / c >= s;
+}, mt = (n, o) => {
+  const s = n.split(/\s+/);
+  return o.length <= 4 ? s.some((i) => i.includes(o)) : s.some((i) => {
+    if (He(i, o))
       return !0;
-    if (s.length >= o.length)
-      for (let a = 0; a <= s.length - o.length; a++) {
-        const u = s.slice(a, a + o.length + 1);
+    if (i.length >= o.length)
+      for (let c = 0; c <= i.length - o.length; c++) {
+        const u = i.slice(c, c + o.length + 1);
         if (He(o, u))
           return !0;
       }
@@ -1197,35 +1197,35 @@ const Ke = 60, mt = 6, Nn = (n) => {
       cancelable: !0
     })
   );
-}, Kn = (n = !1, o = !1, c = !1) => n || !o ? "column" : c ? "row" : "row-reverse", Xn = ot(St), Jn = ot(Rt), Je = ({
+}, Kn = (n = !1, o = !1, s = !1) => n || !o ? "column" : s ? "row" : "row-reverse", Xn = ot(St), Jn = ot(kt), Je = ({
   isOpen: n = !1,
   onClose: o,
-  title: c,
-  navDrawerLinks: s,
-  bottomNavButtons: a,
+  title: s,
+  navDrawerLinks: i,
+  bottomNavButtons: c,
   spotlightCards: u,
   bottomButton: d,
-  hasBackButton: g = !0,
-  onBackClick: x,
+  hasBackButton: p = !0,
+  onBackClick: h,
   hasOnlySpotlightCards: f = !1,
-  hasSearch: p = !1,
-  onSearch: v = () => ({}),
-  topOffset: _,
-  forceMobilePlacement: R = !1
+  hasSearch: g = !1,
+  onSearch: C = () => ({}),
+  topOffset: E,
+  forceMobilePlacement: v = !1
 }) => {
   var se, q, ce, ue, te, B;
-  const S = me({
+  const w = be({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !0,
     desktop: !0,
     fullDesktop: !0
-  }) ?? !1, L = R ? "right" : S ? "top" : "right", m = L === "right", [H, C] = U(0), [w, P] = U(!1), F = () => {
-    C((T) => T + 1);
-  }, V = It(
+  }) ?? !1, L = v ? "right" : w ? "top" : "right", b = L === "right", [H, S] = U(0), [j, P] = U(!1), F = () => {
+    S((T) => T + 1);
+  }, G = It(
     Un((T) => {
-      v(T), F();
+      C(T), F();
     }, 100),
     []
   );
@@ -1236,27 +1236,27 @@ const Ke = 60, mt = 6, Nn = (n) => {
     n || (P(!1), o()), jt(rt);
   };
   return /* @__PURE__ */ t.jsx(
-    _t,
+    Rt,
     {
-      isOpen: w || n,
+      isOpen: j || n,
       closeOnOverlayClick: !0,
       onClose: () => {
-        w && !m || o();
+        j && !b || o();
       },
       placement: L,
       blockScrollOnMount: !1,
       autoFocus: !1,
-      ...m ? {
+      ...b ? {
         styleConfig: {
           baseStyle: {
-            ...G.components.Drawer.baseStyle,
+            ...V.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(q = (se = G.components.Drawer) == null ? void 0 : se.baseStyle) == null ? void 0 : q.dialogContainer,
+              ...(q = (se = V.components.Drawer) == null ? void 0 : se.baseStyle) == null ? void 0 : q.dialogContainer,
               // Higher z-index for drawer content to be above overlay and navigation
               zIndex: "popover"
             },
             dialog: {
-              ...(ue = (ce = G.components.Drawer) == null ? void 0 : ce.baseStyle) == null ? void 0 : ue.dialog,
+              ...(ue = (ce = V.components.Drawer) == null ? void 0 : ce.baseStyle) == null ? void 0 : ue.dialog,
               // Ensure mobile drawer doesn't expand to full width
               maxW: "560px",
               width: "auto"
@@ -1266,11 +1266,11 @@ const Ke = 60, mt = 6, Nn = (n) => {
       } : {
         styleConfig: {
           baseStyle: {
-            ...G.components.Drawer.baseStyle,
+            ...V.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(B = (te = G.components.Drawer) == null ? void 0 : te.baseStyle) == null ? void 0 : B.dialogContainer,
+              ...(B = (te = V.components.Drawer) == null ? void 0 : te.baseStyle) == null ? void 0 : B.dialogContainer,
               // Push the drawer down by the top offset on desktop to not cover the top navigation
-              top: `${_}px`,
+              top: `${E}px`,
               // Lower index on desktop to make sure the drawer is below the top navigation
               zIndex: "overlay"
             }
@@ -1286,10 +1286,10 @@ const Ke = 60, mt = 6, Nn = (n) => {
               Jn,
               {
                 backgroundColor: "tints.black",
-                top: m ? "0" : `${_}px`,
-                opacity: m ? "0.4 !important" : void 0,
-                zIndex: m ? "modal" : "overlay",
-                ...m ? {} : {
+                top: b ? "0" : `${E}px`,
+                opacity: b ? "0.4 !important" : void 0,
+                zIndex: b ? "modal" : "overlay",
+                ...b ? {} : {
                   initial: { opacity: 0 },
                   animate: { opacity: 0.4 },
                   exit: { opacity: 0 },
@@ -1309,21 +1309,21 @@ const Ke = 60, mt = 6, Nn = (n) => {
                   Z && Z.href === window.location.href && o();
                 },
                 onMouseEnter: () => {
-                  m || wt(!0);
+                  b || wt(!0);
                 },
                 onMouseLeave: (T) => {
-                  m || (!p || p && (T.target === T.currentTarget || !T.currentTarget.contains(T.target) && !w)) && wt(!1);
+                  b || (!g || g && (T.target === T.currentTarget || !T.currentTarget.contains(T.target) && !j)) && wt(!1);
                 },
                 paddingTop: "4",
-                paddingX: m ? "4" : "12",
+                paddingX: b ? "4" : "12",
                 paddingBottom: "24",
-                overflow: m ? "auto" : "hidden",
+                overflow: b ? "auto" : "hidden",
                 maxHeight: "100vh",
                 position: "relative",
-                top: m ? void 0 : `${_}px !important`,
+                top: b ? void 0 : `${E}px !important`,
                 onAnimationComplete: Q,
                 boxShadow: "none",
-                ...m ? {
+                ...b ? {
                   // Mobile drawers should use slide animation, not height expansion
                   initial: !1,
                   animate: !1,
@@ -1335,26 +1335,26 @@ const Ke = 60, mt = 6, Nn = (n) => {
                   transition: { duration: 0.3 }
                 },
                 children: [
-                  !p && !m ? null : /* @__PURE__ */ t.jsxs(
-                    kt,
+                  !g && !b ? null : /* @__PURE__ */ t.jsxs(
+                    _t,
                     {
                       padding: "0",
-                      flexDirection: p ? "column" : "row",
-                      gap: p ? "4" : "0",
+                      flexDirection: g ? "column" : "row",
+                      gap: g ? "4" : "0",
                       children: [
-                        m ? /* @__PURE__ */ t.jsxs(
+                        b ? /* @__PURE__ */ t.jsxs(
                           D,
                           {
                             width: "100%",
                             justifyContent: "space-between",
                             alignItems: "center",
                             children: [
-                              g ? /* @__PURE__ */ t.jsx(
+                              p ? /* @__PURE__ */ t.jsx(
                                 et,
                                 {
                                   icon: /* @__PURE__ */ t.jsx(In, {}),
                                   onClick: () => {
-                                    x && x();
+                                    h && h();
                                   },
                                   "aria-label": "Back"
                                 }
@@ -1364,7 +1364,7 @@ const Ke = 60, mt = 6, Nn = (n) => {
                                 {
                                   color: "tints.uiGrey",
                                   fontSize: "xl",
-                                  children: c
+                                  children: s
                                 }
                               ),
                               /* @__PURE__ */ t.jsx(
@@ -1378,14 +1378,14 @@ const Ke = 60, mt = 6, Nn = (n) => {
                             ]
                           }
                         ) : null,
-                        p && /* @__PURE__ */ t.jsxs(
-                          Rn,
+                        g && /* @__PURE__ */ t.jsxs(
+                          kn,
                           { width: "100%", children: [
                             /* @__PURE__ */ t.jsx(
-                              _n,
+                              Rn,
                               {
                                 onChange: (T) => {
-                                  V(T.target.value);
+                                  G(T.target.value);
                                 },
                                 placeholder: "Search",
                                 autoFocus: !0,
@@ -1394,7 +1394,7 @@ const Ke = 60, mt = 6, Nn = (n) => {
                               }
                             ),
                             /* @__PURE__ */ t.jsx(
-                              kn,
+                              _n,
                               { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(Dn, { as: On, color: "gray.500" }) }
                             )
                           ] }
@@ -1406,12 +1406,12 @@ const Ke = 60, mt = 6, Nn = (n) => {
                     Dt,
                     {
                       paddingX: "0",
-                      paddingBottom: m ? "6" : "4",
-                      "data-testid": `navbar-drawer-body-${c.toLowerCase()}`,
+                      paddingBottom: b ? "6" : "4",
+                      "data-testid": `navbar-drawer-body-${s.toLowerCase()}`,
                       children: /* @__PURE__ */ t.jsxs(
                         ot.div,
                         {
-                          ...m ? {} : {
+                          ...b ? {} : {
                             initial: { opacity: 0, y: -5 },
                             animate: { opacity: 1, y: 0 },
                             exit: { opacity: 0, y: -5 },
@@ -1430,22 +1430,22 @@ const Ke = 60, mt = 6, Nn = (n) => {
                             display: "flex",
                             flexDirection: Kn(
                               f,
-                              !m,
-                              p
+                              !b,
+                              g
                             ),
                             gap: "24px",
                             justifyContent: "space-between"
                           },
                           children: [
                             u ? /* @__PURE__ */ t.jsx(
-                              E,
+                              R,
                               {
-                                gap: m ? "3" : "6",
+                                gap: b ? "3" : "6",
                                 display: "flex",
-                                justifyContent: m ? void 0 : "center",
+                                justifyContent: b ? void 0 : "center",
                                 sx: {
                                   flexWrap: "wrap",
-                                  flexDirection: m ? "column" : "row"
+                                  flexDirection: b ? "column" : "row"
                                 },
                                 children: u
                               }
@@ -1453,20 +1453,20 @@ const Ke = 60, mt = 6, Nn = (n) => {
                             /* @__PURE__ */ t.jsxs(
                               D,
                               {
-                                position: m ? void 0 : "relative",
+                                position: b ? void 0 : "relative",
                                 flexDirection: "column",
                                 gap: "6",
-                                width: m ? "100%" : p ? void 0 : "auto",
+                                width: b ? "100%" : g ? void 0 : "auto",
                                 children: [
-                                  s ? /* @__PURE__ */ t.jsx(E, { children: s }) : null,
-                                  a && m ? /* @__PURE__ */ t.jsx(E, { children: a }) : null,
+                                  i ? /* @__PURE__ */ t.jsx(R, { children: i }) : null,
+                                  c && b ? /* @__PURE__ */ t.jsx(R, { children: c }) : null,
                                   d ? /* @__PURE__ */ t.jsx(
-                                    E,
+                                    R,
                                     {
                                       width: "100%",
-                                      position: m ? void 0 : "absolute",
-                                      bottom: m ? void 0 : 0,
-                                      ...m ? { sx: { a: { width: "100%" } } } : {},
+                                      position: b ? void 0 : "absolute",
+                                      bottom: b ? void 0 : 0,
+                                      ...b ? { sx: { a: { width: "100%" } } } : {},
                                       children: d
                                     }
                                   ) : null
@@ -1490,113 +1490,113 @@ const Ke = 60, mt = 6, Nn = (n) => {
 }, Qn = ({
   source: n,
   onSearchCallback: o,
-  isActive: c
+  isActive: s
 }) => {
-  const [s, a] = U(""), [u, d] = U([]), g = (p, v) => {
-    if (!p) return [];
-    const R = Xe(p).split(/\s+/);
-    return v.filter((S) => {
-      const L = Xe(S.label);
-      if (R.some((P) => bt(L, P))) return !0;
-      const H = L.split(/\s+/), C = R.some((P) => H.some((F) => F.includes(P) || He(P, F))), w = typeof S.additionalContent == "string" && R.some((P) => {
-        const F = Xe(S.additionalContent);
-        return bt(F, P) || F.split(/\s+/).some((V) => V.includes(P) || He(P, V));
+  const [i, c] = U(""), [u, d] = U([]), p = (g, C) => {
+    if (!g) return [];
+    const v = Xe(g).split(/\s+/);
+    return C.filter((w) => {
+      const L = Xe(w.label);
+      if (v.some((P) => mt(L, P))) return !0;
+      const H = L.split(/\s+/), S = v.some((P) => H.some((F) => F.includes(P) || He(P, F))), j = typeof w.additionalContent == "string" && v.some((P) => {
+        const F = Xe(w.additionalContent);
+        return mt(F, P) || F.split(/\s+/).some((G) => G.includes(P) || He(P, G));
       });
-      return C || w;
-    }).sort((S, L) => S.label.localeCompare(L.label));
-  }, x = (p) => {
-    if (a(p), !p) {
+      return S || j;
+    }).sort((w, L) => w.label.localeCompare(L.label));
+  }, h = (g) => {
+    if (c(g), !g) {
       d([]);
       return;
     }
-    const v = g(p, n);
-    d(v), o && o(p, v);
+    const C = p(g, n);
+    d(C), o && o(g, C);
   }, f = () => {
-    a(""), d([]);
+    c(""), d([]);
   };
   return ee(() => {
-    c || (a(""), d([]));
-  }, [c]), {
-    query: s,
+    s || (c(""), d([]));
+  }, [s]), {
+    query: i,
     results: u,
     handleClose: f,
-    handleSearch: x
+    handleSearch: h
   };
 }, qn = (n) => {
   const o = /* @__PURE__ */ new Set();
-  return n.reduce((c, s) => {
+  return n.reduce((s, i) => {
     var u;
-    const a = ((u = s.sections) == null ? void 0 : u.reduce((d, g) => {
-      const x = g.links.filter((f) => o.has(f.label) || f.isSearchable !== !0 ? !1 : (o.add(f.label), !0));
-      return [...d, ...x];
+    const c = ((u = i.sections) == null ? void 0 : u.reduce((d, p) => {
+      const h = p.links.filter((f) => o.has(f.label) || f.isSearchable !== !0 ? !1 : (o.add(f.label), !0));
+      return [...d, ...h];
     }, [])) ?? [];
-    return [...c, ...a];
+    return [...s, ...c];
   }, []);
 }, er = () => {
-  const [n, o] = U(!1), [c, s] = U(!1), [a, u] = U(null);
+  const [n, o] = U(!1), [s, i] = U(!1), [c, u] = U(null);
   return {
     isMainMenuOpen: n,
-    isSearchOpen: c,
-    selectedCategory: a,
+    isSearchOpen: s,
+    selectedCategory: c,
     clearSelectedCategory: () => u(null),
-    handleSelectCategory: (R) => u(R),
+    handleSelectCategory: (v) => u(v),
     closeMainMenu: () => {
       o(!1), u(null);
     },
-    closeSearch: () => s(!1),
-    toggleSearch: () => s((R) => !R),
+    closeSearch: () => i(!1),
+    toggleSearch: () => i((v) => !v),
     openMainMenu: () => o(!0),
-    openSearch: () => s(!0)
+    openSearch: () => i(!0)
   };
 }, xr = ({
   categories: n = [],
   mainCategoryLabel: o = "Menu",
-  logoLink: c = "https://www.everlywell.com",
-  mobileBottomButtons: s = [],
-  linkComponent: a,
+  logoLink: s = "https://www.everlywell.com",
+  mobileBottomButtons: i = [],
+  linkComponent: c,
   onSearchCallback: u,
   onLinkClick: d,
-  onCategoryOpen: g,
-  onLogoClick: x,
+  onCategoryOpen: p,
+  onLogoClick: h,
   shopAllProductsUrl: f,
-  onShopAllProductsClick: p,
-  hideableButtons: v,
-  children: _
+  onShopAllProductsClick: g,
+  hideableButtons: C,
+  children: E
 }) => {
-  var Ee, Se, ie;
-  const R = er(), {
-    isMainMenuOpen: S,
+  var Ee, Se, ae;
+  const v = er(), {
+    isMainMenuOpen: w,
     isSearchOpen: L,
-    closeMainMenu: m,
+    closeMainMenu: b,
     closeSearch: H,
-    clearSelectedCategory: C,
-    selectedCategory: w,
+    clearSelectedCategory: S,
+    selectedCategory: j,
     handleSelectCategory: P
-  } = R, [F, V] = U(!1), [Q, se] = U(!1), [q, ce] = U(0), [ue, te] = U(!1), [B, T] = U(!1);
+  } = v, [F, G] = U(!1), [Q, se] = U(!1), [q, ce] = U(0), [ue, te] = U(!1), [B, T] = U(!1);
   ee(() => {
-    const i = () => te(!0), O = () => te(!1);
-    return window.addEventListener(nt, i), window.addEventListener(rt, O), () => {
+    const a = () => te(!0), O = () => te(!1);
+    return window.addEventListener(nt, a), window.addEventListener(rt, O), () => {
       window.removeEventListener(
         nt,
-        i
+        a
       ), window.removeEventListener(rt, O);
     };
   }, []);
-  const X = me({
+  const X = be({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !0,
     desktop: !0,
     fullDesktop: !0
-  }) ?? !1, Z = me({
+  }) ?? !1, Z = be({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !1,
     desktop: !1,
     fullDesktop: !0
-  }) ?? !1, Te = !Z, Ie = me({
+  }) ?? !1, Te = !Z, Ie = be({
     base: !0,
     tablet: !0,
     largeTablet: !0,
@@ -1605,7 +1605,7 @@ const Ke = 60, mt = 6, Nn = (n) => {
     fullDesktop: !1
   }) ?? !0;
   ee(() => {
-    m(), C();
+    b(), S();
   }, [X]);
   const {
     query: Oe,
@@ -1615,7 +1615,7 @@ const Ke = 60, mt = 6, Nn = (n) => {
     source: qn(n),
     onSearchCallback: u,
     isActive: L
-  }), je = de.length > 0, fe = a || oe, Fe = we(f, !!a), Be = Oe && /* @__PURE__ */ t.jsxs(
+  }), je = de.length > 0, fe = c || oe, Fe = we(f, !!c), Be = Oe && /* @__PURE__ */ t.jsxs(
     D,
     { gap: je ? "6" : 0, direction: "column", children: [
       je ? /* @__PURE__ */ t.jsx(W, { color: "tints.uiGrey", children: `${de.length} Results` }) : /* @__PURE__ */ t.jsxs(
@@ -1629,7 +1629,7 @@ const Ke = 60, mt = 6, Nn = (n) => {
             Et,
             {
               as: fe,
-              onClick: p,
+              onClick: g,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
               ...Fe,
@@ -1641,96 +1641,96 @@ const Ke = 60, mt = 6, Nn = (n) => {
       /* @__PURE__ */ t.jsx(
         rn,
         { columns: [1, 1, 1, 4], children: de.map(
-          (i, O) => /* @__PURE__ */ t.jsx(
+          (a, O) => /* @__PURE__ */ t.jsx(
             on,
             { children: /* @__PURE__ */ t.jsx(
               $e,
               {
-                href: i.href,
-                label: i.label,
-                additionalContent: i == null ? void 0 : i.additionalContent,
-                linkComponent: a,
+                href: a.href,
+                label: a.label,
+                additionalContent: a == null ? void 0 : a.additionalContent,
+                linkComponent: c,
                 forceMobileStyle: !X
               }
             ) },
-            `${i.label}-${O}`
+            `${a.label}-${O}`
           )
         ) }
       )
     ] }
-  ), K = (i) => "href" in i, Ce = (i) => {
-    K(i) ? d == null || d(i.label) : (T(S || !Z), P(i));
-  }, pe = (i) => {
-    V(!0), H(), C(), !K(i) && (i.sections || i.spotlightCards) && (T(!1), P(i));
-  }, ye = () => {
-    V(!1);
+  ), K = (a) => "href" in a, ye = (a) => {
+    K(a) ? d == null || d(a.label) : (T(w || !Z), P(a));
+  }, pe = (a) => {
+    G(!0), H(), S(), !K(a) && (a.sections || a.spotlightCards) && (T(!1), P(a));
+  }, Ce = () => {
+    G(!1);
   };
   ee(() => {
-    const i = (O) => {
+    const a = (O) => {
       se(O.detail.isHovering);
     };
     return window.addEventListener(
       tt,
-      i
+      a
     ), () => {
       window.removeEventListener(
         tt,
-        i
+        a
       );
     };
   }, []), ee(() => {
-    !F && !Q && (C(), H(), !S && Z && T(!1));
-  }, [F, Q, S, Z]), ee(() => {
-    let i = window.location.href;
+    !F && !Q && (S(), H(), !w && Z && T(!1));
+  }, [F, Q, w, Z]), ee(() => {
+    let a = window.location.href;
     const O = () => {
       const $ = window.location.href;
-      $ !== i && (i = $, m(), C());
+      $ !== a && (a = $, b(), S());
     }, I = setInterval(O, 100);
     return window.addEventListener("popstate", O), () => {
       window.removeEventListener("popstate", O), clearInterval(I);
     };
   }, []);
-  const ne = (i) => K(i) && (!i.buttonProps || Object.keys(i.buttonProps).length === 0 || i.buttonProps === void 0), We = n == null ? void 0 : n.map((i, O) => {
+  const ne = (a) => K(a) && (!a.buttonProps || Object.keys(a.buttonProps).length === 0 || a.buttonProps === void 0), We = n == null ? void 0 : n.map((a, O) => {
     var $, ge;
-    const I = v.includes(i.label);
+    const I = C.includes(a.label);
     return /* @__PURE__ */ t.jsx(
       Vn,
       {
         height: "48px",
         paddingInline: "16px !important",
         onMouseEnter: () => {
-          pe(i), g == null || g(i.label);
+          pe(a), p == null || p(a.label);
         },
-        onMouseLeave: ye,
-        isSelected: (w == null ? void 0 : w.label) === i.label,
-        as: K(i) && fe ? fe : oe,
-        href: K(i) ? i.href : void 0,
-        onClick: K(i) ? () => d == null ? void 0 : d(i.label) : void 0,
+        onMouseLeave: Ce,
+        isSelected: (j == null ? void 0 : j.label) === a.label,
+        as: K(a) && fe ? fe : oe,
+        href: K(a) ? a.href : void 0,
+        onClick: K(a) ? () => d == null ? void 0 : d(a.label) : void 0,
         ...I && {
           display: { base: "none", fullDesktop: "flex" }
         },
-        ...(($ = i == null ? void 0 : i.context) == null ? void 0 : $.desktop) === "link" || ne(i) ? {
+        ...(($ = a == null ? void 0 : a.context) == null ? void 0 : $.desktop) === "link" || ne(a) ? {
           _hover: {
             backgroundColor: "tints.lightCream",
             textDecoration: "none",
             filter: "brightness(0.95)"
           }
         } : {},
-        ...((ge = i == null ? void 0 : i.context) == null ? void 0 : ge.desktop) !== "link" && i.buttonProps,
-        children: i.label
+        ...((ge = a == null ? void 0 : a.context) == null ? void 0 : ge.desktop) !== "link" && a.buttonProps,
+        children: a.label
       },
-      `${i.label}-${O}`
+      `${a.label}-${O}`
     );
   }), Pe = (Ee = n.filter(
-    (i) => {
+    (a) => {
       var O;
-      return ((O = i == null ? void 0 : i.context) == null ? void 0 : O.mobile) === "link" || (!K(i) && i.isMobileTopLink !== !1 || ne(i)) && (Te && v.includes(i.label) || Ie);
+      return ((O = a == null ? void 0 : a.context) == null ? void 0 : O.mobile) === "link" || (!K(a) && a.isMobileTopLink !== !1 || ne(a)) && (Te && C.includes(a.label) || Ie);
     }
-  )) == null ? void 0 : Ee.map((i, O) => {
+  )) == null ? void 0 : Ee.map((a, O) => {
     var $;
-    const I = i;
+    const I = a;
     return ne(I) || (($ = I == null ? void 0 : I.context) == null ? void 0 : $.mobile) === "link" ? /* @__PURE__ */ t.jsx(
-      E,
+      R,
       { children: /* @__PURE__ */ t.jsx(
         $e,
         {
@@ -1738,16 +1738,16 @@ const Ke = 60, mt = 6, Nn = (n) => {
           role: "link",
           href: I.href,
           mainTextFontSize: "3xl",
-          linkComponent: a,
+          linkComponent: c,
           forceMobileStyle: !0
         }
       ) },
       `${I.label}-${O}`
     ) : /* @__PURE__ */ t.jsx(
-      E,
+      R,
       {
         onClick: () => {
-          Ce(I), g == null || g(I.label);
+          ye(I), p == null || p(I.label);
         },
         children: /* @__PURE__ */ t.jsx(
           $e,
@@ -1756,7 +1756,7 @@ const Ke = 60, mt = 6, Nn = (n) => {
             role: "link",
             additionalContent: I.additionalContent,
             mainTextFontSize: "3xl",
-            linkComponent: a,
+            linkComponent: c,
             forceMobileStyle: !0
           }
         )
@@ -1765,15 +1765,15 @@ const Ke = 60, mt = 6, Nn = (n) => {
     );
   }), ze = /* @__PURE__ */ t.jsx(
     D,
-    { gap: "2", flexDirection: "column", children: s }
-  ), J = B || S, he = w ? /* @__PURE__ */ t.jsx(
+    { gap: "2", flexDirection: "column", children: i }
+  ), J = B || w, he = j ? /* @__PURE__ */ t.jsx(
     D,
-    { direction: J ? "column" : ["column", null, null, "row"], gap: "8", children: (Se = w == null ? void 0 : w.sections) == null ? void 0 : Se.map((i, O) => {
+    { direction: J ? "column" : ["column", null, null, "row"], gap: "8", children: (Se = j == null ? void 0 : j.sections) == null ? void 0 : Se.map((a, O) => {
       const I = [];
-      for (let $ = 0; $ < i.links.length; $ += 3)
-        I.push(i.links.slice($, $ + 3));
+      for (let $ = 0; $ < a.links.length; $ += 3)
+        I.push(a.links.slice($, $ + 3));
       return /* @__PURE__ */ t.jsxs(
-        E,
+        R,
         { children: [
           /* @__PURE__ */ t.jsx(
             W,
@@ -1781,7 +1781,7 @@ const Ke = 60, mt = 6, Nn = (n) => {
               fontSize: "md",
               color: "tints.uiGrey",
               marginBottom: J ? 0 : [0, null, null, 6],
-              children: i.title
+              children: a.title
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -1803,7 +1803,7 @@ const Ke = 60, mt = 6, Nn = (n) => {
                           label: re.label,
                           href: re.href,
                           additionalContent: re.additionalContent,
-                          linkComponent: a,
+                          linkComponent: c,
                           forceMobileStyle: J,
                           onClick: () => d == null ? void 0 : d(re.label)
                         },
@@ -1817,21 +1817,21 @@ const Ke = 60, mt = 6, Nn = (n) => {
             }
           )
         ] },
-        `${i.title}-${O}`
+        `${a.title}-${O}`
       );
     }) }
-  ) : null, ae = w != null && w.spotlightCards ? (ie = w.spotlightCards) == null ? void 0 : ie.map(
-    (i, O) => /* @__PURE__ */ t.jsx(
-      Yn,
+  ) : null, ie = j != null && j.spotlightCards ? (ae = j.spotlightCards) == null ? void 0 : ae.map(
+    (a, O) => /* @__PURE__ */ t.jsx(
+      Gn,
       {
-        ...i,
+        ...a,
         forceMobileStyle: J
       },
-      `${i.title}-${O}`
+      `${a.title}-${O}`
     )
-  ) : /* @__PURE__ */ t.jsx(E, {});
+  ) : /* @__PURE__ */ t.jsx(R, {});
   return /* @__PURE__ */ t.jsxs(
-    E,
+    R,
     {
       as: "nav",
       "aria-label": "Main navigation",
@@ -1841,24 +1841,24 @@ const Ke = 60, mt = 6, Nn = (n) => {
       zIndex: ["sticky", null, null, ue ? "modal" : "sticky"],
       children: [
         /* @__PURE__ */ t.jsx(
-          Gn,
+          Yn,
           {
             desktopTopButtons: We,
-            logoLink: c,
-            linkComponent: a,
-            onLogoClick: x,
+            logoLink: s,
+            linkComponent: c,
+            onLogoClick: h,
             setTopOffset: ce,
-            rightSideButtons: typeof _ == "function" ? _(R) : _
+            rightSideButtons: typeof E == "function" ? E(v) : E
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          E,
+          R,
           { position: "relative", zIndex: "modal", children: [
             /* @__PURE__ */ t.jsx(
               Je,
               {
-                isOpen: S,
-                onClose: m,
+                isOpen: w,
+                onClose: b,
                 title: o,
                 navDrawerLinks: Pe,
                 bottomNavButtons: ze,
@@ -1870,21 +1870,21 @@ const Ke = 60, mt = 6, Nn = (n) => {
             /* @__PURE__ */ t.jsx(
               Je,
               {
-                isOpen: !!w,
+                isOpen: !!j,
                 onClose: () => {
-                  m(), C(), S || T(!1);
+                  b(), S(), w || T(!1);
                 },
-                title: (w == null ? void 0 : w.label) || "",
+                title: (j == null ? void 0 : j.label) || "",
                 navDrawerLinks: he,
                 onBackClick: () => {
-                  C(), S || T(!1);
+                  S(), w || T(!1);
                 },
-                spotlightCards: ae,
-                hasOnlySpotlightCards: w == null ? void 0 : w.hasOnlySpotlightCards,
-                bottomButton: w == null ? void 0 : w.bottomButton,
+                spotlightCards: ie,
+                hasOnlySpotlightCards: j == null ? void 0 : j.hasOnlySpotlightCards,
+                bottomButton: j == null ? void 0 : j.bottomButton,
                 topOffset: q,
-                forceMobilePlacement: B || S || // Below 1400px, if main menu is open, always use mobile closing
-                S && !Z
+                forceMobilePlacement: B || w || // Below 1400px, if main menu is open, always use mobile closing
+                w && !Z
               }
             ),
             /* @__PURE__ */ t.jsx(
@@ -1905,33 +1905,38 @@ const Ke = 60, mt = 6, Nn = (n) => {
       ]
     }
   );
-}, Ct = ({ links: n, linkComponent: o, onLinkClick: c }) => {
-  const s = o || oe, a = (u) => {
-    c && c(u);
+}, yt = ({
+  links: n,
+  linkComponent: o,
+  onLinkClick: s,
+  footerTheme: i
+}) => {
+  const c = o || oe, u = (d) => {
+    s && s(d);
   };
   return /* @__PURE__ */ t.jsx(
     D,
     { direction: "column", gap: 6, children: n.map(
-      (u) => /* @__PURE__ */ t.jsx(
+      (d) => /* @__PURE__ */ t.jsx(
         W,
         {
-          as: s,
-          color: "white",
+          as: c,
+          color: i === "dark" ? "white" : "viridian.base",
           size: "lg",
           _hover: { color: "viridian.lighter", textDecoration: "none" },
-          onClick: () => a(u.label),
-          ...we(u.href, !!o),
-          children: u.label
+          onClick: () => u(d.label),
+          ...we(d.href, !!o),
+          children: d.label
         },
-        u.label
+        d.label
       )
     ) }
   );
-}, tr = ({ title: n, links: o, isLast: c }) => {
-  const s = c ? "transparent" : `${G.colors.viridian.lighter}20`;
+}, tr = ({ title: n, links: o, isLast: s }) => {
+  const i = s ? "transparent" : `${V.colors.viridian.lighter}20`;
   return o ? /* @__PURE__ */ t.jsx(
     ln,
-    { borderColor: s, children: ({ isExpanded: a }) => /* @__PURE__ */ t.jsxs(
+    { borderColor: i, children: ({ isExpanded: c }) => /* @__PURE__ */ t.jsxs(
       t.Fragment,
       { children: [
         /* @__PURE__ */ t.jsxs(
@@ -1942,12 +1947,12 @@ const Ke = 60, mt = 6, Nn = (n) => {
               { color: "viridian.lighter", size: "lg", flex: "1", textAlign: "left", children: n }
             ),
             /* @__PURE__ */ t.jsx(
-              be,
+              me,
               {
                 as: Ln,
                 size: "sm",
                 color: "viridian.lighter",
-                transform: a ? "rotate(-180deg)" : "rotate(0deg)",
+                transform: c ? "rotate(-180deg)" : "rotate(0deg)",
                 transition: "transform 0.3s ease"
               }
             )
@@ -1960,50 +1965,58 @@ const Ke = 60, mt = 6, Nn = (n) => {
       ] }
     ) }
   ) : null;
-}, nr = ({ title: n, links: o }) => o ? /* @__PURE__ */ t.jsxs(
-  E,
+}, nr = ({
+  title: n,
+  links: o,
+  footerTheme: s
+}) => o ? /* @__PURE__ */ t.jsxs(
+  R,
   { children: [
     /* @__PURE__ */ t.jsx(
       W,
-      { color: "viridian.lighter", mb: 6, fontSize: "lg", children: n }
+      {
+        color: s === "dark" ? "viridian.lighter" : "tints.darkGrey",
+        mb: 6,
+        fontSize: "lg",
+        children: n
+      }
     ),
     o
   ] }
 ) : null, rr = ({
   sections: n,
   linkComponent: o,
-  onLinkClick: c
-}) => me({
+  onLinkClick: s,
+  footerTheme: i
+}) => be({
   base: !1,
   tablet: !1,
   largeTablet: !0,
   desktop: !0
 }) ? /* @__PURE__ */ t.jsx(
   D,
-  {
-    justify: "space-between",
-    align: "flex-start",
-    children: /* @__PURE__ */ t.jsx(
-      D,
-      { gap: 120, children: n.map(
-        ({ title: a, links: u }) => /* @__PURE__ */ t.jsx(
-          nr,
-          {
-            title: a,
-            links: /* @__PURE__ */ t.jsx(
-              Ct,
-              {
-                links: u,
-                linkComponent: o,
-                onLinkClick: c
-              }
-            )
-          },
-          a
-        )
-      ) }
-    )
-  }
+  { justify: "space-between", align: "flex-start", children: /* @__PURE__ */ t.jsx(
+    D,
+    { gap: 120, children: n.map(
+      ({ title: u, links: d }) => /* @__PURE__ */ t.jsx(
+        nr,
+        {
+          footerTheme: i,
+          title: u,
+          links: /* @__PURE__ */ t.jsx(
+            yt,
+            {
+              links: d,
+              linkComponent: o,
+              onLinkClick: s,
+              footerTheme: i
+            }
+          )
+        },
+        u
+      )
+    ) }
+  ) }
 ) : /* @__PURE__ */ t.jsx(
   an,
   {
@@ -2013,25 +2026,26 @@ const Ke = 60, mt = 6, Nn = (n) => {
     display: "flex",
     flexDirection: "column",
     children: n.map(
-      ({ title: a, links: u }, d) => /* @__PURE__ */ t.jsx(
+      ({ title: u, links: d }, p) => /* @__PURE__ */ t.jsx(
         tr,
         {
-          title: a,
+          title: u,
           links: /* @__PURE__ */ t.jsx(
-            Ct,
+            yt,
             {
-              links: u,
+              links: d,
               linkComponent: o,
-              onLinkClick: c
+              onLinkClick: s,
+              footerTheme: i
             }
           ),
-          isLast: d === n.length - 1
+          isLast: p === n.length - 1
         },
-        a
+        u
       )
     )
   }
-), yt = {
+), Ct = {
   instagram: An,
   linkedin: Mn,
   facebook: $n,
@@ -2040,27 +2054,33 @@ const Ke = 60, mt = 6, Nn = (n) => {
 }, or = ({
   socialLinks: n,
   onEmailSubmit: o,
-  socialMediaLabel: c,
-  newsletterLabel: s,
-  onLinkClick: a,
-  showNewsletter: u = !0
+  socialMediaLabel: s,
+  newsletterLabel: i,
+  onLinkClick: c,
+  showNewsletter: u = !0,
+  footerTheme: d
 }) => {
-  const [d, g] = De.useState(""), x = () => {
-    d && o && (o(d), g(""));
-  }, f = (v) => {
-    v.key === "Enter" && x();
-  }, p = (v) => {
-    a && a(v);
+  const p = d === "dark", [h, f] = De.useState(""), g = () => {
+    h && o && (o(h), f(""));
+  }, C = (v) => {
+    v.key === "Enter" && g();
+  }, E = (v) => {
+    c && c(v);
   };
   return /* @__PURE__ */ t.jsxs(
-    E,
+    R,
     { width: ["100%", null, null, "440px"], children: [
       u && /* @__PURE__ */ t.jsxs(
-        E,
+        R,
         { mb: [8, 10], children: [
           /* @__PURE__ */ t.jsx(
             W,
-            { color: "viridian.lighter", mb: 6, size: "lg", children: s }
+            {
+              color: p ? "viridian.lighter" : "tints.darkGrey",
+              mb: 6,
+              size: "lg",
+              children: i
+            }
           ),
           /* @__PURE__ */ t.jsxs(
             un,
@@ -2069,31 +2089,33 @@ const Ke = 60, mt = 6, Nn = (n) => {
                 dn,
                 {
                   placeholder: "Enter your email",
-                  bg: "transparent",
+                  bg: p ? "transparent" : "tints.white",
                   border: "1px solid",
-                  borderColor: "viridian.lighter",
-                  color: "viridian.lighter",
-                  _placeholder: { color: "viridian.lighter" },
+                  borderColor: p ? "viridian.lighter" : "tints.darkCream",
+                  color: p ? "viridian.lighter" : "tints.darkGrey",
+                  _placeholder: {
+                    color: p ? "viridian.lighter" : "tints.darkGrey"
+                  },
                   opacity: 0.66,
                   height: "52px",
                   pr: "48px",
-                  value: d,
-                  onChange: (v) => g(v.target.value),
-                  onKeyPress: f
+                  value: h,
+                  onChange: (v) => f(v.target.value),
+                  onKeyPress: C
                 }
               ),
               /* @__PURE__ */ t.jsx(
                 fn,
                 { h: "52px", pr: 4, children: /* @__PURE__ */ t.jsx(
-                  be,
+                  me,
                   {
                     as: Pn,
-                    color: "viridian.lighter",
+                    color: p ? "viridian.lighter" : "viridian.base",
                     width: "24px",
                     height: "24px",
                     opacity: 0.66,
                     cursor: "pointer",
-                    onClick: x,
+                    onClick: g,
                     "data-testid": "arrow-right-icon",
                     role: "button",
                     "aria-label": "Submit"
@@ -2105,11 +2127,16 @@ const Ke = 60, mt = 6, Nn = (n) => {
         ] }
       ),
       /* @__PURE__ */ t.jsxs(
-        E,
+        R,
         { children: [
           /* @__PURE__ */ t.jsx(
             W,
-            { color: "viridian.lighter", marginBottom: 4, size: "lg", children: c }
+            {
+              color: p ? "viridian.lighter" : "tints.darkGrey",
+              marginBottom: 4,
+              size: "lg",
+              children: s
+            }
           ),
           /* @__PURE__ */ t.jsx(
             D,
@@ -2121,12 +2148,12 @@ const Ke = 60, mt = 6, Nn = (n) => {
                   target: "_blank",
                   rel: "noopener noreferrer",
                   "aria-label": v.name,
-                  onClick: () => p(v.name),
-                  children: yt[v.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
-                    be,
+                  onClick: () => E(v.name),
+                  children: Ct[v.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
+                    me,
                     {
-                      as: yt[v.name.toLowerCase()],
-                      color: "white",
+                      as: Ct[v.name.toLowerCase()],
+                      color: p ? "white" : "viridian.base",
                       width: ["48px", null, "24px", null],
                       height: ["48px", null, "24px", null]
                     }
@@ -2140,26 +2167,27 @@ const Ke = 60, mt = 6, Nn = (n) => {
       )
     ] }
   );
-}, ar = ({
+}, ir = ({
   links: n,
   linkComponent: o,
-  onLinkClick: c
+  onLinkClick: s,
+  footerTheme: i
 }) => {
-  const s = o || oe, a = (d) => {
-    c && c(d);
-  }, u = n == null ? void 0 : n.map(
-    (d) => /* @__PURE__ */ t.jsx(
+  const c = o || oe, u = i === "dark", d = (h) => {
+    s && s(h);
+  }, p = n == null ? void 0 : n.map(
+    (h) => /* @__PURE__ */ t.jsx(
       W,
       {
-        as: s,
-        color: "viridian.lighter",
+        as: c,
+        color: u ? "viridian.lighter" : "viridian.base",
         size: "sm",
-        _hover: { color: "white", textDecoration: "none" },
-        onClick: () => a(d.label),
-        ...we(d.href, !!o),
-        children: d.label
+        _hover: { color: u ? "white" : "viridian.lighter", textDecoration: "none" },
+        onClick: () => d(h.label),
+        ...we(h.href, !!o),
+        children: h.label
       },
-      d.label
+      h.label
     )
   );
   return /* @__PURE__ */ t.jsxs(
@@ -2177,15 +2205,19 @@ const Ke = 60, mt = 6, Nn = (n) => {
             flexWrap: "wrap",
             gap: [4, 6, 10],
             width: ["100%", "auto"],
-            children: u
+            children: p
           }
         ),
         /* @__PURE__ */ t.jsxs(
           W,
-          { color: "viridian.lighter", fontSize: "sm", children: [
-            "© Everlywell ",
-            (/* @__PURE__ */ new Date()).getFullYear()
-          ] }
+          {
+            color: u ? "viridian.lighter" : "tints.darkGrey",
+            fontSize: "sm",
+            children: [
+              "© Everlywell ",
+              (/* @__PURE__ */ new Date()).getFullYear()
+            ]
+          }
         )
       ]
     }
@@ -2193,162 +2225,184 @@ const Ke = 60, mt = 6, Nn = (n) => {
 }, vr = De.forwardRef(({
   navigationSections: n = [],
   disclaimer: o,
-  newsletterLabel: c,
-  socialMediaLabel: s,
-  socialLinks: a,
+  newsletterLabel: s,
+  socialMediaLabel: i,
+  socialLinks: c,
   complianceLinks: u,
   linkComponent: d,
-  onEmailSubmit: g,
-  additionalContent: x,
+  onEmailSubmit: p,
+  additionalContent: h,
   onLinkClick: f,
-  onSocialMediaClick: p,
-  showNewsletter: v = !0
-}, _) => /* @__PURE__ */ t.jsx(
-  E,
-  { as: "footer", bg: "viridian.dark", py: [6, 8], px: [4, 6], ref: _, children: /* @__PURE__ */ t.jsxs(
-    pn,
-    { size: "fluid", children: [
-      /* @__PURE__ */ t.jsxs(
-        D,
-        { direction: "column", gap: [8, 12], children: [
-          /* @__PURE__ */ t.jsx(
-            E,
-            { children: /* @__PURE__ */ t.jsx(Lt, { width: ["150px", "202px"], color: "white" }) }
-          ),
+  onSocialMediaClick: g,
+  showNewsletter: C = !0,
+  footerTheme: E = "dark"
+}, v) => {
+  const w = E === "dark";
+  return /* @__PURE__ */ t.jsx(
+    R,
+    {
+      as: "footer",
+      bg: w ? "viridian.dark" : "tints.lightCream",
+      py: [6, 8],
+      px: [4, 6],
+      ref: v,
+      children: /* @__PURE__ */ t.jsxs(
+        pn,
+        { size: "fluid", children: [
           /* @__PURE__ */ t.jsxs(
             D,
-            {
-              direction: ["column", null, null, "row"],
-              justify: "space-between",
-              align: ["flex-start"],
-              gap: [8, 8, 8, 0],
-              children: [
-                /* @__PURE__ */ t.jsx(
-                  rr,
-                  {
-                    sections: n,
-                    linkComponent: d,
-                    onLinkClick: f
-                  }
-                ),
-                /* @__PURE__ */ t.jsx(
-                  or,
+            { direction: "column", gap: [8, 12], children: [
+              /* @__PURE__ */ t.jsx(
+                R,
+                { children: /* @__PURE__ */ t.jsx(
+                  Lt,
                   {
-                    socialLinks: a,
-                    newsletterLabel: c,
-                    socialMediaLabel: s,
-                    onEmailSubmit: g,
-                    onLinkClick: p,
-                    showNewsletter: v
+                    width: ["150px", "202px"],
+                    color: w ? "white" : V.colors.viridian.base
                   }
-                )
-              ]
+                ) }
+              ),
+              /* @__PURE__ */ t.jsxs(
+                D,
+                {
+                  direction: ["column", null, null, "row"],
+                  justify: "space-between",
+                  align: ["flex-start"],
+                  gap: [8, 8, 8, 0],
+                  children: [
+                    /* @__PURE__ */ t.jsx(
+                      rr,
+                      {
+                        sections: n,
+                        linkComponent: d,
+                        onLinkClick: f,
+                        footerTheme: E
+                      }
+                    ),
+                    /* @__PURE__ */ t.jsx(
+                      or,
+                      {
+                        socialLinks: c,
+                        newsletterLabel: s,
+                        socialMediaLabel: i,
+                        onEmailSubmit: p,
+                        onLinkClick: g,
+                        showNewsletter: C,
+                        footerTheme: E
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ t.jsxs(
+                D,
+                {
+                  direction: ["column", "column", "row"],
+                  justify: "space-between",
+                  alignContent: "center",
+                  align: ["flex-start", "flex-start", "center"],
+                  gap: [6, 6, 0],
+                  children: [
+                    typeof o == "string" ? /* @__PURE__ */ t.jsx(
+                      W,
+                      {
+                        color: w ? "viridian.lighter" : "tints.uiGrey",
+                        fontSize: "sm",
+                        maxWidth: ["100%", "100%", "1024px"],
+                        dangerouslySetInnerHTML: { __html: o },
+                        sx: {
+                          "a:hover": {
+                            color: w ? "viridian.light" : "viridian.base",
+                            textDecoration: "underline"
+                          }
+                        }
+                      }
+                    ) : o,
+                    h
+                  ]
+                }
+              )
+            ] }
+          ),
+          /* @__PURE__ */ t.jsx(
+            R,
+            {
+              borderTop: "1px solid",
+              borderColor: w ? `${V.colors.viridian.lighter}20` : "tints.darkCream",
+              marginTop: "10",
+              marginBottom: "8"
             }
           ),
-          /* @__PURE__ */ t.jsxs(
-            D,
+          /* @__PURE__ */ t.jsx(
+            ir,
             {
-              direction: ["column", "column", "row"],
-              justify: "space-between",
-              alignContent: "center",
-              align: ["flex-start", "flex-start", "center"],
-              gap: [6, 6, 0],
-              children: [
-                o && /* @__PURE__ */ t.jsx(
-                  W,
-                  {
-                    color: "viridian.lighter",
-                    fontSize: "sm",
-                    maxWidth: ["100%", "100%", "1024px"],
-                    dangerouslySetInnerHTML: { __html: o },
-                    sx: {
-                      "a:hover": { color: "viridian.light", textDecoration: "underline" }
-                    }
-                  }
-                ),
-                x
-              ]
+              links: u,
+              linkComponent: d,
+              onLinkClick: f,
+              footerTheme: E
             }
           )
         ] }
-      ),
-      /* @__PURE__ */ t.jsx(
-        E,
-        {
-          borderTop: "1px solid",
-          borderColor: `${G.colors.viridian.lighter}20`,
-          marginTop: "10",
-          marginBottom: "8"
-        }
-      ),
-      /* @__PURE__ */ t.jsx(
-        ar,
-        {
-          disclaimer: o,
-          links: u,
-          linkComponent: d,
-          onLinkClick: f
-        }
       )
-    ] }
-  ) }
-)), ir = (n) => n ? {
-  Container: _t,
-  Overlay: Rt,
+    }
+  );
+}), ar = (n) => n ? {
+  Container: Rt,
+  Overlay: kt,
   Content: St,
-  Header: kt,
+  Header: _t,
   Body: Dt,
   Footer: hn,
   CloseButton: gn
 } : {
   Container: xn,
   Overlay: vn,
-  Content: mn,
-  Header: bn,
+  Content: bn,
+  Header: mn,
   Body: wn,
   Footer: jn,
-  CloseButton: Cn
-}, mr = ({
+  CloseButton: yn
+}, br = ({
   isOpen: n,
   onClose: o,
-  children: c,
-  header: s,
-  footer: a,
+  children: s,
+  header: i,
+  footer: c,
   headerProps: u,
   bodyProps: d,
-  footerProps: g,
-  contentProps: x,
+  footerProps: p,
+  contentProps: h,
   ...f
 }) => {
-  var w, P, F, V, Q;
-  const [p] = Qe(`(max-width: ${G.breakpoints.tablet})`), v = (Q = (V = (F = (P = (w = G) == null ? void 0 : w.components) == null ? void 0 : P.Modal) == null ? void 0 : F.baseStyle) == null ? void 0 : V.overlay) == null ? void 0 : Q.background, {
-    Container: _,
-    Overlay: R,
-    Content: S,
+  var j, P, F, G, Q;
+  const [g] = Qe(`(max-width: ${V.breakpoints.tablet})`), C = (Q = (G = (F = (P = (j = V) == null ? void 0 : j.components) == null ? void 0 : P.Modal) == null ? void 0 : F.baseStyle) == null ? void 0 : G.overlay) == null ? void 0 : Q.background, {
+    Container: E,
+    Overlay: v,
+    Content: w,
     Header: L,
-    Body: m,
+    Body: b,
     Footer: H,
-    CloseButton: C
-  } = ir(p);
+    CloseButton: S
+  } = ar(g);
   return /* @__PURE__ */ t.jsxs(
-    _,
+    E,
     {
       ...f,
       isOpen: n,
       onClose: o,
       size: "xl",
-      ...p ? { placement: "bottom" } : {},
+      ...g ? { placement: "bottom" } : {},
       children: [
-        /* @__PURE__ */ t.jsx(R, { backdropFilter: "auto", backgroundColor: v }),
+        /* @__PURE__ */ t.jsx(v, { backdropFilter: "auto", backgroundColor: C }),
         /* @__PURE__ */ t.jsxs(
-          S,
+          w,
           {
             backgroundColor: "tints.white",
-            borderRadius: p ? "20px 20px 0 0" : "20px",
+            borderRadius: g ? "20px 20px 0 0" : "20px",
             overflowY: "auto",
             gap: 0,
-            ...s && p && { paddingTop: 0 },
-            ...x,
+            ...i && g && { paddingTop: 0 },
+            ...h,
             children: [
               /* @__PURE__ */ t.jsxs(
                 L,
@@ -2365,12 +2419,12 @@ const Ke = 60, mt = 6, Nn = (n) => {
                   zIndex: "modal",
                   backgroundColor: "tints.white",
                   paddingInline: 4,
-                  ...p ? { paddingBlock: 4 } : { paddingTop: 6, paddingBlockEnd: 2 },
+                  ...g ? { paddingBlock: 4 } : { paddingTop: 6, paddingBlockEnd: 2 },
                   ...u,
                   children: [
-                    s,
+                    i,
                     /* @__PURE__ */ t.jsx(
-                      C,
+                      S,
                       {
                         position: "static",
                         width: 32,
@@ -2381,22 +2435,22 @@ const Ke = 60, mt = 6, Nn = (n) => {
                             fontSize: "1rem"
                           }
                         },
-                        children: /* @__PURE__ */ t.jsx(be, { as: Ot, weight: "light" })
+                        children: /* @__PURE__ */ t.jsx(me, { as: Ot, weight: "light" })
                       }
                     )
                   ]
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                m,
+                b,
                 {
                   color: "tints.darkGrey",
                   paddingInline: 4,
                   ...d,
-                  children: c
+                  children: s
                 }
               ),
-              /* @__PURE__ */ t.jsx(H, { paddingInline: 4, ...g, children: a })
+              /* @__PURE__ */ t.jsx(H, { paddingInline: 4, ...p, children: c })
             ]
           }
         )
@@ -2407,16 +2461,16 @@ const Ke = 60, mt = 6, Nn = (n) => {
 export {
   hr as BasketButton,
   pr as CategoryLabel,
-  mr as DrawerModal,
+  br as DrawerModal,
   vr as Footer,
   Vn as NavButton,
   gr as NavSkeleton,
   Je as NavbarDrawer,
   $e as NavbarDrawerLink,
   xr as NavigationBar,
-  Yn as SpotlightCard,
+  Gn as SpotlightCard,
   fr as Stepper,
   et as TopNavIconButton,
-  Gn as TopNavigation,
+  Yn as TopNavigation,
   er as useNavigationBar
 };