@everlywell/consumer-ui 1.46.0 → 1.46.2

package/index.mjs

@@ -1,9 +1,9 @@
-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 { useSteps as Qt, Box as R, Stepper as qt, Icon as we, 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 se, { useEffect as ee, forwardRef as Tt, useRef as Cn, useCallback as It, useState as U } from "react";
+import { Text as En, useBreakpointValue as me, 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: {} }, Re = {};
+var qe = { exports: {} }, _e = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -15,19 +15,19 @@ var qe = { exports: {} }, Re = {};
  */
 var xt;
 function Wn() {
-  if (xt) return Re;
+  if (xt) return _e;
   xt = 1;
-  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 };
+  var n = se, o = Symbol.for("react.element"), s = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function d(h, g, p) {
+    var f, C = {}, E = null, v = null;
+    p !== void 0 && (E = "" + p), g.key !== void 0 && (E = "" + g.key), g.ref !== void 0 && (v = g.ref);
+    for (f in g) a.call(g, f) && !u.hasOwnProperty(f) && (C[f] = g[f]);
+    if (h && h.defaultProps) for (f in g = h.defaultProps, g) C[f] === void 0 && (C[f] = g[f]);
+    return { $$typeof: o, type: h, key: E, ref: v, props: C, _owner: c.current };
   }
-  return Re.Fragment = s, Re.jsx = d, Re.jsxs = d, Re;
+  return _e.Fragment = s, _e.jsx = d, _e.jsxs = d, _e;
 }
-var _e = {};
+var De = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -40,7 +40,7 @@ var _e = {};
 var vt;
 function zn() {
   return vt || (vt = 1, process.env.NODE_ENV !== "production" && function() {
-    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";
+    var n = se, o = Symbol.for("react.element"), s = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), h = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), f = 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;
@@ -65,16 +65,16 @@ function zn() {
         _.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, _);
       }
     }
-    var P = !1, F = !1, G = !1, Q = !1, se = !1, q;
+    var P = !1, F = !1, Y = !1, Q = !1, ce = !1, q;
     q = Symbol.for("react.module.reference");
-    function ce(e) {
-      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
+    function ue(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === a || e === u || ce || e === c || e === p || e === f || Q || e === v || P || F || Y || typeof e == "object" && e !== null && (e.$$typeof === E || e.$$typeof === C || e.$$typeof === d || e.$$typeof === h || e.$$typeof === g || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       e.$$typeof === q || e.getModuleId !== void 0));
     }
