@everlywell/consumer-ui 1.34.0 → 1.35.1

package/index.mjs

@@ -1,9 +1,9 @@
-import { useSteps as Wt, Box as y, Stepper as Mt, Icon as ce, Flex as D, Text as X, Link as G, Button as xt, Image as Bt, IconButton as Vt, VStack as Nt, Skeleton as Ye, HStack as ut, SkeletonCircle as Oe, DrawerContent as Yt, DrawerOverlay as zt, Drawer as Ut, DrawerHeader as Gt, DrawerBody as Zt, Grid as Kt, GridItem as Xt } from "@everlywell/ui-kit";
-import Xe, { useEffect as K, forwardRef as bt, useRef as Jt, useCallback as mt, useState as V } from "react";
-import { Text as qt, useBreakpointValue as Je, InputGroup as Qt, Input as er, InputRightElement as tr, Icon as rr } from "@chakra-ui/react";
-import { CaretRight as ct, MagnifyingGlass as jt, List as nr, Basket as lr, CaretLeft as ar, X as ir, User as ft, QrCode as or } from "@phosphor-icons/react";
-import { motion as qe, AnimatePresence as sr } from "framer-motion";
-var Ze = { exports: {} }, we = {};
+import { useSteps as $t, Box as y, Stepper as Bt, Icon as ue, Flex as D, Text as K, Link as z, Button as xt, Image as Wt, IconButton as Vt, VStack as Nt, Skeleton as Ne, HStack as ut, SkeletonCircle as De, DrawerContent as Yt, DrawerOverlay as zt, Drawer as Ut, DrawerHeader as Gt, DrawerBody as Zt, Grid as Kt, GridItem as Xt } from "@everlywell/ui-kit";
+import Ke, { useEffect as Z, forwardRef as bt, useRef as Jt, useCallback as mt, useState as W } from "react";
+import { Text as qt, useBreakpointValue as Xe, InputGroup as Qt, Input as er, InputRightElement as tr, Icon as rr } from "@chakra-ui/react";
+import { CaretRight as ct, MagnifyingGlass as jt, List as nr, Basket as lr, CaretLeft as ar, X as or, User as dt, QrCode as ir } from "@phosphor-icons/react";
+import { motion as Je, AnimatePresence as sr } from "framer-motion";
+var Ge = { exports: {} }, Ce = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,25 +13,21 @@ var Ze = { exports: {} }, we = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var dt;
+var ft;
 function ur() {
-  if (dt)
-    return we;
-  dt = 1;
-  var l = Xe, o = Symbol.for("react.element"), p = Symbol.for("react.fragment"), f = Object.prototype.hasOwnProperty, w = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
+  if (ft) return Ce;
+  ft = 1;
+  var l = Ke, s = Symbol.for("react.element"), p = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, w = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
   function m(R, c, b) {
-    var s, j = {}, v = null, u = null;
+    var i, j = {}, v = null, u = null;
     b !== void 0 && (v = "" + b), c.key !== void 0 && (v = "" + c.key), c.ref !== void 0 && (u = c.ref);
-    for (s in c)
-      f.call(c, s) && !g.hasOwnProperty(s) && (j[s] = c[s]);
-    if (R && R.defaultProps)
-      for (s in c = R.defaultProps, c)
-        j[s] === void 0 && (j[s] = c[s]);
-    return { $$typeof: o, type: R, key: v, ref: u, props: j, _owner: w.current };
+    for (i in c) d.call(c, i) && !g.hasOwnProperty(i) && (j[i] = c[i]);
+    if (R && R.defaultProps) for (i in c = R.defaultProps, c) j[i] === void 0 && (j[i] = c[i]);
+    return { $$typeof: s, type: R, key: v, ref: u, props: j, _owner: w.current };
   }
-  return we.Fragment = p, we.jsx = m, we.jsxs = m, we;
+  return Ce.Fragment = p, Ce.jsx = m, Ce.jsxs = m, Ce;
 }