-    function ue(e, r, l) {
+    function de(e, r, l) {
       var x = e.displayName;
       if (x)
         return x;
@@ -92,7 +92,7 @@ function zn() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case i:
+        case a:
           return "Fragment";
         case s:
           return "Portal";
@@ -100,21 +100,21 @@ function zn() {
           return "Profiler";
         case c:
           return "StrictMode";
-        case f:
+        case p:
           return "Suspense";
-        case g:
+        case f:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case p:
+          case h:
             var r = e;
             return te(r) + ".Consumer";
           case d:
             var l = e;
             return te(l._context) + ".Provider";
-          case h:
-            return ue(e, e.render, "ForwardRef");
+          case g:
+            return de(e, e.render, "ForwardRef");
           case C:
             var x = e.displayName || null;
             return x !== null ? x : B(e.type) || "Memo";
@@ -129,18 +129,18 @@ function zn() {
         }
       return null;
     }
-    var T = Object.assign, X = 0, Z, Te, Ie, Oe, de, Le, je;
-    function fe() {
+    var T = Object.assign, X = 0, Z, Te, Ie, Oe, fe, Le, ye;
+    function pe() {
     }
-    fe.__reactDisabledLog = !0;
+    pe.__reactDisabledLog = !0;
     function Fe() {
       {
         if (X === 0) {
-          Z = console.log, Te = console.info, Ie = console.warn, Oe = console.error, de = console.group, Le = console.groupCollapsed, je = console.groupEnd;
+          Z = console.log, Te = console.info, Ie = console.warn, Oe = console.error, fe = console.group, Le = console.groupCollapsed, ye = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: fe,
+            value: pe,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -178,40 +178,40 @@ function zn() {
               value: Oe
             }),
             group: T({}, e, {
-              value: de
+              value: fe
             }),
             groupCollapsed: T({}, e, {
               value: Le
             }),
             groupEnd: T({}, e, {
-              value: je
+              value: ye
             })
           });
         }
         X < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var K = H.ReactCurrentDispatcher, ye;
-    function pe(e, r, l) {
+    var K = H.ReactCurrentDispatcher, Ce;
+    function he(e, r, l) {
       {
-        if (ye === void 0)
+        if (Ce === void 0)
           try {
             throw Error();
           } catch (k) {
             var x = k.stack.trim().match(/\n( *(at )?)/);
-            ye = x && x[1] || "";
+            Ce = x && x[1] || "";
           }
         return `
-` + ye + e;
+` + Ce + e;
       }
     }
-    var Ce = !1, ne;
+    var Ee = !1, ne;
     {
       var We = typeof WeakMap == "function" ? WeakMap : Map;
       ne = new We();
     }
     function Pe(e, r) {
-      if (!e || Ce)
+      if (!e || Ee)
         return "";
       {
         var l = ne.get(e);
@@ -219,7 +219,7 @@ function zn() {
           return l;
       }
       var x;
-      Ce = !0;
+      Ee = !0;
       var k = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var _;
@@ -267,18 +267,18 @@ function zn() {
               if (A !== 1 || M !== 1)
                 do
                   if (A--, M--, M < 0 || m[A] !== z[M]) {
-                    var Y = `
+                    var G = `
 ` + 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;
+                    return e.displayName && G.includes("<anonymous>") && (G = G.replace("<anonymous>", e.displayName)), typeof e == "function" && ne.set(e, G), G;
                   }
                 while (A >= 1 && M >= 0);
               break;
             }
         }
       } finally {
-        Ce = !1, K.current = _, Be(), Error.prepareStackTrace = k;
+        Ee = !1, K.current = _, Be(), Error.prepareStackTrace = k;
       }
-      var ve = e ? e.displayName || e.name : "", le = ve ? pe(ve) : "";
+      var be = e ? e.displayName || e.name : "", le = be ? he(be) : "";
       return typeof e == "function" && ne.set(e, le), le;
     }
     function ze(e, r, l) {
@@ -288,46 +288,46 @@ function zn() {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function he(e, r, l) {
+    function ge(e, r, l) {
       if (e == null)
         return "";
       if (typeof e == "function")
         return Pe(e, J(e));
       if (typeof e == "string")
-        return pe(e);
+        return he(e);
       switch (e) {
+        case p:
+          return he("Suspense");
         case f:
-          return pe("Suspense");
-        case g:
-          return pe("SuspenseList");
+          return he("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case h:
+          case g:
             return ze(e.render);
           case C:
-            return he(e.type, r, l);
+            return ge(e.type, r, l);
           case E: {
             var x = e, k = x._payload, _ = x._init;
             try {
-              return he(_(k), r, l);
+              return ge(_(k), r, l);
             } catch {
             }
           }
         }
       return "";
     }
-    var ie = Object.prototype.hasOwnProperty, Ee = {}, Se = H.ReactDebugCurrentFrame;
-    function ae(e) {
+    var ae = Object.prototype.hasOwnProperty, Se = {}, ke = H.ReactDebugCurrentFrame;
+    function ie(e) {
       if (e) {
-        var r = e._owner, l = he(e.type, e._source, r ? r.type : null);
-        Se.setExtraStackFrame(l);
+        var r = e._owner, l = ge(e.type, e._source, r ? r.type : null);
+        ke.setExtraStackFrame(l);
       } else
-        Se.setExtraStackFrame(null);
+        ke.setExtraStackFrame(null);
     }
-    function a(e, r, l, x, k) {
+    function i(e, r, l, x, k) {
       {
-        var _ = Function.call.bind(ie);
+        var _ = Function.call.bind(ae);
         for (var y in e)
           if (_(e, y)) {
             var m = void 0;
@@ -340,7 +340,7 @@ function zn() {
             } catch (A) {
               m = A;
             }
-            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));
+            m && !(m instanceof Error) && (ie(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), ie(null)), m instanceof Error && !(m.message in Se) && (Se[m.message] = !0, ie(k), S("Failed %s type: %s", l, m.message), ie(null));
           }
       }
     }
@@ -354,7 +354,7 @@ function zn() {
         return l;
       }
     }
-    function ge(e) {
+    function xe(e) {
       try {
         return re(e), !1;
       } catch {
@@ -365,18 +365,18 @@ function zn() {
       return "" + e;
     }
     function Ae(e) {
-      if (ge(e))
+      if (xe(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 ke = H.ReactCurrentOwner, Pt = {
+    var Re = H.ReactCurrentOwner, Pt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, it, at, Ne;
+    }, at, it, Ne;
     Ne = {};
     function At(e) {
-      if (ie.call(e, "ref")) {
+      if (ae.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 (ie.call(e, "key")) {
+      if (ae.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" && 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);
+      if (typeof e.ref == "string" && Re.current && r && Re.current.stateNode !== r) {
+        var l = B(Re.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(Re.current.type), e.ref), Ne[l] = !0);
       }
     }
     function Ht(e, r) {
       {
         var l = function() {
-          it || (it = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          at || (at = !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() {
-          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));
+          it || (it = !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,
@@ -453,7 +453,7 @@ function zn() {
         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[_]);
+          ae.call(r, _) && !Pt.hasOwnProperty(_) && (y[_] = r[_]);
         if (e && e.defaultProps) {
           var A = e.defaultProps;
           for (_ in A)
@@ -463,20 +463,20 @@ function zn() {
           var M = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
           m && Ht(y, M), z && Ft(y, M);
         }
-        return Bt(e, m, z, k, x, ke.current, y);
+        return Bt(e, m, z, k, x, Re.current, y);
       }
     }
     var Ve = H.ReactCurrentOwner, lt = H.ReactDebugCurrentFrame;
-    function xe(e) {
+    function ve(e) {
       if (e) {
-        var r = e._owner, l = he(e.type, e._source, r ? r.type : null);
+        var r = e._owner, l = ge(e.type, e._source, r ? r.type : null);
         lt.setExtraStackFrame(l);
       } else
         lt.setExtraStackFrame(null);
     }
-    var Ge;
-    Ge = !1;
-    function Ye(e) {
+    var Ye;
+    Ye = !1;
+    function Ge(e) {
       return typeof e == "object" && e !== null && e.$$typeof === o;
     }
     function st() {
@@ -517,7 +517,7 @@ Check the top-level render call using <` + l + ">.");
           return;
         ct[l] = !0;
         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);
+        e && e._owner && e._owner !== Ve.current && (x = " It was passed a child from " + B(e._owner.type) + "."), ve(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), ve(null);
       }
     }
     function dt(e, r) {
@@ -527,15 +527,15 @@ Check the top-level render call using <` + l + ">.");
         if (I(e))
           for (var l = 0; l < e.length; l++) {
             var x = e[l];
-            Ye(x) && ut(x, r);
+            Ge(x) && ut(x, r);
           }
-        else if (Ye(e))
+        else if (Ge(e))
           e._store && (e._store.validated = !0);
         else if (e) {
           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);
+              Ge(y.value) && ut(y.value, r);
         }
       }
     }
@@ -547,7 +547,7 @@ Check the top-level render call using <` + l + ">.");
         var l;
         if (typeof r == "function")
           l = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === h || // Note: Memo only checks outer props here.
+        else if (typeof r == "object" && (r.$$typeof === g || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         r.$$typeof === C))
           l = r.propTypes;
@@ -555,31 +555,31 @@ Check the top-level render call using <` + l + ">.");
           return;
         if (l) {
           var x = B(r);
-          a(l, e.props, "prop", x, e);
-        } else if (r.PropTypes !== void 0 && !Ge) {
-          Ge = !0;
+          i(l, e.props, "prop", x, e);
+        } else if (r.PropTypes !== void 0 && !Ye) {
+          Ye = !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 && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Gt(e) {
+    function Yt(e) {
       {
         for (var r = Object.keys(e.props), l = 0; l < r.length; l++) {
           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);
+            ve(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), ve(null);
             break;
           }
         }
-        e.ref !== null && (xe(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), xe(null));
+        e.ref !== null && (ve(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), ve(null));
       }
     }
     var ft = {};
     function pt(e, r, l, x, k, _) {
       {
-        var y = ce(e);
+        var y = ue(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.");
@@ -592,19 +592,19 @@ Check the top-level render call using <` + l + ">.");
         if (M == null)
           return M;
         if (y) {
-          var Y = r.children;
-          if (Y !== void 0)
+          var G = r.children;
+          if (G !== void 0)
             if (x)
-              if (I(Y)) {
-                for (var ve = 0; ve < Y.length; ve++)
-                  dt(Y[ve], e);
-                Object.freeze && Object.freeze(Y);
+              if (I(G)) {
+                for (var be = 0; be < G.length; be++)
+                  dt(G[be], e);
+                Object.freeze && Object.freeze(G);
               } else
                 S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              dt(Y, e);
+              dt(G, e);
         }
-        if (ie.call(r, "key")) {
+        if (ae.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}";
@@ -618,18 +618,18 @@ 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 === i ? Gt(M) : Vt(M), M;
+        return e === a ? Yt(M) : Vt(M), M;
       }
     }
-    function Yt(e, r, l) {
+    function Gt(e, r, l) {
       return pt(e, r, l, !0);
     }
     function Ut(e, r, l) {
       return pt(e, r, l, !1);
     }
-    var Zt = Ut, Kt = Yt;
-    _e.Fragment = i, _e.jsx = Zt, _e.jsxs = Kt;
-  }()), _e;
+    var Zt = Ut, Kt = Gt;
+    De.Fragment = a, De.jsx = Zt, De.jsxs = Kt;
+  }()), De;
 }
 process.env.NODE_ENV === "production" ? qe.exports = Wn() : qe.exports = zn();
 var t = qe.exports;
@@ -637,14 +637,14 @@ const Ke = 60, bt = 6, Nn = (n) => {
   const {
     activeStepIndex: o,
     hideIndicators: s = !1,
-    steps: i,
+    steps: a,
     stepperTheme: c = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
   } = n, { activeStep: u, setActiveStep: d } = Qt({
     index: o,
-    count: i.length
+    count: a.length
   });
   return ee(() => {
     d(o);
@@ -658,17 +658,17 @@ const Ke = 60, bt = 6, Nn = (n) => {
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
-        children: i.map((p, h) => {
-          const f = u === h, g = h === 0, C = h === i.length - 1, E = u > h;
+        children: a.map((h, g) => {
+          const p = u === g, f = g === 0, C = g === a.length - 1, E = u > g;
           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(
+          const w = `calc(100% - ((${Ke * (a.length - 1)}px) - (${a.length - 1} * ${bt * 2}px)))`;
+          return p ? v = w : (f || C) && (v = `${Ke - bt}px`), /* @__PURE__ */ t.jsx(
             R,
             {
               width: v,
-              opacity: E || f ? 1 : 0.2,
+              opacity: E || p ? 1 : 0.2,
               paddingRight: C ? "0" : "6px",
-              paddingLeft: g ? "0" : "6px",
+              paddingLeft: f ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
               children: /* @__PURE__ */ t.jsx(
                 R,
@@ -691,19 +691,19 @@ const Ke = 60, bt = 6, Nn = (n) => {
                 }
               )
             },
-            `step-${h}`
+            `step-${g}`
           );
         })
       }
     ) }
   );
-}, fr = De.memo(Nn), pr = ({
+}, fr = se.memo(Nn), pr = ({
   children: n,
   ...o
 }) => /* @__PURE__ */ t.jsx(
   En,
   { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...o, children: n }
-), we = (n, o) => {
+), je = (n, o) => {
   const s = (n == null ? void 0 : n.startsWith("http")) || (n == null ? void 0 : n.startsWith("mailto"));
   return o && !s ? {
     to: n
@@ -714,18 +714,18 @@ const Ke = 60, bt = 6, Nn = (n) => {
   (n, o) => {
     const {
       label: s,
-      additionalContent: i,
+      additionalContent: a,
       mainTextFontSize: c,
       linkComponent: u,
       href: d,
-      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"];
+      forceMobileStyle: h = !1,
+      ...g
+    } = n, p = u || oe, f = je(d, !!u), C = h ? c || "xl" : [c || "xl", null, null, "lg"], E = h ? "xl" : ["xl", null, null, "lg"], v = h ? void 0 : [null, null, null, 1], w = h ? void 0 : [null, null, null, "space-between"], L = h ? "3" : [3, null, null, 0], b = h ? "1px" : ["1px", null, null, "unset"], H = h ? "tints.cream" : ["tints.cream", null, null, "unset"], S = h ? "100%" : ["100%", null, null, "fit-content"], j = h ? "none" : ["none", null, null, "block"], P = h ? "100%" : ["100%", null, null, "auto"], F = h ? "block" : ["block", null, null, "none"];
     return /* @__PURE__ */ t.jsxs(
       R,
       {
         ref: o,
-        as: f,
+        as: p,
         display: "flex",
         alignItems: "center",
         gap: v,
@@ -737,11 +737,11 @@ const Ke = 60, bt = 6, Nn = (n) => {
         borderColor: H,
         width: S,
         cursor: "pointer",
+        ...f,
         ...g,
-        ...h,
         children: [
           /* @__PURE__ */ t.jsx(
-            me,
+            we,
             {
               display: j,
               as: gt,
@@ -763,7 +763,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
                   children: s
                 }
               ),
-              i && (typeof i == "string" ? /* @__PURE__ */ t.jsx(
+              a && (typeof a == "string" ? /* @__PURE__ */ t.jsx(
                 W,
                 {
                   fontSize: E,
@@ -774,11 +774,11 @@ const Ke = 60, bt = 6, Nn = (n) => {
                       color: "viridian.base"
                     }
                   },
-                  children: i
+                  children: a
                 }
-              ) : i),
+              ) : a),
               /* @__PURE__ */ t.jsx(
-                me,
+                we,
                 {
                   display: F,
                   as: gt,
@@ -797,7 +797,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
   }
 ), Vn = Tt(
   (n, o) => {
-    const { children: s, isSelected: i, ...c } = n, u = n.backgroundColor || (i ? "tints.lightCream" : "transparent");
+    const { children: s, isSelected: a, ...c } = n, u = n.backgroundColor || (a ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
       Et,
       {
@@ -830,19 +830,19 @@ const Ke = 60, bt = 6, Nn = (n) => {
       }
     );
   }
-), Gn = ({
+), Yn = ({
   title: n,
   description: o,
   imageSrc: s,
-  imageElement: i,
+  imageElement: a,
   button: c,
   backgroundColor: u = "viridian.wash",
   onClick: d,
-  href: p,
-  linkComponent: h,
-  forceMobileStyle: f = !1
+  href: h,
+  linkComponent: g,
+  forceMobileStyle: p = !1
 }) => {
-  const v = h || oe, w = we(p, !!h), L = be({
+  const v = g || oe, w = je(h, !!g), L = me({
     base: !1,
     tablet: !1,
     largeTablet: !1,
@@ -851,11 +851,11 @@ const Ke = 60, bt = 6, Nn = (n) => {
   return /* @__PURE__ */ t.jsxs(
     D,
     {
-      direction: f ? "row" : ["row", null, null, "column"],
+      direction: p ? "row" : ["row", null, null, "column"],
       alignItems: "center",
       borderRadius: "xl",
       overflow: "hidden",
-      height: f ? "80px" : ["80px", null, null, "272px"],
+      height: p ? "80px" : ["80px", null, null, "272px"],
       backgroundColor: u,
       onClick: d,
       "data-testid": "spotlight-card",
@@ -863,26 +863,26 @@ const Ke = 60, bt = 6, Nn = (n) => {
       transition: "box-shadow 0.2s ease-in-out",
       border: "1px solid",
       borderColor: "transparent",
-      minWidth: f ? "100%" : ["100%", null, null, "320px"],
-      maxWidth: f ? "100%" : ["100%", null, null, "380px"],
+      minWidth: p ? "100%" : ["100%", null, null, "320px"],
+      maxWidth: p ? "100%" : ["100%", null, null, "380px"],
       _hover: {
         boxShadow: "lg",
         textDecoration: "none",
         border: "1px solid",
         borderColor: "tints.white"
       },
-      as: f ? v : L ? D : v,
-      ...f ? w : L ? {} : w,
+      as: p ? v : L ? D : v,
+      ...p ? w : L ? {} : w,
       children: [
         /* @__PURE__ */ t.jsx(
           R,
           {
-            width: f ? "72px" : ["72px", null, null, "100%"],
-            height: f ? "100%" : ["100%", null, null, "188px"],
+            width: p ? "72px" : ["72px", null, null, "100%"],
+            height: p ? "100%" : ["100%", null, null, "188px"],
             sx: {
               img: {
-                height: f ? "100%" : L ? "188px" : "100%",
-                objectFit: f ? "cover" : "contain"
+                height: p ? "100%" : L ? "188px" : "100%",
+                objectFit: p ? "cover" : "contain"
               }
             },
             children: s ? /* @__PURE__ */ t.jsx(
@@ -897,10 +897,10 @@ const Ke = 60, bt = 6, Nn = (n) => {
             ) : /* @__PURE__ */ t.jsx(
               R,
               {
-                height: f ? 80 : [80, null, null, 188],
+                height: p ? 80 : [80, null, null, 188],
                 overflow: "hidden",
-                ...f ? { sx: { div: { height: "100%" } } } : {},
-                children: i
+                ...p ? { sx: { div: { height: "100%" } } } : {},
+                children: a
               }
             )
           }
@@ -908,22 +908,22 @@ const Ke = 60, bt = 6, Nn = (n) => {
         /* @__PURE__ */ t.jsxs(
           D,
           {
-            direction: f ? "column" : ["column", null, null, "row"],
-            justifyContent: f ? void 0 : [null, null, null, "space-between"],
-            alignItems: f ? "left" : ["left", null, null, "center"],
+            direction: p ? "column" : ["column", null, null, "row"],
+            justifyContent: p ? void 0 : [null, null, null, "space-between"],
+            alignItems: p ? "left" : ["left", null, null, "center"],
             padding: "4",
-            height: f ? "80px" : [
+            height: p ? "80px" : [
               "80px",
               null,
               null,
               "84px"
             ],
             width: "100%",
-            bottom: f ? void 0 : [null, null, null, "0"],
-            backgroundColor: f ? void 0 : [null, null, null, `${u}CC`],
-            backdropFilter: f ? void 0 : [null, null, null, "blur(8px)"],
+            bottom: p ? void 0 : [null, null, null, "0"],
+            backgroundColor: p ? void 0 : [null, null, null, `${u}CC`],
+            backdropFilter: p ? void 0 : [null, null, null, "blur(8px)"],
             flex: "1",
-            gap: f ? void 0 : [null, null, null, 3],
+            gap: p ? void 0 : [null, null, null, 3],
             children: [
               /* @__PURE__ */ t.jsxs(
                 D,
@@ -938,7 +938,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
                   )
                 ] }
               ),
-              f ? null : L ? /* @__PURE__ */ t.jsx(R, { children: c }) : null
+              p ? null : L ? /* @__PURE__ */ t.jsx(R, { children: c }) : null
             ]
           }
         )
@@ -994,33 +994,33 @@ const Ke = 60, bt = 6, Nn = (n) => {
       ) }
     )
   }
-), Yn = ({
+), Gn = ({
   desktopTopButtons: n,
   logoLink: o = "https://www.everlywell.com",
   setTopOffset: s,
-  linkComponent: i,
+  linkComponent: a,
   onLogoClick: c,
   rightSideButtons: u
 }) => {
-  const d = Cn(null), [p] = Qe(`(max-width: ${V.breakpoints.mediumTablet})`), [h] = Qe(`(max-width: ${V.breakpoints.mediumDesktop})`), f = It(() => {
+  const d = Cn(null), [h] = Qe(`(max-width: ${V.breakpoints.mediumTablet})`), [g] = Qe(`(max-width: ${V.breakpoints.mediumDesktop})`), p = It(() => {
     if (d.current) {
-      const g = d.current.getBoundingClientRect();
-      s(g.bottom);
+      const f = d.current.getBoundingClientRect();
+      s(f.bottom);
     }
   }, []);
   return ee(() => {
-    f();
-  }, [f]), /* @__PURE__ */ t.jsx(
+    p();
+  }, [p]), /* @__PURE__ */ t.jsx(
     R,
     {
       ref: d,
       paddingY: "4",
-      paddingX: p ? 4 : h ? 6 : 8,
+      paddingX: h ? 4 : g ? 6 : 8,
       borderBottom: "1px solid",
       borderColor: "tints.lightCream",
       backgroundColor: "tints.white",
       width: "100%",
-      onMouseEnter: f,
+      onMouseEnter: p,
       children: /* @__PURE__ */ t.jsxs(
         D,
         { justifyContent: "space-between", alignItems: "center", children: [
@@ -1032,8 +1032,8 @@ const Ke = 60, bt = 6, Nn = (n) => {
                 {
                   "aria-label": "Go to homepage",
                   onClick: c,
-                  as: i || oe,
-                  ...we(o, !!i),
+                  as: a || oe,
+                  ...je(o, !!a),
                   children: /* @__PURE__ */ t.jsx(Lt, { width: "116px" })
                 }
               ),
@@ -1105,7 +1105,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
               "data-testid": "desktop-nav",
               children: [
                 Array.from({ length: n }).map(
-                  (s, i) => /* @__PURE__ */ t.jsx(Ze, { width: "90px", height: "48px" }, i)
+                  (s, a) => /* @__PURE__ */ t.jsx(Ze, { width: "90px", height: "48px" }, a)
                 ),
                 o && /* @__PURE__ */ t.jsx(Ze, { width: "110px", height: "48px", borderRadius: "full" })
               ]
@@ -1138,22 +1138,22 @@ const Ke = 60, bt = 6, Nn = (n) => {
   ) }
 ), Un = (n, o) => {
   let s;
-  return (...i) => {
+  return (...a) => {
     s && clearTimeout(s), s = setTimeout(() => {
-      n(...i);
+      n(...a);
     }, o);
   };
 }, Xe = (n) => n.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), Zn = (n, o) => {
   n.length < o.length && ([n, o] = [o, n]);
-  let s = Array(o.length + 1).fill(0), i = Array(o.length + 1).fill(0);
+  let s = Array(o.length + 1).fill(0), a = 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;
+    a[0] = c;
     for (let u = 1; u <= o.length; u++) {
       const d = n[c - 1] === o[u - 1] ? 0 : 1;
-      i[u] = Math.min(
-        i[u - 1] + 1,
+      a[u] = Math.min(
+        a[u - 1] + 1,
         // Insertion
         s[u] + 1,
         // Deletion
@@ -1161,22 +1161,22 @@ const Ke = 60, bt = 6, Nn = (n) => {
         // Substitution
       );
     }
-    [s, i] = [i, s];
+    [s, a] = [a, s];
   }
   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 i = Zn(n, o), c = Math.max(n.length, o.length);
-  return 1 - i / c >= s;
+  const a = Zn(n, o), c = Math.max(n.length, o.length);
+  return 1 - a / 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 o.length <= 4 ? s.some((a) => a.includes(o)) : s.some((a) => {
+    if (He(a, o))
       return !0;
-    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 (a.length >= o.length)
+      for (let c = 0; c <= a.length - o.length; c++) {
+        const u = a.slice(c, c + o.length + 1);
         if (He(o, u))
           return !0;
       }
@@ -1201,20 +1201,20 @@ const Ke = 60, bt = 6, Nn = (n) => {
   isOpen: n = !1,
   onClose: o,
   title: s,
-  navDrawerLinks: i,
+  navDrawerLinks: a,
   bottomNavButtons: c,
   spotlightCards: u,
   bottomButton: d,
-  hasBackButton: p = !0,
-  onBackClick: h,
-  hasOnlySpotlightCards: f = !1,
-  hasSearch: g = !1,
+  hasBackButton: h = !0,
+  onBackClick: g,
+  hasOnlySpotlightCards: p = !1,
+  hasSearch: f = !1,
   onSearch: C = () => ({}),
   topOffset: E,
   forceMobilePlacement: v = !1
 }) => {
-  var se, q, ce, ue, te, B;
-  const w = be({
+  var ce, q, ue, de, te, B;
+  const w = me({
     base: !1,
     tablet: !1,
     largeTablet: !1,
@@ -1223,7 +1223,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
     fullDesktop: !0
   }) ?? !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(
+  }, Y = It(
     Un((T) => {
       C(T), F();
     }, 100),
@@ -1251,12 +1251,12 @@ const Ke = 60, bt = 6, Nn = (n) => {
           baseStyle: {
             ...V.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(q = (se = V.components.Drawer) == null ? void 0 : se.baseStyle) == null ? void 0 : q.dialogContainer,
+              ...(q = (ce = V.components.Drawer) == null ? void 0 : ce.baseStyle) == null ? void 0 : q.dialogContainer,
               // Higher z-index for drawer content to be above overlay and navigation
               zIndex: "popover"
             },
             dialog: {
-              ...(ue = (ce = V.components.Drawer) == null ? void 0 : ce.baseStyle) == null ? void 0 : ue.dialog,
+              ...(de = (ue = V.components.Drawer) == null ? void 0 : ue.baseStyle) == null ? void 0 : de.dialog,
               // Ensure mobile drawer doesn't expand to full width
               maxW: "560px",
               width: "auto"
@@ -1312,7 +1312,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
                   b || wt(!0);
                 },
                 onMouseLeave: (T) => {
-                  b || (!g || g && (T.target === T.currentTarget || !T.currentTarget.contains(T.target) && !j)) && wt(!1);
+                  b || (!f || f && (T.target === T.currentTarget || !T.currentTarget.contains(T.target) && !j)) && wt(!1);
                 },
                 paddingTop: "4",
                 paddingX: b ? "4" : "12",
@@ -1335,12 +1335,12 @@ const Ke = 60, bt = 6, Nn = (n) => {
                   transition: { duration: 0.3 }
                 },
                 children: [
-                  !g && !b ? null : /* @__PURE__ */ t.jsxs(
+                  !f && !b ? null : /* @__PURE__ */ t.jsxs(
                     _t,
                     {
                       padding: "0",
-                      flexDirection: g ? "column" : "row",
-                      gap: g ? "4" : "0",
+                      flexDirection: f ? "column" : "row",
+                      gap: f ? "4" : "0",
                       children: [
                         b ? /* @__PURE__ */ t.jsxs(
                           D,
@@ -1349,12 +1349,12 @@ const Ke = 60, bt = 6, Nn = (n) => {
                             justifyContent: "space-between",
                             alignItems: "center",
                             children: [
-                              p ? /* @__PURE__ */ t.jsx(
+                              h ? /* @__PURE__ */ t.jsx(
                                 et,
                                 {
                                   icon: /* @__PURE__ */ t.jsx(In, {}),
                                   onClick: () => {
-                                    h && h();
+                                    g && g();
                                   },
                                   "aria-label": "Back"
                                 }
@@ -1378,14 +1378,14 @@ const Ke = 60, bt = 6, Nn = (n) => {
                             ]
                           }
                         ) : null,
-                        g && /* @__PURE__ */ t.jsxs(
+                        f && /* @__PURE__ */ t.jsxs(
                           kn,
                           { width: "100%", children: [
                             /* @__PURE__ */ t.jsx(
                               Rn,
                               {
                                 onChange: (T) => {
-                                  G(T.target.value);
+                                  Y(T.target.value);
                                 },
                                 placeholder: "Search",
                                 autoFocus: !0,
@@ -1429,9 +1429,9 @@ const Ke = 60, bt = 6, Nn = (n) => {
                           style: {
                             display: "flex",
                             flexDirection: Kn(
-                              f,
+                              p,
                               !b,
-                              g
+                              f
                             ),
                             gap: "24px",
                             justifyContent: "space-between"
@@ -1456,9 +1456,9 @@ const Ke = 60, bt = 6, Nn = (n) => {
                                 position: b ? void 0 : "relative",
                                 flexDirection: "column",
                                 gap: "6",
-                                width: b ? "100%" : g ? void 0 : "auto",
+                                width: b ? "100%" : f ? void 0 : "auto",
                                 children: [
-                                  i ? /* @__PURE__ */ t.jsx(R, { children: i }) : null,
+                                  a ? /* @__PURE__ */ t.jsx(R, { children: a }) : null,
                                   c && b ? /* @__PURE__ */ t.jsx(R, { children: c }) : null,
                                   d ? /* @__PURE__ */ t.jsx(
                                     R,
@@ -1492,48 +1492,48 @@ const Ke = 60, bt = 6, Nn = (n) => {
   onSearchCallback: o,
   isActive: s
 }) => {
-  const [i, c] = U(""), [u, d] = U([]), p = (g, C) => {
-    if (!g) return [];
-    const v = Xe(g).split(/\s+/);
+  const [a, c] = U(""), [u, d] = U([]), h = (f, C) => {
+    if (!f) return [];
+    const v = Xe(f).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 mt(F, P) || F.split(/\s+/).some((Y) => Y.includes(P) || He(P, Y));
       });
       return S || j;
     }).sort((w, L) => w.label.localeCompare(L.label));
-  }, h = (g) => {
-    if (c(g), !g) {
+  }, g = (f) => {
+    if (c(f), !f) {
       d([]);
       return;
     }
-    const C = p(g, n);
-    d(C), o && o(g, C);
-  }, f = () => {
+    const C = h(f, n);
+    d(C), o && o(f, C);
+  }, p = () => {
     c(""), d([]);
   };
   return ee(() => {
     s || (c(""), d([]));
   }, [s]), {
-    query: i,
+    query: a,
     results: u,
-    handleClose: f,
-    handleSearch: h
+    handleClose: p,
+    handleSearch: g
   };
 }, qn = (n) => {
   const o = /* @__PURE__ */ new Set();
-  return n.reduce((s, i) => {
+  return n.reduce((s, a) => {
     var u;
-    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];
+    const c = ((u = a.sections) == null ? void 0 : u.reduce((d, h) => {
+      const g = h.links.filter((p) => o.has(p.label) || p.isSearchable !== !0 ? !1 : (o.add(p.label), !0));
+      return [...d, ...g];
     }, [])) ?? [];
     return [...s, ...c];
   }, []);
 }, er = () => {
-  const [n, o] = U(!1), [s, i] = U(!1), [c, u] = U(null);
+  const [n, o] = U(!1), [s, a] = U(!1), [c, u] = U(null);
   return {
     isMainMenuOpen: n,
     isSearchOpen: s,
@@ -1543,27 +1543,27 @@ const Ke = 60, bt = 6, Nn = (n) => {
     closeMainMenu: () => {
       o(!1), u(null);
     },
-    closeSearch: () => i(!1),
-    toggleSearch: () => i((v) => !v),
+    closeSearch: () => a(!1),
+    toggleSearch: () => a((v) => !v),
     openMainMenu: () => o(!0),
-    openSearch: () => i(!0)
+    openSearch: () => a(!0)
   };
 }, xr = ({
   categories: n = [],
   mainCategoryLabel: o = "Menu",
   logoLink: s = "https://www.everlywell.com",
-  mobileBottomButtons: i = [],
+  mobileBottomButtons: a = [],
   linkComponent: c,
   onSearchCallback: u,
   onLinkClick: d,
-  onCategoryOpen: p,
-  onLogoClick: h,
-  shopAllProductsUrl: f,
-  onShopAllProductsClick: g,
+  onCategoryOpen: h,
+  onLogoClick: g,
+  shopAllProductsUrl: p,
+  onShopAllProductsClick: f,
   hideableButtons: C,
   children: E
 }) => {
-  var Ee, Se, ae;
+  var Se, ke, ie;
   const v = er(), {
     isMainMenuOpen: w,
     isSearchOpen: L,
@@ -1572,31 +1572,31 @@ const Ke = 60, bt = 6, Nn = (n) => {
     clearSelectedCategory: S,
     selectedCategory: j,
     handleSelectCategory: P
-  } = v, [F, G] = U(!1), [Q, se] = U(!1), [q, ce] = U(0), [ue, te] = U(!1), [B, T] = U(!1);
+  } = v, [F, Y] = U(!1), [Q, ce] = U(!1), [q, ue] = U(0), [de, te] = U(!1), [B, T] = U(!1);
   ee(() => {
-    const a = () => te(!0), O = () => te(!1);
-    return window.addEventListener(nt, a), window.addEventListener(rt, O), () => {
+    const i = () => te(!0), O = () => te(!1);
+    return window.addEventListener(nt, i), window.addEventListener(rt, O), () => {
       window.removeEventListener(
         nt,
-        a
+        i
       ), window.removeEventListener(rt, O);
     };
   }, []);
-  const X = be({
+  const X = me({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !0,
     desktop: !0,
     fullDesktop: !0
-  }) ?? !1, Z = be({
+  }) ?? !1, Z = me({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !1,
     desktop: !1,
     fullDesktop: !0
-  }) ?? !1, Te = !Z, Ie = be({
+  }) ?? !1, Te = !Z, Ie = me({
     base: !0,
     tablet: !0,
     largeTablet: !0,
@@ -1609,16 +1609,16 @@ const Ke = 60, bt = 6, Nn = (n) => {
   }, [X]);
   const {
     query: Oe,
-    results: de,
+    results: fe,
     handleSearch: Le
   } = Qn({
     source: qn(n),
     onSearchCallback: u,
     isActive: L
-  }), je = de.length > 0, fe = c || oe, Fe = we(f, !!c), Be = Oe && /* @__PURE__ */ t.jsxs(
+  }), ye = fe.length > 0, pe = c || oe, Fe = je(p, !!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(
+    { gap: ye ? "6" : 0, direction: "column", children: [
+      ye ? /* @__PURE__ */ t.jsx(W, { color: "tints.uiGrey", children: `${fe.length} Results` }) : /* @__PURE__ */ t.jsxs(
         D,
         { direction: "column", gap: "6", alignItems: "flex-start", children: [
           /* @__PURE__ */ t.jsx(
@@ -1628,8 +1628,8 @@ const Ke = 60, bt = 6, Nn = (n) => {
           /* @__PURE__ */ t.jsx(
             Et,
             {
-              as: fe,
-              onClick: g,
+              as: pe,
+              onClick: f,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
               ...Fe,
@@ -1640,95 +1640,95 @@ const Ke = 60, bt = 6, Nn = (n) => {
       ),
       /* @__PURE__ */ t.jsx(
         rn,
-        { columns: [1, 1, 1, 4], children: de.map(
-          (a, O) => /* @__PURE__ */ t.jsx(
+        { columns: [1, 1, 1, 4], children: fe.map(
+          (i, O) => /* @__PURE__ */ t.jsx(
             on,
             { children: /* @__PURE__ */ t.jsx(
               $e,
               {
-                href: a.href,
-                label: a.label,
-                additionalContent: a == null ? void 0 : a.additionalContent,
+                href: i.href,
+                label: i.label,
+                additionalContent: i == null ? void 0 : i.additionalContent,
                 linkComponent: c,
                 forceMobileStyle: !X
               }
             ) },
-            `${a.label}-${O}`
+            `${i.label}-${O}`
           )
         ) }
       )
     ] }
-  ), 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);
+  ), K = (i) => "href" in i, Ce = (i) => {
+    K(i) ? d == null || d(i.label) : (T(w || !Z), P(i));
+  }, he = (i) => {
+    Y(!0), H(), S(), !K(i) && (i.sections || i.spotlightCards) && (T(!1), P(i));
+  }, Ee = () => {
+    Y(!1);
   };
   ee(() => {
-    const a = (O) => {
-      se(O.detail.isHovering);
+    const i = (O) => {
+      ce(O.detail.isHovering);
     };
     return window.addEventListener(
       tt,
-      a
+      i
     ), () => {
       window.removeEventListener(
         tt,
-        a
+        i
       );
     };
   }, []), ee(() => {
     !F && !Q && (S(), H(), !w && Z && T(!1));
   }, [F, Q, w, Z]), ee(() => {
-    let a = window.location.href;
+    let i = window.location.href;
     const O = () => {
       const $ = window.location.href;
-      $ !== a && (a = $, b(), S());
+      $ !== i && (i = $, b(), S());
     }, I = setInterval(O, 100);
     return window.addEventListener("popstate", O), () => {
       window.removeEventListener("popstate", O), clearInterval(I);
     };
   }, []);
-  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 = C.includes(a.label);
+  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) => {
+    var $, xe;
+    const I = C.includes(i.label);
     return /* @__PURE__ */ t.jsx(
       Vn,
       {
         height: "48px",
         paddingInline: "16px !important",
         onMouseEnter: () => {
-          pe(a), p == null || p(a.label);
+          he(i), h == null || h(i.label);
         },
-        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,
+        onMouseLeave: Ee,
+        isSelected: (j == null ? void 0 : j.label) === i.label,
+        as: K(i) && pe ? pe : oe,
+        href: K(i) ? i.href : void 0,
+        onClick: K(i) ? () => d == null ? void 0 : d(i.label) : void 0,
         ...I && {
           display: { base: "none", fullDesktop: "flex" }
         },
-        ...(($ = a == null ? void 0 : a.context) == null ? void 0 : $.desktop) === "link" || ne(a) ? {
+        ...(($ = i == null ? void 0 : i.context) == null ? void 0 : $.desktop) === "link" || ne(i) ? {
           _hover: {
             backgroundColor: "tints.lightCream",
             textDecoration: "none",
             filter: "brightness(0.95)"
           }
         } : {},
-        ...((ge = a == null ? void 0 : a.context) == null ? void 0 : ge.desktop) !== "link" && a.buttonProps,
-        children: a.label
+        ...((xe = i == null ? void 0 : i.context) == null ? void 0 : xe.desktop) !== "link" && i.buttonProps,
+        children: i.label
       },
-      `${a.label}-${O}`
+      `${i.label}-${O}`
     );
-  }), Pe = (Ee = n.filter(
-    (a) => {
+  }), Pe = (Se = n.filter(
+    (i) => {
       var O;
-      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);
+      return ((O = i == null ? void 0 : i.context) == null ? void 0 : O.mobile) === "link" || (!K(i) && i.isMobileTopLink !== !1 || ne(i)) && (Te && C.includes(i.label) || Ie);
     }
-  )) == null ? void 0 : Ee.map((a, O) => {
+  )) == null ? void 0 : Se.map((i, O) => {
     var $;
-    const I = a;
+    const I = i;
     return ne(I) || (($ = I == null ? void 0 : I.context) == null ? void 0 : $.mobile) === "link" ? /* @__PURE__ */ t.jsx(
       R,
       { children: /* @__PURE__ */ t.jsx(
@@ -1747,7 +1747,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
       R,
       {
         onClick: () => {
-          ye(I), p == null || p(I.label);
+          Ce(I), h == null || h(I.label);
         },
         children: /* @__PURE__ */ t.jsx(
           $e,
@@ -1765,13 +1765,13 @@ const Ke = 60, bt = 6, Nn = (n) => {
     );
   }), ze = /* @__PURE__ */ t.jsx(
     D,
-    { gap: "2", flexDirection: "column", children: i }
-  ), J = B || w, he = j ? /* @__PURE__ */ t.jsx(
+    { gap: "2", flexDirection: "column", children: a }
+  ), J = B || w, ge = j ? /* @__PURE__ */ t.jsx(
     D,
-    { direction: J ? "column" : ["column", null, null, "row"], gap: "8", children: (Se = j == null ? void 0 : j.sections) == null ? void 0 : Se.map((a, O) => {
+    { direction: J ? "column" : ["column", null, null, "row"], gap: "8", children: (ke = j == null ? void 0 : j.sections) == null ? void 0 : ke.map((i, O) => {
       const I = [];
-      for (let $ = 0; $ < a.links.length; $ += 3)
-        I.push(a.links.slice($, $ + 3));
+      for (let $ = 0; $ < i.links.length; $ += 3)
+        I.push(i.links.slice($, $ + 3));
       return /* @__PURE__ */ t.jsxs(
         R,
         { children: [
@@ -1781,7 +1781,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
               fontSize: "md",
               color: "tints.uiGrey",
               marginBottom: J ? 0 : [0, null, null, 6],
-              children: a.title
+              children: i.title
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -1790,7 +1790,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
               flexDirection: J ? "column" : ["column", null, null, "row"],
               gap: J ? void 0 : [null, null, null, 8],
               children: I == null ? void 0 : I.map(
-                ($, ge) => /* @__PURE__ */ t.jsx(
+                ($, xe) => /* @__PURE__ */ t.jsx(
                   D,
                   {
                     flexDirection: "column",
@@ -1811,23 +1811,23 @@ const Ke = 60, bt = 6, Nn = (n) => {
                       )
                     )
                   },
-                  ge
+                  xe
                 )
               )
             }
           )
         ] },
-        `${a.title}-${O}`
+        `${i.title}-${O}`
       );
     }) }
-  ) : null, ie = j != null && j.spotlightCards ? (ae = j.spotlightCards) == null ? void 0 : ae.map(
-    (a, O) => /* @__PURE__ */ t.jsx(
-      Gn,
+  ) : null, ae = j != null && j.spotlightCards ? (ie = j.spotlightCards) == null ? void 0 : ie.map(
+    (i, O) => /* @__PURE__ */ t.jsx(
+      Yn,
       {
-        ...a,
+        ...i,
         forceMobileStyle: J
       },
-      `${a.title}-${O}`
+      `${i.title}-${O}`
     )
   ) : /* @__PURE__ */ t.jsx(R, {});
   return /* @__PURE__ */ t.jsxs(
@@ -1838,16 +1838,16 @@ const Ke = 60, bt = 6, Nn = (n) => {
       position: "sticky",
       top: "0",
       width: "100%",
-      zIndex: ["sticky", null, null, ue ? "modal" : "sticky"],
+      zIndex: ["sticky", null, null, de ? "modal" : "sticky"],
       children: [
         /* @__PURE__ */ t.jsx(
-          Yn,
+          Gn,
           {
             desktopTopButtons: We,
             logoLink: s,
             linkComponent: c,
-            onLogoClick: h,
-            setTopOffset: ce,
+            onLogoClick: g,
+            setTopOffset: ue,
             rightSideButtons: typeof E == "function" ? E(v) : E
           }
         ),
@@ -1875,11 +1875,11 @@ const Ke = 60, bt = 6, Nn = (n) => {
                   b(), S(), w || T(!1);
                 },
                 title: (j == null ? void 0 : j.label) || "",
-                navDrawerLinks: he,
+                navDrawerLinks: ge,
                 onBackClick: () => {
                   S(), w || T(!1);
                 },
-                spotlightCards: ie,
+                spotlightCards: ae,
                 hasOnlySpotlightCards: j == null ? void 0 : j.hasOnlySpotlightCards,
                 bottomButton: j == null ? void 0 : j.bottomButton,
                 topOffset: q,
@@ -1909,7 +1909,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
   links: n,
   linkComponent: o,
   onLinkClick: s,
-  footerTheme: i
+  footerTheme: a
 }) => {
   const c = o || oe, u = (d) => {
     s && s(d);
@@ -1921,11 +1921,11 @@ const Ke = 60, bt = 6, Nn = (n) => {
         W,
         {
           as: c,
-          color: i === "dark" ? "white" : "viridian.base",
+          color: a === "dark" ? "white" : "viridian.base",
           size: "lg",
           _hover: { color: "viridian.lighter", textDecoration: "none" },
           onClick: () => u(d.label),
-          ...we(d.href, !!o),
+          ...je(d.href, !!o),
           children: d.label
         },
         d.label
@@ -1933,10 +1933,10 @@ const Ke = 60, bt = 6, Nn = (n) => {
     ) }
   );
 }, tr = ({ title: n, links: o, isLast: s }) => {
-  const i = s ? "transparent" : `${V.colors.viridian.lighter}20`;
+  const a = s ? "transparent" : `${V.colors.viridian.lighter}20`;
   return o ? /* @__PURE__ */ t.jsx(
     ln,
-    { borderColor: i, children: ({ isExpanded: c }) => /* @__PURE__ */ t.jsxs(
+    { borderColor: a, children: ({ isExpanded: c }) => /* @__PURE__ */ t.jsxs(
       t.Fragment,
       { children: [
         /* @__PURE__ */ t.jsxs(
@@ -1947,7 +1947,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
               { color: "viridian.lighter", size: "lg", flex: "1", textAlign: "left", children: n }
             ),
             /* @__PURE__ */ t.jsx(
-              me,
+              we,
               {
                 as: Ln,
                 size: "sm",
@@ -1987,8 +1987,8 @@ const Ke = 60, bt = 6, Nn = (n) => {
   sections: n,
   linkComponent: o,
   onLinkClick: s,
-  footerTheme: i
-}) => be({
+  footerTheme: a
+}) => me({
   base: !1,
   tablet: !1,
   largeTablet: !0,
@@ -2001,7 +2001,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
       ({ title: u, links: d }) => /* @__PURE__ */ t.jsx(
         nr,
         {
-          footerTheme: i,
+          footerTheme: a,
           title: u,
           links: /* @__PURE__ */ t.jsx(
             yt,
@@ -2009,7 +2009,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
               links: d,
               linkComponent: o,
               onLinkClick: s,
-              footerTheme: i
+              footerTheme: a
             }
           )
         },
@@ -2026,7 +2026,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
     display: "flex",
     flexDirection: "column",
     children: n.map(
-      ({ title: u, links: d }, p) => /* @__PURE__ */ t.jsx(
+      ({ title: u, links: d }, h) => /* @__PURE__ */ t.jsx(
         tr,
         {
           title: u,
@@ -2036,10 +2036,10 @@ const Ke = 60, bt = 6, Nn = (n) => {
               links: d,
               linkComponent: o,
               onLinkClick: s,
-              footerTheme: i
+              footerTheme: a
             }
           ),
-          isLast: p === n.length - 1
+          isLast: h === n.length - 1
         },
         u
       )
@@ -2055,15 +2055,15 @@ const Ke = 60, bt = 6, Nn = (n) => {
   socialLinks: n,
   onEmailSubmit: o,
   socialMediaLabel: s,
-  newsletterLabel: i,
+  newsletterLabel: a,
   onLinkClick: c,
   showNewsletter: u = !0,
   footerTheme: d
 }) => {
-  const p = d === "dark", [h, f] = De.useState(""), g = () => {
-    h && o && (o(h), f(""));
+  const h = d === "dark", [g, p] = se.useState(""), f = () => {
+    g && o && (o(g), p(""));
   }, C = (v) => {
-    v.key === "Enter" && g();
+    v.key === "Enter" && f();
   }, E = (v) => {
     c && c(v);
   };
@@ -2076,10 +2076,10 @@ const Ke = 60, bt = 6, Nn = (n) => {
           /* @__PURE__ */ t.jsx(
             W,
             {
-              color: p ? "viridian.lighter" : "tints.darkGrey",
+              color: h ? "viridian.lighter" : "tints.darkGrey",
               mb: 6,
               size: "lg",
-              children: i
+              children: a
             }
           ),
           /* @__PURE__ */ t.jsxs(
@@ -2088,34 +2088,36 @@ const Ke = 60, bt = 6, Nn = (n) => {
               /* @__PURE__ */ t.jsx(
                 dn,
                 {
+                  "aria-label": "Email address",
+                  type: "email",
                   placeholder: "Enter your email",
-                  bg: p ? "transparent" : "tints.white",
+                  bg: h ? "transparent" : "tints.white",
                   border: "1px solid",
-                  borderColor: p ? "viridian.lighter" : "tints.darkCream",
-                  color: p ? "viridian.lighter" : "tints.darkGrey",
+                  borderColor: h ? "viridian.lighter" : "tints.darkCream",
+                  color: h ? "viridian.lighter" : "tints.darkGrey",
                   _placeholder: {
-                    color: p ? "viridian.lighter" : "tints.darkGrey"
+                    color: h ? "viridian.lighter" : "tints.darkGrey"
                   },
                   opacity: 0.66,
                   height: "52px",
                   pr: "48px",
-                  value: h,
-                  onChange: (v) => f(v.target.value),
+                  value: g,
+                  onChange: (v) => p(v.target.value),
                   onKeyPress: C
                 }
               ),
               /* @__PURE__ */ t.jsx(
                 fn,
                 { h: "52px", pr: 4, children: /* @__PURE__ */ t.jsx(
-                  me,
+                  we,
                   {
                     as: Pn,
-                    color: p ? "viridian.lighter" : "viridian.base",
+                    color: h ? "viridian.lighter" : "viridian.base",
                     width: "24px",
                     height: "24px",
                     opacity: 0.66,
                     cursor: "pointer",
-                    onClick: g,
+                    onClick: f,
                     "data-testid": "arrow-right-icon",
                     role: "button",
                     "aria-label": "Submit"
@@ -2132,7 +2134,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
           /* @__PURE__ */ t.jsx(
             W,
             {
-              color: p ? "viridian.lighter" : "tints.darkGrey",
+              color: h ? "viridian.lighter" : "tints.darkGrey",
               marginBottom: 4,
               size: "lg",
               children: s
@@ -2150,10 +2152,10 @@ const Ke = 60, bt = 6, Nn = (n) => {
                   "aria-label": v.name,
                   onClick: () => E(v.name),
                   children: Ct[v.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
-                    me,
+                    we,
                     {
                       as: Ct[v.name.toLowerCase()],
-                      color: p ? "white" : "viridian.base",
+                      color: h ? "white" : "viridian.base",
                       width: ["48px", null, "24px", null],
                       height: ["48px", null, "24px", null]
                     }
@@ -2167,27 +2169,31 @@ const Ke = 60, bt = 6, Nn = (n) => {
       )
     ] }
   );
-}, ir = ({
+}, ar = ({
   links: n,
   linkComponent: o,
   onLinkClick: s,
-  footerTheme: i
+  footerTheme: a
 }) => {
-  const c = o || oe, u = i === "dark", d = (h) => {
-    s && s(h);
+  const c = o || oe, u = a === "dark", [d, h] = se.useState(() => (/* @__PURE__ */ new Date()).getFullYear());
+  se.useEffect(() => {
+    h((/* @__PURE__ */ new Date()).getFullYear());
+  }, []);
+  const g = (f) => {
+    s && s(f);
   }, p = n == null ? void 0 : n.map(
-    (h) => /* @__PURE__ */ t.jsx(
+    (f) => /* @__PURE__ */ t.jsx(
       W,
       {
         as: c,
         color: u ? "viridian.lighter" : "viridian.base",
         size: "sm",
         _hover: { color: u ? "white" : "viridian.lighter", textDecoration: "none" },
-        onClick: () => d(h.label),
-        ...we(h.href, !!o),
-        children: h.label
+        onClick: () => g(f.label),
+        ...je(f.href, !!o),
+        children: f.label
       },
-      h.label
+      f.label
     )
   );
   return /* @__PURE__ */ t.jsxs(
@@ -2215,25 +2221,25 @@ const Ke = 60, bt = 6, Nn = (n) => {
             fontSize: "sm",
             children: [
               "© Everlywell ",
-              (/* @__PURE__ */ new Date()).getFullYear()
+              d
             ]
           }
         )
       ]
     }
   );
-}, vr = De.forwardRef(({
+}, vr = se.forwardRef(({
   navigationSections: n = [],
   disclaimer: o,
   newsletterLabel: s,
-  socialMediaLabel: i,
+  socialMediaLabel: a,
   socialLinks: c,
   complianceLinks: u,
   linkComponent: d,
-  onEmailSubmit: p,
-  additionalContent: h,
-  onLinkClick: f,
-  onSocialMediaClick: g,
+  onEmailSubmit: h,
+  additionalContent: g,
+  onLinkClick: p,
+  onSocialMediaClick: f,
   showNewsletter: C = !0,
   footerTheme: E = "dark"
 }, v) => {
@@ -2275,7 +2281,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
                       {
                         sections: n,
                         linkComponent: d,
-                        onLinkClick: f,
+                        onLinkClick: p,
                         footerTheme: E
                       }
                     ),
@@ -2284,9 +2290,9 @@ const Ke = 60, bt = 6, Nn = (n) => {
                       {
                         socialLinks: c,
                         newsletterLabel: s,
-                        socialMediaLabel: i,
-                        onEmailSubmit: p,
-                        onLinkClick: g,
+                        socialMediaLabel: a,
+                        onEmailSubmit: h,
+                        onLinkClick: f,
                         showNewsletter: C,
                         footerTheme: E
                       }
@@ -2318,7 +2324,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
                         }
                       }
                     ) : o,
-                    h
+                    g
                   ]
                 }
               )
@@ -2334,11 +2340,11 @@ const Ke = 60, bt = 6, Nn = (n) => {
             }
           ),
           /* @__PURE__ */ t.jsx(
-            ir,
+            ar,
             {
               links: u,
               linkComponent: d,
-              onLinkClick: f,
+              onLinkClick: p,
               footerTheme: E
             }
           )
@@ -2346,7 +2352,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
       )
     }
   );
-}), ar = (n) => n ? {
+}), ir = (n) => n ? {
   Container: Rt,
   Overlay: kt,
   Content: St,
@@ -2366,16 +2372,16 @@ const Ke = 60, bt = 6, Nn = (n) => {
   isOpen: n,
   onClose: o,
   children: s,
-  header: i,
+  header: a,
   footer: c,
   headerProps: u,
   bodyProps: d,
-  footerProps: p,
-  contentProps: h,
-  ...f
+  footerProps: h,
+  contentProps: g,
+  ...p
 }) => {
-  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, {
+  var j, P, F, Y, Q;
+  const [f] = Qe(`(max-width: ${V.breakpoints.tablet})`), C = (Q = (Y = (F = (P = (j = V) == null ? void 0 : j.components) == null ? void 0 : P.Modal) == null ? void 0 : F.baseStyle) == null ? void 0 : Y.overlay) == null ? void 0 : Q.background, {
     Container: E,
     Overlay: v,
     Content: w,
@@ -2383,26 +2389,26 @@ const Ke = 60, bt = 6, Nn = (n) => {
     Body: b,
     Footer: H,
     CloseButton: S
-  } = ar(g);
+  } = ir(f);
   return /* @__PURE__ */ t.jsxs(
     E,
     {
-      ...f,
+      ...p,
       isOpen: n,
       onClose: o,
       size: "xl",
-      ...g ? { placement: "bottom" } : {},
+      ...f ? { placement: "bottom" } : {},
       children: [
         /* @__PURE__ */ t.jsx(v, { backdropFilter: "auto", backgroundColor: C }),
         /* @__PURE__ */ t.jsxs(
           w,
           {
             backgroundColor: "tints.white",
-            borderRadius: g ? "20px 20px 0 0" : "20px",
+            borderRadius: f ? "20px 20px 0 0" : "20px",
             overflowY: "auto",
             gap: 0,
-            ...i && g && { paddingTop: 0 },
-            ...h,
+            ...a && f && { paddingTop: 0 },
+            ...g,
             children: [
               /* @__PURE__ */ t.jsxs(
                 L,
@@ -2419,10 +2425,10 @@ const Ke = 60, bt = 6, Nn = (n) => {
                   zIndex: "modal",
                   backgroundColor: "tints.white",
                   paddingInline: 4,
-                  ...g ? { paddingBlock: 4 } : { paddingTop: 6, paddingBlockEnd: 2 },
+                  ...f ? { paddingBlock: 4 } : { paddingTop: 6, paddingBlockEnd: 2 },
                   ...u,
                   children: [
-                    i,
+                    a,
                     /* @__PURE__ */ t.jsx(
                       S,
                       {
@@ -2435,7 +2441,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
                             fontSize: "1rem"
                           }
                         },
-                        children: /* @__PURE__ */ t.jsx(me, { as: Ot, weight: "light" })
+                        children: /* @__PURE__ */ t.jsx(we, { as: Ot, weight: "light" })
                       }
                     )
                   ]
@@ -2450,7 +2456,7 @@ const Ke = 60, bt = 6, Nn = (n) => {
                   children: s
                 }
               ),
-              /* @__PURE__ */ t.jsx(H, { paddingInline: 4, ...p, children: c })
+              /* @__PURE__ */ t.jsx(H, { paddingInline: 4, ...h, children: c })
             ]
           }
         )
@@ -2468,9 +2474,9 @@ export {
   Je as NavbarDrawer,
   $e as NavbarDrawerLink,
   xr as NavigationBar,
-  Gn as SpotlightCard,
+  Yn as SpotlightCard,
   fr as Stepper,
   et as TopNavIconButton,
-  Yn as TopNavigation,
+  Gn as TopNavigation,
   er as useNavigationBar
 };