-var ye = {};
+var we = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -44,24 +40,24 @@ var ye = {};
 var pt;
 function cr() {
   return pt || (pt = 1, process.env.NODE_ENV !== "production" && function() {
-    var l = Xe, o = Symbol.for("react.element"), p = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), R = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), O = Symbol.iterator, N = "@@iterator";
-    function ee(e) {
+    var l = Ke, s = Symbol.for("react.element"), p = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), R = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), i = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), O = Symbol.iterator, q = "@@iterator";
+    function Q(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = O && e[O] || e[N];
+      var r = O && e[O] || e[q];
       return typeof r == "function" ? r : null;
     }
     var F = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function _(e) {
       {
-        for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
-          n[i - 1] = arguments[i];
+        for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), o = 1; o < r; o++)
+          n[o - 1] = arguments[o];
         de("error", e, n);
       }
     }
     function de(e, r, n) {
       {
-        var i = F.ReactDebugCurrentFrame, x = i.getStackAddendum();
+        var o = F.ReactDebugCurrentFrame, x = o.getStackAddendum();
         x !== "" && (r += "%s", n = n.concat([x]));
         var C = n.map(function(h) {
           return String(h);
@@ -69,26 +65,26 @@ function cr() {
         C.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, C);
       }
     }
-    var pe = !1, he = !1, H = !1, te = !1, Y = !1, E;
+    var fe = !1, pe = !1, M = !1, ee = !1, V = !1, E;
     E = Symbol.for("react.module.reference");
-    function W(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === f || e === g || Y || e === w || e === b || e === s || te || e === u || pe || he || H || typeof e == "object" && e !== null && (e.$$typeof === v || e.$$typeof === j || e.$$typeof === m || e.$$typeof === R || e.$$typeof === c || // This needs to include all possible module reference object
+    function $(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === d || e === g || V || e === w || e === b || e === i || ee || e === u || fe || pe || M || typeof e == "object" && e !== null && (e.$$typeof === v || e.$$typeof === j || e.$$typeof === m || e.$$typeof === R || e.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       e.$$typeof === E || e.getModuleId !== void 0));
     }
-    function Ee(e, r, n) {
-      var i = e.displayName;
-      if (i)
-        return i;
+    function ye(e, r, n) {
+      var o = e.displayName;
+      if (o)
+        return o;
       var x = r.displayName || r.name || "";
       return x !== "" ? n + "(" + x + ")" : n;
     }
-    function ve(e) {
+    function he(e) {
       return e.displayName || "Context";
     }
-    function I(e) {
+    function A(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -96,7 +92,7 @@ function cr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case f:
+        case d:
           return "Fragment";
         case p:
           return "Portal";
@@ -106,26 +102,26 @@ function cr() {
           return "StrictMode";
         case b:
           return "Suspense";
-        case s:
+        case i:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case R:
             var r = e;
-            return ve(r) + ".Consumer";
+            return he(r) + ".Consumer";
           case m:
             var n = e;
-            return ve(n._context) + ".Provider";
+            return he(n._context) + ".Provider";
           case c:
-            return Ee(e, e.render, "ForwardRef");
+            return ye(e, e.render, "ForwardRef");
           case j:
-            var i = e.displayName || null;
-            return i !== null ? i : I(e.type) || "Memo";
+            var o = e.displayName || null;
+            return o !== null ? o : A(e.type) || "Memo";
           case v: {
             var x = e, C = x._payload, h = x._init;
             try {
-              return I(h(C));
+              return A(h(C));
             } catch {
               return null;
             }
@@ -133,18 +129,18 @@ function cr() {
         }
       return null;
     }
-    var z = Object.assign, U = 0, Re, _e, Se, re, Te, ge, ne;
-    function ke() {
+    var N = Object.assign, Y = 0, Ee, Re, _e, te, Se, ve, re;
+    function Te() {
     }
-    ke.__reactDisabledLog = !0;
+    Te.__reactDisabledLog = !0;
     function Ie() {
       {
-        if (U === 0) {
-          Re = console.log, _e = console.info, Se = console.warn, re = console.error, Te = console.group, ge = console.groupCollapsed, ne = console.groupEnd;
+        if (Y === 0) {
+          Ee = console.log, Re = console.info, _e = console.warn, te = console.error, Se = console.group, ve = console.groupCollapsed, re = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: ke,
+            value: Te,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -157,77 +153,77 @@ function cr() {
             groupEnd: e
           });
         }
-        U++;
+        Y++;
       }
     }
-    function le() {
+    function ne() {
       {
-        if (U--, U === 0) {
+        if (Y--, Y === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: z({}, e, {
+            log: N({}, e, {
+              value: Ee
+            }),
+            info: N({}, e, {
               value: Re
             }),
-            info: z({}, e, {
+            warn: N({}, e, {
               value: _e
             }),
-            warn: z({}, e, {
-              value: Se
-            }),
-            error: z({}, e, {
-              value: re
+            error: N({}, e, {
+              value: te
             }),
-            group: z({}, e, {
-              value: Te
+            group: N({}, e, {
+              value: Se
             }),
-            groupCollapsed: z({}, e, {
-              value: ge
+            groupCollapsed: N({}, e, {
+              value: ve
             }),
-            groupEnd: z({}, e, {
-              value: ne
+            groupEnd: N({}, e, {
+              value: re
             })
           });
         }
-        U < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Y < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var M = F.ReactCurrentDispatcher, xe;
-    function ae(e, r, n) {
+    var B = F.ReactCurrentDispatcher, ge;
+    function le(e, r, n) {
       {
-        if (xe === void 0)
+        if (ge === void 0)
           try {
             throw Error();
           } catch (x) {
-            var i = x.stack.trim().match(/\n( *(at )?)/);
-            xe = i && i[1] || "";
+            var o = x.stack.trim().match(/\n( *(at )?)/);
+            ge = o && o[1] || "";
           }
         return `
-` + xe + e;
+` + ge + e;
       }
     }
-    var be = !1, ie;
+    var xe = !1, ae;
     {
-      var Ae = typeof WeakMap == "function" ? WeakMap : Map;
-      ie = new Ae();
+      var Le = typeof WeakMap == "function" ? WeakMap : Map;
+      ae = new Le();
     }
-    function De(e, r) {
-      if (!e || be)
+    function ke(e, r) {
+      if (!e || xe)
         return "";
       {
-        var n = ie.get(e);
+        var n = ae.get(e);
         if (n !== void 0)
           return n;
       }
-      var i;
-      be = !0;
+      var o;
+      xe = !0;
       var x = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var C;
-      C = M.current, M.current = null, Ie();
+      C = B.current, B.current = null, Ie();
       try {
         if (r) {
           var h = function() {
@@ -241,14 +237,14 @@ function cr() {
             try {
               Reflect.construct(h, []);
             } catch (L) {
-              i = L;
+              o = L;
             }
             Reflect.construct(e, [], h);
           } else {
             try {
               h.call();
             } catch (L) {
-              i = L;
+              o = L;
             }
             e.call(h.prototype);
           }
@@ -256,39 +252,39 @@ function cr() {
           try {
             throw Error();
           } catch (L) {
-            i = L;
+            o = L;
           }
           e();
         }
       } catch (L) {
-        if (L && i && typeof L.stack == "string") {
-          for (var d = L.stack.split(`
-`), P = i.stack.split(`
-`), S = d.length - 1, T = P.length - 1; S >= 1 && T >= 0 && d[S] !== P[T]; )
+        if (L && o && typeof L.stack == "string") {
+          for (var f = L.stack.split(`
+`), I = o.stack.split(`
+`), S = f.length - 1, T = I.length - 1; S >= 1 && T >= 0 && f[S] !== I[T]; )
             T--;
           for (; S >= 1 && T >= 0; S--, T--)
-            if (d[S] !== P[T]) {
+            if (f[S] !== I[T]) {
               if (S !== 1 || T !== 1)
                 do
-                  if (S--, T--, T < 0 || d[S] !== P[T]) {
-                    var $ = `
-` + d[S].replace(" at new ", " at ");
-                    return e.displayName && $.includes("<anonymous>") && ($ = $.replace("<anonymous>", e.displayName)), typeof e == "function" && ie.set(e, $), $;
+                  if (S--, T--, T < 0 || f[S] !== I[T]) {
+                    var H = `
+` + f[S].replace(" at new ", " at ");
+                    return e.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", e.displayName)), typeof e == "function" && ae.set(e, H), H;
                   }
                 while (S >= 1 && T >= 0);
               break;
             }
         }
       } finally {
-        be = !1, M.current = C, le(), Error.prepareStackTrace = x;
+        xe = !1, B.current = C, ne(), Error.prepareStackTrace = x;
       }
-      var ue = e ? e.displayName || e.name : "", Q = ue ? ae(ue) : "";
-      return typeof e == "function" && ie.set(e, Q), Q;
+      var se = e ? e.displayName || e.name : "", J = se ? le(se) : "";
+      return typeof e == "function" && ae.set(e, J), J;
     }
-    function Fe(e, r, n) {
-      return De(e, !1);
+    function Ae(e, r, n) {
+      return ke(e, !1);
     }
-    function He(e) {
+    function Fe(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
@@ -296,23 +292,23 @@ function cr() {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return De(e, He(e));
+        return ke(e, Fe(e));
       if (typeof e == "string")
-        return ae(e);
+        return le(e);
       switch (e) {
         case b:
-          return ae("Suspense");
-        case s:
-          return ae("SuspenseList");
+          return le("Suspense");
+        case i:
+          return le("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case c:
-            return Fe(e.render);
+            return Ae(e.render);
           case j:
             return oe(e.type, r, n);
           case v: {
-            var i = e, x = i._payload, C = i._init;
+            var o = e, x = o._payload, C = o._init;
             try {
               return oe(C(x), r, n);
             } catch {
@@ -321,66 +317,66 @@ function cr() {
         }
       return "";
     }
-    var J = Object.prototype.hasOwnProperty, me = {}, je = F.ReactDebugCurrentFrame;
-    function q(e) {
+    var U = Object.prototype.hasOwnProperty, be = {}, me = F.ReactDebugCurrentFrame;
+    function a(e) {
       if (e) {
         var r = e._owner, n = oe(e.type, e._source, r ? r.type : null);
-        je.setExtraStackFrame(n);
+        me.setExtraStackFrame(n);
       } else
-        je.setExtraStackFrame(null);
+        me.setExtraStackFrame(null);
     }
-    function a(e, r, n, i, x) {
+    function k(e, r, n, o, x) {
       {
-        var C = Function.call.bind(J);
+        var C = Function.call.bind(U);
         for (var h in e)
           if (C(e, h)) {
-            var d = void 0;
+            var f = void 0;
             try {
               if (typeof e[h] != "function") {
-                var P = Error((i || "React class") + ": " + n + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw P.name = "Invariant Violation", P;
+                var I = Error((o || "React class") + ": " + n + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw I.name = "Invariant Violation", I;
               }
-              d = e[h](r, h, i, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              f = e[h](r, h, o, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (S) {
-              d = S;
+              f = S;
             }
-            d && !(d instanceof Error) && (q(x), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", n, h, typeof d), q(null)), d instanceof Error && !(d.message in me) && (me[d.message] = !0, q(x), _("Failed %s type: %s", n, d.message), q(null));
+            f && !(f instanceof Error) && (a(x), _("%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).", o || "React class", n, h, typeof f), a(null)), f instanceof Error && !(f.message in be) && (be[f.message] = !0, a(x), _("Failed %s type: %s", n, f.message), a(null));
           }
       }
     }
-    var k = Array.isArray;
-    function B(e) {
-      return k(e);
+    var G = Array.isArray;
+    function P(e) {
+      return G(e);
     }
-    function A(e) {
+    function Me(e) {
       {
         var r = typeof Symbol == "function" && Symbol.toStringTag, n = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return n;
       }
     }
-    function $e(e) {
+    function X(e) {
       try {
-        return Z(e), !1;
+        return qe(e), !1;
       } catch {
         return !0;
       }
     }
-    function Z(e) {
+    function qe(e) {
       return "" + e;
     }
     function Qe(e) {
-      if ($e(e))
-        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", A(e)), Z(e);
+      if (X(e))
+        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Me(e)), qe(e);
     }
-    var Ce = F.ReactCurrentOwner, Ct = {
+    var je = F.ReactCurrentOwner, Ct = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, et, tt, We;
-    We = {};
+    }, et, tt, He;
+    He = {};
     function wt(e) {
-      if (J.call(e, "ref")) {
+      if (U.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
           return !1;
@@ -388,7 +384,7 @@ function cr() {
       return e.ref !== void 0;
     }
     function yt(e) {
-      if (J.call(e, "key")) {
+      if (U.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
           return !1;
@@ -396,9 +392,9 @@ function cr() {
       return e.key !== void 0;
     }
     function Et(e, r) {
-      if (typeof e.ref == "string" && Ce.current && r && Ce.current.stateNode !== r) {
-        var n = I(Ce.current.type);
-        We[n] || (_('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', I(Ce.current.type), e.ref), We[n] = !0);
+      if (typeof e.ref == "string" && je.current && r && je.current.stateNode !== r) {
+        var n = A(je.current.type);
+        He[n] || (_('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', A(je.current.type), e.ref), He[n] = !0);
       }
     }
     function Rt(e, r) {
@@ -423,10 +419,10 @@ function cr() {
         });
       }
     }
-    var St = function(e, r, n, i, x, C, h) {
-      var d = {
+    var St = function(e, r, n, o, x, C, h) {
+      var f = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: o,
+        $$typeof: s,
         // Built-in properties that belong on the element
         type: e,
         key: r,
@@ -435,43 +431,43 @@ function cr() {
         // Record the component responsible for creating this element.
         _owner: C
       };
-      return d._store = {}, Object.defineProperty(d._store, "validated", {
+      return f._store = {}, Object.defineProperty(f._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(d, "_self", {
+      }), Object.defineProperty(f, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: i
-      }), Object.defineProperty(d, "_source", {
+        value: o
+      }), Object.defineProperty(f, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: x
-      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
+      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     };
-    function Tt(e, r, n, i, x) {
+    function Tt(e, r, n, o, x) {
       {
-        var C, h = {}, d = null, P = null;
-        n !== void 0 && (Qe(n), d = "" + n), yt(r) && (Qe(r.key), d = "" + r.key), wt(r) && (P = r.ref, Et(r, x));
+        var C, h = {}, f = null, I = null;
+        n !== void 0 && (Qe(n), f = "" + n), yt(r) && (Qe(r.key), f = "" + r.key), wt(r) && (I = r.ref, Et(r, x));
         for (C in r)
-          J.call(r, C) && !Ct.hasOwnProperty(C) && (h[C] = r[C]);
+          U.call(r, C) && !Ct.hasOwnProperty(C) && (h[C] = r[C]);
         if (e && e.defaultProps) {
           var S = e.defaultProps;
           for (C in S)
             h[C] === void 0 && (h[C] = S[C]);
         }
-        if (d || P) {
+        if (f || I) {
           var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          d && Rt(h, T), P && _t(h, T);
+          f && Rt(h, T), I && _t(h, T);
         }
-        return St(e, d, P, x, i, Ce.current, h);
+        return St(e, f, I, x, o, je.current, h);
       }
     }
-    var Me = F.ReactCurrentOwner, rt = F.ReactDebugCurrentFrame;
-    function se(e) {
+    var $e = F.ReactCurrentOwner, rt = F.ReactDebugCurrentFrame;
+    function ie(e) {
       if (e) {
         var r = e._owner, n = oe(e.type, e._source, r ? r.type : null);
         rt.setExtraStackFrame(n);
@@ -480,13 +476,13 @@ function cr() {
     }
     var Be;
     Be = !1;
-    function Ve(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === o;
+    function We(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === s;
     }
     function nt() {
       {
-        if (Me.current) {
-          var e = I(Me.current.type);
+        if ($e.current) {
+          var e = A($e.current.type);
           if (e)
             return `
 
@@ -496,15 +492,7 @@ Check the render method of \`` + e + "`.";
       }
     }
     function kt(e) {
-      {
-        if (e !== void 0) {
-          var r = e.fileName.replace(/^.*[\\\/]/, ""), n = e.lineNumber;
-          return `
-
-Check your code at ` + r + ":" + n + ".";
-        }
-        return "";
-      }
+      return "";
     }
     var lt = {};
     function Dt(e) {
@@ -528,26 +516,26 @@ Check the top-level render call using <` + n + ">.");
         if (lt[n])
           return;
         lt[n] = !0;
-        var i = "";
-        e && e._owner && e._owner !== Me.current && (i = " It was passed a child from " + I(e._owner.type) + "."), se(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, i), se(null);
+        var o = "";
+        e && e._owner && e._owner !== $e.current && (o = " It was passed a child from " + A(e._owner.type) + "."), ie(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, o), ie(null);
       }
     }
-    function it(e, r) {
+    function ot(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (B(e))
+        if (P(e))
           for (var n = 0; n < e.length; n++) {
-            var i = e[n];
-            Ve(i) && at(i, r);
+            var o = e[n];
+            We(o) && at(o, r);
           }
-        else if (Ve(e))
+        else if (We(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var x = ee(e);
+          var x = Q(e);
           if (typeof x == "function" && x !== e.entries)
             for (var C = x.call(e), h; !(h = C.next()).done; )
-              Ve(h.value) && at(h.value, r);
+              We(h.value) && at(h.value, r);
         }
       }
     }
@@ -566,11 +554,11 @@ Check the top-level render call using <` + n + ">.");
         else
           return;
         if (n) {
-          var i = I(r);
-          a(n, e.props, "prop", i, e);
+          var o = A(r);
+          k(n, e.props, "prop", o, e);
         } else if (r.PropTypes !== void 0 && !Be) {
           Be = !0;
-          var x = I(r);
+          var x = A(r);
           _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
         }
         typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -579,108 +567,108 @@ Check the top-level render call using <` + n + ">.");
     function Pt(e) {
       {
         for (var r = Object.keys(e.props), n = 0; n < r.length; n++) {
-          var i = r[n];
-          if (i !== "children" && i !== "key") {
-            se(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), se(null);
+          var o = r[n];
+          if (o !== "children" && o !== "key") {
+            ie(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", o), ie(null);
             break;
           }
         }
-        e.ref !== null && (se(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), se(null));
+        e.ref !== null && (ie(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), ie(null));
       }
     }
-    var ot = {};
-    function st(e, r, n, i, x, C) {
+    var it = {};
+    function st(e, r, n, o, x, C) {
       {
-        var h = W(e);
+        var h = $(e);
         if (!h) {
-          var d = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (d += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var P = kt(x);
-          P ? d += P : d += nt();
+          var f = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (f += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var I = kt();
+          I ? f += I : f += nt();
           var S;
-          e === null ? S = "null" : B(e) ? S = "array" : e !== void 0 && e.$$typeof === o ? (S = "<" + (I(e.type) || "Unknown") + " />", d = " Did you accidentally export a JSX literal instead of a component?") : S = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", S, d);
+          e === null ? S = "null" : P(e) ? S = "array" : e !== void 0 && e.$$typeof === s ? (S = "<" + (A(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : S = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", S, f);
         }
         var T = Tt(e, r, n, x, C);
         if (T == null)
           return T;
         if (h) {
-          var $ = r.children;
-          if ($ !== void 0)
-            if (i)
-              if (B($)) {
-                for (var ue = 0; ue < $.length; ue++)
-                  it($[ue], e);
-                Object.freeze && Object.freeze($);
+          var H = r.children;
+          if (H !== void 0)
+            if (o)
+              if (P(H)) {
+                for (var se = 0; se < H.length; se++)
+                  ot(H[se], e);
+                Object.freeze && Object.freeze(H);
               } else
                 _("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
-              it($, e);
+              ot(H, e);
         }
-        if (J.call(r, "key")) {
-          var Q = I(e), L = Object.keys(r).filter(function($t) {
-            return $t !== "key";
-          }), Ne = L.length > 0 ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!ot[Q + Ne]) {
-            var Ht = L.length > 0 ? "{" + L.join(": ..., ") + ": ...}" : "{}";
+        if (U.call(r, "key")) {
+          var J = A(e), L = Object.keys(r).filter(function(Ht) {
+            return Ht !== "key";
+          }), Ve = L.length > 0 ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!it[J + Ve]) {
+            var Mt = L.length > 0 ? "{" + L.join(": ..., ") + ": ...}" : "{}";
             _(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ne, Q, Ht, Q), ot[Q + Ne] = !0;
+  <%s key={someKey} {...props} />`, Ve, J, Mt, J), it[J + Ve] = !0;
           }
         }
-        return e === f ? Pt(T) : Ot(T), T;
+        return e === d ? Pt(T) : Ot(T), T;
       }
     }
-    function Lt(e, r, n) {
+    function It(e, r, n) {
       return st(e, r, n, !0);
     }
-    function It(e, r, n) {
+    function Lt(e, r, n) {
       return st(e, r, n, !1);
     }
-    var At = It, Ft = Lt;
-    ye.Fragment = f, ye.jsx = At, ye.jsxs = Ft;
-  }()), ye;
+    var At = Lt, Ft = It;
+    we.Fragment = d, we.jsx = At, we.jsxs = Ft;
+  }()), we;
 }
-process.env.NODE_ENV === "production" ? Ze.exports = ur() : Ze.exports = cr();
-var t = Ze.exports;
-const ze = 60, ht = 6, fr = (l) => {
+process.env.NODE_ENV === "production" ? Ge.exports = ur() : Ge.exports = cr();
+var t = Ge.exports;
+const Ye = 60, ht = 6, dr = (l) => {
   const {
-    activeStepIndex: o,
+    activeStepIndex: s,
     hideIndicators: p = !1,
-    steps: f,
+    steps: d,
     stepperTheme: w = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
-  } = l, { activeStep: g, setActiveStep: m } = Wt({
-    index: o,
-    count: f.length
+  } = l, { activeStep: g, setActiveStep: m } = $t({
+    index: s,
+    count: d.length
   });
-  return K(() => {
-    m(o);
-  }, [o, m]), /* @__PURE__ */ t.jsx(
+  return Z(() => {
+    m(s);
+  }, [s, m]), /* @__PURE__ */ t.jsx(
     y,
     { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
-      Mt,
+      Bt,
       {
         role: "progressbar",
         index: g,
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
-        children: f.map((R, c) => {
-          const b = g === c, s = c === 0, j = c === f.length - 1, v = g > c;
-          let u = `${ze}px`;
-          const O = `calc(100% - ((${ze * (f.length - 1)}px) - (${f.length - 1} * ${ht * 2}px)))`;
-          return b ? u = O : (s || j) && (u = `${ze - ht}px`), /* @__PURE__ */ t.jsx(
+        children: d.map((R, c) => {
+          const b = g === c, i = c === 0, j = c === d.length - 1, v = g > c;
+          let u = `${Ye}px`;
+          const O = `calc(100% - ((${Ye * (d.length - 1)}px) - (${d.length - 1} * ${ht * 2}px)))`;
+          return b ? u = O : (i || j) && (u = `${Ye - ht}px`), /* @__PURE__ */ t.jsx(
             y,
             {
               width: u,
               opacity: v || b ? 1 : 0.2,
               paddingRight: j ? "0" : "6px",
-              paddingLeft: s ? "0" : "6px",
+              paddingLeft: i ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
               children: /* @__PURE__ */ t.jsx(
                 y,
@@ -709,33 +697,33 @@ const ze = 60, ht = 6, fr = (l) => {
       }
     ) }
   );
-}, _r = Xe.memo(fr), Sr = ({
+}, _r = Ke.memo(dr), Sr = ({
   children: l,
-  ...o
+  ...s
 }) => /* @__PURE__ */ t.jsx(
   qt,
-  { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...o, children: l }
-), Le = (l, o) => {
+  { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...s, children: l }
+), Pe = (l, s) => {
   const p = (l == null ? void 0 : l.startsWith("http")) || (l == null ? void 0 : l.startsWith("mailto"));
-  return o && !p ? {
+  return s && !p ? {
     to: l
   } : {
     href: l
   };
-}, Ue = bt(
-  (l, o) => {
+}, ze = bt(
+  (l, s) => {
     const {
       label: p,
-      additionalContent: f,
+      additionalContent: d,
       mainTextFontSize: w,
       linkComponent: g,
       href: m,
       ...R
-    } = l, c = g || G, b = Le(m, !!g);
+    } = l, c = g || z, b = Pe(m, !!g);
     return /* @__PURE__ */ t.jsxs(
       y,
       {
-        ref: o,
+        ref: s,
         as: c,
         display: "flex",
         alignItems: "center",
@@ -752,7 +740,7 @@ const ze = 60, ht = 6, fr = (l) => {
         ...R,
         children: [
           /* @__PURE__ */ t.jsx(
-            ce,
+            ue,
             {
               display: ["none", null, null, "block"],
               as: ct,
@@ -767,15 +755,15 @@ const ze = 60, ht = 6, fr = (l) => {
             D,
             { alignItems: "center", gap: "1", width: ["100%", null, null, "auto"], children: [
               /* @__PURE__ */ t.jsx(
-                X,
+                K,
                 {
                   fontSize: [w || "xl", null, null, "lg"],
                   fontWeight: "medium",
                   children: p
                 }
               ),
-              f && (typeof f == "string" ? /* @__PURE__ */ t.jsx(
-                X,
+              d && (typeof d == "string" ? /* @__PURE__ */ t.jsx(
+                K,
                 {
                   fontSize: ["xl", null, null, "lg"],
                   fontWeight: "medium",
@@ -785,11 +773,11 @@ const ze = 60, ht = 6, fr = (l) => {
                       color: "viridian.base"
                     }
                   },
-                  children: f
+                  children: d
                 }
-              ) : f),
+              ) : d),
               /* @__PURE__ */ t.jsx(
-                ce,
+                ue,
                 {
                   display: ["block", null, null, "none"],
                   as: ct,
@@ -806,13 +794,13 @@ const ze = 60, ht = 6, fr = (l) => {
       }
     );
   }
-), Pe = bt(
-  (l, o) => {
-    const { children: p, isSelected: f, ...w } = l, g = l.backgroundColor || (f ? "tints.lightCream" : "transparent");
+), Oe = bt(
+  (l, s) => {
+    const { children: p, isSelected: d, ...w } = l, g = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
       xt,
       {
-        ref: o,
+        ref: s,
         borderRadius: "full",
         backgroundColor: g,
         fontSize: "lg !important",
@@ -841,18 +829,18 @@ const ze = 60, ht = 6, fr = (l) => {
       }
     );
   }
-), dr = ({
+), fr = ({
   title: l,
-  description: o,
+  description: s,
   imageSrc: p,
-  imageElement: f,
+  imageElement: d,
   button: w,
   backgroundColor: g = "viridian.wash",
   onClick: m,
   href: R,
   linkComponent: c
 }) => {
-  const b = "80px", s = "200px", j = "272px", v = c || G, u = Le(R, !!c), O = Je({
+  const b = "80px", i = "200px", j = "272px", v = c || z, u = Pe(R, !!c), O = Xe({
     base: !1,
     tablet: !1,
     largeTablet: !1,
@@ -890,11 +878,11 @@ const ze = 60, ht = 6, fr = (l) => {
             height: ["100%"],
             flex: [null, null, null, "1"],
             children: p ? /* @__PURE__ */ t.jsx(
-              Bt,
+              Wt,
               {
                 src: p,
                 objectFit: "cover",
-                height: [b, null, null, s],
+                height: [b, null, null, i],
                 width: "100%",
                 alt: "",
                 "data-testid": "spotlight-card-image"
@@ -902,9 +890,9 @@ const ze = 60, ht = 6, fr = (l) => {
             ) : /* @__PURE__ */ t.jsx(
               y,
               {
-                height: [b, null, null, s],
+                height: [b, null, null, i],
                 overflow: "hidden",
-                children: f
+                children: d
               }
             )
           }
@@ -927,12 +915,12 @@ const ze = 60, ht = 6, fr = (l) => {
                 y,
                 { children: [
                   /* @__PURE__ */ t.jsx(
-                    X,
+                    K,
                     { fontSize: "lg", fontWeight: "medium", color: "tints.black", children: l }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    X,
-                    { fontSize: "sm", color: "tints.black", children: o }
+                    K,
+                    { fontSize: "sm", color: "tints.black", children: s }
                   )
                 ] }
               ),
@@ -943,7 +931,7 @@ const ze = 60, ht = 6, fr = (l) => {
       ]
     }
   );
-}, fe = (l) => /* @__PURE__ */ t.jsx(
+}, ce = (l) => /* @__PURE__ */ t.jsx(
   Vt,
   {
     size: "sm",
@@ -990,16 +978,16 @@ const ze = 60, ht = 6, fr = (l) => {
   }
 ), hr = ({
   desktopTopButtons: l,
-  kitRegistrationElement: o,
+  kitRegistrationElement: s,
   profileElement: p,
-  cartElement: f,
+  cartElement: d,
   onSearchClick: w,
   onMenuClick: g,
   hasSearch: m = !1,
   logoLink: R = "https://www.everlywell.com",
   setTopOffset: c,
   linkComponent: b,
-  onLogoClick: s
+  onLogoClick: i
 }) => {
   const j = Jt(null), v = mt(() => {
     if (j.current) {
@@ -1007,7 +995,7 @@ const ze = 60, ht = 6, fr = (l) => {
       c(u.bottom);
     }
   }, []);
-  return K(() => {
+  return Z(() => {
     v();
   }, [v]), /* @__PURE__ */ t.jsx(
     y,
@@ -1033,9 +1021,9 @@ const ze = 60, ht = 6, fr = (l) => {
                 y,
                 {
                   "aria-label": "Go to homepage",
-                  onClick: s,
-                  as: b || G,
-                  ...Le(R, !!b),
+                  onClick: i,
+                  as: b || z,
+                  ...Pe(R, !!b),
                   children: /* @__PURE__ */ t.jsx(pr, {})
                 }
               ),
@@ -1050,21 +1038,21 @@ const ze = 60, ht = 6, fr = (l) => {
             { alignItems: "center", gap: "2", children: [
               /* @__PURE__ */ t.jsx(
                 y,
-                { display: ["none", null, null, "block"], children: o }
+                { display: ["none", null, null, "block"], children: s }
               ),
               m ? /* @__PURE__ */ t.jsx(
-                fe,
+                ce,
                 {
                   "aria-label": "Search",
-                  icon: /* @__PURE__ */ t.jsx(ce, { as: jt }),
+                  icon: /* @__PURE__ */ t.jsx(ue, { as: jt }),
                   onClick: w
                 }
               ) : null,
-              f,
+              d,
               /* @__PURE__ */ t.jsx(
                 y,
                 { display: ["flex", null, null, "none"], children: /* @__PURE__ */ t.jsx(
-                  fe,
+                  ce,
                   {
                     icon: /* @__PURE__ */ t.jsx(nr, {}),
                     "aria-label": "menu",
@@ -1082,11 +1070,11 @@ const ze = 60, ht = 6, fr = (l) => {
   );
 }, vr = ({
   count: l = 0,
-  ...o
+  ...s
 }) => /* @__PURE__ */ t.jsxs(
   y,
   { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(fe, { icon: /* @__PURE__ */ t.jsx(lr, {}), ...o }),
+    /* @__PURE__ */ t.jsx(ce, { icon: /* @__PURE__ */ t.jsx(lr, {}), ...s }),
     l > 0 && /* @__PURE__ */ t.jsx(
       y,
       {
@@ -1111,7 +1099,7 @@ const ze = 60, ht = 6, fr = (l) => {
   ] }
 ), Tr = ({
   numDesktopLinks: l = 5,
-  showPromoButton: o = !1
+  showPromoButton: s = !1
 }) => /* @__PURE__ */ t.jsx(
   Nt,
   { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
@@ -1124,7 +1112,7 @@ const ze = 60, ht = 6, fr = (l) => {
       children: /* @__PURE__ */ t.jsxs(
         D,
         { justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ t.jsx(Ye, { w: "120px", h: "48px" }),
+          /* @__PURE__ */ t.jsx(Ne, { w: "120px", h: "48px" }),
           /* @__PURE__ */ t.jsxs(
             ut,
             {
@@ -1134,9 +1122,9 @@ const ze = 60, ht = 6, fr = (l) => {
               "data-testid": "desktop-nav",
               children: [
                 Array.from({ length: l }).map(
-                  (p, f) => /* @__PURE__ */ t.jsx(Ye, { width: "90px", height: "48px" }, f)
+                  (p, d) => /* @__PURE__ */ t.jsx(Ne, { width: "90px", height: "48px" }, d)
                 ),
-                o && /* @__PURE__ */ t.jsx(Ye, { width: "110px", height: "48px", borderRadius: "full" })
+                s && /* @__PURE__ */ t.jsx(Ne, { width: "110px", height: "48px", borderRadius: "full" })
               ]
             }
           ),
@@ -1144,7 +1132,7 @@ const ze = 60, ht = 6, fr = (l) => {
             ut,
             { spacing: 4, ml: "auto", children: [
               /* @__PURE__ */ t.jsx(
-                Oe,
+                De,
                 {
                   width: "120px",
                   height: "48px",
@@ -1153,11 +1141,11 @@ const ze = 60, ht = 6, fr = (l) => {
                 }
               ),
               " ",
-              /* @__PURE__ */ t.jsx(Oe, { width: "48px", height: "48px" }),
+              /* @__PURE__ */ t.jsx(De, { width: "48px", height: "48px" }),
               " ",
-              /* @__PURE__ */ t.jsx(Oe, { width: "48px", height: "48px" }),
+              /* @__PURE__ */ t.jsx(De, { width: "48px", height: "48px" }),
               " ",
-              /* @__PURE__ */ t.jsx(Oe, { width: "48px", height: "48px" }),
+              /* @__PURE__ */ t.jsx(De, { width: "48px", height: "48px" }),
               " "
             ] }
           )
@@ -1165,61 +1153,61 @@ const ze = 60, ht = 6, fr = (l) => {
       )
     }
   ) }
-), gr = (l, o) => {
+), gr = (l, s) => {
   let p;
-  return (...f) => {
+  return (...d) => {
     p && clearTimeout(p), p = setTimeout(() => {
-      l(...f);
-    }, o);
+      l(...d);
+    }, s);
   };
-}, Ke = "nav-drawer-hover", vt = (l) => {
+}, Ze = "nav-drawer-hover", vt = (l) => {
   window.dispatchEvent(
-    new CustomEvent(Ke, {
+    new CustomEvent(Ze, {
       detail: { isHovering: l },
       bubbles: !0,
       cancelable: !0
     })
   );
-}, xr = (l = !1, o = !1, p = !1) => l || !o ? "column" : p ? "row" : "row-reverse", br = qe(Yt), mr = qe(zt), Ge = ({
+}, xr = (l = !1, s = !1, p = !1) => l || !s ? "column" : p ? "row" : "row-reverse", br = Je(Yt), mr = Je(zt), Ue = ({
   isOpen: l = !1,
-  onClose: o,
+  onClose: s,
   title: p,
-  navDrawerLinks: f,
+  navDrawerLinks: d,
   bottomNavButtons: w,
   spotlightCards: g,
   bottomButton: m,
   hasBackButton: R = !0,
   onBackClick: c,
   hasOnlySpotlightCards: b = !1,
-  hasSearch: s = !1,
+  hasSearch: i = !1,
   onSearch: j = () => ({}),
   topOffset: v
 }) => {
-  const u = Je({
+  const u = Xe({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
-  }), O = u ? "top" : "left", [N, ee] = V(0), [F, _] = V(!1), de = () => {
-    ee((H) => H + 1);
-  }, pe = mt(
-    gr((H) => {
-      j(H), de();
+  }), O = u ? "top" : "left", [q, Q] = W(0), [F, _] = W(!1), de = () => {
+    Q((M) => M + 1);
+  }, fe = mt(
+    gr((M) => {
+      j(M), de();
     }, 100),
     []
   );
-  K(() => {
+  Z(() => {
     l && _(!0);
   }, [l]);
-  const he = () => {
-    l || (_(!1), o());
+  const pe = () => {
+    l || (_(!1), s());
   };
   return /* @__PURE__ */ t.jsx(
     Ut,
     {
       isOpen: F || l,
       onClose: () => {
-        F && u || o();
+        F && u || s();
       },
       placement: O,
       blockScrollOnMount: !1,
@@ -1250,9 +1238,9 @@ const ze = 60, ht = 6, fr = (l) => {
             /* @__PURE__ */ t.jsxs(
               br,
               {
-                onClick: (H) => {
-                  const Y = H.target.closest("a");
-                  Y && Y.href === window.location.href && o();
+                onClick: (M) => {
+                  const V = M.target.closest("a");
+                  V && V.href === window.location.href && s();
                 },
                 onMouseEnter: () => {
                   u && vt(!0);
@@ -1267,7 +1255,7 @@ const ze = 60, ht = 6, fr = (l) => {
                 maxHeight: "100vh",
                 position: "relative",
                 top: u ? `${v}px !important` : void 0,
-                onAnimationComplete: he,
+                onAnimationComplete: pe,
                 ...u ? {
                   initial: { height: 0, opacity: 0 },
                   animate: { height: "auto", opacity: 1 },
@@ -1275,12 +1263,12 @@ const ze = 60, ht = 6, fr = (l) => {
                   transition: { duration: 0.3 }
                 } : {},
                 children: [
-                  !s && u ? null : /* @__PURE__ */ t.jsxs(
+                  !i && u ? null : /* @__PURE__ */ t.jsxs(
                     Gt,
                     {
                       padding: "0",
-                      flexDirection: s ? "column" : "row",
-                      gap: s ? "4" : "0",
+                      flexDirection: i ? "column" : "row",
+                      gap: i ? "4" : "0",
                       children: [
                         u ? null : /* @__PURE__ */ t.jsxs(
                           D,
@@ -1290,17 +1278,17 @@ const ze = 60, ht = 6, fr = (l) => {
                             alignItems: "center",
                             children: [
                               R ? /* @__PURE__ */ t.jsx(
-                                fe,
+                                ce,
                                 {
                                   icon: /* @__PURE__ */ t.jsx(ar, {}),
                                   onClick: () => {
-                                    c && c(), o();
+                                    c && c();
                                   },
                                   "aria-label": "Back"
                                 }
                               ) : null,
                               /* @__PURE__ */ t.jsx(
-                                X,
+                                K,
                                 {
                                   color: "tints.uiGrey",
                                   fontSize: ["xl", null, null, "lg"],
@@ -1308,24 +1296,24 @@ const ze = 60, ht = 6, fr = (l) => {
                                 }
                               ),
                               /* @__PURE__ */ t.jsx(
-                                fe,
+                                ce,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(ir, {}),
-                                  onClick: o,
+                                  icon: /* @__PURE__ */ t.jsx(or, {}),
+                                  onClick: s,
                                   "aria-label": "Close"
                                 }
                               )
                             ]
                           }
                         ),
-                        s && /* @__PURE__ */ t.jsxs(
+                        i && /* @__PURE__ */ t.jsxs(
                           Qt,
                           { width: "100%", children: [
                             /* @__PURE__ */ t.jsx(
                               er,
                               {
-                                onChange: (H) => {
-                                  pe(H.target.value);
+                                onChange: (M) => {
+                                  fe(M.target.value);
                                 },
                                 placeholder: "Search",
                                 autoFocus: !0,
@@ -1349,7 +1337,7 @@ const ze = 60, ht = 6, fr = (l) => {
                       paddingBottom: [6, null, null, 4],
                       "data-testid": `navbar-drawer-body-${p.toLowerCase()}`,
                       children: /* @__PURE__ */ t.jsxs(
-                        qe.div,
+                        Je.div,
                         {
                           ...u ? {
                             initial: { opacity: 0, y: -5 },
@@ -1371,7 +1359,7 @@ const ze = 60, ht = 6, fr = (l) => {
                             flexDirection: xr(
                               b,
                               u,
-                              s
+                              i
                             ),
                             gap: "24px",
                             justifyContent: "space-between"
@@ -1399,9 +1387,9 @@ const ze = 60, ht = 6, fr = (l) => {
                                 position: [null, null, null, "relative"],
                                 flexDirection: "column",
                                 gap: "6",
-                                width: ["100%", null, null, s ? null : "auto"],
+                                width: ["100%", null, null, i ? null : "auto"],
                                 children: [
-                                  f ? /* @__PURE__ */ t.jsx(y, { children: f }) : null,
+                                  d ? /* @__PURE__ */ t.jsx(y, { children: d }) : null,
                                   w && !u ? /* @__PURE__ */ t.jsx(y, { children: w }) : null,
                                   m ? /* @__PURE__ */ t.jsx(
                                     y,
@@ -1417,7 +1405,7 @@ const ze = 60, ht = 6, fr = (l) => {
                             )
                           ]
                         },
-                        N
+                        q
                       )
                     }
                   )
@@ -1430,105 +1418,104 @@ const ze = 60, ht = 6, fr = (l) => {
     }
   );
 }, gt = (l) => {
-  const o = /* @__PURE__ */ new Set();
-  return l.reduce((p, f) => {
+  const s = /* @__PURE__ */ new Set();
+  return l.reduce((p, d) => {
     var g;
-    const w = ((g = f.sections) == null ? void 0 : g.reduce((m, R) => {
-      const c = R.links.filter((b) => o.has(b.label) || b.isSearchable !== !0 ? !1 : (o.add(b.label), !0));
+    const w = ((g = d.sections) == null ? void 0 : g.reduce((m, R) => {
+      const c = R.links.filter((b) => s.has(b.label) || b.isSearchable !== !0 ? !1 : (s.add(b.label), !0));
       return [...m, ...c];
     }, [])) ?? [];
     return [...p, ...w];
   }, []);
 }, jr = ({
   source: l,
-  onSearchCallback: o,
+  onSearchCallback: s,
   isActive: p
 }) => {
-  const [f, w] = V(""), [g, m] = V([]), R = (s, j) => {
-    if (!s)
-      return [];
-    const v = s.toLowerCase();
+  const [d, w] = W(""), [g, m] = W([]), R = (i, j) => {
+    if (!i) return [];
+    const v = i.toLowerCase();
     return j.filter((u) => {
-      const O = u.label.toLowerCase().includes(v), N = typeof u.additionalContent == "string" && u.additionalContent.toLowerCase().includes(v);
-      return O || N;
+      const O = u.label.toLowerCase().includes(v), q = typeof u.additionalContent == "string" && u.additionalContent.toLowerCase().includes(v);
+      return O || q;
     }).sort((u, O) => u.label.localeCompare(O.label));
-  }, c = (s) => {
-    if (w(s), !s) {
+  }, c = (i) => {
+    if (w(i), !i) {
       m([]);
       return;
     }
-    const j = R(s, l);
-    m(j), o && o(s, j);
+    const j = R(i, l);
+    m(j), s && s(i, j);
   }, b = () => {
     w(""), m([]);
   };
-  return K(() => {
+  return Z(() => {
     p || (w(""), m([]));
   }, [p]), {
-    query: f,
+    query: d,
     results: g,
     handleClose: b,
     handleSearch: c
   };
 }, kr = ({
   categories: l = [],
-  onCartClick: o,
+  onCartClick: s,
   mainCategoryLabel: p = "Menu",
-  logoLink: f = "https://www.everlywell.com",
+  logoLink: d = "https://www.everlywell.com",
   hasSearch: w = !0,
   onSearchClick: g,
   registrationUrl: m,
   profileUrl: R = "https://secure.everlywell.com/login",
   mobileBottomButtons: c = [],
   numberOfCartItems: b = 0,
-  linkComponent: s,
+  linkComponent: i,
   onSearchCallback: j,
   onLinkClick: v,
   onCategoryOpen: u,
   onMobileMenuOpen: O,
-  onBackToMainMenu: N,
-  onRegisterKitClick: ee,
+  onBackToMainMenu: q,
+  onRegisterKitClick: Q,
   onProfileClick: F,
   onLogoClick: _,
   shopAllProductsUrl: de,
-  onShopAllProductsClick: pe
+  onShopAllProductsClick: fe
 }) => {
-  var me, je, q;
-  const [he, H] = V(!1), [te, Y] = V(!1), [E, W] = V(null), [Ee, ve] = V(!1), [I, z] = V(!1), [U, Re] = V(0), _e = Je({
+  var U, be, me;
+  const [pe, M] = W(!1), [ee, V] = W(!1), [E, $] = W(null), [ye, he] = W(!1), [A, N] = W(!1), [Y, Ee] = W(0), Re = Xe({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
   }) ?? !1;
-  K(() => {
-    le(), W(null);
-  }, [_e]);
+  Z(() => {
+    ne(), $(null);
+  }, [Re]);
   const {
-    query: Se,
-    results: re,
-    handleSearch: Te
+    query: _e,
+    results: te,
+    handleSearch: Se
   } = jr({
     source: gt(l),
     onSearchCallback: j,
-    isActive: te
-  }), ge = re.length > 0, ne = s || G, ke = Le(de, !!s), Ie = Se && /* @__PURE__ */ t.jsxs(
+    isActive: ee
+  }), ve = te.length > 0, re = i || z, Te = Pe(de, !!i), Ie = _e && /* @__PURE__ */ t.jsxs(
     D,
-    { gap: ge ? "6" : 0, direction: "column", children: [
-      ge ? /* @__PURE__ */ t.jsx(X, { color: "tints.uiGrey", children: `${re.length} Results` }) : /* @__PURE__ */ t.jsxs(
+    { gap: ve ? "6" : 0, direction: "column", children: [
+      ve ? /* @__PURE__ */ t.jsx(K, { color: "tints.uiGrey", children: `${te.length} Results` }) : /* @__PURE__ */ t.jsxs(
         D,
         { direction: "column", gap: "6", alignItems: "flex-start", children: [
           /* @__PURE__ */ t.jsx(
-            X,
+            K,
             { color: "tints.uiGrey", children: "We didn't find what you were looking for." }
           ),
           /* @__PURE__ */ t.jsx(
             xt,
             {
-              as: ne,
-              onClick: pe,
+              as: re,
+              onClick: fe,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
-              ...ke,
+              ...Te,
               children: "Shop all products"
             }
           )
@@ -1536,16 +1523,16 @@ const ze = 60, ht = 6, fr = (l) => {
       ),
       /* @__PURE__ */ t.jsx(
         Kt,
-        { columns: [1, 1, 1, 4], children: re.map(
+        { columns: [1, 1, 1, 4], children: te.map(
           (a, k) => /* @__PURE__ */ t.jsx(
             Xt,
             { children: /* @__PURE__ */ t.jsx(
-              Ue,
+              ze,
               {
                 href: a.href,
                 label: a.label,
                 additionalContent: a == null ? void 0 : a.additionalContent,
-                linkComponent: s
+                linkComponent: i
               }
             ) },
             `${a.label}-${k}`
@@ -1553,80 +1540,78 @@ const ze = 60, ht = 6, fr = (l) => {
         ) }
       )
     ] }
-  ), le = () => {
-    H(!1), W(null);
-  }, M = (a) => "href" in a, xe = (a) => {
-    M(a) ? v == null || v(a.label) : W(a);
-  }, ae = (a) => {
-    ve(!0), Y(!1), W(null), !M(a) && (a.sections || a.spotlightCards) && W(a);
-  }, be = () => {
-    ve(!1);
+  ), ne = () => {
+    M(!1), $(null);
+  }, B = (a) => "href" in a, ge = (a) => {
+    B(a) ? v == null || v(a.label) : $(a);
+  }, le = (a) => {
+    he(!0), V(!1), $(null), !B(a) && (a.sections || a.spotlightCards) && $(a);
+  }, xe = () => {
+    he(!1);
   };
-  K(() => {
+  Z(() => {
     const a = (k) => {
-      z(k.detail.isHovering);
+      N(k.detail.isHovering);
     };
     return window.addEventListener(
-      Ke,
+      Ze,
       a
     ), () => {
       window.removeEventListener(
-        Ke,
+        Ze,
         a
       );
     };
-  }, []), K(() => {
-    !Ee && !I && (W(null), Y(!1));
-  }, [Ee, I]), K(() => {
+  }, []), Z(() => {
+    !ye && !A && ($(null), V(!1));
+  }, [ye, A]), Z(() => {
     let a = window.location.href;
     const k = () => {
-      const A = window.location.href;
-      A !== a && (a = A, le(), W(null));
-    }, B = setInterval(k, 100);
+      const P = window.location.href;
+      P !== a && (a = P, ne(), $(null));
+    }, G = setInterval(k, 100);
     return window.addEventListener("popstate", k), () => {
-      window.removeEventListener("popstate", k), clearInterval(B);
+      window.removeEventListener("popstate", k), clearInterval(G);
     };
   }, []);
-  const ie = () => {
-    W(null), N == null || N();
-  }, Ae = /* @__PURE__ */ t.jsx(
+  const ae = /* @__PURE__ */ t.jsx(
     t.Fragment,
     { children: l == null ? void 0 : l.map(
       (a, k) => /* @__PURE__ */ t.jsx(
-        Pe,
+        Oe,
         {
           onMouseEnter: () => {
-            ae(a), u == null || u(a.label);
+            le(a), u == null || u(a.label);
           },
-          onMouseLeave: be,
+          onMouseLeave: xe,
           isSelected: (E == null ? void 0 : E.label) === a.label,
-          as: M(a) && ne ? ne : G,
-          href: M(a) ? a.href : void 0,
-          onClick: M(a) ? () => v == null ? void 0 : v(a.label) : void 0,
+          as: B(a) && re ? re : z,
+          href: B(a) ? a.href : void 0,
+          onClick: B(a) ? () => v == null ? void 0 : v(a.label) : void 0,
           ...a.buttonProps,
           children: a.label
         },
         `${a.label}-${k}`
       )
     ) }
-  ), De = (me = l.filter(
-    (a) => !M(a) && a.isMobileTopLink !== !1
-  )) == null ? void 0 : me.map((a) => {
+  ), Le = (U = l.filter(
+    (a) => !B(a) && a.isMobileTopLink !== !1
+  )) == null ? void 0 : U.map((a) => {
     const k = a;
     return /* @__PURE__ */ t.jsx(
       y,
       {
         onClick: () => {
-          xe(k), u == null || u(k.label);
+          ge(k), u == null || u(k.label);
         },
         children: /* @__PURE__ */ t.jsx(
-          Ue,
+          ze,
           {
             label: k.label,
             role: "link",
             additionalContent: k.additionalContent,
             mainTextFontSize: "3xl",
-            linkComponent: s
+            linkComponent: i
           }
         )
       },
@@ -1634,13 +1619,13 @@ const ze = 60, ht = 6, fr = (l) => {
     );
   });
   gt(l);
-  const Fe = /* @__PURE__ */ t.jsxs(
+  const ke = /* @__PURE__ */ t.jsxs(
     t.Fragment,
     { children: [
       /* @__PURE__ */ t.jsx(
-        Pe,
+        Oe,
         {
-          as: G,
+          as: z,
           href: R,
           width: "100%",
           backgroundColor: "tints.cream",
@@ -1649,48 +1634,48 @@ const ze = 60, ht = 6, fr = (l) => {
             D,
             { gap: "2", children: [
               "My Everly",
-              /* @__PURE__ */ t.jsx(ce, { as: ft, size: 24 })
+              /* @__PURE__ */ t.jsx(ue, { as: dt, size: 24 })
             ] }
           )
         },
         "my-everly"
       ),
       /* @__PURE__ */ t.jsx(
-        Pe,
+        Oe,
         {
-          as: G,
+          as: z,
           width: "100%",
           href: m,
           backgroundColor: "tints.cream",
-          onClick: ee,
+          onClick: Q,
           children: /* @__PURE__ */ t.jsxs(
             D,
             { gap: "2", children: [
               "Register kit",
-              /* @__PURE__ */ t.jsx(ce, { as: or, size: 24 })
+              /* @__PURE__ */ t.jsx(ue, { as: ir, size: 24 })
             ] }
           )
         },
         "register-kit"
       )
     ] }
-  ), He = /* @__PURE__ */ t.jsxs(
+  ), Ae = /* @__PURE__ */ t.jsxs(
     D,
     { gap: "2", flexDirection: "column", children: [
       c,
-      Fe
+      ke
     ] }
-  ), oe = E ? /* @__PURE__ */ t.jsx(
+  ), Fe = E ? /* @__PURE__ */ t.jsx(
     D,
-    { direction: ["column", null, null, "row"], gap: "8", children: (je = E == null ? void 0 : E.sections) == null ? void 0 : je.map((a, k) => {
-      const B = [];
-      for (let A = 0; A < a.links.length; A += 3)
-        B.push(a.links.slice(A, A + 3));
+    { direction: ["column", null, null, "row"], gap: "8", children: (be = E == null ? void 0 : E.sections) == null ? void 0 : be.map((a, k) => {
+      const G = [];
+      for (let P = 0; P < a.links.length; P += 3)
+        G.push(a.links.slice(P, P + 3));
       return /* @__PURE__ */ t.jsxs(
         y,
         { children: [
           /* @__PURE__ */ t.jsx(
-            X,
+            K,
             {
               fontSize: "md",
               color: "tints.uiGrey",
@@ -1703,28 +1688,28 @@ const ze = 60, ht = 6, fr = (l) => {
             {
               flexDirection: ["column", null, null, "row"],
               gap: [null, null, null, 8],
-              children: B == null ? void 0 : B.map(
-                (A, $e) => /* @__PURE__ */ t.jsx(
+              children: G == null ? void 0 : G.map(
+                (P, Me) => /* @__PURE__ */ t.jsx(
                   D,
                   {
                     flexDirection: ["column"],
                     gap: [null, null, null, 5],
                     marginLeft: [null, null, null, -2],
-                    children: A == null ? void 0 : A.map(
-                      (Z) => /* @__PURE__ */ t.jsx(
-                        Ue,
+                    children: P == null ? void 0 : P.map(
+                      (X) => /* @__PURE__ */ t.jsx(
+                        ze,
                         {
-                          label: Z.label,
-                          href: Z.href,
-                          additionalContent: Z.additionalContent,
-                          linkComponent: s,
-                          onClick: () => v == null ? void 0 : v(Z.label)
+                          label: X.label,
+                          href: X.href,
+                          additionalContent: X.additionalContent,
+                          linkComponent: i,
+                          onClick: () => v == null ? void 0 : v(X.label)
                         },
-                        Z.label
+                        X.label
                       )
                     )
                   },
-                  $e
+                  Me
                 )
               )
             }
@@ -1733,91 +1718,96 @@ const ze = 60, ht = 6, fr = (l) => {
         `${a.title}-${k}`
       );
     }) }
-  ) : null, J = E != null && E.spotlightCards ? (q = E.spotlightCards) == null ? void 0 : q.map(
-    (a) => /* @__PURE__ */ t.jsx(dr, { ...a }, a.title)
+  ) : null, oe = E != null && E.spotlightCards ? (me = E.spotlightCards) == null ? void 0 : me.map(
+    (a) => /* @__PURE__ */ t.jsx(fr, { ...a }, a.title)
   ) : /* @__PURE__ */ t.jsx(y, {});
   return /* @__PURE__ */ t.jsxs(
-    y,
+    t.Fragment,
     { children: [
       /* @__PURE__ */ t.jsx(
         hr,
         {
-          desktopTopButtons: Ae,
+          desktopTopButtons: ae,
           kitRegistrationElement: /* @__PURE__ */ t.jsx(
-            Pe,
+            Oe,
             {
-              as: G,
+              as: z,
               href: m,
-              onClick: ee,
+              onClick: Q,
               backgroundColor: "tints.cream",
               children: "Register Kit"
             }
           ),
           profileElement: /* @__PURE__ */ t.jsx(
-            G,
-            { href: R, "aria-label": "login", onClick: F, children: /* @__PURE__ */ t.jsx(fe, { icon: /* @__PURE__ */ t.jsx(ce, { as: ft }), "aria-label": "Profile" }) }
+            z,
+            { href: R, "aria-label": "login", onClick: F, children: /* @__PURE__ */ t.jsx(ce, { icon: /* @__PURE__ */ t.jsx(ue, { as: dt }), "aria-label": "Profile" }) }
           ),
           cartElement: /* @__PURE__ */ t.jsx(
             vr,
             {
               "aria-label": "Cart",
               count: b,
-              onClick: o
+              onClick: s
             }
           ),
           onSearchClick: () => {
-            Y(!te), g == null || g();
+            V(!ee), g == null || g();
           },
           onMenuClick: () => {
-            H(!0), O == null || O();
+            M(!0), O == null || O();
           },
           hasSearch: w,
-          logoLink: f,
-          linkComponent: s,
+          logoLink: d,
+          linkComponent: i,
           onLogoClick: _,
-          setTopOffset: Re
-        }
-      ),
-      /* @__PURE__ */ t.jsx(
-        Ge,
-        {
-          isOpen: he,
-          onClose: le,
-          title: p,
-          navDrawerLinks: De,
-          bottomNavButtons: He,
-          hasBackButton: !1,
-          topOffset: U
-        }
-      ),
-      /* @__PURE__ */ t.jsx(
-        Ge,
-        {
-          isOpen: !!E,
-          onClose: () => {
-            le(), W(null);
-          },
-          title: (E == null ? void 0 : E.label) || "",
-          navDrawerLinks: oe,
-          onBackClick: ie,
-          spotlightCards: J,
-          hasOnlySpotlightCards: E == null ? void 0 : E.hasOnlySpotlightCards,
-          bottomButton: E == null ? void 0 : E.bottomButton,
-          topOffset: U
+          setTopOffset: Ee
         }
       ),
-      /* @__PURE__ */ t.jsx(
-        Ge,
-        {
-          isOpen: te,
-          onClose: () => Y(!1),
-          title: "Search",
-          navDrawerLinks: Ie,
-          onSearch: Te,
-          hasSearch: !0,
-          hasBackButton: !1,
-          topOffset: U
-        }
+      /* @__PURE__ */ t.jsxs(
+        y,
+        { position: "relative", zIndex: "modal", children: [
+          /* @__PURE__ */ t.jsx(
+            Ue,
+            {
+              isOpen: pe,
+              onClose: ne,
+              title: p,
+              navDrawerLinks: Le,
+              bottomNavButtons: Ae,
+              hasBackButton: !1,
+              topOffset: Y
+            }
+          ),
+          /* @__PURE__ */ t.jsx(
+            Ue,
+            {
+              isOpen: !!E,
+              onClose: () => {
+                ne(), $(null);
+              },
+              title: (E == null ? void 0 : E.label) || "",
+              navDrawerLinks: Fe,
+              onBackClick: () => $(null),
+              spotlightCards: oe,
+              hasOnlySpotlightCards: E == null ? void 0 : E.hasOnlySpotlightCards,
+              bottomButton: E == null ? void 0 : E.bottomButton,
+              topOffset: Y
+            }
+          ),
+          /* @__PURE__ */ t.jsx(
+            Ue,
+            {
+              isOpen: ee,
+              onClose: () => V(!1),
+              title: "Search",
+              navDrawerLinks: Ie,
+              onSearch: Se,
+              hasSearch: !0,
+              hasBackButton: !1,
+              topOffset: Y
+            }
+          )
+        ] }
       )
     ] }
   );
@@ -1825,13 +1815,13 @@ const ze = 60, ht = 6, fr = (l) => {
 export {
   vr as BasketButton,
   Sr as CategoryLabel,
-  Pe as NavButton,
+  Oe as NavButton,
   Tr as NavSkeleton,
-  Ge as NavbarDrawer,
-  Ue as NavbarDrawerLink,
+  Ue as NavbarDrawer,
+  ze as NavbarDrawerLink,
   kr as NavigationBar,
-  dr as SpotlightCard,
+  fr as SpotlightCard,
   _r as Stepper,
-  fe as TopNavIconButton,
+  ce as TopNavIconButton,
   hr as TopNavigation
 };